/* Additional-domain UI. Source: Handover; Portal receives an exact copy.
   The server sets data-ui only for the explicitly named .com host.
   Existing .co.kr pages and print/export styling do not load this layer. */
@media screen {
  html[data-ui='newtro'],
  html[data-ui='newtro'] body {
    --newtro-navy: #202752;
    --newtro-sky: #429fd3;
    --newtro-rail-text: #d0d7e8;
    --newtro-rail-active: #35416a;
    --bg: #edf0f2;
    --bg-sunken: #e5ebf0;
    --surface: #fff;
    --surface-2: #f8fafb;
    --surface-hover: #eaf4fa;
    --surface-active: #e5ebf0;
    --sidebar-bg: var(--newtro-navy);
    --topbar-bg: #fff;
    --border: #c6ced7;
    --border-strong: #9ca9ba;
    --divider: #e2e7ec;
    --text: #20274f;
    --text-secondary: #46546a;
    --text-muted: #5b6677;
    --text-faint: #5b6677;
    --text-invert: #fff;
    --accent: #202752;
    --accent-fill: #202752;
    --accent-hover: #303c6b;
    --accent-text: #245f80;
    --accent-soft: #eaf4fa;
    --accent-border: #a9cfe3;
    --ink: var(--text);
    --muted: var(--text-muted);
    --line: var(--border);
    --panel: var(--surface);
    --panel-soft: var(--surface-2);
    --navy: var(--newtro-navy);
    --navy-2: var(--newtro-rail-active);
    --blue: var(--accent);
    --blue-hover: var(--accent-hover);
    --radius-sm: 2px;
    --radius: 3px;
    --radius-md: 3px;
    --radius-lg: 3px;
    --radius-pill: 3px;
    --fs-micro: 11px;
    --fs-caption: 12px;
    --fs-callout: 12px;
    --fs-body: 13px;
    --fs-title3: 17px;
    --fs-title1: 22px;
    --focus-ring: 0 0 0 2px var(--surface), 0 0 0 4px var(--newtro-navy);
    --sidebar-w: 224px;
    --shadow: none;
    color-scheme: light;
  }

  html[data-ui='newtro'] body.theme-dark {
    --bg: #11182a;
    --bg-sunken: #0d1423;
    --surface: #1b2438;
    --surface-2: #222d43;
    --surface-hover: #2a3852;
    --surface-active: #33405b;
    --topbar-bg: #1b2438;
    --border: #42516b;
    --border-strong: #677792;
    --divider: #35445c;
    --text: #edf2fa;
    --text-secondary: #ccd6e6;
    --text-muted: #b1bfd1;
    --text-faint: #b1bfd1;
    --accent: #a5d9f3;
    --accent-fill: #35416a;
    --accent-hover: #bddff4;
    --accent-text: #a5d9f3;
    --accent-soft: #263e56;
    --accent-border: #547a96;
    --newtro-action-hover-dark: #465881;
    --blue-soft: var(--accent-soft);
    --focus-ring: 0 0 0 2px var(--surface), 0 0 0 4px #a5d9f3;
    color-scheme: dark;
  }

  html[data-ui='newtro'] body {
    background: var(--bg);
    color: var(--text);
    font-size: var(--fs-body);
    font-variant-numeric: tabular-nums;
  }
  html[data-ui='newtro'] ::selection { background: #bee2f4; color: #202752; }
  html[data-ui='newtro'] :is(input, textarea) { caret-color: var(--accent); }
  html[data-ui='newtro'] :is(a, button, input, textarea, select, summary):focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
  }
  html[data-ui='newtro'] :is(a, button, input, textarea, select, summary) {
    text-underline-offset: 3px;
  }
  html[data-ui='newtro'] * { scrollbar-color: var(--border-strong) var(--bg); scrollbar-width: thin; }

  html[data-ui='newtro'] .sidebar {
    background: var(--newtro-navy);
    color: var(--newtro-rail-text);
    border-color: var(--newtro-navy);
  }
  html[data-ui='newtro'] .sidebar .brand {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    min-height: 100px;
    margin: -12px -8px 10px;
    padding: 14px 20px 12px;
    background: #fff;
    border-bottom: 1px solid #c6ced7;
  }
  html[data-ui='newtro'] .brand-logo .brand-wordmark.logo-light {
    display: block;
    content: url('/vlan24-logo-newtro.png');
    width: 164px;
    height: auto;
    aspect-ratio: 2000 / 740;
    object-fit: contain;
  }
  html[data-ui='newtro'] .brand-logo :is(.brand-wordmark.logo-dark, .brand-logomark) { display: none; }
  html[data-ui='newtro'] .sidebar .brand > span {
    color: #46546a;
    font: 500 11px/1.4 var(--sans);
    letter-spacing: .025em;
  }
  html[data-ui='newtro'] .sidebar .workspace {
    color: var(--newtro-rail-text);
    font-family: var(--sans);
    letter-spacing: 0;
  }
  html[data-ui='newtro'] .sidebar :is(.section, .nav-label, .nav-group-title, .nav-section-title, .nav-group-label) {
    color: var(--newtro-rail-text);
  }
  html[data-ui='newtro'] .sidebar :is(.nav button, .sidebar-toggle) {
    color: var(--newtro-rail-text);
    border-radius: 2px;
    font-size: 12px;
  }
  html[data-ui='newtro'] .sidebar :is(.nav button:hover, .nav button.active, .sidebar-toggle:hover) {
    color: #fff;
    background: var(--newtro-rail-active);
  }
  html[data-ui='newtro'] .sidebar .nav button.active .nav-icon { color: #a5d9f3; }
  html[data-ui='newtro'] .sidebar :is(button, a):focus-visible { outline-color: #a5d9f3; outline-offset: -2px; }
  html[data-ui='newtro'] .topbar {
    background: var(--topbar-bg);
    backdrop-filter: none;
    border-bottom-color: var(--border);
    box-shadow: none;
  }
  html[data-ui='newtro'] .global-search-trigger { background: var(--surface-2); border-radius: 2px; }
  html[data-ui='newtro'] body.theme-dark .button:not(.secondary):not(.ghost):not(.danger):not(.link):hover {
    background: var(--newtro-action-hover-dark);
    border-color: var(--newtro-action-hover-dark);
    color: #fff;
  }
  html[data-ui='newtro'] .world-clock { border-radius: 2px; background: var(--surface-2); }
  html[data-ui='newtro'] :is(.panel, .kpi, .stat-card, .summary-card, .auth, .auth-card, .modal, .topbar-popup) {
    border-radius: 3px;
  }
  html[data-ui='newtro'] :is(.panel, .kpi, .stat-card, .summary-card) { box-shadow: none; }
  html[data-ui='newtro'] :is(.triage-panel, .triage-card) {
    border: 1px solid var(--border);
    border-radius: 3px;
    background: var(--surface);
    box-shadow: none;
  }
  html[data-ui='newtro'] .triage-card {
    border: 0;
    border-bottom: 1px solid var(--divider);
    border-radius: 0;
  }
  html[data-ui='newtro'] .triage-card:last-child { border-bottom: 0; }
  html[data-ui='newtro'] .shift-chain-side > strong { font-size: var(--fs-display); }
  html[data-ui='newtro'] .panel > .panel-head {
    background: var(--surface-2);
    border-bottom: 1px solid var(--border);
  }
  html[data-ui='newtro'] :is(.data-table, .ticket-table) th {
    background: var(--surface-active);
    color: var(--text-secondary);
    border-bottom: 1px solid var(--border-strong);
    font-weight: 550;
  }
  html[data-ui='newtro'] :is(.data-table, .ticket-table) td { border-bottom-color: var(--divider); }
  html[data-ui='newtro'] :is(.data-table, .ticket-table) tbody tr:hover { background: var(--surface-hover); }
  html[data-ui='newtro'] :is(.button, .input, .select, input, select, textarea, .badge, .tabs, .tabs button, .task-filter-chips button) {
    border-radius: 2px;
  }
  html[data-ui='newtro'] :is(.tabs button.active, .field-work-tabs button.active) {
    box-shadow: inset 0 -2px var(--newtro-sky);
  }
  html[data-ui='newtro'] .main-body { max-width: 1320px; }
  html[data-ui='newtro'] .auth-page { background: var(--bg); }
  html[data-ui='newtro'] :is(.auth-card, .auth) {
    background: var(--surface);
    border: 1px solid var(--border-strong);
    box-shadow: none;
  }
  html[data-ui='newtro'] :is(.auth-brand, .auth-head) { background: var(--surface); }
  html[data-ui='newtro'] .auth-brand::before {
    content: '';
    display: block;
    flex: none;
    width: 170px;
    height: 63px;
    margin-bottom: 12px;
    background: #fff url('/vlan24-logo-newtro.png') center / contain no-repeat;
  }
  html[data-ui='newtro'] .auth-brand { display: block; color: var(--text); }
  html[data-ui='newtro'] .auth-heading > span { display: none; }
  html[data-ui='newtro'][data-service='operations'] .auth-brand small { display: none; }
  html[data-ui='newtro'][data-service='portal'] .auth > .panel {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  @media (min-width: 901px) {
    html[data-ui='newtro'].nav-collapsed .sidebar .brand { padding: 14px 8px; align-items: center; min-height: 72px; }
    html[data-ui='newtro'].nav-collapsed .brand-logo .brand-wordmark.logo-light { display: none; }
    html[data-ui='newtro'].nav-collapsed .brand-logo .brand-logomark.logo-light { display: block; }
  }
  @media (max-width: 900px) {
    html[data-ui='newtro'] .topbar {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      height: auto;
      min-height: 100px;
      padding: 0 12px 8px;
      gap: 8px;
      background: var(--topbar-bg);
    }
    html[data-ui='newtro'] .topbar::before {
      content: '';
      display: block;
      grid-column: 1 / -1;
      height: 50px;
      margin: 0 -12px;
      border-bottom: 1px solid #c6ced7;
      background: #fff url('/vlan24-logo-newtro.png') 12px center / 132px auto no-repeat;
    }
    html[data-ui='newtro'] .topbar > .top-actions { justify-self: end; }
    html[data-ui='newtro'] .main-body { max-width: none; }
  }
  @media (pointer: coarse), (max-width: 900px) {
    html[data-ui='newtro'] :is(.button, .icon-button, .nav button, .sidebar-toggle, .tabs button, .task-filter-chips button) {
      min-height: 44px;
    }
  }
  @media (min-width: 761px) and (max-width: 900px) {
    html[data-ui='newtro'][data-service='portal'] .topbar {
      display: flex;
      height: var(--topbar-h);
      min-height: var(--topbar-h);
      padding: 0 calc(var(--s-6) * var(--density));
      gap: var(--s-3);
    }
    html[data-ui='newtro'][data-service='portal'] .topbar::before { display: none; }
  }
  @media (prefers-reduced-motion: reduce) {
    html[data-ui='newtro'] *, html[data-ui='newtro'] *::before, html[data-ui='newtro'] *::after {
      animation-duration: 0s !important;
      transition-duration: 0s !important;
    }
  }
}