/* Floating browser-phone shortcut. The phone's presence and active calls remain independent. */
.browserPhoneTab.browserPhoneMovableShortcut{
 touch-action:none;
 user-select:none;
 -webkit-user-select:none;
 cursor:grab;
 max-width:min(230px,calc(100vw - 35px));
 justify-content:center;
 z-index:462;
}
.browserPhoneTab.browserPhoneDragging,
.browserPhoneTab.browserPhoneMovableShortcut:active{cursor:grabbing}
.browserPhoneTab.browserPhoneCompactShortcut{
 width:44px!important;
 height:44px!important;
 min-height:44px!important;
 min-width:44px!important;
 padding:0!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 gap:0!important;
 border-radius:14px!important;
}
.browserPhoneTab.browserPhoneCompactShortcut>span{display:none!important}
.browserPhoneTab.browserPhoneCompactShortcut>svg{width:18px;height:18px;flex:none}
.browserPhoneTab.browserPhoneCompactShortcut.hasCall{
 border-color:var(--t-success);
 box-shadow:0 0 0 3px color-mix(in srgb,var(--t-success) 15%,transparent),var(--t-shadow);
}
.browserPhoneMinimizeControl{
 position:fixed;
 z-index:463;
 display:grid;
 place-items:center;
 width:28px;
 height:28px;
 border-radius:50%;
 border:1px solid var(--t-border,#cbd5e1);
 background:var(--t-panel,#fff);
 color:var(--t-text,#172033);
 box-shadow:var(--t-shadow,0 4px 12px #0002);
 padding:0;
 font:700 18px/1 system-ui,sans-serif;
 cursor:pointer;
}
.browserPhoneMinimizeControl[hidden]{display:none!important}
.browserPhoneMinimizeControl:hover{
 border-color:var(--t-blue,#3b82f6);
 background:var(--t-panel2,var(--t-panel,#fff));
}
.browserPhoneMinimizeControl:focus-visible{
 outline:2px solid var(--t-blue,#3b82f6);
 outline-offset:2px;
}
/* The panel follows the movable shortcut. The controller provides viewport-safe coordinates. */
.shell .browserPhoneDock.browserPhonePopover{
 max-height:calc(100dvh - 22px);
 overscroll-behavior:contain;
}
@media (max-width:760px){
 .browserPhoneTab.browserPhoneCompactShortcut{width:44px!important;height:44px!important}
 .shell .browserPhoneDock.browserPhonePopover{max-height:calc(100dvh - 110px)}
}
@media(prefers-reduced-motion:reduce){
 .browserPhoneTab.browserPhoneMovableShortcut,.browserPhoneMinimizeControl{transition:none!important}
}
.browserPhoneTab.browserPhoneCompactShortcut.browserPhoneHasNotice::after{
 content:"";
 position:absolute;
 top:3px;
 right:3px;
 width:9px;
 height:9px;
 border:2px solid var(--t-panel,#fff);
 border-radius:50%;
 background:var(--t-warn,#d97706);
}