:root{font-family:system-ui,sans-serif;color:#183342;background:#f4f7f8}body{max-width:1400px;margin:32px auto;padding:0 24px}header a{color:#147466}h1{font-size:30px}h2{font-size:20px}p,.hint{line-height:1.6}.hint{color:#647984;font-size:13px}.card{padding:24px;border:1px solid #dce5e8;background:white;border-radius:12px;margin:16px 0}label{display:block;font-size:14px}input,textarea,select,button{font:inherit;padding:10px;border:1px solid #cedbdf;border-radius:6px;margin:6px 0;max-width:100%;box-sizing:border-box}input:not([type=checkbox]),textarea{width:100%}button{background:#146e60;color:white;cursor:pointer;padding:10px 16px}button:disabled{opacity:.5;cursor:default}.toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.toolbar input#search{width:240px}.grid,.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}#events{max-height:620px;overflow:auto}#events>div,#viewers>div{padding:12px 0;border-bottom:1px solid #e3ebed}#notice{color:#a63e20;white-space:pre-wrap}#connection{padding:16px;background:#eaf3ed}#metrics{font-size:18px;color:#146e60}.nick{background:transparent;color:#146e60;padding:0;border:0;font-weight:700}#login{max-width:420px}#viewers{max-height:550px;overflow:auto}#profile p{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:850px){.columns,.grid{grid-template-columns:1fr}body{padding:0 12px}}

/* ERP blue and white surface system. */
:root{font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#102033;background:#edf6ff}
body{max-width:1600px;margin:24px auto;padding:0 24px;background:#edf6ff}header{padding:4px 0 12px}header a{color:#0757d6;text-decoration:none}h1{font-size:28px}h2{font-size:18px}p,.hint{color:#66819f}
.card{border:1px solid #bad7ff;border-radius:16px;background:linear-gradient(135deg,#fff,#f4f9ff);box-shadow:0 8px 24px rgba(22,97,185,.05)}
input,textarea,select{border-color:#bad7ff;border-radius:9px;background:#fff;color:#102033}input:focus,textarea:focus,select:focus{outline:2px solid #0969ff;outline-offset:1px}
button{background:linear-gradient(135deg,#0783ff,#0065cd);border-color:#0969ff;border-radius:9px;font-weight:600}button:focus-visible,a:focus-visible{outline:2px solid #0757d6;outline-offset:3px}
#stop,#revoke,#logout,#discard,#hide-token{background:#fff;color:#344d6c;border-color:#bad7ff}.nick{background:transparent;color:#0757d6;border:0}
.toolbar{padding:16px;border:1px solid #bad7ff;border-radius:14px;background:#ffffffc9}.toolbar label{color:#344d6c}.toolbar input[type=checkbox]{width:auto}
#connection{background:#e2f3ff;border:1px solid #bad7ff;border-radius:12px;color:#344d6c}#metrics{padding:20px;background:#fff;border:1px solid #bad7ff;border-radius:14px;color:#0757d6;font-weight:700}#metrics:empty{display:none}
#login{max-width:460px;margin:24px auto;padding:30px}#login button{width:100%;margin-top:18px}#login label{margin-top:12px}#notice:empty{display:none}#notice{color:#b74921}#events>div,#viewers>div{border-color:#d7e7f8}summary{font-weight:700;cursor:pointer;color:#344d6c}
.embedded body{margin:0;padding:0 12px 20px}.embedded header{padding:4px 6px}.embedded header a,.embedded header h1{display:none}.embedded header p{margin:10px 0}
@media(max-width:850px){body{padding:0 12px}.toolbar{align-items:stretch}.toolbar label,.toolbar input#search{width:100%}.card{padding:18px}.embedded body{padding:0 4px 16px}}

#client-panel{margin:18px 0;border-top:1px solid #bad7ff;padding-top:12px}#client-panel select{max-width:100%;width:100%}.quick-tags{display:flex;gap:6px;flex-wrap:wrap}.quick-tags button{background:white;color:#0757d6}.quick-tags [aria-pressed=true]{background:#0757d6;color:white}#client-popups{position:fixed;right:18px;bottom:16px;width:340px;max-width:calc(100vw - 36px);z-index:2000;max-height:80vh;overflow:auto}#client-popups .card{padding:16px;border:2px solid #e8a933;box-shadow:0 6px 30px #3455}#client-popups button{margin-right:8px}#client-settings input[type=checkbox]{width:auto}#client-manual p button{padding:4px 8px;margin-left:8px}
/* Compact live operator view: keep routine actions above detailed forms. */
.card{padding:16px;margin:10px 0;border-radius:12px;box-shadow:none;background:#fff}
h2{margin:0 0 12px}h3{font-size:16px;margin:12px 0 8px}p{margin:8px 0}
.toolbar{padding:10px;gap:8px}.toolbar input,.toolbar select,.toolbar button{margin:2px 0}
button,input,textarea,select{padding:8px;font-size:14px}button{padding:8px 12px}
#connection{padding:9px 12px;margin:8px 0;font-size:13px}#metrics{padding:10px 14px;font-size:15px;margin:8px 0}
.columns{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px;align-items:start}
.columns>.card{min-width:0}#events{height:420px;max-height:55vh}#events>div{padding:8px 0}#events p{margin:4px 0;color:#243e59;font-size:15px}#events small{font-size:12px;color:#76889b}
.feed-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.feed-heading h2{margin:0}.feed-heading select{width:auto}
#profile p{font-size:14px;margin:5px 0}#client-panel{margin:12px 0;padding-top:8px}.quick-tags button{padding:6px 10px}.client-more,.client-ai,.profile-edit{border-top:1px solid #e5edf5;padding-top:10px;margin-top:12px}summary{font-size:14px}.count-help{margin:8px 0}.count-help summary{font-weight:400;color:#72839a;font-size:12px}
#client-manual{padding-top:8px}.client-more[open] summary,.client-ai[open] summary{margin-bottom:10px}
@media(max-width:850px){.columns{grid-template-columns:1fr}.toolbar{align-items:center}.toolbar label{width:auto}.toolbar input#search{width:100%}#events{height:260px;max-height:40vh}.card{padding:12px}.feed-heading select{width:auto}}
.customer-badges{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0 2px}.customer-badge{display:inline-block;max-width:100%;overflow-wrap:anywhere;font-size:12px;line-height:1.5;padding:2px 7px;border-radius:5px;background:#eff4fa;color:#486079}.customer-badge.vip{background:#fff0cd;color:#885200;font-weight:700}.customer-badge.purchase,.customer-badge.fact{background:#e5f5eb;color:#216b43}.customer-badge.tag,.customer-badge.interest{background:#e9efff;color:#3653a0}.customer-badge.pending{background:#fff0e5;color:#995b25}.customer-badges details{width:100%}.customer-badges details summary{font-weight:400;font-size:12px}.customer-badges details .customer-badge{margin:3px 4px 0 0}
.live-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.live-summary small{display:block;color:#71839c;margin-bottom:8px}.live-summary strong{display:block;font-size:20px;overflow-wrap:anywhere}.live-actions{display:flex;gap:8px;margin-top:16px}#live-operations details{margin-top:12px}#live-operations table{width:100%;border-collapse:collapse}#live-operations th,#live-operations td{text-align:left;padding:10px 6px;border-bottom:1px solid #e5edf5}#advertising select{max-width:100%}.ad-brief{font-weight:600;margin:0 0 8px}.connection-detail{margin:8px 0;color:#71839c;font-size:12px}@media(max-width:650px){.live-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.live-summary strong{font-size:18px}#live-operations table{font-size:12px}}