:root{--ink:#193d35;--muted:#75827b;--line:#dfe5dc;--bg:#f5f6f0;--green:#147d72;--lime:#d8ef91;--panel:#fff;--shadow:0 12px 40px #143e3608;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button{border:0;background:none;color:inherit}.boot{padding:10vh;text-align:center;font-size:32px}.boot span{color:var(--green)}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:21px;letter-spacing:-.6px}.mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:var(--lime);color:var(--ink);font-size:27px}.layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#173f36;color:#dfe9dd;padding:30px 22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:248px}.sidebar .brand{color:white}.workspace-label{color:#a7bbb0;font-size:10px;letter-spacing:1.8px;margin:42px 12px 12px;text-transform:uppercase}.workspace{background:#ffffff10;color:#fff;border:1px solid #ffffff1c;border-radius:10px;padding:12px;width:100%}.workspace option{color:var(--ink)}nav{display:grid;gap:6px;margin-top:30px}nav button{text-align:left;padding:13px 14px;border-radius:10px;font-weight:550;color:#bdd0c4;display:flex;align-items:center;gap:13px}nav button:hover{background:#ffffff0b}nav button.active{background:var(--lime);color:var(--ink)}nav i{font-style:normal;font-size:18px;width:19px;text-align:center}.sidebar-bottom{margin-top:auto;padding-top:30px;font-size:12px;color:#a7bbb0}.account-email{overflow-wrap:anywhere;color:#e3ede6;margin-bottom:12px}.signout{padding:0;color:#b6cbbd}.main{grid-column:2;padding:0 46px 50px;max-width:1600px;width:100%;margin:auto}.topbar{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.crumb{color:var(--muted);font-size:12px}.top-right{display:flex;align-items:center;gap:20px}.avatar{width:34px;height:34px;border-radius:50%;background:#e0e8db;display:grid;place-items:center;font-weight:700}.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;background:#edf4e4;border:1px solid #e0ead5;border-radius:30px;font-size:11px;font-weight:650;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;background:#5f9d4d;border-radius:50%}.pill.off{background:#fff2df;border-color:#edddc4;color:#936326}.pill.off:before{background:#bb8a3f}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:36px 0 28px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--green);font-weight:700;text-transform:uppercase;margin-bottom:11px}h1{font-size:32px;letter-spacing:-1.1px;font-weight:650;margin:0 0 9px}h2{font-size:18px;letter-spacing:-.3px;margin:0}h3{font-size:14px;margin:0}p{line-height:1.65;margin:8px 0;color:var(--muted)}.sub{font-size:13px;color:var(--muted);line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:12px 17px;font-weight:600;background:var(--ink);color:#fff;line-height:1.2;font-size:12px;min-height:40px}.btn:hover{background:#24584b;text-decoration:none}.btn.light{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.soft{background:#eaf1df;color:var(--ink)}.btn.small{padding:9px 12px;min-height:34px;font-size:11px}.btn.danger{background:#9e443e}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.stat,.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.stat{padding:23px}.stat-label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.stat-icon{font-size:17px;color:var(--green)}.stat-value{font-size:29px;letter-spacing:-1px;font-weight:650;margin:16px 0 9px}.stat-note{font-size:10px;color:var(--muted)}.columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:22px}.card{padding:25px;margin-bottom:22px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.muted{color:var(--muted)}.tiny{font-size:11px}.onboarding{background:#e9efdc;border:1px solid #dbe4cd;border-radius:12px;padding:21px 24px;display:flex;gap:18px;align-items:center;margin-bottom:23px}.onboarding .round{font-size:23px}.onboarding p{font-size:12px;margin:4px 0}.onboarding .btn{margin-left:auto;flex-shrink:0}.steps{display:grid;gap:0}.step{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid #edf0e9}.step:last-child{border:0}.step-no{background:#f0f3e9;border:1px solid #dfe7d5;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0}.step.done .step-no{background:#e5f1d4;color:#548b35}.step p{font-size:11px;margin:5px 0}.step .btn{margin-left:auto;align-self:center}.store{padding:19px 0;border-top:1px solid var(--line)}.store:first-of-type{border-top:0}.store-title{display:flex;gap:12px;align-items:center}.store-logo{width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:#fafbf7;display:grid;place-items:center;font-weight:700;font-size:18px}.store-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px;margin-bottom:18px}.field label{font-size:12px;font-weight:600}input,select,textarea{width:100%;background:#fcfdf9;border:1px solid #dce3d7;padding:12px 13px;border-radius:8px;color:var(--ink);min-height:43px}textarea{resize:vertical;min-height:110px}input:focus,select:focus,textarea:focus{border-color:var(--green);outline:2px solid #147d7220}input[type=checkbox]{width:16px;min-height:16px;accent-color:var(--green)}input[type=color]{padding:4px;width:70px}.toggle{display:flex;align-items:flex-start;gap:11px;margin:18px 0;font-size:12px}.toggle span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.hint{font-size:11px;color:var(--muted);line-height:1.6}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.preview{background:#eef0e7;padding:30px 20px;border-radius:12px;min-height:410px;display:flex;align-items:center;justify-content:center}.mini-chat{width:300px;background:white;border-radius:17px;box-shadow:0 16px 40px #173f3618;overflow:hidden}.mini-head{background:var(--green);color:white;padding:18px;display:flex;align-items:center;gap:11px}.mini-avatar{width:35px;height:35px;border-radius:50%;background:#ffffff25;display:grid;place-items:center;font-size:20px}.mini-body{padding:20px 15px;min-height:190px;background:#fafbf7}.bubble{background:#eef3e7;padding:13px;border-radius:3px 14px 14px;font-size:12px;line-height:1.6;max-width:95%;color:var(--ink)}.mini-input{padding:13px 16px;border-top:1px solid var(--line);font-size:11px;color:#8b968f;display:flex;justify-content:space-between}.tag{background:#f0f3e9;border-radius:5px;padding:4px 7px;font-size:10px}.empty{text-align:center;padding:36px 15px;color:var(--muted);font-size:12px}.empty-icon{font-size:29px;color:#b5c3ad;margin-bottom:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th{text-align:left;color:var(--muted);font-weight:500;padding:12px 10px;background:#f7f9f2}td{padding:13px 10px;border-bottom:1px solid #edf0e8}.alert{padding:14px 17px;background:#fff4e5;border:1px solid #f0dfc4;border-radius:10px;color:#946331;font-size:12px;line-height:1.6;margin-bottom:18px}.success{background:#edf5e5;border-color:#d5e5c6;color:#527c39}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:#173f36;color:white;padding:55px 10%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.auth-story:after{content:"✳";position:absolute;bottom:3%;right:-10%;font-size:520px;color:#d8ef9109;pointer-events:none}.auth-story h1{font-size:56px;line-height:1.08;letter-spacing:-2.5px;max-width:480px;position:relative;z-index:1}.auth-story h1 em{font-style:normal;color:var(--lime)}.auth-story p{color:#b2c7b8;max-width:380px;margin-top:25px}.auth-story .foot{font-size:11px;color:#9ab5a4}.auth-panel{display:flex;align-items:center;justify-content:center;padding:35px}.auth-box{width:100%;max-width:350px}.auth-box h1{font-size:29px}.auth-box form{margin-top:30px}.auth-box .btn{width:100%;margin-top:8px}.auth-foot{margin-top:25px;font-size:11px;line-height:1.7;color:var(--muted)}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:1000;border-radius:10px;box-shadow:0 8px 30px #0002;background:var(--ink);color:white;padding:14px 22px;max-width:90%;display:none;font-size:13px}.secret{word-break:break-all;padding:15px;background:#edf4e4;border:1px solid #d9e4cf;border-radius:9px;font-family:monospace;font-size:12px;line-height:1.8}.spark{display:flex;gap:5px;height:90px;align-items:flex-end;padding:10px 0}.spark div{min-width:8px;flex:1;border-radius:4px 4px 0 0;background:#b5d5a5}.footer-note{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;padding:5px 0}.mobile-brand{display:none}.job{padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;display:flex;justify-content:space-between;gap:10px}.balance-card{background:#173f36;color:white;border-radius:14px;padding:26px;margin-bottom:22px}.balance-card .stat-value{font-size:38px}.balance-card p{color:#b0c7b6}.balance-card .btn{background:var(--lime);color:var(--ink)}.balance-card .muted{color:#b0c7b6}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.key-line{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);gap:10px}.key-line code{font-size:11px}.progress-line{height:5px;border-radius:10px;background:#eef1e7;overflow:hidden;margin-top:12px}.progress-line span{display:block;background:#9dc379;height:100%}.menu-mobile{display:none}.code{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f8f1;padding:15px;border-radius:8px;font-size:11px;line-height:1.7}dialog{border:1px solid var(--line);border-radius:15px;max-width:570px;width:90%;padding:25px;box-shadow:0 25px 100px #0003}dialog::backdrop{background:#0c211b70}dialog .btn{margin-top:18px}
@media(min-width:1600px){.main{padding-left:65px;padding-right:65px}}@media(max-width:1100px){.layout{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding:26px 15px}.main{padding:0 25px 35px}.stats{grid-template-columns:1fr 1fr}.columns{grid-template-columns:1fr}.auth-story h1{font-size:44px}}@media(max-width:700px){.layout{display:block}.sidebar{width:100%;height:auto;position:static;padding:16px}.sidebar .brand{font-size:19px}.sidebar .workspace-label,.sidebar-bottom{display:none}.workspace{margin-top:16px}.sidebar nav{display:flex;overflow:auto;margin-top:15px;gap:5px}nav button{font-size:11px;padding:10px;white-space:nowrap}nav i{display:none}.main{padding:0 17px 30px}.topbar{height:58px}.heading{margin:25px 0 20px;align-items:flex-start}h1{font-size:27px}.stats{gap:10px}.stat{padding:17px}.stat-value{font-size:25px}.card{padding:19px}.form-grid,.grid2{grid-template-columns:1fr}.onboarding{padding:17px;flex-wrap:wrap}.onboarding .btn{margin-left:0}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:260px;padding:26px}.auth-story h1{font-size:36px;max-width:350px;margin-top:25px}.auth-story p,.auth-story .foot{display:none}.auth-story:after{font-size:260px}.auth-panel{padding:35px 25px}.top-right{gap:9px}.top-right .tiny{display:none}.card-head{align-items:flex-start}.store-actions .btn{flex:1}.heading>.btn{font-size:10px;padding:11px}.footer-note{gap:15px}.sub{font-size:12px}}
.job-stage{padding:15px;border:1px solid var(--line);border-radius:10px;background:#fafcf7;margin:14px 0}.job-stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.job-stage .muted{font-size:11px;line-height:1.6;margin-top:6px}.job-percent{text-align:right;color:var(--muted);font-size:10px;margin-top:6px}.knowledge-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.knowledge-metrics div{padding:12px;background:#f4f7ef;border-radius:8px;display:grid;gap:7px}.knowledge-metrics span{font-size:9px;color:var(--muted)}.knowledge-metrics strong{font-size:14px}
@media(max-width:700px){.knowledge-metrics{grid-template-columns:1fr}.job-stage-head{align-items:flex-start}}
/* Customer chat desk */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chat-summary{display:flex;gap:12px 25px;align-items:center;flex-wrap:wrap;margin:-7px 0 20px;font-size:12px}.chat-summary strong{font-size:16px;margin-right:4px}.chat-live{color:#147d72}.chat-desk{display:grid;grid-template-columns:minmax(270px,34%) minmax(0,1fr);height:calc(100dvh - 290px);min-height:480px;max-height:980px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.chat-rail{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:#fff}.chat-search{display:flex;gap:8px;padding:17px 15px 10px}.chat-search input{min-width:0;background:#f2f5f4;border:0;border-radius:24px;font-size:12px}.chat-search button{font-size:23px;width:32px;flex-shrink:0;color:var(--green)}.chat-filters{display:flex;gap:4px;overflow:auto;padding:3px 12px 12px;flex-shrink:0}.chat-filters button{padding:8px 10px;white-space:nowrap;font-size:11px;border-radius:18px;color:#71817d}.chat-filters [aria-pressed=true]{background:#e4f2ec;color:#11745f;font-weight:650}.chat-list{overflow:auto;flex:1;min-height:0;scrollbar-width:thin}.chat-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:15px 14px;border-bottom:1px solid #f0f3f1;transition:background .15s}.chat-item:hover{background:#f3f8f5}.chat-item.selected{background:#e5f2eb}.chat-face{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#e2e9e7;color:#59746c;font-size:19px;font-weight:650;position:relative}.chat-face.customer{background:#cde9df;color:#197d68}.chat-face.guest{background:#e9e8f1;color:#85819d}.chat-face i{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:#42af87;border:2px solid #fff}.chat-item-main{min-width:0;flex:1}.chat-item-top,.chat-item-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.chat-item-top strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:13px}.chat-item-top time{font-size:10px;color:#80958c;white-space:nowrap}.chat-item-bottom{margin-top:7px;font-size:12px;color:#70847b}.chat-item-bottom>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-unread{background:#238e73;color:white;min-width:19px;padding:3px 5px;border-radius:15px;font-size:10px;text-align:center}.chat-kind{font-size:9px;color:#8a9a93;display:block;margin-top:7px}.chat-connection{padding:11px 15px;border-top:1px solid #edf2ee;font-size:10px;color:#819188;flex-shrink:0}.chat-pane{min-height:0;display:flex;flex-direction:column;position:relative;background:#edf3ed;background-image:radial-gradient(#c0d3c04d 1px,transparent 1px);background-size:22px 22px}.chat-placeholder{margin:auto;text-align:center;max-width:330px;padding:30px;color:#729184}.chat-placeholder>span{display:inline-grid;place-items:center;font-size:48px;width:85px;height:85px;border-radius:50%;background:#e2ece2;margin-bottom:20px}.chat-placeholder h2{font-size:21px}.chat-placeholder p{font-size:12px}.chat-thread-head{display:flex;align-items:center;gap:12px;background:#fffffff5;border-bottom:1px solid var(--line);padding:16px 22px;flex-shrink:0}.chat-thread-head h2{font-size:16px}.chat-thread-head p{font-size:10px;margin:4px 0;line-height:1.4}.chat-thread-head small{font-size:10px;color:#318b71}.chat-messages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 28px;scrollbar-width:thin}.chat-day{text-align:center;font-size:10px;color:#709184;margin:8px auto 18px;padding:5px 10px;border-radius:20px;width:max-content;background:#e0ebe1}.chat-message{max-width:85%;width:max-content;min-width:150px;margin-bottom:13px;padding:12px 14px 8px;box-shadow:0 2px 4px #284d3a09;border-radius:13px;background:#fff}.chat-message.incoming{border-bottom-left-radius:3px;margin-right:auto}.chat-message.outgoing{background:#d8efdf;border-bottom-right-radius:3px;margin-left:auto}.chat-message-author{font-size:10px;font-weight:650;color:#3d8b74;margin-bottom:6px}.chat-message-text{font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:#244c3f}.chat-message time{display:block;text-align:right;font-size:9px;color:#7b9a89;margin-top:5px}.chat-products{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chat-products a{border:1px solid #aacdb7;padding:7px;border-radius:7px;font-size:11px;background:#ffffff80}.chat-sources{font-size:10px;margin-top:8px}.chat-sources a{display:block;padding-top:5px;overflow-wrap:anywhere}.chat-monitor-note{background:#fffffff5;padding:12px 18px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#81978b;border-top:1px solid var(--line)}.chat-load-more{padding:13px;text-align:center;font-size:12px;color:#16816a;display:block;margin:0 auto}.chat-back{display:none;font-size:27px;padding:0 10px 0 0}.chat-pending,.chat-error{font-size:11px;padding:10px 14px;background:#ffffffb3;border-radius:12px;width:max-content;max-width:95%;margin:10px auto;color:#698979}.chat-error{background:#fff0e5;color:#996d51}.chat-new-messages{position:absolute;bottom:60px;right:18px;padding:11px 15px;border-radius:20px;box-shadow:0 3px 15px #183b3320;background:white;color:var(--green);font-size:12px}
@media(max-width:1100px) and (min-width:701px){.chat-desk{grid-template-columns:260px minmax(0,1fr)}.chat-messages{padding:15px}.chat-message{max-width:95%}.chat-summary .muted{width:100%}.chat-thread-head{padding:13px}.chat-monitor-note{flex-direction:column;gap:4px}}
@media(max-width:700px){.chat-desk{display:flex;height:72dvh;min-height:480px;border-radius:12px}.chat-rail{width:100%;border:0}.chat-pane{display:none;width:100%}.chat-desk.thread-open .chat-rail{display:none}.chat-desk.thread-open .chat-pane{display:flex}.chat-back{display:block}.chat-messages{padding:12px 15px}.chat-message{max-width:92%}.chat-summary{gap:10px 15px;font-size:10px}.chat-summary .muted{font-size:10px;line-height:1.6}.chat-thread-head{padding:13px 12px}.chat-thread-head .chat-face{display:none}.chat-monitor-note{font-size:9px;flex-direction:column;gap:4px}.chat-message-text{font-size:13px}}

.chat-desk.quality-open{grid-template-columns:280px minmax(320px,1fr) minmax(300px,.8fr)}.chat-diagnostics{overflow:auto;max-height:80vh;padding:16px;border-left:1px solid #ddd;background:#fafbf9}.chat-diagnostics header{display:flex;justify-content:space-between;align-items:center}.chat-diagnostics article{padding:10px 0;border-bottom:1px solid #ddd}.chat-diagnostics pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-diagnostics small{color:#667}.chat-diagnostics button{cursor:pointer}.chat-diagnostics p{overflow-wrap:anywhere}@media(max-width:1100px){.chat-desk.quality-open{grid-template-columns:220px minmax(300px,1fr)}.chat-diagnostics{grid-column:1/-1;max-height:65vh;border-top:1px solid #ddd}}
.chat-kind{display:flex;justify-content:space-between;gap:8px}.chat-kind>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-cost{flex-shrink:0;color:#477568;font-weight:650;font-variant-numeric:tabular-nums}
/* Keep every navigation item reachable at normal browser zoom. */
@media(min-width:701px){
.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#b8d68a #173f36;scrollbar-width:auto}
.sidebar>*{flex-shrink:0}
.sidebar nav{gap:3px;margin-top:20px}
.sidebar nav button{padding-top:9px;padding-bottom:9px}
.sidebar .workspace-label{margin-top:24px}
.sidebar-bottom{padding-top:20px}
.boot{display:flex;align-items:center;justify-content:center;gap:12px}.boot img{width:52px;height:52px}.brand-mark{width:42px;height:42px;flex:none}
.sidebar::-webkit-scrollbar{width:10px}
.sidebar::-webkit-scrollbar-track{background:#173f36}
.sidebar::-webkit-scrollbar-thumb{background:#b8d68a;border:2px solid #173f36;border-radius:8px}
}

.chat-manage {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 padding: 8px 16px;
 background: #fff;
 border-bottom: 1px solid var(--line);
 flex-shrink: 0;
}
.chat-manage [data-chat="delete"] { color: #9e3030; }

.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{min-width:0}.service-card .card-head{align-items:flex-start;flex-wrap:wrap}.service-summary{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.service-platform{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.service-platform summary{cursor:pointer;font-weight:600}.service-card button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:1200px){.services-grid{grid-template-columns:1fr}}

.service-icon{width:24px;height:24px;flex:none;vertical-align:middle}.service-title{display:flex;align-items:center;gap:12px}.service-title .service-icon{width:32px;height:32px;color:var(--green,#24695b)}.sidebar nav i .service-icon{display:block;width:22px;height:22px}
.language-picker{display:flex;align-items:center;gap:10px;margin:18px 0}.language-picker label{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.language-picker select{margin:0;min-width:150px;padding:9px 32px 9px 11px}.sidebar .language-picker{display:block;margin:16px 0 0}.sidebar .language-picker label{display:block;color:rgba(255,255,255,.6);margin-bottom:7px}.sidebar .language-picker select{width:100%;background:#fff;color:#183b34}.login-language-picker{position:fixed;z-index:20;top:18px;right:22px}.login-language-picker select,.topbar-language-picker select{width:auto;min-width:112px;min-height:30px;padding:5px 28px 5px 9px;border:0;border-radius:7px;background:#ffffffd9;color:var(--muted);font-size:11px;box-shadow:0 1px 8px #173f3608;backdrop-filter:blur(6px)}.login-language-picker select:hover,.login-language-picker select:focus,.topbar-language-picker select:hover,.topbar-language-picker select:focus{color:var(--ink);background:#fff}.topbar-language-picker{display:flex;align-items:center}.topbar-language-picker select{background:transparent;box-shadow:none}.language-actions{display:flex;gap:8px;flex-wrap:wrap}.language-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.language-status{display:inline-flex;gap:6px;align-items:center}
@media(max-width:700px){.login-language-picker{top:12px;right:12px}.topbar-language-picker select{min-width:88px;max-width:88px}.top-right{gap:6px}}

/* Webcloux light system — 2026 */
:root {
  --ink: #202223;
  --muted: #747778;
  --line: #e5e3e2;
  --bg: #f5f5f4;
  --green: #a33128;
  --lime: #f1dedb;
  --panel: #fff;
  --shadow: 0 18px 50px rgba(36, 28, 27, .055);
  color: var(--ink);
  background: var(--bg);
}

html { background: var(--bg); }
body { background: var(--bg); }
::selection { color: #fff; background: #a33128; }
a { color: #9a2e27; }
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible { outline: 3px solid rgba(163, 49, 40, .2); outline-offset: 3px; }

.brand { color: #202223; font-weight: 700; letter-spacing: -.04em; }
.brand-mark { width: 38px; height: 38px; display: block; border-radius: 9px; }
.layout { grid-template-columns: 240px minmax(0, 1fr); background: var(--bg); }
.sidebar {
  width: 240px;
  padding: 28px 20px;
  color: #515354;
  background: #fff;
  border-right: 1px solid var(--line);
}
.sidebar .brand { color: #202223; }
.workspace-label { margin: 38px 12px 11px; color: #999a9a; }
.workspace { color: #292b2c; background: #f6f5f4; border-color: #e7e4e3; }
.workspace option { color: #202223; }
nav { gap: 4px; margin-top: 24px; }
nav button { position: relative; color: #67696a; border-radius: 8px; }
nav button:hover { color: #262829; background: #f6f4f3; }
nav button.active { color: #8d2721; background: #f3e3e0; }
nav button.active::before { position: absolute; inset: 9px auto 9px 0; width: 3px; content: ""; background: #a33128; border-radius: 0 3px 3px 0; }
nav i { color: #929393; }
nav button.active i { color: #a33128; }
.sidebar-bottom { color: #8d8f90; }
.account-email { color: #414344; }
.signout { color: #77797a; }
.signout:hover { color: #a33128; }

.main { padding: 0 42px 48px; }
.topbar { height: 78px; background: rgba(245, 245, 244, .92); border-color: var(--line); backdrop-filter: blur(14px); }
.avatar { color: #7f241f; background: #f0dcd9; }
.heading { margin: 34px 0 25px; }
.eyebrow { color: #a33128; letter-spacing: .16em; }
h1 { color: #202223; font-weight: 620; }
h2, h3 { color: #292b2c; }
p, .sub, .muted, .hint { color: var(--muted); }

.btn { color: #fff; background: #a33128; border: 1px solid #a33128; border-radius: 7px; box-shadow: none; transition: background .18s ease, border-color .18s ease, transform .18s ease; }
.btn:hover { color: #fff; background: #81241e; border-color: #81241e; transform: translateY(-1px); }
.btn.light { color: #343637; background: #fff; border-color: #d9d7d6; }
.btn.light:hover { color: #8d2721; background: #faf7f7; border-color: #cda9a5; }
.btn.soft { color: #82261f; background: #f2dfdc; border-color: #ead0cc; }
.btn.danger { background: #8f2b25; border-color: #8f2b25; }

.pill { color: #7f241f; background: #f5e7e5; border-color: #ead1cd; }
.pill::before { background: #a33128; }
.pill.off { color: #797979; background: #f2f2f1; border-color: #dedcdb; }
.pill.off::before { background: #aaa8a7; }
.stat,
.card { border-color: var(--line); border-radius: 11px; box-shadow: var(--shadow); }
.stat-icon { color: #a33128; }
.onboarding { background: #f7ecea; border-color: #ecd8d4; border-radius: 10px; }
.step-no { background: #f6f4f3; border-color: #e4e1df; }
.step.done .step-no { color: #8c2923; background: #f1dedb; }
.store-logo { background: #fafafa; border-color: var(--line); border-radius: 9px; }

input,
select,
textarea { color: #202223; background: #fff; border-color: #dcd9d7; border-radius: 7px; }
input:hover,
select:hover,
textarea:hover { border-color: #c8c4c2; }
input:focus,
select:focus,
textarea:focus { border-color: #a33128; outline: 3px solid rgba(163, 49, 40, .1); }
input[type="checkbox"] { accent-color: #a33128; }
.preview { background: #f2f1f0; border: 1px solid #e7e4e3; }
.mini-chat { box-shadow: 0 20px 55px rgba(45, 32, 30, .1); }
.mini-head { background: #a33128; }
.mini-body { background: #fafafa; }
.bubble { color: #3b3030; background: #f3e8e6; }
.tag { color: #6c6d6e; background: #f2f1f0; }
.table-wrap { border: 1px solid var(--line); border-radius: 8px; }
th { color: #747778; background: #f6f5f4; }
td { border-color: #eeeceb; }
.success { color: #74251f; background: #f7e9e6; border-color: #e8cbc6; }
.secret { background: #f7f3f2; border-color: #e5d9d7; }
.spark div { background: #cf7770; }
.balance-card { color: #fff; background: #252728; border: 1px solid #383a3b; }
.balance-card p,
.balance-card .muted { color: #bdbfc0; }
.balance-card .btn { color: #fff; background: #a33128; border-color: #a33128; }
.progress-line { background: #eeeae9; }
.progress-line span { background: #a33128; }
.job-stage,
.knowledge-metrics div { background: #faf9f8; border-color: var(--line); }
dialog { border-color: var(--line); border-radius: 11px; box-shadow: 0 28px 100px rgba(25, 21, 20, .24); }
dialog::backdrop { background: rgba(32, 34, 35, .55); backdrop-filter: blur(3px); }
#notice { background: #252728; }

/* Login: light, editorial and connected to the main webcloux identity. */
.auth-layout { grid-template-columns: minmax(390px, .82fr) minmax(520px, 1.18fr); background: #fff; }
.auth-story {
  min-height: 100vh;
  padding: 52px 9%;
  color: #202223;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .78), rgba(238, 237, 236, .78)),
    #f0efee;
  border-right: 1px solid #dfdcda;
}
.auth-story::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: .28; background: linear-gradient(120deg, transparent 0 56%, rgba(163, 49, 40, .08) 56% 57%, transparent 57%); }
.auth-story::after { right: -1%; bottom: 2%; content: "CLOUX"; color: rgba(32, 34, 35, .045); font-family: "Arial Narrow", Inter, sans-serif; font-size: clamp(105px, 13vw, 210px); font-weight: 300; letter-spacing: -.09em; line-height: .8; }
.auth-story .brand { position: relative; z-index: 2; color: #202223; }
.auth-story .eyebrow,
.auth-story .eyebrow[style] { color: #a33128 !important; }
.auth-story h1 { max-width: 540px; color: #202223; font-family: "Arial Narrow", Inter, sans-serif; font-size: clamp(48px, 5vw, 74px); font-weight: 300; line-height: .96; letter-spacing: -.055em; text-transform: uppercase; }
.auth-story h1 em { color: #a33128; font-style: normal; }
.auth-story p { max-width: 430px; color: #666869; }
.auth-story .foot { color: #8b8d8e; }
.auth-panel { justify-content: flex-start; padding: 7vw 10%; background: #fff; }
.auth-box { max-width: 410px; }
.auth-box h1 { font-size: 36px; font-weight: 560; letter-spacing: -.04em; }
.auth-box form { margin-top: 34px; }
.auth-box .field { margin-bottom: 20px; }
.auth-box input { min-height: 48px; }
.auth-box .btn { min-height: 48px; }
.auth-foot { color: #848687; }
.login-language-picker select,
.topbar-language-picker select { color: #666869; background: #fff; border: 1px solid #e3e0de; box-shadow: 0 8px 30px rgba(38, 30, 29, .06); }
.topbar-language-picker select { background: transparent; box-shadow: none; }

/* Chat workspace follows the same neutral/red system. */
.chat-live,
.chat-search button,
.chat-load-more,
.chat-new-messages { color: #a33128; }
.chat-desk { border-color: var(--line); border-radius: 11px; box-shadow: var(--shadow); }
.chat-search input { background: #f4f3f2; }
.chat-filters [aria-pressed="true"] { color: #862720; background: #f2dfdc; }
.chat-item:hover { background: #faf7f7; }
.chat-item.selected { background: #f3e5e2; }
.chat-face.customer { color: #872820; background: #efd9d5; }
.chat-face i,
.chat-unread { background: #a33128; }
.chat-pane { background-color: #f2f1f0; background-image: radial-gradient(rgba(125, 117, 114, .2) 1px, transparent 1px); }
.chat-placeholder { color: #8a7d79; }
.chat-placeholder > span,
.chat-day { color: #7c7471; background: #e7e4e2; }
.chat-message.outgoing { background: #eedbd8; }
.chat-message-author,
.chat-thread-head small { color: #9b3028; }
.chat-message-text { color: #342f2e; }
.chat-products a { border-color: #d5aaa5; }
.chat-monitor-note { color: #827b78; }
.chat-manage [data-chat="delete"] { color: #8e2923; }

@media (max-width: 1100px) {
  .layout { grid-template-columns: 210px minmax(0, 1fr); }
  .sidebar { width: 210px; }
  .auth-layout { grid-template-columns: minmax(340px, .75fr) minmax(470px, 1.25fr); }
}

@media (max-width: 700px) {
  .sidebar { width: 100%; border-right: 0; border-bottom: 1px solid var(--line); }
  .sidebar nav { scrollbar-color: #c8a09c transparent; }
  .main { padding: 0 17px 30px; }
  .auth-layout { grid-template-columns: 1fr; }
  .auth-story { min-height: 245px; padding: 24px; border-right: 0; border-bottom: 1px solid var(--line); }
  .auth-story h1 { max-width: 340px; margin-top: 24px; font-size: 38px; }
  .auth-story::after { right: 4%; bottom: 5%; font-size: 92px; }
  .auth-panel { justify-content: center; padding: 38px 24px; }
  .auth-box { max-width: 410px; }
}