:root{--bg:#f6f7f4;--ink:#17201b;--muted:#5c665f;--line:#dce2dc;--panel:#fff;--panel-soft:#eef3ef;--green:#276749;--green-dark:#163f2d;--blue:#2563eb;--amber:#b7791f;--red:#b42318;--shadow:0 16px 48px #17201b14}*{box-sizing:border-box}html,body{min-height:100%}input{font:inherit}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}button{cursor:pointer}.appShell{grid-template-columns:248px minmax(360px,.9fr) minmax(420px,1.1fr);min-height:100vh;display:grid}.emptyAppShell{grid-template-columns:1fr;place-items:center;padding:24px;display:grid}.emptyState{background:var(--panel);border:1px solid var(--line);border-radius:8px;justify-items:start;gap:12px;max-width:420px;padding:24px;display:grid}.emptyState h1,.emptyState p{margin:0}.emptyState p{color:var(--muted);line-height:1.5}.loginShell{place-items:center;min-height:100vh;padding:24px;display:grid}.loginPanel{background:var(--panel);border:1px solid var(--line);width:min(100%,420px);box-shadow:var(--shadow);border-radius:8px;gap:24px;padding:24px;display:grid}.loginHeading{gap:8px;display:grid}.loginHeading h1,.loginHeading p{margin:0}.loginHeading h1{font-size:28px;line-height:1.1}.loginHeading p{color:var(--muted);font-size:14px;line-height:1.5}.loginForm{gap:14px;display:grid}.loginForm label{color:var(--muted);gap:6px;font-size:13px;font-weight:750;display:grid}.loginForm input{height:42px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 12px}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:28px;padding:24px;display:flex}.brandLockup{align-items:center;gap:12px;display:flex}.brandLockup strong,.brandLockup span{display:block}.brandLockup strong{font-size:16px;line-height:1.2}.brandLockup span{color:var(--muted);font-size:13px;line-height:1.4}.brandMark{color:#fff;background:var(--green-dark);letter-spacing:0;border-radius:8px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:grid}.sideNav{gap:6px;display:grid}.sideNav a{min-height:40px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.sideNav a.active,.sideNav a:hover{color:var(--green-dark);background:var(--panel-soft)}.navIcon,.summaryIcon,.detailActions svg,.iconButton svg{width:18px;height:18px}.providerRail{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;margin-top:auto;padding:14px}.providerRail h2{margin:0 0 12px;font-size:13px;line-height:1.3}.providerRail div{color:var(--muted);border-top:1px solid #17201b14;justify-content:space-between;gap:10px;padding:8px 0;font-size:12px;display:flex}.providerRail strong{color:var(--ink)}.inboxColumn{border-right:1px solid var(--line);padding:24px;overflow-y:auto}.topBar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.topBar h1{letter-spacing:0;margin:0;font-size:30px;line-height:1.1}.topBar p{max-width:560px;color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.5}.iconButton,.detailActions button{width:40px;height:40px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;place-items:center;display:grid}.summaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.summaryCard{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.summaryCard span,.summaryCard strong{display:block}.summaryCard span{color:var(--muted);font-size:11px}.summaryCard strong{margin-top:2px;font-size:20px;line-height:1}.filterBar{gap:8px;padding-bottom:14px;display:flex;overflow-x:auto}.filterBar button{height:34px;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:8px;flex:none;padding:0 12px;font-size:13px;font-weight:700}.filterBar button.active{color:#fff;background:var(--green-dark);border-color:var(--green-dark)}.threadList{gap:10px;display:grid}.employeeSnapshot,.fieldWorkbench{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.sectionHeading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.sectionHeading h2{margin:0;font-size:18px;line-height:1.2}.sectionHeading p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.45}.sectionHeading>span{min-height:24px;color:var(--green-dark);background:#e7f1ea;border-radius:999px;flex:none;padding:4px 8px;font-size:12px;font-weight:750}.employeeStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.employeeList{gap:8px;display:grid}.employeeRow{background:var(--panel);border:1px solid var(--line);border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:10px;display:grid}.avatar{color:#fff;background:var(--green);border-radius:8px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:850;display:grid}.employeeRow h3,.employeeRow p{margin:0}.employeeRow h3{font-size:14px;line-height:1.25}.employeeRow p{color:var(--muted);text-overflow:ellipsis;font-size:12px;line-height:1.4;overflow:hidden}.employeeRow span{color:var(--muted);text-transform:capitalize;font-size:12px;font-weight:750}.threadRow{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:10px;padding:14px;display:grid}.threadRow.selected{box-shadow:var(--shadow);border-color:#27674973}.threadTopline,.threadHeader,.threadMeta,.detailActions,.composer div{align-items:center;display:flex}.threadTopline,.threadHeader,.threadMeta{justify-content:space-between;gap:10px}.threadHeader h3{margin:0;font-size:15px;line-height:1.25}.threadHeader span,.threadMeta{color:var(--muted);font-size:12px}.threadRow p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.threadMeta strong{color:#fff;background:var(--red);border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:12px;display:grid}.channelBadge,.priority{border-radius:999px;align-items:center;gap:6px;min-height:24px;padding:0 8px;font-size:12px;font-weight:750;display:inline-flex}.channelBadge{color:var(--green-dark);background:#e7f1ea}.channel-sms,.channel-website_chat{color:#164e63;background:#e0f2fe}.channel-email{color:#1d4ed8;background:#dbeafe}.priority-normal{color:var(--muted);background:#f1f3ef}.priority-elevated{color:#7c4a03;background:#fef3c7}.priority-urgent{color:var(--red);background:#fee4e2}.iconSmall{width:14px;height:14px}.detailPane{background:#fbfcfa;grid-template-rows:auto auto 1fr auto;min-height:100vh;padding:24px;display:grid}.detailHeader{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding-bottom:18px;display:flex}.detailHeader h2{letter-spacing:0;max-width:640px;margin:12px 0 4px;font-size:26px;line-height:1.15}.detailHeader p{color:var(--muted);margin:0;font-size:14px}.detailActions{align-items:flex-start;gap:8px}.contextPanel{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin:18px 0;padding:16px}.contextTop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.contextTop h3{margin:0;font-size:14px}.contextTop span{color:var(--green);font-size:12px;font-weight:750}.contextPanel dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;display:grid}.contextPanel dt{color:var(--muted);font-size:11px;font-weight:700}.contextPanel dd{margin:4px 0 0;font-size:13px;font-weight:700;line-height:1.35}.messageStack{flex-direction:column;gap:12px;padding-right:6px;display:flex;overflow-y:auto}.messageBubble{border:1px solid var(--line);background:var(--panel);border-radius:8px;max-width:76%;padding:13px}.messageBubble.internal{background:#ecfdf3;border-color:#bbf7d0;align-self:flex-end}.messageBubble div{justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.messageBubble strong,.messageBubble span{font-size:12px}.messageBubble span{color:var(--muted)}.messageBubble p{color:var(--ink);margin:0;font-size:14px;line-height:1.5}.composer{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:10px;margin-top:18px;padding:12px;display:grid}.composer textarea{resize:vertical;width:100%;min-height:82px;color:var(--ink);border:1px solid var(--line);background:#f9faf8;border-radius:8px;outline:none;padding:10px}.composer div{justify-content:space-between;gap:10px}.composer button{min-height:36px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:750;display:inline-flex}.composer .primaryAction{color:#fff;background:var(--green-dark);border-color:var(--green-dark)}.fieldWorkbench{margin-top:18px}.workbenchGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.miniPanel{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0;padding:14px}.miniPanel h3{margin:0 0 12px;font-size:14px;line-height:1.25}.assignmentRow,.performanceRow{border-top:1px solid #17201b14;padding:10px 0}.assignmentRow strong,.assignmentRow span,.assignmentRow small,.performanceRow strong,.performanceRow span{display:block}.assignmentRow strong,.performanceRow strong{font-size:13px;line-height:1.35}.assignmentRow span,.performanceRow span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35}.assignmentRow small{color:var(--green);text-transform:capitalize;margin-top:3px;font-size:11px;font-weight:750}.performanceRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.performanceRow b{color:var(--green-dark);font-size:13px}@media (max-width:1180px){.appShell{grid-template-columns:220px minmax(330px,1fr)}.detailPane{border-top:1px solid var(--line);grid-column:1/-1;min-height:auto}}@media (max-width:760px){.appShell{display:block}.sidebar{z-index:5;gap:14px;padding:14px;position:sticky;top:0}.sideNav{display:flex;overflow-x:auto}.sideNav a{flex:none}.providerRail{display:none}.inboxColumn,.detailPane{padding:16px}.summaryGrid,.employeeStats,.contextPanel dl{grid-template-columns:repeat(2,minmax(0,1fr))}.workbenchGrid{grid-template-columns:1fr}.topBar h1,.detailHeader h2{font-size:24px}.detailHeader{display:grid}.detailActions{align-items:center}.messageBubble{max-width:100%}}