/* Nokime Manager: the account pages (connexion, mot de passe, compte, admin). The tokens, header, footer, buttons, fields, notes and
   tables are in site.css, loaded first; only what is particular to these pages is here. */
.account-page{background:var(--bg)}
.account-main .lead{max-width:48ch}
.account-main .form-actions .btn.primary{min-width:160px}
.admin-main h1{margin-bottom:6px}
.admin-main .account-section:first-of-type{border-top:0;margin-top:28px}
.accounts td .btn.small{white-space:nowrap}
@media (max-width:560px){
  .account-main .form-actions .btn.primary{width:100%}
  /* the accounts table becomes one card per account: nothing runs off to the right, and the actions sit under the facts */
  .accounts thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .accounts,.accounts tbody,.accounts tr{display:block;width:100%}
  .accounts tr{border:1.5px solid var(--ink);padding:10px 14px;margin:0 0 14px}
  .accounts td{display:flex;justify-content:space-between;gap:16px;padding:5px 0;border:0;text-align:right;overflow-wrap:anywhere}
  .accounts td::before{content:attr(data-label);flex:none;font:500 11px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);text-align:left}
  .accounts td.actions-cell{display:block;padding-top:10px}
  .accounts td.actions-cell::before{display:block;margin-bottom:6px}
}