.workspace-trigger { display:flex; align-items:center; gap:10px; min-width:0; max-width:100%; min-height:44px; padding:8px 10px; border:1px solid transparent; border-radius:12px; background:transparent; color:inherit; text-align:left; cursor:pointer; font:inherit; transition:background .15s,border-color .15s; }
.workspace-trigger:hover, .workspace-trigger[aria-expanded=true] { background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.08); }
.workspace-trigger .company { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-trigger svg { width:14px; height:14px; flex-shrink:0; color:#9598a6; transition:transform .15s; }
.workspace-trigger[aria-expanded=true] svg { transform:rotate(180deg); }
.inbox-trigger { position:relative; display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; border:1px solid rgba(255,255,255,.08); border-radius:13px; background:rgba(255,255,255,.03); color:#bfc2cf; cursor:pointer; }
.inbox-trigger:hover, .inbox-trigger[aria-expanded=true] { color:#f4f4fa; background:#24252d; }
.inbox-trigger svg { width:21px; height:21px; }
.workspace-badge { position:absolute; top:-4px; right:-4px; min-width:18px; height:18px; padding:0 4px; box-sizing:border-box; display:grid; place-items:center; border-radius:99px; background:#b9a9ff; color:#171224; box-shadow:0 0 0 3px #101115; font-size:10px; font-weight:750; }
.workspace-panel { position:fixed; z-index:110; display:flex; flex-direction:column; width:min(344px,calc(100vw - 24px)); box-sizing:border-box; padding:8px; border:1px solid #34353f; border-radius:18px; background:#15161c; color:#f2f3f9; box-shadow:0 18px 65px #0008,0 2px 8px #0004; overflow:hidden; outline:none; }
.workspace-panel.inbox-panel { width:min(390px,calc(100vw - 24px)); }
.workspace-panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 12px 10px; flex-shrink:0; }
.workspace-panel-head h2 { font-size:16px; font-weight:650; margin:0; letter-spacing:-.02em; }
.workspace-panel-head p { font-size:12px; color:#999cab; margin:4px 0 0; }
.workspace-panel-close { display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; border:0; background:transparent; border-radius:8px; color:#9da0af; font-size:22px; cursor:pointer; }
.workspace-panel-close:hover { background:#25262f; color:white; }
.workspace-search { margin:0 8px 8px; min-height:40px; padding:9px 12px; width:calc(100% - 16px); box-sizing:border-box; border:1px solid #33343e; border-radius:10px; background:#101116; color:#f2f3f9; font:inherit; font-size:13px; }
.workspace-options, .inbox-items { min-height:0; overflow:auto; overscroll-behavior:contain; }
.workspace-options { max-height:320px; }
.inbox-items { max-height:420px; }
.workspace-option { display:flex; align-items:center; gap:11px; width:100%; min-height:64px; padding:10px; border:0; border-radius:11px; background:transparent; color:inherit; text-align:left; font:inherit; cursor:pointer; }
.workspace-option-row { display:flex; align-items:center; gap:4px; }
.workspace-option-row .workspace-option { flex:1; min-width:0; }
.workspace-welcome { max-width:540px; margin:10vh auto; text-align:center; padding:24px; }
.workspace-welcome .sub { margin-bottom:24px; line-height:1.7; }
.workspace-welcome .meta { margin-top:20px; line-height:1.6; }
.workspace-option:hover, .workspace-option:focus-visible { background:#24252f; }
.workspace-option.is-current { background:#b3a0ff0e; }
.workspace-monogram { display:grid; place-items:center; flex-shrink:0; width:36px; height:36px; border-radius:10px; border:1px solid #44414f; background:#292631; color:#d6cdff; font-size:12px; font-weight:650; }
.workspace-option-copy { min-width:0; flex:1; }
.workspace-option-copy strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:550; }
.workspace-option-copy small { display:block; margin-top:4px; color:#9296a8; font-size:11px; text-transform:capitalize; }
.workspace-option-mark { color:#aaa3bf; font-size:17px; }
.is-current .workspace-option-mark { color:#c5b4ff; }
.workspace-panel-footer { flex-shrink:0; margin-top:6px; padding:10px 12px 4px; border-top:1px solid #ffffff0b; }
.workspace-panel-footer p { margin:0 0 8px; color:#85899c; font-size:11px; line-height:1.5; }
.workspace-panel-footer button { min-height:36px; padding:6px 0; border:0; background:none; color:#beb1ef; font:inherit; font-size:12px; cursor:pointer; }
.workspace-panel [role=status]:empty { display:none; }
.workspace-panel [role=status] { margin:6px 12px; font-size:12px; line-height:1.5; color:#d7c9ff; }
.inbox-invitation { display:flex; align-items:flex-start; gap:12px; padding:16px 12px; border-top:1px solid #ffffff09; }
.inbox-invitation-icon { display:grid; place-items:center; flex-shrink:0; width:34px; height:34px; border-radius:11px; background:#bba5ff16; color:#c8b6ff; font-size:21px; }
.inbox-invitation-copy { min-width:0; flex:1; overflow-wrap:anywhere; }
.inbox-eyebrow { display:block; color:#a497c3; font-size:9px; font-weight:600; letter-spacing:.1em; margin-bottom:7px; }
.inbox-invitation-copy strong { display:block; font-size:14px; line-height:1.4; font-weight:550; }
.inbox-invitation-copy p { color:#9b9fb1; font-size:12px; line-height:1.6; margin:5px 0 14px; }
.inbox-accept { border:1px solid #d3c9f6; border-radius:9px; background:#ded6f6; color:#292237; min-height:38px; padding:8px 13px; font:inherit; font-size:12px; font-weight:600; cursor:pointer; }
.inbox-accept:hover { background:#ede7ff; }
.inbox-empty { padding:30px 16px; text-align:center; }
.inbox-empty-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#b9a9ff12; color:#bdb2da; margin:0 auto 14px; }
.inbox-empty strong { display:block; font-size:14px; font-weight:550; }
.inbox-empty p, .workspace-empty { color:#9397aa; font-size:12px; line-height:1.6; }
.workspace-empty { padding:12px; }
.workspace-panel button:disabled { opacity:.45; cursor:wait; }
.workspace-trigger:focus-visible, .inbox-trigger:focus-visible, .workspace-panel button:focus-visible, .workspace-search:focus-visible { outline:2px solid #b8a4ff; outline-offset:2px; }
@media(max-width:600px) { .topbar .user { gap:6px; } .workspace-trigger { gap:6px; padding:6px; } .topbar-left { flex:1; } .inbox-trigger { width:40px; height:40px; border-radius:12px; } }
@media(prefers-reduced-motion:reduce) { .workspace-trigger, .workspace-trigger svg { transition:none; } }

.proposal-unread-dot { display:inline-block; width:7px; height:7px; margin-inline-start:8px; flex-shrink:0; border-radius:50%; background:#f05261; vertical-align:middle; }
.proposal-unread-dot[hidden] { display:none; }
.inbox-invitation.is-unread { border-inline-start:2px solid #f05261; background:#f0526108; }