/* eztge classic desktop geometry. Brand colours are finalized in eztge.css. */
:root{--brand-desktop:#406800;--desktop:var(--brand-desktop);--accent:var(--brand-desktop);--selection:var(--brand-desktop);--face:#d8d8d4;--panel:#f7f7f2;--ink:#161b2c;--muted:#646974;--edge:#93969e;--title:linear-gradient(90deg,#253d0b,#406800);--chrome-shadow:inset 1px 1px #fff,inset -1px -1px #555,inset 2px 2px #e8e8e4,inset -2px -2px #aaa}
html[data-skin=xp]{--desktop:var(--brand-desktop);--accent:var(--brand-desktop);--selection:var(--brand-desktop);--title:linear-gradient(#94ba64,#406800 15%,#406800 80%,#32500f);--panel:#fcfcf8;--face:#eae9de}
html[data-skin=mac]{--desktop:var(--brand-desktop);--accent:var(--brand-desktop);--selection:#e7efda;--panel:#f7f7f2}
html[data-skin] body{background:var(--brand-desktop);font:13px/1.5 Arial,Helvetica,sans-serif;overflow:hidden}
.topbar,html[data-skin=mac] .topbar{height:68px;padding:0 26px;color:#fff;background:transparent;border:0;text-shadow:none;gap:18px;display:flex;align-items:center}
.topbar .desktop-brand{font:800 23px/1 Arial,Helvetica,sans-serif;letter-spacing:-1px}.topbar>span{font:11px/1.4 Arial,sans-serif;opacity:.75;padding-left:17px;border-left:1px solid #ffffff55}
.topbar button{font-size:11px;padding:6px 9px;border:1px solid transparent}.topbar button:hover{border-color:#ffffff88;background:#ffffff12}.topbar button[data-action=monitor]{border-color:#ffffff65;padding:7px 12px}
.topbar .system-state{display:flex;align-items:center;gap:7px;margin-left:auto;white-space:nowrap;font-size:10px;letter-spacing:.5px}.system-state:before{content:'';width:5px;height:5px;background:#d9fa58;border-radius:50%}.topbar>button:first-of-type{margin-left:0}
.desktop-shortcuts{top:88px;left:10px;width:88px;bottom:52px;gap:5px;align-content:start}.desktop-shortcuts button{min-height:57px;padding:3px 2px;gap:5px;text-shadow:0 1px #17200d;background:none}.desktop-shortcuts img{width:31px;height:31px;object-fit:contain;padding:4px;background:#e8efde;box-shadow:inset 1px 1px #fff,1px 1px #28351a;filter:none;border:1px solid #9caa89;image-rendering:auto}.desktop-shortcuts span{font-size:10px;line-height:1.3}.desktop-shortcuts button:nth-child(2) img{background:#e8f5c6}.desktop-shortcuts button:nth-child(3) img{background:#e4ecd9}.desktop-shortcuts button:nth-child(5) img{background:#fff2c8}.desktop-shortcuts button:nth-child(6) img{background:#d4efe5}.desktop-shortcuts button:nth-child(7) img{background:#e7ddf8}.desktop-shortcuts button:nth-child(9) img{background:#ffdcd4}
html[data-skin=mac] .desktop-shortcuts button{color:white;text-shadow:0 1px #17200d}html[data-skin=mac] .desktop-shortcuts span{background:transparent;padding:0}
.window{position:fixed;margin:0;max-width:none;border-radius:var(--radius);box-shadow:var(--chrome-shadow),3px 4px 0 #17200d66;overflow:hidden;display:flex;flex-direction:column}
#main-window{left:112px;right:272px;top:90px;height:calc(100dvh - 153px);min-width:400px;min-height:280px;resize:both}
.titlebar{height:25px;min-height:25px;gap:6px;padding:3px 4px 3px 6px;cursor:grab;touch-action:none}.titlebar:active{cursor:grabbing}.titlebar>strong{font:700 11px/1.3 Tahoma,Arial,sans-serif;letter-spacing:0}.titlebar>img{width:14px;height:14px}.titlebar button{height:17px;width:18px;line-height:15px;font-size:12px}.window-controls{gap:2px}.titlebar:focus-visible{outline:2px dashed #fff;outline-offset:-3px}.window[data-active=false]>.titlebar{filter:saturate(.55)}
.menubar{min-height:28px;padding:2px 3px;gap:0;border-bottom:1px solid #b8b8b1}.menubar button{font-size:11px;padding:3px 8px}.menubar>span{font-size:10px}.locationbar{display:flex;align-items:center;gap:9px;padding:5px 7px;font:10px/1.5 Tahoma,Arial,sans-serif;border-bottom:1px solid #b8b8b1}.locationbar>span{color:#5e6370}.locationbar output{flex:1;background:#f9f9f6;box-shadow:inset 1px 1px #a6a6a0,inset -1px -1px #fff;padding:3px 7px;color:#5f6574;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.read-mode{font-size:9px!important;white-space:nowrap}
.toolbar{padding:8px 10px;gap:9px}.toolbar label{font-size:11px}.toolbar select{font-size:11px;padding:4px 7px}.connection{font-size:9px;background:#f3f4f5;border-color:#a8acb6;padding:2px 5px;color:#4d5967}
.workarea{grid-template-columns:138px minmax(0,1fr);min-height:0;border-color:#a7aaa7;background:var(--panel)}.sidebar{padding:18px 9px;background:#eeeef0;border-color:#d3d5d8;gap:4px}.sidebar-heading{font-size:10px;letter-spacing:.4px;color:#656c7a;margin:0 9px 10px}.sidebar button{font-size:11px;padding:7px 9px}.sidebar-note{padding:20px 8px 0;font-size:10px}.sidebar-note strong{font-size:10px}.sidebar-note img{width:20px;height:20px;margin-bottom:7px}.sidebar-note p{margin-bottom:0}
.content{padding:22px 24px;font-size:12px}.content-header{margin-bottom:18px;gap:12px}.content-header h1{font-size:22px;letter-spacing:-.6px;margin-bottom:6px;line-height:1.2}.content-header p{font-size:11px;line-height:1.5}.content-header>button{font-size:11px;margin-top:0}h2{font-size:15px;letter-spacing:-.2px}h3{font-size:12px}button{padding:6px 11px}.primary{font-weight:600}.content>p.muted{font-size:10px;margin:8px 0}.content>.info{font-size:10px;padding:7px 10px;margin:10px 0}.info{border-left-width:2px;background:#edf2e6;color:#3c4e29}.warning{background:#f2f1dc;color:#6b602d;border-color:#aca161}.stats{margin:17px 0 21px;border:1px solid #d4d6db;background:#fff}.stat{padding:14px 10px!important}.stat+.stat{border-color:#d4d6db}.stat strong{font:700 23px/1.6 Arial,Helvetica,sans-serif;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.stat label{font-size:10px;line-height:1.4;display:block}.stat small{font-size:9px}.section-head{margin-bottom:10px}.section-head h2{font-size:14px}.section-head select{font-size:10px}.table-wrap{border-color:#d4d6db}table{font-size:11px}th{background:#eceeeb;font-size:10px;padding:7px 9px}td{padding:9px}td.num,th.num{font-family:Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums}.split{gap:20px}.split p{font-size:11px}.statusbar{font-size:9px;min-height:17px}.statusbar span{padding:2px 7px}
.monitor-window{width:228px;right:24px;top:90px;height:auto;min-height:0;max-height:calc(100dvh - 180px);padding:4px;z-index:12}.monitor-body{padding:19px 15px 13px;overflow:auto;background:var(--panel);border:1px solid #a7aaa7}.monitor-label{font-size:9px;color:var(--muted);margin:0 0 9px;letter-spacing:.6px;text-transform:uppercase}.monitor-value{font-size:28px;line-height:1.2;letter-spacing:-1px;font-weight:750;font-variant-numeric:tabular-nums;margin:0 0 6px}.monitor-sub{font-size:10px;color:#686f7d;line-height:1.6;margin:0 0 18px}.monitor-details{margin:0 0 16px;border-top:1px solid #d4d6db}.monitor-details>div{display:flex;justify-content:space-between;padding-top:9px;font-size:10px}.monitor-details dt{color:#666c78}.monitor-details dd{margin:0;font-weight:600}.monitor-body>.primary{width:100%;font-size:11px}.monitor-session{display:flex;align-items:center;gap:7px;margin-top:15px;padding-top:11px;border-top:1px solid #d4d6db;font-size:10px;color:#666c78}.monitor-session img{width:16px;height:16px}.monitor-session span{flex:1}.monitor-session button{font-size:10px;padding:3px 7px}
.utility-window{width:min(540px,calc(100vw - 28px));height:auto;min-height:180px;min-width:300px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 120px);left:25%;top:130px;padding:4px;resize:both}.utility-body{padding:22px;background:var(--panel);overflow:auto;flex:1;min-height:0;border:1px solid #a7aaa7;font-size:12px}.utility-window .actions{margin-top:16px}.utility-window h2{font-size:20px;line-height:1.25;letter-spacing:-.5px}.utility-window .field{margin-bottom:12px}.utility-window .field input{padding:7px;font-size:12px}.utility-window .form-error:empty{display:none}.utility-window .memo-paper{font-size:13px;min-height:220px}.utility-heading p{font-size:11px}.utility-list{max-height:180px}.utility-footnote{font-size:10px}.utility-window[data-window-id=utility-calculator]{width:330px;min-width:280px}.utility-window[data-window-id=utility-calculator] .utility-body{padding:18px}.calculator output{font-size:28px;background:#e8ecde}.calculator-keys button{padding:9px;font-size:17px}.calendar-day{padding:5px}.calendar-grid{margin-bottom:16px}.games-empty{padding:16px 8px}
.taskbar{height:37px;z-index:10000;padding:3px 5px;gap:5px}.taskbar button{height:29px;padding:4px 9px;font-size:11px}.start{gap:6px}.start img{width:18px;height:18px}.task-buttons{display:flex;gap:4px;min-width:0;overflow:auto;flex:1}.task-buttons .task{display:flex;align-items:center;gap:6px;min-width:115px;max-width:165px;background:var(--face);font-size:10px}.task-buttons .task.active{background:#f6f6ec;box-shadow:inset 1px 1px #777,inset -1px -1px #fff}.task img{height:14px;width:14px}.taskbar-spacer{display:none}.taskbar time{min-width:66px;font-size:10px;padding:4px 6px}.taskbar select{height:25px;font-size:10px}.taskbar label{font-size:9px}.taskbar .start strong{font-size:11px}
.start-menu{z-index:10001;bottom:39px;left:5px;width:280px;padding:4px}.start-brand{padding:17px 14px}.start-brand strong{font-size:22px;letter-spacing:-.7px}.start-menu>button{font-size:11px;padding:8px 10px;gap:10px}.start-menu img{width:23px;height:23px}.start-menu small{font-size:9px}
#notice{z-index:10002;bottom:48px;font-size:12px}.window.maximized,html[data-skin] .window.maximized{inset:74px 12px 48px!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;resize:none}.window.maximized .workarea{min-height:0}.window.maximized .utility-body{flex:1}
html[data-skin=xp] .window{border:2px solid #406800;padding:2px;box-shadow:2px 4px 12px #17200d55}html[data-skin=xp] .titlebar{height:28px;min-height:28px}html[data-skin=xp] .titlebar>strong{font-size:12px}html[data-skin=xp] .sidebar{background:linear-gradient(#edf2e6,#dce7ce)}html[data-skin=xp] .taskbar{background:linear-gradient(#96b970,#406800 18%,#406800)}html[data-skin=xp] .taskbar .start{font-size:13px;border-radius:0 8px 8px 0;background:linear-gradient(#bfe46b,#5b9a26);color:#173b08;text-shadow:0 1px #e7f9d1}html[data-skin=xp] .task-buttons .task{background:#4a701d;color:#fff}html[data-skin=xp] .task-buttons .task.active{background:#2e4810;box-shadow:inset 1px 1px #263c0e}html[data-skin=xp] .taskbar time{background:#567c27}
html[data-skin=mac] .window{border-radius:3px;box-shadow:2px 3px #17200d55}html[data-skin=mac] .titlebar{margin:2px 0;height:25px;min-height:25px}html[data-skin=mac] .titlebar>strong{font-size:11px;padding:0 10px}html[data-skin=mac] .titlebar button{width:14px;height:14px;line-height:12px}.utility-window .window-controls{margin-left:auto}html[data-skin=mac] .monitor-window .titlebar>strong{margin-left:38px;font-size:10px}html[data-skin=mac] .taskbar{bottom:8px;width:min(940px,calc(100% - 22px));height:41px}html[data-skin=mac] .start-menu{bottom:52px;left:max(11px,calc(50% - 470px))}
@media(min-width:1600px){#main-window{left:132px;right:304px}.monitor-window{right:34px;width:238px}.desktop-shortcuts{left:20px}.content{padding:30px}.content-header h1{font-size:26px}.stat strong{font-size:28px}}
@media(max-width:1150px){.monitor-window{display:none}#main-window{right:22px}.stats{grid-template-columns:repeat(3,1fr)}.stat:last-child{grid-column:auto;border-left:1px solid #d4d6db;border-top:0}.content-header{display:flex}.content-header>button{margin-top:0}.split{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.topbar>span{display:none}.topbar{padding:0 18px}.system-state{display:none!important}.topbar>button:first-of-type{margin-left:auto}.workarea{grid-template-columns:125px minmax(0,1fr)}.content{padding:18px}.stat strong{font-size:21px}.stat label{font-size:9px}.task-buttons .task{min-width:90px}}
@media(max-width:700px){.topbar,html[data-skin=mac] .topbar{height:54px;padding:0 12px;gap:3px}.topbar .desktop-brand{font-size:19px;letter-spacing:-.6px}.topbar>button{font-size:10px;padding:5px}.topbar>button[data-action=monitor]{display:none}.topbar>button:first-of-type{margin-left:auto}#main-window{inset:62px 7px 52px!important;width:auto!important;height:auto!important;min-width:0;min-height:0;resize:none}.locationbar{font-size:9px}.read-mode{display:none}.workarea{display:flex;flex-direction:column}.sidebar{padding:6px;gap:3px;flex-shrink:0}.sidebar button{font-size:10px;padding:6px 9px}.content{padding:20px 16px}.content-header{display:block}.content-header h1{font-size:22px}.content-header>button{margin-top:12px}.stats{grid-template-columns:1fr}.stat+.stat,.stat:last-child{border-left:0;border-top:1px solid #d4d6db;grid-column:auto}.stat label{font-size:11px}.stat strong{font-size:25px}.stat{padding:14px!important}.split{grid-template-columns:1fr}.task-buttons{display:none}.taskbar-spacer{display:block;flex:1}.taskbar .start strong{font-size:10px}.taskbar select{max-width:105px}.utility-window,.window.utility-window.maximized{inset:76px 10px 60px!important;width:auto!important;height:auto!important;min-width:0;max-width:none;max-height:none;resize:none}.utility-window[data-window-id=utility-calculator]{bottom:auto!important;height:auto!important;max-height:calc(100dvh - 140px)}.utility-body{padding:18px}.utility-window .window-controls{gap:5px}.utility-window .titlebar button{height:20px;width:21px}.utility-window .titlebar{height:28px;min-height:28px}.start-menu{max-height:calc(100dvh - 92px)}.monitor-window{display:none!important}.window.maximized,html[data-skin] .window.maximized{inset:62px 7px 52px!important}.toolbar select{min-width:0}.welcome-signin{padding-top:20px}.utility-window .split{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.window{animation:desktop-open 130ms ease-out}@keyframes desktop-open{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}}

.skin-preview,.skin-preview.xp,.skin-preview.mac{background:var(--brand-desktop)}
@media(min-width:701px) and (max-height:800px){.content{padding:18px 23px}.content-header{margin-bottom:12px}.stats{margin:12px 0 14px}.stat{padding:11px 10px!important}.stat strong{line-height:1.45}td{padding:8px 9px}.content>.info{margin:8px 0}}

@media(max-width:1150px){.topbar button[data-action=monitor]{display:none}}

#main-window{max-width:calc(100vw - 122px)}@media(max-width:700px){#main-window{max-width:none}}