/* Color tokens observed in SinCityNotary Team Tracker on 28 October 2026. */
:root{--canvas:#f5f6f4;--navy:#123344;--navy-deep:#102c3b;--line:#e4e9e7;--muted:#4e6269;--surface:#fff;--teal:#187f78;--text:#163b48;--soft:#edf4f1;--input:#fff;--subtle:#eff2ef;--selected:#e8f4f0;--warning:#fbf3e6;--warning-text:#765526;--error-bg:#fff0eb;--error-text:#943f30;color-scheme:light}
:root[data-theme=dark]{--canvas:#101923;--navy:#102431;--navy-deep:#0c1923;--line:#2b404b;--muted:#a8bcc4;--surface:#182630;--teal:#187f78;--text:#e2edf1;--soft:#1d333f;--input:#192e39;--subtle:#14232e;--selected:#183e43;--warning:#352e21;--warning-text:#e7c990;--error-bg:#3e2928;--error-text:#ffc1b0;color-scheme:dark}
body{background:var(--canvas);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}h1,h2,h3,.section-title h2,.receipt h2{color:var(--text)}p,.section-title p:last-child{color:var(--muted)}h1 em{color:var(--teal)}:root[data-theme=dark] h1 em{color:#7ec9c0}.eyebrow,.section-title .eyebrow{color:var(--muted)}.intro .eyebrow span{background:#42a99d}.header{border-color:var(--line)}.brand img{width:91px;height:76px;background:white;border-radius:10px;padding:5px 7px}.brand-divider{background:var(--line)}.brand-label small,.header nav button{color:var(--muted)}.header nav button.nav-active{color:var(--text);border-color:var(--teal)!important}.header nav{gap:23px}.header nav #show-history{display:flex;align-items:center;gap:7px}.header nav #show-history svg{width:14px;height:14px}.header nav #theme-toggle{height:35px;width:35px;border:1px solid var(--line);border-radius:8px;padding:0;color:var(--text);font-size:21px;background:var(--soft)}.preview-banner{background:var(--navy-deep);color:#bdd5da}.preview-banner button{color:#d5e7eb}.preview-dot{background:#56b5a5}.circle-icon{background:var(--soft);border-color:var(--line);color:var(--text)}.intro-note span{background:var(--soft);color:var(--muted)}.request-card{background:var(--surface);border-color:var(--line);box-shadow:0 8px 24px #00000008}.steps{background:var(--subtle);border-color:var(--line)}.steps li{color:var(--muted)}.steps li span{border-color:var(--line)}.steps .active{color:var(--text)}.steps .active span{background:var(--teal);border-color:var(--teal);color:white}.steps .complete{color:#54b4a8}.steps .complete span{background:var(--selected);border-color:var(--teal)}.category{border-color:var(--line)}.category:has(input:checked){background:var(--selected);border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.category-icon{color:#4eaaa0}.category small,.optional,.field small,.impact-options small,.required-note,.prototype-note{color:var(--muted)}.category:has(input:checked) .radio-indicator{border-color:var(--teal)}.radio-indicator{border-color:var(--muted)}.field input,.field select,.field textarea{background:var(--input);border-color:var(--line);color:var(--text)}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.75}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal)}.impact-options label{border-color:var(--line)}.impact-options label:has(input:checked){background:var(--selected);border-color:var(--teal)}.impact-options input,.consent input{accent-color:var(--teal)}.form-actions{border-color:var(--line)}.button.primary{background:var(--teal);color:white}.button.primary:hover{background:#136b65}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--text)}.button.secondary:hover{background:var(--soft)}.flow-card{background:linear-gradient(140deg,#123344,#103d40);border-color:#244c56}.flow-card .eyebrow,.journey li>span{color:#9fc8cc}.flow-card h2,.journey strong{color:#fff}.journey p{color:#bfd3d6}.journey li>span{background:#173d48;border-color:#41616a}.journey li:not(:last-child):before{background:#3b5a64}.flow-footer{color:#a8c9cd;border-color:#34555e}.status-dot{background:#60c4af}.tip-card{border-color:var(--line)}.tip-card p,.privacy-note p,.footer,.footer button{color:var(--muted)}.tip-icon,.text-button,.privacy-note svg{color:#26988c}:root[data-theme=dark] .text-button{color:#7ed4c8}.notice{background:var(--soft);border-color:var(--line)}.notice p,.notice strong,.notice svg{color:var(--text)}.warning,.demo-notice{background:var(--warning);border-color:var(--line);color:var(--warning-text)}.demo-notice p,.demo-notice strong{color:var(--warning-text)}.consent{color:var(--muted)}.error-summary,.field [aria-invalid=true]{background:var(--error-bg);color:var(--error-text);border-color:#ad6251}.review-box{border-color:var(--line)}.review-head{background:var(--subtle)}.review-box dt{color:var(--muted)}.review-box dd{color:var(--text)}.receipt-id{background:var(--soft);border-color:var(--line)}.receipt-id strong{color:var(--text)}.receipt-id small{color:var(--muted)}.success-mark{background:var(--selected);color:#37aa96}dialog{background:var(--surface);color:var(--text);border-color:var(--line)}.close-button{background:var(--soft);color:var(--text)}#modal-content pre{background:var(--subtle);border-color:var(--line);color:var(--text)}#modal-content details,.kit-item,.kit-status,.kit-status>div+div{border-color:var(--line)}.kit-item small,.kit-status b{color:var(--muted)}.toast{background:var(--teal)}.footer-divider{color:var(--line)}.skip{background:var(--surface);color:var(--text)}
.history-heading{display:flex;justify-content:space-between;align-items:center;margin:50px 0 28px;gap:20px}.history-heading h1{font-size:40px;margin-bottom:10px}.history-heading p:last-child{margin:0}.private-badge{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;border:1px solid var(--line);padding:9px 12px;border-radius:6px}.private-badge svg{width:14px;height:14px}.history-login{max-width:500px;margin:35px auto 80px;padding:38px}.history-login h2{font-size:29px;margin-bottom:10px}.history-login>p:not(.eyebrow){font-size:12px}.login-emblem{display:grid;place-items:center;height:50px;width:50px;border:1px solid #36716d;border-radius:12px;background:var(--selected);color:#66baad;margin-bottom:24px}.history-login form{padding:12px 0 0}.history-login .button{width:100%}.history-login-note{font-size:11px!important;line-height:1.8;margin:22px 0 0;padding-top:22px;border-top:1px solid var(--line)}#login-error{background:var(--error-bg);color:var(--error-text);padding:12px;border-radius:6px;font-size:12px}.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px}.history-toolbar p{margin:5px 0 0;font-size:12px}.history-toolbar>div:last-child{display:flex;gap:10px}.history-toolbar .button svg{width:15px;height:15px}.history-card{display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:23px 25px;margin-bottom:13px}.history-card p{margin:7px 0 0;font-size:11px}.history-card h3{font-size:17px;letter-spacing:-.02em;margin:7px 0 0;overflow-wrap:anywhere}.history-card .history-ref{font-size:10px;letter-spacing:.07em;color:#56ad9f}.history-card small{color:var(--muted);font-size:10px}.history-card button{flex-shrink:0}.history-empty{text-align:center;padding:70px 25px;background:var(--surface);border:1px dashed var(--line);border-radius:10px}.history-empty h2{font-size:23px}.history-empty p{font-size:13px;margin-bottom:0}.history-pagination{display:flex;justify-content:center;gap:20px;align-items:center;margin-top:25px}.history-pagination span,.history-footnote{font-size:11px;color:var(--muted)}.history-footnote{text-align:center;margin:25px 0 45px}
@media(max-width:760px){.header{height:auto;padding-block:18px;display:block}.brand{justify-content:flex-start}.brand img{width:78px;height:64px}.brand-label{font-size:10px}.brand-label small{font-size:10px}.header nav{justify-content:space-between;margin-top:20px;gap:10px}.header nav #show-request{display:block}.header nav button{font-size:10px}.header nav #theme-toggle{height:28px;width:28px;font-size:17px}.header nav #show-history{gap:4px}.header nav #show-history svg{width:12px;height:12px}.history-heading{display:block;margin-top:32px}.history-heading h1{font-size:32px}.private-badge{display:inline-flex;margin-top:17px}.history-login{padding:25px;margin-top:25px}.history-toolbar{align-items:flex-start;flex-direction:column}.history-card{display:block;padding:19px}.history-card button{margin-top:18px}.history-pagination{gap:12px}.history-pagination .button{padding:10px}.history-footnote{line-height:1.8}.preview-banner #mode-note{font-size:9px}.receipt-id strong{font-size:17px}.intro{padding-top:30px}}

.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.history-card{flex-wrap:wrap}.settings-form .field{margin:20px 0}.settings-form .notice{margin-top:18px}.history-toolbar>div:last-child{flex-wrap:wrap}

/* Urgency and reversible history organization */
.urgent-tag{color:#b42318;font-size:10px;letter-spacing:.04em}.urgent-banner{background:#fff0ed;border:1px solid #f0b4ab;border-left:4px solid #b42318;color:#8f2017;padding:12px 16px;border-radius:8px;font-weight:700;margin:0 0 18px;text-align:left}.history-card .urgent-banner{font-size:13px;margin-bottom:12px}.history-filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.history-card{flex-wrap:wrap}.history-card>div:first-child{flex:1 1 100%}.receipt-preview{display:block;width:100%;height:auto;margin-top:20px;border:1px solid #d5e0e8;border-radius:8px}.delivery-detail{font-size:13px}.email-actions{flex-wrap:wrap;gap:8px}.history-card p{overflow-wrap:anywhere}[data-theme="dark"] .urgent-banner{background:#3a2327;color:#ffcdc6;border-color:#9b4b43}[data-theme="dark"] .urgent-tag{color:#ffb4a8}

/* Comfortable touch targets and bounded content at narrow widths. */
.history-card small{display:block;margin-top:6px}.delivery-panel{border:1px solid var(--line);border-radius:8px;padding:16px;margin:18px 0}.delivery-panel p{overflow-wrap:anywhere}.history-card[aria-busy=true],#history-list[aria-busy=true]{opacity:.65}.header .brand img{object-fit:contain}.history-card>div,.review-box dd{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.header nav{flex-wrap:wrap;gap:6px}.header nav button,.header nav #theme-toggle{min-height:44px}.header nav #theme-toggle{min-width:44px}.header nav button{padding:8px 6px}.header nav .nav-active{display:inline-flex}.history-toolbar,.history-toolbar>div{max-width:100%}.history-toolbar .button,.history-card .button{min-height:44px}.email-actions .button{flex:1 1 45%;white-space:normal}.receipt-id strong{overflow-wrap:anywhere}.history-pagination{flex-wrap:wrap}dialog{width:calc(100% - 24px);max-height:92dvh}.close-button{min-width:44px;min-height:44px}.attachment-list li{flex-wrap:wrap}.attachment-list li>span{max-width:100%}}

/* Private ticket totals are keyboard-accessible filters across all pages. */
.history-stats{margin:0 0 28px}.history-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.history-stat{display:block;width:100%;text-align:left;color:var(--text);font:inherit;padding:23px 25px;background:var(--surface);border:1px solid var(--line);border-radius:12px;border-top:3px solid var(--teal);cursor:pointer;transition:box-shadow .15s,border-color .15s}.history-stat:hover{border-color:var(--teal)}.history-stat[aria-pressed=true]{box-shadow:0 0 0 2px var(--teal)}.history-stat:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.stat-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:600}.stat-value{display:block;margin-top:12px;font-size:38px;line-height:1.1;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat-caption{display:block;font-size:11px;font-weight:400;line-height:1.5;color:var(--muted);margin-top:10px}.stat-action{display:block;font-size:11px;font-weight:600;margin-top:16px;color:var(--text)}.history-stat:last-child{border-top-color:var(--muted)}.stat-dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.history-stat.has-urgent{border-top-color:#c65a47;background:var(--error-bg)}.history-stat.has-urgent .stat-label,.history-stat.has-urgent .stat-value{color:var(--error-text)}.has-urgent .stat-dot{background:var(--error-text)}
@media(max-width:760px){.history-stat-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.history-stat{padding:17px 13px;border-radius:10px}.stat-label{font-size:11px;gap:5px}.stat-value{font-size:30px}.stat-caption,.stat-action{font-size:10px}}
@media(prefers-reduced-motion:reduce){.history-stat{transition:none}}

.history-search{padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.history-search label{display:block;font-weight:600;font-size:13px;margin-bottom:10px}.history-search-controls{display:flex;gap:10px}.history-search input{flex:1;min-width:0;min-height:46px;background:var(--input);border:1px solid var(--line);border-radius:7px;color:var(--text);font:inherit;font-size:14px;padding:12px 14px}.history-search input:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.history-search input::placeholder{color:var(--muted)}.history-search p{font-size:11px;margin:10px 0 0;line-height:1.6}.history-search .button:disabled{opacity:.45;cursor:default}.history-contact{font-size:12px;margin:5px 0 10px;overflow-wrap:anywhere}@media(max-width:760px){.history-search{padding:18px 14px}.history-search-controls{flex-wrap:wrap}.history-search input{flex-basis:100%;font-size:16px}.history-search .button{flex:1;min-height:44px}}

.ticket-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:0 0 16px}.ticket-status p{margin:4px 0 0;font-size:12px}.ticket-status.is-resolved{border-left:4px solid var(--teal)}.ticket-status strong{font-size:13px}.history-stat.resolved-stat{border-top-color:var(--teal)}.history-card .button{white-space:normal}.history-status-actions{display:flex;gap:8px;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important}}

/* Keep secondary text readable in the light theme, including small mobile labels. */
:root:not([data-theme=dark]) .history-card .history-ref,:root:not([data-theme=dark]) .text-button,:root:not([data-theme=dark]) .steps .complete{color:#17685e}
:root:not([data-theme=dark]) .aging-summary,:root:not([data-theme=dark]) .ticket-timeline time{opacity:1}
.notice{color:var(--text)}
.field input::placeholder,.field textarea::placeholder{opacity:1}