:root{--bg:#f3f5f2;--surface:#fff;--ink:#14221b;--muted:#68746e;--line:#dfe5e0;--green:#173f31;--green2:#2f6a55;--mint:#dff0e7;--amber:#b97817;--amberBg:#fff1d9;--red:#b23b35;--redBg:#fde7e4;--shadow:0 18px 50px rgba(28,48,39,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#102d24;color:#fff;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 30px}.brand-mark{width:38px;height:38px;border-radius:12px;display:block;object-fit:cover}.brand strong,.brand span{display:block}.brand span{font-size:12px;color:#9eb8ad;margin-top:2px}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#bdd0c7;padding:12px 13px;border-radius:11px;text-align:left;display:flex;align-items:center;gap:11px;cursor:pointer}.nav-item span{width:20px;text-align:center}.nav-item b{margin-left:auto;background:#315448;padding:2px 7px;border-radius:999px;font-size:11px}.nav-item:hover,.nav-item.active{background:#1b4134;color:white}.sidebar-foot{margin-top:auto;border-top:1px solid #294b40;padding:20px 8px 0;display:flex;gap:9px;align-items:center}.sidebar-foot .dot{width:8px;height:8px;background:#56c592;border-radius:50%}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot small{font-size:11px;color:#89a79b;margin-top:3px}.main{padding:34px 42px 60px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow,.panel-kicker,.hero-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:750;color:var(--green2);margin:0 0 6px}.topbar h1{font-size:29px;letter-spacing:-.03em;margin:0}.top-actions{display:flex;gap:10px;align-items:center}.status-pill{background:white;border:1px solid var(--line);border-radius:999px;padding:9px 12px;font-size:12px;color:var(--muted);display:flex;gap:7px;align-items:center}.status-pill i{width:7px;height:7px;background:#e0a232;border-radius:50%}.status-pill.ok i{background:#3ca778}.demo-button,.secondary-button{border:0;border-radius:10px;padding:10px 15px;cursor:pointer}.demo-button{background:var(--green);color:#fff}.demo-button:hover{background:#23513f}.secondary-button{background:white;border:1px solid var(--line);color:var(--ink)}.hero-card{background:linear-gradient(135deg,#153b2e,#255a47);border-radius:22px;color:#fff;padding:30px 32px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:flex-end;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-60px;top:-95px}.hero-kicker{color:#acd2c1}.hero-card h2{font-size:30px;margin:5px 0 7px;letter-spacing:-.03em}.hero-card p{color:#cfe0d9;max-width:650px;margin:0;line-height:1.55}.hero-time{position:relative;z-index:2;text-align:right}.hero-time span{display:block;font-size:36px;font-weight:250;letter-spacing:-.04em}.hero-time small{color:#bdd6cc}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:16px 0}.metric{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px}.metric .label{font-size:12px;color:var(--muted);display:block}.metric strong{font-size:26px;display:block;margin-top:8px;letter-spacing:-.04em}.metric small{font-size:11px;color:#88928d}.two-col{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.panel,.table-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 18px rgba(20,42,33,.035)}.panel{padding:21px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.panel h3{margin:3px 0 0;font-size:18px}.text-button{border:0;background:transparent;color:var(--green2);cursor:pointer;font-size:12px}.stack{display:grid;gap:9px}.alert-card,.task-card{border:1px solid var(--line);border-radius:13px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.signal{width:9px;height:36px;border-radius:10px;background:#a6b4ad}.signal.CRITICAL{background:var(--red)}.signal.HIGH{background:#d7832c}.signal.MEDIUM{background:#ddb653}.card-title{font-weight:720;font-size:13px}.card-sub{font-size:12px;color:var(--muted);margin-top:4px}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em}.badge.CRITICAL{color:var(--red);background:var(--redBg)}.badge.HIGH{color:#a85e13;background:#fff0df}.badge.MEDIUM{color:#8f7117;background:#fff8d6}.badge.LOW{color:#4e6c61;background:#edf3f0}.badge.OPEN,.badge.ACKNOWLEDGED,.badge.IN_PROGRESS{background:#eef4f1;color:#356050}.badge.RESOLVED,.badge.COMPLETED{background:#e2f4e9;color:#277049}.empty{padding:28px;color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:13px}.view{display:none}.active-view{display:block}.section-intro{display:flex;justify-content:space-between;align-items:end;margin:7px 0 18px}.section-intro h2{margin:3px 0 4px;font-size:27px}.section-intro p{margin:0;color:var(--muted)}.table-panel{overflow:hidden}.table-row{display:grid;grid-template-columns:1.2fr .9fr .8fr .8fr 1.15fr;gap:12px;align-items:center;padding:14px 17px;border-bottom:1px solid var(--line);font-size:12px}.table-row:last-child{border-bottom:0}.table-row.header{background:#f7f9f7;color:#79847e;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.actions{display:flex;gap:6px;justify-content:flex-end}.mini-btn{padding:7px 9px;border:1px solid var(--line);background:white;border-radius:8px;cursor:pointer;font-size:11px}.mini-btn.primary{background:var(--green);border-color:var(--green);color:#fff}.resident-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resident-card{background:white;border:1px solid var(--line);border-radius:17px;padding:20px}.avatar{width:42px;height:42px;border-radius:50%;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:800}.resident-top{display:flex;gap:11px;align-items:center}.resident-card h3{font-size:16px;margin:0}.resident-card p{font-size:12px;color:var(--muted);margin:4px 0 0}.resident-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:13px;font-size:11px}.toast{position:fixed;right:28px;bottom:28px;background:#143a2d;color:white;padding:13px 16px;border-radius:11px;box-shadow:var(--shadow);z-index:80;font-size:13px;max-width:360px}.toast.error{background:#8f2f2b}@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.two-col{grid-template-columns:1fr}.resident-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:14px}.brand{padding-bottom:10px}.sidebar nav{display:flex;overflow:auto}.sidebar-foot{display:none}.main{padding:22px 16px}.topbar{align-items:flex-start;gap:14px}.top-actions{flex-direction:column;align-items:flex-end}.metrics{grid-template-columns:repeat(2,1fr)}.hero-time{display:none}.resident-grid{grid-template-columns:1fr}.table-row{grid-template-columns:1fr 1fr}.table-row.header{display:none}.actions{justify-content:flex-start}}

/* MVP-07B workflow refinement */
.clickable-card{width:100%;background:#fff;color:inherit;text-align:left;cursor:pointer;font:inherit}.clickable-card:hover,.alert-row:hover{border-color:#bfd0c7;background:#fbfdfb}.card-time{text-align:right}.assignment-line{margin-top:5px;font-size:10px;color:var(--green2);font-weight:700}.filter-bar{display:flex;gap:7px;margin:-6px 0 13px}.filter-chip{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:7px 12px;font-size:11px;cursor:pointer}.filter-chip.active{background:var(--green);border-color:var(--green);color:#fff}.alert-row{cursor:pointer;transition:.15s ease}.backdrop{position:fixed;inset:0;background:rgba(10,27,21,.28);backdrop-filter:blur(3px);opacity:0;transition:.18s ease;z-index:40}.backdrop.visible{opacity:1}.drawer,.demo-panel{position:fixed;top:0;right:0;height:100vh;background:#f8faf8;box-shadow:-20px 0 60px rgba(15,43,33,.18);z-index:50;transform:translateX(105%);transition:transform .24s ease;overflow:auto}.drawer.open,.demo-panel.open{transform:translateX(0)}.drawer{width:min(620px,94vw)}.demo-panel{width:min(430px,94vw)}.drawer-head{position:sticky;top:0;background:rgba(248,250,248,.94);backdrop-filter:blur(12px);z-index:2;padding:24px 26px 18px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between}.drawer-head h2{margin:3px 0 0;font-size:22px;letter-spacing:-.025em}.icon-button{border:1px solid var(--line);background:#fff;width:34px;height:34px;border-radius:10px;font-size:22px;line-height:1;cursor:pointer;color:var(--muted)}.drawer-body,.demo-panel-body{padding:22px 26px 42px}.drawer-loading{padding:40px 0;color:var(--muted);text-align:center}.incident-hero{border-radius:18px;background:linear-gradient(135deg,#153b2e,#255a47);color:#fff;padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.incident-hero h3{font-size:21px;line-height:1.25;margin:12px 0 7px;max-width:390px}.incident-hero p{margin:0;color:#c9ddd4;font-size:12px}.incident-badges{display:flex;gap:6px}.response-clock{min-width:130px;text-align:right;border-left:1px solid rgba(255,255,255,.16);padding-left:18px}.response-clock span,.response-clock small{display:block;color:#bbd3c8;font-size:10px}.response-clock strong{display:block;font-size:27px;margin:7px 0 3px;font-weight:500}.detail-section{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px;margin-top:13px}.detail-section h3{font-size:16px;margin:3px 0 13px}.reason-list,.context-list,.event-list{margin:0;padding-left:19px;color:#46564f;font-size:12px;line-height:1.65}.reason-list li::marker{color:#2d775c}.baseline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px}.baseline-grid>div{background:#f4f7f5;border-radius:10px;padding:10px}.baseline-grid span,.care-summary span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#7b8982}.baseline-grid strong{display:block;font-size:14px;margin-top:4px}.care-summary{display:grid;grid-template-columns:90px 1fr;gap:7px 10px;background:#f4f7f5;border-radius:11px;padding:13px;margin-bottom:13px}.care-summary strong{font-size:12px}.workflow-actions{display:grid;gap:8px}.full{width:100%}.primary-action{border:0;border-radius:10px;padding:11px 14px;background:var(--green);color:#fff;cursor:pointer;font-weight:700}.primary-action:disabled{opacity:.4;cursor:not-allowed}.field-label{display:grid;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#728078}.select-field,.notes-field{width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px;color:var(--ink);font:inherit;text-transform:none;letter-spacing:0;font-size:12px}.notes-field{min-height:78px;resize:vertical}.outcome-box{display:grid;gap:9px;border-top:1px solid var(--line);padding-top:12px;margin-top:4px}.resolved-block{background:#e6f3eb;color:#285f47;border-radius:11px;padding:13px;display:grid;gap:4px}.resolved-block span{font-size:11px}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:14px 1fr;gap:8px;padding:5px 0}.timeline-item i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#65a989;box-shadow:0 0 0 4px #edf5f1}.timeline-item strong,.timeline-item span{display:block}.timeline-item strong{font-size:11px}.timeline-item span{font-size:10px;color:var(--muted);margin-top:2px}.small-empty{padding:13px}.family-summary{background:#f2f8f5;border-color:#d7e8df}.family-summary p{margin:0;color:#3e544a;font-size:12px;line-height:1.55}.muted-copy{color:var(--muted);font-size:12px;line-height:1.55}.scenario-card{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;margin-top:9px;display:grid;grid-template-columns:35px 1fr;gap:11px;text-align:left;cursor:pointer;color:var(--ink)}.scenario-card:hover{border-color:#b7cbc1}.scenario-card>span{width:31px;height:31px;border-radius:9px;background:#edf4f0;display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--green2)}.scenario-card.high>span{background:var(--amberBg);color:var(--amber)}.scenario-card.critical>span{background:var(--redBg);color:var(--red)}.scenario-card strong,.scenario-card small{display:block}.scenario-card strong{font-size:13px}.scenario-card small{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.4}.scenario-card.busy{opacity:.55}.demo-divider{height:1px;background:var(--line);margin:18px 0}.reset-button{width:100%;border:1px solid #e2b9b6;background:#fff4f3;color:#963a35;border-radius:10px;padding:10px;cursor:pointer;font-weight:700}.tiny-note{font-size:10px;color:#8b9690;line-height:1.45}.badge.ASSIGNED{background:#edf0f7;color:#425b84}.badge.ESCALATED{background:#f6e9f3;color:#884871}.badge.CANCELLED{background:#f0f0f0;color:#666}@media(max-width:680px){.drawer,.demo-panel{width:100vw}.incident-hero{display:block}.response-clock{text-align:left;border-left:0;border-top:1px solid rgba(255,255,255,.16);padding:13px 0 0;margin-top:14px}.baseline-grid{grid-template-columns:repeat(2,1fr)}}

.experience-links{display:grid;gap:10px}.experience-links a{display:block;text-decoration:none;border:1px solid var(--line,#dce4df);border-radius:14px;padding:13px 14px;background:#fff;color:inherit}.experience-links a:hover{border-color:#91ae9f;background:#f7faf8}.experience-links strong{display:block;color:#164b39;font-size:14px}.experience-links small{display:block;color:#6c7b73;margin-top:3px;line-height:1.35}

/* MVP-08B resident intelligence */
.intelligence-card{display:flex;flex-direction:column;gap:0}.resident-intel-button{margin-top:14px;width:100%;border:1px solid var(--line);background:#f6faf7;color:var(--green);border-radius:10px;padding:10px 12px;font-weight:700;font-size:12px;cursor:pointer}.resident-intel-button:hover{background:#edf5f1;border-color:#bdd0c7}.resident-intelligence-drawer{width:min(700px,96vw)}.resident-intel-hero{border-radius:18px;background:linear-gradient(135deg,#153b2e,#2f6a55);color:#fff;padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.resident-intel-hero h3{font-size:23px;line-height:1.2;margin:12px 0 8px;max-width:430px}.resident-intel-hero p{margin:0;color:#d3e4dc;font-size:12px;line-height:1.55;max-width:460px}.resident-health-score{min-width:130px;text-align:right;border-left:1px solid rgba(255,255,255,.16);padding-left:18px}.resident-health-score span,.resident-health-score small{display:block;color:#bdd6cc;font-size:10px}.resident-health-score strong{display:block;font-size:30px;margin:7px 0 3px;font-weight:500}.ai-method{margin-top:12px;border-top:1px solid var(--line);padding-top:10px;font-size:10px;color:#75827c}.section-split{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.presence-state{font-size:11px;border-radius:999px;padding:6px 9px;background:#e6f3eb;color:#286247}.presence-state.away{background:#edf0f7;color:#425b84}.context-actions{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:8px}.context-actions button{width:100%}.routine-list,.support-list,.activity-list{display:grid;gap:8px}.routine-row{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#f5f8f6;border-radius:11px;padding:11px 12px}.routine-row>div:last-child{text-align:right}.routine-row strong,.routine-row span{display:block}.routine-row strong{font-size:12px}.routine-row span{font-size:10px;color:var(--muted);margin-top:3px}.privacy-strip{background:#eef6f2;border:1px solid #d9e9e1;border-radius:11px;padding:11px 12px;margin-bottom:11px;display:flex;justify-content:space-between;gap:12px;align-items:center}.privacy-strip strong{font-size:11px}.privacy-strip span{font-size:10px;color:var(--muted);text-align:right}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.device-tile{background:#f5f8f6;border-radius:12px;padding:12px}.device-tile-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.device-tile-head>span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.device-tile>strong,.device-tile>small{display:block}.device-tile>strong{font-size:12px;margin-top:9px}.device-tile>small{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.4}.preference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.preference-grid>div{background:#f5f8f6;border-radius:10px;padding:11px}.preference-grid span,.preference-grid strong{display:block}.preference-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#7c8983}.preference-grid strong{font-size:12px;margin-top:5px}.support-row{display:grid;grid-template-columns:34px 1fr;gap:10px;background:#f7f9f7;border-radius:11px;padding:11px}.support-icon{width:32px;height:32px;border-radius:10px;background:#e5f2eb;color:var(--green);display:grid;place-items:center;font-weight:800}.support-row strong,.support-row small{display:block}.support-row strong{font-size:12px}.support-row small{font-size:10px;color:var(--green2);margin-top:2px}.support-row p{font-size:10px;color:var(--muted);line-height:1.45;margin:5px 0 0}.activity-row{display:grid;grid-template-columns:14px 1fr;gap:8px;padding:5px 0}.activity-row i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#69a98b;box-shadow:0 0 0 4px #edf5f1}.activity-row strong,.activity-row span{display:block}.activity-row strong{font-size:11px}.activity-row span{font-size:10px;color:var(--muted);margin-top:2px}@media(max-width:680px){.resident-intel-hero{display:block}.resident-health-score{text-align:left;border-left:0;border-top:1px solid rgba(255,255,255,.16);padding:13px 0 0;margin-top:14px}.context-actions{grid-template-columns:1fr}.device-grid,.preference-grid{grid-template-columns:1fr}.privacy-strip{display:block}.privacy-strip span{display:block;text-align:left;margin-top:4px}}
.device-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.04em}.device-status.online{background:#e2f4e9;color:#277049}.device-status.offline{background:#fde7e4;color:#b23b35}

/* MVP-08B.2 Dynamic Routine Intelligence Engine */
.routine-engine-section{background:linear-gradient(180deg,#fff,#fbfdfb)}.routine-score{text-align:right;min-width:92px}.routine-score span,.routine-score small{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.routine-score strong{font-size:30px;line-height:1;color:var(--green);display:inline-block;margin-top:4px}.routine-score small{display:inline-block;margin-left:2px}.routine-status-line{display:flex;gap:9px;align-items:flex-start;margin:5px 0 13px}.routine-status-line>span:last-child{font-size:12px;color:#526159;line-height:1.5}.routine-progress{height:8px;background:#edf2ef;border-radius:999px;overflow:hidden;margin:8px 0 13px}.routine-progress>div{height:100%;background:linear-gradient(90deg,#6fb28e,#2e6b55);border-radius:999px}.routine-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px}.routine-metrics>div{background:#f3f7f4;border-radius:10px;padding:10px}.routine-metrics span,.routine-metrics strong{display:block}.routine-metrics span{font-size:9px;color:#7d8a84;text-transform:uppercase;letter-spacing:.06em}.routine-metrics strong{font-size:14px;margin-top:4px}.routine-factor-list{display:grid;gap:7px}.routine-factor{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-left:4px solid #b9c7c0;background:#f7f9f7;border-radius:9px;padding:10px 11px}.routine-factor strong,.routine-factor span{display:block}.routine-factor strong{font-size:11px}.routine-factor span{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.4;max-width:460px}.routine-factor b{font-size:11px;white-space:nowrap}.routine-factor.good{border-left-color:#55a77f}.routine-factor.watch{border-left-color:#d5a143}.routine-factor.attention{border-left-color:#d77e2d}.routine-factor.critical{border-left-color:#b23b35}.routine-factor.paused{border-left-color:#637aa1}.routine-action{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#eef6f2;border-radius:11px;padding:12px;margin-top:12px}.routine-action span,.routine-action strong{display:block}.routine-action span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#74817a}.routine-action strong{font-size:11px;margin-top:4px;line-height:1.4}.routine-history{border-top:1px solid var(--line);margin-top:13px;padding-top:13px}.routine-history-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #edf1ee}.routine-history-row:last-child{border-bottom:0}.routine-history-row>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}.routine-history-row strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.routine-history-row>div:last-child{text-align:right}.routine-history-row b,.routine-history-row span{display:block}.routine-history-row b{font-size:11px}.routine-history-row span{font-size:9px;color:var(--muted);margin-top:2px}.segmented-actions .selected-context{box-shadow:inset 0 0 0 2px rgba(47,106,85,.35);font-weight:800}@media(max-width:680px){.routine-metrics{grid-template-columns:repeat(2,1fr)}.routine-action{display:block}.routine-action button{width:100%;margin-top:10px}.routine-factor{display:block}.routine-factor b{display:block;margin-top:6px}.routine-history-row strong{max-width:180px}}

/* ============================================================
   MVP-08C.2 — Adaptive Baseline + Longitudinal Trend UI
   ============================================================ */

.adaptive-learning-section,
.longitudinal-section{
  position:relative;
  overflow:hidden;
}

.learning-state,
.trend-state{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 11px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}

.learning-state.adapted,
.learning-state.stable,
.trend-state.stable,
.trend-state.improving{
  background:#e4f4ea;
  color:#1e6847;
}

.learning-state.learning,
.trend-state.learning{
  background:#eef2f1;
  color:#65736e;
}

.trend-state.declining{
  background:#fff0dc;
  color:#9a5b0a;
}

.adaptive-hero{
  margin-top:18px;
}

.baseline-shift{
  display:grid;
  grid-template-columns:1fr 46px 1fr;
  align-items:center;
  gap:10px;
  padding:18px;
  border-radius:16px;
  background:#f3f7f5;
}

.baseline-shift>div:not(.baseline-arrow){
  display:flex;
  flex-direction:column;
  gap:4px;
}

.baseline-shift span,
.learning-metrics span,
.trend-metrics span{
  color:#76837e;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.baseline-shift strong{
  font-size:27px;
  color:#173d31;
}

.baseline-shift small{
  color:#65736e;
  font-size:13px;
}

.baseline-arrow{
  text-align:center;
  font-size:28px;
  color:#4b9d78;
  font-weight:700;
}

.learning-metrics,
.trend-metrics{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:12px;
}

.trend-metrics{
  grid-template-columns:repeat(5,1fr);
}

.learning-metrics>div,
.trend-metrics>div{
  padding:13px;
  border-radius:14px;
  background:#f3f6f4;
  min-width:0;
}

.learning-metrics strong,
.trend-metrics strong{
  display:block;
  margin-top:5px;
  color:#14251f;
  font-size:18px;
}

.small-code{
  font-size:12px!important;
  overflow-wrap:anywhere;
}

.learning-explanation{
  margin:14px 0 0;
  color:#5b6964;
  line-height:1.55;
}

.baseline-version-history,
.learning-history{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid #dfe7e3;
}

.baseline-version-row,
.learning-day-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:12px 14px;
  margin-top:8px;
  border-radius:13px;
  background:#f7f9f8;
}

.baseline-version-row.active{
  border-left:4px solid #4ead80;
  background:#eff8f3;
}

.baseline-version-row>div,
.learning-day-row>div{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.baseline-version-row>div:last-child{
  text-align:right;
  align-items:flex-end;
}

.baseline-version-row span,
.learning-day-row span{
  color:#74817d;
  font-size:12px;
}

.baseline-version-row strong{
  color:#15261f;
  font-size:15px;
}

.baseline-version-row small{
  color:#468066;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}

.trend-stability-bar{
  width:100%;
  height:8px;
  margin-top:14px;
  overflow:hidden;
  border-radius:999px;
  background:#edf2ef;
}

.trend-stability-bar>div{
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#75bf9a,#287152);
}

.learning-day-metrics{
  align-items:flex-end;
}

.learning-day-metrics b{
  color:#173d31;
  font-size:15px;
}

@media(max-width:760px){
  .learning-metrics,
  .trend-metrics{
    grid-template-columns:repeat(2,1fr);
  }

  .baseline-shift{
    grid-template-columns:1fr 32px 1fr;
  }
}



/* ==========================================================
   MVP-08D.3
   Multi-Domain Routine Intelligence
   ========================================================== */

.multi-domain-section{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.multi-domain-header{
  align-items:flex-start;
}

.multi-domain-overall{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:7px;
}

.multi-domain-overall>span{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#6f7f78;
}

.multi-domain-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

.multi-domain-summary>div{
  border:1px solid #e4ebe7;
  background:#f8faf9;
  border-radius:12px;
  padding:12px 14px;
}

.multi-domain-summary span{
  display:block;
  font-size:11px;
  color:#718078;
  margin-bottom:5px;
}

.multi-domain-summary strong{
  display:block;
  font-size:14px;
  color:#173d31;
  overflow-wrap:anywhere;
}

.domain-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.domain-card{
  border:1px solid #e4ebe7;
  border-radius:15px;
  padding:15px;
  background:#fff;
  display:flex;
  flex-direction:column;
  gap:14px;
  position:relative;
  overflow:hidden;
}

.domain-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:#c7d2cc;
}

.domain-card.domain-stable::before{
  background:#4c8a68;
}

.domain-card.domain-watch::before{
  background:#c08a2c;
}

.domain-card.domain-early::before{
  background:#b84e4e;
}

.domain-card.domain-learning::before{
  background:#738397;
}

.domain-card.domain-paused::before{
  background:#8c789d;
}

.domain-card-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}

.domain-name{
  display:block;
  text-transform:uppercase;
  letter-spacing:.07em;
  font-size:10px;
  color:#738078;
  margin-bottom:5px;
}

.domain-headline{
  color:#183e32;
  font-size:15px;
  line-height:1.4;
}

.domain-card-state{
  display:flex;
  align-items:center;
  gap:7px;
  flex-shrink:0;
}

.domain-direction{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:25px;
  height:25px;
  border-radius:50%;
  background:#f1f5f3;
  font-weight:700;
  color:#38594d;
}

.domain-badge{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 9px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  white-space:nowrap;
}

.domain-badge.domain-stable{
  background:#e8f4ed;
  color:#286143;
}

.domain-badge.domain-watch{
  background:#fff3d9;
  color:#896014;
}

.domain-badge.domain-early{
  background:#fde8e8;
  color:#963838;
}

.domain-badge.domain-learning{
  background:#edf1f5;
  color:#536577;
}

.domain-badge.domain-paused{
  background:#f0ebf5;
  color:#695779;
}

.domain-metrics{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}

.domain-metrics>div{
  padding:8px 9px;
  background:#f8faf9;
  border-radius:9px;
}

.domain-metrics span{
  display:block;
  font-size:9px;
  color:#74817b;
  margin-bottom:4px;
}

.domain-metrics strong{
  display:block;
  font-size:12px;
  color:#173d31;
}

.domain-explanation{
  margin:0;
  font-size:12px;
  line-height:1.55;
  color:#596961;
}

.domain-action{
  border-top:1px solid #edf1ef;
  padding-top:11px;
}

.domain-action span{
  display:block;
  font-size:10px;
  color:#75817b;
  margin-bottom:4px;
}

.domain-action strong{
  display:block;
  font-size:12px;
  line-height:1.5;
  color:#294b3f;
}

.multi-domain-guardrail{
  border-radius:12px;
  background:#f7f8f8;
  border:1px solid #e3e8e5;
  padding:12px 14px;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.multi-domain-guardrail strong{
  font-size:11px;
  color:#334d43;
}

.multi-domain-guardrail span{
  font-size:11px;
  line-height:1.5;
  color:#6d7b75;
}

@media(max-width:900px){

  .domain-grid{
    grid-template-columns:1fr;
  }

  .domain-metrics{
    grid-template-columns:
      repeat(3,1fr);
  }

}

@media(max-width:760px){

  .multi-domain-summary{
    grid-template-columns:
      repeat(2,1fr);
  }

  .multi-domain-overall{
    align-items:flex-start;
  }

  .domain-card-head{
    flex-direction:column;
  }

  .domain-metrics{
    grid-template-columns:
      repeat(2,1fr);
  }

}


/* ==========================================================
   MVP-08D.4 — Responsive domain metrics layout fix
   Prevent metric clipping inside two-column domain cards
   ========================================================== */

.domain-card{
  min-width:0;
}

.domain-metrics{
  grid-template-columns:repeat(auto-fit,minmax(92px,1fr));
}

.domain-metrics>div{
  min-width:0;
}

.domain-metrics span,
.domain-metrics strong{
  overflow-wrap:anywhere;
}

@media(max-width:900px){
  .domain-metrics{
    grid-template-columns:repeat(auto-fit,minmax(105px,1fr));
  }
}

@media(max-width:520px){
  .domain-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}