/* Aeroinis account area — the SkyAccess dashboard anatomy, restyled.
   Editorial: hairlines and type do the work. No stat tiles, no elevation
   stacks, radius 2px; the active tab, toggles and avatars are the only
   rounded things. Tokens: ivory #F6F3EE, ivory-deep #EDE8DF, night #0B0F1E,
   night-soft #131A30, champagne #C8A96A, error #B4554E, success #4A7C59. */

.acct { display: grid; grid-template-columns: 300px minmax(0, 880px); gap: 48px; align-items: start; }

/* ── sidebar ── */
.acct-side { position: sticky; top: 108px; background: #FFFFFF; border: 1px solid rgba(11,13,15,.1); border-radius: 2px; }
.acct-side__who { display: flex; align-items: center; gap: 14px; padding: 24px; border-bottom: 1px solid rgba(11,13,15,.08); }
.acct-side__who b { display: block; font: 400 18px/1.2 var(--serif, "Newsreader", Georgia, serif); color: #0B0D0F; }
.acct-side__who small { display: block; margin-top: 2px; font: 400 13px/1.2 var(--sans, "Satoshi", sans-serif); color: #6A6C62; word-break: break-all; }
.acct-side__msg { display: flex; align-items: center; gap: 13px; padding: 0 20px; height: 52px; background: #EDE8DF; border-bottom: 1px solid rgba(11,13,15,.08); font: 600 15px/1 var(--sans); color: #0B0D0F; text-decoration: none; }
.acct-side__msg:hover i { color: #C8A96A; }
.acct-nav { display: grid; padding: 6px 0; }
.acct-nav a { position: relative; display: flex; align-items: center; gap: 13px; height: 48px; padding: 0 20px; font: 400 15px/1 var(--sans); color: #55584f; text-decoration: none; transition: background .25s cubic-bezier(.16,1,.3,1); }
.acct-nav a:hover { background: #EDE8DF; }
.acct-nav a.is-on { color: #0B0D0F; font-weight: 600; }
.acct-nav a.is-on::before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 2px; background: #C8A96A; }
.acct-nav a.is-on i, .acct-nav a:hover i { color: #C8A96A; }
.acct i.ic { display: inline-flex; width: 18px; height: 18px; color: #6A6C62; transition: color .25s; flex: none; }
.acct i.ic svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* ── page header ── */
.acct-eyebrow { font: 700 11px/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: #8a6f3c; }
.acct-h1 { margin: 10px 0 6px; font: 400 clamp(30px, 4vw, 44px)/1.05 var(--serif); letter-spacing: -.02em; color: #0B0D0F; }
.acct-sub { margin: 0 0 48px; font: 400 15px/1.55 var(--sans); color: #6A6C62; max-width: 58ch; }

/* ── panels & rows ── */
.acct-panel { background: #FFFFFF; border: 1px solid rgba(11,13,15,.1); border-radius: 2px; padding: 32px; margin-bottom: 22px; }
.acct-panel__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 6px; }
.acct-panel__head h2 { font: 400 22px/1.2 var(--serif); color: #0B0D0F; display: flex; align-items: center; gap: 12px; }
.acct-micro { background: none; border: 0; padding: 0; cursor: pointer; font: 700 11px/1.4 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: #8a6f3c; text-decoration: none; }
.acct-micro:hover { color: #C8A96A; }
.acct-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 18px; align-items: center; padding: 18px 0; border-bottom: 1px solid rgba(11,13,15,.08); }
.acct-row:last-child { border-bottom: 0; }
.acct-row > b { font: 400 20px/1.2 var(--serif); color: #0B0D0F; }
.acct-row > small { color: #6A6C62; font: 400 13.5px/1.4 var(--sans); }
.acct-status { grid-row: span 2; font: 700 10.5px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: #6A6C62; white-space: nowrap; justify-self: end; }
.acct-status--quoted { color: #8a6f3c; }
.acct-status--confirmed { color: #4A7C59; }
.acct-status--cancelled { text-decoration: line-through; }

/* ── empty state recipe ── */
.acct-empty { text-align: center; padding: 40px 20px; }
.acct-empty i.ic { width: 56px; height: 56px; background: #EDE8DF; border-radius: 2px; align-items: center; justify-content: center; color: #6A6C62; margin: 0 auto 16px; display: inline-flex; }
.acct-empty i.ic svg { width: 26px; height: 26px; }
.acct-empty b { display: block; font: 400 20px/1.3 var(--serif); color: #0B0D0F; }
.acct-empty p { margin: 6px 0 18px; font: 400 14px/1.5 var(--sans); color: #6A6C62; }

/* ── segmented control (the pill exception) ── */
.acct-tabs { display: inline-flex; gap: 8px; margin-bottom: 20px; flex-wrap: wrap; }
.acct-tabs button { padding: 9px 18px; border-radius: 999px; border: 1px solid rgba(11,13,15,.16); background: transparent; font: 600 12.5px/1 var(--sans); letter-spacing: .06em; color: #55584f; cursor: pointer; transition: all .25s cubic-bezier(.16,1,.3,1); }
.acct-tabs button.is-on { background: #0B0F1E; border-color: #0B0F1E; color: #F6F3EE; }

/* ── timeline (request detail) ── */

/* ── stats strip ── */
.acct-stats { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid rgba(11,13,15,.1); border-radius: 2px; background: #fff; margin-bottom: 22px; }
.acct-stats div { padding: 20px 22px; border-right: 1px solid rgba(11,13,15,.08); }
.acct-stats div:last-child { border-right: 0; }
.acct-stats small { display: block; font: 700 10px/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: #8b8d84; margin-bottom: 8px; }
.acct-stats b { font: 400 26px/1 var(--serif); color: #0B0D0F; font-variant-numeric: tabular-nums; }

/* ── forms ── */
.acct-f { display: block; margin-top: 18px; }
.acct-f span { display: block; font: 700 10.5px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: #8b8d84; margin-bottom: 6px; }
.acct-f input, .acct-f textarea, .acct-f select { width: 100%; background: transparent; border: 0; border-bottom: 1px solid rgba(11,13,15,.3); border-radius: 0; padding: 8px 0; color: #0B0D0F; font: 400 15.5px/1.4 var(--sans); outline: none; transition: border-color .25s, box-shadow .25s; }
.acct-f input:focus, .acct-f textarea:focus { border-bottom-color: #C8A96A; box-shadow: 0 1px 0 #C8A96A; }
.acct-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 26px; }
.acct-save { margin-top: 24px; padding: 12px 26px; border: 1px solid rgba(11,13,15,.25); border-radius: 2px; background: transparent; color: #55584f; font: 700 12px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; cursor: pointer; transition: all .25s cubic-bezier(.16,1,.3,1); }
.acct-save.is-dirty { background: #C8A96A; border-color: #C8A96A; color: #0B0F1E; }
.acct-verified { font: 700 10px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: #4A7C59; margin-left: 10px; }

/* ── toggles ── */
.acct-toggle { position: relative; width: 40px; height: 22px; border-radius: 999px; border: 1px solid rgba(11,13,15,.25); background: #EDE8DF; cursor: pointer; transition: all .25s cubic-bezier(.16,1,.3,1); flex: none; }
.acct-toggle::after { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 999px; background: #fff; border: 1px solid rgba(11,13,15,.15); transition: transform .25s cubic-bezier(.16,1,.3,1); }
.acct-toggle[aria-checked="true"] { background: #C8A96A; border-color: #C8A96A; }
.acct-toggle[aria-checked="true"]::after { transform: translateX(18px); }

/* ── concierge night card ── */
.acct-night { background: #0B0F1E; border: 1px solid rgba(200,169,106,.3); border-radius: 2px; padding: 32px; color: #F6F3EE; margin-bottom: 22px; }
.acct-night h2 { font: 400 24px/1.2 var(--serif); }
.acct-night p { margin: 8px 0 18px; color: #B9BCC9; font: 400 14px/1.5 var(--sans); }
.acct-night .jp-ghost { border-color: rgba(200,169,106,.55); color: #E8D5AB; }

/* ── danger zone ── */
.acct-danger { border: 1px solid rgba(180,85,78,.45); border-radius: 2px; background: #fff; padding: 32px; margin-top: 44px; }
.acct-danger h2 { font: 400 20px/1.2 var(--serif); color: #0B0D0F; }
.acct-danger p { margin: 8px 0 16px; font: 400 13.5px/1.5 var(--sans); color: #6A6C62; }
.acct-danger button { background: none; border: 1px solid rgba(180,85,78,.5); border-radius: 2px; padding: 11px 22px; color: #B4554E; font: 700 12px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; cursor: pointer; }
.acct-danger button:hover { background: #B4554E; color: #fff; }

/* ── toast ── */
.acct-toast { position: fixed; left: 50%; bottom: 26px; transform: translateX(-50%); background: #0B0F1E; color: #F6F3EE; border-radius: 999px; padding: 12px 24px; font: 500 13.5px/1 var(--sans); z-index: 500; display: flex; gap: 10px; align-items: center; animation: aiauth-drop .25s cubic-bezier(.16,1,.3,1); }
.acct-toast i { color: #C8A96A; }

/* delete-confirm modal reuses .aiauth-veil/.aiauth-modal from the auth layer */

/* ── responsive ── */
@media (max-width: 1024px) {
  .acct { grid-template-columns: 1fr; gap: 26px; }
  .acct-side { position: static; }
  .acct-side__who { display: none; }
  .acct-nav { display: flex; overflow-x: auto; padding: 4px; }
  .acct-nav a { white-space: nowrap; height: 42px; }
  .acct-nav a.is-on::before { top: auto; left: 12px; right: 12px; bottom: 0; width: auto; height: 2px; }
  .acct-side__msg { border-bottom: 0; }
}
@media (max-width: 640px) {
  .acct-panel, .acct-night, .acct-danger { padding: 20px; }
  .acct-stats { grid-template-columns: 1fr 1fr; }
  .acct-stats div:nth-child(2) { border-right: 0; }
  .acct-stats div:nth-child(-n+2) { border-bottom: 1px solid rgba(11,13,15,.08); }
  .acct-grid2 { grid-template-columns: 1fr; }
}

/* date parts — three quiet selects that always work (better than a free-text
   date for a 1975 birthday; the field-kit calendar is tuned for near dates) */
.acct-dateparts { display: grid; grid-template-columns: 1fr 1.4fr 1.1fr; gap: 10px; }
.acct-dateparts--2 { grid-template-columns: 1fr 1fr; }
.acct-dateparts select { width: 100%; background: transparent; border: 0; border-bottom: 1px solid rgba(11,13,15,.3); border-radius: 0; padding: 8px 0; color: #0B0D0F; font: 400 15px/1.3 var(--sans); outline: none; cursor: pointer; }
.acct-dateparts select:focus { border-bottom-color: #C8A96A; box-shadow: 0 1px 0 #C8A96A; }

/* phone: a small searchable code box + the number, grouped per country */
.acct-phone { display: grid; grid-template-columns: 84px 1fr; gap: 12px; }
.acct-phone input { width: 100%; background: transparent; border: 0; border-bottom: 1px solid rgba(11,13,15,.3); border-radius: 0; padding: 8px 0; color: #0B0D0F; font: 400 15px/1.3 var(--sans); outline: none; }
.acct-phone input:focus { border-bottom-color: #C8A96A; box-shadow: 0 1px 0 #C8A96A; }
.acct-cc { position: relative; }
.acct-cc input { font-variant-numeric: tabular-nums; }
.acct-cc__list { position: absolute; top: calc(100% + 4px); left: 0; min-width: 230px; background: #fff; border: 1px solid rgba(11,13,15,.14); border-radius: 2px; box-shadow: 0 20px 50px -20px rgba(4,7,16,.35); z-index: 30; max-height: 260px; overflow: auto; }
.acct-cc__list button { display: block; width: 100%; text-align: left; padding: 10px 14px; background: none; border: 0; cursor: pointer; font: 400 13.5px/1.2 var(--sans); color: #0B0D0F; }
.acct-cc__list button:hover { background: #EDE8DF; }
.acct-cc__list button b { display: inline-block; min-width: 46px; color: #8a6f3c; font-variant-numeric: tabular-nums; }
.acct-cc__hint { display: block; margin-top: 4px; font: 400 11.5px/1 var(--sans); color: #8b8d84; }

/* ═══ Modern skin v2 ══════════════════════════════════════════════════
   The account area steps forward a generation: soft 16px radii, layered
   shadows, tinted active states, a floating segmented control. Champagne,
   ivory and the serif stay — the chassis underneath is 2026. */

.acct-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 30px; flex-wrap: wrap; }
.acct-head .acct-h1 { margin: 8px 0 4px; font-size: clamp(28px, 3.4vw, 38px); }
.acct-head .acct-sub { margin: 0; font-size: 14px; }
.acct { grid-template-columns: 288px minmax(0, 880px); gap: 32px; }

.acct-side, .acct-panel, .acct-stats, .acct-danger {
  border-radius: 16px;
  border-color: rgba(11,13,15,.07);
  box-shadow: 0 1px 2px rgba(11,13,15,.04), 0 12px 32px -18px rgba(11,13,15,.14);
}
.acct-night { border-radius: 16px; box-shadow: 0 18px 44px -20px rgba(4,7,16,.5); }
.acct-side { overflow: hidden; }
.acct-side__msg { border-radius: 0; }

/* nav: tinted rounded active row instead of the hairline bar */
.acct-nav { padding: 8px; gap: 2px; }
.acct-nav a { border-radius: 10px; height: 44px; transition: background .2s cubic-bezier(.16,1,.3,1), color .2s; }
.acct-nav a.is-on { background: rgba(200,169,106,.14); color: #0B0D0F; }
.acct-nav a.is-on::before { display: none; }
.acct-nav a:hover { background: rgba(11,13,15,.045); }

/* segmented control: floating pill on a soft track */
.acct-tabs { background: #EDE8DF; border-radius: 999px; padding: 4px; gap: 2px; }
.acct-tabs button { border: 0; border-radius: 999px; padding: 8px 18px; color: #6A6C62; }
.acct-tabs button.is-on { background: #fff; color: #0B0D0F; box-shadow: 0 1px 3px rgba(11,13,15,.14); }

/* stats: no internal borders, quiet columns */
.acct-stats { overflow: hidden; }
.acct-stats div { border-right: 0; position: relative; }
.acct-stats div + div::before { content: ""; position: absolute; left: 0; top: 22%; bottom: 22%; width: 1px; background: rgba(11,13,15,.08); }

/* rows: hover breathes */
.acct-row { transition: background .2s; border-radius: 10px; padding-left: 12px; padding-right: 12px; margin: 0 -12px; }
.acct-row[data-req]:hover { background: rgba(11,13,15,.03); }

/* empty-state icon squares soften */
.acct-empty i.ic { border-radius: 14px; }

/* buttons modernise */
.acct-save { border-radius: 10px; }
.acct-danger button { border-radius: 10px; }
.acct-cc__list { border-radius: 12px; overflow: hidden; }
.acct-toast { box-shadow: 0 12px 32px -12px rgba(4,7,16,.5); }

/* page transition: content fades up on every route change */
[data-acct-main] > * { animation: acct-in .32s cubic-bezier(.16,1,.3,1) both; }
[data-acct-main] > *:nth-child(2) { animation-delay: .04s; }
[data-acct-main] > *:nth-child(3) { animation-delay: .08s; }
[data-acct-main] > *:nth-child(4) { animation-delay: .12s; }
@keyframes acct-in { from { opacity: 0; transform: translateY(10px); } }
@media (prefers-reduced-motion: reduce) { [data-acct-main] > * { animation: none; } }

@media (max-width: 1024px) {
  .acct-head { margin-bottom: 18px; }
  .acct-nav { display: flex; }
  .acct-nav a.is-on::before { display: none; }
}

/* the jet page's generic section padding leaks into the grid — zero it */
.acct > section { padding: 0; }

/* ── popup calendar — modern, champagne-selected, year-jumpable ── */
.acct-cal { position: absolute; top: calc(100% + 6px); left: 0; z-index: 40; width: 292px; background: #fff; border: 1px solid rgba(11,13,15,.1); border-radius: 14px; box-shadow: 0 6px 16px rgba(11,13,15,.08), 0 24px 60px -24px rgba(11,13,15,.28); padding: 14px; animation: aiauth-drop .18s cubic-bezier(.16,1,.3,1); }
.acct-cal__head { display: grid; grid-template-columns: 32px 1fr 84px 32px; gap: 8px; align-items: center; margin-bottom: 10px; }
.acct-cal__head button { height: 32px; border: 1px solid rgba(11,13,15,.12); border-radius: 8px; background: none; cursor: pointer; color: #55584f; font-size: 15px; }
.acct-cal__head button:hover { border-color: #C8A96A; color: #8a6f3c; }
.acct-cal__head select { height: 32px; border: 1px solid rgba(11,13,15,.12); border-radius: 8px; background: #fff; padding: 0 8px; font: 500 13px/1 var(--sans); color: #0B0D0F; cursor: pointer; outline: none; }
.acct-cal__head select:focus { border-color: #C8A96A; }
.acct-cal__dow { display: grid; grid-template-columns: repeat(7, 1fr); margin-bottom: 4px; }
.acct-cal__dow i { text-align: center; font: 700 10px/1.6 var(--sans); letter-spacing: .08em; color: #8b8d84; font-style: normal; }
.acct-cal__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.acct-cal__grid button { aspect-ratio: 1; border: 0; border-radius: 8px; background: none; font: 500 13px/1 var(--sans); color: #0B0D0F; cursor: pointer; transition: background .15s; }
.acct-cal__grid button:hover { background: #EDE8DF; }
.acct-cal__grid button.is-on { background: #C8A96A; color: #0B0F1E; font-weight: 700; }
.acct-cc__list--country { left: 0; right: auto; min-width: 240px; }

/* desk: awaiting-quote badge in the sidebar */
.desk-badge { margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: #B4554E; color: #fff; font: 700 11px/20px var(--sans); text-align: center; }

/* ═══ Membership card + tier ladder ═══════════════════════════════════
   Left: the object a member screenshots. Right: the reason to fly again.
   Both read the same figure the desk records, so neither can flatter the
   other. */
.acct-card { display: grid; grid-template-columns: minmax(0, 360px) minmax(0, 1fr); gap: 22px; align-items: stretch; margin: 0 0 22px; }
.acct-card__face {
  position: relative; display: grid; align-content: space-between; gap: 20px;
  padding: 26px 28px; border-radius: 16px; min-height: 232px; color: #F6F3EE; overflow: hidden;
  background:
    radial-gradient(120% 90% at 88% -10%, rgba(200,169,106,.26) 0%, rgba(200,169,106,0) 58%),
    linear-gradient(146deg, #22304F 0%, #141D3A 46%, #0A0E1C 100%);
  box-shadow: 0 26px 54px -30px rgba(11,15,30,.78), inset 0 0 0 1px rgba(200,169,106,.32);
  cursor: pointer; transition: transform .5s cubic-bezier(.16,1,.3,1), box-shadow .5s cubic-bezier(.16,1,.3,1);
}
.acct-card__face:hover { transform: translateY(-3px); box-shadow: 0 34px 64px -30px rgba(11,15,30,.85), inset 0 0 0 1px rgba(200,169,106,.5); }
.acct-card__face:focus-visible { outline: 2px solid #C8A96A; outline-offset: 3px; }
/* engine-turned guilloche, in CSS: two fine gold grids at opposing angles */
.acct-card__grid { position: absolute; inset: 0; pointer-events: none; opacity: .42;
  background-image:
    repeating-linear-gradient(58deg, rgba(200,169,106,.16) 0 1px, transparent 1px 9px),
    repeating-linear-gradient(-58deg, rgba(200,169,106,.11) 0 1px, transparent 1px 13px);
  -webkit-mask-image: radial-gradient(120% 100% at 78% 0%, #000 0%, transparent 72%);
  mask-image: radial-gradient(120% 100% at 78% 0%, #000 0%, transparent 72%); }
.acct-card__face::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, rgba(200,169,106,0), rgba(200,169,106,.55), rgba(200,169,106,0)); }
.acct-card__head { display: flex; align-items: center; gap: 12px; position: relative; }
.acct-card__mark { width: 34px; height: 34px; color: #C8A96A; flex: none; }
.acct-card__brand { font: 700 12px/1 var(--sans); letter-spacing: .34em; }
.acct-card__brand i { font-style: normal; color: #C8A96A; margin-left: 5px; letter-spacing: .2em; }
.acct-card__tier { margin-left: auto; padding: 6px 12px; border: 1px solid rgba(200,169,106,.55); border-radius: 999px;
  font: 700 9.5px/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: #E4CE9B; background: rgba(200,169,106,.08); }
.acct-card__nowrap { position: relative; }
.acct-card__nowrap small { display: block; font: 700 8.5px/1 var(--sans); letter-spacing: .22em; text-transform: uppercase; color: rgba(246,243,238,.44); margin-bottom: 9px; }
.acct-card__no { display: block; font: 400 clamp(25px, 2.6vw, 31px)/1 var(--serif); letter-spacing: .2em; font-variant-numeric: tabular-nums;
  color: #F6F3EE; text-shadow: 0 1px 0 rgba(0,0,0,.35); }
.acct-card__foot { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; position: relative; padding-right: 42px; }
.acct-card__foot small { display: block; font: 700 8.5px/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: rgba(246,243,238,.44); margin-bottom: 6px; }
.acct-card__foot b { font: 500 13.5px/1.2 var(--sans); color: #F6F3EE; }
.acct-card__foot .ta-r { text-align: right; }
/* the enlarge affordance: a corner glyph, out of the way of the number */
.acct-card__zoom { position: absolute; right: 22px; bottom: 20px; width: 30px; height: 30px; display: grid; place-items: center;
  border: 1px solid rgba(246,243,238,.22); border-radius: 999px; color: rgba(246,243,238,.6); opacity: .7; transition: all .35s ease; }
.acct-card__zoom svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.acct-card__face:hover .acct-card__zoom { opacity: 1; border-color: rgba(200,169,106,.6); color: #E4CE9B; }

/* wallet view — the card, alone, the way a phone would show it */
.acct-wallet { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; padding: 24px;
  background: rgba(6,9,18,.78); backdrop-filter: blur(10px); opacity: 0; transition: opacity .22s ease; }
.acct-wallet.is-on { opacity: 1; }
.acct-wallet__inner { width: min(520px, 100%); transform: scale(.96); transition: transform .32s cubic-bezier(.16,1,.3,1); }
.acct-wallet.is-on .acct-wallet__inner { transform: none; }
.acct-card__face.is-big { min-height: min(60vh, 320px); padding: 32px 34px; cursor: default; }
.acct-card__face.is-big:hover { transform: none; }
.acct-card__face.is-big .acct-card__no { font-size: clamp(30px, 7vw, 40px); }
.acct-wallet__acts { display: flex; gap: 10px; margin-top: 18px; }
.acct-wallet__acts button { flex: 1; height: 46px; border-radius: 999px; cursor: pointer; font: 600 12.5px/1 var(--sans); letter-spacing: .08em;
  background: transparent; border: 1px solid rgba(246,243,238,.32); color: #F6F3EE; transition: all .3s ease; }
.acct-wallet__acts button:hover { border-color: #C8A96A; color: #E4CE9B; }
.acct-wallet__note { margin: 14px 0 0; text-align: center; font: 400 12.5px/1.6 var(--sans); color: rgba(246,243,238,.6); }

.acct-card__side { display: flex; padding: 24px 26px; background: #fff; border: 1px solid rgba(11,13,15,.1); border-radius: 14px; }
.acct-tier { width: 100%; display: flex; flex-direction: column; }
.acct-tier__figure { margin-bottom: 14px; }
.acct-tier__figure small { display: block; font: 700 9.5px/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: #8b8d84; margin-bottom: 7px; }
.acct-tier__figure b { font: 400 clamp(26px, 2.6vw, 32px)/1 var(--serif); color: #0B0D0F; font-variant-numeric: tabular-nums; }
.acct-tier__bar { height: 6px; border-radius: 999px; background: rgba(11,13,15,.08); overflow: hidden; }
.acct-tier__bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #C8A96A, #DCC28A); transition: width .9s cubic-bezier(.16,1,.3,1); }
.acct-tier__scale { display: flex; justify-content: space-between; gap: 12px; margin-top: 7px; font: 500 10.5px/1 var(--sans); letter-spacing: .1em; text-transform: uppercase; color: #a2a49c; }
.acct-tier__go { margin: 14px 0 0; font: 500 14px/1.45 var(--sans); color: #8a6f3c; }
.acct-tier__opens { margin: 16px 0 8px; font: 700 9.5px/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: #8b8d84; }
.acct-tier__perks { margin: 0; padding: 0; list-style: none; display: grid; gap: 7px; }
.acct-tier__perks li { position: relative; padding-left: 17px; font: 400 13px/1.5 var(--sans); color: #55585C; }
.acct-tier__perks li::before { content: ""; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: #C8A96A; }
.acct-tier__note { margin: auto 0 0; padding-top: 14px; font: 400 12px/1.55 var(--sans); color: #a2a49c; }
@media (max-width: 860px) { .acct-card { grid-template-columns: 1fr; } .acct-card__face { min-height: 196px; } }



/* Request timeline — one column, honest about where the ball is. */
.acct-tl { list-style: none; margin: 14px 0 0; padding: 0 0 0 22px; position: relative; }
.acct-tl::before { content: ""; position: absolute; left: 5px; top: 6px; bottom: 10px; width: 1px; background: rgba(11,13,15,.12); }
.acct-tl li { position: relative; padding: 0 0 16px; }
.acct-tl li:last-child { padding-bottom: 0; }
.acct-tl li::before { content: ""; position: absolute; left: -22px; top: 4px; width: 11px; height: 11px; border-radius: 50%; background: #fff; border: 1px solid rgba(11,13,15,.2); }
.acct-tl li.is-done::before { background: #0B0D0F; border-color: #0B0D0F; }
.acct-tl li.is-now::before { background: #C8A96A; border-color: #C8A96A; box-shadow: 0 0 0 4px rgba(200,169,106,.2); }
.acct-tl b { display: block; font: 500 14.5px/1.3 var(--sans); color: rgba(11,13,15,.42); }
.acct-tl li.is-done b, .acct-tl li.is-now b { color: #0B0D0F; }
.acct-tl small { display: block; margin-top: 3px; font: 400 12.8px/1.5 var(--sans); color: #8b8d84; }
.acct-tl i { display: block; margin-top: 3px; font: 400 11.5px/1 var(--sans); font-style: normal; color: #a9aaa2; letter-spacing: .04em; }
.acct-next { display: flex; gap: 10px; align-items: baseline; margin: 16px 0 0; padding: 12px 14px; background: rgba(200,169,106,.09); border-left: 2px solid #C8A96A; font: 400 13.2px/1.55 var(--sans); color: #55585C; }
.acct-next span { flex: none; font: 700 9.5px/1.6 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: #8a6f3c; }

/* ── skeletons: real geometry, quiet shimmer ── */
.sk { display: block; border-radius: 3px; background: linear-gradient(90deg, rgba(11,13,15,.055) 25%, rgba(11,13,15,.1) 37%, rgba(11,13,15,.055) 63%); background-size: 400% 100%; animation: sk-slide 1.4s ease-in-out infinite; }
.sk + .sk { margin-top: 9px; }
@keyframes sk-slide { from { background-position: 100% 0; } to { background-position: 0 0; } }
.acct-row--sk { align-items: center; }
.acct-row--sk .sk + .sk { margin-top: 0; }
.acct-card__face--sk { background: linear-gradient(150deg, #232f4c 0%, #131c38 46%, #0e1428 100%); }
.acct-nav--sk { pointer-events: none; padding: 0 20px; display: flex; align-items: center; height: 46px; }
@media (prefers-reduced-motion: reduce) { .sk { animation: none; } }

/* ── the gate: what signing in actually buys, next to a real photograph ── */
.acct-gate { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .92fr); gap: 0; background: #fff; border: 1px solid rgba(11,13,15,.1); border-radius: 2px; overflow: hidden; }
.acct-gate__body { padding: clamp(28px, 4vw, 54px); }
.acct-gate__h { margin: 10px 0 12px; font: 400 clamp(2.1rem, 4vw, 3rem)/1.05 var(--serif, "Newsreader", Georgia, serif); letter-spacing: -.02em; color: #0B0D0F; }
.acct-gate__h em { font-style: italic; color: #8a6f3c; }
.acct-gate__lead { margin: 0 0 24px; max-width: 46ch; font: 400 15px/1.65 var(--sans, "Satoshi", sans-serif); color: #55585C; }
.acct-gate__list { list-style: none; margin: 0 0 28px; padding: 0; display: grid; gap: 14px; }
.acct-gate__list li { position: relative; padding-left: 20px; font: 400 14px/1.55 var(--sans); color: #6A6C62; }
.acct-gate__list li::before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: #C8A96A; }
.acct-gate__list b { display: block; font: 500 15px/1.4 var(--sans); color: #0B0D0F; }
.acct-gate__go { max-width: 320px; }
.acct-gate__alt { margin: 12px 0 0; }
.acct-gate__alt button { background: none; border: 0; cursor: pointer; }
.acct-gate__foot { margin: 26px 0 0; padding-top: 20px; border-top: 1px solid rgba(11,13,15,.08); font: 400 13px/1.6 var(--sans); color: #8b8d84; }
.acct-gate__foot a { color: #8a6f3c; }
.acct-gate__media { position: relative; margin: 0; min-height: 380px; }
.acct-gate__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.acct-gate__media figcaption { position: absolute; left: 22px; right: 22px; bottom: 20px; padding: 12px 16px; background: rgba(11,15,30,.62); backdrop-filter: blur(6px); color: #F6F3EE; border-radius: 2px; font: 500 11.5px/1.4 var(--sans); letter-spacing: .1em; text-transform: uppercase; }
@media (max-width: 900px) { .acct-gate { grid-template-columns: 1fr; } .acct-gate__media { min-height: 240px; order: -1; } }

/* ── tier tabs + full ladder ── */
.acct-tier__tabs { display: flex; gap: 18px; margin: 0 0 16px; border-bottom: 1px solid rgba(11,13,15,.1); }
.acct-tier__tabs button { position: relative; background: none; border: 0; padding: 0 0 10px; cursor: pointer; font: 500 13px/1 var(--sans); letter-spacing: .02em; color: #8b8d84; }
.acct-tier__tabs button.is-on { color: #0B0D0F; }
.acct-tier__tabs button.is-on::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #C8A96A; }
.acct-tier__note { margin: 14px 0 0; font: 400 12.2px/1.55 var(--sans); color: #a2a49c; }
.acct-ladder { display: grid; gap: 14px; }
.acct-ladder__step { padding: 13px 15px; border: 1px solid rgba(11,13,15,.1); border-radius: 3px; opacity: .62; }
.acct-ladder__step.is-open { opacity: 1; }
.acct-ladder__step.is-on { border-color: #C8A96A; background: rgba(200,169,106,.06); }
.acct-ladder__step b { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font: 500 14px/1.2 var(--sans); color: #0B0D0F; }
.acct-ladder__step b span { font: 400 11.5px/1 var(--sans); color: #8a6f3c; letter-spacing: .04em; }
.acct-ladder__step ul { margin: 8px 0 0; padding: 0; list-style: none; display: grid; gap: 5px; }
.acct-ladder__step li { position: relative; padding-left: 14px; font: 400 12.6px/1.5 var(--sans); color: #6A6C62; }
.acct-ladder__step li::before { content: "—"; position: absolute; left: 0; color: #C8A96A; }

/* ── account ledger ── */
.acct-ledger { width: 100%; border-collapse: collapse; }
.acct-ledger th { text-align: left; padding: 0 14px 10px 0; font: 700 9.5px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: #8b8d84; border-bottom: 1px solid rgba(11,13,15,.1); }
.acct-ledger td { padding: 13px 14px 13px 0; border-bottom: 1px solid rgba(11,13,15,.06); font: 400 13.6px/1.45 var(--sans); color: #55585C; vertical-align: top; }
.acct-ledger tr:last-child td { border-bottom: 0; }
.acct-ledger td:first-child { white-space: nowrap; color: #8b8d84; font-variant-numeric: tabular-nums; }
.acct-ledger .ta-r { text-align: right; font-variant-numeric: tabular-nums; color: #0B0D0F; }
.acct-ledger__cat { display: inline-block; padding: 3px 9px; border: 1px solid rgba(11,13,15,.12); border-radius: 999px; font: 500 11px/1.4 var(--sans); color: #6A6C62; white-space: nowrap; }
@media (max-width: 640px) { .acct-ledger th:nth-child(2), .acct-ledger td:nth-child(2) { display: none; } }

/* ── unread badge ── */
.acct-badge { margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: #C8A96A; color: #0B0D0F; font: 700 10.5px/1 var(--sans); font-style: normal; }

/* ── profile completeness ── */
.acct-comp { background: #fff; border: 1px solid rgba(11,13,15,.1); border-radius: 2px; padding: 20px 22px; margin-bottom: 22px; }
.acct-comp__top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px; }
.acct-comp__top b { font: 500 15px/1 var(--sans); color: #0B0D0F; }
.acct-comp__top span { font: 700 11px/1 var(--sans); letter-spacing: .1em; text-transform: uppercase; color: #8a6f3c; }
.acct-comp__bar { height: 6px; border-radius: 999px; background: rgba(11,13,15,.08); overflow: hidden; }
.acct-comp__bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #C8A96A, #DCC28A); transition: width .8s cubic-bezier(.16,1,.3,1); }
.acct-comp__go { margin: 12px 0 0; font: 400 13px/1.6 var(--sans); color: #8b8d84; }
.acct-comp__go a { color: #8a6f3c; }
.acct-note { margin: 0 0 14px; font: 400 13px/1.55 var(--sans); color: #8b8d84; }

/* privileges already held read as ticks; the ones above you read as dots */
.acct-tier__perks--now li { color: #0B0D0F; }
.acct-tier__perks--now li::before { content: "✓"; width: auto; height: auto; top: 0; border-radius: 0; background: none; color: #4A7C59; font: 700 11px/1.55 var(--sans); }

/* the card keeps a card's proportions instead of stretching to whatever the
   panel beside it happens to need */
.acct-card { align-items: start; }
.acct-card__face { aspect-ratio: 1.586 / 1; min-height: 0; align-content: space-between; }
.acct-card__face.is-big { aspect-ratio: 1.586 / 1; min-height: 0; }
/* the sidebar link colour was winning over the badge's own */
.acct-nav a .acct-badge { color: #0B0D0F; }

/* A later unscoped `.acct` rule re-declared the two-column grid after the
   responsive one, so the account never collapsed on a phone — the card and
   the panel stayed side by side and the page scrolled sideways. Restated
   here, last, where it can win. */
@media (max-width: 1024px) {
  .acct { grid-template-columns: 1fr; gap: 26px; }
  .acct-card { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .acct-card__face { padding: 20px; }
  .acct-card__no { font-size: clamp(21px, 6.4vw, 27px); letter-spacing: .14em; }
  .acct-ledger td, .acct-ledger th { padding-right: 8px; }
}

/* the desk's alert switch */
.desk-bell { position: relative; }
.desk-bell.is-on { border-color: rgba(74,124,89,.6); color: #3F7D58; }
.desk-bell[data-n]:not([data-n=""])::after {
  content: attr(data-n); position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px;
  display: grid; place-items: center; padding: 0 5px; border-radius: 999px;
  background: #B4554E; color: #fff; font: 700 10px/1 var(--sans);
}
/* what travels with the passengers, called out on the pipeline row */
.desk-load { display: inline-block; margin: 4px 0 2px; padding: 3px 10px; border-radius: 999px;
  background: rgba(200,169,106,.14); font: 600 11px/1.5 var(--sans); letter-spacing: .02em; color: #806536; }
/* the desk's quote action sits beside the status control */
.desk-quote { border: 1px solid rgba(11,13,15,.16); border-radius: 999px; padding: 7px 14px; background: transparent;
  font: 600 11.5px/1 var(--sans); letter-spacing: .06em; color: #806536; cursor: pointer; transition: all .25s ease; }
.desk-quote:hover { border-color: #C8A96A; background: #FBF7EE; color: #0B0D0F; }

/* the desk's own modal — the console does not load the auth layer's sheet */
.desk-veil { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 24px;
  background: rgba(8,11,18,.62); backdrop-filter: blur(6px); }
.desk-modal { width: min(520px, 100%); max-height: calc(100vh - 48px); overflow: auto;
  background: #fff; border-radius: 14px; padding: 30px 32px; box-shadow: 0 50px 110px -30px rgba(6,9,18,.6); }
.desk-modal h2 { margin: 0; font: 400 26px/1.15 var(--serif); letter-spacing: -.02em; color: #0B0D0F; }
.desk-modal__sub { margin: 6px 0 0; font: 400 14px/1.5 var(--sans); color: #6A6C62; }
.desk-modal__foot { margin: 14px 0 0; text-align: center; }
.desk-modal .acct-f input { width: 100%; }

/* the four things the desk says, ready to send */
.desk-msgs { display: grid; gap: 10px; margin-top: 20px; }
.desk-msg { display: grid; gap: 4px; text-align: left; padding: 14px 16px; border: 1px solid rgba(11,13,15,.12);
  border-radius: 10px; background: #fff; cursor: pointer; transition: border-color .25s ease, background .25s ease; }
.desk-msg:hover { border-color: #C8A96A; background: #FBF7EE; }
.desk-msg b { font: 500 14.5px/1.3 var(--sans); color: #0B0D0F; }
.desk-msg span { font: 400 12.5px/1.5 var(--sans); color: #8B8E85; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* operations row: route, the paper trail, status, money */
.acct-row--ops{grid-template-columns:minmax(0,1fr) auto auto auto}
.desk-docs{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
@media (max-width:900px){.acct-row--ops{grid-template-columns:1fr}.desk-docs{justify-content:flex-start}}

/* the send sheet */
.desk-quote__link{margin:12px 0 10px;padding:10px 12px;background:rgba(11,13,15,.05);border-radius:9px;font-size:.8rem;word-break:break-all}
.desk-quote__link code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.desk-modal__row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.desk-modal__row a{text-decoration:none}
.desk-send{border-color:rgba(200,169,106,.6)!important;color:#6b5526!important}

/* the desk's end of a quotation thread */
.desk-thread{display:grid;gap:10px;max-height:300px;overflow:auto;margin:12px 0}
.desk-thread__empty{margin:0;font-size:.85rem;color:#8f8a80}
.desk-thread__m{padding:10px 13px;border-radius:12px;background:#F7F6F2;max-width:88%}
.desk-thread__m b{display:block;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#8B8E85}
.desk-thread__m p{margin:4px 0 0;font-size:.88rem;white-space:pre-wrap}
.desk-thread__m--desk{margin-left:auto;background:rgba(200,169,106,.14);border:1px solid rgba(200,169,106,.3)}

.desk-modal--wide{max-width:760px}
.desk-msg__box--tall{min-height:340px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.6}
.desk-modal__row a.acct-save{display:inline-block;text-decoration:none;text-align:center}

/* proposal options + deal console */
.desk-opt{border:1px solid rgba(11,13,15,.12);border-radius:14px;padding:14px 16px;margin-bottom:12px}
.desk-opt__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.desk-opt__head b{font-size:.9rem}
.desk-opt__rec{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#6e6a60}
.desk-opt__head .acct-micro{margin-left:auto}
.desk-opt__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px 14px}
.desk-rail{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 18px;padding:0;font-size:.72rem}
.desk-rail li{display:flex;align-items:center;gap:6px;padding:6px 11px 6px 7px;border-radius:999px;background:#EFEDE7;color:#8f8a80}
.desk-rail i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#DAD7CE;color:#6A6C62;font-style:normal;font-size:.6rem;font-weight:700}
.desk-rail .is-done{background:rgba(31,122,74,.1);color:#1F7A4A}.desk-rail .is-done i{background:#1F7A4A;color:#fff}
.desk-rail .is-now{background:#0B0D0F;color:#fff}.desk-rail .is-now i{background:#C8A96A;color:#0B0D0F}
.desk-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 18px;margin-bottom:16px}
.desk-facts .k{display:block;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#8f8a80}
.desk-facts b{font-size:.9rem}
.desk-h3{margin:18px 0 6px;font:600 .82rem/1 Satoshi,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#806536}
.desk-tab{width:100%;border-collapse:collapse;font-size:.82rem}
.desk-tab td{padding:7px 8px 7px 0;border-bottom:1px solid #F0EDE4}
.desk-act{margin-top:18px;padding:16px;border:1px solid rgba(200,169,106,.5);background:rgba(200,169,106,.08);border-radius:14px}
.desk-act p{margin:4px 0 12px}
.desk-act--done{border-color:rgba(31,122,74,.3);background:rgba(31,122,74,.08);color:#1F7A4A}
.desk-deal{border-color:rgba(11,13,15,.3)!important}

.desk-stage{display:block;margin-top:3px;font-size:.72rem;color:#8f8a80}
.desk-stage.is-hot{color:#806536;font-weight:600}

/* ── the desk's request screen ────────────────────────────────────────
   List left, deal right. The old pipeline put nine buttons on every row and
   asked the desk to find the one that mattered; here the row carries only
   what identifies it, and the actions belong to the request that is open. */
.desk-split{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:980px){.desk-split{grid-template-columns:1fr}}

.desk-list{background:#fff;border:1px solid rgba(11,13,15,.07);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(11,13,15,.04)}
.desk-list__top{padding:14px 14px 10px;border-bottom:1px solid rgba(11,13,15,.07);display:grid;gap:10px}
.desk-list__top input{width:100%;border:0;border-bottom:1px solid rgba(11,13,15,.22);background:none;padding:8px 2px;font:400 14px/1 var(--sans);outline:none}
.desk-list__top input:focus{border-bottom-color:#C8A96A}
.desk-list__body{max-height:min(70vh,720px);overflow:auto}

.desk-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid rgba(11,13,15,.06);background:none;padding:13px 14px;cursor:pointer;font:inherit;transition:background .15s}
.desk-item:hover{background:#FBFAF6}
.desk-item.is-on{background:#F6F2E8;box-shadow:inset 3px 0 0 #C8A96A}
.desk-item__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.desk-item__top b{font-size:.9rem;font-weight:600;color:#14181f}
.desk-item__sub{display:block;margin-top:4px;font-size:.76rem;color:#8f8a80}
.desk-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#B4554E;margin-right:6px;vertical-align:middle}

.desk-chip{flex:none;font:700 .58rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border-radius:999px;white-space:nowrap}
.desk-chip--new{background:rgba(180,85,78,.12);color:#B4554E}
.desk-chip--priced,.desk-chip--tosend{background:rgba(200,169,106,.2);color:#806536}
.desk-chip--sent{background:rgba(31,122,74,.12);color:#1F7A4A}
.desk-chip--flown{background:rgba(11,13,15,.07);color:#55584f}
.desk-chip--cancelled{background:rgba(11,13,15,.05);color:#9a968c}

.desk-detail{background:#fff;border:1px solid rgba(11,13,15,.07);border-radius:16px;padding:24px 26px;box-shadow:0 1px 2px rgba(11,13,15,.04)}
.desk-detail--none{color:#8f8a80}
.desk-detail--none p{margin:0 0 8px}
.desk-muted{color:#8f8a80}
.desk-detail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid rgba(11,13,15,.07)}
.desk-detail__head h2{margin:8px 0 2px;font:400 1.5rem/1.2 var(--serif,"Newsreader",Georgia,serif)}
.desk-detail__head p{margin:0;font-size:.82rem}
.desk-detail__money{text-align:right}
.desk-detail__money small{display:block;font:700 .58rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#8f8a80}
.desk-detail__money b{font:400 1.5rem/1.1 var(--serif,"Newsreader",Georgia,serif)}

.desk-who{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 20px;padding:18px 0;border-bottom:1px solid rgba(11,13,15,.07)}
.desk-who small{display:block;font:700 .58rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#8f8a80;margin-bottom:5px}
.desk-who b{font-weight:500;font-size:.9rem}
.desk-who a{color:#14181f;border-bottom:1px solid #C8A96A;text-decoration:none}
.desk-member{margin-left:6px;color:#8a6f3c;font-weight:700}

.desk-load--wide,.desk-note{margin:16px 0 0;font-size:.86rem;color:#4A4D46;line-height:1.6}
.desk-note{padding:12px 14px;background:#FBFAF6;border-left:2px solid #C8A96A;border-radius:0 6px 6px 0}
.desk-load--wide small,.desk-note small{display:block;font:700 .58rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#8f8a80;margin-bottom:5px}

.desk-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px}
.desk-go{border:0;background:#0B0F1E;color:#F6F3EE;font:700 .72rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:14px 22px;border-radius:10px;cursor:pointer;transition:background .2s}
.desk-go:hover{background:#1b2138}
.desk-more{margin-top:16px;border-top:1px solid rgba(11,13,15,.07);padding-top:12px}
.desk-more summary{cursor:pointer;font-size:.8rem;color:#8f8a80;list-style:none}
.desk-more summary::-webkit-details-marker{display:none}
.desk-more summary::before{content:"+";display:inline-block;width:14px;color:#8a6f3c;font-weight:700}
.desk-more[open] summary::before{content:"–"}

.desk-foot{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;padding-top:16px;border-top:1px solid rgba(11,13,15,.07)}
.desk-foot label{display:grid;gap:5px;font:700 .58rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#8f8a80}
.desk-foot select,.desk-foot input{border:0;border-bottom:1px solid rgba(11,13,15,.22);background:none;padding:7px 2px;font:400 .9rem/1 var(--sans);outline:none;min-width:130px}
.desk-foot select:focus,.desk-foot input:focus{border-bottom-color:#C8A96A}