/* Chrome for the standalone account pages (/login /account /consult /consult/return
   /admin). Loaded after /app.css, which already styles header.top, .brand, nav.main,
   .tbtn, footer and the tokens. This file only covers what differs on a page with
   no search button, no drawer and no palette. Owned by the build slice; page
   components live in acct.css. */

/* the footer sits at the bottom of a short page (a sign-in form is ~400px tall) */
body.acct{min-height:100vh; min-height:100dvh; display:flex; flex-direction:column}
body.acct > .acct-main{flex:1 0 auto; min-width:0}
body.acct > header.top,body.acct > footer{flex:none}

/* Under 900px app.css hides nav.main and gives #btn-search the auto margin that
   pushes the controls to the inline end. There is no search button here, so the
   theme button carries it instead, or both buttons would sit against the brand. */
@media(max-width:900px){body.acct #btn-theme{margin-inline-start:auto}}

/* keyboard users land on the form, not on six header links */
.acct-skip{position:absolute; inset-inline-start:16px; top:-60px; z-index:200;
  background:var(--brass); color:var(--ground); padding:8px 14px; border-radius:6px;
  font-size:14px; font-weight:600; transition:top .15s}
.acct-skip:focus{top:10px; text-decoration:none}

/* ---------- compact footer ---------- */
body.acct footer.acct-foot{margin-top:48px}
footer.acct-foot .wrap{padding-block:26px 30px; align-items:center; gap:18px 30px}
footer.acct-foot .fb{min-width:0; flex:1 1 260px}
footer.acct-foot p{margin-top:6px}
.acct-fnav{display:flex; flex-wrap:wrap; gap:4px 18px; flex:0 1 auto}
.acct-fnav a{font-size:13.5px; color:var(--ink-2); padding:4px 0; line-height:1.5}
.acct-fnav a:hover{color:var(--brass); text-decoration:none}

@media(max-width:640px){
  footer.acct-foot .wrap{padding-inline:16px; flex-direction:column; align-items:stretch}
  .acct-fnav{gap:2px 16px}
}
@media(pointer:coarse){.acct-fnav a{padding-block:9px}}