/* ============================================================================
   GATE PALETTE — the access screen follows the same printed palettes as the
   desk. Verdant is the configured default.
   ========================================================================= */

html[data-palette="lw"]{
  --bg:#0b0f17; --bg-2:#0a0e16; --panel:#0f1520; --panel-2:#161e2d; --panel-3:#1b2434;
  --hair:rgba(233,230,220,.06); --hair-2:rgba(233,230,220,.10); --hair-3:rgba(233,230,220,.16);
  --tx:#e9e6dc; --tx-2:#c9c4b6; --dim:#7d8796; --dim-2:#5d6675;
  --gold:#c8a24e; --gold-2:#e2c27c; --gold-3:#a8842f;
  --gold-soft:rgba(200,162,78,.11); --gold-line:rgba(200,162,78,.28); --gold-ink:#1a1405;
  --grn:#3ddc97; --red:#ff5d73; color-scheme:dark;
}
html[data-palette="vd"]{
  --bg:#121b17; --bg-2:#101915; --panel:#17221e; --panel-2:#1d2b25; --panel-3:#233229;
  --hair:rgba(219,232,224,.06); --hair-2:rgba(219,232,224,.10); --hair-3:rgba(219,232,224,.16);
  --tx:#dbe8e0; --tx-2:#b7c9be; --dim:#7a9285; --dim-2:#5b6f64;
  --gold:#cfd69a; --gold-2:#e4e9bd; --gold-3:#9aa665;
  --gold-soft:rgba(207,214,154,.12); --gold-line:rgba(207,214,154,.30); --gold-ink:#141a0a;
  --grn:#5fd39a; --red:#e8737f; color-scheme:dark;
}
html[data-palette="bs"]{
  --bg:#171a21; --bg-2:#14171d; --panel:#1c2028; --panel-2:#232831; --panel-3:#2a303b;
  --hair:rgba(223,227,234,.06); --hair-2:rgba(223,227,234,.10); --hair-3:rgba(223,227,234,.16);
  --tx:#dfe3ea; --tx-2:#b9c0cc; --dim:#7e8797; --dim-2:#5f6878;
  --gold:#d9bf8c; --gold-2:#ecd9b2; --gold-3:#a98a52;
  --gold-soft:rgba(217,191,140,.12); --gold-line:rgba(217,191,140,.30); --gold-ink:#1a1408;
  --grn:#4fd3a0; --red:#ef6f7e; color-scheme:dark;
}
html[data-palette="dk"]{
  --bg:#1e1825; --bg-2:#19131f; --panel:#241d2c; --panel-2:#2c2435; --panel-3:#342b3e;
  --hair:rgba(236,227,239,.06); --hair-2:rgba(236,227,239,.10); --hair-3:rgba(236,227,239,.16);
  --tx:#ece3ef; --tx-2:#cbbfd2; --dim:#9a8aa3; --dim-2:#75687d;
  --gold:#e8b4a0; --gold-2:#f6d2c4; --gold-3:#c48670;
  --gold-soft:rgba(232,180,160,.13); --gold-line:rgba(232,180,160,.32); --gold-ink:#241008;
  --grn:#63d6a2; --red:#f27c8c; color-scheme:dark;
}
html[data-palette="ik"]{
  --bg:#151c2b; --bg-2:#121827; --panel:#1a2233; --panel-2:#202b40; --panel-3:#27344b;
  --hair:rgba(221,229,242,.06); --hair-2:rgba(221,229,242,.10); --hair-3:rgba(221,229,242,.16);
  --tx:#dde5f2; --tx-2:#b5c2d6; --dim:#7f8da6; --dim-2:#5e6b82;
  --gold:#e0c58f; --gold-2:#f1deb8; --gold-3:#b39556;
  --gold-soft:rgba(224,197,143,.12); --gold-line:rgba(224,197,143,.30); --gold-ink:#1b1405;
  --grn:#52d0a4; --red:#ef7284; color-scheme:dark;
}
html[data-palette="ox"]{
  --bg:#1f1417; --bg-2:#1a1114; --panel:#261a1d; --panel-2:#2f2024; --panel-3:#38272c;
  --hair:rgba(239,227,224,.06); --hair-2:rgba(239,227,224,.10); --hair-3:rgba(239,227,224,.16);
  --tx:#efe3e0; --tx-2:#d2bdbd; --dim:#a08a8c; --dim-2:#7a6669;
  --gold:#d8b27a; --gold-2:#ecd0a4; --gold-3:#b08a52;
  --gold-soft:rgba(216,178,122,.12); --gold-line:rgba(216,178,122,.30); --gold-ink:#1e1405;
  --grn:#5ed0a0; --red:#f0777d; color-scheme:dark;
}
html[data-palette="gr"]{
  --bg:#161617; --bg-2:#141415; --panel:#1c1c1e; --panel-2:#252527; --panel-3:#2d2d30;
  --hair:rgba(236,236,236,.06); --hair-2:rgba(236,236,236,.10); --hair-3:rgba(236,236,236,.16);
  --tx:#ececec; --tx-2:#c4c4c4; --dim:#8a8a8d; --dim-2:#67676a;
  --gold:#d6d0c2; --gold-2:#eae6dd; --gold-3:#a8a294;
  --gold-soft:rgba(214,208,194,.11); --gold-line:rgba(214,208,194,.28); --gold-ink:#17150f;
  --grn:#57d3a1; --red:#f07480; color-scheme:dark;
}
html[data-palette="sd"]{
  --bg:#e4ddd0; --bg-2:#e9e3d7; --panel:#f3eddf; --panel-2:#f7f2e7; --panel-3:#eee7d9;
  --hair:rgba(58,51,41,.09); --hair-2:rgba(58,51,41,.14); --hair-3:rgba(58,51,41,.20);
  --tx:#3a3329; --tx-2:#5a5044; --dim:#8a8071; --dim-2:#a19684;
  --gold:#9a7437; --gold-2:#7a5a26; --gold-3:#c09a58;
  --gold-soft:rgba(154,116,55,.12); --gold-line:rgba(154,116,55,.34); --gold-ink:#fff6e0;
  --grn:#1e7d5a; --red:#b23a48; color-scheme:light;
}

/* the gate's own wordmark and backdrop follow the tokens above */
html[data-palette] body{background:var(--bg)}
html[data-palette] ::selection{background:var(--gold-soft);color:var(--tx)}

/* ---------------------------------------------------------- banknote host -- */
.gate-bn{
  --acc:var(--gold); --acc-2:var(--gold-2); --acc-3:var(--gold-3);
  --acc-ink:var(--gold-ink); --acc-soft:var(--gold-soft); --acc-line:var(--gold-line);
}
.gate-bn.lw-acct{
  position:relative;inset:auto;min-height:calc(100vh - 58px);
  background:transparent;overflow:visible;z-index:2;animation:none;
}
.gate-bn .lw-acct-scroll{
  max-width:1120px;margin:0 auto;
  padding:26px clamp(16px,3vw,44px) 64px;
}
.is-authed .masthead{display:none}
.is-authed #authed{min-height:100vh;padding:0}

/* gate actions: no borders, no outlines */
.gate-bn .out .b{
  border:0!important;outline:0!important;box-shadow:none!important;
}
.gate-bn .out .b:not(.p){
  background:transparent!important;color:var(--dim)!important;
  border-bottom:1px solid transparent!important;border-radius:0!important;
}
.gate-bn .out .b:not(.p):hover{color:var(--tx)!important;border-bottom-color:var(--acc)!important}
.gate-bn .out .b.p{background:var(--acc)!important;color:var(--acc-ink)!important}
.gate-bn .out .b:focus-visible{outline:none!important;box-shadow:none!important}

/* ------------------------------------------------------- the sealed band --
   The seal panel is the last block of the note: the hash and the countdown
   sit on the left, the two terminal actions are sealed inside it on the
   right, and the colophon closes the card. Nothing floats outside.
   Selectors carry .lw-acct so they outrank the desk sheet that loads after. */
.gate-bn.lw-acct .pn{
  display:flex;flex-direction:column;
  padding:24px 28px 16px;
  border-radius:12px;
}
.gate-bn.lw-acct .pn h3{margin:0 0 16px}
.gate-bn.lw-acct .pn-b{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:28px;align-items:center;
}
.gate-bn.lw-acct .pn-i{min-width:0}
.gate-bn.lw-acct .cdw{
  display:flex;align-items:baseline;flex-wrap:wrap;
  gap:6px 12px;margin-top:0;
}
.gate-bn.lw-acct .cdw .k{color:var(--dim)}
.gate-bn.lw-acct .cdw b{margin-left:0;line-height:1.1}
.gate-bn.lw-acct .seal{margin-top:10px;line-height:1.5}
.gate-bn.lw-acct .out{
  margin-top:0;flex-wrap:nowrap;justify-content:flex-end;
  gap:14px;align-items:center;
}
.gate-bn.lw-acct .ft{
  margin:22px 0 0;padding-top:14px;
  border-top:1px solid var(--hair);
  font:9.5px 'JetBrains Mono',var(--mono),monospace;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--dim-2);
}

@media(max-width:760px){
  .gate-bn .lw-acct-scroll{padding:18px 14px 44px}
  .gate-bn.lw-acct .pn{padding:20px 18px 14px}
  .gate-bn.lw-acct .pn-b{grid-template-columns:1fr;gap:18px}
  .gate-bn.lw-acct .out{flex-wrap:wrap;justify-content:flex-start}
}

/* the gate surface is revealed by auth-ui, not by an entrance animation;
   keep the card fully painted even if the animation clock never advances */
.gate-bn .v{
  animation:none!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}