/* yoCloud 0.2.34 - desktop window layering and tray/taskbar spacing fix. */
.desktop-taskbar,.desktop-shortcuts,.desktop-window-title,.desktop-window-controls,.desktop-resize-handle{display:none}
@media (min-width:1180px) and (hover:hover) and (pointer:fine){
 html.desktop-mode{height:100%;overflow:hidden;background-color:var(--background);background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
 body.desktop-mode{height:100%;overflow:hidden;background:transparent!important;min-height:100vh}
 body.desktop-mode .ambient{position:fixed;inset:0;opacity:.28;pointer-events:none}
 body.desktop-mode.has-background .ambient{opacity:.12}
 body.desktop-mode .bottom-nav{display:none!important}
 body.desktop-mode .shell{display:block;min-height:100vh;padding:0;position:relative;z-index:auto;pointer-events:none}
 body.desktop-mode .workspace{display:block;position:fixed;z-index:1200;margin:0;min-width:720px;min-height:430px;max-width:none;border:1px solid color-mix(in srgb,var(--text) 13%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(max(18px,calc(var(--blur)*1px)));box-shadow:0 28px 85px rgba(5,12,28,.28),0 6px 18px rgba(5,12,28,.16);overflow:hidden;pointer-events:auto;transition:box-shadow .12s ease,opacity .12s ease,transform .12s ease}
 body.desktop-mode .workspace.desktop-window-maximized{left:10px!important;right:10px!important;top:10px!important;bottom:72px!important;width:auto!important;height:auto!important;border-radius:12px}
 body.desktop-mode .workspace.desktop-window-hidden{display:none!important}
 body.desktop-mode.desktop-window-moving .workspace{transition:none;user-select:none;box-shadow:0 36px 110px rgba(5,12,28,.36),0 8px 22px rgba(5,12,28,.18)}
 body.desktop-mode .topbar{height:48px;min-height:48px;padding:0 6px 0 10px;border-bottom:1px solid color-mix(in srgb,var(--text) 9%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent);cursor:default;display:flex;align-items:center}
 body.desktop-mode .desktop-window-title{display:flex;align-items:center;gap:9px;min-width:0;font-size:12px;font-weight:800;letter-spacing:.01em;color:var(--text);margin-right:auto;pointer-events:none}
 body.desktop-mode .desktop-window-title img{width:20px;height:20px;border-radius:5px}
 body.desktop-mode .desktop-window-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body.desktop-mode .topbar-right{margin-left:auto;gap:4px}
 body.desktop-mode .topbar .status-pill{margin-right:6px}
 body.desktop-mode .desktop-window-controls{display:flex;align-items:center;gap:2px;margin-left:4px}
 body.desktop-mode .desktop-window-controls button{width:34px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}
 body.desktop-mode .desktop-window-controls button:hover{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text)}
 body.desktop-mode .desktop-window-controls .desktop-close:hover{background:#d94c55;color:white}
 body.desktop-mode .desktop-window-controls .icon{width:15px;height:15px}
 body.desktop-mode .workspace #page{height:calc(100% - 48px);overflow:auto;padding-bottom:18px;overscroll-behavior:contain}
 body.desktop-mode .mobile-menu{display:none!important}
 body.desktop-mode .desktop-resize-handle{display:block;position:absolute;z-index:90;background:transparent}
 body.desktop-mode .desktop-resize-handle.n{left:10px;right:10px;top:-3px;height:7px;cursor:ns-resize}
 body.desktop-mode .desktop-resize-handle.s{left:10px;right:10px;bottom:-3px;height:7px;cursor:ns-resize}
 body.desktop-mode .desktop-resize-handle.e{top:10px;bottom:10px;right:-3px;width:7px;cursor:ew-resize}
 body.desktop-mode .desktop-resize-handle.w{top:10px;bottom:10px;left:-3px;width:7px;cursor:ew-resize}
 body.desktop-mode .desktop-resize-handle.ne{right:-4px;top:-4px;width:15px;height:15px;cursor:nesw-resize}
 body.desktop-mode .desktop-resize-handle.nw{left:-4px;top:-4px;width:15px;height:15px;cursor:nwse-resize}
 body.desktop-mode .desktop-resize-handle.se{right:-4px;bottom:-4px;width:18px;height:18px;cursor:nwse-resize}
 body.desktop-mode .desktop-resize-handle.sw{left:-4px;bottom:-4px;width:18px;height:18px;cursor:nesw-resize}
 body.desktop-mode .desktop-window-maximized .desktop-resize-handle{display:none}
 body.desktop-mode .sidebar{display:none;position:fixed!important;z-index:3600!important;left:14px!important;bottom:72px!important;top:auto!important;width:350px!important;height:min(700px,calc(100vh - 100px))!important;border-radius:18px!important;box-shadow:0 30px 95px rgba(4,12,28,.4)!important;transform:translateY(12px) scale(.985)!important;opacity:0!important;pointer-events:none!important;transition:.15s ease!important;padding:18px!important;background:color-mix(in srgb,var(--surface) 94%,transparent)!important;backdrop-filter:blur(24px)!important}
 body.desktop-mode .sidebar.open{display:flex!important;transform:none!important;opacity:1!important;pointer-events:auto!important}
 body.desktop-mode .drawer-shade{display:none!important}
 body.desktop-mode .desktop-taskbar{display:flex;position:fixed;z-index:3400;left:12px;right:12px;bottom:10px;height:52px;border-radius:15px;align-items:center;padding:6px 8px;gap:5px;box-shadow:0 16px 48px rgba(4,12,28,.3);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(24px);border:1px solid color-mix(in srgb,var(--text) 10%,transparent)}
 body.desktop-mode .upload-panel{bottom:76px!important;z-index:3300!important}
 body.desktop-mode #toasts{bottom:76px!important;z-index:3300!important}
 body.desktop-mode .desktop-start,body.desktop-mode .desktop-task-app,body.desktop-mode .desktop-quick,body.desktop-mode .desktop-clock{height:38px;border:0;border-radius:10px;background:transparent;color:var(--text);display:flex;align-items:center;gap:8px;padding:0 11px;font:inherit;cursor:pointer}
 body.desktop-mode .desktop-start:hover,body.desktop-mode .desktop-task-app:hover,body.desktop-mode .desktop-quick:hover,body.desktop-mode .desktop-clock:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}
 body.desktop-mode .desktop-start img{width:24px;height:24px;border-radius:7px}
 body.desktop-mode .desktop-start span,body.desktop-mode .desktop-task-app span{font-weight:750}
 body.desktop-mode .desktop-task-app.active{background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:inset 0 -2px 0 var(--accent)}
 body.desktop-mode.desktop-window-closed .desktop-task-app.active,body.desktop-mode.desktop-window-minimized .desktop-task-app.active{background:color-mix(in srgb,var(--text) 5%,transparent);box-shadow:none;opacity:.75}
 body.desktop-mode .desktop-task-spacer{flex:1}
 body.desktop-mode .desktop-quick{width:38px;padding:0;justify-content:center}
 body.desktop-mode .desktop-clock{min-width:92px;display:grid;gap:0;text-align:right;line-height:1.05;padding:3px 10px}
 body.desktop-mode .desktop-clock strong{font-size:13px}.desktop-clock small{font-size:10px;color:var(--muted)}
 body.desktop-mode .desktop-shortcuts{display:grid;position:fixed;z-index:100;left:24px;top:24px;gap:8px;width:108px;pointer-events:auto}
 body.desktop-mode .desktop-shortcuts button{border:0;background:transparent;color:var(--text);display:grid;justify-items:center;gap:5px;padding:9px 4px;border-radius:10px;cursor:pointer;font:inherit;font-size:11px;font-weight:750;text-shadow:0 1px 4px color-mix(in srgb,var(--background) 70%,transparent)}
 body.desktop-mode.has-background .desktop-shortcuts button{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 9px rgba(0,0,0,.45)}
 body.desktop-mode .desktop-shortcuts button:hover{background:color-mix(in srgb,var(--surface) 68%,transparent);outline:1px solid color-mix(in srgb,var(--text) 18%,transparent);backdrop-filter:blur(12px)}
 body.desktop-mode .desktop-shortcuts .icon{width:36px;height:36px;filter:drop-shadow(0 3px 9px rgba(0,0,0,.2))}
 body.desktop-mode .page-heading{padding:19px 22px 0;margin-bottom:14px}
 body.desktop-mode .page-heading h1{font-size:clamp(23px,1.8vw,31px);line-height:1.05}
 body.desktop-mode .page-heading .subheading{margin-top:7px}
 body.desktop-mode .stat-strip{grid-template-columns:repeat(4,minmax(135px,1fr));gap:8px}
 body.desktop-mode .browser{border-radius:12px;min-height:300px;margin-left:0;margin-right:0}
 body.desktop-mode .browser-toolbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px)}
 body.desktop-mode .file-table{font-size:13px}
 body.desktop-mode .file-table tbody tr{height:43px}
 body.desktop-mode .file-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
 body.desktop-mode .desktop-row-actions{display:flex;justify-content:flex-end;gap:2px;min-width:108px}
 body.desktop-mode .desktop-download{display:inline-flex;align-items:center;justify-content:center}
 body.desktop-mode .selection-bar{position:sticky;top:56px;z-index:18;box-shadow:0 8px 24px rgba(18,35,65,.1)}
 body.desktop-mode .icon-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}
 body.desktop-mode .icon-grid [data-item]{user-select:none}
 body.desktop-mode dialog{max-height:calc(100vh - 100px)}
}
.desktop-context-menu{position:fixed;z-index:5000;min-width:230px;padding:7px;border-radius:13px;box-shadow:0 22px 70px rgba(7,18,38,.3)}
.desktop-context-menu button{width:100%;display:flex;align-items:center;gap:10px;border:0;border-radius:9px;background:transparent;color:var(--text);padding:9px 10px;text-align:left;font:inherit;font-size:13px;cursor:pointer}
.desktop-context-menu button:hover{background:color-mix(in srgb,var(--accent) 11%,transparent)}
.desktop-context-menu button.danger{color:#b64949}.desktop-context-menu .icon{width:17px;height:17px}.desktop-menu-sep{height:1px;background:color-mix(in srgb,var(--text) 10%,transparent);margin:5px 3px}
@media (max-width:1179px),(hover:none),(pointer:coarse){.desktop-taskbar,.desktop-shortcuts,.desktop-context-menu,.desktop-window-title,.desktop-window-controls,.desktop-resize-handle{display:none!important}}
