:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102b35;background:#edf7f9;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #102b35;--muted: #627d86;--line: #d9e9ed;--line-strong: #c2dce3;--surface: #ffffff;--surface-soft: #f5fafb;--green-950: #031c24;--green-900: #062f3b;--green-800: #08475a;--green-700: #076681;--green-600: #087fa4;--green-500: #079bc4;--green-100: #def5fb;--green-50: #f0fbfe;--blue: #2d6cdf;--purple: #7254d8;--amber: #c37a16;--red: #c83d4b;--shadow-sm: 0 1px 2px rgba(6, 27, 24, .06);--shadow-md: 0 12px 30px rgba(6, 27, 24, .1);--shadow-lg: 0 24px 80px rgba(6, 27, 24, .2)}*{box-sizing:border-box}html,body,#root{height:100%;min-height:0;margin:0}body{min-width:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,h4,p{margin-top:0}.eyebrow{display:inline-block;color:var(--green-600);font-size:.7rem;font-weight:800;letter-spacing:.12em;line-height:1.3}.brand-mark{width:40px;height:40px;border-radius:13px;display:inline-grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--green-500),var(--green-700));box-shadow:0 8px 20px #13866e47}.brand-mark-large{width:58px;height:58px;border-radius:18px}.brand-mark img{width:72%;height:72%;object-fit:contain;border-radius:inherit}.button{border:0;border-radius:10px;padding:.72rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-weight:750;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(145deg,var(--green-600),var(--green-700));box-shadow:0 8px 18px #0f66552e}.button-secondary{color:var(--green-700);background:var(--green-50);border:1px solid #cfeae1}.button-danger{color:#fff;background:#a83543}.button-small{padding:.52rem .75rem;font-size:.78rem;border-radius:9px}.button-wide{width:100%}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:#50645e;background:#fff}.icon-button:hover{background:var(--surface-soft);color:var(--green-700)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#f4f8f6}.login-brand-panel{position:relative;overflow:hidden;padding:clamp(3rem,7vw,7rem);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 84% 10%,rgba(54,188,235,.3),transparent 32%),radial-gradient(circle at 5% 88%,rgba(66,135,255,.18),transparent 30%),linear-gradient(145deg,#031c24,#08475a 58%,#087fa4)}.login-brand-panel:after{content:"";position:absolute;right:-120px;bottom:-180px;width:480px;height:480px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.login-brand-top{z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem}.login-brand-copy{z-index:1;position:relative}.login-brand-panel .brand-mark{width:68px;height:68px;padding:5px;border:1px solid rgba(255,255,255,.16);background:#ffffff1f;box-shadow:0 16px 34px #031c2457;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-brand-panel .brand-mark img{width:100%;height:100%}.login-access-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.48rem .7rem;color:#ffffffd1;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#031c2433;font-size:.74rem;font-weight:700}.login-brand-panel .eyebrow{color:#9beaf4}.login-brand-panel h1{max-width:720px;margin:.8rem 0 1.2rem;font-size:clamp(2.7rem,4.7vw,5.5rem);line-height:.98;letter-spacing:-.06em}.login-brand-panel p{max-width:510px;color:#ffffffd1;font-size:1.08rem;line-height:1.75}.login-brand-accent{display:flex;gap:.45rem;margin-top:2.4rem}.login-brand-accent span{width:34px;height:4px;border-radius:999px;background:#9beaf4e6}.login-brand-accent span:nth-child(2){width:12px;background:#ffffff85}.login-brand-accent span:nth-child(3){width:6px;background:#ffffff3d}.security-card{z-index:1;max-width:520px;padding:1rem 1.1rem;display:flex;gap:.8rem;align-items:flex-start;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.security-card div{display:grid;gap:.2rem}.security-card span{color:#ffffff9e;font-size:.83rem}.login-form-panel{display:grid;place-items:center;padding:3rem;background:radial-gradient(circle at 30% 30%,#fff 0,#f6faf9 48%,#edf5f3)}.login-card{width:min(430px,100%);display:grid;gap:1.2rem;padding:2.65rem;border:1px solid rgba(205,220,216,.9);border-radius:28px;background:#fff;box-shadow:0 24px 60px #06362f1f,0 3px 10px #06362f0d}.login-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;color:#087fa4;background:#def5fb;box-shadow:inset 0 0 0 1px #087fa41f}.login-card h2{margin:.55rem 0 .25rem;font-size:1.9rem;letter-spacing:-.04em}.login-card p{margin:0;color:var(--muted)}.login-card label{display:grid;gap:.45rem;color:#344640;font-size:.82rem;font-weight:700}.login-card input,.template-banner input,.search-box input,.note-form textarea{width:100%;border:1px solid var(--line-strong);border-radius:11px;outline:none;background:#fff;color:var(--ink)}.login-card input{padding:.85rem .9rem}.login-card input:focus,.template-banner input:focus,.note-form textarea:focus{border-color:#079bc4;box-shadow:0 0 0 3px #079bc421}.login-card small{color:#87958f;text-align:center;line-height:1.5}.form-error{padding:.75rem .9rem;border-radius:10px;color:#982d3a;background:#fff0f2;border:1px solid #f3ccd1;font-size:.82rem}@media (max-width: 800px){body{overflow:auto}.login-shell{min-height:100dvh;grid-template-columns:1fr}.login-brand-panel{min-height:260px;padding:2rem;gap:2.5rem}.login-brand-panel:after{right:-180px;bottom:-270px;width:420px;height:420px}.login-brand-panel h1{margin:.55rem 0 .5rem;font-size:clamp(2.4rem,11vw,4rem)}.login-brand-panel p{margin-bottom:0;font-size:.95rem}.login-brand-accent{margin-top:1.35rem}.login-form-panel{padding:1.5rem}.login-card{padding:2rem}}.app-shell{height:100vh;height:100dvh;min-height:0;display:grid;grid-template-rows:68px minmax(0,1fr);background:#edf7f9}.topbar{z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1.1rem;color:#fff;background:linear-gradient(90deg,var(--green-950),var(--green-900));border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 6px 24px #031c2433}.topbar-brand{display:flex;align-items:center;gap:.75rem}.topbar-brand div{display:grid;line-height:1.15}.topbar-brand strong{font-size:.95rem;letter-spacing:.08em}.topbar-brand span:not(.brand-mark){color:#ffffff8f;font-size:.72rem}.topbar-centre{display:flex;align-items:center;gap:.55rem}.connection-pill,.secure-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .62rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#ffffffb3;background:#ffffff0d;font-size:.7rem;font-weight:700}.connection-pill.online{color:#9beaf4}.topbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:.55rem}.topbar .icon-button{border-color:#ffffff1c;color:#ffffffbf;background:#ffffff0d}.topbar-button{border:0;padding:.55rem .7rem;display:flex;align-items:center;gap:.4rem;color:#ffffffb8;background:transparent;border-radius:9px;font-weight:650;font-size:.78rem}.topbar-button:hover{color:#fff;background:#ffffff12}.agent-chip{margin-left:.35rem;display:flex;align-items:center;gap:.5rem}.agent-chip>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--green-600);font-weight:800}.agent-chip div{display:grid;line-height:1.12}.agent-chip strong{font-size:.72rem}.agent-chip small{color:#ffffff85;font-size:.62rem}.desk-grid{min-width:0;min-height:0;margin:12px;display:grid;grid-template-columns:340px minmax(500px,1fr) 320px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-md)}.conversation-column{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);border-right:1px solid var(--line);background:#fbfdfe}.conversation-column-header{padding:1.25rem 1.15rem .8rem;display:flex;align-items:flex-end;justify-content:space-between}.conversation-column-header h2{margin:.25rem 0 0;font-size:1.35rem;letter-spacing:-.03em}.count-badge{min-width:28px;height:28px;display:grid;place-items:center;padding:0 .4rem;border-radius:9px;color:var(--green-700);background:var(--green-100);font-size:.75rem;font-weight:800}.search-box{margin:0 1rem .75rem;padding:0 .7rem;display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:11px;color:#83928d;background:#fff}.search-box input{padding:.68rem 0;border:0;background:transparent;font-size:.78rem}.search-box input:focus{outline:0}.filter-row{padding:0 1rem .85rem;display:flex;gap:.35rem;flex-wrap:wrap}.filter-chip{white-space:nowrap;padding:.42rem .6rem;display:flex;align-items:center;gap:.3rem;border:1px solid var(--line);border-radius:999px;color:#667771;background:#fff;font-size:.68rem;font-weight:700}.filter-chip span{color:inherit}.filter-chip.active{color:#fff;border-color:var(--green-700);background:var(--green-700)}.conversation-list{min-height:0;overflow-y:auto;border-top:1px solid #edf2f0}.conversation-item{width:100%;padding:.9rem 1rem;display:flex;align-items:flex-start;gap:.72rem;border:0;border-bottom:1px solid #edf2f0;text-align:left;background:transparent;transition:background .12s ease}.conversation-item:hover{background:#f1fafd}.conversation-item.active{position:relative;background:#e8f8fc}.conversation-item.active:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--green-600)}.conversation-item.overdue{background:#fff8ed}.conversation-item.overdue.active{background:#fff1d9}.avatar{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#076681;background:linear-gradient(145deg,#e2f7fc,#c8edf7);font-size:.72rem;font-weight:850}.avatar-large{width:42px;height:42px}.conversation-copy{min-width:0;flex:1;display:grid;gap:.28rem}.conversation-line{min-width:0;display:flex;justify-content:space-between;align-items:center;gap:.6rem}.conversation-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.conversation-line time{flex:0 0 auto;color:#8b9994;font-size:.62rem}.message-preview>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#71817b;font-size:.73rem}.message-preview b{min-width:19px;height:19px;display:grid;place-items:center;padding:0 .25rem;border-radius:999px;color:#fff;background:var(--green-600);font-size:.6rem}.conversation-meta{display:flex;align-items:center;gap:.5rem;color:#87958f;font-size:.6rem}.conversation-meta>span{display:inline-flex;align-items:center;gap:.18rem}.mini-status{padding:.18rem .34rem;border-radius:5px;font-size:.54rem;font-weight:800;letter-spacing:.03em}.status-unassigned{color:#9b5a0d;background:#fff2d8}.status-open{color:#076681;background:#dff5fb}.status-waiting{color:#5b4bb4;background:#ece8ff}.status-closed{color:#6c7974;background:#e9efed}.sla-overdue{color:#a64d0a;font-weight:800}.list-placeholder,.thread-loading{padding:2rem;color:var(--muted);text-align:center;font-size:.8rem}.empty-list{padding:3rem 1.5rem;display:grid;place-items:center;gap:.55rem;color:#81918b;text-align:center}.empty-list strong{color:#475a54}.empty-list span{font-size:.75rem;line-height:1.5}.chat-column{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#f5fafb}.chat-empty{flex:1;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.chat-empty h2{margin:1rem 0 .4rem;color:var(--ink)}.chat-empty p{max-width:330px;font-size:.85rem;line-height:1.6}.empty-illustration{width:78px;height:78px;display:grid;place-items:center;border-radius:26px;color:var(--green-600);background:var(--green-100)}.chat-header{min-height:72px;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--line);background:#fffffff2}.chat-person{min-width:0;display:flex;align-items:center;gap:.65rem}.chat-person h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.chat-person span:not(.avatar){color:var(--muted);font-size:.67rem}.chat-header-actions{display:flex;align-items:center;gap:.5rem}.mode-pill{padding:.42rem .58rem;display:inline-flex;align-items:center;gap:.32rem;border-radius:999px;font-size:.66rem;font-weight:750}.mode-pill.bot{color:#5d45b8;background:#eeeaff}.mode-pill.human{color:#076681;background:#e2f6fa}.action-menu-wrap{position:relative}.action-menu{z-index:20;position:absolute;right:0;top:calc(100% + 5px);width:180px;display:none;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow-md)}.action-menu-wrap.open .action-menu,.action-menu:focus-within{display:grid}.action-menu button{padding:.7rem .8rem;border:0;border-bottom:1px solid #edf2f0;color:#3b4d47;text-align:left;background:#fff;font-size:.74rem}.action-menu button:hover{color:var(--green-700);background:var(--green-50)}.action-menu .delete-conversation-action{color:#a83543}.action-menu .delete-conversation-action:hover{color:#982d3a;background:#fff0f2}.notice{padding:.62rem .9rem;display:flex;align-items:center;gap:.45rem;border-bottom:1px solid;font-size:.72rem}.notice-warning{color:#875316;border-color:#f1d8ad;background:#fff8e9}.template-banner{padding:.7rem .9rem;display:grid;gap:.6rem;border-bottom:1px solid #dfd8f7;color:#5a4a9c;background:#f7f4ff}.template-banner>div{display:flex;gap:.45rem;align-items:center;font-size:.72rem}.template-banner form{display:grid;grid-template-columns:minmax(160px,1fr) 82px auto;gap:.4rem}.template-banner input{min-width:0;padding:.55rem .65rem;font-size:.72rem}.message-thread-wrap{min-height:0;flex:1 1 auto;position:relative;overflow:hidden}.message-thread{height:100%;min-height:0;padding:1.2rem clamp(1rem,4vw,4rem);overflow-y:auto;background:linear-gradient(#f5fafbe6,#f5fafbe6),radial-gradient(circle at 20% 20%,#d9edf2 1px,transparent 1px);background-size:auto,22px 22px}.jump-to-bottom{position:absolute;right:1.25rem;bottom:1rem;z-index:1;padding:.48rem .72rem;border:1px solid #c7e8f0;border-radius:999px;color:var(--green-700);background:#fff;box-shadow:var(--shadow-md);font-size:.7rem;font-weight:750}.message-row{display:flex;margin:.35rem 0}.message-row.outbound{justify-content:flex-end}.message-bubble{position:relative;max-width:min(72%,680px);padding:.7rem .8rem .45rem;border-radius:14px;box-shadow:var(--shadow-sm)}.message-row.inbound .message-bubble{border:1px solid var(--line);border-top-left-radius:4px;background:#fff}.message-row.outbound .message-bubble{color:#123946;border:1px solid #c6e7ef;border-top-right-radius:4px;background:#e1f6fb}.message-bubble p{margin:0 0 .3rem;white-space:pre-wrap;word-break:break-word;font-size:.8rem;line-height:1.5}.message-reply-context{max-width:100%;margin:-.12rem 0 .48rem;padding:.35rem .45rem;display:flex;align-items:center;gap:.32rem;border-left:3px solid var(--green-500);border-radius:4px;color:#56726a;background:#ffffff7a;font-size:.64rem}.message-reply-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-actions{display:none;flex-wrap:wrap;gap:.22rem;margin-top:.35rem}.message-row:hover .message-actions,.message-actions:focus-within{display:flex}.message-actions button{height:25px;padding:0 .38rem;display:inline-flex;align-items:center;gap:.2rem;border:1px solid var(--line-strong);border-radius:7px;color:var(--green-700);background:#fff;box-shadow:var(--shadow-sm);font-size:.58rem;font-weight:750}.message-actions button:disabled{cursor:not-allowed;opacity:.55}.message-actions .message-action-delete{color:#a83543;border-color:#f1cbd0}.media-content{display:grid;gap:.45rem}.media-content img,.media-content video{display:block;width:min(360px,100%);max-height:280px;border-radius:9px;object-fit:contain;background:#eaf0ee}.media-image-button{padding:0;border:0;background:transparent}.media-audio{grid-template-columns:auto minmax(0,1fr);align-items:center;min-width:240px}.media-audio audio{width:100%}.media-document{min-width:220px;display:flex;align-items:center;gap:.6rem;padding:.2rem;color:#28594d;text-decoration:none}.media-document span{display:grid;gap:.18rem;min-width:0}.media-document strong,.media-document small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-document small{color:#71817b;font-size:.62rem}.media-download{width:fit-content;display:inline-flex;align-items:center;gap:.28rem;padding:.32rem .45rem;border:1px solid var(--line-strong);border-radius:7px;color:var(--green-700);background:#fff;font-size:.65rem;font-weight:750;text-decoration:none}.media-document .media-download{margin-left:auto}.media-state{display:inline-flex;align-items:center;gap:.45rem;color:#657670;font-size:.72rem}.media-failed{color:#a83543}.media-failed button{border:0;color:inherit;background:transparent;text-decoration:underline;font:inherit;font-weight:750}.media-preview-backdrop{z-index:160;position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:2rem;background:#041613c7}.media-preview-backdrop img{max-width:min(100%,1100px);max-height:90dvh;border-radius:12px;object-fit:contain}.sender-name{display:block;margin-bottom:.2rem;color:var(--green-700);font-size:.62rem;font-weight:800}.message-time{display:flex;justify-content:flex-end;align-items:center;gap:.2rem;color:#788982;font-size:.57rem}.read-icon{color:var(--blue)}.failed-icon{color:var(--red)}.message-error{display:block;margin-top:.35rem;color:var(--red);font-size:.62rem}.system-message{width:fit-content;margin:.65rem auto;padding:.3rem .55rem;border-radius:999px;color:#7b8984;background:#e6edeae6;font-size:.61rem}.composer-wrap{position:relative;padding:.7rem .8rem;border-top:1px solid var(--line);background:#fff}.composer-reply-context{margin:0 0 .55rem;padding:.45rem .55rem;display:flex;align-items:center;gap:.45rem;border-left:3px solid var(--green-500);border-radius:8px;color:#537067;background:var(--green-50)}.composer-reply-context>div{min-width:0;flex:1;display:grid;gap:.1rem}.composer-reply-context strong,.composer-reply-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem}.composer-reply-context span{color:var(--muted)}.composer-reply-context button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:7px;color:#5c6e68;background:transparent}.composer-reply-context button:hover{color:var(--green-700);background:#fff}.attachment-input{display:none}.attachment-preview{margin:0 0 .55rem;padding:.55rem;display:flex;align-items:center;gap:.55rem;border:1px solid #c9e7ef;border-radius:12px;background:var(--green-50)}.attachment-preview img{width:54px;height:54px;border-radius:8px;object-fit:cover}.attachment-preview audio{width:min(230px,32vw)}.attachment-preview>div{min-width:0;flex:1;display:grid;gap:.2rem}.attachment-preview strong,.attachment-preview small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview small{color:var(--muted);font-size:.65rem}.attachment-preview input{width:100%;padding:.35rem .45rem;border:1px solid var(--line-strong);border-radius:7px;background:#fff;font-size:.7rem}.composer{display:flex;align-items:flex-end;gap:.45rem;padding:.35rem;border:1px solid var(--line-strong);border-radius:14px;background:#f9fbfa}.composer:focus-within{border-color:var(--green-500);box-shadow:0 0 0 3px #079bc41f}.composer textarea{min-height:38px;max-height:120px;flex:1;resize:none;padding:.55rem .4rem;border:0;outline:0;color:var(--ink);background:transparent;font-size:.8rem;line-height:1.45}.quick-reply-button{height:38px;padding:0 .55rem;display:flex;align-items:center;gap:.1rem;border:0;border-radius:9px;color:#6d5bc0;background:#eeeaff}.voice-record-button.recording{min-width:76px;color:#a83543;background:#fdebed;animation:voice-recording-pulse 1.5s ease-in-out infinite}.voice-record-button.recording span{font-size:.65rem;font-variant-numeric:tabular-nums}@keyframes voice-recording-pulse{50%{box-shadow:0 0 0 4px #c53d4f1f}}.send-button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;color:#fff;background:var(--green-600)}.composer-count{align-self:center;color:#9ba7a3;font-size:.58rem}.quick-reply-popover{z-index:30;position:absolute;left:.8rem;bottom:calc(100% + 4px);width:min(440px,calc(100% - 1.6rem));max-height:420px;overflow-y:auto;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow-lg)}.popover-title{padding:.8rem .9rem;display:flex;align-items:center;gap:.4rem;color:#5f4bb5;border-bottom:1px solid var(--line);font-size:.75rem;font-weight:800}.quick-reply-group>span{display:block;padding:.6rem .85rem .35rem;color:#8a9792;font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.quick-reply-group button{width:100%;padding:.65rem .85rem;display:grid;gap:.2rem;border:0;border-top:1px solid #f0f3f2;text-align:left;background:#fff}.quick-reply-group button:hover{background:var(--green-50)}.quick-reply-group strong{color:#30443d;font-size:.74rem}.quick-reply-group small{overflow:hidden;color:#74847e;text-overflow:ellipsis;white-space:nowrap}.context-column{min-width:0;min-height:0;overflow-y:auto;border-left:1px solid var(--line);background:#fff}.context-profile{padding:1.35rem 1.15rem 1rem;display:grid;place-items:center;text-align:center;border-bottom:1px solid var(--line)}.avatar-profile{width:62px;height:62px;border-radius:20px;font-size:.9rem}.context-profile h3{margin:.7rem 0 .2rem;font-size:.95rem}.context-profile>span:not(.avatar){color:var(--muted);font-size:.7rem}.context-section{padding:1rem 1.15rem;border-bottom:1px solid var(--line)}.context-section h4{margin:0;color:#364a43;font-size:.72rem;letter-spacing:.025em;text-transform:uppercase}.section-heading{margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;color:var(--green-600)}.detail-list{margin:.75rem 0 0;display:grid;gap:.68rem}.detail-list div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:.5rem;align-items:start}.detail-list dt{display:flex;align-items:center;gap:.32rem;color:#81908b;font-size:.65rem}.detail-list dd{margin:0;overflow-wrap:anywhere;color:#3d504a;text-align:right;font-size:.68rem;font-weight:650}.application-card{background:linear-gradient(145deg,#fbfeff,#f0f9fc)}.application-status{display:inline-block;padding:.28rem .4rem;border-radius:6px;color:#8b5a12;background:#fff1d3;font-size:.58rem}.context-empty-state{padding:.7rem;border:1px dashed var(--line-strong);border-radius:9px;color:#84928d;font-size:.68rem;line-height:1.5}.note-form{display:grid;gap:.45rem}.note-form textarea{resize:vertical;padding:.65rem;font-size:.7rem;line-height:1.45}.note-form .button{justify-self:end}.notes-list{margin-top:.7rem;display:grid;gap:.5rem}.notes-list article{padding:.65rem;border-radius:9px;background:var(--surface-soft)}.notes-list p{margin:0 0 .3rem;color:#43554f;font-size:.68rem;line-height:1.45}.notes-list span,.notes-list small{color:#899691;font-size:.58rem}.privacy-note{margin:1rem 1.15rem;padding:.7rem;display:flex;gap:.45rem;align-items:flex-start;border-radius:10px;color:#657670;background:#f0f5f3;font-size:.62rem;line-height:1.45}.modal-backdrop{z-index:100;position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:2rem;background:#04161394;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.automation-panel{width:min(900px,95vw);max-height:88vh;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:#fff;box-shadow:var(--shadow-lg)}.operations-panel{width:min(680px,95vw);padding:1.4rem;border-radius:22px;background:#fff;box-shadow:var(--shadow-lg)}.operations-panel>header{display:flex;justify-content:space-between;gap:1rem}.operations-panel h2{margin:.25rem 0 .3rem;font-size:1.4rem}.operations-panel header p{margin:0;color:var(--muted);font-size:.78rem}.operations-grid{margin-top:1.25rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.operations-metric{min-height:105px;padding:.9rem;display:grid;align-content:space-between;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}.operations-metric strong{color:var(--green-700);font-size:1.35rem}.operations-metric span{color:var(--muted);font-size:.68rem;line-height:1.35}.operations-note{margin-top:1rem;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:.35rem .5rem;color:#6c7c76;font-size:.67rem;line-height:1.4}.agents-panel{width:min(780px,95vw);max-height:88vh;overflow:auto}.agent-form{margin-top:1.1rem;padding:1rem;border:1px solid #cfe6df;border-radius:14px;background:linear-gradient(135deg,#f7fcfa,#eff9f5)}.agent-form h3,.agent-list-heading h3{margin:0;font-size:.88rem}.agent-fields{margin-top:.8rem;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:.65rem}.agent-fields label{display:grid;gap:.3rem;color:#586a64;font-size:.66rem;font-weight:750}.agent-fields small{color:#87958f;font-weight:500}.agent-fields input{width:100%;box-sizing:border-box;padding:.58rem .65rem;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--ink)}.agent-form-footer{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#70817b;font-size:.64rem}.agent-list{margin-top:1.2rem;display:grid;gap:.55rem}.agent-list-heading{display:flex;align-items:center;justify-content:space-between;color:#5f716a}.agent-list-heading span{font-size:.66rem}.agent-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:.75rem;align-items:center;padding:.75rem;border:1px solid var(--line);border-radius:12px;background:#fff}.agent-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--green-700);background:var(--green-100);font-size:.68rem;font-weight:800}.agent-main{min-width:0;display:grid;gap:.12rem}.agent-main strong{font-size:.76rem}.agent-main span,.agent-main small{overflow:hidden;color:#71817b;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem}.agent-meta{display:grid;justify-items:end;gap:.3rem;font-size:.59rem;font-weight:800}.agent-role{color:#6352ad}.agent-status{padding:.2rem .38rem;border-radius:5px;color:#7a6250;background:#f2efec}.agent-status.active{color:#16705d;background:#dff5ed}.agent-row-actions{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.agent-edit-dialog form{display:grid;gap:.7rem;margin-top:.85rem}.agent-edit-dialog label{display:grid;gap:.3rem;color:#5d6f69;font-size:.7rem;font-weight:750}.agent-edit-dialog input{padding:.55rem .6rem;border:1px solid var(--line-strong);border-radius:8px}.agent-edit-dialog form>small{color:var(--muted);font-size:.65rem;line-height:1.45}@media (max-width: 680px){.agent-fields{grid-template-columns:1fr}.agent-row{grid-template-columns:38px minmax(0,1fr) auto}.agent-meta{display:none}.agent-form-footer{align-items:flex-start;flex-direction:column}}.automation-panel>header{padding:1.4rem 1.5rem 1.1rem;display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}.automation-panel h2{margin:.25rem 0 .3rem;font-size:1.45rem}.automation-panel header p{margin:0;color:var(--muted);font-size:.78rem}.automation-safety{margin:1rem 1.5rem 0;padding:.75rem .85rem;display:flex;align-items:center;gap:.5rem;border:1px solid #f0d5a9;border-radius:11px;color:#815411;background:#fff8e9;font-size:.72rem}.rule-list{padding:1rem 1.5rem 1.5rem;display:grid;gap:.7rem;overflow-y:auto}.rule-card{padding:1rem;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm)}.rule-card.disabled{opacity:.58;background:#f6f8f7}.rule-card-top{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center}.rule-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#5c48b3;background:#eeeaff}.rule-icon.escalate{color:#a55b0d;background:#fff1d5}.rule-card h3{margin:0 0 .15rem;font-size:.82rem}.rule-card-top span{color:#83908c;font-size:.63rem}.toggle-button{padding:0;border:0;color:var(--green-600);background:transparent}.keyword-row{margin:.75rem 0 .55rem;display:flex;gap:.35rem;flex-wrap:wrap}.keyword-row span{padding:.26rem .42rem;border-radius:6px;color:#5d6e68;background:#eef3f1;font-size:.58rem}.rule-card>p{margin:0;color:#50625c;font-size:.7rem;line-height:1.55}.toast{z-index:200;position:fixed;right:1.2rem;bottom:1.2rem;max-width:380px;padding:.8rem 1rem;border-radius:11px;color:#fff;background:#154f43;box-shadow:var(--shadow-lg);font-size:.78rem;font-weight:700}.toast.error{background:#a83543}.toast.warning{color:#663b08;background:#fff0cf}.dialog-backdrop{z-index:150;position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.5rem;background:#0416137a}.confirm-dialog{width:min(420px,100%);padding:1.35rem;border-radius:16px;background:#fff;box-shadow:var(--shadow-lg)}.confirm-dialog h3{margin:0 0 .65rem;font-size:1rem}.forward-dialog{width:min(500px,100%)}.forward-dialog>label{display:grid;gap:.3rem;margin:.7rem 0;color:#63746e;font-size:.7rem;font-weight:750}.forward-dialog input{padding:.55rem .6rem;border:1px solid var(--line-strong);border-radius:8px}.forward-target-list{max-height:220px;overflow-y:auto;display:grid;gap:.35rem}.forward-target-list button{padding:.6rem .7rem;display:grid;gap:.12rem;border:1px solid var(--line);border-radius:9px;text-align:left;background:#fff}.forward-target-list button:hover,.forward-target-list button.selected{border-color:var(--green-500);background:var(--green-50)}.forward-target-list span,.forward-dialog>small{color:var(--muted);font-size:.65rem}.forward-dialog>small{display:block;margin:.7rem 0;line-height:1.4}.confirm-dialog p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.55}.confirm-dialog>div{margin-top:1.15rem;display:flex;justify-content:flex-end;gap:.55rem}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:.8rem;color:#536660;background:#edf3f1;font-weight:700}@media (max-width: 1280px){.desk-grid{grid-template-columns:310px minmax(480px,1fr) 285px}.topbar-centre .secure-pill{display:none}}@media (max-width: 1120px){.desk-grid{grid-template-columns:310px minmax(500px,1fr)}.context-column{display:none}}
