:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#243832;background:#f4f6f3;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #dbe2dc;background:white;border-radius:8px;padding:9px 13px;color:#345447}button:hover{background:#eef5ef}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #719b80;outline-offset:2px}.rail{width:76px;background:#173e32;min-height:100vh;position:fixed;inset:0 auto 0 0;color:white;text-align:center;padding:26px 10px}.logo{font-size:28px;font-weight:750;letter-spacing:-4px}.logo span{color:#a4c6a4}.rail-label{margin-top:54px;padding:14px 0;background:#2c5143;border-radius:10px}.rail-bottom{position:absolute;bottom:25px;font-size:10px;letter-spacing:2px;line-height:1.8;left:10px;right:10px;color:#b0c2b6}.shell{margin-left:76px;width:calc(100% - 76px);padding:30px 32px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;color:#789183;font-weight:650}h1{font-size:28px;margin:9px 0}h2{font-size:16px;margin:0}h3{font-size:14px;margin:12px 0}p{margin:6px 0;color:#7c8b81;font-size:12px}.connection{text-align:right;font-size:12px;line-height:1.9}.connection small{color:#8a968e}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9caa83;margin-right:7px}.notice{border:1px solid #e7dfc9;background:#faf7ec;padding:10px 14px;border-radius:9px;font-size:12px;color:#8b7850;display:flex;align-items:center;justify-content:space-between;gap:12px}.notice button{background:transparent;border:0;padding:3px;white-space:nowrap;color:#8b7850}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.metrics>div{background:white;border:1px solid #e4e9e2;border-radius:12px;padding:17px 20px}.metrics span,.metrics small{display:block;font-size:11px;color:#819086}.metrics strong{display:block;font-size:29px;font-weight:550;line-height:1.8}.metrics .text-metric{font-size:21px;line-height:2.5;color:#9a7e45}main{display:grid;grid-template-columns:255px minmax(310px,1fr) 290px;background:white;border:1px solid #e0e6df;border-radius:14px;overflow:hidden;min-height:620px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-head>span{font-size:10px;color:#8a978c}.customers{border-right:1px solid #e6ebe5;padding:20px 15px;position:relative}.customers input{width:100%;margin-top:20px;padding:11px;border:1px solid #e1e6df;border-radius:8px;background:#f8faf7}.filters{display:flex;gap:5px;margin:14px 0}.filters button{font-size:11px;border:0;padding:7px 10px;background:#f7f8f5}.filters .selected{background:#e7eee5;color:#265a3f}.customer{width:100%;display:block;text-align:left;margin:8px 0;padding:15px 11px;border:1px solid transparent;background:transparent}.customer.selected{background:#edf3eb;border-color:#d6e3d2}.customer-name{font-weight:650;margin-bottom:8px;display:flex;justify-content:space-between;gap:5px}.customer small{display:block;color:#839183;font-size:11px;line-height:1.8}.tag{font-size:10px;color:#7a8758;font-weight:normal;white-space:nowrap}.queue-note{font-size:11px;line-height:1.9;color:#91a08f;margin:40px 8px 0}.conversation{display:flex;flex-direction:column;min-width:0}.chat-head{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef0eb;gap:10px}.chat-head button{font-size:12px;white-space:nowrap}#mode-banner{padding:10px 20px;background:#f5f8f1;color:#718265;font-size:11px}#messages{height:270px;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:16px;background:#fcfcfa}.message{max-width:88%;align-self:flex-start}.message.out{align-self:flex-end}.message .bubble{background:#f0f1ed;border-radius:2px 12px 12px 12px;padding:12px 14px;line-height:1.7;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.out .bubble{background:#e4eddf;border-radius:12px 2px 12px 12px}.message small{font-size:10px;color:#91a08e;display:block;margin:6px 2px}.message .translation{font-size:11px;color:#788674;line-height:1.6;margin-top:7px}.composer{padding:17px 20px;border-top:1px solid #edf0e9}.suggest-head{display:flex;justify-content:space-between;font-size:11px}.muted{color:#96a28f}textarea{resize:vertical;min-height:80px;width:100%;margin:10px 0;border:0;background:#f7f8f4;border-radius:8px;padding:12px;line-height:1.6}.compose-actions{display:flex;justify-content:space-between;gap:8px;font-size:12px}.primary{background:#244e3a;color:white;border-color:#244e3a}.primary:hover{background:#336048}.scenario{display:flex;align-items:center;gap:10px;padding:13px 20px;border-top:1px solid #edf0e9;margin-top:auto;flex-wrap:wrap;font-size:11px;color:#839078}.scenario button{font-size:11px}.scenario small{font-size:10px}.details{border-left:1px solid #e6ebe5;padding:20px}.detail-block{padding:16px 0;border-bottom:1px solid #edf0e9}#facts{font-size:12px;line-height:2;color:#778474}.fact{display:flex;justify-content:space-between;gap:16px}.fact b{color:#38503b;font-weight:500;text-align:right}.item{padding:10px;background:#f6f8f3;border-radius:8px;font-size:12px;line-height:1.8;margin:8px 0}.item strong{font-weight:550;display:block}.price-note{font-size:11px;line-height:1.8;color:#9b8b67;margin:14px 0}.full{width:100%;font-size:12px;margin-top:8px}.secondary{border:0;color:#8d9a86}.details ul{padding-left:16px;color:#7f8d76;font-size:11px;line-height:2.1}.empty{padding:24px 4px;color:#9aa48f;font-size:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#284b39;color:white;padding:12px 22px;border-radius:10px;display:none;box-shadow:0 5px 20px #0002;font-size:13px}@media(min-width:1500px){.shell{max-width:1600px;margin:auto;padding-left:100px}}@media(max-width:1150px){.shell{padding:20px}main{grid-template-columns:210px minmax(280px,1fr)}.details{grid-column:1/-1;border-left:0;border-top:1px solid #e0e6df;display:grid;grid-template-columns:1fr 1fr;gap:20px}.details>.section-head{grid-column:1/-1}.details .detail-block{padding:0}.metrics>div{padding:12px}}@media(max-width:700px){.rail{display:none}.shell{margin:0;width:100%;padding:15px}header{align-items:start}.connection{max-width:145px}.metrics{grid-template-columns:1fr 1fr}main{display:block}.customers{border-right:0}.customer{margin:4px 0}.queue-note{display:none}.details{display:block}.chat-head{border-top:1px solid #eee}.notice{line-height:1.7}}
[hidden]{display:none!important}.connections{margin:0 0 18px;color:#70836f;font-size:12px;background:#eaf0e7;padding:13px 16px;border-radius:9px;line-height:1.9}.connections summary{cursor:pointer}.connections div{padding-top:12px}a{color:#35674a}select,input,textarea{max-width:100%}select{width:100%;padding:9px;border:1px solid #dbe2dc;border-radius:7px;background:white;color:#415642}.welcome{padding:60px 25px}.welcome p{line-height:2}#chat{height:100%;display:flex;flex-direction:column}#messages{min-height:270px}#notes{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}#items .item button{font-size:10px;padding:3px 7px;margin-top:5px}.suggest-head{align-items:center}.suggest-head button{font-size:10px}.notice a{white-space:nowrap}dialog{border:1px solid #d5dfd0;border-radius:16px;padding:25px;max-width:560px;width:90%;max-height:90vh;color:#294630}dialog::backdrop{background:#17332377}#fields label{display:block;font-size:12px;margin:15px 0 5px}#fields input,#fields select,#fields textarea{width:100%;padding:10px;border:1px solid #d5dfd0;border-radius:7px;margin-top:5px}#fields textarea{min-height:90px}#form-error{color:#ae4f35;white-space:pre-wrap}.item{overflow-wrap:anywhere}.compose-actions{flex-wrap:wrap}.chat-head h2{overflow-wrap:anywhere}#save-status.error{color:#b74f38}

.toolbar{display:flex;align-items:center;gap:18px;margin-bottom:14px;font-size:12px;color:#6d816b}#resolve-task{font-size:11px;margin-bottom:8px}

.customer-tools{display:flex;flex-wrap:wrap;gap:10px;padding:16px 20px;background:#f0f6ef;border-bottom:1px solid #dce7d8}.customer-tools a{display:inline-block;border:1px solid #c7d8c3;border-radius:8px;padding:12px 16px;text-decoration:none;font-weight:600}.customer-tools a.primary{color:white}.customer-tools small{flex-basis:100%;color:#667660}.toolbar{flex-wrap:wrap}

.followups{margin:16px 0;padding:16px;background:#fff;border:1px solid #dce5df;border-radius:12px}.followups summary{cursor:pointer;font-weight:700}.followups>p{color:#596963;font-size:13px}#followup-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.followup-card{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;white-space:normal}.followup-card small{overflow-wrap:anywhere;color:#596963}.followup-card span{color:#855b16}#show-followups{margin-top:6px;font-size:12px}

/* Keep cards and actions within narrow remote-desktop windows. */
.shell{min-width:0;max-width:100%;margin-right:0}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics>div{min-width:0}.toolbar>*{max-width:100%;overflow-wrap:anywhere}.customer-name,.customer small{overflow-wrap:anywhere}#followup-list{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.notice{flex-wrap:wrap}@media(min-width:1500px){.shell{margin-left:76px;margin-right:0;padding:30px 32px;max-width:calc(100% - 76px)}}@media(max-width:700px){.metrics{grid-template-columns:1fr 1fr}.shell{margin-left:0}}

/* 公网登录页：手机上单栏居中，不出现左侧导航条。 */
.login-page{margin:auto;padding:40px 24px;max-width:380px;width:100%}.login-page h1{font-size:24px;margin:0 0 6px}.login-page form{margin:22px 0 10px}.login-page label{display:block;font-size:12px;color:#6d816b;margin-bottom:6px}.login-page input{width:100%;padding:13px;border:1px solid #d5dfd0;border-radius:9px;background:white}.login-page button{width:100%;margin-top:16px;padding:13px;background:#244e3a;color:white;border-color:#244e3a}.login-page button:hover{background:#336048}.login-page .small{font-size:11px;line-height:1.9}.login-page code{background:#eef2ec;padding:2px 5px;border-radius:4px}