:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#18252e;background:#f4f7f8;font-synthesis:none;--teal:#008d91;--muted:#7b8998;--line:#e7edf0;--ink:#17242e}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #38bfc4;outline-offset:3px}[hidden]{display:none!important}a{color:var(--teal);text-decoration:none}button{border:0;background:none;color:inherit}h1,h2,p{margin-top:0}h1{font-size:25px;letter-spacing:-.7px;margin-bottom:4px}h2{font-size:21px;letter-spacing:-.4px}p{line-height:1.6}.subtle{font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:#1e2932;color:#c5cfd5;display:flex;flex-direction:column;padding:28px 16px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:750;letter-spacing:-.7px;color:inherit;padding:0 12px}.brand-mark{font-size:27px;display:grid;place-items:center;background:#00aaa7;color:#fff;width:35px;height:35px;border-radius:11px}.workspace-label{font-size:9px;letter-spacing:1.6px;color:#71838e;margin:43px 12px 15px}nav{display:grid;gap:8px}.nav-item{display:flex;align-items:center;text-align:left;width:100%;padding:13px 12px;border-radius:8px;gap:12px;font-size:14px}.nav-item>span{font-size:20px;width:23px;color:#9aaab5}.nav-item small{font-size:9px;margin-left:auto;color:#83959f}.nav-item.active{background:#0b6b70;color:#fff;box-shadow:inset 3px 0 #24ceca}.nav-item.active>span{color:#c4faf7}.nav-item:hover{background:#31424c}.sidebar-bottom{margin-top:auto;padding-top:25px}.account-name{font-size:11px;color:#94a5b0;margin:12px 8px 19px}.person{display:flex;align-items:center;gap:10px;padding:0 8px 20px}.person strong{display:block;font-size:13px;color:#f0f5f7}.person small{display:block;font-size:11px;margin-top:5px;color:#92a2ad}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:15px;background:#d9f2ef;color:#176a68;flex-shrink:0}.person-avatar{background:#46535e;color:#fff;width:34px;height:34px}.icon-btn{margin-left:auto;font-size:20px;color:#9aaeb9}.mode-box{background:#2b3943;padding:14px;border-radius:8px;display:grid;gap:8px}.eyebrow{font-size:8px;letter-spacing:1px;color:#9cafb9}.mode-box strong{color:#ecf5f5;font-size:13px}.mode-box small{font-size:10px;color:#94a7b0}.connection{font-size:10px;color:#95bfbf;padding:17px 8px 0}.workspace main{min-width:0;padding:0 28px}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;gap:15px}.top-actions{display:flex;align-items:center;gap:12px}.primary{background:var(--teal);color:white;padding:12px 20px;border-radius:7px;font-weight:600;font-size:12px;box-shadow:0 2px 3px #008d9120}.secondary{background:#fff;border:1px solid #dce4e8;border-radius:7px;padding:10px 14px;font-size:12px}.badge{font-size:10px;padding:6px 9px;border-radius:5px;font-weight:600;display:inline-block}.amber{background:#fff0cd;color:#8d630d}.teal{background:#e0f5f2;color:#007b79}.stage-notice{background:#eaf3f4;border:1px solid #d5e9e9;border-radius:9px;display:flex;align-items:center;gap:12px;padding:12px 15px;margin-bottom:20px}.notice-icon{color:var(--teal);font-size:22px}.stage-notice strong{display:block;font-size:11px;color:#276d73}.stage-notice span:not(.notice-icon){font-size:11px;color:#69858c;display:block;margin-top:4px}.page{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.tabs{display:flex;gap:22px;align-items:center;height:58px;border-bottom:1px solid var(--line);padding:0 24px;overflow-x:auto}.tab{height:100%;white-space:nowrap;color:#768490;font-size:12px;padding:0 1px;border-bottom:3px solid transparent}.tab.active{border-color:var(--teal);color:var(--teal);font-weight:700}.tab:hover{color:var(--teal)}.inbox-grid{display:grid;grid-template-columns:350px minmax(0,1fr);height:calc(100vh - 282px);min-height:560px;max-height:930px}.inbox-panel{border-right:1px solid var(--line);overflow:auto;display:flex;flex-direction:column}.search-box{display:flex;gap:9px;align-items:center;margin:20px 16px 12px;background:#f6f8fa;border:1px solid #e8edf0;border-radius:6px;padding:9px 10px}.search-box span{color:#7d919f;font-size:20px}.search-box input{width:100%;border:none;background:none;outline:0;font-size:11px;padding:2px;min-width:0}.list-caption{display:flex;justify-content:space-between;font-size:9px;color:#9aa5ae;padding:0 17px 13px}.chat-list{flex:1}.chat-row{display:flex;text-align:left;width:100%;gap:10px;padding:18px 16px;border-top:1px solid #f0f3f5;align-items:flex-start;position:relative}.chat-row:hover{background:#f5fafb}.chat-row.selected{background:#e7f5f4;box-shadow:inset 3px 0 var(--teal)}.state-icon{width:23px;height:23px;display:grid;place-items:center;flex-shrink:0;border-radius:6px;font-size:13px;font-weight:700}.state-ready{background:#e2f0ff;color:#2575d2}.state-handoff,.state-error{background:#ffeded;color:#d74756}.state-waiting{background:#fff3d2;color:#ad820b}.state-pending{background:#eef0f5;color:#5d6d87}.state-closed{background:#e0f5e9;color:#259564}.row-content{min-width:0;flex:1}.row-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.row-top strong{font-size:12px}.row-top time{font-size:9px;color:#8c9ca8;white-space:nowrap}.row-title{font-size:10px;color:#7a8b97;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0 3px}.row-price{font-size:10px;font-weight:650}.row-preview{font-size:11px;color:#7c8d99;margin:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8a99a5}.unread{border-radius:50%;background:var(--teal);color:#fff;font-size:9px;min-width:17px;height:17px;display:grid;place-items:center}.list-legend{padding:14px 13px;font-size:9px;color:#8da0ab;border-top:1px solid var(--line);display:flex;justify-content:space-between}.load-more{font-size:11px;color:var(--teal);padding:14px;background:#f4fbfa}.chat-panel{min-width:0;display:flex;flex-direction:column;overflow:hidden}.empty-state{margin:auto;padding:45px 20px;text-align:center;color:#7f919d}.empty-symbol{font-size:47px;color:#9bcacb;margin-bottom:20px}.empty-state h2{font-size:20px;color:#405864}.empty-state p{font-size:12px}.chat-header{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:center}.chat-header h2{font-size:17px;margin:0 0 6px}.chat-header p{font-size:11px;color:#7f8e98;margin:0}.chat-header a{font-size:10px;white-space:nowrap}.chat-meta{padding:10px 24px;font-size:10px;color:#7d8e9a;background:#fafcfd;border-bottom:1px solid #eff3f5}.chat-meta .badge{margin-right:8px;padding:4px 6px;font-size:9px}.handoff-reason{font-size:11px;color:#b83b4b;background:#fff0f1;margin:12px 20px 0;padding:11px 13px;border-radius:7px;line-height:1.5}.messages{padding:22px 24px;overflow:auto;flex:1;min-height:150px}.message{max-width:84%;margin-bottom:20px;clear:both;width:fit-content}.message.out{margin-left:auto}.message.system{margin:12px auto;color:#98a2aa;text-align:center}.message-label{font-size:9px;color:#8998a4;margin-bottom:7px;display:flex;justify-content:space-between;gap:16px}.bubble{padding:12px 15px;background:#f2f5f7;border-radius:0 12px 12px;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.out .bubble{background:#e4f6f4;border-radius:12px 0 12px 12px}.out.staff .bubble{background:#eaf1fb}.system .bubble{font-size:10px;background:#fbfcfd}.message.out .message-label{justify-content:flex-end}.draft{margin:0 20px 15px;background:#edf9f7;border:1px solid #d5ece8;border-radius:8px;padding:14px 16px}.draft-title{display:flex;justify-content:space-between;color:#157f7d;font-size:10px;gap:10px}.draft-title span{color:#88a2a2;font-size:9px}.draft p{font-size:12px;margin:10px 0 0;line-height:1.6;white-space:pre-wrap}.attachment{display:inline-block;padding:7px 9px;border:1px solid #d5e5e4;border-radius:5px;background:#fff;font-size:10px;margin-top:10px}.composer{padding:16px 20px;border-top:1px solid var(--line)}.composer-placeholder{border:1px solid #e3e9ed;background:#fafbfc;border-radius:7px;color:#99a7b2;font-size:11px;padding:14px;margin-bottom:10px}.composer-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.composer-actions small{font-size:9px;color:#9aa8b2}.composer-actions .secondary{padding:8px;font-size:10px}.composer-actions .primary{padding:10px 15px;font-size:10px}.app-footer{font-size:9px;color:#9aabb4;display:flex;justify-content:space-between;padding:16px 1px}.error{padding:12px 16px;background:#ffecec;color:#a73542;font-size:12px;border-radius:7px;margin:10px 0}.content-page{min-height:600px;padding:30px}.section-heading p{font-size:12px;color:#81939d}.listing-row{padding:22px 12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}.listing-row strong{font-size:13px}.listing-row p{font-size:11px;color:#80929d;margin:7px 0 0}.placeholder-card{max-width:600px;margin:50px auto}.placeholder-card h2{margin-top:24px}.placeholder-card p{font-size:13px}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#e0f5f1,#f4f7f8 65%);padding:30px}.login-card{background:#fff;border:1px solid #e3eeeb;border-radius:16px;box-shadow:0 25px 80px #1c444c0b;width:min(420px,100%);padding:38px}.login-card .brand{padding:0;margin-bottom:35px}.login-card h1{font-size:23px}.login-card p{font-size:12px;color:#80939b;margin-bottom:24px}.login-card label{display:grid;gap:8px;font-size:11px;margin:19px 0}.login-card input{padding:12px;border:1px solid #dce5e9;border-radius:7px;min-width:0;width:100%}.login-card .primary{width:100%;margin-top:7px}.login-card summary{font-size:10px;color:#96a6af;cursor:pointer}.login-card details p{font-size:10px;margin-top:15px}#login-error{color:#be4551;font-size:11px;margin-top:15px}.chat-back{display:none}
@media(min-width:1600px){.inbox-grid{grid-template-columns:400px minmax(0,1fr)}.chat-row{padding:20px}.row-top strong{font-size:14px}.row-title,.row-price{font-size:12px}.row-preview{font-size:12px}.bubble{font-size:14px}.message-label{font-size:11px}}
@media(max-width:1150px){.workspace{grid-template-columns:185px minmax(0,1fr)}.workspace main{padding:0 16px}.sidebar{padding:24px 10px}.brand{font-size:21px}.inbox-grid{grid-template-columns:290px minmax(0,1fr)}.tabs{gap:16px;padding:0 15px}.composer-actions{flex-wrap:wrap}.chat-header{padding:18px}.chat-header a{white-space:normal}.messages{padding:18px}.topbar .subtle{display:none}}
@media(max-width:800px){.workspace{grid-template-columns:70px minmax(0,1fr)}.sidebar{padding:24px 8px}.sidebar .brand{font-size:0;padding:0;justify-content:center}.sidebar .brand-mark{font-size:25px}.workspace-label,.sidebar small,.sidebar strong,.account-name,.mode-box,.connection,.person{display:none}.nav-item{font-size:0;justify-content:center;padding:12px}.nav-item>span{font-size:23px}.sidebar nav{margin-top:35px}.topbar{height:82px}.topbar h1{font-size:21px}.stage-notice{padding:9px}.stage-notice span:not(.notice-icon){font-size:9px}.tabs{gap:20px}.inbox-grid{display:block;height:calc(100vh - 270px);min-height:490px}.inbox-panel{height:100%;border-right:0}.chat-panel{display:none;height:100%}.dialogs-page.chat-open .inbox-panel{display:none}.dialogs-page.chat-open .chat-panel{display:flex}.chat-back{display:inline-block;font-size:12px;color:var(--teal);margin-bottom:7px}.chat-header{padding:12px}.badge{font-size:9px}.top-actions{gap:6px}.secondary{padding:8px;font-size:10px}.app-footer{font-size:8px}.content-page{padding:18px}.listing-row{align-items:flex-start;flex-direction:column}.bubble{font-size:12px}}
@media(max-width:800px){.chat-panel .messages{min-height:80px}.sidebar .person{display:flex;flex-direction:column;gap:10px;padding:10px 0}.sidebar .person>div{display:none}.sidebar .person .icon-btn{margin:0}}
.reply-editor{resize:vertical;width:100%;min-height:66px;border:1px solid #dce5e9;border-radius:7px;padding:12px;font-size:12px;color:#263e4a;background:#fff}.editor-hint{font-size:10px;color:#7c929d;padding:7px 0 12px}.write-tools,.send-tools,.listing-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.composer-actions{align-items:flex-start}.write-tools{flex:1}.send-tools{justify-content:flex-end}.mode-select{max-width:100%;width:100%;background:#273c45;color:#fff;border:1px solid #52636c;padding:8px;border-radius:6px}.command-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:10px 15px;font-size:12px;color:#296e70;background:#eff9f6;border-radius:7px;margin-bottom:14px}.listing-tools{margin-bottom:20px}.discovered{border:1px solid #bde5df;background:#f2fbf8;border-radius:9px;padding:20px;margin-bottom:22px}.config-card{border:1px solid #e2ecee;border-radius:9px;margin:16px 0;padding:18px;overflow:auto}.config-card h3{font-size:15px}.size-table{width:100%;border-collapse:collapse;font-size:11px}.size-table td,.size-table th{text-align:left;padding:9px;border-bottom:1px solid #ecf1f3}.size-table input[type=number]{min-width:65px;width:100%;max-width:110px;border:1px solid #dce6e9;padding:8px;border-radius:5px}.size-table input[type=checkbox],.config-label input[type=checkbox],.colour-choice input{accent-color:#008d91}.config-label{display:block;font-size:12px;margin:20px 0;line-height:1.8}.config-label>textarea,.config-label>input[type=file],.config-label>select{display:block;margin-top:8px}.config-label>select{max-width:100%;padding:10px}.colour-picker{display:flex;gap:15px;flex-wrap:wrap;margin:18px 0}.colour-choice{background:#eaf5f4;border:1px solid #d4eae8;padding:10px 14px;border-radius:7px;font-size:12px}.chat-panel .composer{max-height:42%;overflow:auto}.send-tools .primary{white-space:normal}
 .confirm-dialog {max-width:540px;width:calc(100% - 40px);border:1px solid #dce3ee;border-radius:16px;padding:24px;box-shadow:0 24px 80px #17294c30;color:#172438;}
 .confirm-dialog::backdrop {background:#15244088;}
 .confirm-dialog p {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;max-height:55vh;overflow:auto;margin:0 0 24px;}