/* Tema claro Oli Networks. La barra lateral conserva el fondo oscuro para que el logotipo mantenga su identidad. */
html[data-theme="light"] {
  color-scheme: light;
  --black: #f4f3f8;
  --black-soft: #ebe9f1;
  --panel: #ffffff;
  --panel-raised: #faf9fc;
  --white: #201d29;
  --muted: #6f6978;
  --line: #27202f14;
  --line-strong: #27202f25;
  --purple: #7d35ed;
  --purple-soft: #8b42f6;
  --pink: #d9369a;
  --lime: #789800;
  --orange: #db6900;
  --danger: #d63f58;
  --shadow: 0 20px 55px #30243d18;
  background: #f4f3f8;
}

html[data-theme="light"] body {
  color: var(--white);
  background:
    radial-gradient(circle at 79% -18%, #8b42f61c 0, transparent 32%),
    radial-gradient(circle at 106% 25%, #e94aac12 0, transparent 29%),
    linear-gradient(155deg, #f8f7fa 0%, #f2eff7 52%, #f7f6f9 100%);
}
html[data-theme="light"] body::before {
  opacity: .32;
  background-image: linear-gradient(#4d3c6408 1px, transparent 1px), linear-gradient(90deg, #4d3c6408 1px, transparent 1px);
}
html[data-theme="light"] a { color: var(--white); }

/* Barra lateral clara y adaptación del logotipo original */
html[data-theme="light"] .sidebar {
  border-right-color: #38294717;
  background: linear-gradient(180deg, #fffffffa 0%, #f7f5f9fc 100%);
  box-shadow: 14px 0 42px #34233f10;
}
html[data-theme="light"] .brand-image-wrap {
  background: #fff;
  isolation: isolate;
}
html[data-theme="light"] .brand-image-wrap img { filter: none; }
html[data-theme="light"] .nav-section { color: #8a8291; }
html[data-theme="light"] nav a { color: #554d5e; }
html[data-theme="light"] nav a:hover {
  border-color: #7d35ed1f;
  color: #522098;
  background: #8b42f60a;
}
html[data-theme="light"] nav a.active {
  border-color: #8b42f629;
  color: #522098;
  background: linear-gradient(90deg, #8b42f618, #e94aac08);
}
html[data-theme="light"] .nav-icon { filter: saturate(.9); }
html[data-theme="light"] nav a.active .nav-icon { color: #d9369a; }
html[data-theme="light"] .sidebar-footer { border-color: #38294717; }
html[data-theme="light"] .sidebar .user-label { color: #817987; }
html[data-theme="light"] .sidebar .link-button { color: #4b4352; }
html[data-theme="light"] .sidebar .link-button:hover { color: var(--pink); }

/* Navegación y controles superiores */
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .notification-bell {
  border-color: #4b3c601f;
  color: #4b4055;
  background: #fffffff2;
  box-shadow: 0 10px 28px #3b2b4d16, inset 0 1px 0 #fff;
}
html[data-theme="light"] .theme-toggle:hover,
html[data-theme="light"] .notification-bell:hover,
html[data-theme="light"] .notifications-menu[open] .notification-bell {
  border-color: #8b42f670;
  color: #6f26d5;
  background: #fff;
}
html[data-theme="light"] .notification-count { border-color: #fff; }
html[data-theme="light"] .notifications-popover {
  border-color: #3b2c4b22;
  color: #28222e;
  background: #fffdfef7;
  box-shadow: 0 28px 75px #3523432b;
}
html[data-theme="light"] .notifications-popover > header { border-color: #39284d12; background: linear-gradient(120deg, #8b42f610, #e94aac08); }
html[data-theme="light"] .notification-item + .notification-item { border-top-color: #33233f12; }
html[data-theme="light"] a.notification-item:hover { border-color: #8b42f622; background: #8b42f608; }
html[data-theme="light"] .notification-item p { color: #6f6877; }
html[data-theme="light"] .notification-item small { color: #8a8490; }

/* Superficies */
html[data-theme="light"] .panel,
html[data-theme="light"] .form-card,
html[data-theme="light"] .login-card,
html[data-theme="light"] .route-technician-card {
  border-color: var(--line-strong);
  background: linear-gradient(145deg, #fffffff2, #fbfafdF2);
  box-shadow: var(--shadow);
}
html[data-theme="light"] .panel-title { border-color: var(--line); background: linear-gradient(180deg, #8b42f606, transparent); }
html[data-theme="light"] .metrics article {
  border-color: var(--line-strong);
  background: linear-gradient(145deg, #fff, #faf8fc);
  box-shadow: 0 16px 38px #37274712;
}
html[data-theme="light"] .metrics article > span { color: #665f6e; }
html[data-theme="light"] .metrics article strong small { color: #77707f; }
html[data-theme="light"] .metrics .metric-icon {
  border-color: color-mix(in srgb, currentColor 28%, transparent);
  color: inherit;
  background: color-mix(in srgb, currentColor 11%, #fff);
  box-shadow: inset 0 1px 0 #fff, 0 10px 24px color-mix(in srgb, currentColor 11%, transparent);
}
html[data-theme="light"] .metrics .metric-copy > span { color: #625969; }
html[data-theme="light"] .metrics .metric-copy > small { color: #918897; }
html[data-theme="light"] .sync-strip,
html[data-theme="light"] .module-note {
  border-color: var(--line-strong);
  background: linear-gradient(90deg, #fff, #fbf9fd);
  box-shadow: 0 10px 28px #34234310;
}

/* Botones y campos */
html[data-theme="light"] .button {
  border-color: #40354d2e;
  color: #302936;
  background: linear-gradient(180deg, #fff, #f4f1f7);
  box-shadow: 0 6px 16px #33233f12;
}
html[data-theme="light"] .button:hover { border-color: #7d35ed66; color: #6820cd; background: #fff; box-shadow: 0 9px 22px #442a5c18; }
html[data-theme="light"] .button.primary { border-color: transparent; color: #fff; background: linear-gradient(125deg, #7130db, #9138e9 62%, #c23da6); }
html[data-theme="light"] .button.primary:hover { color: #fff; background: linear-gradient(125deg, #7d35ed, #a13cef 58%, #d43eac); }
html[data-theme="light"] .button.danger { border-color: #d63f5845; color: #a8283d; background: #fff3f5; }
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  border-color: #3c304d2b;
  color: #29232f;
  background: #fff;
  box-shadow: inset 0 1px 0 #fff, 0 2px 8px #38274708;
}
html[data-theme="light"] input:hover,
html[data-theme="light"] select:hover,
html[data-theme="light"] textarea:hover { border-color: #7d35ed55; }
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus { border-color: #7d35ed; background: #fff; outline-color: #8b42f620; }
html[data-theme="light"] option { color: #29232f; background: #fff; }
html[data-theme="light"] .stacked-form label,
html[data-theme="light"] .movement-line label,
html[data-theme="light"] .minimum-add-form label,
html[data-theme="light"] .daily-dispatch-date label { color: #5e5667; }

/* Tablas, filtros y listas */
html[data-theme="light"] .table-wrap { scrollbar-color: #8b42f6 #e7e3eb; }
html[data-theme="light"] th,
html[data-theme="light"] td { border-color: #2d22390f; }
html[data-theme="light"] th { color: #726a7a; background: #f4f1f7f5; }
html[data-theme="light"] tbody tr:hover,
html[data-theme="light"] .daily-fixed-table tbody tr:hover { background: #8b42f609; }
html[data-theme="light"] .search,
html[data-theme="light"] .stock-filters,
html[data-theme="light"] .movement-filters,
html[data-theme="light"] .audit-filters { border-color: var(--line-strong); background: #fffffff0; box-shadow: 0 12px 28px #30203e10; }
html[data-theme="light"] .product-combobox-list { border-color: #40354d2e; color: #2b2531; background: #fff; box-shadow: 0 18px 42px #33214224; }
html[data-theme="light"] .product-combobox-option { color: #2b2531; }
html[data-theme="light"] .product-combobox-option:hover,
html[data-theme="light"] .product-combobox-option.active { color: #55209d; background: #8d35f512; }
html[data-theme="light"] .description-cell,
html[data-theme="light"] .module-note span,
html[data-theme="light"] .request-notes,
html[data-theme="light"] .usage-notes,
html[data-theme="light"] .custody-item-notes { color: #5e5765; }
html[data-theme="light"] .request-products > div,
html[data-theme="light"] .request-mini-list a,
html[data-theme="light"] .partial-delivery-lines article,
html[data-theme="light"] .receipt-meta,
html[data-theme="light"] .receipt-confirm-form .receipt-check-item,
html[data-theme="light"] .resolution-line,
html[data-theme="light"] .field-block li label,
html[data-theme="light"] .custody-item,
html[data-theme="light"] .custody-item-details > span,
html[data-theme="light"] .usage-facts span,
html[data-theme="light"] .usage-batch-product { border-color: var(--line); background: #46345207; }
html[data-theme="light"] .receipt-confirm-form .custom-check { border-color: #8b8292; background: #fff; }
html[data-theme="light"] .inline-close-menu form,
html[data-theme="light"] .return-review-summary span { color: #2b2531; background: #fff; }

/* Gráficas y estados */
html[data-theme="light"] .trend-panel,
html[data-theme="light"] .donut-panel { border-color: var(--line-strong); background: linear-gradient(145deg, #fff, #f8f6fa); }
html[data-theme="light"] .chart-grid-line { stroke: #3e304e1a; }
html[data-theme="light"] .chart-point { stroke: #fff; }
html[data-theme="light"] .donut::before { background: #fff; box-shadow: inset 0 0 14px #35244214; }
html[data-theme="light"] .bar-track,
html[data-theme="light"] .category-track { background: #3c304d16; }
html[data-theme="light"] .movement-donut.empty-donut { background: #3c304d16 !important; }
html[data-theme="light"] .number,
html[data-theme="light"] .positive { color: #708f00; }
html[data-theme="light"] .negative { color: #c83c52; }
html[data-theme="light"] .warning-number { color: #b85b00; }
html[data-theme="light"] .badge { color: #6424b2; background: #8b42f616; }

@media (max-width: 720px) {
  html[data-theme="light"] .mobile-header { border-color: #38294717; background: #fffffff5; box-shadow: 0 9px 28px #34233f12; }
  html[data-theme="light"] .mobile-logo-wrap { background: #fff; }
  html[data-theme="light"] .mobile-logo-wrap img { filter: none; }
  html[data-theme="light"] .mobile-header > span { color: #6f6877; }
  html[data-theme="light"] .mobile-technician-nav { border-color: #38294717; background: #fffffff7; box-shadow: 0 -10px 30px #34233f12; }
  html[data-theme="light"] .mobile-technician-nav a,
  html[data-theme="light"] .mobile-technician-nav button { color: #4f4757; background: #f4f1f7; }
  html[data-theme="light"] .mobile-technician-nav button { color: #b32d45; }
}