/* ARGUS · Fluent-inspired light surfaces + graphite navigation.
 * v20261029-5. CSS adapter for Zabbix 8; no React runtime required.
 * Applies only to the native light themes. Native dark, high contrast and
 * print styles remain available. Severity colors and widget geometry are native.
 */
@media screen and (forced-colors: none) {
  html:is([theme="blue-theme"], [theme="blue-classic-theme"]) {
    --argus-canvas: #f5f5f5;
    --argus-surface: #ffffff;
    --argus-text: #242424;
    --argus-text-secondary: #616161;
    --argus-border: #e0e0e0;
    --argus-control-border: #8a8886;
    --argus-brand: #0f6cbd;
    --argus-brand-hover: #115ea3;
    --argus-brand-pressed: #0f548c;
    --argus-nav: #242424;
    --argus-nav-subtle: #202020;
    --argus-nav-hover: #333333;
    --argus-nav-selected: #383838;
    --argus-nav-text: #f0f0f0;
    --argus-nav-muted: #c7c7c7;
    --argus-nav-accent: #62abf5;
    --argus-shadow: 0 2px 4px rgb(0 0 0 / 4%);
    --font-stack: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Noto Sans", Arial, sans-serif;
    --button-border-radius: 4px;
    --input-border-radius: 4px;
    --surface-border-radius: 6px;
    --overlay-border-radius: 8px;

    body { background-color: var(--argus-canvas); color: var(--argus-text); }
    body > header { background: var(--argus-surface); border-color: var(--argus-border); box-shadow: 0 1px 2px rgb(0 0 0 / 4%); }
    .sidebar { background: var(--argus-nav); box-shadow: 1px 0 0 rgb(0 0 0 / 12%); }
    .sidebar .server-name { color: var(--argus-nav-muted); }
    .sidebar .logo img { filter: brightness(0) invert(1); }
    .sidebar .sidebar-header-buttons .btn-icon::before { color: var(--argus-nav-muted); }
    .sidebar .sidebar-header-buttons .btn-icon:is(:hover, :focus)::before { color: var(--argus-nav-text); }
    .sidebar .scrollable .scrollbar-track { background: rgb(255 255 255 / 8%); }
    .sidebar .scrollable .scrollbar-thumb { background: rgb(255 255 255 / 30%); }
    .sidebar .form-search input { color: var(--argus-nav-text); background: #333333; border-color: #858585; }
    .sidebar .form-search input::placeholder { color: var(--argus-nav-muted); opacity: 1; }

    .menu-main > li > a, .menu-main .submenu a {
      color: var(--argus-nav-text);
      border-left-color: transparent;
      transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
    }
    .menu-main > li > a:is(:hover, :focus),
    .menu-main > li.is-expanded > a,
    .menu-main > li.is-expanded > a:focus { background: var(--argus-nav-hover); color: var(--argus-nav-text); border-left-color: transparent; }
    .menu-main [class^="zi-"]::before, .menu-main [class*=" zi-"]::before,
    .menu-main .has-submenu.is-expanded > a[class^="zi-"]::before,
    .menu-main .has-submenu.is-expanded > a[class*=" zi-"]::before { color: var(--argus-nav-muted); }
    .menu-main .submenu { background: var(--argus-nav-subtle); }
    .menu-main .submenu a { background: var(--argus-nav-subtle); }
    .menu-main .submenu > li:not(:last-child) { border-bottom-color: rgb(255 255 255 / 4%); }
    .menu-main .submenu::before, .menu-main .submenu::after { box-shadow: none; }
    .menu-main .submenu a:is(:hover, :focus) { background: var(--argus-nav-hover); color: var(--argus-nav-text); border-left-color: transparent; }
    .menu-main .submenu .submenu li a { background: var(--argus-nav-subtle); color: var(--argus-nav-text); }
    .menu-main .submenu .submenu li a:is(:hover, :focus) { background: var(--argus-nav-hover); }
    .menu-main > li.is-selected > a,
    .menu-main > li.is-selected.is-expanded > a,
    .menu-main .submenu > li.is-selected > a,
    .menu-main .submenu > li.is-selected > a:is(:hover, :focus) {
      background: var(--argus-nav-selected); color: var(--argus-nav-text);
      border-left-color: var(--argus-nav-accent);
    }
    .menu-main > li.is-selected > a::before { color: var(--argus-nav-accent); }
    .menu-user a, .menu-user span { color: var(--argus-nav-muted); }
    .menu-user [class^="zi-"]::before, .menu-user [class*=" zi-"]::before { color: var(--argus-nav-muted); }
    .menu-user a:is(:hover, :focus) { color: var(--argus-nav-text); background: var(--argus-nav-hover); }

    /* ARGUS SIDEBAR REFINEMENT v2 — consistent line icons and navigation. */
    .sidebar {
      --argus-nav: #23272f;
      --argus-nav-subtle: #23272f;
      --argus-nav-hover: #303640;
      --argus-nav-selected: #293f55;
      --argus-nav-text: #edf2f8;
      --argus-nav-muted: #bdc7d5;
      --argus-nav-accent: #90caff;
      border-right: 1px solid #343b46;
      box-sizing: border-box;
    }
    .sidebar:not(.is-compact):not(.is-hidden) { width: 248px; }
    .sidebar .sidebar-header {
      margin: 0 12px; padding: 18px 4px 16px; align-items: center;
      border-bottom: 1px solid rgb(255 255 255 / 8%);
    }
    .sidebar .sidebar-header-buttons { gap: 3px; }
    .sidebar .sidebar-header-buttons .btn-icon { border-radius: 5px; background: rgb(255 255 255 / 5%); }
    .sidebar .sidebar-header-buttons .btn-icon:hover { background: rgb(255 255 255 / 12%); }
    .sidebar .form-search { margin: 12px 16px; }
    .sidebar .form-search input { box-sizing: border-box; max-width: 100%; border-radius: 6px; background: #2c323c; border-color: #778394; }
    .sidebar .nav-main { padding: 6px 0 10px; }
    .sidebar .menu-main > li > a {
      margin: 3px 8px; border-left: 0; border-radius: 7px;
      padding: 11px 34px 11px 16px; line-height: 20px;
      font-size: 14px; font-weight: 400; letter-spacing: .05px;
    }
    .sidebar .menu-main > li > a::after { right: 14px; top: 16px; color: #a4b1c2; font-size: 9px; }
    .sidebar .menu-main > li.is-expanded > a { background: #2c323c; }
    .sidebar .menu-main > li.is-selected > a,
    .sidebar .menu-main > li.is-selected.is-expanded > a {
      background: var(--argus-nav-selected); color: #f3f8ff;
      box-shadow: inset 3px 0 0 var(--argus-nav-accent); font-weight: 600;
    }
    .sidebar .menu-main > li > a:is(:hover, :focus) { background: var(--argus-nav-hover); }
    .sidebar .menu-main > li.is-selected > a:is(:hover, :focus) { background: var(--argus-nav-selected); }
    .sidebar .menu-main .submenu { margin: 4px 12px 8px 34px; padding-left: 0; border-left: 1px solid #586474; background: transparent; }
    .sidebar .menu-main .submenu > li:not(:last-child) { border-bottom: 0; }
    .sidebar .menu-main .submenu a {
      margin: 2px 0 2px 8px; padding: 8px 12px; border: 0;
      border-radius: 5px; background: transparent; color: #cad4e1;
      font-size: 12px; line-height: 18px;
    }
    .sidebar .menu-main .submenu a:is(:hover, :focus) { background: var(--argus-nav-hover); color: #ffffff; }
    .sidebar .menu-main .submenu > li.is-selected > a { background: var(--argus-nav-selected); color: #ffffff; box-shadow: inset 2px 0 0 var(--argus-nav-accent); }
    /* Deeper submenu flyouts keep native placement and collapse behavior. */
    .sidebar .menu-main .submenu .submenu { margin: 0; border: 1px solid #586474; background: var(--argus-nav); }
    .sidebar .menu-main .submenu .submenu li a { margin: 2px; }
    .sidebar .nav-user { border-top: 1px solid rgb(255 255 255 / 8%); margin: auto 12px 0; }
    .sidebar .menu-user { padding: 8px 0 12px; }
    .sidebar .menu-user a { padding: 10px 12px; margin: 2px 0; border: 0; border-radius: 6px; line-height: 20px; }
    .sidebar .menu-main > li > a::before,
    .sidebar .menu-user a::before { color: var(--argus-nav-muted); }
    .sidebar .menu-main > li.is-selected > a::before,
    .sidebar .menu-main > li.is-expanded > a::before { color: var(--argus-nav-accent); }
    .sidebar .menu-main > li > a:is(:hover, :focus)::before,
    .sidebar .menu-user a:is(:hover, :focus)::before { color: #ffffff; }
    .sidebar.is-compact:not(.is-opened) { border-right: 0; }
    .sidebar.is-compact:not(.is-opened) .sidebar-header { margin: 0 4px; padding: 12px 0; }
    .sidebar.is-compact:not(.is-opened) .nav-user { margin-inline: 4px; }
    .sidebar.is-compact:not(.is-opened) .menu-main > li > a { margin-inline: 4px; padding-left: 10px; }
    .sidebar.is-compact:not(.is-opened) .menu-user a { padding-left: 10px; }
    .sidebar.is-compact:not(.is-opened) :is(.menu-main, .menu-user) a { color: transparent; }
    .sidebar :is(a, button, input):focus-visible { outline-offset: -3px; }
    @supports (mask-image: url("")) {
      .sidebar a.zi-dashboards { --argus-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); }
      .sidebar a.zi-monitoring { --argus-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%223.5%22%20width%3D%2219%22%20height%3D%2213%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2021h8m-4-4.5V21M5.5%2010.5h3l2-4%203%207%202-3h3%22%2F%3E%3C%2Fsvg%3E"); }
      .sidebar a.zi-apm { --argus-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202.5%209%205-9%205-9-5%209-5Zm-9%2010%209%205%209-5M3%2017.5l9%205%209-5%22%2F%3E%3C%2Fsvg%3E"); }
      .sidebar a.zi-services { --argus-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228.5%22%20y%3D%222.5%22%20width%3D%227%22%20height%3D%226%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%222.5%22%20y%3D%2215.5%22%20width%3D%227%22%20height%3D%226%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214.5%22%20y%3D%2215.5%22%20width%3D%227%22%20height%3D%226%22%20rx%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M12%208.5V12m-6%203.5V12h12v3.5%22%2F%3E%3C%2Fsvg%3E"); }
      .sidebar a.zi-inventory { --argus-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202.5%209%205v9l-9%205-9-5v-9l9-5Zm-9%205%209%205%209-5M12%2012.5v9%22%2F%3E%3Cpath%20d%3D%22m7.5%205%209%205v4%22%2F%3E%3C%2Fsvg%3E"); }
      .sidebar a.zi-reports { --argus-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202.5H6a2%202%200%200%200-2%202v15a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-11l-6-6Zm0%200v6h6M8%2017v-4m4%204v-6m4%206v-3%22%2F%3E%3C%2Fsvg%3E"); }
      .sidebar a.zi-data-collection { --argus-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209.5h18v10a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-10ZM12%202.5v12m-4-4%204%204%204-4M3%209.5l3-4h2m13%204-3-4h-2%22%2F%3E%3C%2Fsvg%3E"); }
      .sidebar a.zi-alerts { --argus-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9M9.5%2020a2.7%202.7%200%200%200%205%200%22%2F%3E%3C%2Fsvg%3E"); }
      .sidebar a.zi-users { --argus-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M2.5%2021v-2a6.5%206.5%200%200%201%2013%200v2M16%203.8a3.5%203.5%200%200%201%200%206.4M18%2014a5.5%205.5%200%200%201%203.5%205v2%22%2F%3E%3C%2Fsvg%3E"); }
      .sidebar a.zi-help-circled { --argus-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9.3%209a2.8%202.8%200%201%201%204.3%202.4c-1%20.6-1.6%201.1-1.6%202.6M12%2017h.01%22%2F%3E%3C%2Fsvg%3E"); }
      .sidebar a.zi-user-settings { --argus-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%227%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M3%2021v-2a7%207%200%200%201%2010.5-6M18%2014v7m-3.5-3.5h7%22%2F%3E%3C%2Fsvg%3E"); }
      .sidebar a.zi-sign-out { --argus-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h5m5-14%205%205-5%205m-7-5h12%22%2F%3E%3C%2Fsvg%3E"); }
      .sidebar a.zi-administration { --argus-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolygon%20points%3D%2220.00%2C12.00%2021.81%2C13.95%2021.24%2C15.83%2018.65%2C16.44%2017.66%2C17.66%2017.56%2C20.31%2015.83%2C21.24%2013.56%2C19.85%2012.00%2C20.00%2010.05%2C21.81%208.17%2C21.24%207.56%2C18.65%206.34%2C17.66%203.69%2C17.56%202.76%2C15.83%204.15%2C13.56%204.00%2C12.00%202.19%2C10.05%202.76%2C8.17%205.35%2C7.56%206.34%2C6.34%206.44%2C3.69%208.17%2C2.76%2010.44%2C4.15%2012.00%2C4.00%2013.95%2C2.19%2015.83%2C2.76%2016.44%2C5.35%2017.66%2C6.34%2020.31%2C6.44%2021.24%2C8.17%2019.85%2C10.44%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E"); }
      .sidebar a:is(.zi-dashboards, .zi-monitoring, .zi-apm, .zi-services, .zi-inventory, .zi-reports, .zi-data-collection, .zi-alerts, .zi-users, .zi-help-circled, .zi-user-settings, .zi-sign-out, .zi-administration)::before {
        content: ""; display: inline-block; width: 20px; height: 20px;
        margin-right: 12px; vertical-align: -4px;
        background-color: currentColor;
        mask-image: var(--argus-icon); mask-size: contain;
        mask-repeat: no-repeat; mask-position: center;
        -webkit-mask-image: var(--argus-icon); -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat; -webkit-mask-position: center;
      }
    }
    /* Compact rail: explicit boxes prevent label leakage and uneven spacing. */
    .sidebar.is-compact:not(.is-opened) { width: 48px; }
    .sidebar.is-compact:not(.is-opened) .sidebar-header {
      margin: 0; padding: 0; width: 48px; height: 56px; flex-shrink: 0;
    }
    .sidebar.is-compact:not(.is-opened) .logo {
      display: block; width: 32px; height: 32px; flex: 0 0 32px;
      margin: 0 8px;
    }
    .sidebar.is-compact:not(.is-opened) .logo .zabbix-logo-sidebar { display: none; }
    .sidebar.is-compact:not(.is-opened) .logo .zabbix-logo-sidebar-compact {
      width: 28px; height: 28px; left: 2px; top: 2px; object-fit: contain;
    }
    .sidebar.is-compact:not(.is-opened) .sidebar-nav,
    .sidebar.is-compact:not(.is-opened) .nav-main,
    .sidebar.is-compact:not(.is-opened) .nav-user { width: 48px; min-width: 0; margin-inline: 0; }
    .sidebar.is-compact:not(.is-opened) .menu-main > li > a,
    .sidebar.is-compact:not(.is-opened) .menu-user > li > a {
      position: relative; display: block; box-sizing: border-box;
      width: 40px; height: 40px; margin: 4px; padding: 0; border: 0;
      font-size: 0; line-height: 40px; text-indent: 0;
      white-space: nowrap; overflow: hidden; text-overflow: clip;
      border-radius: 7px; color: transparent;
    }
    .sidebar.is-compact:not(.is-opened) .menu-main > li > a::before,
    .sidebar.is-compact:not(.is-opened) .menu-user > li > a::before {
      position: absolute; left: 10px; top: 10px;
      width: 20px; height: 20px; margin: 0; line-height: 20px;
      font-size: 20px; vertical-align: baseline;
    }
    .sidebar.is-compact:not(.is-opened) .menu-main .submenu {
      margin: 0; padding: 0; border: 0; height: 0; visibility: hidden;
    }
    .sidebar.is-compact:not(.is-opened) .menu-main > li.is-expanded:not(.is-selected) > a { background: transparent; }
    .sidebar.is-compact:not(.is-opened) .menu-main > li.is-expanded:not(.is-selected) > a:hover { background: var(--argus-nav-hover); }
    /* Selected rows are square and span the complete navigation rail. */
    .sidebar .menu-main > li.is-selected > a { border-radius: 0; }
    .sidebar:not(.is-compact) .menu-main > li.is-selected > a,
    .sidebar.is-compact.is-opened .menu-main > li.is-selected > a {
      margin-inline: 0; padding-left: 56px; padding-right: 40px;
    }
    .sidebar:not(.is-compact) .menu-main > li.is-selected > a::after,
    .sidebar.is-compact.is-opened .menu-main > li.is-selected > a::after { right: 22px; }
    .sidebar .menu-main .submenu > li.is-selected > a { border-radius: 0; margin-left: 0; padding-left: 20px; }
    .sidebar.is-compact:not(.is-opened) .menu-main > li.is-selected > a {
      width: 48px; margin-inline: 0; border-radius: 0;
    }
    .sidebar.is-compact:not(.is-opened) .menu-main > li.is-selected > a::before { left: 14px; }
    /* Consistent expanded geometry, including the native hover-open mode.
       Native JS writes an intrinsic inline max-width; override it only open. */
    .sidebar:not(.is-compact):not(.is-hidden), .sidebar.is-opened {
      width: 256px; max-width: 256px !important;
    }
    .sidebar:not(.is-compact) .menu-main > li > a,
    .sidebar.is-compact.is-opened .menu-main > li > a {
      box-sizing: border-box; margin: 0; padding: 10px 40px 10px 56px;
      height: 40px; border-radius: 0; line-height: 20px;
    }
    .sidebar:not(.is-compact) .menu-main > li > a::before,
    .sidebar.is-compact.is-opened .menu-main > li > a::before {
      position: absolute; left: 24px; top: 10px; margin: 0;
      width: 20px; height: 20px; font-size: 20px; line-height: 20px;
    }
    .sidebar:not(.is-compact) .menu-main > li > a::after,
    .sidebar.is-compact.is-opened .menu-main > li > a::after { right: 16px; top: 15px; }
    .sidebar .menu-main .submenu a { border-radius: 0; }
    .sidebar .nav-user { margin-inline: 0; }
    .sidebar .menu-user a { padding: 8px 24px; margin: 0; border-radius: 0; }
    /* END ARGUS SIDEBAR REFINEMENT */

    /* Dimensions remain native: dashboards use fixed widget grid geometry. */
    .dashboard-grid-widget-header { background-color: var(--argus-surface); border-color: var(--argus-border); }
    .dashboard-grid-widget-header h4 { color: var(--argus-text); font-weight: 600; }
    .dashboard-grid-widget-contents { border-color: var(--argus-border); box-shadow: var(--argus-shadow); }
    .filter-container { border-color: var(--argus-border); border-radius: var(--surface-border-radius); }
    .overlay-dialogue { border-color: var(--argus-border); }
    .menu-popup { border-color: var(--argus-border); border-radius: var(--overlay-border-radius); }

    /* Restrict primary treatment to primary classes and the login action. */
    .btn:not(:disabled):not([aria-disabled="true"]),
    .signin-container button[type="submit"]:not(:disabled) {
      color: #ffffff; background-color: var(--argus-brand); border-color: var(--argus-brand);
    }
    .btn:not(:disabled):not([aria-disabled="true"]):hover,
    .signin-container button[type="submit"]:not(:disabled):hover {
      background-color: var(--argus-brand-hover); border-color: var(--argus-brand-hover);
    }
    .btn:not(:disabled):not([aria-disabled="true"]):active,
    .signin-container button[type="submit"]:not(:disabled):active {
      background-color: var(--argus-brand-pressed); border-color: var(--argus-brand-pressed);
    }
    .btn-alt:not(:disabled) { color: var(--argus-brand-hover); background-color: transparent; border-color: var(--argus-brand); }
    .btn-alt:not(:disabled):is(:hover, :active, :focus) { color: var(--argus-brand-pressed); background-color: #ebf3fc; }
    .btn-grey:not(:disabled), .btn-grey-icon:not(:disabled) { color: var(--argus-text); background-color: var(--argus-surface); border-color: var(--argus-control-border); }
    .btn-grey:not(:disabled):hover, .btn-grey-icon:not(:disabled):hover { background-color: #f0f0f0; }
    :is(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 2px solid var(--argus-brand); outline-offset: 2px; }
    .sidebar :is(a, button, input):focus-visible { outline-color: var(--argus-nav-accent); outline-offset: -3px; }

    /* Responsive login only: do not shrink monitoring tables or grid widgets. */
    body:has(.signin-container) { display: block; overflow: auto; }
    body:has(.signin-container) > .wrapper { min-height: 100dvh; overflow: visible; }
    main:has(.signin-container) {
      min-inline-size: 0; width: 100%; flex: 1; box-sizing: border-box;
      display: flex; flex-direction: column; align-items: center;
      justify-content: center; padding: 40px 16px 24px;
    }
    main:has(.signin-container) > .server-name { color: var(--argus-text-secondary); position: static; align-self: flex-end; margin-bottom: 16px; }
    .signin-container {
      box-sizing: border-box; width: min(100%, 380px); margin: 0;
      padding: 36px; border-color: var(--argus-border); border-radius: 8px;
      background-color: var(--argus-surface); box-shadow: 0 4px 16px rgb(0 0 0 / 6%);
    }
    .signin-container label { color: var(--argus-text); }
    .signin-container input:is([type="text"], [type="password"]) { min-height: 40px; border-color: var(--argus-control-border); }
    .signin-container button[type="submit"] { min-height: 40px; }
    .signin-container a, .signin-links a.grey.link-alt { color: var(--argus-brand-hover); }
    .signin-container a:is(:hover, :focus), .signin-links a.grey.link-alt:is(:hover, :focus) { color: var(--argus-brand-pressed); }
    .signin-links { margin-top: 16px; }
    body:has(.signin-container) footer { min-inline-size: 0; width: 100%; box-sizing: border-box; }
    footer { color: var(--argus-text-secondary); }
    @media (max-width: 400px) { .signin-container { padding: 28px 24px; } }
    @media (prefers-reduced-motion: reduce) {
      .menu-main a, .menu-main .submenu, .sidebar { transition: none; }
    }
  }
}