/* Founder reference, 2026-10-30. Shared presentation only; no record states change. */
:root {
  --bg: #00122e;
  --surface: rgba(0, 24, 61, .87);
  --raised: #092e58;
  --text: #f6f7ff;
  --muted: #dce2f5;
  --green: #00e0c4;
  --gold: #efcf78;
  --blue: #76bfff;
  --line: rgba(232, 196, 105, .78);
  --experience-green: var(--green);
  --experience-gold: var(--gold);
  --experience-blue: var(--blue);
  --acivia-edge: rgba(255, 220, 105, .96);
  --acivia-glass: linear-gradient(180deg, rgba(31, 96, 166, .25), transparent 18%), radial-gradient(ellipse at 95% 0%, rgba(37, 98, 175, .32), transparent 50%), rgba(0, 18, 48, .9);
  --acivia-shadow: inset 0 1px 0 rgba(255, 247, 205, .65), inset 0 2px 10px rgba(49, 133, 224, .16), 0 7px 24px rgba(0, 8, 28, .28);
  --glass-surface: var(--acivia-glass);
  --glass-edge: var(--acivia-edge);
  --glass-shadow: var(--acivia-shadow);
  --glass-radius: 24px;
}

html { background: var(--bg); }
body { color: var(--text); font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4 { color: var(--text); text-shadow: 0 2px 2px rgba(0, 6, 27, .2); }
a { color: var(--green); }
.lead, .muted, .helptext { color: var(--muted); }
:focus-visible { outline: 3px solid var(--green); outline-offset: 4px; }

/* Independently drawn, decorative geography; never a screenshot or record layer. */
.civic-atmosphere.acivia-sky {
  background: #00122e url("../brand/acivia-sky-desktop.dc28ba4644a6.svg") center top / cover no-repeat;
}
.acivia-sky::before, .acivia-sky::after, .acivia-sky .aurora-fallback { display: none; }

.site-header.citizen-navigation {
  position: relative;
  border: 0;
  background: linear-gradient(110deg, rgba(0, 12, 33, .98), rgba(0, 29, 73, .92) 65%, rgba(0, 35, 51, .95));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.site-header::before {
  content: '';
  position: absolute;
  inset: 1px 0 auto;
  height: 4px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .3), transparent 45%, rgba(0, 0, 0, .2)),
    linear-gradient(90deg, #009c79 0%, #00b88a 41.4%, #c18d2e 41.4%, #ffe18b 49%, #e9b73f 58.6%, #0866e9 58.6%, #237ffc 100%);
}
.site-header::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg, #ba7c32, #fff3bd 18%, #cd9c38 44%, #fff2ba 72%, #bb8a38);
  box-shadow: 0 1px 3px rgba(237, 196, 92, .3);
}
.header-inner { min-height: 86px; padding-block: 18px; }
.site-header .brand { flex-direction: row; align-items: center; gap: 7px; }
/* Approved transparent lockup is used intact, including both barless As. */
.brand-lockup { position: relative; isolation: isolate; display: block; width: 164px; flex: 0 0 164px; }
.brand-lockup .brand-logo { position: relative; z-index: 1; display: block; width: 100%; height: auto; }
/* The alpha silhouette supplies a short, static halo behind only the emblem. */
.brand-lockup::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 37%;
  background: url("../brand/acivia-approved-satin.501fafaa73ba.png") left top / 270.2703% 100% no-repeat;
  filter: blur(2px);
  opacity: .28;
  pointer-events: none;
}
.primary-links a { color: var(--text); }
.primary-links a[aria-current=page] { color: var(--green); background: rgba(0, 139, 142, .14); }

body .container :is(.panel, .card, .form-panel, .visual-card, .core-record,
  .core-profile-header, .core-rating-card, .performance-question, .profile-opinion,
  .core-path, .core-region, .core-intro, .territory-explorer, .explore-selections,
  .following-view, .performance-financing, .account-shell form) {
  border: 1px solid var(--acivia-edge);
  border-radius: var(--glass-radius);
  background: var(--acivia-glass);
  box-shadow: var(--acivia-shadow);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
/* Error/success badges, chart tones and selected controls retain semantic colors. */
button, .button, .icon-button {
  border-color: rgba(224, 192, 112, .68);
  background-color: #072c55;
  color: var(--text);
}
button.primary, .button.primary, .account-shell form button[type=submit] {
  background: #00d3b6;
  border-color: #00e1c3;
  color: #001e2b;
}
button:disabled, .button[aria-disabled=true] { opacity: .6; }
input:not([type=checkbox]):not([type=radio]), select, textarea {
  background: rgba(0, 16, 43, .94);
  color: var(--text);
  border-color: rgba(220, 193, 120, .64);
}
input::placeholder, textarea::placeholder { color: #aebfd7; opacity: 1; }
option { background: #041c3e; color: var(--text); }
dialog.drawer, .help-dialog, .help-dialog .guide-shell {
  border-color: var(--acivia-edge);
  background: #031e44;
  color: var(--text);
}
dialog::backdrop { background: rgba(0, 8, 26, .76); }
.drawer-header, .guide-header { border-color: var(--line); }
.help-topics button, .help-answer, .help-question { border-color: var(--line); }
.help-question { background: #075248; }
.help-answer { background: #092a50; }
.notice, .loading, .empty { color: var(--text); }
.site-footer { background: rgba(0, 16, 42, .88); border-top: 1px solid var(--line); }

/* The review page keeps its server-rendered count, records and forms. */
body .container > .page-top {
  border-color: var(--acivia-edge);
  border-radius: var(--glass-radius);
  background: var(--acivia-glass);
  box-shadow: var(--acivia-shadow);
}
.intake-review { max-width: 1100px; padding-top: 28px; }
body .intake-review > .intake-heading {
  display: block;
  margin: 0 0 26px;
  padding: 30px 34px 32px;
}
body .intake-review > .intake-heading .eyebrow { display: block; color: var(--green); margin: 0 0 14px; letter-spacing: .075em; }
body .intake-review > .intake-heading h1 { margin: 0 0 18px; max-width: 24ch; font-weight: 750; line-height: 1.16; text-wrap: initial; }
body .intake-review > .intake-heading .lead { margin: 0; max-width: 70ch; line-height: 1.6; }
.intake-return { margin: 0 0 25px; font-size: 1.2rem; line-height: 1.45; }
.intake-return a { text-decoration-thickness: 1.5px; text-underline-offset: .23em; }
.intake-count { margin: 0 0 30px; line-height: 1.45; font-size: 1.2rem; }
.intake-list .intake-empty {
  margin: 0;
  padding: 35px 38px;
  min-height: 138px;
  border: 1px solid var(--acivia-edge);
  border-radius: 23px;
  background: var(--acivia-glass);
  box-shadow: var(--acivia-shadow);
  font-size: 1.2rem;
  line-height: 1.5;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
.intake-review .intake-pagination { margin-block: 24px; }
.intake-review .intake-pagination:empty { margin: 0; }
.intake-review .intake-record { margin-bottom: 24px; }
.intake-record details { margin-block: 18px; }

.civic-help-launcher {
  width: 56px; height: 56px; border-radius: 18px;
  border: 1px solid #f5d77c;
  color: #f7fff8;
  background: linear-gradient(130deg, #00a785, #00543d 60%, #003d36);
  box-shadow: inset 0 1px 2px #d2f6b5, 0 0 0 2px rgba(86, 98, 38, .4), 0 4px 12px rgba(0, 8, 21, .5);
}
.civic-help-launcher .icon { width: 28px; height: 28px; }

@media (max-width: 760px) {
  .civic-atmosphere.acivia-sky {
    background-image: url("../brand/acivia-sky-mobile.51b854dfb1d4.svg");
    background-size: 100% 100%;
  }
  .header-inner { min-height: 79px; height: 79px; padding: 12px 20px; gap: 0; }
  .site-header .primary-links { display: none; }
  .site-header .brand { gap: 6px; }
  .container { padding-inline: 20px; }
  .intake-review { padding-top: 22px; padding-bottom: 128px; }
  body .intake-review > .intake-heading { padding: 22px 20px 21px; margin-bottom: 25px; border-radius: 27px; }
  body .intake-review > .intake-heading .eyebrow { font-size: clamp(15px, 4.25vw, 20px); line-height: 1.42; margin-bottom: 7px; letter-spacing: .05em; }
  body .intake-review > .intake-heading .eyebrow span { display: block; }
  body .intake-review > .intake-heading h1 { font-size: clamp(27px, 8.5vw, 40px); margin-bottom: 15px; letter-spacing: -.065em; }
  body .intake-review > .intake-heading h1 span { display: block; }
  body .intake-review > .intake-heading .lead { font-size: clamp(17px, 4.45vw, 21px); line-height: 1.6; max-width: none; }
  .intake-return, .intake-count { font-size: clamp(16px, 4.25vw, 20px); }
  .intake-return { margin-bottom: 22px; }
  .intake-count { margin-bottom: 31px; }
  .intake-list .intake-empty { padding: 38px; min-height: 140px; font-size: clamp(17px, 4.45vw, 21px); line-height: 1.5; letter-spacing: -.035em; }
  body { padding-bottom: 112px; }
  body > .mobile-dock {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    left: 15px; right: 15px; bottom: max(3px, env(safe-area-inset-bottom));
    min-height: 88px; padding: 10px 5px 9px; gap: 0;
    border: 1px solid #efd17b; border-radius: 30px;
    background: linear-gradient(145deg, rgba(10, 82, 151, .87), rgba(0, 22, 57, .97) 40%);
    box-shadow: inset 0 1px 1px #fff1af, inset 0 3px 9px rgba(48, 148, 234, .35), 0 3px 15px rgba(0, 5, 22, .4);
  }
  body > .mobile-dock :is(a, button) {
    min-height: 66px; padding: 4px 2px; gap: 7px;
    color: #f7f7ff; font-size: clamp(14px, 3.4vw, 16px); font-weight: 500;
    border-radius: 16px;
  }
  body > .mobile-dock :is(a, button) > .icon { width: 26px; height: 26px; min-width: 26px; color: inherit; filter: none; }
  body > .mobile-dock [aria-current=page] { color: var(--green); background: rgba(0, 122, 135, .09); }
  body > .mobile-dock [aria-current=page]::before { background: var(--green); box-shadow: none; height: 1px; left: 25%; width: 50%; }
  .civic-help-launcher { right: 16px; bottom: calc(117px + env(safe-area-inset-bottom)); }
  .site-footer { padding-inline: 20px; }
}

@media (max-width: 360px) {
  .container { padding-inline: 15px; }
  body .intake-review > .intake-heading { padding-inline: 17px; }
  .intake-list .intake-empty { padding: 28px; }
  .header-inner { padding-inline: 15px; }
}

@media print {
  html, body { background: white; color: black; }
  .acivia-sky, .civic-help-launcher, .mobile-dock { display: none !important; }
  body .container :is(.panel, .card, .form-panel, .intake-heading, .intake-empty) { background: white; color: black; box-shadow: none; border-color: #777; }
  h1, h2, h3, h4, .lead, a, body .intake-review > .intake-heading .eyebrow { color: black; text-shadow: none; }
}