.desktop-connection{padding:15px;margin:0 0 18px;border:1px solid var(--border-color);border-radius:15px;background:var(--bg-card);color:var(--text-primary);}
.desktop-connection h3{display:flex;align-items:center;gap:9px;margin:0;font-size:.95rem;line-height:1.4;}
.desktop-connection h3 svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.desktop-connection p{margin:10px 0;font-size:.8rem;line-height:1.65;}.desktop-connection #desktopConnectionNote{font-size:.73rem;opacity:.85;}
.desktop-connection[data-connection=connected] #desktopConnectionStatus{color:#9bf3c3;}html[data-theme=light] .desktop-connection[data-connection=connected] #desktopConnectionStatus{color:#17693e;}
#systemModal .desktop-connection[data-connection=connected] #desktopConnectionStatus{color:#9bf3c3;}
.desktop-connection button{padding:9px 13px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-filter);color:var(--text-primary);cursor:pointer;font:inherit;font-size:.78rem;}
.desktop-connection button:hover{background:rgba(126,176,241,.18);}.desktop-connection button:disabled{opacity:.6;cursor:wait;}.desktop-connection button:focus-visible{outline:2px solid #88baff;outline-offset:3px;}
.desktop-connection #desktopConnectionRelease{margin-left:8px;}#desktopConnectionRelease[hidden]{display:none;}
.desktop-release-dialog{position:fixed;inset:0;margin:auto;width:min(530px,calc(100vw - 36px));max-height:calc(100dvh - max(18px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)));overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;padding:24px;border:1px solid rgba(230,240,255,.23);border-radius:20px;--text-primary:#f4f6fb;--text-secondary:#e0e5ef;--border-color:rgba(230,240,255,.23);--bg-filter:rgba(255,255,255,.08);background:linear-gradient(165deg,#ffffff12,#ffffff04 44%,#0a0f1d12),rgba(24,31,47,.94);color:var(--text-primary);box-shadow:0 24px 80px #0005;backdrop-filter:blur(18px) saturate(160%);animation:desktop-release-enter 240ms cubic-bezier(.2,.8,.2,1);}
.desktop-release-dialog::backdrop{background:#080a1466;backdrop-filter:blur(5px);}.desktop-release-dialog h2{margin:0 0 14px;font-size:1.25rem;}.desktop-release-dialog p{font-size:.9rem;line-height:1.65;}
.desktop-release-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px;}.desktop-release-actions button{padding:11px 14px;min-height:44px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-filter);color:var(--text-primary);font:inherit;font-size:.85rem;cursor:pointer;}.desktop-release-actions #desktopReleaseConfirm{background:#c71b49;border-color:#c71b49;color:#fff;}.desktop-release-actions #desktopReleaseConfirm:hover{background:#af143e;color:#fff;}.desktop-release-actions button:disabled{opacity:.65;cursor:wait;}.desktop-release-actions button:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px;}
@keyframes desktop-release-enter{from{opacity:0;transform:translateY(10px) scale(.96);}to{opacity:1;transform:none;}}
@media(max-width:450px){.desktop-connection #desktopConnectionRelease{margin:8px 0 0;}.desktop-release-actions{flex-direction:column;}}
@media(prefers-reduced-motion:reduce){.desktop-release-dialog{animation:none;}}
@media(forced-colors:active){.desktop-release-dialog{background:Canvas;color:CanvasText;--text-primary:CanvasText;--border-color:CanvasText;--bg-filter:Canvas;backdrop-filter:none;}.desktop-release-actions #desktopReleaseConfirm{background:Highlight;color:HighlightText;border-color:Highlight;}}
