:root{
  --bg:#f1f3f6;--surface:#fff;--surface2:#f7f8fb;--surface3:#eef1f5;--text:#1f2733;--muted:#697386;--line:#d8dee8;
  --brand:#163a63;--brand2:#243649;--branddeep:#202631;--ok:#215946;--okbg:#e8f3ef;--warn:#8b5e19;--warnbg:#fff4df;
  --danger:#9f3232;--dangerbg:#fff0f0;--shadow:0 14px 34px rgba(19,34,55,.08);--radius:14px
}
*{box-sizing:border-box;min-width:0}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}button,input,textarea,select{font:inherit}body{min-height:100vh}
.app{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--brand),var(--branddeep));color:#d5deea;padding:22px 16px;position:fixed;left:0;top:0;width:260px;height:100dvh;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1);overflow-y:auto;overscroll-behavior:contain;z-index:40}.main{grid-column:2;min-width:0}
.logo{display:block;padding:4px 10px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.logo img{display:block;width:100%;max-width:208px;height:auto}.logo-mark{width:42px;height:42px;border-radius:12px;background:#fff;color:var(--brand);display:grid;place-items:center;font-weight:800}.logo-text b{display:block;font-size:15px;color:#fff}.logo-text span{font-size:11px;color:#b7c5d6}.nav{display:grid;gap:6px;margin-top:18px}.nav button{width:100%;border:0;background:transparent;color:#d5deea;text-align:left;padding:12px;border-radius:12px;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700}.nav button:hover,.nav button.active{background:rgba(255,255,255,.11);color:#fff}.nav-ico{width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.10);display:grid;place-items:center;font-size:12px}.sidebar-footer{margin-top:auto;padding:16px 10px 0;border-top:1px solid rgba(255,255,255,.1);font-size:12px;line-height:1.55;color:#c8d3df}
.topbar{position:sticky;top:0;z-index:10;min-height:74px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.88));backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 30px;gap:16px}.topbar-brand{display:flex;align-items:center;gap:12px;min-width:0}.topbar-brand img{width:40px;height:40px;object-fit:contain;display:block;flex:none}.breadcrumb{font-size:13px;color:var(--muted)}.profile{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--surface3);display:grid;place-items:center;color:var(--brand);font-weight:800}.profile-meta{font-size:12px;line-height:1.35}.profile-meta b{display:block;color:var(--text)}
.workspace{max-width:1260px;margin:0 auto;padding:30px}.screen{display:none}.screen.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.page-head h1{margin:0 0 8px;font-size:34px;line-height:1.08;letter-spacing:-.02em;max-width:920px;overflow-wrap:anywhere}.page-head p{margin:0;max-width:780px;color:var(--muted);line-height:1.58}.badge{display:inline-block;padding:8px 12px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);color:var(--muted);font-size:12px;white-space:normal;text-align:center;max-width:280px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:24px}.label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px}textarea.big{width:100%;min-height:126px;border:0;outline:none;resize:vertical;background:transparent;color:var(--text);font-size:18px;line-height:1.58}.card-actions,.actions-row,.route-actions{display:flex;gap:10px;flex-wrap:wrap}.card-actions{justify-content:space-between;align-items:center;padding-top:14px;margin-top:10px;border-top:1px solid var(--line)}.actions-row{justify-content:flex-end;margin-top:18px}.primary{border:0;background:var(--brand);color:#fff;padding:11px 16px;border-radius:12px;font-weight:800;cursor:pointer}.primary:hover{filter:brightness(.95)}.secondary{border:1px solid var(--line);background:#fff;color:var(--text);padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer}.text-btn{border:0;background:none;color:var(--brand);font-weight:800;cursor:pointer;padding:0}.primary:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed}
.loading{display:none;margin-top:14px;color:var(--muted);font-size:13px}.loading.active{display:block}.summary{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:18px}.summary .item{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.summary .item span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.summary .item b{font-size:14px;overflow-wrap:anywhere}.legal-note{margin-top:12px;background:var(--warnbg);border:1px solid #ead8a9;color:#6f5119;border-radius:12px;padding:13px 15px;font-size:13px;line-height:1.55}
.section-title{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:30px 0 14px}.section-title h2{margin:0;font-size:21px}.section-title span{font-size:12px;color:var(--muted)}.routes{display:grid;gap:12px}.route{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;display:grid;grid-template-columns:48px minmax(190px,.8fr) minmax(260px,1.4fr) minmax(180px,220px);gap:18px;align-items:start}.route:hover{box-shadow:var(--shadow)}.route-index{width:38px;height:38px;border-radius:12px;background:var(--surface3);display:grid;place-items:center;font-weight:800;color:var(--brand)}.route-title b{display:block;font-size:16px;margin-bottom:5px;overflow-wrap:anywhere}.route-title span{font-size:12px;color:var(--muted)}.route-desc{font-size:13px;line-height:1.58;color:#455163;overflow-wrap:anywhere}.route-legal{font-size:12px;line-height:1.5}.status{display:inline-block;padding:6px 9px;border-radius:999px;font-weight:800;font-size:12px;margin-bottom:6px;white-space:normal}.status.ok{background:var(--okbg);color:var(--ok)}.status.warn{background:var(--warnbg);color:var(--warn)}.legal-ref{color:var(--muted);overflow-wrap:anywhere}.route-actions{grid-column:2/-1}.choice-panel{display:none;margin-top:18px;padding:24px}.choice-panel.active{display:block}.choice-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.choice-top h3{margin:0;font-size:22px}.choice-top span{font-size:12px;color:var(--muted)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info{background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:16px}.info span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.info b{display:block;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.stepper{display:flex;gap:8px;align-items:center;margin-bottom:18px}.stepdot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--surface3);color:var(--muted);font-size:11px;font-weight:800;flex:none}.stepdot.done{background:var(--brand);color:#fff}.line{height:1px;background:var(--line);flex:1}.form-card,.doc-card{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:12px;font-weight:800;color:var(--muted);margin-bottom:7px}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:12px;padding:11px 12px;outline:none}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9daec4;box-shadow:0 0 0 3px rgba(22,58,99,.08)}.selection-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.selection-strip .item{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:13px 14px}.selection-strip span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:4px}.selection-strip b{font-size:13px}
.doc-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:16px}.validation{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface2);font-size:13px;color:var(--muted);margin-bottom:12px;line-height:1.55}.validation.ok{background:var(--okbg);color:var(--ok);border-color:transparent}.validation.warn{background:var(--warnbg);color:var(--warn);border-color:transparent}.validation.bad{background:var(--dangerbg);color:var(--danger);border-color:transparent}.preview{min-height:520px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;white-space:pre-wrap;font-family:Georgia,"Times New Roman",serif;line-height:1.58;overflow:auto;overflow-wrap:anywhere}.download-box{display:none;margin-top:12px;padding:16px}.download-box.active{display:block}.archive-card{padding:8px 16px;overflow-x:auto}.archive-table{width:100%;min-width:780px;border-collapse:collapse}.archive-table th,.archive-table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.archive-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.empty{padding:30px;text-align:center;color:var(--muted)}.link-btn{border:0;background:none;color:var(--brand);font-weight:800;cursor:pointer;padding:0}

.analytics-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.analytics-filters .field{min-width:180px;flex:0 1 220px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpi-card{padding:18px}.kpi-card span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:7px}.kpi-card b{font-size:27px;color:var(--brand)}.kpi-card small{display:block;color:var(--muted);margin-top:5px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.analytics-panel{padding:18px}.analytics-panel h3{margin:0 0 14px;font-size:16px}.bar-row{display:grid;grid-template-columns:minmax(130px,1fr) 2fr 42px;gap:10px;align-items:center;margin:10px 0;font-size:12px}.bar-track{height:8px;border-radius:999px;background:var(--surface3);overflow:hidden}.bar-fill{height:100%;background:var(--brand);border-radius:999px}.bar-value{text-align:right;font-weight:800}.tracking-panel{display:none;margin-top:16px;padding:20px}.tracking-panel.active{display:block}.tracking-head{display:flex;justify-content:space-between;gap:12px;align-items:start;flex-wrap:wrap;margin-bottom:14px}.tracking-head h3{margin:0}.tracking-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}

.route-micro{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.route-micro span{font-size:11px;padding:5px 8px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);color:var(--muted)}
.refine-panel{margin-top:16px;padding:20px}.refine-panel h3{margin:0 0 6px}.refine-panel>p{margin:0 0 14px;color:var(--muted);font-size:13px}.refine-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.refine-q{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:13px}.refine-q label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.refine-q small{display:block;color:var(--muted);margin-top:5px;line-height:1.4}.refine-q input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.detail-list{margin:0;padding-left:20px}.detail-list li{margin:0 0 7px;line-height:1.45}.legal-source-row{margin-bottom:7px;line-height:1.4}.prep-card{margin:0 0 16px;padding:18px}.prep-card h3{margin:0 0 12px}.prep-checklist{display:grid;gap:8px}.prep-check{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.45}.prep-check:before{content:'✓';width:22px;height:22px;border-radius:7px;background:var(--okbg);color:var(--ok);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.template-tag{display:inline-block;margin-top:10px;padding:6px 9px;border-radius:999px;background:var(--okbg);color:var(--ok);font-size:11px;font-weight:800}.master-guidance{margin-bottom:16px;padding:14px;background:var(--surface2);border:1px solid var(--line);border-radius:12px}.master-guidance b{display:block;margin-bottom:7px}.master-guidance ul{margin:0;padding-left:20px}.master-guidance li{margin-bottom:5px;font-size:12px;line-height:1.45}.analysis-state{display:inline-block;padding:7px 10px;border-radius:999px;background:var(--okbg);color:var(--ok);font-size:12px;font-weight:800}.analysis-state.warn{background:var(--warnbg);color:var(--warn)}

/* Workflow / lifecycle v1.9 */
.workflow-box{margin-bottom:16px;padding:20px}.workflow-box h3{margin:0 0 6px;font-size:18px}.workflow-current{color:var(--muted);font-size:12px;margin-bottom:16px}.workflow-stages{display:grid;grid-template-columns:repeat(8,minmax(92px,1fr));gap:8px;margin-bottom:18px}.workflow-stage{border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:10px 8px;text-align:center;font-size:11px;line-height:1.3;color:var(--muted);position:relative}.workflow-stage.done{background:var(--okbg);border-color:#b9d9cf;color:var(--ok)}.workflow-stage.current{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:800}.workflow-stage .stage-num{display:block;font-size:10px;opacity:.75;margin-bottom:3px}.workflow-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:14px}.workflow-actions .field{flex:1 1 280px}.workflow-history{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.workflow-history-item{display:grid;grid-template-columns:130px minmax(160px,.7fr) 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.workflow-history-item:last-child{border-bottom:0}.workflow-history-item time{color:var(--muted)}.stage-pill{display:inline-block;border-radius:999px;padding:5px 8px;background:var(--surface3);font-size:11px;font-weight:800;color:var(--brand)}


.deadline-indicator{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800;cursor:pointer;color:var(--brand);white-space:nowrap}.deadline-indicator.alert{background:var(--dangerbg);border-color:#efc7c7;color:var(--danger)}
.calendar-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.calendar-nav{display:flex;align-items:center;gap:8px}.calendar-month-title{font-weight:800;min-width:180px;text-align:center}.calendar-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.calendar-kpi{padding:18px}.calendar-kpi span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:7px}.calendar-kpi b{font-size:28px}.calendar-kpi.danger b{color:var(--danger)}.calendar-kpi.warn b{color:var(--warn)}.calendar-kpi.ok b{color:var(--ok)}
.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.month-weekday{padding:10px 8px;background:var(--surface2);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800;border-right:1px solid var(--line)}.month-weekday:nth-child(7){border-right:0}.month-day{min-height:112px;padding:9px;border-top:1px solid var(--line);border-right:1px solid var(--line);position:relative}.month-day:nth-child(7n){border-right:0}.month-day.outside{background:#fafbfc;color:#a5adba}.month-day.today{box-shadow:inset 0 0 0 2px var(--brand)}.day-number{font-size:12px;font-weight:800;margin-bottom:7px}.day-items{display:grid;gap:4px}.calendar-chip{display:block;width:100%;border:0;text-align:left;padding:5px 6px;border-radius:7px;font-size:10.5px;line-height:1.25;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--surface3);color:var(--text)}.calendar-chip.overdue{background:var(--dangerbg);color:var(--danger)}.calendar-chip.today{background:#eaf1fb;color:var(--brand)}.calendar-chip.soon{background:var(--warnbg);color:var(--warn)}
.deadline-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:16px}.deadline-list{padding:18px}.deadline-list h3,.attention-card h3{margin:0 0 14px}.deadline-row{display:grid;grid-template-columns:110px minmax(0,1fr) 170px 110px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.deadline-row:last-child{border-bottom:0}.deadline-date{font-weight:800}.deadline-meta{font-size:11px;color:var(--muted);margin-top:4px}.urgency-pill{display:inline-block;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.urgency-OVERDUE{background:var(--dangerbg);color:var(--danger)}.urgency-TODAY{background:#eaf1fb;color:var(--brand)}.urgency-SOON{background:var(--warnbg);color:var(--warn)}.urgency-FUTURE{background:var(--surface3);color:var(--muted)}.attention-card{padding:18px}.attention-item{padding:12px 0;border-bottom:1px solid var(--line)}.attention-item:last-child{border-bottom:0}.attention-item b{display:block;font-size:13px}.attention-item span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.calendar-empty{padding:28px;text-align:center;color:var(--muted)}

@media(max-width:1180px){.route{grid-template-columns:44px minmax(180px,.85fr) minmax(220px,1.25fr)}.route-legal{grid-column:2/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.route-actions{grid-column:2/-1}}

/* v2.1 — рабочий стол */
.dashboard-hero{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;background:linear-gradient(135deg,#fff 0%,#f6f8fb 100%)}
.dashboard-hero h2{margin:0 0 6px;font-size:22px}.dashboard-hero p{margin:0;color:var(--muted);line-height:1.5}.dashboard-actions{display:flex;gap:9px;flex-wrap:wrap}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.dashboard-kpi{padding:18px}.dashboard-kpi span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:7px}.dashboard-kpi b{font-size:28px;color:var(--brand)}.dashboard-kpi.danger b{color:var(--danger)}.dashboard-kpi.warn b{color:var(--warn)}.dashboard-kpi small{display:block;margin-top:5px;color:var(--muted)}
.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:16px}.dashboard-panel{padding:19px}.dashboard-panel h3{margin:0;font-size:17px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head span{font-size:11px;color:var(--muted)}
.work-item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:11px;align-items:start;padding:13px 0;border-bottom:1px solid var(--line)}.work-item:last-child{border-bottom:0}.work-mark{width:9px;height:9px;border-radius:50%;margin-top:5px;background:var(--surface3)}.work-mark.overdue{background:var(--danger)}.work-mark.today{background:var(--brand)}.work-mark.soon{background:var(--warn)}.work-mark.incomplete{background:#7c6a9d}.work-copy b{display:block;font-size:13px;line-height:1.35}.work-copy span{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:3px}.work-item button{white-space:nowrap}
.dashboard-empty{padding:22px 4px;color:var(--muted);font-size:13px}.dashboard-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compact-event{padding:11px 0;border-bottom:1px solid var(--line)}.compact-event:last-child{border-bottom:0}.compact-event b{font-size:13px}.compact-event span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.date-chip{display:inline-block;padding:4px 7px;border-radius:999px;background:var(--surface3);color:var(--muted);font-size:10px;font-weight:800;margin-top:5px}

.restore-offer{display:none;margin-top:14px;padding:16px 18px;border:1px solid #bfd7ee;background:#f3f8fd;border-radius:14px;align-items:center;justify-content:space-between;gap:14px}.restore-offer.active{display:flex}.restore-offer b{display:block;margin-bottom:4px}.restore-offer span{font-size:12px;color:var(--muted)}.restore-actions{display:flex;gap:8px;flex-wrap:wrap}.navigator-history{margin-top:16px;padding:18px}.navigator-history-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.navigator-history-head h3{margin:0}.history-row{display:grid;grid-template-columns:150px minmax(200px,1.5fr) minmax(150px,.7fr) auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);font-size:12px}.history-row time,.history-meta{color:var(--muted)}.history-query{font-weight:700;line-height:1.45;overflow-wrap:anywhere}.history-empty{padding:14px 0;color:var(--muted);font-size:12px}.ai-history-query{max-width:420px;white-space:normal;line-height:1.4}.ai-history-detail{margin-top:16px;padding:16px;background:var(--surface2);border:1px solid var(--line);border-radius:12px}.ai-history-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:420px;overflow:auto}
@media(max-width:980px){.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-grid,.dashboard-footer-grid{grid-template-columns:1fr}}
@media(max-width:600px){.dashboard-kpis{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start;flex-direction:column}.dashboard-actions{width:100%}.dashboard-actions button{width:100%}.work-item{grid-template-columns:12px minmax(0,1fr)}.work-item button{grid-column:2;width:100%}}

@media(max-width:980px){.calendar-kpis{grid-template-columns:1fr 1fr}.deadline-layout{grid-template-columns:1fr}.deadline-row{grid-template-columns:95px minmax(0,1fr) 120px}.deadline-row .deadline-action{grid-column:2/-1}.month-day{min-height:90px}.workflow-stages{grid-template-columns:repeat(2,1fr)}.workflow-meta-grid{grid-template-columns:1fr}.workflow-history-item{grid-template-columns:1fr}.workflow-history-item time{margin-bottom:-6px}.refine-grid,.kpi-grid,.analytics-grid,.tracking-grid{grid-template-columns:1fr}.app{display:block}.sidebar{display:block;position:sticky;left:auto;top:0;width:100%;height:auto;max-height:none;padding:10px 12px;overflow-x:auto;overflow-y:hidden;background:linear-gradient(100deg,var(--brand),var(--branddeep));z-index:40}.sidebar .logo,.sidebar-footer{display:none}.nav{display:flex;gap:6px;margin-top:0;width:max-content;min-width:100%}.nav button{width:auto;flex:0 0 auto;padding:8px 10px;white-space:nowrap}.nav-section-label{display:none}.main{display:block}.topbar{padding:12px 18px}.workspace{padding:20px}.summary,.choice-grid,.form-grid,.doc-layout,.selection-strip{grid-template-columns:1fr}.route{grid-template-columns:40px 1fr}.route-title,.route-desc,.route-legal,.route-actions{grid-column:2}}
@media(max-width:760px){.restore-offer{align-items:flex-start;flex-direction:column}.history-row{grid-template-columns:1fr}.history-row .secondary{width:100%}.calendar-kpis{grid-template-columns:1fr 1fr}.month-grid{overflow-x:auto;grid-template-columns:repeat(7,minmax(105px,1fr))}.deadline-row{grid-template-columns:1fr}.deadline-row .deadline-action{grid-column:auto}.deadline-date{font-size:13px}.workspace{padding:16px}.topbar{height:auto;flex-wrap:wrap}.profile-meta{display:none}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:28px}.summary{grid-template-columns:1fr}.card-actions,.actions-row{align-items:stretch}.card-actions .primary,.card-actions .text-btn,.actions-row .primary,.actions-row .secondary{width:100%;text-align:center}textarea.big{font-size:16px}.choice-top,.section-title{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.page-head h1{font-size:25px}.hero-card,.choice-panel,.form-card,.doc-card{padding:16px}.route{gap:12px;padding:16px}.route-index{width:34px;height:34px}.preview{padding:18px;font-size:14px}}

.master-head{margin-bottom:14px;padding:14px 16px;background:var(--surface2);border:1px solid var(--line);border-radius:12px}
.master-head b{display:block;font-size:14px;margin-bottom:4px}.master-head span{font-size:12px;color:var(--muted);line-height:1.5}.master-fields{display:grid;gap:14px;margin-bottom:16px}.req{color:var(--danger);margin-left:3px}.field-help{font-size:11px;color:var(--muted);margin-top:5px}.preview .pv-label{font-family:Inter,system-ui,sans-serif;font-weight:700}

.context-controls{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(220px,.8fr);gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.context-control label{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:800;margin-bottom:6px}
.context-control select,.context-control input{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 12px;color:var(--text);outline:none}
.ai-strip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.ai-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);font-size:11px;color:var(--muted)}.ai-dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.analysis-insight{margin-top:12px;background:linear-gradient(135deg,#f7f9fc,#fff);border:1px solid var(--line);border-radius:14px;padding:15px 16px}.analysis-insight-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}.analysis-insight h3{margin:0;font-size:14px}.analysis-insight p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.signal-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.signal{font-size:11px;padding:5px 8px;border-radius:999px;background:var(--surface3);color:#536073}
.clarify{margin-top:14px;border:1px solid #dfca91;background:#fffaec;border-radius:14px;padding:16px}.clarify h3{font-size:14px;margin:0 0 6px;color:#6f5119}.clarify p{font-size:13px;line-height:1.55;margin:0 0 12px;color:#765b26}.clarify textarea{width:100%;min-height:82px;border:1px solid #e1d2a8;background:white;border-radius:12px;padding:10px 12px;resize:vertical;outline:none}.clarify-actions{display:flex;justify-content:flex-end;margin-top:10px}.confidence{font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px;background:var(--surface3);color:var(--brand)}
.eligibility-explanation{margin-top:6px;font-size:11px;color:var(--muted);line-height:1.45}
@media(max-width:760px){.context-controls{grid-template-columns:1fr}.clarify-actions .primary{width:100%}}


/* Admin panel v1.1 */
.admin-auth{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;padding:18px;margin-bottom:18px}.admin-auth .field{margin:0}.admin-grid{display:grid;grid-template-columns:300px 1fr;gap:16px}.admin-sidebar{padding:16px}.admin-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.admin-tab{border:1px solid var(--line);background:#fff;color:var(--text);padding:8px 10px;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer}.admin-tab.active{background:var(--brand);color:#fff;border-color:var(--brand)}.admin-list{display:grid;gap:6px;max-height:640px;overflow:auto;padding-right:4px}.admin-list button{width:100%;border:1px solid transparent;background:var(--surface2);text-align:left;padding:10px;border-radius:10px;cursor:pointer;color:var(--text)}.admin-list button:hover,.admin-list button.active{border-color:#aebdcd;background:#fff}.admin-list button b{display:block;font-size:13px}.admin-list button span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.admin-editor{padding:20px;min-height:520px}.admin-editor h2{margin:0 0 6px;font-size:21px}.admin-editor .muted{color:var(--muted);font-size:12px;line-height:1.5}.admin-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.admin-kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px}.admin-kpi b{display:block;font-size:24px;color:var(--brand)}.admin-kpi span{font-size:11px;color:var(--muted)}.admin-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.admin-search{flex:1;min-width:180px;border:1px solid var(--line);border-radius:10px;padding:9px 10px}.admin-json{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;min-height:180px}.admin-help{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:12px;color:var(--muted);line-height:1.55;margin:12px 0}.admin-status{margin-top:10px;font-size:12px}.danger-btn{border:1px solid #e7bcbc;background:#fff7f7;color:var(--danger);padding:10px 14px;border-radius:12px;font-weight:800;cursor:pointer}.admin-backup-list{display:grid;gap:8px}.backup-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.backup-row span{font-size:12px;color:var(--muted)}
@media(max-width:1050px){.admin-grid{grid-template-columns:1fr}.admin-kpis{grid-template-columns:repeat(2,1fr)}.admin-list{max-height:280px}}@media(max-width:650px){.admin-auth{grid-template-columns:1fr}.admin-kpis{grid-template-columns:1fr}.admin-toolbar>*{width:100%}}



.notification-bell{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;font-size:12px;font-weight:800;cursor:pointer;color:var(--text)}.notification-bell.has-unread{background:var(--warnbg);border-color:#ead29e;color:var(--warn)}
.notification-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.notification-panel{padding:20px}.notification-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.notification-item{padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;align-items:start}.notification-item:last-child{border-bottom:0}.notification-dot{width:9px;height:9px;border-radius:50%;margin-top:6px;background:var(--line)}.notification-item.unread .notification-dot{background:var(--brand)}.notification-item.critical .notification-dot{background:var(--danger)}.notification-item.important .notification-dot{background:var(--warn)}.notification-copy b{display:block;font-size:14px;margin-bottom:4px}.notification-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.notification-meta{margin-top:7px;font-size:10px;color:var(--muted)}.notification-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.broadcast-card{padding:20px;margin-bottom:16px}.broadcast-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.broadcast-stat{background:var(--surface2);border-radius:10px;padding:9px}.broadcast-stat b{display:block;font-size:16px}.broadcast-stat span{font-size:10px;color:var(--muted)}.priority-chip{display:inline-block;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800;background:var(--surface3)}.priority-chip.CRITICAL{background:var(--dangerbg);color:var(--danger)}.priority-chip.IMPORTANT{background:var(--warnbg);color:var(--warn)}
@media(max-width:950px){.notification-layout{grid-template-columns:1fr}.broadcast-stats{grid-template-columns:1fr 1fr}}

.login-overlay{position:fixed;inset:0;z-index:100;background:linear-gradient(135deg,#eef2f6 0%,#f8fafc 55%,#e9edf3 100%);display:grid;place-items:center;padding:20px;overflow:hidden}.login-overlay::before{content:"";position:absolute;inset:0;background-image:url("/static/design-v4/01_Brand/patterns/login_pattern_medium.png");background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.42;pointer-events:none}.login-card{position:relative;z-index:1;width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px rgba(17,40,72,.13);padding:28px}.login-brand{display:block;margin-bottom:22px}.login-brand img{display:block;width:100%;max-width:320px;height:auto;margin-bottom:14px}.login-brand .logo-mark{background:var(--brand);color:#fff}.login-card h1{font-size:26px;margin:0 0 7px}.login-card p{color:var(--muted);line-height:1.5;margin:0 0 20px}.login-error{display:none;margin-top:12px}.profile-actions{display:flex;align-items:center;gap:10px}.logout-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:700;cursor:pointer}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:11px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.users-table th{color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.05em}.role-chip{display:inline-block;border-radius:999px;background:var(--surface3);padding:5px 8px;font-size:11px;font-weight:800}.access-section{padding:20px}.access-section h2{margin:0 0 14px;font-size:19px}@media(max-width:900px){.access-grid{grid-template-columns:1fr}}

/* System / operations v1.4 */
.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.system-card{padding:20px}.system-card h2{margin:0 0 8px;font-size:19px}.system-card>p{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.55}.system-admin{margin-top:16px}.system-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.system-tab{border:1px solid var(--line);background:#fff;padding:8px 10px;border-radius:10px;font-weight:800;font-size:12px;cursor:pointer}.system-tab.active{background:var(--brand);color:white;border-color:var(--brand)}.system-pane{display:none}.system-pane.active{display:block}.audit-wrap{overflow:auto}.audit-table{width:100%;min-width:850px;border-collapse:collapse}.audit-table th,.audit-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:12px;vertical-align:top}.audit-table th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.audit-details{max-width:380px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}.demo-steps{margin:12px 0 0;padding-left:20px}.demo-steps li{margin:8px 0;line-height:1.5;color:#455163}.ops-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.system-backups{display:grid;gap:8px;margin-top:14px}.system-backup-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:11px 12px}.system-backup-row small{color:var(--muted)}.notice{padding:12px 14px;border-radius:12px;background:var(--warnbg);color:var(--warn);font-size:13px;line-height:1.5}.profile-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.profile-summary .info{padding:12px}.system-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800;margin-bottom:6px}
@media(max-width:900px){.system-grid,.profile-summary{grid-template-columns:1fr}}


/* Attachments / evidence v1.8 */
.attachments-card{padding:20px;margin-bottom:16px}.attachments-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}.attachments-head h3{margin:0 0 5px;font-size:18px}.attachments-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.attachment-upload-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.attachment-list{display:grid;gap:10px;margin-top:16px}.attachment-item{border:1px solid var(--line);background:var(--surface2);border-radius:13px;padding:13px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.attachment-item b{display:block;font-size:13px;overflow-wrap:anywhere}.attachment-meta{font-size:11px;color:var(--muted);line-height:1.5;margin-top:5px}.attachment-desc{font-size:12px;color:#465166;line-height:1.5;margin-top:7px}.attachment-actions{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}.file-input{padding:9px!important}.evidence-chip{display:inline-block;font-size:10px;font-weight:800;padding:4px 7px;border-radius:999px;background:var(--okbg);color:var(--ok);margin-left:5px}.hash-line{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;color:var(--muted);overflow-wrap:anywhere;margin-top:5px}
@media(max-width:900px){.attachment-upload-grid{grid-template-columns:1fr}.attachment-item{grid-template-columns:1fr}.attachment-actions{justify-content:flex-start}}


.login-switch{display:flex;justify-content:center;margin-top:12px}.login-switch button{border:0;background:transparent;color:var(--brand);font-weight:800;cursor:pointer;padding:6px}.login-help{font-size:11px;color:var(--muted);line-height:1.5;margin-top:12px}.security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.security-tile{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.security-tile span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.security-tile b{font-size:12px}.security-warning{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--warnbg);color:var(--warn);font-size:12px;line-height:1.5}@media(max-width:750px){.security-grid{grid-template-columns:1fr}}

/* RC5 production UX */
.global-search{position:relative;flex:1;max-width:520px;margin:0 18px}.global-search input{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 13px;background:#fff}.global-search-results{position:absolute;left:0;right:0;top:45px;z-index:50;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 16px 44px rgba(15,35,60,.18);max-height:420px;overflow:auto;display:none}.global-search-results.active{display:block}.search-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px 12px;border-bottom:1px solid var(--line);align-items:center}.search-result:last-child{border-bottom:0}.search-result-main{border:0;background:transparent;text-align:left;cursor:pointer;padding:0;color:var(--text)}.search-result-main b{display:block}.search-result-main small{display:block;color:var(--muted);margin-top:3px}.favorite-toggle{border:1px solid var(--line);background:#fff;border-radius:9px;padding:6px 8px;cursor:pointer}.workspace-personal{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.workspace-list{display:grid;gap:8px}.workspace-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 0;border-top:1px solid var(--line)}.workspace-item:first-child{border-top:0}.workspace-item button{border:0;background:transparent;text-align:left;cursor:pointer}.workspace-item b{display:block}.workspace-item small{display:block;color:var(--muted);margin-top:3px}.health-grid,.ai-analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.health-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.health-card span{display:block;font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800}.health-card b{display:block;margin-top:5px;font-size:16px}.health-card small{display:block;margin-top:5px;color:var(--muted);overflow-wrap:anywhere}.integrity-ok{color:var(--ok)}.integrity-bad{color:var(--danger)}.ai-topic-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.audit-hash{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--muted);word-break:break-all}.legal-freshness{font-size:10px;color:var(--muted);margin-top:4px}.rollback-list{display:grid;gap:8px;margin-top:10px}@media(max-width:980px){.global-search{max-width:none;margin:0 8px}.workspace-personal,.health-grid,.ai-analytics-grid{grid-template-columns:1fr}}@media(max-width:680px){.global-search{order:3;width:100%;margin:8px 0 0}.topbar{flex-wrap:wrap}}
.ai-day-chart{display:flex;align-items:flex-end;gap:8px;min-height:96px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface2);overflow-x:auto}.ai-day{min-width:34px;display:grid;gap:4px;justify-items:center}.ai-day>span{display:block;width:18px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--cn-blue-600),var(--cn-teal-500))}.ai-day small{font-size:9px;color:var(--muted)}.ai-day b{font-size:10px}.ai-analytics-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.ai-analytics-columns{grid-template-columns:1fr}}

/* v2.19: collaboration, legal freshness, help, retention, onboarding */
.ai-feedback-card{margin-top:16px;padding:16px}.ai-feedback-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.ai-feedback-actions button.active{outline:2px solid var(--cn-blue-600);outline-offset:2px}.collab-card{margin-top:16px}.collab-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.version-list,.comment-list,.legal-status-list{display:grid;gap:8px;margin-top:10px}.version-row,.comment-row,.legal-status-row{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}.version-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.comment-row small,.version-row small{color:var(--muted)}.freshness-CURRENT{border-left:4px solid var(--ok)}.freshness-REVIEW_DUE{border-left:4px solid var(--warn)}.freshness-OUTDATED,.freshness-SUSPENDED{border-left:4px solid var(--danger)}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.help-card h3{margin:0 0 8px}.help-card p{margin:0;color:var(--muted);line-height:1.6}.glossary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.glossary-item{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.onboarding-overlay{position:fixed;inset:0;z-index:10020;background:rgba(11,36,71,.52);display:none;place-items:center;padding:20px}.onboarding-overlay.active{display:grid}.onboarding-card{max-width:720px;width:100%;padding:24px;background:#fff;border-radius:20px;box-shadow:0 28px 90px rgba(11,36,71,.28)}.onboarding-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.onboarding-step{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.retention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-note{font-size:11px;color:var(--muted);margin-top:4px}.legal-source-row.is-stale{background:#fff9ed;border-color:#f2d59a}.legal-source-row.is-outdated{background:#fff1f1;border-color:#efbcbc}.top-help-btn{border:1px solid #dbe5f0;background:#fff;padding:9px 12px;border-radius:12px;color:#29425f}@media(max-width:900px){.collab-grid,.help-grid{grid-template-columns:1fr}.glossary-grid,.retention-grid,.onboarding-steps{grid-template-columns:1fr}}

/* ---- extracted legacy stabilization styles ---- */

/* About page: isolated responsive layout. */
#aboutScreen{max-width:100%;overflow:hidden}
#aboutScreen .defense-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;margin-bottom:16px}
#aboutScreen .defense-strip p{margin:5px 0 0;color:var(--muted);line-height:1.55}
#aboutScreen .defense-actions{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto}
#aboutScreen .about-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:16px;margin-bottom:16px}
#aboutScreen .about-hero-main,#aboutScreen .about-logo-card{padding:24px;min-width:0}
#aboutScreen .about-hero-main .label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
#aboutScreen .about-hero-main h2{margin:8px 0 10px;font-size:26px;line-height:1.2}
#aboutScreen .about-hero-main p{margin:0;color:#455163;line-height:1.65;overflow-wrap:anywhere}
#aboutScreen .about-logo-card{display:flex;align-items:center;justify-content:center;min-height:170px}
#aboutScreen .about-logo-card img{display:block;width:min(100%,320px);height:auto;max-height:120px;object-fit:contain}
#aboutScreen .about-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}
#aboutScreen .about-metric{padding:16px;min-width:0}
#aboutScreen .about-metric span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;line-height:1.35}
#aboutScreen .about-metric b{display:block;margin-top:6px;font-size:25px;color:var(--brand)}
#aboutScreen .module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#aboutScreen .module-card{padding:20px;min-width:0}
#aboutScreen .module-num{font-size:11px;font-weight:900;color:var(--brand);margin-bottom:12px}
#aboutScreen .module-card h3,#aboutScreen .about-panel h3,#aboutScreen .demo-case h3{margin:0 0 8px;font-size:17px;line-height:1.3}
#aboutScreen .module-card p,#aboutScreen .demo-case p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#aboutScreen .about-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
#aboutScreen .about-panel{padding:20px;min-width:0}
#aboutScreen .principle-list{display:grid;gap:10px}
#aboutScreen .principle{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;font-size:13px;line-height:1.55}
#aboutScreen .principle-mark{width:26px;height:26px;border-radius:8px;background:var(--surface3);display:grid;place-items:center;font-weight:900;color:var(--brand)}
#aboutScreen .demo-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#aboutScreen .demo-case{padding:20px;display:flex;flex-direction:column;min-width:0}
#aboutScreen .demo-case p{flex:1;margin-bottom:14px}
#aboutScreen .case-tag{align-self:flex-start;display:inline-block;padding:5px 8px;border-radius:999px;background:var(--surface3);font-size:10px;font-weight:800;color:var(--brand);margin-bottom:10px}
#aboutScreen .sample-docs{display:flex;gap:8px;flex-wrap:wrap}
#aboutScreen .sample-docs a{max-width:100%;overflow-wrap:anywhere}

/* Visual template variables editor. */
.schema-vars{display:grid;gap:10px;margin-top:10px}.schema-vars-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.schema-var-row{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(200px,1.2fr) 120px minmax(180px,1fr) auto auto;gap:8px;align-items:end;border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:12px}
.schema-var-row .field{min-width:0}.schema-var-row input,.schema-var-row select{width:100%}.var-code{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;color:var(--brand);margin-top:5px;overflow-wrap:anywhere}
.schema-var-required{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;padding-bottom:10px}.schema-var-required input{width:auto}
.workflow-back-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:10px;padding-top:12px;border-top:1px dashed var(--line)}.workflow-back-row .field{flex:1 1 260px}

@media(max-width:1100px){#aboutScreen .about-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.schema-var-row{grid-template-columns:1fr 1fr 120px}.schema-var-row .var-placeholder{grid-column:1/3}.schema-var-row .schema-var-required{grid-column:auto}.schema-var-row .var-delete{grid-column:3}}
@media(max-width:780px){#aboutScreen .defense-strip{align-items:flex-start;flex-direction:column}#aboutScreen .about-hero,#aboutScreen .about-two,#aboutScreen .module-grid,#aboutScreen .demo-case-grid{grid-template-columns:1fr}#aboutScreen .about-metrics{grid-template-columns:1fr 1fr}#aboutScreen .about-logo-card{min-height:120px}.schema-var-row{grid-template-columns:1fr}.schema-var-row .var-placeholder,.schema-var-row .schema-var-required,.schema-var-row .var-delete{grid-column:auto}}
@media(max-width:460px){#aboutScreen .about-metrics{grid-template-columns:1fr}#aboutScreen .about-hero-main,#aboutScreen .about-logo-card,#aboutScreen .about-panel,#aboutScreen .module-card,#aboutScreen .demo-case{padding:16px}}

/* Managed AI analysis v2.14 */
.analysis-mode-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ai-advisory{margin-top:18px;padding:22px}.ai-advisory-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.ai-advisory-head h3{margin:0 0 6px;font-size:21px}.ai-advisory-head p{margin:0;color:var(--muted);line-height:1.55}.ai-verification{display:inline-block;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900}.ai-verification.ok{background:var(--okbg);color:var(--ok)}.ai-verification.warn{background:var(--warnbg);color:var(--warn)}.ai-verification.bad{background:var(--dangerbg);color:var(--danger)}.ai-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.ai-result-box{border:1px solid var(--line);background:var(--surface2);border-radius:13px;padding:14px}.ai-result-box h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.ai-result-box ul,.ai-route-list{margin:0;padding-left:19px}.ai-result-box li,.ai-route-list li{margin:6px 0;line-height:1.5;font-size:13px}.ai-route-list{margin-top:14px}.ai-meta{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.5}.ai-human-note{margin-top:12px;padding:12px 14px;border-radius:11px;background:var(--warnbg);color:var(--warn);font-size:12px;line-height:1.5}.ai-empty-route{padding:18px;border:1px dashed var(--line);border-radius:13px;color:var(--muted);background:var(--surface2)}@media(max-width:720px){.analysis-mode-actions{width:100%;justify-content:stretch}.analysis-mode-actions button{flex:1 1 100%}.ai-result-grid{grid-template-columns:1fr}}

/* Outgoing official email / HTML composer */
.email-composer{margin-top:16px;padding:22px}.email-composer-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}.email-composer-head h3{margin:0 0 6px;font-size:20px}.email-composer-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.55;max-width:800px}.email-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.email-grid .wide{grid-column:1/-1}.email-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.email-toolbar button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 9px;cursor:pointer;font-weight:800}.email-editor{min-height:210px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px;outline:none;font-size:14px;line-height:1.65;overflow:auto}.email-editor:focus{border-color:#9daec4;box-shadow:0 0 0 3px rgba(22,58,99,.08)}.email-variable-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.email-variable-chips button{border:1px solid var(--line);background:var(--surface2);color:var(--brand);padding:5px 8px;border-radius:999px;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.email-preview{width:100%;min-height:430px;border:1px solid var(--line);border-radius:12px;background:#f4f8fc;margin-top:12px}.email-send-confirm{display:flex;gap:9px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--warnbg);color:var(--warn);font-size:12px;line-height:1.5;margin-top:12px}.email-send-confirm input{width:auto;margin-top:2px}.email-history{display:grid;gap:9px;margin-top:12px}.email-history-item{padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);font-size:12px;line-height:1.5}.email-history-item b{display:block;margin-bottom:3px}.email-history-meta{color:var(--muted);font-size:11px}.mail-status-ok{color:var(--ok);font-weight:900}.mail-status-bad{color:var(--danger);font-weight:900}.mail-status-pending{color:var(--warn);font-weight:900}@media(max-width:760px){.email-grid{grid-template-columns:1fr}.email-grid .wide{grid-column:auto}.email-preview{min-height:340px}}
