.device-panel{padding-bottom:15px}.device-panel .panel-head{margin-bottom:13px}.device-pill{display:inline-flex;align-items:center;gap:5px;color:#a8783f;background:#fbf3e8;padding:5px 8px;border-radius:5px;font-size:9px;font-weight:600;white-space:nowrap}.device-pill i,.device-state-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#d6a65f}.device-pill.connected{color:#258657;background:#e8f5ec}.device-pill.connected i,.device-state-dot.connected{background:#3eaa73}.device-pill.error{color:#b45748;background:#faece9}.device-pill.error i{background:#cf6858}.device-controls{display:flex;align-items:center;gap:12px}.device-phone{font-size:10px;color:#27865a}.qr-area{margin-top:14px;background:#f6faf7;border:1px solid #e5eee7;border-radius:8px;padding:16px;display:flex;align-items:center;gap:20px}.qr-area[hidden],.device-error[hidden],#disconnectDevice[hidden]{display:none}.qr-area img{width:220px;height:220px;flex:0 0 220px;background:white;padding:8px;border-radius:7px;image-rendering:auto}.qr-area b{font-size:12px;color:#40554a}.qr-area p{font-size:11px;color:#75837a;line-height:1.55;margin:7px 0}.qr-area p b{font-size:11px;color:#45564c}.qr-area small{font-size:10px;color:#a0aaa3}.device-error{margin-top:11px;padding:9px 10px;border-radius:6px;background:#fbefed;color:#a64f43;font-size:10px;line-height:1.5}.device-security{border-top:1px solid #eff2ef;margin-top:13px;padding-top:10px;font-size:9px;color:#9aa49d;line-height:1.45}.device-panel #connectDevice:disabled{opacity:.55;cursor:wait}@media(max-width:580px){.device-panel .panel-head{gap:8px}.qr-area{align-items:center;gap:12px;padding:10px}.qr-area img{width:min(42vw,180px);height:auto;aspect-ratio:1;flex:0 0 min(42vw,180px);padding:6px}.qr-area p{font-size:9px}.device-pill{font-size:8px;padding:4px 6px}}

.workspace-profile-name{min-width:0;flex:1}.workspace-profile-name>b{display:flex;align-items:center;gap:7px}.workspace-profile-name #workspaceDisplayName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-connection-dot{display:inline-block;flex:none;width:9px;height:9px;border:1px solid #fff;border-radius:50%;background:#d35c52;box-shadow:0 0 0 2px #d35c5228}.workspace-connection-dot.connected{background:#28a967;box-shadow:0 0 0 2px #28a96735}
.profile-signout{flex:none;width:27px;height:27px;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--muted);font-size:15px;line-height:1;cursor:pointer}.profile-signout:hover{border-color:#e7aaa0;background:#fff2ef;color:#a53d32}.profile-signout[hidden]{display:none}@media(max-width:850px){.profile-signout{display:none}}
.topbar{position:sticky;top:0;z-index:12}.topbar:has(.connection-dropdown:not([hidden])){z-index:20}.connection-dropdown{position:absolute;top:calc(100% + 8px);right:12px;width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 82px);overflow:auto;overscroll-behavior:contain;border:1.5px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 18px 48px #06130f55;z-index:21}.connection-dropdown[hidden]{display:none!important}.connection-dropdown .device-panel{margin:0;border:0;box-shadow:none;border-radius:11px;padding:17px}.connection-dropdown .qr-area{align-items:center}.connection-dropdown .device-security{margin-top:12px}.connection-dropdown #devicePhone{font-weight:650}.topbar #topConnect{max-width:min(240px,24vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:650px){.connection-dropdown{right:5px;width:min(500px,calc(100vw - 12px));max-height:calc(100dvh - 64px)}.connection-dropdown .device-panel{padding:13px}.topbar #topConnect{max-width:150px;flex:none}}