:root{font-family:Inter,Arial,sans-serif;color:#202d43;background:#f7f8fb;font-size:13px;--blue:#4560f7;--muted:#8690a2;--line:#edf0f5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #91a2ff;outline-offset:3px}h1,h2,h3,p{margin:0}.icon{width:18px;height:18px;flex:none;vertical-align:middle}button .icon{width:16px;height:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e1e6ef;border-radius:7px;min-height:35px;padding:8px 12px;background:#fff;font-size:11px;font-weight:600;color:#47536a;white-space:nowrap}.button:hover{background:#f4f6fc}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 3px 6px #4560f719}.button.primary:hover{background:#344fe2}.button.soft{background:#f0f2ff;color:#4560f7;border-color:#e4e8ff}.icon-button{border:0;background:transparent;padding:7px;border-radius:6px;color:#7c8799}.tag{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:500;white-space:nowrap;color:#8490a1;background:#f2f4f8}.tag.green{background:#edf8f3;color:#2f946f}.tag.orange{background:#fff4e5;color:#b78027}.tag.blue{background:#eef1ff;color:#5368d9}.avatar,.ai-avatar,.customer-initials{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex:none;font-size:11px;font-weight:600}.avatar{background-image:url('assets/team-portraits.png');background-size:400% 200%;background-color:#e7edf3}.avatar-hannah{background-position:66.666% 0}.avatar-maya{background-position:0 0}.avatar-peter{background-position:33.333% 0}.ai-avatar{background:#eef0ff;color:#5970ef;border-radius:9px}.ai-avatar.green{background:#e9f7f2;color:#39a183}.customer-initials{background:#eaf0f8;color:#7e8eaa;border:1px solid #e3eaf3}.customer-initials.lilac{background:#f0ecf8;color:#9b86b9;border-color:#eae2f4}.customer-initials.peach{background:#fbede7;color:#bb8d79;border-color:#f6e4dc}.sidebar{position:fixed;left:0;top:0;bottom:0;width:214px;border-right:1px solid #e9edf4;background:#fff;z-index:30;padding:27px 17px 0;display:flex;flex-direction:column}.wordmark{display:flex;align-items:center;gap:8px;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:24px;letter-spacing:-1.4px;padding:0 10px}.brand-symbol{display:inline-block;width:19px;height:19px;border-radius:6px;background:#4560f7;transform:rotate(-12deg);position:relative}.brand-symbol:after{content:'';position:absolute;inset:5px 7px;background:#fff;transform:skewY(-20deg)}.organization{display:flex;align-items:center;gap:9px;padding:14px 10px;margin:30px 0 25px;border:1px solid #e8ecf4;border-radius:8px}.organization div{flex:1}.organization strong,.organization small{display:block}.organization strong{font-size:12px;margin-bottom:3px}.organization small{color:#929aab;font-size:9px}.organization>.icon{width:12px;color:#929aab}.org-logo{width:29px;height:29px;background:#eeeaf8;color:#8a729e;display:grid;place-items:center;border-radius:7px;font-size:20px;font-family:Georgia,serif;font-weight:bold}.nav-label{font-size:9px;letter-spacing:1.1px;color:#9ba4b4;padding:0 12px 12px;font-weight:600}nav a{display:flex;align-items:center;gap:10px;padding:12px 11px;border-radius:7px;color:#788397;font-size:11px;margin:3px 0}nav a.active{background:#eef1ff;color:var(--blue);font-weight:600}nav a:hover{background:#f3f5fa}nav a.active:hover{background:#e8ecff}nav a b{font-size:9px;background:#dfe5ff;min-width:17px;text-align:center;border-radius:4px;padding:2px;margin-left:auto}nav a>.icon{width:16px;height:16px}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-note{background:linear-gradient(125deg,#f0f3ff,#faf9ff);border:1px solid #edf0fb;border-radius:9px;padding:13px 13px 15px;margin-bottom:20px}.sidebar-note>.icon{color:#8897eb;margin-bottom:10px;width:20px}.sidebar-note strong{font-size:10px;display:block}.sidebar-note p{font-size:9px;line-height:1.7;color:#8e97ae;margin-top:5px}.quiet-link{border:0;background:none;display:flex;align-items:center;gap:9px;padding:9px 10px;font-size:10px;color:#8792a6;width:100%;text-align:left}.quiet-link>.icon{width:14px}.signed-user{display:flex;align-items:center;gap:9px;margin-top:16px;padding:18px 4px;border-top:1px solid var(--line)}.signed-user strong{font-size:10px;display:block}.signed-user small{font-size:8px;color:#98a0b1;display:block;margin-top:4px}.app-body{margin-left:214px}.topbar{height:69px;background:#ffffffb3;border-bottom:1px solid #e9edf4;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.breadcrumb{font-size:11px;color:#9ca4b4}.breadcrumb span{margin:0 14px;color:#c2c8d2}.breadcrumb strong{font-weight:500;color:#596478}.topbar-right{display:flex;align-items:center;gap:22px}.topbar-right>.avatar{width:28px;height:28px}.demo-label{font-size:9px;color:#8e98a8;display:flex;align-items:center;gap:6px}.demo-label i{width:5px;height:5px;border-radius:50%;background:#acb8cc}.menu-button{display:none}main{padding:30px 32px 24px;max-width:1800px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:18px}.overline{color:#99a3b6;font-size:9px;letter-spacing:1.25px;text-transform:uppercase;margin-bottom:8px;font-weight:500}.page-heading h1{font-family:Manrope,sans-serif;letter-spacing:-.8px;font-size:26px;line-height:1.3;font-weight:800}.page-heading p{font-size:11px;color:#8b96a8;margin-top:7px;line-height:1.7}.heading-actions{display:flex;align-items:center;gap:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.metric{padding:18px 19px;background:#fff;border:1px solid #e8ecf3;border-radius:9px}.metric-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#929bad}.metric-label .icon{width:15px;color:#b3bbca}.metric strong{display:block;font-size:27px;letter-spacing:-.9px;margin:13px 0 8px;font-weight:600}.metric p{font-size:9px;color:#9ca5b5}.metric p span{color:#50a48c}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:20px}.panel{background:#fff;border:1px solid #e8ecf3;border-radius:9px;overflow:hidden}.panel+.panel{margin-top:20px}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:19px 20px;gap:10px}.panel-title h2{font-size:12px;font-weight:600}.panel-title h2 .tag{margin-left:7px}.panel-title p{font-size:9px;color:#9ca5b5;margin-top:5px}.panel-title a{font-size:9px;color:#7d8dcc;display:flex;gap:5px;align-items:center}.review-row{display:flex;align-items:center;gap:12px;border-top:1px solid #f0f2f6;padding:16px 20px}.review-row>div{flex:1}.review-row strong{font-size:11px;font-weight:600}.review-row p{font-size:9px;margin-top:5px;color:#94a0b3;line-height:1.6}.review-row .button{font-size:9px;min-height:30px}.chart-legend{font-size:9px;display:flex;gap:15px;color:#9aa4b6;padding:0 20px}.chart-legend i{display:inline-block;border-radius:3px;width:6px;height:6px;background:#7890fb;margin-right:5px}.chart-legend span+span i{background:#d2dafc}.chart-content{padding:20px 20px 16px}.chart-content svg{width:100%;height:142px;display:block;overflow:visible}.chart-days{display:flex;justify-content:space-between;font-size:8px;color:#9aa4b7;margin-top:12px}.team-row{display:flex;align-items:center;gap:10px;padding:12px 20px}.team-row>div{flex:1}.team-row strong{font-size:10px;display:block;font-weight:500}.team-row small{font-size:9px;color:#98a1b2;margin-top:3px;display:block}.team-row .avatar,.team-row .ai-avatar{width:29px;height:29px}.team-row .tag{font-size:8px}.activity-feed{padding:0 20px 18px}.event{display:flex;gap:10px;padding:11px 0}.event>.icon{width:15px;color:#90a0c9;margin-top:2px}.event p{font-size:10px;line-height:1.6;color:#8390a5}.event p strong{color:#59677d;font-weight:500}.event small{font-size:8px;color:#b0b7c4;display:block;margin-top:4px}.demo-footer{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#adb5c3;padding-top:20px;gap:12px;line-height:1.6}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #e3e8f0;border-radius:7px;padding:9px 11px;background:#fff;color:#a4adbc}.search-box input{border:0;outline:0;background:none;font-size:10px;min-width:0;width:100%;color:#4b596f}.search-box input::placeholder{color:#a3adbd}.search-box .icon{width:14px;height:14px}.filter-tabs{display:flex;gap:5px;padding:4px;background:#edf0f6;border-radius:7px}.filter-tabs button{border:0;background:none;border-radius:5px;padding:7px 12px;font-size:10px;color:#8b96a8}.filter-tabs button.active{background:#fff;color:#53617b;box-shadow:0 1px 4px #192a4520}.case-layout{display:grid;grid-template-columns:235px minmax(270px,1fr) 226px;border:1px solid #e4e9f2;border-radius:10px;background:#fff;overflow:hidden;min-height:570px}.case-list{background:#fcfcfe;border-right:1px solid #e9edf5;min-width:0}.case-list-search{padding:14px;border-bottom:1px solid var(--line)}.case-list-search .search-box{padding:9px}.case-item{display:block;border:0;border-bottom:1px solid #edf0f6;background:transparent;width:100%;text-align:left;padding:18px 16px;color:inherit;border-left:3px solid transparent}.case-item:hover{background:#f5f7fc}.case-item.active{background:#f0f3ff;border-left-color:#6177ef}.case-item-top{display:flex;justify-content:space-between;gap:6px;align-items:center}.case-item-top strong{font-weight:500;font-size:11px}.case-item-top small{font-size:8px;color:#a9b1c2}.case-item h3{font-size:10px;font-weight:500;margin:8px 0 5px;color:#69758c}.case-item p{font-size:9px;color:#a4adbd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6}.case-item-foot{display:flex;align-items:center;justify-content:space-between;margin-top:11px}.case-item-foot .tag{font-size:8px}.case-item-foot>small{font-size:8px;color:#a3aec3}.case-thread{min-width:0;display:flex;flex-direction:column}.thread-title{padding:20px 23px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.thread-title h2{font-size:14px;font-weight:600;letter-spacing:-.3px}.thread-title p{font-size:9px;color:#a0a9b9;margin-top:6px}.thread-messages{padding:18px 23px 15px;flex:1}.thread-date{text-align:center;font-size:8px;color:#b2bac8;margin:0 0 24px}.message{display:flex;gap:10px;margin:0 0 20px}.message>.customer-initials,.message>.ai-avatar,.message>.avatar{width:27px;height:27px;font-size:9px}.message>div{flex:1;min-width:0}.message-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:1px 0 7px}.message-meta strong{font-size:10px;font-weight:500}.message-meta small{font-size:8px;color:#b3bac9}.message-text{font-size:10px;line-height:1.85;color:#77849a;white-space:pre-wrap;overflow-wrap:anywhere}.message.ai .message-text{background:#f6f7ff;border:1px solid #eceffd;padding:12px 14px;border-radius:0 8px 8px 8px}.message.ai .message-meta strong{color:#6f7ed1}.message.human .message-text{background:#f5f8fc;padding:12px 14px;border-radius:0 8px 8px 8px}.system-event{display:flex;gap:7px;align-items:center;font-size:8px;color:#a5aec1;margin:8px 0 20px 37px}.system-event .icon{width:12px;height:12px}.action-card{border:1px solid #f0dfbc;background:#fffdf7;border-radius:8px;overflow:hidden;margin-left:37px;margin-top:4px}.action-card header{display:flex;align-items:center;gap:6px;padding:10px 13px;background:#fffaed;border-bottom:1px solid #f4e8cd;font-size:9px;color:#b99045}.action-card header .icon{width:13px;height:13px}.action-card-body{padding:14px}.action-facts{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.action-facts strong{font-size:12px;font-weight:600;color:#7d7156}.action-facts span{font-size:9px;color:#b1a48d}.action-card p{font-size:9px;line-height:1.7;color:#a39780}.action-controls{display:flex;gap:7px;margin-top:13px;flex-wrap:wrap}.action-controls .button{min-height:30px;font-size:9px}.resolved-card{display:flex;align-items:center;gap:7px;border:1px solid #d9eee3;background:#f3faf6;border-radius:6px;font-size:9px;color:#5f9b7c;padding:11px 13px;margin:12px 0 8px 37px}.composer{margin:0 23px 20px;border:1px solid #e6eaf2;border-radius:8px;padding:12px 13px;box-shadow:0 2px 5px #20314a03}.composer-top{font-size:9px;color:#8f99ab;display:flex;align-items:center;gap:7px}.composer-top .icon{width:12px;height:12px}.composer textarea{display:block;resize:vertical;min-height:52px;width:100%;border:0;padding:12px 0 8px;outline:0;font-size:10px;color:#6b7890;line-height:1.7;background:transparent}.composer textarea::placeholder{color:#b2bac8}.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.composer-bottom small{font-size:8px;color:#b3bac8}.composer-bottom .button{font-size:9px;min-height:29px;padding:6px 10px}.case-context{border-left:1px solid var(--line);padding:20px 17px;min-width:0}.case-context>h3{font-size:10px;font-weight:500;color:#7b879c;margin-bottom:19px}.customer-profile{display:flex;align-items:center;gap:10px}.customer-profile .customer-initials{width:37px;height:37px}.customer-profile strong{font-size:11px;font-weight:500}.customer-profile small{display:block;font-size:8px;color:#9ea8b8;margin-top:4px;overflow-wrap:anywhere}.customer-block>.tag{margin-top:12px}.context-group{border-top:1px solid var(--line);padding-top:17px;margin-top:21px}.context-group h3{font-size:9px;font-weight:600;margin-bottom:15px;color:#8994a8;display:flex;justify-content:space-between}.context-group .icon{width:12px;height:12px;color:#aab4c5}.field{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin-top:12px;gap:8px}.field label,.field>span{color:#a3adbd}.field strong{font-size:9px;font-weight:500;color:#7d8ba1}.field select{border:1px solid #e8ecf3;border-radius:5px;padding:5px;font-size:9px;max-width:115px;color:#8390a5;background:#fff}.order-item{display:flex;align-items:center;gap:9px;margin-top:12px}.order-thumb{width:31px;height:35px;border-radius:5px;display:grid;place-items:center;background:#eef0ee;color:#a3aaa3}.order-item strong{font-size:9px;font-weight:500;display:block;color:#8190a1}.order-item small{font-size:8px;color:#b3bac4;display:block;margin-top:4px}.order-total{display:flex;justify-content:space-between;font-size:10px;color:#7f8c9e;margin-top:15px}.policy-note{background:#f7f8fc;border:1px solid #eef0f5;padding:11px;border-radius:6px;font-size:8px;line-height:1.8;color:#9ba5b7}.policy-note a{display:block;color:#7f90d4;margin-top:7px}.empty{text-align:center;color:#99a4b8;font-size:11px;padding:38px 18px;line-height:1.8}.roster{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.agent-card{background:#fff;border:1px solid #e7ebf3;border-radius:9px;padding:22px}.agent-card-head{display:flex;align-items:center;gap:11px}.agent-card-head>div{flex:1}.agent-card-head h2{font-size:13px}.agent-card-head small{font-size:9px;color:#99a4b6;display:block;margin-top:5px}.agent-card>p{color:#8d98aa;font-size:10px;line-height:1.8;margin-top:20px;min-height:52px}.agent-stats{display:flex;gap:30px;margin:20px 0;padding:15px 0;border-top:1px solid #f0f2f6;border-bottom:1px solid #f0f2f6}.agent-stats strong{font-size:18px;font-weight:500;display:block}.agent-stats small{font-size:8px;color:#a4adbc;display:block;margin-top:5px}.agent-card-footer{display:flex;gap:7px;flex-wrap:wrap}.human-section{margin-top:30px}.human-section h2{font-size:13px;margin-bottom:16px}.team-table-wrap{border:1px solid #e7ebf3;border-radius:9px;background:#fff;overflow:auto}.team-table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}.team-table th{font-size:9px;font-weight:500;color:#a3aebf;padding:14px 20px;border-bottom:1px solid #e9edf4}.team-table td{padding:16px 20px;border-bottom:1px solid #f0f3f7;color:#8c98ac;font-size:10px}.team-table tr:last-child td{border:0}.person-cell{display:flex;align-items:center;gap:11px}.person-cell strong{font-size:10px;font-weight:500;color:#637189}.person-cell small{display:block;font-size:9px;margin-top:4px;color:#a6afbd}.section-tabs{display:flex;gap:26px;border-bottom:1px solid #e4e9f1;margin-bottom:20px}.section-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:4px 0 14px;color:#9ba5b7;font-size:11px}.section-tabs button.active{border-bottom-color:#5974f2;color:#526be5}.workflow-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.workflow-canvas{position:relative;min-height:515px;border:1px solid #e5eaf2;border-radius:9px;background-color:#fbfcff;background-image:radial-gradient(#dce2ed .7px,transparent .7px);background-size:15px 15px;display:flex;flex-direction:column;align-items:center;padding:52px 25px 30px}.canvas-label{position:absolute;left:20px;top:17px;font-size:9px;color:#9faabc}.flow-node{width:min(300px,100%);border:1px solid #e1e7f1;border-radius:8px;background:#fff;display:flex;align-items:center;gap:11px;padding:17px;box-shadow:0 5px 12px #283d6006}.flow-node>.icon{color:#8195e4;background:#f0f3ff;padding:8px;width:33px;height:33px;border-radius:7px}.flow-node div{flex:1}.flow-node strong{display:block;font-size:10px;font-weight:500}.flow-node small{font-size:8px;color:#9da9bb;display:block;margin-top:5px}.flow-node.review{border-color:#ecdcb9}.flow-node.review>.icon{background:#fff5e5;color:#c5a062}.flow-node.test-active{box-shadow:0 0 0 3px #4b6cfa21;border-color:#8b9ff5}.node-check{color:#91b8a9;font-size:10px}.flow-line{width:1px;height:27px;background:#d5deed;position:relative}.flow-line:after{content:'';position:absolute;bottom:-1px;left:-3px;width:7px;height:7px;border-right:1px solid #c4cede;border-bottom:1px solid #c4cede;transform:rotate(45deg)}.workflow-settings{background:#fff;border:1px solid #e6ebf2;border-radius:9px;padding:21px}.workflow-settings h2{font-size:12px;margin-bottom:8px}.workflow-settings>p{font-size:9px;line-height:1.9;color:#9aa5b7;margin-bottom:22px}.form-field{margin-bottom:18px}.form-field label{display:block;font-size:10px;font-weight:500;margin-bottom:8px;color:#8490a5}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #e1e7f1;border-radius:6px;padding:10px;color:#68768c;font-size:11px;background:#fff}.form-field textarea{min-height:120px;resize:vertical;line-height:1.7}.form-field small{display:block;color:#a8b0bd;font-size:8px;line-height:1.7;margin-top:7px}.test-settings{border-top:1px solid #e8edf5;padding-top:24px;margin-top:24px}.test-result{font-size:10px;line-height:1.8;background:#f0f4ff;border:1px solid #dfe6fc;color:#7a8bb7;border-radius:7px;padding:12px;margin-top:14px}.workflow-info{background:#fff;border:1px solid #e4e9f1;border-radius:9px;padding:26px;max-width:800px}.workflow-info h2{font-size:15px;margin-bottom:15px}.workflow-info p{font-size:12px;line-height:1.9;color:#8592a7;margin-bottom:15px}.knowledge-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.knowledge-card{background:#fff;border:1px solid #e5eaf2;border-radius:9px;padding:22px;text-align:left;width:100%;color:inherit}.knowledge-card:hover{border-color:#aab9f3}.knowledge-card-head{display:flex;align-items:center;gap:12px}.doc-icon{width:35px;height:39px;display:grid;place-items:center;background:#f1f4fc;border-radius:7px;color:#8da0d0}.knowledge-card-head>div{flex:1;min-width:0}.knowledge-card h2{font-size:12px;overflow-wrap:anywhere}.knowledge-card small{font-size:9px;display:block;color:#a5afbf;margin-top:5px}.knowledge-card>p{font-size:10px;color:#97a2b5;line-height:1.8;margin:20px 0;min-height:38px;overflow-wrap:anywhere}.knowledge-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef1f6;padding-top:14px;color:#abb4c5;font-size:9px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100% - 32px);padding:14px 22px;border-radius:9px;background:#26374d;color:#fff;font-size:11px;line-height:1.7;box-shadow:0 10px 35px #162c5130}.toast[hidden]{display:none}dialog{border:1px solid #e6ebf4;border-radius:13px;padding:26px;width:460px;max-width:calc(100% - 32px);color:#34445b;box-shadow:0 25px 100px #1e335533}dialog::backdrop{background:#17273e66;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.dialog-top h2{font-size:18px;letter-spacing:-.5px}.dialog-intro{font-size:12px;color:#8c98ab;line-height:1.8;margin-bottom:20px;white-space:pre-wrap;overflow-wrap:anywhere}.dialog-summary{padding:15px;background:#f5f7fc;border-radius:8px;font-size:12px;line-height:1.8;color:#7787a1;margin-bottom:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.knowledge-warning{font-size:10px;line-height:1.8;color:#9ba6b7;margin-bottom:18px}
@media(min-width:1500px){.case-layout{grid-template-columns:260px minmax(300px,1fr) 250px}.thread-messages{padding:22px 30px}.thread-title{padding:23px 30px}.composer{margin:0 30px 25px}.case-context{padding:23px}.case-item{padding:20px}.case-layout{min-height:650px}}
@media(max-width:1180px){.sidebar{width:190px;padding-left:12px;padding-right:12px}.app-body{margin-left:190px}main{padding:25px 24px}.case-layout{grid-template-columns:210px minmax(0,1fr)}.case-context{grid-column:1/-1;border-top:1px solid var(--line);border-left:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.case-context>h3{display:none}.context-group{margin:0;padding:0;border:0}.context-group:last-child{display:none}.case-layout{min-height:0}.roster{gap:12px}.agent-card{padding:18px}.agent-card-head{flex-wrap:wrap}}
@media(max-width:850px){.sidebar{width:174px;padding-left:8px;padding-right:8px}.app-body{margin-left:174px}.wordmark{font-size:22px}.organization{padding:11px 7px}.organization small{font-size:8px}.sidebar-note{padding:12px 8px}.topbar{padding:0 22px}.dashboard-columns{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.case-layout{grid-template-columns:180px minmax(0,1fr)}.case-item{padding:15px 10px}.thread-title{padding:17px 15px}.thread-messages{padding:17px 15px}.composer{margin:0 15px 17px}.case-context{grid-template-columns:1fr 1fr}.case-context .context-group:nth-last-child(2){display:none}.action-card{margin-left:0}.roster{grid-template-columns:1fr}.agent-card>p{min-height:0}.agent-card-head{flex-wrap:nowrap}.agent-stats{margin:15px 0}.workflow-layout{grid-template-columns:1fr}.knowledge-list{grid-template-columns:1fr}.demo-label{font-size:8px}.topbar-right{gap:12px}}
@media(max-width:620px){.sidebar{transform:translateX(-100%);width:220px;transition:transform .2s ease;box-shadow:12px 0 40px #182b4814}.sidebar.is-open{transform:translateX(0)}.app-body{margin-left:0}.menu-button{display:block}.topbar{padding:0 16px;height:60px;gap:12px}.breadcrumb{flex:1;font-size:10px}.breadcrumb span{margin:0 7px}.topbar-right>.avatar{display:none}.topbar-right{margin-left:auto}.menu-button{padding:4px}.page-heading{flex-direction:column;gap:14px;margin-bottom:22px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.heading-actions{justify-content:flex-start}.metrics{gap:10px}.metric{padding:16px}.metric strong{font-size:25px}.metric-label{font-size:9px}.dashboard-columns{gap:16px}.review-row{padding:14px}.panel-title{padding:17px 14px}.review-row{gap:9px}.review-row .button{padding:7px 9px}.review-row .customer-initials{width:27px;height:27px}main{padding:25px 16px 20px}.toolbar{flex-wrap:wrap;gap:13px}.filter-tabs button{font-size:9px;padding:7px 10px}.case-layout{grid-template-columns:minmax(0,1fr)}.case-list{border-right:0;border-bottom:1px solid #e9edf5}.case-list-items{max-height:185px;overflow:auto}.case-item{padding:13px 15px}.case-item p{display:none}.case-item h3{margin-top:6px}.case-item-foot{margin-top:7px}.case-list-search{padding:12px}.thread-title h2{font-size:13px}.thread-messages{padding-top:20px}.message-text{font-size:11px}.message-meta strong{font-size:10px}.action-card{margin-left:37px}.action-card p{font-size:10px}.case-context{padding:20px 16px;gap:15px}.customer-profile{gap:7px}.customer-profile .customer-initials{width:30px;height:30px}.customer-profile small{font-size:7px}.case-context .field{font-size:8px}.case-context .field select{max-width:105px}.section-tabs{gap:22px}.section-tabs button{font-size:10px}.workflow-canvas{min-height:510px;padding-left:20px;padding-right:20px}.knowledge-card{padding:18px}.demo-footer{align-items:flex-start;flex-direction:column;gap:4px}.sidebar-note{display:none}.sidebar-bottom{padding-top:15px}.organization{margin:24px 0}.signed-user{margin-top:12px}.form-field input,.form-field textarea,.form-field select,.search-box input,.composer textarea{font-size:16px}.case-list-search .search-box input{font-size:13px}.composer textarea{font-size:14px}}
/* Keep the working surfaces within the app viewport; each column scrolls independently. */
@media(min-width:1181px){.case-layout{height:calc(100vh - 292px);min-height:515px}.case-list{display:flex;flex-direction:column;min-height:0}.case-list-search{flex:none}.case-list-items{overflow:auto;min-height:0}.case-thread{min-height:0}.thread-title{flex:none;padding-top:16px;padding-bottom:14px}.thread-messages{overflow:auto;min-height:0;padding-top:15px;padding-bottom:14px}.thread-date{margin-bottom:18px}.message{margin-bottom:16px}.system-event{margin-bottom:15px}.message-text{font-size:11px;line-height:1.75;color:#64738b}.composer{flex:none;margin-bottom:16px;padding:10px 12px}.composer textarea{min-height:43px;padding-top:9px}.case-context{overflow:auto}.action-card p{color:#897b60}.case-item p{color:#8d99ad}}
.page-heading p,.agent-card>p,.knowledge-card>p{color:#78869c}.field label,.field>span{color:#8490a6}.policy-note{color:#8290a7}.composer-top{color:#7a879d}.demo-footer{color:#8b98ab}.case-item-top small{color:#8a98b0}.thread-title p{color:#8997ae}
.case-page .overline{display:none}.case-page .page-heading{margin-bottom:20px}.case-page .page-heading h1{font-size:25px}.case-page .toolbar{margin-bottom:16px}.thread-date{display:none}
.wordmark .brand-symbol{width:22px;height:25px;border-radius:0;transform:none;clip-path:polygon(0 18%,100% 0,100% 100%,67% 86%,67% 21%,26% 30%,26% 86%,0 100%)}.wordmark .brand-symbol:after{display:none}
@media(min-width:1181px){.case-page{padding-top:24px}.case-layout{height:calc(100vh - 258px)}.thread-date{margin-bottom:12px}.message{margin-bottom:12px}.system-event{margin-top:6px;margin-bottom:12px}.thread-messages{padding-top:12px}.action-card-body{padding:12px}.composer textarea{min-height:35px;height:35px}.composer{margin-bottom:14px}.composer-top{font-size:8px}.action-controls{margin-top:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}