/* FactSup · temas claro/oscuro y selector visual */
html { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }

.theme-toggle{
  width:44px;height:44px;min-width:44px;display:grid;place-items:center;
  border:1px solid var(--line-2);border-radius:15px;background:linear-gradient(180deg,var(--card-2),var(--card));
  color:var(--text-2);cursor:pointer;box-shadow:var(--shadow);transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.theme-toggle:hover{transform:translateY(-1px);border-color:rgba(6,182,212,.42)}
.theme-toggle svg{width:19px;height:19px;stroke-width:2.2}
.theme-icon-moon{display:none}
html[data-theme="light"] .theme-icon-sun{display:none}
html[data-theme="light"] .theme-icon-moon{display:block}

html[data-theme="light"]{
  --bg:#f2f7f5;
  --bg-2:#eaf2ef;
  --sidebar:#ffffff;
  --sidebar-2:#f4f8f6;
  --card:#ffffff;
  --card-2:#ffffff;
  --card-3:#edf5f1;
  --soft:#f2f7f5;
  --line:rgba(15,23,42,.09);
  --line-2:rgba(15,23,42,.15);
  --text:#15231e;
  --text-2:#30483f;
  --muted:#687d75;
  --shadow:0 14px 38px rgba(15,23,42,.09);
}

html[data-theme="light"] body{
  background:radial-gradient(circle at top left,rgba(6,182,212,.09),transparent 32%),radial-gradient(circle at bottom right,rgba(34,197,94,.08),transparent 28%),linear-gradient(180deg,#f8fbfa,#edf4f1);
  color:var(--text);
}
html[data-theme="light"] .sidebar{box-shadow:18px 0 42px rgba(15,23,42,.06)}
html[data-theme="light"] .brand-box{background:linear-gradient(180deg,rgba(15,23,42,.018),rgba(15,23,42,0))}
html[data-theme="light"] .nav-item:hover{background:rgba(15,23,42,.045)}
html[data-theme="light"] .nav-item.active{color:#fff;border-color:rgba(15,23,42,.04)}
html[data-theme="light"] .sidebar-toggle,
html[data-theme="light"] .password-toggle{background:#f3f7f5;color:var(--text-2)}
html[data-theme="light"] .sidebar-toggle:hover,
html[data-theme="light"] .password-toggle:hover{background:#e9f1ed}

html[data-theme="light"] .topbar{
  background:rgba(255,255,255,.88);
  box-shadow:0 8px 30px rgba(15,23,42,.04);
}
html[data-theme="light"] .topbar h1,
html[data-theme="light"] .session-info strong,
html[data-theme="light"] .field label,
html[data-theme="light"] .product-pick strong,
html[data-theme="light"] .stock-operation-card strong,
html[data-theme="light"] .stock-preview strong{color:var(--text)}
html[data-theme="light"] .session-card{background:linear-gradient(180deg,#fff,#f7faf9)}
html[data-theme="light"] .session-logout{background:#f1f6f4;color:#34564b}
html[data-theme="light"] .theme-toggle{background:linear-gradient(180deg,#fff,#f3f7f5);color:#344b43}

html[data-theme="light"] .card,
html[data-theme="light"] .metric,
html[data-theme="light"] .summary-box,
html[data-theme="light"] .login-card{background:linear-gradient(180deg,#fff,#fbfdfc)}
html[data-theme="light"] .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning){
  background:linear-gradient(180deg,#f7faf9,#e8efec);color:#243a32;border-color:rgba(15,23,42,.1);box-shadow:0 8px 18px rgba(15,23,42,.06)
}
html[data-theme="light"] .btn-light{background:#f1f6f4!important;color:#263d35!important}
html[data-theme="light"] .input,
html[data-theme="light"] .select,
html[data-theme="light"] .textarea{background:#fff;color:var(--text);border-color:rgba(15,23,42,.14)}
html[data-theme="light"] .input::placeholder,
html[data-theme="light"] .textarea::placeholder{color:#8a9a94}

html[data-theme="light"] .table-wrap{background:#fff}
html[data-theme="light"] .table th{color:#527067;background:#edf5f1}
html[data-theme="light"] .table td{color:#22372f}
html[data-theme="light"] .table tbody tr:hover td{background:#f1f7f4}
html[data-theme="light"] .product-thumb{background:#f1f5f4}
html[data-theme="light"] .summary-box{background:linear-gradient(135deg,#fff,#eef6f2)}
html[data-theme="light"] .product-pick,
html[data-theme="light"] .stock-operation-card,
html[data-theme="light"] .stock-preview > div{background:#f8fbfa}
html[data-theme="light"] .discount-help{color:var(--muted)}

html[data-theme="light"] .flash-success{background:#ecfdf3;color:#166534;border-color:#bbf7d0}
html[data-theme="light"] .flash-error{background:#fff1f2;color:#b42318;border-color:#fecdd3}
html[data-theme="light"] .flash-warning{background:#fffbeb;color:#92400e;border-color:#fde68a}
html[data-theme="light"] .badge-green{background:#dcfce7;color:#166534}
html[data-theme="light"] .badge-yellow{background:#fef3c7;color:#92400e}
html[data-theme="light"] .badge-red{background:#fee2e2;color:#991b1b}
html[data-theme="light"] .badge-blue{background:#cffafe;color:#155e75}
html[data-theme="light"] .badge-gray{background:#e2e8f0;color:#334155}

html[data-theme="light"] .finance-section-nav a{background:#fff;border-color:rgba(15,23,42,.1);color:var(--text)}
html[data-theme="light"] .finance-section-nav a:hover{background:#eef5f2}
html[data-theme="light"] .finance-details{border-color:rgba(15,23,42,.1);background:#fff}
html[data-theme="light"] .finance-form-highlight{background:#f6faf8;border-color:rgba(15,23,42,.09)}
html[data-theme="light"] .mini-pay-form{background:#fff;border-color:rgba(15,23,42,.12);box-shadow:0 18px 44px rgba(15,23,42,.16)}

html[data-theme="light"] .login-body{
  background:radial-gradient(circle at top left,rgba(6,182,212,.10),transparent 32%),radial-gradient(circle at bottom right,rgba(34,197,94,.10),transparent 26%),linear-gradient(135deg,#f8fbfa,#e8f1ed)
}
html[data-theme="light"] .login-logo-wrap{border-color:rgba(15,23,42,.08);box-shadow:0 14px 30px rgba(15,23,42,.08)}

html[data-theme="light"] .records-tab{background:#fff;color:var(--text-2)}
html[data-theme="light"] .records-tab strong{background:rgba(15,23,42,.06)}
html[data-theme="light"] .records-tab.active{color:#17382f;background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(6,182,212,.12))}

@media (max-width:980px){
  .topbar-right{display:flex!important;align-items:center!important;gap:7px!important}
  .theme-toggle{width:36px;height:36px;min-width:36px;border-radius:11px;box-shadow:none}
  .theme-toggle svg{width:17px;height:17px}
  html[data-theme="light"] body{background:#f2f7f5!important}
  html[data-theme="light"] .topbar{background:rgba(255,255,255,.96)!important;border-bottom-color:rgba(15,23,42,.09)!important}
  html[data-theme="light"] .session-card{background:#f2f7f5!important}
  html[data-theme="light"] .table.table-mobile-cards tr{background:linear-gradient(180deg,#fff,#f7faf9);border-color:rgba(15,23,42,.09);box-shadow:0 8px 20px rgba(15,23,42,.06)}
  html[data-theme="light"] .table.table-mobile-cards td{color:#233a32!important;border-bottom-color:rgba(15,23,42,.07)!important}
  html[data-theme="light"] .table.table-mobile-cards td:not([data-label=""])::before{color:#6b7e77}
  html[data-theme="light"] .table-wrap.keep-scroll{border-color:rgba(15,23,42,.09)!important}
  html[data-theme="light"] .mobile-bottom-nav{background:rgba(255,255,255,.97);border-top-color:rgba(15,23,42,.10);box-shadow:0 -10px 28px rgba(15,23,42,.09)}
  html[data-theme="light"] .mobile-bottom-item{color:#71827c}
  html[data-theme="light"] .mobile-bottom-item.active{color:#172b24;background:rgba(6,182,212,.07)!important}
  html[data-theme="light"] .mobile-more-sheet{background:linear-gradient(180deg,#fff,#f2f7f5);border-color:rgba(15,23,42,.1);box-shadow:0 -24px 60px rgba(15,23,42,.18)}
  html[data-theme="light"] .mobile-sheet-handle{background:rgba(15,23,42,.22)}
  html[data-theme="light"] .mobile-sheet-header span,
  html[data-theme="light"] .mobile-sheet-session span{color:#75867f}
  html[data-theme="light"] .mobile-sheet-close{background:#f0f5f3;color:#233a32;border-color:rgba(15,23,42,.1)}
  html[data-theme="light"] .mobile-sheet-item{background:#fff;color:#263d35;border-color:rgba(15,23,42,.09)}
  html[data-theme="light"] .mobile-sheet-session{border-top-color:rgba(15,23,42,.08)}
}

@media print{.theme-toggle{display:none!important}}

/* FactSup v15 · alertas de vencimiento */
.expiration-alert-link{position:relative;width:42px;height:42px;min-width:42px;display:grid;place-items:center;border-radius:10px;background:var(--card);border:1px solid var(--line);color:#D97706}
.expiration-alert-link:hover{transform:translateY(-1px);border-color:rgba(245,158,11,.35)}
.expiration-alert-link svg{width:19px;height:19px}
.expiration-alert-link span{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#DC2626;color:#fff;font-size:10px;font-weight:900;border:2px solid var(--card)}
@media(max-width:980px){.expiration-alert-link{width:38px;height:38px;min-width:38px}}
@media print{.expiration-alert-link{display:none!important}}