/* Distinct classic workspace: programs launch separately from running windows. */
:root{--classic-bar-height:44px;--classic-bar-bottom:0px}
body.classic #dock{display:none!important}
body.classic .menubar{display:none!important}
body.classic #desktop{inset:0}
body.classic .window[hidden]{display:none!important}
.classic .shortcut.classic-selected .shortcut-label{background:#000080;outline:1px dotted white;outline-offset:-1px}
#classic-taskbar[hidden],#classic-minimized[hidden]{display:none!important}
#classic-taskbar{position:fixed;bottom:var(--classic-bar-bottom);left:0;right:0;height:var(--classic-bar-height);z-index:1000;display:flex;align-items:center;gap:6px;padding:5px;background:#c4c4c4;border:2px outset #f4f4f4;color:#111;font:12px "Courier New",monospace;box-shadow:0 -1px #333}
#classic-taskbar button{display:flex;align-items:center;gap:7px;border:2px outset #f4f4f4;border-radius:0;background:#c4c4c4;color:#111;height:30px;padding:3px 8px;flex-shrink:0;font:inherit;white-space:nowrap}
#classic-taskbar button:active,#classic-taskbar .is-active{border-style:inset;background:repeating-linear-gradient(45deg,#e8e8e8 0 1px,#dedede 1px 2px);font-weight:bold}
#classic-taskbar button:focus-visible,.classic-minimized-icon:focus-visible,.classic-program:focus-visible{outline:1px dotted currentColor;outline-offset:-5px}
#classic-taskbar svg{width:20px;height:20px;flex-shrink:0}
.classic-window-list{display:flex;gap:5px;flex:1;min-width:0;overflow:auto;scrollbar-width:thin}
#classic-taskbar .classic-window-button{flex:0 1 180px;min-width:110px;max-width:210px}
.classic-window-button span{overflow:hidden;text-overflow:ellipsis}
.classic-window-button.is-minimized span{font-style:italic;color:#444}
.classic-window-count{font-size:10px;white-space:nowrap;padding:6px;border:2px inset #eee}
.classic-pinned-apps{display:flex;gap:3px;max-width:clamp(100px,20vw,280px);overflow:auto;flex-shrink:0;border-right:2px groove white;padding-right:5px;scrollbar-width:thin}
#classic-taskbar .classic-pinned-apps button{width:30px;padding:3px;justify-content:center;border-color:transparent}
#classic-taskbar .classic-pinned-apps button:hover{border:2px outset white}
.classic-pinned-apps .app-icon{width:22px;height:22px;background:transparent!important;border:0!important;box-shadow:none!important}
.classic-system-tray{display:flex;align-items:center;gap:2px;border:2px inset #eee;flex-shrink:0;height:30px;padding:0 3px}
#classic-taskbar .classic-system-tray button{border:0;height:25px;padding:2px 3px;background:transparent}
#classic-taskbar .classic-system-tray button:hover{background:#dedede}
#classic-taskbar .classic-system-tray svg{width:17px;height:17px}
.classic-clock{font-size:11px!important;white-space:nowrap}
#classic-start-menu,#classic-tray-panel{position:fixed;z-index:1800;bottom:calc(var(--classic-bar-bottom) + var(--classic-bar-height) + 2px);border:3px outset white;box-shadow:3px 3px #0008;background:#c4c4c4;color:#111;max-height:calc(100dvh - var(--classic-bar-bottom) - var(--classic-bar-height) - 15px);overflow:auto;font:12px "Courier New",monospace}
#classic-start-menu{left:3px;width:280px;padding:4px}
#classic-start-menu header{display:flex;flex-direction:column;gap:5px;padding:12px;background:linear-gradient(90deg,#000080,#236485);color:white;margin-bottom:4px}
#classic-start-menu header span{font-size:10px}
#classic-start-menu>button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 9px;text-align:left;font:inherit;color:#111;border-radius:0}
#classic-start-menu>button:hover,#classic-start-menu>button:focus-visible{background:#000080;color:white;outline:0}
#classic-start-menu svg{width:25px;height:25px;flex-shrink:0}
#classic-start-menu small{display:block;font-size:9px;margin-top:5px;opacity:.8}
#classic-start-menu hr{border:0;border-top:2px groove white;margin:3px}
#classic-tray-panel{right:5px;width:min(340px,calc(100vw - 10px));padding:4px}
#classic-tray-panel header{display:flex;align-items:center;justify-content:space-between;background:#000080;color:white;padding:5px 7px}
#classic-tray-panel header button{color:#111;background:#c4c4c4;border:2px outset white;padding:0 5px}
#classic-tray-panel>div{padding:10px;font-size:12px;line-height:1.6}
#classic-tray-panel p{margin:0 0 12px}
#classic-tray-panel a{color:#000080}
#classic-tray-panel>div>button{display:block;width:100%;border:2px outset white;padding:7px;margin:5px 0;text-align:left;font:inherit;color:#111}
#classic-tray-panel small{display:block;font-size:10px;color:#444}
body.classic #clock-panel{top:auto;bottom:calc(var(--classic-bar-bottom) + var(--classic-bar-height) + 2px);max-height:calc(100dvh - var(--classic-bar-bottom) - var(--classic-bar-height) - 15px)}
#classic-taskbar .classic-desktop-button{padding:3px 6px}
#classic-minimized{position:fixed;left:12px;right:12px;bottom:calc(var(--classic-bar-bottom) + var(--classic-bar-height) + 8px);height:78px;display:flex;align-items:flex-end;gap:10px;overflow-x:auto;z-index:2;pointer-events:none}
.classic-minimized-icon{width:100px;min-width:100px;max-height:76px;padding:4px;display:flex;flex-direction:column;align-items:center;gap:4px;color:white;pointer-events:auto;font:11px "Courier New",monospace;text-shadow:1px 1px #111}
.classic-minimized-icon svg{width:32px;height:32px;filter:drop-shadow(1px 2px #0008)}
.classic-minimized-icon span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 3px;background:#000080bb}
.classic-minimized-icon:focus span{background:#000080;outline:1px dotted white}
body.classic .window.maximized{top:5px!important;height:calc(100dvh - var(--classic-bar-height) - 10px)!important}
.classic .classic-program-manager{width:min(950px,calc(100vw - 40px));height:min(580px,calc(100dvh - 125px));min-width:300px;left:calc(50% - min(475px,50vw - 20px));top:7%;display:flex;flex-direction:column}
.classic-program-toolbar{display:flex;align-items:center;gap:4px;padding:5px;border-bottom:2px inset #eee;flex-wrap:wrap}
.classic-program-toolbar>button{border:2px outset #fff;border-radius:0;padding:5px 8px;font:11px "Courier New",monospace;background:#c4c4c4;color:#111}
.classic-program-toolbar>button:active{border-style:inset}
.classic-program-toolbar label{margin-left:auto;display:flex;align-items:center;gap:7px;font:11px "Courier New",monospace}
.classic-program-toolbar input{width:170px;border:2px inset white;border-radius:0;background:white;color:#111;padding:5px;font:inherit}
.classic-program-body{display:flex;min-height:0;flex:1}
.classic-program-groups{width:158px;flex-shrink:0;padding:8px;border-right:2px inset white;display:flex;flex-direction:column;gap:5px;overflow:auto}
.classic-program-groups button{padding:9px 7px;text-align:left;border:2px outset white;border-radius:0;font:11px "Courier New",monospace;background:#c4c4c4;color:#111}
.classic-program-groups button[aria-pressed="true"]{background:#000080;color:white;border-style:inset}
.classic-program-grid{flex:1;min-width:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));grid-auto-rows:118px;align-content:start;gap:10px;padding:18px;background:#ddd;border:2px inset white;margin:5px}
.classic-program{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:8px 2px;color:#111;font:11px "Courier New",monospace}
.classic-program .app-icon{width:38px;height:38px;background:transparent!important;border:0;box-shadow:none;flex-shrink:0}
.classic-program .app-icon svg{width:100%;height:100%;filter:drop-shadow(1px 1px #888)}
.classic-program>span:last-child{padding:3px;max-width:100%;line-height:1.35}
.classic-program.selected>span:last-child,.classic-program:focus>span:last-child{background:#000080;color:white;outline:1px dotted white;outline-offset:-2px}
.classic-program-empty{grid-column:1/-1;color:#444;font:12px "Courier New",monospace}
.classic-window-menu button:focus-visible{outline:1px dotted #111;outline-offset:-4px}
@media(max-width:760px){
 :root{--classic-bar-bottom:calc(42px + env(safe-area-inset-bottom,0px))}
 #classic-taskbar{gap:4px;padding:5px 3px;font-size:10px}
 #classic-taskbar button{padding:3px 5px;gap:4px}
 #classic-taskbar .classic-window-button{min-width:100px;max-width:150px}
 #classic-taskbar svg{width:17px;height:17px}
 .classic-window-count{display:none}
 body.classic .window[data-mobile-mode="full"]{height:calc(100dvh - var(--classic-bar-bottom) - var(--classic-bar-height) - 16px)!important}
 .classic-pinned-apps{max-width:64px;padding-right:3px}
 #classic-taskbar .classic-pinned-apps button{width:26px}
 .classic-system-tray{gap:0;padding:0 1px}
 #classic-taskbar .classic-system-tray button{padding:2px}
 #classic-taskbar .classic-system-tray [data-classic-tray="sound"],#classic-taskbar .classic-system-tray [data-classic-tray="power"],#classic-taskbar .classic-system-tray [data-classic-tray="apps"]{display:none}
 #classic-taskbar .classic-system-tray svg{width:13px;height:13px}
 .classic-clock{font-size:9px!important}
 #classic-taskbar .classic-window-button{min-width:85px;max-width:140px}
 .classic-program-body{flex-direction:column}
 .classic-program-groups{width:auto;flex-direction:row;border-right:0;border-bottom:2px inset white;overflow-x:auto;padding:5px}
 .classic-program-groups button{white-space:nowrap;font-size:10px;padding:6px}
 .classic-program-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));padding:10px;gap:7px;grid-auto-rows:112px}
 .classic-program-toolbar>button{font-size:10px;padding:5px}
 .classic-program-toolbar label{width:100%;margin-left:0}.classic-program-toolbar input{flex:1;min-width:0}
 #classic-minimized{height:66px;gap:4px}.classic-minimized-icon{width:85px;min-width:85px;font-size:10px}
}
@media(max-width:360px){
 .classic-pinned-apps{max-width:34px}
 #classic-taskbar .classic-window-button{min-width:70px;flex-basis:70px}
}