/* Client portal. Builds on tip.css + manage.css. */
.awrap{max-width:640px}.awrap .tipcard{margin-bottom:18px}
.awrap h2{font-size:1.1rem;font-weight:500;margin:0 0 10px;color:var(--gold)}
#reqForm label{display:block;margin:14px 0 6px;font-size:.85rem;color:var(--muted)}#reqForm input{width:100%;box-sizing:border-box}
.alist{list-style:none;margin:0;padding:0}.alist li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:.88rem;line-height:1.5}
.alist li:first-child{border-top:0}.alist .r{text-align:right;white-space:nowrap}.alist .muted,.alist:empty::after{color:var(--muted)}
.alist:empty::after{content:"Nothing here yet.";font-size:.85rem}
.credit{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap}.credit b{font-size:2rem;color:var(--gold);font-weight:600}
.back{text-align:center}.back a{color:var(--gold)}
.awrap [hidden]{display:none!important}
.tabs{display:flex;gap:0;margin:14px 0 4px;border-bottom:1px solid var(--line)}
.tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font:inherit;padding:10px 0;cursor:pointer}
.tabs button[aria-selected="true"]{color:var(--gold);border-bottom-color:var(--gold)}
.aform label{display:block;margin:14px 0 6px;font-size:.85rem;color:var(--muted)}.aform input{width:100%;box-sizing:border-box}
.aform .btn{margin-top:16px}.aform a{color:var(--gold)}

/* Hexagon lighting background — same asset + gradient as .hero on the booking site */
body.acctpage{
  min-height:100vh;
  background:
    linear-gradient(#000c,#000a 40%,#000),
    url(/assets/hero.webp) center/cover fixed;
  background-color:#000;
}
body.acctpage header{background:transparent}
/* Keep cards readable over the lit hex grid */
body.acctpage .tipcard{background:rgba(17,17,17,.92);backdrop-filter:blur(2px)}