@import url("simplesl.css");

/* SimpleSL Hub: self-contained Admin Theme entry point. */
/* Admin shell */
body.admin-layout{display:grid;grid-template-columns:12rem minmax(0,1fr);column-gap:1rem;}
body.admin-layout>.hd,body.admin-layout>.mn,body.admin-layout>.ft{grid-column:1/-1;width:auto;margin-inline:1rem;}
body.admin-layout>aside.mnl{grid-column:1;margin:2rem 0 2rem 1rem;}
body.admin-layout>main.ct{grid-column:2;min-width:0;width:auto;margin:0 1rem 0 0;}
aside.mnl{align-self:start;border:1px solid var(--fg);}
nav.mnl ol{display:block;list-style:none;padding:.75rem;}
nav.mnl li{text-align:right;}
nav.mnl li:hover{transition:background-color 266ms ease-in-out;background-color:#a9f1fd;}
nav.mnl form{display:inline;}
nav.mnl button{background:transparent;color:var(--notif);cursor:pointer;display:inline-block;padding:0;text-decoration:underline;}

/* Admin components */
#dashboard dl.grid{margin-top:.5rem;}
#dashboard div.card{background:#f6f6f6;}
table.logs{border-collapse:collapse;width:100%;}
table.logs th,table.logs td{border:1px solid var(--fg);padding:.5rem;text-align:left;}
fieldset{border:1px solid var(--fg);display:grid;gap:.75rem;padding:1rem;}
input,select,textarea{border:1px solid var(--fg);padding:.5rem;}
button{background:var(--fg);color:var(--bg);cursor:pointer;padding:.5rem .75rem;}
.metadata{display:grid;gap:.5rem;margin-bottom:1rem;}
.metadata div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--fg);}
.metadata dd{margin:0;}
.form-grid{display:grid;gap:.75rem;max-width:48rem;}
.hint{color:var(--muted);}

@media (max-width:48rem){
body.admin-layout{display:block;}
body.admin-layout>.hd,body.admin-layout>.mn,body.admin-layout>.ft,body.admin-layout>aside.mnl,body.admin-layout>main.ct{width:auto;margin-inline:1rem;}
body.admin-layout>aside.mnl{margin-block:1rem;}
nav.mnl ol{display:flex;flex-wrap:wrap;gap:.75rem;}
nav.mnl li{text-align:left;}
}