.support-desk{display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px;min-height:560px}.support-sidebar,.support-thread{border:1px solid #dde4ef;background:#fff;border-radius:14px;overflow:hidden}.support-sidebar{display:flex;flex-direction:column}.support-filters{padding:14px;border-bottom:1px solid #e5e9f2;display:grid;gap:9px}.support-filters input,.support-filters select,.support-customer input,.support-customer textarea,.support-customer select,.support-assign select,.support-compose textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid #ccd5e3;border-radius:8px;font:inherit;color:#25364c;background:white}.support-list{max-height:650px;overflow-y:auto}.support-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #edf0f6;background:white;padding:15px;cursor:pointer;color:#28394c;font:inherit}.support-item.active{background:#eef2ff;border-left:4px solid #435cb1}.support-item strong,.support-item small{display:block;overflow-wrap:anywhere}.support-item small{color:#68788f;line-height:1.6;font-size:12px;margin-top:5px}.support-count{display:inline-block;background:#d84a47;border-radius:20px;color:white;font-size:11px;padding:2px 7px;margin-left:7px}.support-thread{padding:16px;min-width:0}.support-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.support-heading h3{font-size:16px}.support-heading small{font-size:12px;color:#65758a}.support-feed{height:350px;overflow:auto;overscroll-behavior:contain;background:#f5f7fb;border:1px solid #e1e7ef;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:12px}.support-bubble{max-width:85%;align-self:flex-start;background:white;border:1px solid #e0e6ef;border-radius:10px;padding:10px 13px}.support-bubble.operator{align-self:flex-end;background:#e8eeff;border-color:#dce5ff}.support-bubble small{display:block;font-size:11px;color:#687b92;margin-bottom:6px}.support-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65;margin:0}.support-compose{display:grid;gap:8px;margin-top:12px}.support-compose textarea{resize:vertical;min-height:76px;max-height:220px}.support-compose button{justify-self:end}.support-notice{font-size:12px;color:#64748b;margin:10px 0;line-height:1.8;white-space:pre-wrap}.support-notice.error{color:#b33636}.support-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.support-customer{margin-top:20px;border-top:1px solid #e1e7ef;padding-top:16px}.support-customer summary{font-weight:700;cursor:pointer;margin-bottom:14px}.support-customer label{display:block;font-size:12px;margin:12px 0}.support-customer label span{display:block;margin-bottom:6px}.support-assign{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.support-assign select{width:auto;min-width:140px}.staff-shell{max-width:1400px;margin:auto;padding:24px}.staff-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.staff-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.staff-actions select{width:auto}.staff-account{max-width:560px;margin:20px 0}.support-empty{padding:30px 16px;color:#718096;font-size:13px;text-align:center}.support-agent-form{max-width:560px}.support-agent-table td{vertical-align:middle}.support-login-link{font-size:12px;text-align:center;margin:18px 0}.customer-chat-launch{position:fixed;right:22px;bottom:24px;z-index:450;border:0;border-radius:28px;background:#3b4fa8;color:white;padding:14px 22px;box-shadow:0 6px 25px #253c7338;font:inherit;font-weight:700;cursor:pointer}.customer-chat-panel{position:fixed;right:22px;bottom:88px;width:370px;max-width:calc(100vw - 24px);height:570px;max-height:calc(100dvh - 116px);z-index:450;background:white;border:1px solid #d8e1ef;border-radius:16px;box-shadow:0 14px 60px #1c2e5c38;display:flex;flex-direction:column;overflow:hidden}.customer-chat-panel[hidden],.customer-chat-launch[hidden]{display:none}.customer-chat-head{padding:14px 16px;background:#263b7a;color:white;display:flex;justify-content:space-between;align-items:center}.customer-chat-head button{border:0;background:transparent;color:white;font-size:24px;cursor:pointer;padding:4px 9px}.customer-chat-state{font-size:11px;color:#62758c;padding:9px 13px;border-bottom:1px solid #e3e9f3;line-height:1.6}.customer-chat-feed{flex:1;height:auto;min-height:80px;border:0;border-radius:0;padding:12px}.customer-chat-compose{padding:12px;margin:0;border-top:1px solid #e3e9f3}.customer-chat-compose textarea{min-height:60px;max-height:120px;font-size:14px}.customer-chat-compose button{border:0;padding:9px 18px;border-radius:8px;background:#3b4fa8;color:white;font:inherit;cursor:pointer}.customer-chat-notice{padding:0 12px;font-size:11px;color:#b33636;white-space:pre-wrap;overflow-wrap:anywhere}.support-read-hint{font-size:11px;color:#718096;text-align:right;margin:7px 0}.support-older{border:0;background:transparent;color:#405dac;cursor:pointer;font-size:12px;padding:8px}.support-compose button:disabled{opacity:.6}@media(max-width:820px){.support-desk{grid-template-columns:1fr}.support-list{max-height:260px}.support-feed{height:320px}.staff-shell{padding:14px}.customer-chat-launch{right:12px;bottom:82px}.customer-chat-panel{right:12px;bottom:142px;max-height:calc(100dvh - 160px)}.support-bubble{max-width:92%}}