/* icons-dos – Texora DOS (Fluent-inspired colour icons) and Texora Droid (Material-You adaptive icons).
   Desktop: artwork in dos-icons/*.svg (48px grid; *-16.svg hinted for 16px title bars).
   Phone: artwork in droid-icons/*.svg (circular adaptive icons). */

/* ---------- icon mapping (desktop) ---------- */
html[data-theme=modern][data-device=desktop] :is([data-open=wissen],[data-task=wissen],[data-window=wissen]){--dos-icon:url('dos-icons/wissen.svg');--dos-icon-sm:url('dos-icons/wissen-16.svg')}
html[data-theme=modern][data-device=desktop] :is([data-open=projekt],[data-task=projekt],[data-window=projekt]){--dos-icon:url('dos-icons/projekt.svg');--dos-icon-sm:url('dos-icons/projekt-16.svg')}
html[data-theme=modern][data-device=desktop] :is([data-open=willkommen],[data-task=willkommen],[data-window=willkommen]){--dos-icon:url('dos-icons/willkommen.svg');--dos-icon-sm:url('dos-icons/willkommen-16.svg')}
html[data-theme=modern][data-device=desktop] :is([data-open=leistungen],[data-task=leistungen],[data-window=leistungen]){--dos-icon:url('dos-icons/leistungen.svg');--dos-icon-sm:url('dos-icons/leistungen-16.svg')}
html[data-theme=modern][data-device=desktop] :is([data-open=ablauf],[data-task=ablauf],[data-window=ablauf]){--dos-icon:url('dos-icons/ablauf.svg');--dos-icon-sm:url('dos-icons/ablauf-16.svg')}
html[data-theme=modern][data-device=desktop] :is([data-open=ueber],[data-task=ueber],[data-window=ueber]){--dos-icon:url('dos-icons/ueber.svg');--dos-icon-sm:url('dos-icons/ueber-16.svg')}
html[data-theme=modern][data-device=desktop] :is([data-open=kontakt],[data-task=kontakt],[data-window=kontakt]){--dos-icon:url('dos-icons/kontakt.svg');--dos-icon-sm:url('dos-icons/kontakt-16.svg')}
html[data-theme=modern][data-device=desktop] :is([data-open=einstellungen],[data-task=einstellungen],[data-window=einstellungen]){--dos-icon:url('dos-icons/einstellungen.svg');--dos-icon-sm:url('dos-icons/einstellungen-16.svg')}
html[data-theme=modern][data-device=desktop] :is([data-open=impressum],[data-task=impressum],[data-window=impressum]){--dos-icon:url('dos-icons/impressum.svg');--dos-icon-sm:url('dos-icons/impressum-16.svg')}
html[data-theme=modern][data-device=desktop] [data-command=arrange]{--dos-icon:url('dos-icons/anordnen.svg')}
html[data-theme=modern][data-device=desktop] [data-command=desktop]{--dos-icon:url('dos-icons/desktop.svg')}

/* Shared: the colour artwork replaces the old line symbols and glyphs. */
html[data-theme=modern][data-device=desktop] :is(.desktop-icon .icon-art,.menu-icon,.title-icon,.dock-app-art) :is(.os-symbol,.retro-glyph){display:none}

/* ---------- desktop icons: no tile, 48px artwork on the wallpaper ---------- */
html[data-theme=modern][data-device=desktop] .desktop-icon .icon-art{width:48px;height:48px;min-height:48px;flex-shrink:0;padding:0;border:0;border-radius:0;color:transparent;background:var(--dos-icon) center/48px 48px no-repeat;box-shadow:none;filter:drop-shadow(0 2px 3px rgb(2 12 32 / .38)) drop-shadow(0 0 1px rgb(2 12 32 / .25))}
html[data-theme=modern][data-device=desktop] .desktop-icon .icon-art::after{display:none}
html[data-theme=modern][data-device=desktop] .desktop-icon:active .icon-art{transform:scale(.94);transition:transform .08s}

/* ---------- title bars: hinted 16px variants ---------- */
html[data-theme=modern][data-device=desktop] .os-window .title-icon{display:block;width:16px;height:17px;flex:0 0 16px;font-size:0;color:transparent;background:var(--dos-icon-sm) 0 0/16px 16px no-repeat}

/* ---------- start menu ---------- */
html[data-theme=modern][data-device=desktop] .start-menu .menu-icon{width:32px;height:32px;border-radius:0;background:var(--dos-icon) center/32px 32px no-repeat;font-size:0;color:transparent;box-shadow:none}

/* ---------- taskbar: centred, Windows-11-like ---------- */
html[data-theme=modern][data-device=desktop] footer.taskbar{justify-content:center;gap:4px}
html[data-theme=modern][data-device=desktop] footer.taskbar :is(.dock-launchers,.task-buttons){display:contents}
html[data-theme=modern][data-device=desktop] footer.taskbar :is(.start-button,.dock-app,.task-button){position:relative;display:flex;align-items:center;justify-content:center;gap:0;flex:0 0 46px;width:46px;min-width:46px;max-width:46px;height:46px;min-height:46px;padding:0;margin:0;border:1px solid transparent;border-radius:6px;background:transparent;box-shadow:none;font-size:0;color:transparent;cursor:pointer;transition:background .14s,border-color .14s}
html[data-theme=modern][data-device=desktop] footer.taskbar :is(.start-button,.dock-app,.task-button):hover{background:#ffffffb8;border-color:#ffffff9e;box-shadow:0 1px 2px #0b2a4a0f}
html[data-theme=modern][data-device=desktop] footer.taskbar :is(.start-button,.dock-app,.task-button):active>:first-child{transform:scale(.88);transition:transform .08s}
html[data-theme=modern][data-device=desktop] footer.taskbar :is(.start-button,.dock-app,.task-button):focus-visible{outline:2px solid #0a5fb4;outline-offset:-2px}
html[data-theme=modern][data-device=desktop] footer.taskbar .start-button[aria-expanded=true]{background:#ffffffc4;border-color:#ffffffb3}
html[data-theme=modern][data-device=desktop] footer.taskbar .start-button>span{display:block;width:24px;height:24px;font-size:0;color:transparent;border:0;background:url('dos-icons/launcher.svg') center/24px 24px no-repeat}
html[data-theme=modern][data-device=desktop] footer.taskbar .dock-app-art{display:block;width:24px;height:24px;border:0;border-radius:0;box-shadow:none;background:var(--dos-icon) center/24px 24px no-repeat}
html[data-theme=modern][data-device=desktop] footer.taskbar :is(.dock-label,.dock-dot){display:none}
html[data-theme=modern][data-device=desktop] footer.taskbar .task-button>.app-symbol{display:block;width:24px;height:24px;color:transparent;filter:none;background:var(--dos-icon) center/24px 24px no-repeat}
html[data-theme=modern][data-device=desktop] footer.taskbar .task-button>.app-symbol use{display:none}
/* Running apps: the task button takes the pinned slot (keeps minimise-on-click), pill indicator below. */
html[data-theme=modern][data-device=desktop] footer.taskbar .dock-app.is-running{display:none}
html[data-theme=modern][data-device=desktop] footer.taskbar .task-button::after{bottom:2px;width:6px;height:3px;border-radius:2px;background:#7d93ab}
html[data-theme=modern][data-device=desktop] footer.taskbar .task-button[aria-pressed=true]{background:#ffffffc4;border-color:#ffffffb3}
html[data-theme=modern][data-device=desktop] footer.taskbar .task-button[aria-pressed=true]::after{width:16px;background:#0a67c8}
html[data-theme=modern][data-device=desktop] footer.taskbar .start-button{order:0}
html[data-theme=modern][data-device=desktop] footer.taskbar .task-button{order:7}
html[data-theme=modern][data-device=desktop] footer.taskbar :is(.dock-willkommen,[data-task=willkommen]){order:1}
html[data-theme=modern][data-device=desktop] footer.taskbar :is(.dock-leistungen,[data-task=leistungen]){order:2}
html[data-theme=modern][data-device=desktop] footer.taskbar :is(.dock-ablauf,[data-task=ablauf]){order:3}
html[data-theme=modern][data-device=desktop] footer.taskbar :is(.dock-projekt,[data-task=projekt]){order:4}
html[data-theme=modern][data-device=desktop] footer.taskbar :is(.dock-kontakt,[data-task=kontakt]){order:5}
html[data-theme=modern][data-device=desktop] footer.taskbar :is(.dock-einstellungen,[data-task=einstellungen]){order:6}
html[data-theme=modern][data-device=desktop] footer.taskbar :is(.desktop-clock,.show-desktop){order:9}
@media(prefers-reduced-motion:reduce){html[data-theme=modern][data-device=desktop] :is(footer.taskbar :is(.start-button,.dock-app,.task-button),.desktop-icon .icon-art){transition:none}}

/* ---------- Texora Droid (phone) ---------- */
@media (max-width: 600px), (max-width: 1000px) and (max-height: 600px) and (pointer: coarse) {
  html[data-theme=modern] :is([data-open=wissen],.dock-wissen),html[data-theme=modern] .desktop-icon .icon-wissen{--droid-icon:url('droid-icons/wissen.svg')}
  html[data-theme=modern] .start-menu [data-command=desktop]{--droid-icon:url('droid-icons/launcher.svg')}
  html[data-theme=modern] .start-menu [data-command=arrange]{--droid-icon:url('droid-icons/willkommen.svg')}
  html[data-theme=modern] .start-menu [data-command] .menu-icon{background:var(--droid-icon) center/contain no-repeat;border:0;border-radius:50%;box-shadow:none;font-size:0;color:transparent}
  html[data-theme=modern] .start-menu [data-command] .menu-icon .os-symbol{display:none}
  html[data-theme=modern] :is(.desktop-icon,.dock-app) :is(.icon-art,.dock-app-art){box-shadow:0 1px 2px rgb(38 56 30 / .16),0 2px 6px -2px rgb(38 56 30 / .18)}
  html[data-theme=modern] .desktop-icon .icon-wissen{border-radius:50%}
  html[data-theme=modern] .start-button>span{border-radius:50%;box-shadow:0 1px 2px rgb(38 56 30 / .16),0 2px 6px -2px rgb(38 56 30 / .18)}
}