:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#181e24;background:#eff4f9;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.loginPage{min-height:100vh;display:grid;grid-template-columns:minmax(320px,440px) minmax(280px,1fr);align-items:center;gap:42px;padding:32px;background:linear-gradient(135deg,#eff4f9,#d8e5ed)}.loginPanel{width:100%;display:grid;gap:28px;padding:28px;border:1px solid oklch(84% .018 250);border-radius:8px;background:#f9fcff;background:oklch(99% .006 250);box-shadow:0 20px 60px #313c471a}.loginBrand{display:flex;align-items:center;gap:12px}.loginBrand strong,.loginBrand span{display:block}.loginBrand span,.loginHeader p,.loginForm label span,.loginAside span{color:#535f6c;font-size:.82rem}.loginHeader{display:grid;gap:8px}.loginHeader h1{font-size:1.8rem}.loginHeader p{max-width:58ch;margin-bottom:0;line-height:1.5}.loginForm{display:grid;gap:14px}.loginForm label{display:grid;gap:6px}.loginForm input{min-height:42px;width:100%;border:1px solid oklch(84% .018 250);border-radius:8px;padding:0 12px;color:#181e24;background:#f4f9fe}.loginForm input:focus{outline:3px solid oklch(72% .08 250 / 32%);border-color:#1a609e}.loginButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin-top:4px}.loginError{margin:0;padding:10px 12px;border:1px solid oklch(78% .08 28);border-radius:8px;color:#8d1a1e;background:#ffe4e1;background:oklch(94% .035 25);font-size:.88rem}.loginAside{display:grid;gap:14px;max-width:520px}.loginAside div{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid oklch(82% .018 250)}.loginAside strong{color:#1d2732;font-size:1rem}.shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:20px 14px;display:flex;flex-direction:column;gap:18px;border-right:1px solid oklch(87% .015 250);background:#e4eaf1;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:0 8px}.brandMark{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;color:#f9fcff;color:oklch(99% .006 250);background:#004981;background:oklch(40% .12 250);font-weight:800}.brand strong,.brand span{display:block}.brand span,.tenantBox span,.tenantBox small,.eyebrow,.metric span,.metric small,.detailHeader span,.timelineItem span,dt,.navGroupLabel,.panelHeader p,.stackedItem span,.reviewCard small{color:#535f6c;font-size:.78rem}.navList,.navGroup{display:grid;gap:4px}.navGroup{margin-bottom:8px}.navGroupLabel{padding:8px 10px 4px;text-transform:uppercase;font-weight:800;letter-spacing:0}.navItem{width:100%;min-height:38px;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;padding:0 10px;color:#313c47;background:transparent;text-align:left}.navItem:hover,.navItemActive{background:#f4f9fe;color:#00315a;color:oklch(31% .12 250)}.tenantBox{margin-top:auto;display:grid;gap:3px;padding:12px;border:1px solid oklch(85% .018 250);border-radius:8px;background:#f1f6fb}.main{min-width:0;padding:24px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.eyebrow{margin:0 0 4px;text-transform:uppercase;font-weight:700;letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:1.7rem;line-height:1.2}h2{margin-bottom:4px;font-size:1rem}h3{margin-bottom:8px;font-size:.92rem}.topbarActions,.reviewActions{display:flex;gap:8px;flex-wrap:wrap}.primaryButton,.secondaryButton,.iconButton{min-height:36px;border-radius:8px;padding:0 14px;border:1px solid transparent;font-weight:700}.primaryButton{color:#f9fcff;color:oklch(99% .006 250);background:#004f8a;background:oklch(42% .13 250)}.secondaryButton,.iconButton{color:#203244;background:#f4f9fe;border-color:#c2ccd6}.iconButton{width:36px;padding:0;display:grid;place-items:center}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric,.panel,.inboxPanel,.detailPanel,.reviewCard{border:1px solid oklch(86% .015 250);border-radius:8px;background:#f9fcff;background:oklch(99% .006 250)}.metric{display:grid;gap:4px;padding:14px}.metric strong{font-size:1.4rem}.metric-warning strong{color:#896100;color:oklch(52% .13 80)}.metric-danger strong{color:#ac3225}.metric-success strong{color:#005725}.contentGrid,.twoColumn{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:18px;align-items:start}.detailWide{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)}.panel{padding:16px}.panelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.panelHeader p{margin:4px 0 0;line-height:1.45}.filters{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(130px,1fr)) auto;gap:8px;padding:12px;border-bottom:1px solid oklch(88% .012 250)}.searchField{display:flex;align-items:center;gap:8px}.searchField,select{min-height:38px;border:1px solid oklch(84% .018 250);border-radius:8px;padding:0 10px;background:#f9fcff;background:oklch(99% .006 250)}.searchField input{width:100%;min-width:0;border:0;outline:0;background:transparent}.toggle{min-height:38px;display:flex;align-items:center;gap:8px;white-space:nowrap;padding:0 8px}.conversationList{display:grid}.conversationRow{width:100%;display:grid;gap:8px;padding:14px 16px;border:0;border-bottom:1px solid oklch(90% .01 250);background:transparent;text-align:left}.conversationRow:hover,.conversationRow.selected{background:#edf4fd}.rowHeader,.rowMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rowHeader{justify-content:space-between}.actorName{font-weight:800}.conversationRow p,.reviewPanel p,.messageBubble p,.reviewCard p{margin-bottom:0;color:#3b434d;line-height:1.45}.rowMeta span,.status,.sentiment,.reviewFlag{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 8px;background:#e7eef5;color:#48515b;font-size:.76rem;font-weight:700}.status-waiting_human,.sentiment-negative,.reviewFlag{color:#773a00;color:oklch(42% .11 55);background:#f8e0c5}.status-escalated,.sentiment-critical{color:#8d1a1e;background:#fedbd7}.status-resolved,.sentiment-positive{color:#005121;color:oklch(38% .11 150);background:#d4f1d8}.reviewFlag{gap:5px;width:fit-content}.detailPanel{position:sticky;top:24px;display:grid;gap:18px;padding:18px}.detailHeader{display:flex;gap:12px;align-items:center}.detailList{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.detailList div{display:grid;gap:3px}dd{margin:0;font-weight:800}.reviewPanel,.messageBubble{display:grid;gap:8px;padding:14px;border:1px solid oklch(84% .018 250);border-radius:8px;background:#eef4fb}.messageBubble.muted{background:#e6ecf2}.messageStack,.timeline,.stackedList,.reviewQueue{display:grid;gap:10px}.timelineItem{display:flex;gap:10px;align-items:flex-start}.timelineItem strong,.timelineItem span{display:block}.tableWrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:11px 10px;border-bottom:1px solid oklch(90% .01 250);text-align:left;vertical-align:top}th{color:#4b5763;font-size:.78rem;text-transform:uppercase;letter-spacing:0}td{color:#29313a}.stackedItem{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid oklch(90% .01 250)}.reviewCard{display:flex;justify-content:space-between;gap:18px;padding:16px;align-items:flex-start}.skeletonList{padding:12px}.skeletonRow{display:grid;gap:10px;padding:14px 4px;border-bottom:1px solid oklch(90% .01 250)}.skeletonRow span{height:12px;border-radius:999px;background:linear-gradient(90deg,#e0e5eb,#f0f6fc,#e0e5eb)}.skeletonRow span:nth-child(1){width:32%}.skeletonRow span:nth-child(2){width:88%}.skeletonRow span:nth-child(3){width:54%}.emptyState,.errorState{min-height:260px;display:grid;place-items:center;align-content:center;gap:10px;padding:24px;text-align:center}.compactEmpty{min-height:420px}.emptyState p,.errorState p{max-width:48ch;margin-bottom:0;color:#4d5660;line-height:1.45}.errorState{color:#932c25}.otpInputGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.otpDigit{height:52px;border:1px solid oklch(84% .018 250);border-radius:8px;padding:0;background:#f4f9fe;color:#181e24;font-size:1.5rem;font-weight:700;font-family:ui-monospace,monospace;text-align:center;caret-color:transparent;transition:border-color .12s}.otpDigit:focus{outline:3px solid oklch(72% .08 250 / 32%);border-color:#1a609e}.otpDigit-error{border-color:#ac3225}.otpDigit-success{border-color:#005725}.loginOtpContact{font-family:ui-monospace,monospace;font-weight:700}.loginChangeContact{background:none;border:0;padding:0;color:#004981;color:oklch(40% .12 250);text-decoration:underline;cursor:pointer;font-size:inherit}.resendArea{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;color:#535f6c}.resendLink{background:none;border:0;padding:0;color:#004981;color:oklch(40% .12 250);text-decoration:underline;cursor:pointer;font-size:inherit}.resendLink:disabled{opacity:.5;cursor:default}.loginTip{margin:0;font-size:.82rem;color:#535f6c}@media(max-width:1180px){.shell{grid-template-columns:82px minmax(0,1fr)}.brand div:not(.brandMark),.navItem span,.tenantBox,.navGroupLabel{display:none}.navItem{justify-content:center}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.loginPage{grid-template-columns:1fr;align-items:stretch;gap:20px;padding:20px}.loginAside{max-width:none}.shell{display:block}.sidebar{position:static;height:auto;flex-direction:row;overflow-x:auto;padding:10px}.brand{flex:0 0 auto}.navList,.navGroup{display:flex;align-items:center}.contentGrid,.twoColumn,.metrics{grid-template-columns:1fr}.detailPanel{position:static}}.lockBadge{padding:4px 10px;border-radius:4px;font-size:12px;margin:8px 0}.lockAcquiring{background:#f0f0f0;color:#666}.lockOwned{background:#e6f4ea;color:#2e7d32;font-weight:600}.lockRenewFailed{background:#fff3e0;color:#e65100}.lockConflictBanner{display:flex;gap:8px;align-items:flex-start;background:#fdecea;border:1px solid #f44336;border-radius:6px;padding:10px 12px;margin:8px 0}.lockConflictBanner>div{display:flex;flex-direction:column;gap:2px}.lockConflictBanner p{margin:0;font-size:13px;color:#b71c1c}.slaTabs{display:flex;gap:2px;border-bottom:2px solid #e8e8e8;margin-bottom:16px}.slaTab{padding:7px 16px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:13px;color:#666;font-weight:500;transition:color .15s,border-color .15s}.slaTab:hover{color:#222}.slaTabActive{color:#1a1a1a;border-bottom-color:#1a1a1a}.slaCountBadge{display:inline-block;padding:1px 7px;border-radius:10px;font-size:12px;font-weight:600}.slaBreached{background:#fdecea;color:#c62828}.slaAtRisk{background:#fff3e0;color:#e65100}.presenceBadge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.tone-success{background:#e6f4ea;color:#2e7d32}.tone-warning{background:#fff3e0;color:#e65100}.tone-danger{background:#fdecea;color:#c62828}.tone-muted{background:#f5f5f5;color:#888}.replySection{border-top:1px solid #eee;padding:14px 0 0;margin-top:14px}.replySection h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#555;margin:0 0 10px}.emailSection{margin-top:20px}.replyForm{display:flex;flex-direction:column;gap:8px}.replyLabel{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#555;font-weight:500}.replySelect,.replyInput{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;background:#fff}.replySelect:disabled,.replyInput:disabled{background:#f5f5f5;color:#999}.replyTextarea{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px;resize:vertical;min-height:80px;font-family:inherit}.replyTextarea:disabled{background:#f5f5f5;color:#999}.replySentMsg{font-size:12px;color:#2e7d32;margin:0}.langSwitcher{display:flex;gap:4px;padding:10px 12px 6px}.langBtn{flex:1;background:transparent;border:1px solid oklch(82% .015 250);border-radius:6px;color:#4f565e;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.04em;padding:4px 6px;text-align:center;transition:background .15s,color .15s,border-color .15s}.langBtn:hover{background:#e2e9f0;border-color:#989fa8;color:#1c2229}.langBtnActive{background:#192532;border-color:#192532;color:#f6f9fc}.langBtnActive:hover{background:#222f3c;border-color:#222f3c;color:#f6f9fc}@media(max-width:620px){.loginPage{padding:14px}.loginPanel{padding:20px}.main{padding:14px}.topbar,.reviewCard,.panelHeader{align-items:flex-start;flex-direction:column}.filters,.detailList{grid-template-columns:1fr}}
