#page-inventario * {box-sizing:border-box;margin:0;padding:0;}
#page-inventario {font-family:'Segoe UI',Arial,sans-serif;background:var(--soft);color:var(--ink);min-height:100vh;}
#page-inventario .page {display:none;max-width:1100px;margin:0 auto;padding:0 16px 24px 16px;}
#page-inventario .page.active {display:block;}
#page-inventario .card {background:var(--card);border-radius:12px;border:1px solid var(--line);margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.04),0 2px 6px rgba(0,0,0,0.04);}
#page-inventario .cb {padding:18px;}
#page-inventario .fg {display:flex;flex-direction:column;gap:5px;}
#page-inventario .fg label {font-size:11px;color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:0.4px;}
#page-inventario .fg input, #page-inventario .fg select {padding:8px 12px;border:1.5px solid var(--line);border-radius:8px;font-size:13px;color:var(--ink);background:var(--card);font-weight:500;}
#page-inventario .fg input:focus, #page-inventario .fg select:focus {outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(26,26,46,0.08);}
#page-inventario .filter-row {display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;}
#page-inventario .dp-fecha {display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:8px;padding:6px 10px;background:var(--card);height:38px;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;cursor:pointer;}
#page-inventario .dp-fecha svg {width:14px;height:14px;color:var(--mut);flex-shrink:0;}
 #page-inventario .dp-fecha input[type="date"], #page-inventario .inv-cap-filter-row .dp-fecha input[type="date"], #page-inventario .inv-ord-filter-row .dp-fecha input[type="date"], #page-inventario .inv-hist-filter-row .dp-fecha input[type="date"], #page-inventario .dp-fecha input[type="date"] {background:transparent !important;border:none !important;padding:0 !important;font-size:13px !important;width:80px !important;min-width:0 !important;height:auto !important;cursor:pointer;outline:none !important;color:var(--ink) !important;font-family:inherit;font-weight:500;box-shadow:none !important;}
 #page-inventario .dp-fecha input[type="date"]::-webkit-calendar-picker-indicator, #page-inventario .inv-cap-filter-row .dp-fecha input[type="date"]::-webkit-calendar-picker-indicator, #page-inventario .inv-ord-filter-row .dp-fecha input[type="date"]::-webkit-calendar-picker-indicator, #page-inventario .inv-hist-filter-row .dp-fecha input[type="date"]::-webkit-calendar-picker-indicator, #page-inventario .dp-fecha input[type="date"]::-webkit-calendar-picker-indicator {display:none !important;-webkit-appearance:none !important;}
#page-inventario .dp-fecha input[type="date"]::-webkit-date-and-time-value {text-align:left;}
#page-inventario .dp-fecha input[type="date"]:focus {outline:none !important;box-shadow:none !important;}
#page-inventario .dp-fecha:focus-within {border-color:var(--accent);box-shadow:0 0 0 3px rgba(26,26,46,0.08);}
#page-inventario .btn {border:none;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;}
#page-inventario .btn-green {background:#1d6b4a;color:#fff;}
#page-inventario .btn-purple {background:#5c3d8f;color:#fff;}
#page-inventario table.data-tbl {width:100%;border-collapse:collapse;font-size:11px;min-width:700px;}
#page-inventario table.data-tbl thead th {background:var(--soft);padding:7px 8px;text-align:right;font-weight:700;font-size:10px;color:var(--ink-mid);text-transform:uppercase;border-bottom:2px solid var(--line);white-space:nowrap;}
#page-inventario table.data-tbl thead th:first-child {text-align:left;}
#page-inventario table.data-tbl tbody tr {border-bottom:1px solid var(--line);}
#page-inventario table.data-tbl tbody tr:hover {background:var(--soft);}
#page-inventario table.data-tbl tbody td {padding:6px 8px;text-align:right;font-family:inherit;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums;}
#page-inventario table.data-tbl tbody td:first-child {text-align:left;font-family:'Segoe UI',Arial,sans-serif;font-weight:600;color:var(--ink-strong);}
#page-inventario .modal {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;align-items:center;justify-content:center;}
#page-inventario .modal.open {display:flex;}
#page-inventario .mf {margin-bottom:12px;}
#page-inventario .mf label {font-size:11px;color:var(--mut);font-weight:700;display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:0.4px;}
#page-inventario .mf input, #page-inventario .mf select {width:100%;padding:8px 12px;border:1.5px solid var(--line);border-radius:8px;font-size:13px;}
#page-inventario .mf input:focus, #page-inventario .mf select:focus {outline:none;border-color:#b45309;}
#page-inventario .no-data {text-align:center;padding:40px;color:var(--mut-2);font-size:14px;}
#page-inventario .toast {position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:#1d6b4a;color:#fff;padding:12px 24px;border-radius:24px;font-size:14px;font-weight:500;transition:transform .3s;z-index:9999;pointer-events:none;}
#page-inventario .toast.show {transform:translateX(-50%) translateY(0);}
@media print {
@page {size:letter landscape;margin:8mm;}
 #page-inventario .toast, #page-inventario .modal {display:none!important;}
}
#page-inventario {
  --dp-primary:#1a1a2e;
  --dp-primary-hover:#2a2a4a;
  --dp-success:#27ae60;
  --dp-danger:#e63946;
  --dp-warning:#f39c12;
  --dp-info:#3498db;
  --dp-bg:#f4f7f6;
  --dp-surface:#ffffff;
  --dp-border:#e0e0e0;
  --dp-border-soft:#eeeeee;
  --dp-text:#1a1a2e;
  --dp-text-muted:#64748b;
  --dp-text-soft:#94a3b8;
  --dp-sidebar-w:250px;
  --dp-topbar-h:56px;
  --dp-content-x:10px;
  --dp-content-top:8px;
  --dp-content-bottom:28px;
  --dp-subtabs-gap:16px;
  --dp-radius:12px;
  --dp-radius-sm:8px;
  --dp-shadow-card:0 4px 12px rgba(0,0,0,0.05);
  --dp-shadow-hover:0 6px 20px rgba(0,0,0,0.08);
  --dp-mono:'JetBrains Mono','SF Mono','Courier New',Consolas,monospace;
  --dp-sans:'Inter','Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
#page-inventario {font-family:var(--dp-sans);background:var(--dp-bg);color:var(--dp-text);font-size:13px;}
#page-inventario .page {display:none;width:100%;box-sizing:border-box;}
#page-inventario .page.active {display:block;}
#page-inventario .card {
  background:var(--dp-surface);
  border-radius:var(--dp-radius);
  border:1px solid var(--dp-border);
  margin-bottom:20px;
  overflow:hidden;
  box-shadow:var(--dp-shadow-card);
  transition:box-shadow 0.2s;
}
#page-inventario .card:hover {box-shadow:var(--dp-shadow-hover);}
#page-inventario .cb {padding:20px;}
#page-inventario table.data-tbl {font-size:12px;}
#page-inventario table.data-tbl thead th {
  background:var(--hover);
  color:var(--mut);
  font-weight:700;
  font-size:10px;
  letter-spacing:0.6px;
  padding:10px 10px;
  border-bottom:1px solid var(--dp-border);
}
#page-inventario table.data-tbl tbody td {
  padding:9px 10px;
  font-family:var(--dp-mono);
  font-size:12px;
  border-bottom:1px solid var(--dp-border-soft);
}
#page-inventario table.data-tbl tbody td:first-child {
  font-family:var(--dp-sans);
  font-weight:600;
}
#page-inventario table.data-tbl tbody tr {border-bottom:none;}
#page-inventario table.data-tbl tbody tr:hover {background:var(--hover);}
#page-inventario .btn {
  border-radius:var(--dp-radius-sm);
  font-weight:600;
  font-size:13px;
  padding:9px 18px;
  transition:opacity 0.15s,transform 0.05s;
  letter-spacing:0.2px;
}
#page-inventario .btn:hover {opacity:0.9;}
#page-inventario .btn:active {transform:translateY(1px);}
#page-inventario .btn-green {background:var(--dp-success);}
#page-inventario .btn-purple {background:#6c5ce7;}
#page-inventario .fg input, #page-inventario .fg select, #page-inventario .mf input, #page-inventario .mf select {
  border-radius:var(--dp-radius-sm);
  border:1px solid var(--dp-border);
  font-size:13px;
}
#page-inventario .fg input:focus, #page-inventario .fg select:focus, #page-inventario .mf input:focus, #page-inventario .mf select:focus {
  border-color:var(--dp-primary);
  box-shadow:0 0 0 3px var(--acc-soft);
}
#page-inventario .mf label {
  font-size:11px;
  color:var(--dp-text-muted);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.4px;
  margin-bottom:5px;
}
#page-inventario .mf input, #page-inventario .mf select {
  padding:9px 12px;
  border-radius:var(--dp-radius-sm);
}
#page-inventario {
  --m-bg:#f6f7f9;
  --m-surface:#ffffff;
  --m-border:#eaecef;
  --m-border-strong:#e2e5e9;
  --m-text:#0b1220;
  --m-text-2:#475467;
  --m-text-3:#667085;
  --m-accent:#0b1220;
  --m-blue:#2563eb;
  --m-blue-soft:#eff5ff;
  --m-green:#12833c; /* theme-exempt: definicion de token; verde con 4.84:1 sobre blanco (el anterior daba 3.30) */
  --m-green-soft:#ecfdf3;
  --m-red:#dc2626;
  --m-red-soft:#fef2f2;
  --m-orange:#ea580c;
  --m-orange-soft:#fff4ed;
  --m-purple:#7c3aed;
  --m-purple-soft:#f5f0ff;
  --m-gray-soft:#f2f4f7;
  --m-shadow-card:0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.04);
  --m-shadow-hover:0 4px 10px rgba(16,24,40,.06), 0 2px 4px rgba(16,24,40,.04);
  --m-radius-lg:14px;
  --m-radius:10px;
  --m-radius-sm:8px;
  --m-font:'Inter','SF Pro Display','Segoe UI',system-ui,-apple-system,sans-serif;
}
#page-inventario {font-family:var(--m-font);background:var(--m-bg);color:var(--m-text);-webkit-font-smoothing:antialiased;}
#page-inventario .rep-suc-toggle {display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end;min-height:34px;}
/* Agrupamiento por sucursal: encabezado + fila de pills, con separador entre grupos. */
#page-inventario .rep-suc-group {display:flex;flex-direction:column;gap:6px;}
#page-inventario .rep-suc-group + .rep-suc-group {border-left:1px solid var(--line);padding-left:16px;}
#page-inventario .rep-suc-grouplabel {font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut-2);line-height:1;padding-left:2px;min-height:11px;}
#page-inventario .rep-suc-groupitems {display:flex;flex-wrap:wrap;gap:6px;}
#page-inventario .rep-suc-pill {
  display:inline-flex;align-items:center;justify-content:center;
  height:34px;padding:0 14px;
  border:1.5px solid transparent;
  border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;
  white-space:nowrap;transition:all .15s ease;font-family:inherit;
}
#page-inventario .rep-suc-pill.todas {background:var(--viol-soft);border-color:var(--viol-soft);color:var(--viol-ink);}
#page-inventario .rep-suc-pill.kp {background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-ink);}
#page-inventario .rep-suc-pill.bp {background:var(--ok-soft);border-color:var(--ok-border);color:var(--ok-ink);}
#page-inventario .rep-suc-pill:hover {filter:brightness(0.96);}
#page-inventario .rep-suc-pill.active.todas {background:#7c3aed;border-color:#7c3aed;color:#fff;}
#page-inventario .rep-suc-pill.active.kp {background:#ff0000;border-color:#ff0000;color:#fff;}
#page-inventario .rep-suc-pill.active.bp {background:#9fe406;border-color:#9fe406;color:#18230a;}
#page-inventario .rep-suc-pill.huerf {background:var(--soft);border-color:var(--line);color:var(--mut);}
#page-inventario .rep-suc-pill.active.huerf {background:#6b7280;border-color:#6b7280;color:#fff;}
#page-inventario .card:has(> .chb) > .cb {background:transparent !important;}
#page-inventario .m-kpi-card {
  background:var(--m-surface);
  border:1px solid var(--m-border);
  border-radius:var(--m-radius-lg);
  box-shadow:var(--m-shadow-card);
  padding:14px 14px;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  grid-template-areas:
    "label  ."
    "main   main";
  column-gap:8px;
  row-gap:12px;
  align-items:center;
  position:relative;
  overflow:hidden;
}
#page-inventario .m-kpi-label {
  grid-area:label;
  font-size:9.5px;
  font-weight:700;
  color:var(--m-text-2);
  letter-spacing:0.8px;
  text-transform:uppercase;
  white-space:nowrap;
}
#page-inventario .m-kpi-icon {
  grid-area:main;
  width:28px;
  height:28px;
  border-radius:7px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:14px 14px;
  justify-self:start;
  flex-shrink:0;
}
#page-inventario .m-kpi-val {
  grid-area:main;
  padding-left:37px;
  font-size:16.5px;
  font-weight:700;
  letter-spacing:-0.2px;
  line-height:1;
  color:var(--m-text);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}#page-inventario #rep-pane-compras .pnl-kpi-sub.tone-positive { color:var(--m-green); background:var(--m-green-soft); }
#page-inventario #rep-pane-compras .pnl-kpi-sub.tone-negative { color:var(--m-red);   background:var(--m-red-soft); }
#page-inventario #rep-pane-compras .pnl-kpi-sub.tone-expense { color:var(--warn-ink);        background:var(--warn-soft); }
#page-inventario #rep-pane-compras .pnl-kpi-sub.tone-neutral { color:var(--m-text-3);background:var(--m-gray-soft); }
#page-inventario #rep-pane-compras .pnl-kpi-sub.tone-channel { color:var(--m-blue);  background:var(--m-blue-soft); }
#page-inventario .inv-subtabs {
  display:inline-flex !important;
  background:var(--m-gray-soft) !important;
  border-radius:10px !important;
  padding:3px !important;
  margin-bottom:16px !important;
  gap:2px !important;
  flex-wrap:wrap !important;
}
#page-inventario .inv-subtab {
  background:transparent !important;
  border:none !important;
  color:var(--m-text-2) !important;
  padding:7px 16px !important;
  border-radius:7px !important;
  font-family:var(--m-font) !important;
  font-size:13px !important;
  font-weight:600 !important;
  cursor:pointer !important;
  transition:background .15s, color .15s, box-shadow .15s !important;
  letter-spacing:0.1px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
}
#page-inventario .inv-subtab:hover:not(.active) {
  color:var(--m-text) !important;
}
#page-inventario .inv-subtab.active {
  background:var(--m-surface) !important;
  color:var(--m-text) !important;
  box-shadow:var(--shadow-1) !important;
}
#page-inventario .inv-subtab-ic {
  font-size:14px !important;
  line-height:1 !important;
  display:inline-block !important;
  filter:saturate(0.85) !important;
}
#page-inventario .inv-subtab.active .inv-subtab-ic {
  filter:none !important;
}
#page-inventario .card {
  background:var(--m-surface) !important;
  border:1px solid var(--m-border) !important;
  border-radius:var(--m-radius-lg) !important;
  box-shadow:var(--m-shadow-card) !important;
  margin-bottom:14px !important;
  overflow:hidden !important;
}
#page-inventario .card .cb {
  padding:14px 16px 16px !important;
  background:transparent !important;
}
#page-inventario #inv-captura .card .cb {
  padding-bottom:8px !important;
}
#page-inventario .fg {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}
#page-inventario .fg label {
  font-size:10px !important;
  font-weight:600 !important;
  color:var(--m-text-2) !important;
  letter-spacing:0.8px !important;
  text-transform:uppercase !important;
  margin-bottom:4px !important;
  display:block !important;
}
#page-inventario .fg input, #page-inventario .fg select, #page-inventario input[type="text"], #page-inventario input[type="number"], #page-inventario input[type="date"], #page-inventario select {
  background:var(--m-surface) !important;
  border:1px solid var(--m-border) !important;
  border-radius:var(--m-radius-sm) !important;
  padding:8px 11px !important;
  font-size:13px !important;
  font-family:var(--m-font) !important;
  color:var(--m-text) !important;
  text-align:left !important;
  transition:border-color .15s, box-shadow .15s !important;
  box-sizing:border-box !important;
}
#page-inventario .inv-cap-filter-row .fg input, #page-inventario .inv-cap-filter-row .fg select, #page-inventario .inv-ord-filter-row .fg input, #page-inventario .inv-ord-filter-row .fg select, #page-inventario .inv-hist-filter-row .fg input, #page-inventario .inv-hist-filter-row .fg select {
  min-width:170px !important;
  height:38px !important;
}
#page-inventario input:focus, #page-inventario select:focus {
  outline:none !important;
  border-color:var(--m-text-2) !important;
  box-shadow:0 0 0 3px rgba(99,102,241,.08) !important;
}
#page-inventario .btn {
  font-family:var(--m-font) !important;
  font-size:12.5px !important;
  font-weight:600 !important;
  padding:9px 16px !important;
  border-radius:var(--m-radius-sm) !important;
  border:none !important;
  cursor:pointer !important;
  letter-spacing:0.1px !important;
  transition:transform .08s, opacity .15s, box-shadow .15s !important;
}
#page-inventario .btn:hover {
  transform:translateY(-1px) !important;
  box-shadow:var(--m-shadow-hover) !important;
}
#page-inventario .btn-green {
  background:var(--m-green) !important;
  color:#fff !important; /* theme-exempt: la tinta de noche se fija en el bloque dark */
}
#page-inventario .btn-purple {
  background:#7c3aed !important;
  color:#fff !important;
}
#page-inventario table {
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  font-family:var(--m-font) !important;
  font-size:12.5px !important;
}
#page-inventario table.data-tbl, #page-inventario table.data-tbl thead th, #page-inventario table.data-tbl tbody td, #page-inventario table.data-tbl tbody td:first-child {
  font-family:var(--m-font) !important;
}
#page-inventario thead th {
  background:transparent !important;
  color:var(--m-text-2) !important;
  font-size:9.5px !important;
  font-weight:700 !important;
  letter-spacing:1.2px !important;
  text-transform:uppercase !important;
  padding:11px 12px !important;
  border-bottom:1px solid var(--m-border) !important;
  white-space:nowrap !important;
  
}
#page-inventario tbody td {
  padding:10px 12px !important;
  border-bottom:1px solid var(--m-border) !important;
  font-size:12.5px !important;
  color:var(--m-text) !important;
  font-variant-numeric:tabular-nums !important;
  
}
#page-inventario table.data-tbl tbody td:nth-child(1), #page-inventario table.data-tbl tbody td:nth-child(2), #page-inventario table.data-tbl tbody td:nth-child(3) {
  text-align:left !important;
}
#page-inventario table.data-tbl thead th:nth-child(1), #page-inventario table.data-tbl thead th:nth-child(2), #page-inventario table.data-tbl thead th:nth-child(3) {
  text-align:left !important;
}
#page-inventario table.data-tbl tbody#inv-cap-tbody td:nth-child(2), #page-inventario table.data-tbl tbody#inv-cap-tbody td:nth-child(5) {
  text-align:center !important;
}
#page-inventario table.data-tbl tbody#inv-cap-tbody td:nth-child(4) {
  text-align:left !important;
}
#page-inventario tbody tr:hover {
  background:rgba(0,0,0,.015) !important;
}
 #page-inventario table.data-tbl tbody tr[data-area-header] td {
  background:var(--panel) !important;
  color:var(--m-text) !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:1.6px !important;
  text-transform:uppercase !important;
  padding:14px 12px 10px 14px !important;
  text-align:left !important;
  border-bottom:1px solid var(--m-border) !important;
  border-top:2px solid var(--line) !important;
  border-left:3px solid var(--m-blue) !important;
}
 #page-inventario table.data-tbl tbody tr[data-area-header]:hover td {
  background:var(--panel) !important;
}
#page-inventario table.data-tbl tbody#inv-cap-tbody tr[data-area-header] {
  cursor:pointer !important;
}
#page-inventario table.data-tbl tbody#inv-cap-tbody tr[data-area-header] td {
  border-left:3px solid #FF0000 !important;
  background:var(--hover) !important;
  padding:12px 14px 10px 14px !important;
}
#page-inventario table.data-tbl tbody#inv-cap-tbody tr[data-area-header]:hover td {
  background:var(--panel) !important;
}
#page-inventario table.data-tbl tbody#inv-cap-tbody tr[data-area-header][data-area-collapsed="1"] td {
  background:var(--panel) !important;
}
#page-inventario .area-name {
  display:inline-block;
  vertical-align:middle;
}
#page-inventario .area-chevron {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
  margin-right:8px;
  color:var(--m-text-2);
  transition:transform 0.15s ease;
}
#page-inventario table.data-tbl tbody#inv-cap-tbody tr[data-area-header] td {
  cursor:pointer;
}
#page-inventario table.data-tbl tbody#inv-cap-tbody tr[data-area-header][data-area-collapsed="1"] .area-chevron {
  transform:rotate(-90deg);
}
#page-inventario .area-count {
  display:inline-block;
  vertical-align:middle;
  margin-left:10px;
  padding:2px 9px;
  background:var(--soft);
  color:var(--m-text-2);
  border-radius:10px;
  font-size:10px;
  font-weight:600;
  letter-spacing:0.3px;
  text-transform:none;
}
#page-inventario .inv-cap-gridtable {display:block;}
#page-inventario .inv-cap-gridtable thead {display:none;}
#page-inventario #inv-cap-tbody {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
  gap:10px;
  padding:12px;
}
#page-inventario #inv-cap-tbody tr[data-area-header] {
  grid-column:1/-1;
  display:block;
  margin-top:2px;
}
#page-inventario #inv-cap-tbody tr:not([data-area-header]) {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:var(--card);
  border:0.5px solid var(--line);
  border-radius:12px;
  padding:7px 13px;
  box-shadow:none;
}
#page-inventario #inv-cap-tbody tr:not([data-area-header]) td {
  display:block;
  border:none !important;
  padding:0 !important;
  background:transparent !important;
  text-align:left !important;
  white-space:normal;
}
#page-inventario #inv-cap-tbody td.cap-estado {flex-shrink:0;display:flex;align-items:center;}
#page-inventario #inv-cap-tbody td.cap-main {flex:1 1 auto;min-width:0;}
#page-inventario #inv-cap-tbody td.cap-side {flex-shrink:0;display:flex;align-items:center;gap:8px;}
#page-inventario #inv-cap-tbody .cap-nm {font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
#page-inventario #inv-cap-tbody .cap-line2 {font-size:11.5px;color:var(--mut);font-weight:500;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#page-inventario #inv-cap-tbody td.cap-side input.cap-actual {width:80px !important;text-align:center;}
#page-inventario #inv-cap-tbody .cap-uni {font-size:11px;font-weight:700;color:var(--mut);background:var(--panel);padding:3px 8px;border-radius:6px;min-width:32px;text-align:center;}
#page-inventario #inv-cap-kpis .m-kpi-icon {
  width:40px !important;
  height:40px !important;
  background-size:24px 24px !important;
}
#page-inventario #inv-cap-kpis .m-kpi-card.pnl-kpi {
  padding-left:50px !important;
}
#page-inventario #inv-hist-kpis .m-kpi-icon {
  width:40px !important;
  height:40px !important;
  background-size:24px 24px !important;
}
#page-inventario #inv-hist-kpis .m-kpi-card.pnl-kpi {
  padding-left:50px !important;
}
#page-inventario .inv-hist-tbl tbody tr.inv-hist-row {
  cursor:pointer;
}
#page-inventario .inv-hist-tbl tbody tr.inv-hist-row td {
  padding:12px 14px !important;
  font-size:13px !important;
  font-weight:500 !important;
}
#page-inventario .inv-hist-tbl tbody tr.inv-hist-row:hover {
  background:var(--m-blue-soft) !important;
}
#page-inventario .inv-hist-arrow {
  color:var(--m-text-3);
  font-size:14px;
  font-weight:600;
  transition:transform .15s, color .15s;
  display:inline-block;
}
#page-inventario .inv-hist-tbl tbody tr.inv-hist-row:hover .inv-hist-arrow {
  transform:translateX(4px);
  color:var(--m-text);
}
#page-inventario .inv-hist-empty {
  text-align:center !important;
  padding:36px 14px !important;
  color:var(--m-text-3) !important;
  font-style:italic;
  font-size:13px !important;
}
#page-inventario .inv-ent-badge {
  display:inline-block;
  padding:3px 10px;
  border-radius:10px;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.3px;
  white-space:nowrap;
}
#page-inventario .inv-ent-badge.kp {    background:#FF0000; color:#fff;}
#page-inventario .inv-ent-badge.bp {    background:#9FE406; color:#18230a;}
#page-inventario .inv-ent-badge.cedis { background:#80c12e; color:#fff;}
#page-inventario .inv-hist-top-card .m-kpi-icon {
  top:14px !important;
}
#page-inventario .inv-hist-top-body {
  margin-top:4px;
}
#page-inventario .inv-hist-top-row {
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:3px 0;
  font-size:12px;
  line-height:1.3;
}
#page-inventario .inv-hist-top-row + .inv-hist-top-row {
  border-top:1px solid var(--m-border);
  margin-top:1px;
  padding-top:4px;
}
#page-inventario .inv-hist-top-rank {
  font-weight:700;
  color:var(--m-text-3);
  min-width:14px;
  font-size:11px;
  flex-shrink:0;
}
#page-inventario .inv-hist-top-row-1 .inv-hist-top-rank {
  color:var(--warn-ink);
  font-size:12px;
}
#page-inventario .inv-hist-top-name {
  flex:1;
  font-weight:600;
  color:var(--m-text);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:0;
}
#page-inventario .inv-hist-top-row-1 .inv-hist-top-name {
  font-weight:700;
}
#page-inventario .inv-hist-top-amt {
  font-weight:600;
  color:var(--m-text);
  font-variant-numeric:tabular-nums;
  font-size:11px;
  flex-shrink:0;
}
#page-inventario .inv-hist-top-pct {
  color:var(--m-text-3);
  font-size:11px;
  min-width:32px;
  text-align:right;
  flex-shrink:0;
}
#page-inventario .inv-hist-top-empty {
  color:var(--m-text-3);
  font-size:13px;
  margin-top:6px;
}
#page-inventario #inv-ord-kpis .m-kpi-icon {
  width:40px !important;
  height:40px !important;
  background-size:24px 24px !important;
}
#page-inventario #inv-ord-kpis .m-kpi-card.pnl-kpi {
  padding-left:50px !important;
}
#page-inventario #inv-cap-kpis .m-kpi-card.pnl-kpi, #page-inventario #inv-dash-content .m-kpi-card.pnl-kpi, #page-inventario #inv-hist-kpis .m-kpi-card.pnl-kpi, #page-inventario #inv-ord-kpis .m-kpi-card.pnl-kpi {
  grid-template-rows:auto auto auto !important;
  grid-template-areas:
    "label  ."
    "main   main"
    "sub    sub" !important;
  row-gap:6px !important;
  padding:14px 14px 12px !important;
  border-left:3px solid var(--line) !important;
}
#page-inventario #inv-cap-kpis .m-kpi-card.pnl-kpi:has(.pnl-kpi-sub.tone-positive), #page-inventario #inv-dash-content .m-kpi-card.pnl-kpi:has(.pnl-kpi-sub.tone-positive), #page-inventario #inv-hist-kpis .m-kpi-card.pnl-kpi:has(.pnl-kpi-sub.tone-positive), #page-inventario #inv-ord-kpis .m-kpi-card.pnl-kpi:has(.pnl-kpi-sub.tone-positive) {border-left-color:#16a34a !important;}
#page-inventario #inv-cap-kpis .m-kpi-card.pnl-kpi:has(.pnl-kpi-sub.tone-channel), #page-inventario #inv-dash-content .m-kpi-card.pnl-kpi:has(.pnl-kpi-sub.tone-channel), #page-inventario #inv-hist-kpis .m-kpi-card.pnl-kpi:has(.pnl-kpi-sub.tone-channel), #page-inventario #inv-ord-kpis .m-kpi-card.pnl-kpi:has(.pnl-kpi-sub.tone-channel) {border-left-color:#2563eb !important;}
#page-inventario #inv-cap-kpis .m-kpi-card.pnl-kpi:has(.pnl-kpi-sub.tone-negative), #page-inventario #inv-dash-content .m-kpi-card.pnl-kpi:has(.pnl-kpi-sub.tone-negative), #page-inventario #inv-hist-kpis .m-kpi-card.pnl-kpi:has(.pnl-kpi-sub.tone-negative), #page-inventario #inv-ord-kpis .m-kpi-card.pnl-kpi:has(.pnl-kpi-sub.tone-negative) {border-left-color:#dc2626 !important;}
#page-inventario #inv-cap-kpis .m-kpi-card.pnl-kpi:has(.pnl-kpi-sub.tone-expense), #page-inventario #inv-dash-content .m-kpi-card.pnl-kpi:has(.pnl-kpi-sub.tone-expense), #page-inventario #inv-hist-kpis .m-kpi-card.pnl-kpi:has(.pnl-kpi-sub.tone-expense), #page-inventario #inv-ord-kpis .m-kpi-card.pnl-kpi:has(.pnl-kpi-sub.tone-expense) {border-left-color:#d97706 !important;}
#page-inventario #inv-cap-kpis .m-kpi-iv, #page-inventario #inv-dash-content .m-kpi-iv, #page-inventario #inv-hist-kpis .m-kpi-iv, #page-inventario #inv-ord-kpis .m-kpi-iv {
  display:contents;
}
#page-inventario #inv-cap-kpis .m-kpi-card.pnl-kpi .m-kpi-val, #page-inventario #inv-dash-content .m-kpi-card.pnl-kpi .m-kpi-val, #page-inventario #inv-hist-kpis .m-kpi-card.pnl-kpi .m-kpi-val, #page-inventario #inv-ord-kpis .m-kpi-card.pnl-kpi .m-kpi-val {
  padding-left:50px !important;
}
#page-inventario #inv-cap-kpis .m-kpi-icon, #page-inventario #inv-dash-content .m-kpi-icon, #page-inventario #inv-hist-kpis .m-kpi-icon, #page-inventario #inv-ord-kpis .m-kpi-icon {
  width:40px !important;
  height:40px !important;
  background-size:24px 24px !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
}
#page-inventario #inv-hist-kpis .inv-hist-top-card .inv-hist-top-body {
  grid-area:main;
  padding-left:50px;
}
#page-inventario #inv-cap-kpis .pnl-kpi-sub, #page-inventario #inv-dash-content .pnl-kpi-sub, #page-inventario #inv-hist-kpis .pnl-kpi-sub, #page-inventario #inv-ord-kpis .pnl-kpi-sub {
  grid-area:sub !important;
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:0.2px !important;
  padding:2px 8px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  width:fit-content !important;
  margin-left:50px !important;
  padding-left:8px !important;
}
#page-inventario #inv-cap-kpis .pnl-kpi-sub.tone-positive, #page-inventario #inv-dash-content .pnl-kpi-sub.tone-positive, #page-inventario #inv-hist-kpis .pnl-kpi-sub.tone-positive, #page-inventario #inv-ord-kpis .pnl-kpi-sub.tone-positive {
  color:var(--m-green) !important;
  background:var(--m-green-soft) !important;
}
#page-inventario #inv-cap-kpis .pnl-kpi-sub.tone-negative, #page-inventario #inv-dash-content .pnl-kpi-sub.tone-negative, #page-inventario #inv-hist-kpis .pnl-kpi-sub.tone-negative, #page-inventario #inv-ord-kpis .pnl-kpi-sub.tone-negative {
  color:var(--m-red) !important;
  background:var(--danger-soft) !important;
}
#page-inventario #inv-cap-kpis .pnl-kpi-sub.tone-expense, #page-inventario #inv-dash-content .pnl-kpi-sub.tone-expense, #page-inventario #inv-hist-kpis .pnl-kpi-sub.tone-expense, #page-inventario #inv-ord-kpis .pnl-kpi-sub.tone-expense {
  color:var(--warn-ink) !important;
  background:var(--warn-soft) !important;
}
#page-inventario #inv-cap-kpis .pnl-kpi-sub.tone-neutral, #page-inventario #inv-dash-content .pnl-kpi-sub.tone-neutral, #page-inventario #inv-hist-kpis .pnl-kpi-sub.tone-neutral, #page-inventario #inv-ord-kpis .pnl-kpi-sub.tone-neutral {
  color:var(--m-text-3) !important;
  background:var(--m-gray-soft) !important;
}
#page-inventario #inv-cap-kpis .pnl-kpi-sub.tone-channel, #page-inventario #inv-dash-content .pnl-kpi-sub.tone-channel, #page-inventario #inv-hist-kpis .pnl-kpi-sub.tone-channel, #page-inventario #inv-ord-kpis .pnl-kpi-sub.tone-channel {
  color:var(--m-blue) !important;
  background:var(--m-blue-soft) !important;
}
#page-inventario .inv-ord-vigente-badge {display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;background:var(--ok-soft);color:var(--ok-ink);padding:1px 6px;border-radius:999px;margin-left:6px;vertical-align:middle;}
#page-inventario .inv-ord-surtido-badge {display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:var(--m-green);color:#fff;padding:4px 10px;border-radius:999px;border:1px solid var(--m-green);box-shadow:0 1px 3px rgba(22,163,74,.35);vertical-align:middle;} /* theme-exempt: tinta de dia sobre el verde; la de noche se fija en el bloque dark */
#page-inventario .inv-ord-surtido-badge svg {width:12px;height:12px;flex-shrink:0;}
#page-inventario .inv-ord-desurtir {margin-left:6px;border:1px solid var(--line);background:var(--card);color:var(--mut);border-radius:6px;width:22px;height:22px;font-size:13px;line-height:1;cursor:pointer;vertical-align:middle;}
#page-inventario .inv-ord-desurtir:hover {background:var(--panel);color:var(--ink);}
#page-inventario .inv-ord-lines-grid {display:grid;grid-template-columns:1fr;gap:10px;padding:12px;}
@media(min-width:760px) {
#page-inventario .inv-ord-lines-grid {grid-template-columns:1fr 1fr;}
}
@media(min-width:1140px) {
#page-inventario .inv-ord-lines-grid {grid-template-columns:1fr 1fr 1fr;}
}
#page-inventario .inv-ord-line {background:var(--card);border:0.5px solid var(--line);border-left-width:4px;border-radius:10px;padding:12px 14px 12px 10px;}
#page-inventario .inv-ord-line.cob-critico {border-left-color:#ef4444;}
#page-inventario .inv-ord-line.cob-bajo {border-left-color:#f59e0b;}
#page-inventario .inv-ord-line.cob-ok {border-left-color:#16a34a;}
#page-inventario .inv-ord-nm-row {display:flex;align-items:center;gap:7px;min-width:0;}
#page-inventario .inv-ord-nm-row .inv-ord-line-nm {min-width:0;flex:0 1 auto;}
#page-inventario .inv-ord-cob {display:flex;align-items:center;gap:8px;margin:8px 6px 0 4px;}
#page-inventario .inv-ord-cob-track {flex:1;position:relative;display:flex;align-items:center;justify-content:center;height:20px;border-radius:10px;background:var(--line);overflow:hidden;}
#page-inventario .inv-ord-cob-capuni {flex-shrink:0;font-size:11px;font-weight:700;color:var(--mut);white-space:nowrap;}
#page-inventario .inv-ord-equiv {font-size:11px;color:var(--ink);font-weight:500;white-space:nowrap;margin-left:4px;}
#page-inventario .inv-ord-equiv b {color:var(--ink);font-weight:700;}
#page-inventario .inv-ord-cob-fill {position:absolute;left:0;top:0;height:100%;border-radius:10px;background:#cbd5e1;z-index:0;}
#page-inventario .inv-ord-cob-now {position:absolute;left:9px;top:50%;transform:translateY(-50%) translateY(1px);z-index:1;font-size:12px;font-weight:700;line-height:1;color:var(--ink);font-family:inherit;}
#page-inventario .inv-ord-cob-goal {position:absolute;right:9px;top:50%;transform:translateY(-50%) translateY(1px);z-index:1;font-size:12px;font-weight:700;line-height:1;color:var(--ink);font-family:inherit;}
#page-inventario .inv-ord-cob-pct {position:relative;z-index:1;transform:translateY(1px);font-size:12px;font-weight:700;line-height:1;color:var(--ink);font-family:inherit;}
#page-inventario .inv-ord-line.cob-critico .inv-ord-cob-fill {background:#ef4444;}
#page-inventario .inv-ord-line.cob-bajo .inv-ord-cob-fill {background:#f59e0b;}
#page-inventario .inv-ord-line.cob-ok .inv-ord-cob-fill {background:#16a34a;}
#page-inventario .inv-ord-line.locked .inv-ord-card-main, #page-inventario .inv-ord-line.locked .inv-ord-costo, #page-inventario .inv-ord-line.locked .inv-ord-card-fields, #page-inventario .inv-ord-line.locked .inv-ord-card-nota {opacity:.55;}
#page-inventario .inv-ord-card-top {display:flex;align-items:flex-start;gap:10px;}
#page-inventario .inv-ord-card-chk {flex-shrink:0;}
#page-inventario .inv-ord-card-main {flex:1;min-width:0;}
#page-inventario .inv-ord-line-nm {font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#page-inventario .inv-ord-unidad-chip {background:var(--panel);color:var(--mut);padding:1px 7px;border-radius:6px;}
#page-inventario .inv-ord-card-costo {flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
#page-inventario .inv-ord-card-costo .inv-ord-costo {font-size:15px;font-weight:600;font-family:'Courier New',monospace;color:var(--ink);}
#page-inventario .inv-ord-nm-row .inv-ord-costo {margin-left:auto;flex-shrink:0;padding-left:10px;font-size:15px;font-weight:600;font-family:'Courier New',monospace;color:var(--ink);white-space:nowrap;}
#page-inventario .inv-ord-card-fields {display:flex;gap:8px;align-items:center;justify-content:flex-start;margin-top:5px;flex-wrap:wrap;}
#page-inventario .inv-ord-card-fields .inv-ord-notebtn {margin-left:0;}
#page-inventario .inv-ord-notebtn {margin-left:auto;width:30px;height:30px;border:1px solid var(--line);background:var(--card);border-radius:8px;color:var(--mut-2);cursor:pointer;align-self:center;display:inline-flex;align-items:center;justify-content:center;}
#page-inventario .inv-ord-notebtn.has {color:var(--info);border-color:var(--info-border);}
#page-inventario .inv-ord-check {display:inline-flex;cursor:pointer;}
#page-inventario .inv-ord-check input {position:absolute;width:0;height:0;opacity:0;}
#page-inventario .inv-ord-check-box {width:62px;height:32px;border-radius:8px;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--line);transition:background .15s,border-color .15s,color .15s;}
#page-inventario .inv-ord-check-box svg {width:22px;height:22px;}
#page-inventario .inv-ord-check:hover .inv-ord-check-box {border-color:var(--m-green);color:var(--ok-ink);}
#page-inventario .inv-ord-check input:checked + .inv-ord-check-box {background:var(--m-green);border-color:var(--m-green);color:#fff;} /* theme-exempt: tinta de dia sobre el verde; la de noche se fija en el bloque dark */
#page-inventario .inv-ord-card-nota {margin-top:8px;}
#page-inventario .inv-ord-card-nota input {width:100%;}
#page-inventario .inv-ord-ro {font-size:13px;color:var(--ink);font-family:'Courier New',monospace;font-weight:600;}
#page-inventario .inv-ord-nota-ro {font-size:12px;color:var(--mut);}
#page-inventario #inv-ord-kpis .m-kpi-card.pnl-kpi:nth-child(1) {border-left-color:var(--info) !important;}
#page-inventario #inv-ord-kpis .m-kpi-card.pnl-kpi:nth-child(2) {border-left-color:#ea580c !important;}
#page-inventario #inv-ord-kpis .m-kpi-card.pnl-kpi:nth-child(3) {border-left-color:#16a34a !important;}
#page-inventario #inv-ord-kpis .m-kpi-card.pnl-kpi:nth-child(4) {border-left-color:var(--viol) !important;}
#page-inventario .inv-ord-state-pill.inv-ord-estado-abierta {background:var(--panel);color:var(--mut);}
#page-inventario .inv-ord-state-pill.inv-ord-estado-parcial {background:var(--warn-soft);color:var(--warn-ink);}
#page-inventario .inv-ord-state-pill.inv-ord-estado-surtida {background:var(--ok-soft);color:var(--ok-ink);}
#page-inventario .inv-dash-block {
  margin-bottom:20px;
}
#page-inventario .inv-dash-block:last-child {
  margin-bottom:0;
}
#page-inventario .inv-dash-meta {
  background:var(--m-surface);
  border:1px solid var(--m-border);
  border-radius:var(--m-radius-lg);
  box-shadow:var(--m-shadow-card);
  padding:12px 16px;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
}
#page-inventario .inv-dash-meta-left {
  display:flex;
  align-items:center;
  gap:10px;
}
#page-inventario .inv-dash-meta-name {
  font-size:14px;
  font-weight:700;
  color:var(--m-text);
}
#page-inventario .inv-dash-meta-right {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  color:var(--m-text-2);
  flex-wrap:wrap;
}
#page-inventario .inv-dash-meta-date {
  font-weight:700;
  color:var(--m-text);
}
#page-inventario .inv-dash-fresh {
  display:inline-flex;
  font-size:10px;
  font-weight:600;
  padding:2px 8px;
  border-radius:999px;
  letter-spacing:0.2px;
}
#page-inventario .inv-dash-fresh.ok {
  background:var(--m-green-soft);
  color:var(--m-green);
}
#page-inventario .inv-dash-fresh.mid {
  background:var(--warn-soft);
  color:var(--warn-ink);
}
#page-inventario .inv-dash-fresh.bad {
  background:var(--danger-soft);
  color:var(--m-red);
}
#page-inventario .inv-dash-tbl .inv-dash-bar-num {
  font-size:12px;
  font-weight:700;
  color:var(--m-text);
  font-variant-numeric:tabular-nums;
  min-width:54px;
  display:inline-block;
}
#page-inventario .inv-dash-tbl .inv-dash-bar-pct {
  font-size:11px;
  color:var(--m-text-2);
  min-width:34px;
  text-align:right;
  font-variant-numeric:tabular-nums;
  display:inline-block;
}
#page-inventario .inv-dash-tbl .inv-dash-bar-track {
  flex:1;
  height:6px;
  background:var(--m-gray-soft);
  border-radius:3px;
  overflow:hidden;
  min-width:80px;
}
#page-inventario .inv-dash-tbl .inv-dash-bar-fill {
  height:100%;
  border-radius:3px;
  transition:width .2s;
}
#page-inventario .inv-dash-legend {
  background:var(--m-blue-soft);
  border:1px solid rgba(37,99,235,0.20);
  border-radius:var(--m-radius-lg);
  padding:10px 14px;
  font-size:11px;
  color:var(--m-blue);
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:10px;
}
#page-inventario .inv-dash-legend strong {
  font-weight:700;
}
#page-inventario .inv-ord-meta {
  background:var(--m-surface);
  border:1px solid var(--m-border);
  border-radius:var(--m-radius-lg);
  box-shadow:var(--m-shadow-card);
  padding:14px 18px;
  margin-bottom:14px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  flex-wrap:nowrap;
}
#page-inventario .inv-ord-search-wrap {
  position:relative;
  flex:0 1 205px;
  min-width:120px;
  max-width:205px;
  margin-right:auto;
}
#page-inventario .inv-ord-meta-search {
  width:100%;
  padding:8px 12px;
  border:1.5px solid var(--m-border);
  border-radius:9px;
  font-size:13px;
  background:var(--m-surface);
  color:var(--m-text);
  font-family:var(--m-font);
}
#page-inventario .inv-ord-meta-search:focus { border-color:var(--m-blue); outline:none; }
@media(max-width:760px) {
#page-inventario .inv-ord-meta { flex-wrap:wrap; }
#page-inventario .inv-ord-search-wrap { flex-basis:100%; max-width:none; order:5; }
}
#page-inventario input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance:searchfield-cancel-button;
  appearance:auto;
  cursor:pointer;
}
#page-inventario .inv-ord-meta-left { flex:0 0 auto; }
#page-inventario .inv-ord-meta-left {
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
#page-inventario .inv-ord-meta-label {
  font-size:10px;
  font-weight:700;
  color:var(--m-text-3);
  letter-spacing:0.5px;
  text-transform:uppercase;
}
#page-inventario .inv-ord-meta-val {
  font-size:13px;
  font-weight:600;
  color:var(--m-text);
  margin-top:2px;
}
#page-inventario .inv-ord-state-pill {
  display:inline-block;
  padding:3px 10px;
  border-radius:10px;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.2px;
  margin-top:2px;
}
#page-inventario .inv-ord-state-pill.editable {
  background:var(--m-blue-soft);
  color:var(--m-blue);
}
#page-inventario .inv-ord-state-pill.readonly {
  background:var(--m-gray-soft);
  color:var(--m-text-2);
}
#page-inventario .inv-ord-prov-card {
  background:var(--m-surface);
  border:1px solid var(--m-border);
  border-radius:var(--m-radius-lg);
  box-shadow:var(--m-shadow-card);
  overflow:hidden;
  margin-bottom:12px;
}
#page-inventario .inv-ord-prov-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:4px 10px;
  padding:12px 18px;
  background:var(--m-gray-soft);
  cursor:pointer;
  transition:background .15s;
  user-select:none;
}
#page-inventario .inv-ord-prov-head:hover {
  background:var(--m-border);
}
#page-inventario .inv-ord-prov-head.open {
  border-bottom:1px solid var(--m-border);
}
#page-inventario .inv-ord-prov-name {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  font-weight:700;
  color:var(--m-text);
}
#page-inventario .inv-ord-chev {
  color:var(--m-text-2);
  font-size:11px;
  font-weight:700;
  display:inline-block;
  width:14px;
  text-align:center;
  transition:transform .15s;
}
#page-inventario .inv-ord-chev.right {
  transform:rotate(-90deg);
}
#page-inventario .inv-ord-prov-right {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
#page-inventario .inv-ord-prov-count {
  font-size:12px;
  color:var(--m-green);
  background:var(--m-green-soft);
  padding:3px 10px;
  border-radius:10px;
  font-weight:700;
  letter-spacing:0.2px;
  white-space:nowrap;
}
#page-inventario .inv-ord-prov-head {position:relative;}
#page-inventario .inv-ord-prov-bar {
  position:absolute; left:0; top:0; bottom:0; width:6px;
  border-top-left-radius:inherit; border-bottom-left-radius:inherit;
}
#page-inventario .inv-ord-prov-card.sem-pend  .inv-ord-prov-bar { background:#ef4444; }
#page-inventario .inv-ord-prov-card.sem-medio .inv-ord-prov-bar { background:#f59e0b; }
#page-inventario .inv-ord-prov-card.sem-listo .inv-ord-prov-bar { background:#16a34a; }
#page-inventario .inv-ord-prov-head {padding-left:16px;}
#page-inventario .inv-ord-prov-card.prov-done .inv-ord-prov-head {opacity:.62;}
#page-inventario .inv-ord-prov-sem {
  display:inline-flex; align-items:center; gap:6px;
  margin-left:10px; padding:4px 11px; border-radius:999px;
  font-size:11.5px; font-weight:800; letter-spacing:.02em;
  text-transform:uppercase; white-space:nowrap;
}
#page-inventario .inv-ord-prov-sem-dot {
  width:11px; height:11px; border-radius:50%; flex-shrink:0;
}
#page-inventario .inv-ord-prov-sem.sem-pend { background:var(--danger-soft); color:var(--danger-ink); }
#page-inventario .inv-ord-prov-sem.sem-pend .inv-ord-prov-sem-dot { background:#ef4444; }
#page-inventario .inv-ord-prov-sem.sem-medio { background:var(--warn-soft); color:var(--warn-ink); }
#page-inventario .inv-ord-prov-sem.sem-medio .inv-ord-prov-sem-dot { background:#f59e0b; }
#page-inventario .inv-ord-prov-sem.sem-listo { background:var(--ok-soft); color:var(--ok-ink); }
#page-inventario .inv-ord-prov-sem.sem-listo .inv-ord-prov-sem-dot { background:#16a34a; }
#page-inventario .inv-ord-prov-subt {
  font-size:15px;
  font-weight:700;
  color:var(--m-text);
  font-variant-numeric:tabular-nums;
}
#page-inventario #inv-ord-content .inv-ord-prov-head {justify-content:flex-start;gap:14px;}
#page-inventario .inv-ord-prov-body.hidden {
  display:none;
}
#page-inventario .inv-cfg-filter-row .fg select {
  min-width:180px;
}
#page-inventario .inv-cfg-count {
  font-size:12px;
  color:var(--m-text-2);
  font-weight:600;
  height:38px;
  display:flex;
  align-items:center;
  padding:0 4px;
  white-space:nowrap;
}
#page-inventario .inv-cfg-count strong {
  color:var(--m-text);
  font-weight:700;
  margin-right:3px;
}
#page-inventario .inv-cfg-count .inv-cfg-count-sep {
  color:var(--m-text-3);
  margin:0 6px;
}
#page-inventario .inv-cfg-tbl {
  width:100%;
  border-collapse:collapse;
  font-size:12px;
  font-family:var(--m-font);
}
#page-inventario .inv-cfg-tbl thead th {
  background:var(--m-surface);
  color:var(--m-text-2);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:0.5px;
  text-transform:uppercase;
  padding:10px 10px;
  text-align:left;
  border-bottom:1px solid var(--m-border);
  white-space:nowrap;
}
#page-inventario .inv-cfg-tbl thead th.num {
  text-align:right;
}
#page-inventario .inv-cfg-tbl thead th.cen {
  text-align:center;
}
#page-inventario .inv-cfg-tbl tbody td {
  padding:9px 10px;
  border-bottom:1px solid var(--m-border);
  font-size:12px;
  color:var(--m-text);
  vertical-align:middle;
}
#page-inventario .inv-cfg-tbl tbody tr:last-child td {
  border-bottom:none;
}
#page-inventario .inv-cfg-tbl tbody tr:hover {
  background:var(--m-gray-soft);
}
#page-inventario .inv-cfg-tbl td.num {
  text-align:right;
}
#page-inventario .inv-cfg-tbl td.cen {
  text-align:center;
}
#page-inventario .inv-cfg-tbl td.nm {
  font-weight:600;
  color:var(--m-text);
}
#page-inventario .inv-cfg-tbl td.unit {
  color:var(--m-text-2);
}
#page-inventario .inv-cfg-tbl input[type="number"] {
  width:72px;
  padding:5px 8px;
  border:1.5px solid var(--m-border);
  border-radius:6px;
  font-size:12px;
  text-align:right;
  background:var(--m-surface);
  color:var(--m-text);
  font-family:var(--m-font);
}
#page-inventario .inv-cfg-tbl input[type="number"]:focus {
  border-color:var(--m-blue);
  outline:none;
}
#page-inventario .inv-cfg-tbl input.inv-cfg-empty {
  border-color:#fca5a5;
  background:var(--danger-soft);
}
#page-inventario .inv-cfg-tbl input.cfg-derivado {
  background:var(--soft);
  color:var(--mut);
  border-style:dashed;
  cursor:not-allowed;
}
#page-inventario #inv-rot-toggle-btn.is-active {
  background:var(--m-green);
  color:#fff;
  border-color:var(--m-green);
}
#page-inventario .inv-cfg-tbl select.cfg-rot {
  padding:5px 8px;
  border:1.5px solid var(--m-border);
  border-radius:6px;
  font-size:12px;
  background:var(--m-surface);
  color:var(--m-text);
  font-family:var(--m-font);
  cursor:pointer;
}
#page-inventario .inv-cfg-tbl select.cfg-rot:focus { border-color:var(--m-blue); outline:none; }
#page-inventario .inv-cfg-tipo {
  display:inline-block;
  font-size:10px;
  font-weight:600;
  padding:2px 8px;
  border-radius:8px;
  letter-spacing:0.2px;
  white-space:nowrap;
}
#page-inventario .inv-cfg-tipo.directo {
  background:var(--m-green-soft);
  color:var(--m-green);
}
#page-inventario .inv-cfg-tipo.cedis {
  background:var(--m-gray-soft);
  color:var(--m-text-2);
}
#page-inventario .kp-toggle {
  position:relative;
  display:inline-block;
  width:36px;
  height:20px;
  vertical-align:middle;
  cursor:pointer;
}
#page-inventario .kp-toggle input {
  opacity:0;
  width:0;
  height:0;
  position:absolute;
}
#page-inventario .kp-toggle-track {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:var(--line);
  border-radius:999px;
  transition:background .15s;
}
#page-inventario .kp-toggle-thumb {
  position:absolute;
  top:2px;
  left:2px;
  width:16px;
  height:16px;
  background:var(--card);
  border-radius:50%;
  transition:transform .15s;
  box-shadow:0 1px 2px rgba(0,0,0,0.15);
}
#page-inventario .kp-toggle input:checked ~ .kp-toggle-track {
  background:var(--m-green);
}
#page-inventario .kp-toggle input:checked ~ .kp-toggle-thumb {
  transform:translateX(16px);
}
#page-inventario .kp-toggle input:focus ~ .kp-toggle-track {
  box-shadow:0 0 0 2px var(--m-blue-soft);
}
#page-inventario .inv-ord-costo {
  font-weight:700;
  color:var(--m-text);
}
#page-inventario .inv-ord-nota-inp {
  width:100%;
  padding:5px 8px;
  border:1px solid var(--m-border);
  border-radius:6px;
  font-size:11px;
  background:var(--m-surface);
  color:var(--m-text);
  font-family:var(--m-font);
}
#page-inventario .inv-ord-actions {
  display:flex;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
#page-inventario .inv-ord-actions .btn:disabled {opacity:.45;cursor:default;}
#page-inventario .inv-ord-actions #inv-ord-btn-guardar.dirty {box-shadow:0 0 0 3px rgba(245,158,11,.4);}
#page-inventario .inv-ord-line[data-dirty="1"] {background:var(--warn-soft);}
#page-inventario .inv-ord-breadcrumb {
  margin-bottom:10px;
}
#page-inventario .btn-link {
  background:transparent;
  border:none;
  color:var(--m-text-2);
  font-size:13px;
  font-weight:500;
  cursor:pointer;
  padding:6px 2px;
  font-family:var(--m-font);
}
#page-inventario .btn-link:hover {
  color:var(--m-text);
  text-decoration:underline;
}
#page-inventario table.data-tbl input.cap-actual {
  width:80px !important;
  padding:6px 10px !important;
  border:1px solid var(--m-border) !important;
  border-radius:var(--m-radius-sm) !important;
  font-size:13px !important;
  font-family:var(--m-font) !important;
  font-variant-numeric:tabular-nums !important;
  text-align:right !important;
  background:var(--m-surface) !important;
  color:var(--m-text) !important;
}
#page-inventario table.data-tbl input.cap-actual:focus {
  outline:none !important;
  border-color:var(--m-text-2) !important;
  box-shadow:0 0 0 3px rgba(99,102,241,.08) !important;
}
#page-inventario table.data-tbl tbody td:last-child {
  text-align:center !important;
  color:var(--m-text-3) !important;
  font-size:12px !important;
}
#page-inventario .inv-cap-filter-row .inv-cap-actions {
  margin-left:auto;
  display:flex;
  gap:8px;
  align-items:flex-end;
}
#page-inventario .inv-cap-filter-row .inv-cap-actions .btn {
  height:38px;
}
#page-inventario .estado-pill {
  display:inline-block;
  padding:3px 9px;
  border-radius:10px;
  font-size:10px;
  font-weight:700;
  letter-spacing:0.4px;
  text-transform:uppercase;
  font-family:var(--m-font);
  white-space:nowrap;
}
#page-inventario .estado-pill.ep-empty {
  background:var(--soft);
  color:var(--m-text-3);
}
#page-inventario .estado-pill.ep-ok {
  background:rgba(22,163,74,.12);
  color:var(--ok-ink);
}
#page-inventario .estado-pill.ep-alerta {
  background:rgba(245,158,11,.14);
  color:var(--warn-ink);
}
#page-inventario .estado-pill.ep-bajo {
  background:rgba(220,38,38,.12);
  color:var(--danger-ink);
}
#page-inventario table.data-tbl input.cap-actual {
  border:1.5px solid var(--m-blue) !important;
  background:var(--m-surface) !important;
  font-weight:600 !important;
}
#page-inventario table.data-tbl input.cap-actual:hover {
  border-color:var(--m-blue) !important;
  background:rgba(37,99,235,.03) !important;
}
#page-inventario #inv-dash-content > div > div[style*="grid-template-columns"] {
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)) !important;
  gap:10px !important;
  margin-bottom:14px !important;
}
#page-inventario .no-data {
  color:var(--m-text-3) !important;
  font-size:13px !important;
  text-align:center !important;
  padding:28px 16px !important;
  font-style:normal !important;
}#page-inventario{display:block!important;}
#page-inventario .card{display:block!important;}
/* Panel "Tipos de rotación": colapsable (vence el display:block!important de .card de arriba). */
#page-inventario #inv-rot-panel{display:none!important;}
#page-inventario #inv-rot-panel.rot-show{display:block!important;}
#page-inventario .modal{display:none;}
#page-inventario .modal.open{display:flex;}

/* ===== MODO NOCHE — override de tokens internos del módulo ===== */
html[data-theme="dark"] #page-inventario {background:var(--bg);}
html[data-theme="dark"] #page-inventario{
  --dp-bg:#121419; --dp-surface:#1e2127; --dp-border:#313640; --dp-border-soft:#272b31;
  --dp-text:#e7e9ec; --dp-text-muted:#9aa2ae; --dp-text-soft:#727a86;
  --dp-primary:#8b93ff; --dp-primary-hover:#a3a9ff;
  --dp-success:#3ddc84; --dp-danger:#f26157; --dp-warning:#f7b83d; --dp-info:#5bb0e8;
  --dp-shadow-card:0 1px 2px rgba(0,0,0,.5); --dp-shadow-hover:0 8px 24px rgba(0,0,0,.55);
  --m-bg:#121419; --m-surface:#1e2127; --m-border:#313640; --m-border-strong:#3b414c;
  --m-text:#e7e9ec; --m-text-2:#9aa2ae; --m-text-3:#8f97a3; --m-accent:#e7e9ec; /* theme-exempt: definicion de tokens del bloque noche */
  --m-blue:#5b93ff; --m-blue-soft:#15203a; --m-green:#3ddc84; --m-green-soft:#122a1e;
  --m-red:#f26157; --m-red-soft:#2c1614; --m-orange:#ff8a4c; --m-orange-soft:#2a1a10;
  --m-purple:#a98bf0; --m-purple-soft:#20193a; --m-gray-soft:#23262c; /* theme-exempt: definicion de tokens del bloque noche */
  --m-shadow-card:0 1px 2px rgba(0,0,0,.5); --m-shadow-hover:0 6px 18px rgba(0,0,0,.55);
}
/* Zebra/hover que en claro eran lavados de negro casi invisibles: se vuelven lavados de blanco */
html[data-theme="dark"] #page-inventario tr:hover td,
html[data-theme="dark"] #page-inventario .row:hover,
html[data-theme="dark"] #page-inventario .hoverable:hover{background:rgba(255,255,255,.04);}

/* --- Barra de cobertura de Ordenes de Compra ---------------------------------
 * Las tres etiquetas (cantidad actual, %, meta) van DENTRO del riel con
 * color:var(--ink), que si voltea; el relleno tenia color fijo de dia. De noche
 * quedaba tinta casi blanca sobre ambar y verde saturados: los cinco estados
 * fallaban AA y dos eran ilegibles. De noche el riel baja a --panel y los
 * rellenos usan los tonos --*-border (mismo matiz, oscuros) => 6.6-14.6:1.
 * El semaforo de color vivo sigue en el border-left de .inv-ord-line. */
html[data-theme="dark"] #page-inventario .inv-ord-cob-track{background:var(--panel);}
html[data-theme="dark"] #page-inventario .inv-ord-cob-fill{background:var(--soft);}
html[data-theme="dark"] #page-inventario .inv-ord-line.cob-critico .inv-ord-cob-fill{background:var(--danger-border);}
html[data-theme="dark"] #page-inventario .inv-ord-line.cob-bajo .inv-ord-cob-fill{background:var(--warn-border);}
html[data-theme="dark"] #page-inventario .inv-ord-line.cob-ok .inv-ord-cob-fill{background:var(--ok-border);}

/* Boton verde: --m-green es una menta pensada como TINTA sobre fondo oscuro; de
 * relleno con letra blanca daba 1.78:1. De noche la etiqueta va oscura (10.3:1). */
html[data-theme="dark"] #page-inventario .btn-green,
html[data-theme="dark"] #page-inventario .btn-red{color:var(--bg)!important;}
/* Rellenos que ahora usan --m-green: de noche esa menta es clara, asi que la
 * etiqueta blanca daria 1.78:1. Se les fija tinta oscura igual que al boton. */
html[data-theme="dark"] #page-inventario .inv-ord-surtido-badge,
html[data-theme="dark"] #page-inventario .inv-ord-check input:checked + .inv-ord-check-box,
html[data-theme="dark"] #page-inventario #inv-rot-toggle-btn.is-active{color:var(--bg)!important;}

/* Sub-pestana activa: de dia es una tarjeta MAS clara que la franja; de noche es
 * mas oscura y la sombra negra no se ve. Mismo remedio que .segtab.on en theme.css. */
html[data-theme="dark"] #page-inventario .inv-subtab.active{background:var(--hover)!important;}