:root{color-scheme:light;--bg: #f4f6f3;--surface: #ffffff;--surface-strong: #eef4f2;--ink: #16211f;--muted: #5a6662;--line: #d7ded8;--teal: #0f766e;--teal-dark: #0b4f4a;--blue: #2457a6;--red: #b42318;--amber: #b7791f;--green: #2f855a;--shadow: 0 16px 34px rgba(23, 37, 35, .09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}html,body,#root{width:100%;max-width:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden;background:linear-gradient(180deg,rgba(15,118,110,.06),transparent 300px),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(16px,4vw,44px);background:#fffffff0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:220px;color:var(--ink);text-decoration:none}.brand svg{color:var(--teal);flex:0 0 auto}.brand strong,.brand small{display:block}.brand strong{font-size:1rem;line-height:1.1}.brand small{color:var(--muted);font-size:.78rem;margin-top:3px}.nav-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px}.mode-pill{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;height:32px;padding:0 12px;border-radius:999px;font-size:.78rem;font-weight:850;white-space:nowrap;border:1px solid var(--line);background:#ffffffdb;color:var(--muted)}.mode-pill .mode-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.mode-pill.live{color:var(--teal-dark);background:#e6f4f1;border-color:#88bfb5}.mode-pill.live .mode-dot{background:var(--teal);box-shadow:0 0 0 4px #0f766e2e;animation:pulse-dot 1.6s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #0f766e52}50%{box-shadow:0 0 0 6px #0f766e00}}.nav-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 13px;border:1px solid transparent;border-radius:8px;color:var(--muted);text-decoration:none;white-space:nowrap}.nav-tabs a.active{color:var(--teal-dark);background:var(--surface-strong);border-color:#b9d6d0}main{width:min(1440px,100%);min-width:0;margin:0 auto;padding:28px clamp(16px,4vw,44px) 48px}.page-grid,.sms-layout,.agency-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:20px;align-items:start}.agency-layout{grid-template-columns:360px minmax(0,1fr)}.page-grid,.sms-layout,.agency-layout,.intro-band,.intro-band>*,.tool-panel,.submission-section,.phone-frame{min-width:0;max-width:100%}.intro-band>*{width:100%}.intro-band{grid-column:1 / -1;display:flex;align-items:end;justify-content:space-between;gap:24px;padding:22px 0 8px}.eyebrow{margin:0 0 8px;color:var(--teal-dark);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:normal}h1{max-width:790px;margin:0;font-size:2.15rem;line-height:1.12;letter-spacing:0;text-wrap:balance}h2{margin:0;font-size:1.2rem;letter-spacing:0}h3{margin:0;font-size:1rem;letter-spacing:0}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(104px,1fr));gap:10px;min-width:min(460px,100%)}.metric-strip span,.runtime-badge{display:flex;align-items:center;gap:9px;min-height:52px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#ffffffc2;color:var(--muted);font-size:.84rem}.metric-strip strong{display:block;color:var(--ink);font-size:1.3rem}.tool-panel,.submission-section,.phone-frame{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.tool-panel{padding:20px}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:16px}.section-heading svg{color:var(--teal);flex:0 0 auto}.section-heading.compact{margin:22px 0 12px}.form-grid,.stepper-grid,.risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stepper-grid{grid-template-columns:repeat(4,minmax(0,1fr))}label{display:grid;gap:7px;color:#2d3835;font-size:.9rem;font-weight:700}input,select,textarea{width:100%;min-height:42px;border:1px solid #c9d2cc;border-radius:7px;background:#fbfcfb;color:var(--ink);padding:9px 11px;outline:none}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e24}.check-row{display:flex;align-items:center;gap:9px;min-height:42px;color:var(--ink)}.check-row input{width:18px;min-height:18px;accent-color:var(--teal)}.chip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.chip{min-height:40px;border:1px solid #c9d2cc;border-radius:8px;background:#fbfcfb;color:var(--ink);font-weight:800}.chip.selected{background:#e2f2ef;border-color:#87bfb5;color:var(--teal-dark)}.risk-grid{margin:14px 0 16px}.primary-action,.sms-compose button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:0;border-radius:8px;background:var(--teal);color:#fff;font-weight:850}.primary-action{width:100%;margin-top:18px}.primary-action:disabled,.sms-compose button:disabled{background:#6c8a86;cursor:progress}.spin{animation:spin .9s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}.result-panel,.result-panel.is-loading{position:sticky;top:92px}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;background:#ffffffdb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--teal-dark);font-weight:850;z-index:5}.tool-panel{position:relative}.error-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:14px 0;padding:11px 13px;border:1px solid #f0b8b1;border-radius:8px;background:#fdf2f1;color:#7c2018}.error-banner svg{color:var(--red);flex:0 0 auto}.error-banner strong{display:block;font-size:.92rem}.error-banner span{display:block;margin-top:3px;color:#944239;font-size:.82rem;word-break:break-word}.error-banner button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:1px solid #d68a82;border-radius:7px;background:#fff;color:#7c2018;font-weight:800;font-size:.82rem}.ai-tag{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;background:linear-gradient(135deg,#0f766e,#2457a6);color:#fff;font-size:.7rem;font-weight:850;letter-spacing:.02em}.ai-tag svg{color:#fff}.case-header-left{display:inline-flex;align-items:center;gap:9px}.case-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.case-subtitle{display:inline-flex;align-items:center;gap:5px;color:var(--teal-dark);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.agent-step-header{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.agent-runtime{margin-top:0!important;color:var(--muted);font-size:.74rem!important;font-weight:700;letter-spacing:.02em}.case-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;color:var(--muted);font-size:.88rem;font-weight:800}.urgency{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;color:#fff;font-size:.76rem;font-weight:900;text-transform:uppercase}.urgency.critical{background:var(--red)}.urgency.high{background:var(--amber)}.urgency.moderate{background:var(--green)}.urgency.pending{background:transparent;color:var(--muted);border:1px dashed #b5beba;letter-spacing:.06em}.awaiting-panel{border-style:dashed;border-color:#b9d6d0;background:linear-gradient(180deg,#0f766e0a,#fff 40%)}.awaiting-state{display:grid;justify-items:center;text-align:center;gap:8px;margin:22px 0 8px;padding:22px 18px;border:1px dashed #c4d8d3;border-radius:10px;background:#fff9}.awaiting-state svg{color:var(--teal)}.awaiting-state strong{font-size:1.02rem;color:var(--ink)}.awaiting-state p{margin:0;max-width:320px;color:var(--muted);line-height:1.5}.agent-step.pending svg{color:#aab4af}.agent-step.pending strong,.agent-step.pending span{color:var(--muted)}.bubble.outbound.pending{font-style:italic;color:var(--muted);background:#f3f5f1;border-style:dashed}.summary{margin:10px 0 0;color:var(--muted);line-height:1.55}.status-box{display:flex;gap:10px;margin-top:16px;padding:12px;border-radius:8px;background:#eef4f2;color:#1d4944;line-height:1.45}.status-box svg{flex:0 0 auto}.program-list{display:grid;gap:9px}.program-row{display:grid;gap:7px;padding:11px 0 12px;border-bottom:1px solid var(--line)}.program-row:first-child{border-top:1px solid var(--line)}.program-row div{display:flex;justify-content:space-between;gap:12px}.program-row strong{color:var(--ink)}.program-row span,.program-row p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.4}.checklist{margin:0;padding-left:21px;color:var(--muted);line-height:1.48}.checklist li+li{margin-top:8px}.agent-trace{display:grid;gap:10px}.agent-step{display:flex;gap:10px;color:var(--muted)}.agent-step svg{margin-top:2px;color:var(--green);flex:0 0 auto}.agent-step strong,.agent-step span{display:block}.agent-step strong{color:var(--ink)}.agent-step span{margin-top:2px;line-height:1.4}.sms-layout{grid-template-columns:minmax(320px,.75fr) minmax(360px,1fr)}.phone-frame{overflow:hidden;width:100%}.phone-top{padding:14px 18px;background:#19352f;color:#fff;font-weight:850}.message-stack{display:grid;gap:12px;min-height:360px;padding:18px;align-content:start;background:#f7f8f5}.bubble{max-width:88%;padding:12px 13px;border-radius:8px;line-height:1.45;overflow-wrap:normal;word-break:normal}.bubble.inbound{justify-self:end;background:var(--teal);color:#fff}.bubble.outbound{justify-self:start;background:#fff;border:1px solid var(--line)}.sms-compose{display:grid;grid-template-columns:1fr 112px;gap:10px;padding:14px;border-top:1px solid var(--line)}.sms-compose textarea{min-height:76px}.agency-layout .intro-band,.submission-page .intro-band{grid-column:1 / -1}.case-table{display:grid;gap:8px}.case-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;width:100%;min-height:64px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:10px;text-align:left}.case-row.selected{border-color:#88bfb5;background:#eef4f2}.case-row strong,.case-row small{display:block}.case-row-end{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.case-row small{margin-top:4px;color:var(--muted)}.case-detail{min-height:560px}.case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 8px}.case-facts span{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#fbfcfb}.case-facts svg{color:var(--blue);flex:0 0 auto}.agency-columns{display:grid;grid-template-columns:1fr .78fr;gap:28px}.missing-list{margin:0;padding-left:20px;color:var(--muted);line-height:1.55}.empty-state{margin:0;color:var(--green);font-weight:800}.submission-page{display:grid;gap:16px}.submission-section{padding:22px}.submission-section h2{margin-bottom:10px}.submission-section p{color:var(--muted);line-height:1.62}.timeline{display:grid;grid-template-columns:68px 1fr;gap:11px 16px}.timeline span{color:var(--teal-dark);font-weight:900}.timeline p{margin:0}.environment dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.environment div{padding:12px;border:1px solid var(--line);border-radius:8px}.environment dt{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.environment dd{margin:5px 0 0;overflow-wrap:anywhere;font-weight:850}@media (max-width: 1080px){.topbar,.intro-band{align-items:stretch;flex-direction:column}.brand{min-width:0}.page-grid,.sms-layout,.agency-layout,.agency-columns{grid-template-columns:1fr}.result-panel{position:static}.case-facts,.environment dl{grid-template-columns:1fr 1fr}}@media (max-width: 720px){main{width:100vw;padding-top:18px}h1{font-size:1.65rem;max-width:min(100%,330px)}.metric-strip,.form-grid,.stepper-grid,.chip-grid,.risk-grid,.case-facts,.environment dl,.sms-compose{grid-template-columns:1fr}.nav-tabs a span{display:none}.nav-tabs a{width:42px;padding:0}.tool-panel,.submission-section,.phone-frame{padding:16px;max-width:calc(100vw - 32px)}.phone-frame{padding:0}.bubble,.bubble.inbound,.bubble.outbound{max-width:calc(100vw - 96px);justify-self:start}}
