*{box-sizing:border-box}body{margin:0;background:#f4f5f7;color:#222832;font:14px/1.65 system-ui,-apple-system,"PingFang SC",sans-serif}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button{border:0;border-radius:6px;background:#cf2c37;color:white;padding:10px 16px;cursor:pointer}.secondary{color:#333;background:#e8ebef}button:hover{opacity:.85}input,textarea,select{width:100%;border:1px solid #d3d8df;border-radius:6px;background:#fff;padding:10px;margin-top:6px}textarea{min-height:82px;resize:vertical}label{display:block;margin:12px 0}h1{font-size:28px;margin:0 0 15px}h2{font-size:18px;margin:0 0 12px}.muted{color:#78828f}.eyebrow{color:#d32d37;font-size:11px;letter-spacing:2px}.login-card{max-width:430px;margin:12vh auto;padding:32px;background:#fff;border:1px solid #e0e4e9;border-radius:12px}.login-card button{width:100%;margin-top:12px}#error,#notice{color:#b42a32}.bar{display:flex;align-items:center;gap:20px;height:70px;padding:16px 28px;background:#171820;color:white}.bar span{margin-left:auto}.workspace{display:grid;grid-template-columns:190px 1fr;min-height:calc(100vh - 70px)}.sidebar{background:#fff;border-right:1px solid #e0e4e9;padding:22px 12px}.sidebar button{display:block;width:100%;margin-bottom:8px;background:transparent;color:#57616f;text-align:left}.sidebar button.active{background:#fff0f1;color:#c92835}.sidebar p{font-size:11px;color:#99a1ab;padding:12px}.content{padding:26px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.support-grid{display:grid;grid-template-columns:220px minmax(0,1fr);background:#fff;border:1px solid #e0e4e9;border-radius:8px}.support-grid aside{border-right:1px solid #e0e4e9;max-height:65vh;overflow:auto}.conversation{display:block;width:100%;border-radius:0;background:#fff;color:#222;text-align:left;border-bottom:1px solid #eee;padding:16px}.conversation.selected{background:#fff0f1}.conversation small{display:block;color:#88929c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-grid section{padding:20px}.messages{height:38vh;overflow:auto;display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.bubble{padding:9px 13px;background:#eff1f5;border-radius:9px;max-width:85%;align-self:start;white-space:pre-wrap}.bubble.agent{background:#fff0f1;align-self:end}.bubble small{display:block;color:#89919b;font-size:11px}#reply{display:flex;align-items:end;gap:10px}#reply button{white-space:nowrap}.actions{display:flex;gap:10px;margin-top:12px}.card{padding:20px;background:#fff;border:1px solid #e0e4e9;border-radius:8px;margin:14px 0}.order-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.order-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.order-controls label{min-width:140px;flex:1}.order-controls button{margin-bottom:12px}.order-rules{white-space:pre-wrap;color:#647080}.role-pill{padding:3px 10px;background:#eff1f5;border-radius:4px}@media(max-width:750px){.workspace{display:block}.sidebar{display:flex;gap:6px;padding:10px}.sidebar p{display:none}.support-grid{grid-template-columns:1fr}.support-grid aside{max-height:180px}.content{padding:16px}.bar{padding:12px;font-size:12px;gap:8px}.login-card{margin:8vh 16px}}
.support-grid{grid-template-columns:270px minmax(280px,1fr) 280px}.support-grid .context-pane{border-right:0;border-left:1px solid #e0e4e9;padding:18px;background:#fafbfc;max-height:75vh;overflow:auto}.chat-pane{min-width:0}.conversation-heading{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.conversation-heading strong{width:100%}.badge{display:inline-block;padding:2px 8px;border-radius:5px;font-size:11px;line-height:1.8;font-weight:600;white-space:nowrap;background:#edf0f4;color:#606b78}.badge-blue{background:#e9f0ff;color:#315eb0}.badge-red{background:#fff0ee;color:#bd3d35}.badge-green{background:#e7f6ed;color:#247749}.badges{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.conversation-service{display:block;font-size:12px;font-weight:600;margin-top:8px}.conversation .message-preview{margin-top:6px}.context-heading h3{margin:0 0 8px}.customer-meta{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px 6px;font-size:12px}.customer-meta dt{color:#78828f}.customer-meta dd{margin:0;overflow-wrap:anywhere}code{font:12px ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere}.linked-order{display:flex;flex-direction:column;gap:8px;border:1px solid #dce2eb;background:#fff;border-radius:8px;padding:14px;margin:12px 0}.linked-order>div{display:flex;flex-wrap:wrap;gap:5px}.linked-order button{font-size:12px;padding:8px}.linked-order>span{font-size:12px;color:#667385}.order-meta{display:flex;flex-wrap:wrap;gap:6px 22px;margin:12px 0;color:#657080;font-size:12px}.highlight-order{outline:2px solid #cf2c37;outline-offset:2px}.search-label{max-width:680px;font-size:12px;color:#647080;margin:0 0 18px}.search-label input{font-size:14px}.empty-state{padding:18px}.section-heading p{margin:0}.section-heading h1{margin-bottom:4px}@media(max-width:1200px){.support-grid{grid-template-columns:230px minmax(280px,1fr)}.support-grid .context-pane{grid-column:1/-1;border-left:0;border-top:1px solid #e0e4e9;max-height:none}.context-pane .linked-order{display:inline-flex;vertical-align:top;width:calc(50% - 12px);margin-right:10px}}@media(max-width:750px){.support-grid{grid-template-columns:1fr}.support-grid .context-pane{grid-column:auto}.context-pane .linked-order{display:flex;width:100%;margin-right:0}.conversation-heading strong{width:auto}.order-meta{flex-direction:column}.actions{flex-wrap:wrap}}
.order-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 20px}.order-tab{background:#fff;color:#647080;border:1px solid #dde2e9;padding:9px 13px;display:flex;align-items:center;gap:8px}.order-tab.active{background:#fff0f1;color:#bb2634;border-color:#eaaeb5;box-shadow:0 0 0 1px #eaaeb5}.order-tab span{min-width:21px;padding:0 5px;border-radius:4px;background:#edf0f4;font-size:12px}.order-tab.active span{background:#f8dce0;color:#a91d2b}.order-tab:focus-visible{outline:2px solid #315eb0;outline-offset:2px}#order-summary{font-size:12px;margin-bottom:20px}
.danger-button{background:#fff0f1;color:#b51f30;border:1px solid #e6a4ac}#order-detail-dialog{border:1px solid #d9dfe7;border-radius:12px;width:min(860px,94vw);max-height:90vh;overflow:auto;padding:26px;color:#222832;background:#fff}#order-detail-dialog::backdrop{background:rgba(17,24,39,.5)}.detail-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:18px}.detail-meta{display:grid;grid-template-columns:100px minmax(0,1fr);gap:9px 16px;font-size:13px}.detail-meta dt{color:#77818f}.detail-meta dd{margin:0;overflow-wrap:anywhere}.detail-text{white-space:pre-wrap;background:#f7f8fa;padding:14px;border-radius:6px;overflow-wrap:anywhere}.warning-box{padding:12px 14px;background:#fff5e7;color:#865614;border:1px solid #f0d7ae;border-radius:6px}.cancel-box{padding:18px;background:#fff9f9;border:1px solid #ecc4c9;border-radius:8px;margin:20px 0}.confirm-check{display:flex;align-items:start;gap:8px}.confirm-check input{width:auto;margin-top:5px}.order-timeline{list-style:none;padding-left:18px;border-left:2px solid #e4e8ef}.timeline-event{position:relative;padding:0 0 22px 12px}.timeline-event:before{content:"";position:absolute;left:-24px;top:6px;width:10px;height:10px;border-radius:50%;background:#c52e3a}.event-heading{display:flex;flex-direction:column;gap:3px}.event-heading small{color:#7c8694}.timeline-event ul{padding-left:20px;margin:8px 0;color:#586477}.cancel-reason{white-space:pre-wrap;color:#a82d3a}.detail-heading h2{margin-bottom:4px}#detail-error{color:#b51f30}button:disabled{cursor:not-allowed;opacity:.6}@media(max-width:600px){#order-detail-dialog{padding:18px}.detail-meta{grid-template-columns:78px 1fr;gap:8px}.detail-heading{gap:10px}}
.dispatch-panel{background:#fff;border:1px solid #dde2e9;border-radius:8px;padding:18px;margin-bottom:24px}.dispatch-panel form{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.dispatch-panel form label{margin:0}.dispatch-panel input[type=number]{max-width:130px}.dispatch-panel p{margin:10px 0 0;font-size:12px}.scope-label{max-width:300px;margin:0 0 18px}.owner-label{display:block;margin:10px 0;color:#465e83;font-weight:600}.dispatch-dialog{width:min(620px,94vw);max-height:85vh;overflow:auto;border:1px solid #dce2eb;border-radius:12px;padding:26px}.dispatch-dialog::backdrop{background:#17203388}.dispatch-error{color:#b42a32}.dispatch-dialog li p{white-space:pre-wrap}.dispatch-panel .confirm-check input{width:auto}
.audit-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;background:#fff;padding:18px;border:1px solid #dde2e9;border-radius:8px}.audit-filter label{margin:0}.audit-filter .actions{align-items:end;flex-wrap:wrap}.audit-card pre{overflow:auto;max-height:300px;padding:14px;background:#f4f6fa;font-size:12px}.audit-card code{overflow-wrap:anywhere}
.notice-panel{background:#fff;border:1px solid #dce2eb;border-radius:8px;padding:18px;margin:0 0 22px}.notice-panel strong{margin-right:16px}.notice-panel.has-new{border-color:#df8995;background:#fff8f9}.notice-panel p{font-size:12px;margin-bottom:0}.flow-error{color:#b42a32}.request-status{font-weight:600;color:#465e83}
.support-grid .customer-thread-group{padding:0;border-bottom:8px solid #f4f5f7}.customer-thread-heading{padding:14px;background:#f2f5fa;border-bottom:1px solid #dde3ec}.customer-thread-heading>strong{display:block;font-size:15px}.customer-thread-heading>small{display:block;color:#68778a;overflow-wrap:anywhere;margin:4px 0 8px}.customer-thread-heading .badge{margin:0 4px 4px 0}.customer-thread-group .conversation{padding:12px 14px;border-left:3px solid transparent}.customer-thread-group .conversation.selected{border-left-color:#cf2c37}.customer-thread-group .conversation-heading{gap:4px}#support-filter-note{font-size:12px;margin:10px 0}#conversations{min-width:0}
#specialist-editor input[type=checkbox],#ledger-form input[type=checkbox]{width:auto;margin-right:8px}#specialist-finance pre{overflow:auto;max-height:400px;font-size:12px}
.specialist-assignment{display:flex;flex:1;flex-direction:column;gap:6px;min-width:180px;padding:10px 0}.specialist-assignment strong{overflow-wrap:anywhere}.specialist-assignment small{color:#64748b;font-weight:400}.order-controls [data-progress-message]{flex-basis:100%;margin:4px 0;overflow-wrap:anywhere}
/* Responsive controls keep their labels intact; prose remains naturally wrapped. */
button{white-space:nowrap;flex-shrink:0}
.workspace{grid-template-columns:240px minmax(0,1fr)}
.sidebar{min-width:0}
.sidebar button{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar{height:auto;min-height:70px;flex-wrap:wrap;gap:10px 16px}
.bar strong{white-space:nowrap;flex-shrink:0}
.bar #identity{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar button{white-space:nowrap}
.section-heading{flex-wrap:wrap;gap:12px 20px;align-items:center}
.section-heading>div{min-width:0}
.section-heading h1{font-size:clamp(22px,3vw,28px)}
.actions{flex-wrap:wrap;align-items:center}
.order-tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:8px;max-width:100%}
.order-tab{flex:0 0 auto;white-space:nowrap}
.order-title{flex-wrap:wrap}.order-title h2{flex:1 1 210px}
.order-controls label{flex:1 1 180px;min-width:0}
.specialist-assignment{flex:1 1 240px;min-width:0}
.conversation{white-space:normal}.conversation small{white-space:nowrap}
.detail-heading{flex-wrap:wrap}.detail-heading>div{min-width:0}
.audit-filter{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}
@media(max-width:1000px){
 .workspace{display:block}
 .sidebar{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;padding:12px 16px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border-right:0;border-bottom:1px solid #e0e4e9;scrollbar-width:thin}
 .sidebar button{display:block;flex:0 0 auto;width:auto;max-width:none;margin:0;padding:10px 16px;overflow:visible;text-overflow:clip;line-height:1.5;white-space:nowrap}
 .sidebar p{display:none}
 .content{padding:20px;min-width:0}
}
@media(max-width:900px){
 .support-grid{grid-template-columns:minmax(0,1fr)}
 .support-grid aside{max-height:200px}
 .support-grid .context-pane{grid-column:auto;max-height:none}
 .context-pane .linked-order{display:flex;width:100%;margin-right:0}
}
@media(max-width:480px){
 .bar{padding:14px 16px;gap:10px;font-size:12px}
 .bar strong{flex-basis:100%}
 .bar #identity{margin-left:0;margin-right:auto;flex:1 1 100px}
 .bar button{padding:8px 12px}
 .content{padding:14px}
 .card,.notice-panel,.dispatch-panel{padding:16px}
 .support-grid section{padding:14px}
 .sidebar{padding:10px 14px}
 .actions{gap:8px}
 #reply{flex-wrap:wrap}#reply textarea{flex:1 1 100%;min-width:0}#reply button{margin-left:auto}
 .detail-meta{grid-template-columns:76px minmax(0,1fr)}
 .customer-meta{grid-template-columns:64px minmax(0,1fr)}
}

.cloud-debug-banner{margin:0;padding:12px 20px;background:#e9f0f8;color:#3d566e;text-align:center;}