a{color:var(--mint)}a.btn{text-decoration:none;display:inline-block}input,select,textarea{max-width:100%}button{margin-top:4px}#notice:not(:empty){padding:12px;border:1px solid var(--gold);border-radius:10px;margin-bottom:16px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px}pre{white-space:pre-wrap;overflow-wrap:anywhere}details{margin:12px 0}summary{cursor:pointer;color:var(--mint)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:16px 0}.metric{background:var(--navy);border:1px solid var(--line);padding:16px;border-radius:12px}.metric strong{display:block;font-size:28px;color:var(--mint)}.full{grid-column:1/-1}.item-editor{padding:12px;border:1px solid var(--line);margin:12px 0;border-radius:10px}.item-editor textarea{width:100%;min-height:60px}.login{max-width:480px;margin:9vh auto}.tag{color:var(--gold)}.scroll{overflow-x:auto}

/* Center the sign-in page independently of the administration layout. */
.adm:has(.login){box-sizing:border-box;width:100%;max-width:none;min-height:100vh;min-height:100dvh;padding:28px clamp(20px,4vw,56px);display:flex;flex-direction:column}
.adm:has(.login) .adm-head{justify-content:center;margin:0;gap:12px 20px;text-align:center}
.adm:has(.login) .mark{text-decoration:none}
.adm:has(.login) #nav:empty{display:none}
.adm:has(.login) #notice:not(:empty){width:min(100%,480px);box-sizing:border-box;margin:24px auto 0}
.adm:has(.login) #app{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 0}
.adm .login{box-sizing:border-box;width:100%;max-width:480px;margin:0;padding:32px;text-align:center}
.login h1{margin:0 0 12px;font-size:32px}
.login .fields{grid-template-columns:1fr;gap:16px;margin:24px 0 20px;text-align:left}
.login input{width:100%;box-sizing:border-box;min-height:46px}
.login form>.btn{width:100%;margin:0;min-height:46px}
.login>button{margin-top:14px}
.adm:has(.login)>footer{text-align:center;margin:0 auto;max-width:680px}
@media(max-width:560px){.adm:has(.login){padding:24px 20px}.adm:has(.login) .adm-head{flex-direction:column}.adm:has(.login) #app{padding:32px 0}.adm .login{padding:26px 22px}.login h1{font-size:28px}}