/* 2026 vivid command deck */
:root{--pink:#ff5db1;--amber:#ffb84d}
body{background:radial-gradient(circle at 6% 8%,#7c5cff40,transparent 28%),radial-gradient(circle at 92% 8%,#06b6d42e,transparent 25%),radial-gradient(circle at 75% 88%,#ff5db11c,transparent 28%),#060812}
body::after{content:'';position:fixed;inset:auto -8vw -34vh auto;width:58vw;height:58vw;border-radius:50%;pointer-events:none;background:conic-gradient(from 120deg,#7c5cff24,#06b6d414,#ff5db11f,#7c5cff24);filter:blur(70px)}
header{box-shadow:0 14px 50px #0003}header::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#7c5cff,#06b6d4 34%,#10b981 58%,#ff5db1 82%,#ffb84d);opacity:.8}
.brand-mark{background:conic-gradient(from 210deg,#7c5cff,#06b6d4,#10b981,#ffb84d,#ff5db1,#7c5cff);box-shadow:0 10px 32px #7c5cff6b}.logo{background:linear-gradient(90deg,#fff,#d8e7ff 45%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.toolbar{background:linear-gradient(90deg,#0e1120e6,#0b1424d1,#140d22db)}.toolbar .view-btn.active{background:linear-gradient(135deg,#7c3aed,#5269ff 54%,#06b6d4)}.sidebar{border-right-color:#7c5cff2b;background:linear-gradient(165deg,#141028f0,#091220e6 55%,#130b1de6)}.expert-count{color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899);border:none;box-shadow:0 6px 18px #ec489933}
.employee{--emp-color:#7c5cff;position:relative;overflow:hidden;border:1px solid transparent;background:linear-gradient(90deg,color-mix(in srgb,var(--emp-color) 5%,transparent),#ffffff04)}.employee::before{content:'';position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:0 5px 5px 0;background:var(--emp-color);box-shadow:0 0 15px var(--emp-color);opacity:.55}.employee:hover{border-color:color-mix(in srgb,var(--emp-color) 32%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--emp-color) 11%,transparent),#ffffff06)}.employee.selected{border-color:color-mix(in srgb,var(--emp-color) 42%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--emp-color) 17%,transparent),color-mix(in srgb,var(--emp-color) 4%,transparent) 70%);box-shadow:inset 0 0 28px color-mix(in srgb,var(--emp-color) 5%,transparent)}.employee.selected::before{opacity:1}.emp-avatar{background:color-mix(in srgb,var(--emp-color) 18%,#101522)!important;color:var(--emp-color)!important;border:1px solid color-mix(in srgb,var(--emp-color) 40%,transparent);box-shadow:0 7px 20px color-mix(in srgb,var(--emp-color) 17%,transparent)}
.room-status{position:relative;z-index:3;display:flex;align-items:center;gap:18px;margin:18px 28px 0;padding:17px 20px;border-radius:22px;overflow:hidden;border:1px solid #9285ff33;background:linear-gradient(115deg,#261a4cd1,#0c2233c2 52%,#2e1231b8);box-shadow:0 18px 55px #0003,inset 0 1px #ffffff0f;backdrop-filter:blur(20px)}.room-status::before{content:'';position:absolute;right:-20px;top:-70px;width:240px;height:190px;background:radial-gradient(circle,#ff5db138,transparent 65%);pointer-events:none}.room-status::after{content:'';position:absolute;left:28%;bottom:-90px;width:260px;height:140px;background:radial-gradient(circle,#06b6d433,transparent 65%);pointer-events:none}
.room-visual{flex:0 0 auto;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;position:relative;background:conic-gradient(from 20deg,#7c5cff,#06b6d4,#10b981,#ffb84d,#ff5db1,#7c5cff);box-shadow:0 10px 30px #5b5cf659}.room-visual::after{content:'';position:absolute;inset:3px;border-radius:15px;background:#11152b}.pulse-core{position:relative;z-index:1;color:#fff;font-size:1.15rem;text-shadow:0 0 12px #fff}.room-copy{min-width:0;position:relative;z-index:1}.room-kicker{color:#67e8f9;font-size:.61rem;font-weight:800;letter-spacing:.16em;margin-bottom:4px}.room-title{font-size:1.02rem;font-weight:800}.room-desc{margin-top:4px;color:#a7b2c9;font-size:.72rem;white-space:nowrap}
.room-metrics{margin-left:auto;display:flex;gap:7px;position:relative;z-index:1}.room-metric{min-width:74px;padding:8px 10px;border-radius:13px;text-align:center;background:#ffffff0b;border:1px solid #ffffff12}.room-metric strong{display:block;color:#fff;font-size:.76rem}.room-metric:nth-child(1) strong{color:#86efac}.room-metric:nth-child(2) strong{color:#c4b5fd}.room-metric:nth-child(3) strong{color:#67e8f9}.room-metric span{display:block;margin-top:2px;color:#738098;font-size:.58rem}.view-meeting .room-status{display:none}.chat-scroll{padding-top:25px}
.msg{--msg-color:#7c5cff}.msg-avatar{background:color-mix(in srgb,var(--msg-color) 18%,#111625)!important;color:var(--msg-color)!important;border-color:color-mix(in srgb,var(--msg-color) 35%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--msg-color) 16%,transparent)}.msg:not(.user) .msg-bubble{position:relative;border-color:color-mix(in srgb,var(--msg-color) 30%,#ffffff14);background:linear-gradient(110deg,color-mix(in srgb,var(--msg-color) 11%,#151a2a),#101421eb 70%);box-shadow:0 14px 35px #0003,inset 3px 0 color-mix(in srgb,var(--msg-color) 72%,transparent)}.msg:not(.user) .msg-role{color:color-mix(in srgb,var(--msg-color) 76%,white);border-color:color-mix(in srgb,var(--msg-color) 25%,transparent);background:color-mix(in srgb,var(--msg-color) 9%,transparent)}.msg.user .msg-bubble{background:linear-gradient(135deg,#6d4aff,#a855f7 54%,#ec4899);box-shadow:0 14px 38px #a855f73d}
.input-wrapper{border-color:#7c5cff38;background:linear-gradient(#14192a,#14192a) padding-box,linear-gradient(100deg,#7c5cffb3,#06b6d473,#ff5db180) border-box}.send-btn,.btn-primary{background:linear-gradient(135deg,#7c3aed,#7057ff 42%,#d946ef);box-shadow:0 10px 26px #a855f747}.starter-chip:hover{color:#fff;border-color:#67e8f959;background:linear-gradient(110deg,#7c5cff1f,#06b6d41a)}
@media(max-width:768px){.room-status{gap:10px;margin:10px 10px 0;padding:11px 12px;border-radius:16px}.room-visual{width:38px;height:38px;border-radius:12px}.room-visual::after{border-radius:9px}.pulse-core{font-size:.86rem}.room-kicker,.room-desc,.room-metric span{display:none}.room-title{font-size:.8rem;white-space:nowrap}.room-metrics{gap:4px}.room-metric{min-width:auto;padding:6px 7px;border-radius:9px}.room-metric strong{font-size:.62rem}.room-metric:nth-child(3){display:none}.chat-scroll{padding-top:18px}}


/* v3: product completeness */
.mode-context{position:relative;z-index:40;min-height:42px;padding:7px 24px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.065);background:linear-gradient(90deg,rgba(14,17,32,.94),rgba(11,20,36,.91),rgba(20,13,34,.93));box-shadow:0 10px 30px rgba(0,0,0,.14)}
.mode-context::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#7c5cff;box-shadow:0 0 14px #7c5cff}
.mode-context[data-context-mode="round"]::before{background:#22d3ee;box-shadow:0 0 14px #22d3ee}
.mode-context[data-context-mode="target"]::before{background:#f59e0b;box-shadow:0 0 14px #f59e0b}
.mode-context-icon{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:rgba(124,92,255,.14);color:#c4b5fd;font-size:.72rem}
.mode-context-copy{min-width:0;display:flex;align-items:baseline;gap:9px}
.mode-context-copy strong{color:#eef2ff;font-size:.7rem;white-space:nowrap}
.mode-context-copy span{color:#7f8aa1;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mode-context-help{margin-left:auto;padding:5px 9px;border:1px solid rgba(124,92,255,.24);border-radius:8px;background:rgba(124,92,255,.07);color:#aaa0ff;font:inherit;font-size:.62rem;cursor:pointer;white-space:nowrap}
.mode-context-help:hover,.mode-context-help:focus-visible{color:#fff;border-color:rgba(124,92,255,.58);background:rgba(124,92,255,.18);outline:none}
body.meeting-active .mode-context{display:none}
.starter-chip{font:inherit;cursor:pointer}
.starter-chip:hover,.starter-chip:focus-visible{color:#fff;border-color:rgba(103,232,249,.45);background:linear-gradient(110deg,rgba(124,92,255,.16),rgba(6,182,212,.13));outline:none;transform:translateY(-1px)}
@media(max-width:980px){.mode-context-help{display:none}.mode-context{padding-inline:14px}}
@media(max-width:768px){.mode-context{min-height:38px;padding:6px 10px}.mode-context-copy strong{font-size:.66rem}.mode-context-copy span{display:none}.mode-context-icon{width:23px;height:23px}.starter-chip{font-size:.65rem}}


/* v3.1: cancellable responses */
.send-btn.is-stop{background:linear-gradient(135deg,#b4233c,#ef4444);box-shadow:0 10px 28px rgba(239,68,68,.28)}
.send-btn.is-stop:hover{filter:brightness(1.08)}
.send-btn:disabled{cursor:wait;filter:saturate(.45);opacity:.75}


/* v3.2: resilient sign-in */
.login-error{min-height:18px;margin-top:12px;color:#fca5a5;font-size:.72rem;line-height:1.5;opacity:0;transform:translateY(-3px);transition:.2s ease}
.login-error.visible{opacity:1;transform:translateY(0)}
#google-login-btn:disabled{cursor:wait;filter:saturate(.55);opacity:.78}


/* v3.3: compact mobile command surface */
@media(max-width:768px){
  html,body{max-width:100%;overflow-x:hidden}
  .toolbar{width:100%;gap:5px;padding:8px 7px;overflow-x:hidden}
  .toolbar-group{gap:4px}
  .toolbar .view-btn,.toolbar .btn{min-height:32px;padding:6px 8px;font-size:.67rem}
  .toolbar .view-switcher{padding:2px;gap:1px}
  .toolbar-actions .btn-primary{padding-inline:8px}
  .empty-state{width:100%;min-width:0}
  .empty-state-inner{width:100%;max-width:100%;padding:22px 14px;overflow:hidden}
  .empty-state p{max-width:330px;margin-inline:auto}
  .starter-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(330px,100%);margin-inline:auto}
  .starter-chip{width:100%;min-width:0;padding:8px 6px;white-space:nowrap}
  .input-area,.composer-shell,.input-row{width:100%;max-width:100%}
  .input-row{display:grid;grid-template-columns:minmax(0,1fr) 62px}
  .input-wrapper{width:100%;max-width:100%}
  .send-btn{width:62px;min-width:0!important;padding-inline:6px!important}
}
@media(max-width:360px){
  .toolbar .view-btn,.toolbar .btn{padding-inline:6px;font-size:.63rem}
  .starter-chip{font-size:.61rem}
}


/* v4: topic workspace and non-blocking notices */
.room-manager{margin:14px 12px 4px;padding:13px;border:1px solid rgba(139,116,255,.22);border-radius:17px;background:linear-gradient(140deg,rgba(124,92,255,.11),rgba(6,182,212,.045));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.room-manager-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#aeb8cc;font-size:.66rem;font-weight:800;letter-spacing:.08em}
.room-new-btn,.room-icon-btn,.room-editor button{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#bac4d7;font:inherit;cursor:pointer;transition:.18s ease}
.room-new-btn{padding:5px 8px;border-radius:8px;color:#a9e9f7;font-size:.62rem}
.room-new-btn:hover,.room-new-btn:focus-visible,.room-icon-btn:hover,.room-icon-btn:focus-visible,.room-editor button:hover,.room-editor button:focus-visible{border-color:rgba(103,232,249,.38);background:rgba(103,232,249,.09);color:#fff;outline:none}
.room-selector-row{display:grid;grid-template-columns:minmax(0,1fr) 32px 32px;gap:6px}
#room-select{min-width:0;height:34px;padding:0 28px 0 10px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#111626;color:#eef2ff;font:inherit;font-size:.7rem;outline:none;cursor:pointer;text-overflow:ellipsis}
#room-select:focus{border-color:rgba(139,116,255,.65);box-shadow:0 0 0 3px rgba(124,92,255,.08)}
.room-icon-btn{width:32px;height:34px;border-radius:10px;font-size:.76rem}
.room-delete-btn:hover,.room-delete-btn:focus-visible{border-color:rgba(248,113,113,.42);background:rgba(248,113,113,.1);color:#fecaca}
.room-editor{display:none;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.room-editor.open{display:block;animation:fadeIn .18s ease}
.room-editor label{display:block;margin-bottom:6px;color:#8c98ae;font-size:.62rem}
.room-editor input{box-sizing:border-box;width:100%;height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0c1120;color:#fff;font:inherit;font-size:.7rem;outline:none}
.room-editor input:focus{border-color:rgba(139,116,255,.7);box-shadow:0 0 0 3px rgba(124,92,255,.08)}
.room-editor-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:7px}
.room-editor button{padding:5px 9px;border-radius:8px;font-size:.62rem}
.room-editor .room-editor-save{border-color:rgba(124,92,255,.42);background:rgba(124,92,255,.22);color:#ddd6fe}
.room-editor button:disabled{cursor:wait;opacity:.55}
.toast-region{position:fixed;top:78px;right:18px;z-index:4200;display:flex;width:min(360px,calc(100vw - 24px));flex-direction:column;gap:8px;pointer-events:none}
.app-toast{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(15,20,34,.96);box-shadow:0 16px 45px rgba(0,0,0,.36);color:#e7ebf4;font-size:.72rem;line-height:1.5;opacity:0;transform:translateY(-8px) scale(.98);transition:.18s ease;backdrop-filter:blur(16px)}
.app-toast.visible{opacity:1;transform:translateY(0) scale(1)}
.app-toast-icon{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border-radius:7px;background:rgba(103,232,249,.12);color:#67e8f9;font-weight:900}
.app-toast[data-type="success"]{border-color:rgba(52,211,153,.25)}.app-toast[data-type="success"] .app-toast-icon{background:rgba(52,211,153,.12);color:#6ee7b7}
.app-toast[data-type="warning"]{border-color:rgba(250,204,21,.25)}.app-toast[data-type="warning"] .app-toast-icon{background:rgba(250,204,21,.12);color:#fde68a}
.app-toast[data-type="error"]{border-color:rgba(248,113,113,.3)}.app-toast[data-type="error"] .app-toast-icon{background:rgba(248,113,113,.13);color:#fca5a5}
@media(max-width:768px){.room-manager{margin:10px 10px 3px}.toast-region{top:70px;right:12px}.app-toast{font-size:.69rem}}


/* v4.1: in-app nickname editor */
.compact-modal{max-width:390px!important}
.compact-modal .modal-title{margin-bottom:8px;font-size:1.15rem;font-weight:800}
.modal-description{margin:0 0 18px;color:#8792a8;font-size:.76rem;line-height:1.6}
.field-label{display:block;margin-bottom:7px;color:#c4ccda;font-size:.72rem;font-weight:700}
.modal-text-input{box-sizing:border-box;width:100%;height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#0d1220;color:#fff;font:inherit;font-size:.82rem;outline:none}
.modal-text-input:focus{border-color:rgba(139,116,255,.72);box-shadow:0 0 0 3px rgba(124,92,255,.09)}
.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
.modal-actions .btn{min-width:84px;justify-content:center}