:root{--red: #cc3333;--red-soft: #fbeaea;--text: #2c2c2c;--muted: #6b7078;--line: #e4e2dd;--surface: #ffffff;--sunken: #f7f6f3;--ok: #2f7d5b;--ok-soft: #e7f3ed;font:14px/1.5 Montserrat,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--sunken)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;border-radius:8px;padding:7px 12px;background:var(--red);color:#fff;font-weight:700}button:disabled{opacity:.4;cursor:default}button.ghost{background:none;color:var(--muted);border:1px solid var(--line)}button.ghost:hover{color:var(--text);background:var(--surface)}select{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.signin{min-height:100vh;display:grid;place-items:center;padding:16px}.signin form{width:min(360px,100%);padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--surface);display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 50px #00000014}.signin img{width:56px}.signin h1{margin:0;font-size:20px}.signin p{margin:0;color:var(--muted)}.signin label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700}.signin input{padding:9px 10px;border:1px solid #cfccc5;border-radius:8px;font-weight:400}.signin .error{color:var(--red)}.desk{height:100vh;display:grid;grid-template-columns:300px 1fr;grid-template-rows:auto auto 1fr}.bar{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.bar img{width:32px}.bar strong{font-size:16px}.bar .spacer{flex:1}.bar .team,.bar .who{color:var(--muted);font-size:13px}.bar .warn{color:var(--red);font-size:12.5px}.switch{display:inline-flex;align-items:center;gap:8px;background:var(--sunken);color:var(--muted);border:1px solid var(--line)}.switch i{width:10px;height:10px;border-radius:50%;background:#b8b5ae}.switch.on{background:var(--ok-soft);color:var(--ok);border-color:#b9d9c9}.switch.on i{background:var(--ok);box-shadow:0 0 0 3px #2f7d5b33}.notice{grid-column:1 / -1;padding:8px 16px;background:#fff6df;border-bottom:1px solid #f1dfae;font-size:13px;cursor:pointer}.side{overflow-y:auto;border-right:1px solid var(--line);background:var(--surface);padding:8px 10px 20px}.section h2{margin:14px 4px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.section .none{margin:0 4px;font-size:12.5px;color:#a3a09a}.item{width:100%;display:grid;grid-template-columns:1fr auto;text-align:left;padding:8px 10px;margin-bottom:4px;background:none;color:var(--text);font-weight:400;border:1px solid transparent}.item:hover{background:var(--sunken)}.item.selected{border-color:var(--red);background:var(--red-soft)}.item b{font-weight:700}.item span{grid-column:1;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item small{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:11.5px;color:var(--muted)}.item.unread b:after{content:"";display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%;background:var(--red)}.offer{padding:10px;margin-bottom:6px;border:1.5px solid var(--red);border-radius:10px;background:var(--red-soft);display:flex;flex-direction:column;gap:2px;animation:pulse 1.6s ease-in-out infinite}.offer span{font-size:12.5px;color:var(--muted)}.offer em{font-size:12.5px}.offer div{display:flex;gap:6px;margin-top:6px}@keyframes pulse{50%{box-shadow:0 0 0 4px #cc333326}}.main{overflow:hidden}.empty{height:100%;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--muted);padding:20px;text-align:center}.empty img{width:72px;opacity:.7}.chat{height:100%;display:flex;flex-direction:column}.chat-head{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--surface);border-bottom:1px solid var(--line)}.chat-head>div:first-child{flex:1;min-width:0}.chat-head h1{margin:0;font-size:17px}.chat-head p{margin:0;font-size:12.5px;color:var(--muted)}.chat-head a{color:var(--red)}.actions{display:flex;gap:6px;align-items:center}.fold{background:none;color:var(--text);padding:0;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.fold small{margin-left:8px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)}.account{padding:10px 18px;background:#fbfaf7;border-bottom:1px solid var(--line);max-height:38vh;overflow-y:auto}.account-body{margin-top:6px;font-size:12.5px}.account-body .where{margin:0 0 4px}.account-body .alerts{margin:0 0 4px;color:var(--red)}.account-body ul{margin:0;padding-left:18px}.account-body li{margin:1px 0}.account-body li.sub{margin-left:16px;color:var(--muted)}.wolly{padding:8px 18px;border-bottom:1px solid var(--line);background:var(--surface);font-size:12.5px;max-height:26vh;overflow-y:auto}.wolly p{margin:4px 0}.wolly .w-wolly{color:var(--muted)}.lines{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:8px}.sys{align-self:center;font-size:12px;color:var(--muted)}.sys small{margin-left:4px;color:#a3a09a}.line{max-width:70%;padding:8px 12px;border-radius:12px;font-size:13.5px}.line small{display:block;font-size:11px;color:var(--muted)}.line p{margin:0 0 6px}.line p:last-child{margin-bottom:0}.from-user{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:4px}.from-agent{align-self:flex-end;background:var(--ok-soft);border:1px solid #b9d9c9;border-bottom-right-radius:4px}.from-agent a,.from-user a{color:var(--red)}.composer{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 18px 14px;background:var(--surface);border-top:1px solid var(--line)}.composer .tools{grid-column:1 / -1;display:flex;gap:6px}.composer textarea{padding:8px 10px;border:1px solid #cfccc5;border-radius:8px;resize:vertical;min-height:44px}.composer textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}@media(max-width:760px){.desk{grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr}.side{max-height:36vh;border-right:none;border-bottom:1px solid var(--line)}.bar .team,.bar .who{display:none}.line{max-width:90%}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:16px;background:#14141659}.dialog{width:min(380px,100%);padding:22px;border-radius:14px;background:var(--surface);display:flex;flex-direction:column;gap:10px;box-shadow:0 18px 50px #0003}.dialog h2{margin:0 0 4px;font-size:17px}.dialog label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700}.dialog input{padding:9px 10px;border:1px solid #cfccc5;border-radius:8px;font-weight:400}.dialog .error{margin:0;color:var(--red)}.dialog div{display:flex;gap:8px}