/* Aurora multiempresa. Loaded after page styles; neutral surfaces deliberately
 * override legacy inline brand backgrounds. Accent remains owned by tenant auth.
 * No overlay elements: maps, dialogs, sticky headers and clicks keep their layers. */
@media screen {
  :root {
    color-scheme: dark;
    --une-aurora: var(--accent, #8291ab);
    --une-aurora-secondary: color-mix(in srgb, var(--une-aurora) 42%, #7396b5);
    --une-canvas: #10131e;
    --une-surface: #1b2030;
    --une-border: #343b4d;
    --une-text: #f3f4fa;
    --une-muted: #b2b9cb;
    --une-shadow: 0 10px 28px #00000016;
    --une-glow: 18%;
    --bg: var(--une-canvas) !important;
    --bg0: var(--une-canvas) !important;
    --bg1: color-mix(in srgb, var(--une-canvas) 96%, var(--une-aurora)) !important;
    --panel: var(--une-surface) !important;
    --card-bg: var(--une-surface) !important;
    --input-bg: var(--une-surface) !important;
    --fg: var(--une-text) !important;
    --muted: var(--une-muted) !important;
    --line: var(--une-border) !important;
    --theme-meta: var(--une-canvas) !important;
    --in-bg0: var(--une-canvas) !important;
    --in-bg1: var(--bg1) !important;
    --in-panel: var(--une-surface) !important;
    --in-panel-solid: var(--une-surface) !important;
    --in-line: var(--une-border) !important;
    --in-fg: var(--une-text) !important;
    --in-muted: var(--une-muted) !important;
    --in-accent: var(--une-aurora) !important;
    --in-accent2: var(--une-aurora-secondary) !important;
    --in-shadow: var(--une-shadow) !important;
    --une-inset: color-mix(in srgb, var(--une-canvas) 60%, var(--une-surface)) !important;
  }
  :root[data-theme="light"] {
    color-scheme: light;
    --une-canvas: #f5f6fa;
    --une-surface: #ffffff;
    --une-border: #e0e4ec;
    --une-text: #182131;
    --une-muted: #59667a;
    --une-shadow: 0 10px 28px #18213108;
    --une-glow: 15%;
  }
  :root[data-chrome="platform"] { --une-aurora: #8291ab; }
  html body {
    color: var(--fg);
    background-color: var(--une-canvas) !important;
    background-image:
      radial-gradient(circle at 108% 48%, transparent 0 310px, color-mix(in srgb, var(--une-aurora) 9%, transparent) 311px 312px, transparent 313px 370px, color-mix(in srgb, var(--une-aurora) 6%, transparent) 371px 372px, transparent 373px 430px, color-mix(in srgb, var(--une-aurora) 4%, transparent) 431px 432px, transparent 433px),
      radial-gradient(ellipse at 98% 0%, color-mix(in srgb, var(--une-aurora) var(--une-glow), transparent), transparent 57%),
      radial-gradient(ellipse at 0% 100%, color-mix(in srgb, var(--une-aurora-secondary) 12%, transparent), transparent 60%) !important;
    background-size: 100% 100vh !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
  }
  /* The system shell formerly covered the entire canvas with a black gradient. */
  html .sis-main { background: transparent; }
  html :is(.une-rail, .pap-rail, .sis-rail, .sis-top, .sis-search,
    .sis-icon-btn, .sis-logout, .sis-panel, .sis-kpi, .sis-rail-help,
    .sis-menu-toggle, .sis-view-toggle, .sis-pick-toolbar select, .sis-emp-go, .sis-emp-card,
    .sis-user, a.sis-mod-card, .sis-mod-tools input, .sis-mod-tools select, .sis-search kbd) {
    background: var(--panel); border-color: var(--line); color: var(--fg);
  }
  html .sis-rail-item:not(.is-active) { color: var(--muted); }
  html .sis-hero h1 { color: var(--fg); }
  html .sis-hero {
    background: radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--une-aurora) 10%, transparent), transparent 65%), var(--panel);
    border-color: var(--line);
  }
  html :is(.sis-search input, .sis-rail-brand strong) { color: var(--fg); }
  html :is(.sis-rail-sec, .sis-rail-ver, .sis-rail-help p, .sis-search kbd) { color: var(--muted); }
  html :is(button.hub-tile, a.card.mod-hub-card, .card, .panel, .pap-card) {
    background: var(--panel); border-color: var(--line); box-shadow: var(--une-shadow);
  }
  html button.hub-tile[data-topic] {
    border-radius: 18px;
    background: linear-gradient(90deg, var(--une-aurora), var(--une-aurora-secondary)) top / 100% 3px no-repeat, var(--panel);
  }
  html button.hub-tile:hover, html a.card.mod-hub-card:hover {
    border-color: var(--une-aurora); box-shadow: var(--une-shadow); transform: translateY(-2px);
  }
  html .tenant-banner { background: transparent; border: 0; padding-left: 0; }
  html .tenant-banner strong { font-size: clamp(1.3rem, 2.5vw, 1.8rem); letter-spacing: -.03em; }
  html .system-alert { background: var(--panel); }
  html .hub-fig {
    width: 100%;
    height: clamp(7.5rem, 18vw, 9.5rem);
    border-radius: 16px;
    border: 1px solid color-mix(in srgb, var(--une-aurora) 22%, var(--line));
    background: color-mix(in srgb, var(--une-aurora) 10%, var(--panel));
    display: flex;
    align-items: center;
    justify-content: center;
  }
  html .hub-fig svg {
    width: min(12rem, 78%);
    max-width: 100%;
    height: auto;
    max-height: none;
  }
  html .hub-meta { color: var(--muted); border-top: 1px solid var(--line); padding-top: .75rem; }
  html .hub-fig svg [stroke] { vector-effect: non-scaling-stroke; stroke-width: 2.2px; }
  html .hub-tile h2 { letter-spacing: -.02em; text-transform: none; }
  html .hub-tile p { display: none; }
  html .mod-hub-card .card-visual {
    background: color-mix(in srgb, var(--une-aurora) 6%, var(--panel));
    border-color: var(--line);
  }
  html .mod-hub-card .card-ico { background: var(--panel); border-color: var(--line); box-shadow: none; }
  html :is(.hub-fig svg, .mod-hub-card .card-ico) {
    color: color-mix(in srgb, var(--une-aurora) 72%, white);
  }
  html[data-theme="light"] :is(.hub-fig svg, .mod-hub-card .card-ico) {
    color: color-mix(in srgb, var(--une-aurora) 78%, #182131);
  }
  .une-visual-toggle {
    display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
    border: 1px solid var(--line); background: var(--panel); color: var(--fg);
    border-radius: 10px; min-width: 40px; min-height: 40px; padding: .5rem;
    cursor: pointer; font: inherit;
  }
  .une-visual-toggle svg { width: 18px; height: 18px; }
  .une-visual-toggle .ico-sun { display: none; }
  html[data-theme="light"] .une-visual-toggle .ico-sun { display: block; }
  html[data-theme="light"] .une-visual-toggle .ico-moon { display: none; }
  .une-visual-toggle:focus-visible { outline: 2px solid var(--une-aurora); outline-offset: 3px; }
  @media (max-width: 640px) {
    html body { background-attachment: scroll !important; background-size: 100% 100% !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    html button.hub-tile, html a.card.mod-hub-card { transition: none; }
    html button.hub-tile:hover, html a.card.mod-hub-card:hover { transform: none; }
  }
}