/* HypeBPO TM2.9 — additive visual theme. Load AFTER styles.css. */
:root{--orange:#ff782b;--orange-dark:#ad3d00;--ink:#20242b;--muted:#626b79;--line:#e2e6ec;--soft:#f1f4f8;--shadow:0 20px 65px #1118271a;font-family:Tahoma,Arial,sans-serif}
html,body{background:#edf0f5}
.ambient{display:none}
.messenger-shell{height:100dvh;min-height:0;grid-template-rows:64px minmax(0,1fr)}
.topbar{height:64px;background:linear-gradient(115deg,#121720,#232936);border-bottom:1px solid #ff782b50;color:#f7f8fb;padding:0 24px;box-shadow:0 3px 16px #11182718}
.topbar-brand strong{font-size:14px;letter-spacing:.02em}.topbar-brand span{color:#a8e9c9}.profile-summary span{color:#b3bdca}.topbar .quiet-link{color:#ffae7d}
.brand-mark{border-radius:12px;background:linear-gradient(145deg,#ff9b57,#f26920);color:#1b1e24;box-shadow:0 4px 16px #ff782b30;border:1px solid #ffb684}.brand-mark.small{border-radius:10px}
.workspace{grid-template-columns:292px minmax(0,1fr);overflow:hidden}.sidebar{padding:20px 14px 12px;background:#fff;border-right:1px solid var(--line);overflow:auto}.sidebar-head h2{font-size:19px;letter-spacing:-.03em}.eyebrow{font-size:10px;letter-spacing:.14em}
input,textarea,select{border-radius:10px;border:1px solid #d8dee7;background:#f9fafc;color:#20242b;font:inherit}input,textarea{padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:#cc5414;box-shadow:0 0 0 3px #ff782b20}
button{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
.primary-button,.secondary-button,.icon-button{border-radius:10px;font-weight:700;min-height:38px}
.primary-button{background:linear-gradient(150deg,#ff984e,#ff782b);color:#23170f;border:1px solid #e76a22;box-shadow:0 3px 8px #b64a0020,inset 0 1px #ffffff66;padding:10px 16px}.primary-button:hover{background:linear-gradient(150deg,#ffa45e,#ff873b);box-shadow:0 5px 14px #b64a002b}.primary-button.compact{padding:9px 16px}
.secondary-button,.icon-button{background:linear-gradient(#fff,#f2f4f8);border:1px solid #dbe1e9;color:#343d4b;box-shadow:0 1px 2px #14203008;padding:9px 12px}.secondary-button:hover,.icon-button:hover{background:#fff3e9;border-color:#e8ad88;color:#843500}.icon-button{padding:0}
.topbar .secondary-button{background:#ffffff0b;color:#e6ebf3;border-color:#ffffff26}.topbar .secondary-button:hover{background:#ffffff18}
button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid #bb4d0d;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.conversation-list{gap:5px;margin:14px 0;max-height:36vh}.conversation-item,.member-item{border-radius:11px;padding:10px;gap:10px}.conversation-item.active{background:#fff2e8;box-shadow:inset 3px 0 #f7782a,inset 0 0 0 1px #f9dbc7}.conversation-item:hover,.member-item:hover{background:#f2f5f9}.conversation-item.active:hover{background:#ffeddf}
.avatar{width:35px;height:35px;border-radius:11px;font-size:12px;background:#eaf0f6;color:#49556b}.avatar.group{background:#202936;color:#ffac76;border:1px solid #354151}.item-copy small{color:#747e8c}.directory-head{padding-top:14px}.member-item{padding:8px}
.chat-panel{background:#f2f4f8;overflow:hidden}.chat-head{padding:14px 22px;gap:12px;background:#fffffff5}.chat-head h2{font-size:18px}.chat-head-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.v2-call-button{font-size:12px}.chat-head #v2VideoCallButton{background:#222d3e;border-color:#222d3e;color:#fff}.chat-head #v2VideoCallButton:hover{background:#35435a}
.message-list{padding:24px clamp(16px,4vw,64px);gap:15px;scroll-behavior:auto;background:radial-gradient(ellipse at 95% 5%,#ff782b07,transparent 50%)}.message-card{box-shadow:0 2px 5px #16253c05;border-color:#e0e5ed;border-radius:14px 14px 14px 4px;padding:11px 14px}.message-row.own .message-card{background:#fff0e4;border-color:#efd7c3;border-radius:14px 14px 4px 14px}.message-body{line-height:1.6}.message-footer time{color:#6c7480}.message-meta span{color:#68717e}.message-row{max-width:min(740px,85%)}
.composer{padding:13px 20px 16px;background:#fff;border-top:1px solid #e0e5ed}.composer textarea{background:#f7f9fc;border-radius:12px;min-height:48px}.composer-actions{gap:8px}.v2-reaction{border-radius:7px}.badge{background:#c64d07;color:#fff}
.login-shell{background:radial-gradient(ellipse at 75% 10%,#ff782b15,transparent 45%),#111720}.login-card{border-radius:20px;border:1px solid #ffffff33;box-shadow:0 28px 80px #0005;padding:30px}.login-card h1{font-size:27px}.login-copy{font-size:13px}.security-note{color:#626b79}
.v2-dialog,.tm26-hub,.tm26-preview{border-radius:18px;box-shadow:0 28px 85px #10182740}.v2-dialog header,.tm26-heading{border-bottom:1px solid #e1e6ee}.tm27-danger{margin-top:20px;padding:16px;border:1px solid #ebc8c8;background:#fff7f7;border-radius:12px}.tm27-danger p{font-size:12px;line-height:1.5;color:#754a4a}.tm27-danger button{color:#a52222;border-color:#e7b7b7}
.tm-call-header,.tm26-room-head{background:linear-gradient(120deg,#111720,#222d3d);border-bottom:1px solid #ff782b55}.tm-call-controls,.tm26-controls{background:#141b27;border-top:1px solid #ffffff16}.call-control,.tm26-controls button{border-radius:11px;border:1px solid #ffffff25;background:#232e3f;color:#f4f6fa;box-shadow:inset 0 1px #ffffff0a}.call-control:hover,.tm26-controls button:hover{background:#354359}.call-control.danger,.tm26-controls .tm26-leave{background:#b83136;border-color:#d34d52;color:#fff}.tm26-tile{border-radius:14px;overflow:hidden}.tm26-tile.speaking{outline:2px solid #ff954c;outline-offset:-2px}.tm26-brand{color:#ff9d61}
.toast{border-radius:11px;background:#202b3b;box-shadow:0 10px 35px #11182730}.toast.error{background:#9c292d}*{scrollbar-width:thin;scrollbar-color:#bfc7d3 transparent}
@media(max-width:1050px){.workspace{grid-template-columns:260px minmax(0,1fr)}.topbar{padding:0 16px}.chat-head{align-items:flex-start;flex-wrap:wrap}.chat-head-actions{gap:5px}.message-list{padding:18px}.profile-menu .quiet-link{display:none}}
@media(max-width:850px){.workspace{grid-template-columns:minmax(0,1fr)}.sidebar{top:64px;width:min(310px,92vw)}.messenger-shell{height:100dvh;min-height:0}.topbar{gap:8px}.profile-summary{display:none}.message-row{max-width:94%}.chat-head{padding:12px}.composer{padding:10px 12px}.chat-head h2{font-size:16px}.topbar-brand strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:active:not(:disabled){transform:none}}