/* eztge identity layer. Keep the three classic skins and their interaction geometry. */
:root,html[data-skin]{--brand-lime:#a4ed00;--brand-desktop:#17200d;--accent:#406800;--selection:#406800;--desktop:var(--brand-desktop);--title:linear-gradient(90deg,#253d0b,#406800)}
html[data-skin] body{background:var(--brand-desktop)}
.topbar .desktop-brand{display:flex;align-items:center;gap:9px;font-family:'Arial Rounded MT Bold',ui-rounded,Arial,sans-serif;font-size:26px;letter-spacing:-1px;white-space:nowrap}
.topbar .desktop-brand img{width:38px;height:38px;object-fit:contain;border-radius:0;background:transparent;flex:none}
.desktop-brand small{font:600 11px/1 Arial,sans-serif;letter-spacing:.5px;color:var(--brand-lime);align-self:flex-end;margin:0 0 7px 1px}
.topbar>span{opacity:1;color:#dce5d2}.system-state:before{background:var(--brand-lime)}
.primary,html[data-skin] button.primary{background:var(--brand-lime);color:#17200d;border-color:#507014;text-shadow:none}
.primary:hover,html[data-skin] button.primary:hover{background:#b7ff26;color:#17200d}
.primary:disabled,html[data-skin] button.primary:disabled{background:#dce8c4;color:#596748}
.start-brand{background:#17200d;color:#fff}.start-brand strong{font-family:'Arial Rounded MT Bold',ui-rounded,Arial,sans-serif;color:var(--brand-lime)}
.desktop-shortcuts button,html[data-skin=mac] .desktop-shortcuts button{text-shadow:0 1px #17200d}
.start img{width:26px;height:26px;object-fit:contain;border-radius:0;background:transparent;flex:none}.welcome-signin>img{width:88px;height:88px;object-fit:contain;border-radius:0;background:transparent}
html[data-skin=xp] .taskbar{background:linear-gradient(#94ba64,#406800 18%,#32500f)}
html[data-skin] .taskbar .start{background:#17200d;color:#fff;text-shadow:none;font-style:normal;border-radius:3px;box-shadow:inset 0 0 0 1px #507014}
html[data-skin] .taskbar .start:hover{background:#253d0b}
html[data-skin] .taskbar .start:focus-visible{outline:2px solid var(--brand-lime);outline-offset:2px}
html[data-skin=mac]{--selection:#e7efda}
.skin-preview,.skin-preview.xp,.skin-preview.mac{background:#17200d}
@media(max-width:700px){.topbar .desktop-brand{font-size:20px;gap:5px}.topbar .desktop-brand img{width:28px;height:28px}.desktop-brand small{font-size:9px;margin-bottom:5px}.topbar .desktop-brand{letter-spacing:-.5px}}

/* Reuse original glyphs, with exact brand-colour variants only on dark chrome. */
img[src="/icons/cog.svg"]{--dark-icon:url("/icons/fluoro/cog.svg")}
img[src="/icons/present.svg"]{--dark-icon:url("/icons/fluoro/present.svg")}
img[src="/icons/user.svg"]{--dark-icon:url("/icons/fluoro/user.svg")}
img[src="/icons/palette-outline.svg"]{--dark-icon:url("/icons/fluoro/palette-outline.svg")}
img[src="/icons/file-xlsx.svg"]{--dark-icon:url("/icons/fluoro/file-xlsx.svg")}
img[src="/icons/file-text.svg"]{--dark-icon:url("/icons/fluoro/file-text.svg")}
img[src="/icons/system-info-screen.svg"]{--dark-icon:url("/icons/fluoro/system-info-screen.svg")}
img[src="/icons/reminder.svg"]{--dark-icon:url("/icons/fluoro/reminder.svg")}
img[src="/icons/shield.svg"]{--dark-icon:url("/icons/fluoro/shield.svg")}
img[src="/icons/wallet.svg"]{--dark-icon:url("/icons/fluoro/wallet.svg")}
img[src="/icons/bell.svg"]{--dark-icon:url("/icons/fluoro/bell.svg")}
img[src="/icons/world.svg"]{--dark-icon:url("/icons/fluoro/world.svg")}
img[src="/icons/rocket-launch.svg"]{--dark-icon:url("/icons/fluoro/rocket-launch.svg")}
img[src="/icons/folder.svg"]{--dark-icon:url("/icons/fluoro/folder.svg")}
img[src="/icons/classic/cog.svg"]{--dark-icon:url("/icons/cog-fluoro.svg")}
:is(.desktop-shortcuts,.titlebar,.topbar) img[src^="/icons/"],
html[data-skin=xp] .taskbar .task img[src^="/icons/"],
html:not([data-skin=mac]) .start-menu>button:is(:hover,:focus-visible) img[src^="/icons/"]{content:var(--dark-icon,normal)}
/* Appearance lives on the desktop; compact screens use the Start menu. */
.taskbar label[for="skin-select"],.taskbar #skin-select{display:none}
@media(min-width:701px) and (min-height:401px){
 #start-menu>button[data-action="appearance"]{display:none}
 .desktop-shortcuts{display:grid;grid-auto-flow:column;grid-auto-columns:96px;grid-template-rows:repeat(var(--desktop-rows,6),78px);gap:6px 8px;width:max-content;bottom:auto;overflow:visible;align-items:start}
 .desktop-shortcuts button{width:96px;height:78px;min-height:0;justify-content:flex-start}
 .desktop-shortcuts img{max-height:40px}
 #main-window:not(.maximized){left:var(--desktop-window-left,112px);max-width:calc(100vw - var(--desktop-window-left,112px) - 18px)}
 .studio-window:not(.maximized){left:var(--desktop-window-left,140px)}
}
@media(max-height:400px){.desktop-shortcuts{display:none}#start-menu>button[data-action="appearance"]{display:flex}.window:not(.maximized){min-height:0;max-height:calc(100dvh - 110px)}}

/* Keep full task labels available in the horizontally scrolling task list. */
.task-buttons .task{flex:none;max-width:none;white-space:nowrap}