.layout:has(.desk){grid-template-columns:196px minmax(0,1fr)}
.main:has(.desk){padding:24px}.main:has(.desk)>.topbar{margin-bottom:24px}.main:has(.desk)>.topbar h1{font-size:23px}.main:has(.desk)>.topbar .toolbar input{display:none}
.desk{--desk-border:#27353b;--desk-muted:#a5b4bc;font-size:13px;line-height:1.5}.desk button{font-size:12px}.desk-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.desk-intro h2{font-size:29px;letter-spacing:-1px;margin-bottom:5px;font-weight:600}.desk-intro p{color:var(--desk-muted);margin:0}.desk .eyebrow{color:#b4db92;font-size:10px}.desk-mode{display:flex;gap:4px;padding:4px;background:#141c23;border:1px solid var(--desk-border);border-radius:9px;flex-shrink:0}.desk-mode button{border:0;background:none;color:var(--desk-muted);padding:9px 12px}.desk button.selected{background:#293a30;color:#d0f6af}.desk-banner{border:1px solid #345440;background:#14231b;border-radius:8px;display:flex;align-items:center;gap:8px;padding:11px 14px;color:#c8e3d0;font-size:11px;margin-bottom:16px}.desk-banner.demo{background:#1e251b;border-color:#3e4d30;color:#deebcc}.desk-banner>span:last-child{margin-left:auto;color:#b2bdae}.desk-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--desk-border);border-radius:10px;overflow:hidden;margin-bottom:20px;background:var(--desk-border)}.desk-kpis>div{background:#10191e;padding:15px 18px;color:var(--desk-muted);display:flex;align-items:center;gap:12px;font-size:11px}.desk-kpis>div>span{font-size:26px;font-weight:600;color:#f0f4ee;font-variant-numeric:tabular-nums}.desk-columns{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(330px,1.7fr) minmax(260px,1fr);border:1px solid var(--desk-border);border-radius:12px;overflow:hidden;min-height:680px;background:#11191f}.desk-requests,.desk-customer{padding:18px;min-width:0}.desk-requests{background:#10171c;border-right:1px solid var(--desk-border);display:flex;flex-direction:column}.desk-column-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.desk-column-heading h3{margin:0;font-size:14px}.desk-count{border-radius:6px;background:#26372d;color:#cbebad;padding:2px 7px;font-size:11px}.desk input,.desk select{font-size:12px;border-color:#334149}.desk-chips{display:flex;align-items:center;gap:12px;color:var(--desk-muted);font-size:11px;margin:12px 0}.desk-chips button{padding:5px 10px;border:0}.desk-request{display:block;width:100%;text-align:left;margin:8px 0;border:1px solid transparent!important;background:transparent!important;padding:13px 10px!important;border-radius:8px!important;font-weight:400!important}.desk-request:hover{background:#19272c!important}.desk-request.active{border-color:#526c43!important;background:linear-gradient(120deg,#223121,#192521)!important;box-shadow:inset 3px 0 #a4e772}.desk-request-top{display:flex;gap:8px;align-items:center}.desk-request-top strong{font-size:12px}.desk-request time{font-size:10px;color:var(--desk-muted);margin-left:auto}.desk-avatar{width:31px;height:31px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#364539;color:#ddedd1;flex-shrink:0;font-size:10px;font-weight:600}.desk-avatar.large{width:48px;height:48px;font-size:16px;margin-bottom:12px}.desk-request h4{font-size:12px;margin:12px 0 4px;font-weight:600}.desk-request p{font-size:11px;line-height:1.65;color:var(--desk-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.desk-tag{display:inline-block;padding:3px 7px;background:#243039;color:#becbd2;border-radius:5px;font-size:9px;line-height:1.5}.desk-unread{float:right;display:inline-flex;background:#b2e78e;color:#193016;border-radius:20px;width:18px;height:18px;align-items:center;justify-content:center;font-size:10px}.desk-queue-foot{margin-top:auto;padding-top:25px;color:#94a59f;font-size:10px}.desk-conversation{display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 80% 20%,#17262255,transparent 65%),#111a20}.desk-chat-heading{padding:17px 20px;border-bottom:1px solid var(--desk-border);display:flex;align-items:center;gap:10px}.desk-chat-heading h3{font-size:14px;margin:0}.desk-chat-heading p{font-size:10px;color:var(--desk-muted);margin:3px 0 0}.desk-chat-heading button{margin-left:auto;font-size:10px;padding:7px 10px}.desk-chat-context{padding:10px 18px;background:#19242b;color:#c9d5d9;font-size:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.desk-chat-context>.desk-tag{margin-left:auto;background:#304232;color:#c0ddad}.desk-messages{padding:20px;flex:1;display:flex;flex-direction:column;gap:14px;overflow-wrap:anywhere}.desk-chat-day{text-align:center;color:#90a29f;font-size:10px;margin-bottom:4px}.desk-bubble{max-width:86%;padding:13px 16px;background:#23303b;border:1px solid #32414b;border-radius:4px 13px 13px 13px;align-self:flex-start}.desk-bubble.agent{align-self:flex-end;background:#263c2d;border-color:#3a533b;border-radius:13px 4px 13px 13px}.desk-bubble small{font-size:9px;font-weight:600;color:#cad8c8}.desk-bubble p{font-size:12px;line-height:1.75;margin:6px 0}.desk-bubble time{display:block;text-align:right;font-size:9px;color:#9eaeb0}.desk-system-note{padding:12px 15px;border:1px solid #6b542f;background:#2d271c;color:#e3cea4;border-radius:8px;font-size:11px;display:grid;gap:5px}.desk-system-note button{width:max-content;color:#edd4a5;font-size:10px;background:transparent;border:0;padding:4px 0}.desk-composer{margin:0 18px 18px;border:1px solid #425245;border-radius:9px;overflow:hidden;background:#0e171c}.desk-composer>div{padding:8px;display:flex;gap:5px;align-items:center;border-bottom:1px solid var(--desk-border)}.desk-composer>div button{padding:5px 9px;border:0;background:none;font-size:10px}.desk-composer>div>span{margin-left:auto;color:#a7b8ae;font-size:9px}.desk-composer textarea{border:0;background:none;min-height:80px;resize:vertical;font-size:12px;border-radius:0}.desk-composer footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 10px}.desk-composer footer>span{font-size:9px;color:var(--desk-muted)}.desk-composer footer>button{padding:8px 12px;font-size:10px}.desk-customer{border-left:1px solid var(--desk-border);background:#11191f}.desk-client-identity{text-align:center;padding:6px 0 19px;border-bottom:1px solid var(--desk-border);overflow-wrap:anywhere}.desk-client-identity h3{margin-bottom:3px}.desk-client-identity p{color:var(--desk-muted);font-size:11px;margin-bottom:12px}.desk-client-identity .pill{font-size:9px}.desk-client-facts{padding:17px 0;display:grid;gap:11px}.desk-client-facts>div{display:flex;justify-content:space-between;gap:12px;font-size:10px}.desk-client-facts span{color:var(--desk-muted)}.desk-customer h4{font-size:11px;margin:10px 0}.desk-service{border:1px solid #3a4c40;border-radius:9px;padding:13px;margin:12px 0;background:#17221f}.desk-service>div:first-child{display:flex;align-items:center;gap:6px;justify-content:space-between}.desk-service strong{font-size:11px}.desk-service .pill{font-size:8px;padding:3px 5px}.desk-service p{font-size:10px;color:var(--desk-muted);margin:7px 0 13px}.desk-service-host{border-top:1px solid #334439;padding:11px 0;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--desk-muted)}.desk-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.desk-mini-metrics>div{background:#101a17;padding:9px;border-radius:5px}.desk-mini-metrics small{font-size:8px;display:block;margin-bottom:5px}.desk-mini-metrics b{font-size:15px}.desk-service-actions{display:flex;gap:4px;margin-top:11px;flex-wrap:wrap}.desk-service-actions button{font-size:9px;padding:6px 8px;background:#24332c}.desk-impact{padding:12px;background:#27221a;border:1px solid #5c4a2e;border-radius:7px;margin:14px 0;color:#e5d0a9;font-size:10px}.desk-impact p{margin:5px 0 0;color:#c5b79e;line-height:1.7}.desk-customer>.button,.desk-customer>button{font-size:10px}.desk-status{min-height:24px;margin-top:12px;color:#cde9b9;font-size:12px}.desk-mobile-tabs{display:none}
@media(min-width:1750px){.desk-columns{min-height:750px}.desk-messages{padding:30px}.desk-bubble p{font-size:14px}.desk-customer,.desk-requests{padding:22px}.desk-request{padding:18px 13px!important}}
@media(max-width:1200px){.layout:has(.desk){grid-template-columns:175px minmax(0,1fr)}.main:has(.desk){padding:20px}.desk-columns{grid-template-columns:minmax(190px,.8fr) minmax(285px,1.3fr) minmax(220px,1fr)}.desk-requests,.desk-customer{padding:12px}.desk-intro h2{font-size:24px}.desk-banner{flex-wrap:wrap}.desk-banner>span:last-child{margin-left:15px}.desk-composer footer>span{display:none}.desk-mode{flex-shrink:1}}
@media(max-width:1050px){.desk-columns{grid-template-columns:220px minmax(0,1fr)}.desk-customer{grid-column:1/-1;border-left:0;border-top:1px solid var(--desk-border);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.desk-customer>.desk-column-heading{grid-column:1/-1}.desk-intro{align-items:flex-start;flex-direction:column}.desk-kpis>div{padding:12px;font-size:10px;gap:6px}}
@media(max-width:760px){.layout:has(.desk){display:block}.main:has(.desk){padding:16px}.desk-intro h2{font-size:26px}.desk-intro p{font-size:12px}.desk-mode{width:100%}.desk-mode button{flex:1}.desk-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.desk-banner{font-size:10px}.desk-kpis>div>span{font-size:22px}.desk-mobile-tabs{display:flex;gap:4px;margin-bottom:10px}.desk-mobile-tabs button{flex:1;padding:9px 5px;font-size:10px}.desk-columns{display:block;min-height:600px}.desk-columns[data-mobile-view=conversation]>.desk-requests,.desk-columns[data-mobile-view=conversation]>.desk-customer,.desk-columns[data-mobile-view=requests]>.desk-conversation,.desk-columns[data-mobile-view=requests]>.desk-customer,.desk-columns[data-mobile-view=customer]>.desk-conversation,.desk-columns[data-mobile-view=customer]>.desk-requests{display:none}.desk-customer{display:block;padding:18px}.desk-requests{min-height:600px;border-right:0;padding:16px}.desk-conversation{min-height:650px}.desk-chat-heading{padding:15px 12px}.desk-messages{padding:14px}.desk-bubble{max-width:92%}.desk-composer{margin:0 12px 12px}.desk-chat-heading button{font-size:9px}.desk-client-identity{text-align:left}.desk-request-top strong{font-size:14px}.desk-request h4{font-size:13px}.desk-request p{font-size:12px}.desk-intro .eyebrow{font-size:9px}}

.layout:has(.desk)>.sidebar{width:auto}

@media(min-width:1051px){.desk-columns{height:calc(100dvh - 380px);min-height:480px}.desk-conversation{min-height:0;height:100%}.desk-messages{min-height:0;overflow-y:auto}.desk-requests,.desk-customer{overflow-y:auto}.desk-composer{flex-shrink:0}.desk-chat-heading,.desk-chat-context{flex-shrink:0}.main:has(.desk)>.footerline{display:none}.desk-status:empty{display:none}}