/* CICA temporary brand. Semantic tokens are the replacement boundary for the final kit. */

html body { background-color:var(--auth-paper,var(--canvas)); background-image:none; }
.brand-symbol, .wordmark>span { background:var(--cica-forest); color:var(--cica-ivory); font-family:Arial, sans-serif; }
.auth-brand .auth-brand-mark { width:36px; height:36px; flex:0 0 auto; fill:none; stroke:var(--cica-forest); stroke-width:3.2; stroke-linecap:round; stroke-linejoin:round; }
.auth-brand > span { display:grid; place-items:initial; align-content:center; gap:1px; width:auto; height:auto; border-radius:0; background:transparent; color:inherit; font-family:inherit; line-height:1; }
.auth-brand > span b { color:var(--cica-forest); font-size:24px; letter-spacing:-.06em; }
.auth-brand > span small { color:var(--cica-muted); font-family:Consolas, monospace; font-size:7px; letter-spacing:.04em; text-transform:uppercase; }
.auth-card { background:var(--surface); }
.auth-card .button, .button { background:var(--cica-forest); color:var(--cica-ivory); }
.auth-card .button:hover, .button:hover { background:var(--cica-forest-hover); }
.auth-card .button-quiet, .button-quiet { background:transparent; color:var(--ink); border-color:var(--line); }
.auth-card .button-quiet:hover, .button-quiet:hover { background:var(--blue-soft); }
.auth-header a, .auth-footer a { text-underline-offset:4px; }
.auth-footer { flex-wrap:wrap; padding-block:20px; }
.auth-footer nav { display:flex; flex-wrap:wrap; gap:20px; }
.auth-footer nav a { min-height:44px; display:inline-flex; align-items:center; }
.activation-office-name { overflow-wrap:anywhere; }
.art-sheet { background:linear-gradient(135deg, var(--surface), var(--green-soft)); border-color:var(--line); }
.art-sheet>span { background:var(--blue); }
.art-core { background:linear-gradient(135deg, var(--strong), var(--strong)); border-color:var(--line); box-shadow:0 5px 0 #0c2d23, 0 25px 35px -15px #153e3260; }
.art-answer { background:var(--surface); border-color:var(--cica-line); }
.password-toggle { background:var(--green-soft); color:var(--blue); }
.password-toggle:hover { background:var(--green-soft); }
.registry-result, .signup-quote { background:var(--green-soft); border-color:var(--line); }
.registry-result #registry-status { color:var(--blue); }
.signup-form [data-field-name="accept_terms"] label { display:block; line-height:1.5; }
.signup-form [data-field-name="accept_terms"] input { float:left; width:20px; min-height:20px; margin:2px 12px 0 0; }
html :focus-visible { outline:3px solid var(--focus); outline-offset:4px; }
body:has(.product-shell) .skip-link:focus-visible { pointer-events:none; }
.text-action { color:var(--cica-forest); }
.journey-intro h2, .journey-card h3, .journey-row h3, .journey-items strong { color:var(--ink); }
.journey-index, .journey-add summary { color:var(--cica-forest); }
.journey-add input:not([type=checkbox]), .journey-add textarea { background:var(--surface); color:var(--ink); }
.legal-layout { width:min(780px, calc(100% - 40px)); margin:48px auto 72px; }
.auth-layout:has(.legal-layout) { display:block; width:100%; padding:0; }
.auth-layout:has(.legal-layout) .auth-story { display:none; }
.legal-layout h1 { font-size:clamp(30px, 4vw, 44px); line-height:1.15; }
.legal-layout h2 { margin-top:32px; font-size:22px; }
.legal-layout p, .legal-layout li { font-size:16px; line-height:1.75; }
.legal-layout nav { display:flex; flex-wrap:wrap; gap:20px; margin-bottom:28px; }
.legal-layout a { overflow-wrap:anywhere; }
.team-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.team-intro h2{margin:0;color:var(--ink);font-size:clamp(24px,3vw,32px);letter-spacing:-.045em}.team-intro p:not(.section-kicker){margin:6px 0 0;color:var(--muted);font-size:13px}
.team-invite,.team-list,.team-pending{margin-bottom:16px}.team-form{display:grid;gap:20px;padding:20px 22px}.team-form-basics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.team-form .field{display:grid;gap:6px;min-width:0}.team-form label,.scope-picker legend{color:var(--ink);font-size:12px;font-weight:750}.team-form input:not([type=checkbox]),.team-form select{box-sizing:border-box;min-width:0;width:100%;min-height:42px;padding:9px 10px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);font:inherit}.team-form-scopes{display:grid;grid-template-columns:1fr 1fr;gap:20px}.scope-picker{min-width:0;margin:0;padding:0;border:0}.scope-picker legend{margin-bottom:9px}.scope-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.scope-options label{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:600;cursor:pointer}.scope-options label:has(input:checked){border-color:var(--line);background:var(--green-soft)}.scope-options input{width:16px;height:16px;margin:0;accent-color:var(--cica-forest)}.team-rows{display:grid}.team-row{display:grid;grid-template-columns:minmax(210px,1fr) auto auto;align-items:center;gap:18px;padding:17px 22px;border-top:1px solid var(--line)}.team-row:first-child{border-top:0}.team-person{display:flex;align-items:center;gap:11px;min-width:0}.team-avatar{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--blue-soft);color:var(--cica-forest);font-size:13px;font-weight:800}.team-person h3{margin:0;color:var(--ink);font-size:14px}.team-person p,.team-scope-summary,.team-pending li span{margin:4px 0 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.team-scope-summary{display:flex;gap:8px;margin:0}.team-scope-summary span{padding:4px 7px;border-radius:999px;background:var(--blue-soft);color:var(--ink);font-size:11px;font-weight:700;white-space:nowrap}.team-edit{justify-self:end}.team-edit summary{color:var(--cica-forest);font-size:12px;font-weight:750;cursor:pointer}.team-edit[open]{width:min(100%,720px);grid-column:1/-1;justify-self:stretch}.team-edit-form{grid-template-columns:180px 1fr 1fr;align-items:start;padding:16px 0 0}.team-edit-form .scope-options{grid-template-columns:1fr}.team-remove-form{display:inline-block;margin:0 0 0 8px}.team-protected{justify-self:end;color:var(--muted);font-size:12px;font-weight:700}.team-pending ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.team-pending li{display:flex;justify-content:space-between;gap:16px;padding:15px 22px;border-top:1px solid var(--line)}.team-pending li strong{color:var(--ink);font-size:13px}
@media(max-width:880px){.team-form-basics,.team-form-scopes,.team-edit-form{grid-template-columns:1fr}.team-row{grid-template-columns:1fr auto}.team-edit[open]{grid-column:1/-1}.team-edit-form{max-width:560px}.team-remove-form{margin:8px 0 0}}
@media(max-width:560px){.team-intro{display:block}.team-form{padding:18px 16px}.scope-options{grid-template-columns:1fr}.team-row{grid-template-columns:1fr;padding:16px}.team-scope-summary{order:2;flex-wrap:wrap}.team-edit,.team-protected{justify-self:start}.team-pending li{display:grid;padding:15px 16px}}
@media (max-width: 760px) { .auth-footer span:last-child { display:inline; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation:none !important; scroll-behavior:auto !important; } }


/* Brand bridge for auth and shared controls: warm neutral CICA. */
:root{--cica-forest:#25221f;--cica-forest-hover:#0f0e0d;--cica-ivory:#fbf8f2;--cica-muted:#6d6861;--cica-line:#c9c1b6}.auth-brand .auth-brand-mark{stroke:#a34f35}.auth-brand>span b{color:#201e1b}.auth-brand>span small{color:#6d6861;font-family:Manrope,Arial,sans-serif;letter-spacing:.02em}.auth-card .button,.button{background:#25221f;color:#fbf8f2}.auth-card .button:hover,.button:hover{background:#0f0e0d}.text-action{color:#93452f}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--cica-forest:#eee8de;--cica-forest-hover:#fff;--cica-ivory:#1b1917;--cica-muted:#b8b0a6;--cica-line:#575048}.auth-brand>span b{color:#f2eee7}.auth-brand>span small{color:#b8b0a6}}:root[data-theme="dark"]{--cica-forest:#eee8de;--cica-forest-hover:#fff;--cica-ivory:#1b1917;--cica-muted:#b8b0a6;--cica-line:#575048}.auth-brand>span b{color:#f2eee7}.auth-brand>span small{color:#b8b0a6}
