/* AZWork desktop / 2026-09-12. Brand artwork is supplied by AZWork.
   Keep the original window layout; give the desktop clear surface contrast. */
:root {
  color-scheme: light;
  --desk: #607f9f; --paper: #fff; --paper-soft: #f2f5fa;
  --surface: #e8eef7; --hover: #e1eaf7;
  --ink: #192b44; --ink-soft: #3e5370; --muted: #546882;
  --line: #9eafc5; --line-soft: #d6dfec;
  --accent: #245dc7; --accent-hover: #1847a2; --accent-soft: #e2ebff;
  --green: #176e59; --green-soft: #e2f2ea; --note: #f5df9f;
}
.workspace {
  background-color: var(--desk);
  background-image: radial-gradient(#ffffff24 .65px,transparent .65px),radial-gradient(ellipse at 20% 8%,#93b7cb99,transparent 62%),linear-gradient(135deg,#6f99b4 0%,#58769b 58%,#405779 100%);
  background-size: 28px 28px,100% 100%,100% 100%;
}
.menubar,.taskbar { background: #17263d; color: #f3f6fd; border-color: #2f4664; }
.menubar { gap: 26px; }
.brand { gap: 10px; flex-shrink: 0; }
/* Crop only the empty artboard margins, without changing the supplied SVG. */
.brand-mark { display: block; width: 132px; height: 33px; overflow: hidden; position: relative; }
.brand-mark img { display: block; position: absolute; width: 234px; max-width: none; height: auto; left: -4px; top: -7px; }
.brand-edition { color: #c5d5eb; border-color: #49617e; }
.system-tray { gap: 16px; }
.edition-label,.system-tray time { color: #c9d7ec; }
.top-contact { color: #f3f6fd; border-color: #49617e; }
.top-contact:hover { color: #bcd6ff; }
.system-menu>button:hover,.system-menu summary:hover { background: #2a4160; }
.menu-popover { color: var(--ink); box-shadow: 0 12px 28px #07152b24; }
.corporate-return { display: inline-flex; align-items: center; justify-content: center; position: relative; width: 44px; min-width: 44px; height: 44px; border-radius: 6px; }
.corporate-return>img { display: block; width: 28px; height: 28px; border-radius: 5px; }
.corporate-return:hover { background: #2a4160; }
.return-tooltip { visibility: hidden; opacity: 0; pointer-events: none; position: absolute; top: calc(100% + 8px); right: 0; background: #fff; border: 1px solid #a5b6ce; border-radius: 4px; padding: 8px 10px; font: 12px/1.5 var(--ui-font); color: #192b44; white-space: nowrap; }
.corporate-return:hover .return-tooltip,.corporate-return:focus-visible .return-tooltip { visibility: visible; opacity: 1; }
.menubar a:focus-visible,.menubar button:focus-visible,.menubar summary:focus-visible,.taskbar button:focus-visible { outline: 2px solid #f5df9f; outline-offset: 2px; }
.desktop-icon { color: #fff; }
.desktop-icon>small { color: #edf3ff; }
.desktop-icon:hover,.desktop-icon:focus-visible { background: #ffffff1f; border-color: #c9dcf38c; }
.desktop-glyph { stroke: #183a61; --icon-fill: #dae9ff; --icon-front: #eff5ff; }
.desktop-icon:nth-child(3),.desktop-icon:nth-child(4) { --icon-fill: #b7e4d3; }
.desktop-icon:nth-child(5) { --icon-fill: #f5df9f; }
.desk-caption,.wallpaper-label { color: #d5e3f5; }
.wallpaper-label strong { color: #ffffff24; }
.wallpaper-label strong span { color: #ffffff36; }
.desktop-note { border-color: #c2a967; background: var(--note); }
.desktop-note>span,.desktop-note small { color: #655421; }
.app-window { border-color: #a8b9ce; box-shadow: 0 12px 28px #122c4e24; }
.app-window.is-active { border-color: #5b85c2; }
.titlebar { background: #edf2f9; }
.is-active .titlebar { background: #dee9fa; }
.window-controls button:hover { background: #c8daf4; }
.file-entry.selected { background: #dce7fc; }
.file-glyph,.service-glyph,.experiment-glyph { stroke: #35577e; }
.file-card:hover { background: #f0f5ff; border-color: #abc2e4; }
.room-stage { background: #eaf0f7; }
.room-stage canvas { filter: saturate(1.2) contrast(1.03); }
.launcher { border-color: #49617e; }
.launcher .icon { color: #d7e6ff; }
.task-button { background: #273d5a; color: #e6efff; border-color: #3b5272; }
.task-button.is-active { background: #285fc0; border-color: #6d9df0; color: #fff; }
.task-button:hover { background: #385880; border-color: #87a9d5; }
.task-button.is-active:hover { background: #2d69d2; }
.taskbar-right .version { color: #c5d5eb; border-color: #49617e; }
.taskbar-right button:hover,.launcher:hover { background: #2a4160; border-radius: 4px; }
@media(max-width:1099px) {
  .menubar { gap: 16px; }
  .workspace { min-height: calc(100svh - var(--menu-height) - var(--taskbar-height)); }
}
@media(max-width:620px) {
  .menubar { gap: 8px; }
  .brand { gap: 7px; }
  .brand-mark { width: 112px; height: 28px; }
  .brand-mark img { width: 199px; left: -3px; top: -6px; }
  .brand-edition { padding-left: 7px; margin-left: 0; }
  .system-tray { gap: 6px; }
  .top-contact { padding-left: 9px; gap: 5px; }
  .app-window { box-shadow: 0 5px 16px #122c4e1a; }
}
@media(max-width:480px) { .system-tray time { display: none; } }
@media(prefers-reduced-motion:reduce) { .corporate-return,.return-tooltip { transition: none; } }