/* Metalconf CRM — tema oscuro (data-theme en ) */ [data-theme="dark"] { color-scheme: dark; --mc-surface: #0e1419; --mc-white: #171f2c; --mc-border: #2a3848; --mc-text: #e2e8f0; --mc-text-muted: #94a3b8; --mc-navy: #f1f5f9; --mc-navy-light: #cbd5e1; --mc-heading: #f1f5f9; --mc-primary: #5ec4a8; --mc-primary-dark: #4db396; --mc-accent: #f0b86a; --mc-charcoal: #e2e8f0; --mc-sidebar-bg: #0a1018; --mc-sidebar-fg: rgba(255, 255, 255, 0.92); --mc-on-primary: #ffffff; --mc-bg-subtle: #121a24; --mc-bg-muted: #0c1219; --mc-bg-hover: #223044; --mc-input-bg: #121a24; --mc-table-hover: #1c2636; --mc-overlay: rgba(0, 0, 0, 0.65); --mc-combobox-hover: #243044; --mc-combobox-clear-bg: #1e2936; --mc-combobox-avatar-bg: #243044; --mc-combobox-avatar-fg: #e2e8f0; --mc-bg-inset: #121a24; --mc-bg-empty: #141c28; --mc-bg-gradient-a: #0a1018; --mc-bg-gradient-b: #121c28; --mc-banner-border: rgba(94, 196, 168, 0.22); --mc-line-divider: #243044; --mc-bg-warm: rgba(240, 184, 106, 0.08); --mc-border-warm: rgba(240, 184, 106, 0.35); --mc-banner-warn-bg: rgba(240, 173, 78, 0.1); --mc-banner-warn-border: rgba(240, 173, 78, 0.3); --shadow: 0 4px 24px rgba(0, 0, 0, 0.35); --shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.5); } /* ─── Fondo con degradé sutil ─── */ [data-theme="dark"] .content { background: radial-gradient(ellipse 110% 70% at 100% -10%, rgba(94, 196, 168, 0.07) 0%, transparent 52%), radial-gradient(ellipse 80% 55% at 0% 100%, rgba(90, 159, 212, 0.06) 0%, transparent 48%), linear-gradient(168deg, var(--mc-bg-gradient-a) 0%, var(--mc-bg-gradient-b) 45%, #0e1419 100%); } [data-theme="dark"] .main { background: transparent; } [data-theme="dark"] select, [data-theme="dark"] .pedido-lines__select { color-scheme: dark; } /* ─── Shell ─── */ [data-theme="dark"] .login { background: var(--mc-surface); } [data-theme="dark"] .login__panel { background: var(--mc-surface); } [data-theme="dark"] .login__card { background: var(--mc-white); border: 1px solid var(--mc-border); box-shadow: var(--shadow-lg); } [data-theme="dark"] .login__input-wrap input { background: var(--mc-input-bg); border-color: var(--mc-border); color: var(--mc-text); } [data-theme="dark"] .login__secondary { background: var(--mc-bg-subtle); border-color: var(--mc-border); color: var(--mc-text); } [data-theme="dark"] .sidebar { background: var(--mc-sidebar-bg); color: var(--mc-sidebar-fg); border-right: 1px solid rgba(255, 255, 255, 0.04); } [data-theme="dark"] .sidebar__brand, [data-theme="dark"] .role-switch, [data-theme="dark"] .linea-switch, [data-theme="dark"] .sidebar__hint, [data-theme="dark"] .sidebar__user { border-color: rgba(255, 255, 255, 0.07); } [data-theme="dark"] .nav-item { color: rgba(255, 255, 255, 0.62); } [data-theme="dark"] .nav-item:hover { background: rgba(255, 255, 255, 0.06); color: var(--mc-sidebar-fg); } [data-theme="dark"] .nav-divider { color: rgba(255, 255, 255, 0.38); } [data-theme="dark"] .linea-switch__btn--conf:not(.linea-switch__btn--active) { border-color: rgba(59, 130, 246, 0.45); color: rgba(147, 197, 253, 0.88); } [data-theme="dark"] .linea-switch__btn--cort:not(.linea-switch__btn--active) { border-color: rgba(249, 115, 22, 0.45); color: rgba(253, 186, 116, 0.9); } [data-theme="dark"] .linea-switch__btn--active.linea-switch__btn--conf { background: rgba(59, 130, 246, 0.2); color: #93c5fd; border-color: rgba(59, 130, 246, 0.5); } [data-theme="dark"] .linea-switch__btn--active.linea-switch__btn--cort { background: rgba(249, 115, 22, 0.18); color: #fdba74; border-color: rgba(249, 115, 22, 0.48); } [data-theme="dark"] .linea-switch__btn--active.linea-switch__btn--all { background: rgba(255, 255, 255, 0.1); color: #fff; border-color: rgba(255, 255, 255, 0.22); } [data-theme="dark"] .topbar { background: var(--mc-white); border-bottom-color: var(--mc-border); } [data-theme="dark"] .content::-webkit-scrollbar-thumb { background: #3d4f63; } [data-theme="dark"] .btn--sm { background: var(--mc-bg-subtle); color: var(--mc-heading); border-color: var(--mc-border); } [data-theme="dark"] .btn--sm:hover { background: var(--mc-bg-hover); } /* ─── Cards / KPIs ─── */ [data-theme="dark"] .card, [data-theme="dark"] .kpi, [data-theme="dark"] .compose-panel { background: var(--mc-white); border-color: var(--mc-border); } [data-theme="dark"] .card__head { border-bottom-color: var(--mc-border); } [data-theme="dark"] .screen-intro, [data-theme="dark"] .admin-placeholder, [data-theme="dark"] .ficha-muted { color: var(--mc-text-muted); } /* ─── Forms / combobox ─── */ [data-theme="dark"] .field input, [data-theme="dark"] .field select, [data-theme="dark"] .field textarea, [data-theme="dark"] .form-field select, [data-theme="dark"] .form-field input, [data-theme="dark"] .cartera-select, [data-theme="dark"] .usuarios-form select, [data-theme="dark"] .pedido-field__input, [data-theme="dark"] .pedido-lines__select, [data-theme="dark"] .search-combobox__input, [data-theme="dark"] .clientes-toolbar input, [data-theme="dark"] .clientes-toolbar select { background: var(--mc-input-bg); border-color: var(--mc-border); color: var(--mc-text); } [data-theme="dark"] .field input:focus, [data-theme="dark"] .pedido-field__input:focus, [data-theme="dark"] .search-combobox__input:focus, [data-theme="dark"] .cartera-select:focus, [data-theme="dark"] .form-field select:focus { background: var(--mc-bg-hover); border-color: var(--mc-primary); } [data-theme="dark"] .search-combobox__control { background: var(--mc-input-bg); border-color: var(--mc-border); box-shadow: none; } [data-theme="dark"] .search-combobox--open .search-combobox__control, [data-theme="dark"] .search-combobox__control:focus-within { border-color: var(--mc-primary); box-shadow: 0 0 0 3px rgba(94, 196, 168, 0.2); } [data-theme="dark"] .search-combobox__panel { background: var(--mc-white); border-color: var(--mc-border); box-shadow: var(--shadow-lg); } [data-theme="dark"] .search-combobox__option { color: var(--mc-text); } [data-theme="dark"] .search-combobox__option:hover, [data-theme="dark"] .search-combobox__option--active { background: var(--mc-combobox-hover); color: var(--mc-text); } [data-theme="dark"] .search-combobox__option:hover .search-combobox__option-body strong, [data-theme="dark"] .search-combobox__option--active .search-combobox__option-body strong, [data-theme="dark"] .search-combobox__option:hover .search-combobox__option-meta, [data-theme="dark"] .search-combobox__option--active .search-combobox__option-meta { color: var(--mc-text); } [data-theme="dark"] .search-combobox__option-sub { color: var(--mc-text-muted); } [data-theme="dark"] .search-combobox__avatar { background: var(--mc-combobox-avatar-bg); color: var(--mc-combobox-avatar-fg); border: 1px solid var(--mc-border); } [data-theme="dark"] .search-combobox__footer { background: linear-gradient(transparent, var(--mc-white) 35%); border-top-color: var(--mc-border); color: var(--mc-text-muted); } [data-theme="dark"] .search-combobox__hint { color: var(--mc-text-muted); } [data-theme="dark"] .search-combobox__mark { background: rgba(94, 196, 168, 0.25); color: var(--mc-text); } [data-theme="dark"] .search-combobox__clear { background: var(--mc-combobox-clear-bg); color: var(--mc-text-muted); } [data-theme="dark"] .search-combobox__clear:hover { background: var(--mc-bg-hover); color: var(--mc-heading); } [data-theme="dark"] .search-combobox__icon, [data-theme="dark"] .search-combobox__chevron { color: var(--mc-text-muted); } [data-theme="dark"] .filter-dropdown::after { border-color: var(--mc-text-muted); } [data-theme="dark"] .pedido-client-banner { background: linear-gradient(135deg, rgba(94, 196, 168, 0.08) 0%, var(--mc-bg-inset) 100%); border-color: var(--mc-border); } [data-theme="dark"] .pedido-client-banner__code { background: rgba(94, 196, 168, 0.14); color: var(--mc-primary); } [data-theme="dark"] .pedido-main { background: var(--mc-white); border-color: var(--mc-border); box-shadow: var(--shadow); } [data-theme="dark"] .pedido-crm-edit-banner { background: color-mix(in srgb, var(--mc-accent) 18%, var(--mc-bg-inset)); border-color: color-mix(in srgb, var(--mc-accent) 35%, var(--mc-border)); } [data-theme="dark"] .pedido-draft-meta { background: var(--mc-bg-inset); border-color: var(--mc-border); } [data-theme="dark"] .pedido-draft-meta .pedido-lines__select, [data-theme="dark"] .pedido-draft-meta .pedido-field__input { background: var(--mc-input-bg); border-color: var(--mc-border); color: var(--mc-text); } [data-theme="dark"] .pedido-lista-select--grouped option.pedido-lista-opt--otra { color: color-mix(in srgb, var(--mc-text-muted) 88%, var(--mc-text)); } [data-theme="dark"] .pedido-lines-empty { background: var(--mc-bg-empty); border-color: var(--mc-border); } [data-theme="dark"] .pedido-lines-empty p { color: var(--mc-heading); } [data-theme="dark"] .pedido-lines-empty .ficha-muted { color: var(--mc-text-muted); } [data-theme="dark"] .pedido-screen .content { background: color-mix(in srgb, var(--mc-primary) 5%, var(--mc-bg)); } [data-theme="dark"] .pedido-footer { background: linear-gradient(180deg, color-mix(in srgb, var(--mc-primary) 10%, var(--mc-bg-subtle)), var(--mc-bg-subtle)); border-color: color-mix(in srgb, var(--mc-primary) 22%, var(--mc-border)); } [data-theme="dark"] .pedido-context-card { background: linear-gradient(160deg, color-mix(in srgb, var(--pedido-accent, var(--mc-success)) 12%, var(--mc-white)), var(--mc-white)); border-color: color-mix(in srgb, var(--pedido-accent, var(--mc-success)) 24%, var(--mc-border)); } [data-theme="dark"] .pedido-context-card__body, [data-theme="dark"] .pedido-context-card__foot, [data-theme="dark"] .pedido-context-card__note { color: var(--mc-text-muted); } [data-theme="dark"] .pedido-main { background: linear-gradient(180deg, color-mix(in srgb, var(--mc-primary) 10%, var(--mc-white)) 0%, var(--mc-white) 4rem); border-color: color-mix(in srgb, var(--mc-primary) 28%, var(--mc-border)); } [data-theme="dark"] .pedido-main__head { border-bottom-color: color-mix(in srgb, var(--mc-primary) 22%, var(--mc-border)); } [data-theme="dark"] .pedido-lines__total { background: color-mix(in srgb, var(--mc-primary) 10%, var(--mc-bg-subtle)); border-color: color-mix(in srgb, var(--mc-primary) 24%, var(--mc-border)); } [data-theme="dark"] .pedido-toolbar { border-color: var(--mc-border); } [data-theme="dark"] .pedido-search-card, [data-theme="dark"] .pedido-client-banner, [data-theme="dark"] .pedido-historial { background: linear-gradient(160deg, color-mix(in srgb, var(--pedido-accent, var(--mc-primary)) 10%, var(--mc-white)), var(--mc-white)); border-color: color-mix(in srgb, var(--pedido-accent, var(--mc-primary)) 24%, var(--mc-border)); } [data-theme="dark"] .pedido-draft-meta { background: color-mix(in srgb, var(--mc-primary) 10%, var(--mc-bg-inset)); border-color: color-mix(in srgb, var(--mc-primary) 24%, var(--mc-border)); } [data-theme="dark"] .pedido-draft-dto { background: color-mix(in srgb, var(--mc-accent) 10%, var(--mc-bg-inset)); border-color: color-mix(in srgb, var(--mc-accent) 26%, var(--mc-border)); } [data-theme="dark"] .pedido-tango-summary { background: color-mix(in srgb, var(--mc-navy) 8%, var(--mc-bg-inset)); border-color: color-mix(in srgb, var(--mc-navy) 22%, var(--mc-border)); } [data-theme="dark"] .pedido-toolbar__search { background: color-mix(in srgb, var(--mc-primary) 8%, var(--mc-white)); border-color: color-mix(in srgb, var(--mc-primary) 22%, var(--mc-border)); } [data-theme="dark"] .pedido-art-filter { background: color-mix(in srgb, var(--mc-primary) 6%, var(--mc-bg-inset)); border-color: color-mix(in srgb, var(--mc-primary) 24%, var(--mc-border)); } [data-theme="dark"] .pedido-art-filter--on { background: color-mix(in srgb, var(--mc-primary) 16%, var(--mc-bg-inset)); } [data-theme="dark"] .pedido-items-body { background: color-mix(in srgb, var(--mc-primary) 6%, var(--mc-bg-inset)); border-color: color-mix(in srgb, var(--mc-primary) 18%, var(--mc-border)); } /* ─── Tablas / listas ─── */ [data-theme="dark"] table.data th { background: var(--mc-bg-subtle); color: var(--mc-text-muted); } [data-theme="dark"] table.data td { border-color: var(--mc-border); } [data-theme="dark"] table.data tr:hover td { background: var(--mc-table-hover); } [data-theme="dark"] .client-row:hover, [data-theme="dark"] .cartera-row:hover, [data-theme="dark"] .acopio-row:hover, [data-theme="dark"] .radar-item:hover, [data-theme="dark"] .ventas-board-row:hover, [data-theme="dark"] .ventas-card--board:hover, [data-theme="dark"] .logistics-card--board:hover { background: var(--mc-bg-hover); } [data-theme="dark"] .acopios-list-wrap { background: var(--mc-bg-subtle); border-color: var(--mc-border); } [data-theme="dark"] .acopio-table-head { background: var(--mc-bg-inset); } [data-theme="dark"] .acopio-row__avatar { --avatar-bg: hsl(var(--avatar-hue, 168) 38% 22%); --avatar-fg: hsl(var(--avatar-hue, 168) 55% 78%); --avatar-border: hsl(var(--avatar-hue, 168) 32% 30%); } [data-theme="dark"] .acopio-code--a { color: #9ae6c8; } /* ─── Clientes / cartera ─── */ [data-theme="dark"] .cartera-table-head { background: var(--mc-bg-subtle); color: var(--mc-text-muted); border-bottom-color: var(--mc-border); } [data-theme="dark"] .cartera-row__name { color: var(--mc-heading); } [data-theme="dark"] .cartera-row__saldo { color: var(--mc-text); } [data-theme="dark"] .cartera-row__tel { color: var(--mc-primary); } [data-theme="dark"] .cartera-row__tel:hover { color: #9ae6c8; } [data-theme="dark"] .cartera-footer { background: var(--mc-bg-subtle); border-top-color: var(--mc-border); color: var(--mc-text-muted); } [data-theme="dark"] .cartera-footer__count { color: var(--mc-heading); } [data-theme="dark"] .cliente-cuenta-badge { background: var(--mc-bg-hover); color: var(--mc-text-muted); } [data-theme="dark"] .cartera-load-more:not(:disabled) { background: var(--mc-bg-subtle); color: var(--mc-text); border-color: var(--mc-border); } [data-theme="dark"] .cartera-load-more:not(:disabled):hover { background: var(--mc-bg-hover); color: var(--mc-heading); } [data-theme="dark"] .mc-avatar { --avatar-bg: hsl(var(--avatar-hue, 200) 38% 22%); --avatar-fg: hsl(var(--avatar-hue, 200) 55% 78%); --avatar-border: hsl(var(--avatar-hue, 200) 32% 30%); } [data-theme="dark"] .ventas-card--board, [data-theme="dark"] .cartera-row, [data-theme="dark"] .acopio-row, [data-theme="dark"] .radar-item, [data-theme="dark"] .logistics-card { background: var(--mc-white); } [data-theme="dark"] .ventas-card--urgent, [data-theme="dark"] .logistics-card--urgent { background: rgba(220, 53, 69, 0.06); border-color: rgba(248, 113, 113, 0.35); } [data-theme="dark"] .mc-chip, [data-theme="dark"] .ventas-chip { background: var(--mc-bg-subtle); border-color: var(--mc-border); color: var(--mc-text-muted); } [data-theme="dark"] .ventas-filters-bar { background: var(--mc-white); } [data-theme="dark"] .ventas-board__list--cards, [data-theme="dark"] .cartera-list, [data-theme="dark"] .acopio-list, [data-theme="dark"] .radar-list { background: var(--mc-bg-subtle); } [data-theme="dark"] .ventas-board-row { background: transparent; } [data-theme="dark"] .ventas-board__section--reciente { background: var(--mc-bg-warm); border-color: var(--mc-border-warm); } [data-theme="dark"] .ventas-board__list { background: var(--mc-white); } [data-theme="dark"] .ventas-board__cols { background: var(--mc-bg-subtle); } [data-theme="dark"] .ventas-board__section--fria .ventas-board__list { background: var(--mc-bg-subtle); } [data-theme="dark"] .ventas-board__section--reciente .ventas-board__head { background: var(--mc-bg-warm); } [data-theme="dark"] .ventas-view-toggle__btn:not(.ventas-view-toggle__btn--active) { background: var(--mc-bg-subtle); color: var(--mc-text-muted); } [data-theme="dark"] .ventas-detalle__stat-val { color: var(--mc-heading); } [data-theme="dark"] .ventas-detalle__avance { background: var(--mc-bg-subtle); border-color: var(--mc-border); color: var(--mc-text); } [data-theme="dark"] .ventas-detalle__timeline-row--current { background: var(--mc-bg-warm); } [data-theme="dark"] .ventas-detalle__note, [data-theme="dark"] .mc-banner-warn { background: var(--mc-banner-warn-bg); border-color: var(--mc-banner-warn-border); color: var(--mc-text); } [data-theme="dark"] .circuit-badge--a { background: var(--mc-bg-hover); color: var(--mc-text); } [data-theme="dark"] .circuit-badge--z { background: rgba(240, 184, 106, 0.15); color: #fcd34d; } [data-theme="dark"] .radar-item__action .btn--sm { background: var(--mc-primary); color: var(--mc-on-primary); } [data-theme="dark"] .ficha-dl dd, [data-theme="dark"] .ficha-empty__title, [data-theme="dark"] .ficha-section-title { color: var(--mc-heading); } /* ─── Badges / chips ─── */ [data-theme="dark"] .mini-radar-item--crit { background: rgba(220, 53, 69, 0.12); } [data-theme="dark"] .mini-radar-item--warn { background: rgba(240, 173, 78, 0.12); } [data-theme="dark"] .mini-radar-item--ok { background: rgba(40, 167, 69, 0.12); } [data-theme="dark"] .badge--crit { background: rgba(220, 53, 69, 0.18); color: #fca5a5; } [data-theme="dark"] .badge--warn { background: rgba(240, 173, 78, 0.18); color: #fcd34d; } [data-theme="dark"] .badge--ok { background: rgba(40, 167, 69, 0.18); color: #86efac; } [data-theme="dark"] .badge--info { background: rgba(56, 189, 248, 0.15); color: #7dd3fc; } [data-theme="dark"] .badge--accent { background: rgba(240, 184, 106, 0.15); color: #fcd34d; } [data-theme="dark"] .logistica-faltante-accion--fabricar { background: linear-gradient(135deg, rgba(251, 146, 60, 0.2), rgba(234, 88, 12, 0.12)); border-color: rgba(251, 146, 60, 0.45); color: #fdba74; } [data-theme="dark"] .logistica-faltante-accion--fabricar .logistica-faltante-accion__where { background: rgba(251, 146, 60, 0.18); color: #fed7aa; border-left-color: rgba(255, 255, 255, 0.08); } [data-theme="dark"] .logistica-faltante-accion--mover { background: linear-gradient(135deg, rgba(59, 130, 246, 0.18), rgba(37, 99, 235, 0.1)); border-color: rgba(96, 165, 250, 0.4); color: #93c5fd; } [data-theme="dark"] .logistica-faltante-accion--mover .logistica-faltante-accion__where { background: rgba(59, 130, 246, 0.16); color: #bfdbfe; border-left-color: rgba(255, 255, 255, 0.08); } [data-theme="dark"] .logistica-faltante-accion--separar { background: linear-gradient(135deg, rgba(34, 197, 94, 0.16), rgba(22, 163, 74, 0.1)); border-color: rgba(74, 222, 128, 0.35); color: #86efac; } [data-theme="dark"] .logistica-faltante-accion--separar .logistica-faltante-accion__where { background: rgba(34, 197, 94, 0.14); color: #bbf7d0; border-left-color: rgba(255, 255, 255, 0.08); } [data-theme="dark"] .logistica-ot-stock--ok { background: rgba(34, 197, 94, 0.14); color: #86efac; border-color: rgba(74, 222, 128, 0.35); } [data-theme="dark"] .logistica-ot-estado--picking { background: rgba(59, 130, 246, 0.16); color: #93c5fd; border-color: rgba(96, 165, 250, 0.35); } [data-theme="dark"] .logistica-ot-estado--planta, [data-theme="dark"] .logistica-ot-estado--enviada { background: rgba(251, 146, 60, 0.16); color: #fdba74; border-color: rgba(251, 146, 60, 0.35); } [data-theme="dark"] .logistica-ot-estado--separada { background: rgba(34, 197, 94, 0.14); color: #86efac; border-color: rgba(74, 222, 128, 0.35); } [data-theme="dark"] .logistica-ot-enviada-card { background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent); } [data-theme="dark"] .logistica-ot-grupo--partial > .logistica-interdep-remito__head, [data-theme="dark"] .logistica-ot-grupo--all > .logistica-interdep-remito__head { background: linear-gradient(180deg, color-mix(in srgb, var(--mc-success) 16%, transparent), transparent), linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent); box-shadow: inset 3px 0 0 var(--mc-success); } [data-theme="dark"] .logistica-ot-grupo .logistica-ot-pick-row--on td { background: color-mix(in srgb, var(--mc-success) 14%, var(--mc-surface)); } [data-theme="dark"] .badge--erp { background: var(--mc-bg-hover); color: var(--mc-text-muted); } [data-theme="dark"] .line-badge--cort { background: rgba(249, 115, 22, 0.16); color: #fdba74; } [data-theme="dark"] .line-badge--conf { background: rgba(59, 130, 246, 0.18); color: #93c5fd; } [data-theme="dark"] .line-badge--mix { background: rgba(167, 139, 250, 0.15); color: #c4b5fd; } [data-theme="dark"] .chip--active { background: var(--mc-primary); color: var(--mc-on-primary); border-color: var(--mc-primary); } [data-theme="dark"] .chip:not(.chip--active) { background: var(--mc-bg-subtle); border-color: var(--mc-border); color: var(--mc-text-muted); } /* ─── Radar / alertas ─── */ [data-theme="dark"] .radar-toolbar { background: var(--mc-white); border-color: var(--mc-border); } [data-theme="dark"] .radar-toolbar__search { background: var(--mc-bg-subtle); border-color: var(--mc-border); color: var(--mc-charcoal); } [data-theme="dark"] .radar-toolbar__select { background: var(--mc-white); border-color: var(--mc-border); color: var(--mc-charcoal); } [data-theme="dark"] .radar-item { border-bottom-color: var(--mc-border); } [data-theme="dark"] .radar-item:hover { background: var(--mc-bg-hover); } [data-theme="dark"] .radar-item__client { color: var(--mc-heading); } [data-theme="dark"] .radar-item__pago { color: var(--mc-heading); } [data-theme="dark"] .radar-item__monto { color: var(--mc-heading); } [data-theme="dark"] .radar-item--crit .radar-item__monto { color: #f07178; } [data-theme="dark"] .radar-item__doc-num { color: var(--mc-heading); } [data-theme="dark"] .radar-item__doc-saldo { color: var(--mc-heading); } [data-theme="dark"] .radar-item--crit .radar-item__doc-saldo { color: #f07178; } [data-theme="dark"] .radar-item__icon--crit { background: rgba(220, 53, 69, 0.15); } [data-theme="dark"] .radar-item__icon--warn { background: rgba(240, 173, 78, 0.15); } [data-theme="dark"] .radar-item__icon--hot { background: rgba(240, 184, 106, 0.15); } [data-theme="dark"] .radar-item__icon--ok { background: rgba(40, 167, 69, 0.15); } [data-theme="dark"] .radar-kpi__val { color: var(--mc-heading); } /* ─── Pedido ─── */ [data-theme="dark"] .pedido-search-card, [data-theme="dark"] .pedido-line-card, [data-theme="dark"] .pedido-lines-list { background: var(--mc-white); border-color: var(--mc-border); } [data-theme="dark"] .topbar__menu-btn { background: var(--mc-bg-subtle); border-color: var(--mc-border); color: var(--mc-heading); } [data-theme="dark"] .topbar__menu-btn:hover, [data-theme="dark"] .topbar__fullscreen-btn:hover { background: var(--mc-bg-hover); } [data-theme="dark"] .sidebar-backdrop { background: rgba(0, 0, 0, 0.55); } [data-theme="dark"] .pedido-empty, [data-theme="dark"] .pedido-loading { background: var(--mc-white); border-color: var(--mc-border); color: var(--mc-text-muted); } [data-theme="dark"] .pedido-pill { background: var(--mc-bg-hover); color: var(--mc-text); } [data-theme="dark"] .pedido-line-card:hover { background: var(--mc-bg-hover); border-color: var(--mc-border); } [data-theme="dark"] .pedido-lines-head { background: var(--mc-bg-subtle); border-color: var(--mc-border); } [data-theme="dark"] .pedido-lines-table-scroll { background: var(--mc-white); border-color: var(--mc-border); } [data-theme="dark"] .pedido-line-card { border-bottom-color: var(--mc-border); } [data-theme="dark"] .pedido-field__input--readonly { background: var(--mc-bg-subtle); border-color: var(--mc-border); color: var(--mc-text-muted); } [data-theme="dark"] .pedido-pill--draft { background: rgba(240, 184, 106, 0.14); color: #fcd34d; } [data-theme="dark"] .pedido-semaforo-pill.semaforo--ok { background: rgba(40, 167, 69, 0.12); color: #86efac; border-color: rgba(40, 167, 69, 0.35); } [data-theme="dark"] .pedido-semaforo-pill.semaforo--warn { background: rgba(240, 173, 78, 0.12); color: #fcd34d; border-color: rgba(240, 173, 78, 0.35); } [data-theme="dark"] .pedido-semaforo-pill.semaforo--crit { background: rgba(220, 53, 69, 0.12); color: #fca5a5; border-color: rgba(220, 53, 69, 0.35); } [data-theme="dark"] .pedido-line-card__remove { background: var(--mc-bg-hover); color: var(--mc-text-muted); } [data-theme="dark"] .pedido-line-card__remove:hover { background: rgba(220, 53, 69, 0.2); color: #fca5a5; } [data-theme="dark"] .pedido-historial { background: var(--mc-white); border-color: var(--mc-border); } [data-theme="dark"] .pedido-historial__chip--cot { background: rgba(59, 130, 246, 0.15); color: #93c5fd; } [data-theme="dark"] .pedido-historial__chip--fac { background: var(--mc-bg-subtle); color: var(--mc-text-muted); } [data-theme="dark"] .pedido-historial__chip--ped { background: rgba(16, 185, 129, 0.15); color: #6ee7b7; } [data-theme="dark"] .pedido-historial__chip--rem { background: rgba(249, 115, 22, 0.15); color: #fdba74; } [data-theme="dark"] .pedido-historial__chip--otro { background: rgba(245, 158, 11, 0.15); color: #fcd34d; } [data-theme="dark"] .pedido-historial__group, [data-theme="dark"] .pedido-historial__item { background: var(--mc-bg-subtle); } [data-theme="dark"] .pedido-historial__group-toggle:hover:not(:disabled), [data-theme="dark"] .pedido-historial__item-toggle:hover { background: rgba(255, 255, 255, 0.04); } [data-theme="dark"] .pedido-historial__group-panel, [data-theme="dark"] .pedido-historial__item-panel { background: var(--mc-white); } /* ─── Ficha cliente ─── */ [data-theme="dark"] .client-kpi, [data-theme="dark"] .ficha-panel, [data-theme="dark"] .card--nested { background: var(--mc-white); border-color: var(--mc-border); } [data-theme="dark"] .card--nested .card__head { background: var(--mc-bg-subtle); } [data-theme="dark"] .ficha-back { color: var(--mc-text-muted); } [data-theme="dark"] .ficha-back:hover { color: var(--mc-heading); background: var(--mc-bg-hover); } [data-theme="dark"] .tab { color: var(--mc-text-muted); } [data-theme="dark"] .tab.active { color: var(--mc-primary); border-color: var(--mc-primary); } [data-theme="dark"] .ficha-state__inner--error { background: rgba(220, 53, 69, 0.1); border-color: rgba(220, 53, 69, 0.35); color: #fca5a5; } [data-theme="dark"] #screen-cliente { --ficha-p: #93c5fd; --ficha-bg: var(--mc-bg); --ficha-card: var(--mc-white); --ficha-bord: var(--mc-border); } [data-theme="dark"] #screen-cliente .client-header__banner { background: linear-gradient(135deg, #192f3f 0%, #243d4f 55%, #1e3a8a 100%); border-bottom-color: #2563eb; } [data-theme="dark"] #screen-cliente table.data thead th, [data-theme="dark"] #screen-cliente .acopio-saldo-table thead th { background: #1e3a8a; color: #dbeafe; } [data-theme="dark"] #screen-cliente table.data tbody tr:nth-child(even) td { background: rgba(255, 255, 255, 0.03); } [data-theme="dark"] #screen-cliente table.data tbody tr:hover td, [data-theme="dark"] #screen-cliente .acopio-saldo-table tbody tr:hover td { background: rgba(59, 130, 246, 0.08); } [data-theme="dark"] #screen-cliente .client-kpi__val, [data-theme="dark"] #screen-cliente .acopio-saldo-kpi__val { color: #93c5fd; } /* ─── Ventas / logística ─── */ [data-theme="dark"] .ventas-kanban__col, [data-theme="dark"] .kanban-col { background: var(--mc-bg-subtle); } [data-theme="dark"] .ventas-card, [data-theme="dark"] .logistics-card, [data-theme="dark"] .kanban-card { background: var(--mc-white); border-color: var(--mc-border); } [data-theme="dark"] .kanban-col--office { background: rgba(240, 184, 106, 0.08); } [data-theme="dark"] .ventas-detalle__avance--ok { background: rgba(40, 167, 69, 0.1); border-color: rgba(40, 167, 69, 0.3); } [data-theme="dark"] .ventas-detalle__avance--warn { background: rgba(240, 173, 78, 0.1); border-color: rgba(240, 173, 78, 0.3); } [data-theme="dark"] .ventas-detalle__avance--muted { background: var(--mc-bg-subtle); } [data-theme="dark"] .logistics-row--urgent { background: rgba(220, 53, 69, 0.06); } [data-theme="dark"] .logistics-card--urgent { background: rgba(220, 53, 69, 0.06); border-color: rgba(248, 113, 113, 0.35); } [data-theme="dark"] .logistics-chip { background: var(--mc-bg-subtle); border-color: var(--mc-border); color: var(--mc-text-muted); } [data-theme="dark"] .logistics-chip--camion { background: rgba(96, 165, 250, 0.1); border-color: rgba(96, 165, 250, 0.25); color: #93c5fd; } [data-theme="dark"] .logistics-card--board:hover, [data-theme="dark"] .logistics-card--board:focus-visible { border-color: rgba(96, 165, 250, 0.55); box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.2); } [data-theme="dark"] .logistics-partial__done { background: rgba(40, 167, 69, 0.1); } [data-theme="dark"] .logistics-partial__pending { background: rgba(240, 173, 78, 0.1); } /* Logística · toggles, barras y paneles (evitar navy+white en dark) */ [data-theme="dark"] .logistics-view, [data-theme="dark"] .logistics-filter { background: var(--mc-bg-subtle); color: var(--mc-text-muted); border-color: var(--mc-border); } [data-theme="dark"] .logistics-view:hover { background: var(--mc-bg-hover); color: var(--mc-text); } [data-theme="dark"] .logistics-view--active, [data-theme="dark"] .logistics-filter--active { background: var(--mc-primary); color: var(--mc-on-primary); border-color: var(--mc-primary); } /* Planta Lomas · cola producción */ [data-theme="dark"] .logistica-prod-hero { background: linear-gradient(135deg, rgba(88, 175, 145, 0.12) 0%, var(--mc-white) 48%, rgba(96, 165, 250, 0.06) 100%); border-color: var(--mc-border); box-shadow: none; } [data-theme="dark"] .logistica-prod-hero__eyebrow { color: #86efac; } [data-theme="dark"] .logistica-prod-toolbar { background: var(--mc-bg-subtle); border-color: var(--mc-border); box-shadow: none; } [data-theme="dark"] .logistica-prod-seg { background: rgba(255, 255, 255, 0.04); border-color: var(--mc-border); } [data-theme="dark"] .logistica-prod-seg__btn:hover { background: rgba(255, 255, 255, 0.06); color: var(--mc-text); } [data-theme="dark"] .logistica-prod-seg__btn.is-active { background: var(--mc-primary); color: var(--mc-on-primary); box-shadow: none; } [data-theme="dark"] .logistica-prod-seg--soft .logistica-prod-seg__btn.is-active { background: var(--mc-primary-dark); box-shadow: none; } [data-theme="dark"] .logistica-prod-kpi { background: rgba(88, 175, 145, 0.16); border-color: rgba(88, 175, 145, 0.35); color: #bbf7d0; } [data-theme="dark"] .logistica-prod-pedido { background: rgba(96, 165, 250, 0.12); border-color: rgba(96, 165, 250, 0.28); color: #93c5fd; } [data-theme="dark"] .logistica-prod-fab-table thead th { background: var(--mc-bg-subtle); } [data-theme="dark"] .logistica-prod-fab-row:hover td { background: rgba(88, 175, 145, 0.08); } [data-theme="dark"] .logistica-prod-empty { background: var(--mc-bg-subtle); border-color: var(--mc-border); } [data-theme="dark"] .logistica-circuito-banner { background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), var(--mc-white)); border-color: var(--mc-border); box-shadow: none; } [data-theme="dark"] .logistica-circuito-step { background: rgba(255, 255, 255, 0.04); color: var(--mc-text-muted); } [data-theme="dark"] .logistica-circuito-step--active { background: var(--mc-primary); border-color: var(--mc-primary); color: var(--mc-on-primary); box-shadow: none; } [data-theme="dark"] .logistica-circuito-step--active .logistica-circuito-step__dot { background: #fff; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2); } [data-theme="dark"] .logistics-strip { background: rgba(240, 173, 78, 0.12); border-color: rgba(240, 173, 78, 0.35); color: var(--mc-text); } [data-theme="dark"] .logistics-day-bar { background: var(--mc-white); border-color: var(--mc-border); } [data-theme="dark"] .logistics-day-bar__btn { background: var(--mc-bg-subtle); color: var(--mc-text); border-color: var(--mc-border); } [data-theme="dark"] .logistics-day-bar__btn:hover:not(:disabled) { background: var(--mc-bg-hover); color: var(--mc-heading); } [data-theme="dark"] .logistics-day-bar__label { color: var(--mc-heading); } [data-theme="dark"] .logistics-col { background: var(--mc-bg-subtle); border-color: var(--mc-border); } [data-theme="dark"] .logistics-col__head span { background: var(--mc-bg-hover); color: var(--mc-text); } [data-theme="dark"] .logistics-section--urgent { border-color: rgba(220, 53, 69, 0.35); box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.12); } [data-theme="dark"] .logistics-route-sheet { background: var(--mc-bg-subtle); border-color: rgba(94, 196, 168, 0.35); color: var(--mc-text-muted); } [data-theme="dark"] .logistics-route-sheet strong { color: var(--mc-heading); } [data-theme="dark"] .logistics-route-list span { color: var(--mc-text-muted); } [data-theme="dark"] .logistics-route-list li { color: var(--mc-text); } [data-theme="dark"] .logistics-route-list li strong { color: var(--mc-heading); } [data-theme="dark"] .logistics-route-list__item--clickable:hover { background: var(--mc-bg-hover); } [data-theme="dark"] .logistics-route-list__warn { background: rgba(240, 173, 78, 0.12); } [data-theme="dark"] .logistics-route-cap__track { background: var(--mc-bg-hover); } [data-theme="dark"] .logistics-card strong, [data-theme="dark"] .logistics-card--mini strong { color: var(--mc-heading); } [data-theme="dark"] .logistics-table td, [data-theme="dark"] .logistics-table td strong { color: var(--mc-text); } [data-theme="dark"] .logistics-table td strong { color: var(--mc-heading); } [data-theme="dark"] .badge--muted { background: var(--mc-bg-hover); color: var(--mc-text-muted); } [data-theme="dark"] .ventas-detalle__stat-val, [data-theme="dark"] .ventas-detalle__stat-val--money { color: var(--mc-heading); } [data-theme="dark"] .ventas-detalle__avance { background: var(--mc-bg-subtle); border-color: var(--mc-border); color: var(--mc-text); } [data-theme="dark"] .ventas-detalle__timeline-row--current { background: rgba(240, 184, 106, 0.08); } [data-theme="dark"] .ventas-detalle__body, [data-theme="dark"] .ventas-detalle__body .data td { color: var(--mc-text); } [data-theme="dark"] .ventas-detalle__body .data td strong { color: var(--mc-heading); } [data-theme="dark"] .entrega-hero { background: linear-gradient(135deg, var(--mc-bg-subtle) 0%, var(--mc-surface) 100%); border-color: var(--mc-border); } [data-theme="dark"] .entrega-hero--ok { background: linear-gradient(135deg, rgba(40, 167, 69, 0.12) 0%, var(--mc-surface) 100%); border-color: rgba(40, 167, 69, 0.35); } [data-theme="dark"] .entrega-hero--warn { background: linear-gradient(135deg, rgba(240, 173, 78, 0.12) 0%, var(--mc-surface) 100%); border-color: rgba(240, 173, 78, 0.35); } [data-theme="dark"] .entrega-hero--info { background: linear-gradient(135deg, rgba(100, 149, 237, 0.12) 0%, var(--mc-surface) 100%); border-color: rgba(100, 149, 237, 0.35); } [data-theme="dark"] .entrega-hero__pedido, [data-theme="dark"] .entrega-chip, [data-theme="dark"] .entrega-meta-item, [data-theme="dark"] .logistica-op-block { background: var(--mc-bg-subtle); border-color: var(--mc-border); } [data-theme="dark"] .entrega-destino { background: var(--mc-bg-subtle); } [data-theme="dark"] .entrega-corte-pill { background: rgba(100, 149, 237, 0.15); border-color: rgba(100, 149, 237, 0.3); color: var(--mc-heading); } [data-theme="dark"] .entrega-corte-confirmed { background: rgba(40, 167, 69, 0.15); border-color: rgba(40, 167, 69, 0.35); color: #a5d6a7; } [data-theme="dark"] .entrega-callout--info { background: rgba(100, 149, 237, 0.12); border-color: rgba(100, 149, 237, 0.3); } [data-theme="dark"] .logistica-op-panel { background: var(--mc-bg-subtle); border-color: var(--mc-primary); } [data-theme="dark"] .logistica-op-input { background: var(--mc-surface); border-color: var(--mc-border); color: var(--mc-text); } [data-theme="dark"] .logistica-op-foot { background: var(--mc-bg-subtle); } [data-theme="dark"] .transporte-intro__card { background: var(--mc-bg-subtle); border-color: var(--mc-border); } [data-theme="dark"] .transporte-stat { background: var(--mc-surface); } [data-theme="dark"] .transporte-stat__val { color: var(--mc-heading); } [data-theme="dark"] .transporte-card { background: var(--mc-surface); border-color: var(--mc-border); } [data-theme="dark"] .transporte-card--incomplete { background: var(--mc-surface); } [data-theme="dark"] .transporte-card__visual, [data-theme="dark"] .transporte-card__avatar { background: var(--mc-bg-inset); } [data-theme="dark"] .logistica-rutas-toolbar { background: var(--mc-surface); border-color: var(--mc-border); } [data-theme="dark"] .logistica-rutas-chip { background: var(--mc-bg-inset); border-color: var(--mc-border); } [data-theme="dark"] .logistica-rutas-chip--warn { background: rgba(245, 127, 23, 0.12); } [data-theme="dark"] .logistica-rutas-tab--active { color: var(--mc-primary); } [data-theme="dark"] .logistica-od-tab--active { color: var(--mc-primary); } [data-theme="dark"] .logistica-rutas-placeholder { background: var(--mc-bg-inset); border-color: var(--mc-border); } [data-theme="dark"] .logistica-hoja-parada__n { background: var(--mc-bg-inset); color: var(--mc-heading); } [data-theme="dark"] .logistica-rutas-dnd-strip { background: var(--mc-bg-inset); border-color: var(--mc-border); } [data-theme="dark"] .logistica-rutas-dnd-chip { background: var(--mc-surface); border-color: var(--mc-border); } [data-theme="dark"] .logistica-ruta-crm--drop-target { box-shadow: 0 0 0 4px rgba(76, 175, 80, 0.15); } [data-theme="dark"] .transporte-tab--active { background: var(--mc-surface); color: var(--mc-heading); box-shadow: none; } [data-theme="dark"] .logistica-tango-callout { background: var(--mc-bg-subtle); border-color: var(--mc-border); } [data-theme="dark"] .transporte-view-toggle { background: var(--mc-bg-inset); border-color: var(--mc-border); } [data-theme="dark"] .transporte-view-btn--active { background: var(--mc-surface); color: var(--mc-heading); box-shadow: none; } [data-theme="dark"] .transporte-list-row--warn { background: rgba(230, 168, 23, 0.08); } [data-theme="dark"] .transporte-list-row:hover { background: var(--mc-bg-subtle); } [data-theme="dark"] .transporte-form-card { border-color: var(--mc-border); box-shadow: none; } [data-theme="dark"] .vehiculo-icon-option { background: var(--mc-surface); border-color: var(--mc-border); } [data-theme="dark"] .vehiculo-icon-option--active, [data-theme="dark"] .vehiculo-icon-option:hover { border-color: var(--mc-primary); } /* Iconos SVG / flechas en contenido */ [data-theme="dark"] .content svg, [data-theme="dark"] .ventas-modal svg { color: inherit; } [data-theme="dark"] .logistics-day-bar__btn, [data-theme="dark"] .logistics-view, [data-theme="dark"] .logistics-filter { color: var(--mc-text-muted); } [data-theme="dark"] .content .btn--ghost svg, [data-theme="dark"] .topbar .btn--ghost svg, [data-theme="dark"] .ventas-modal .btn--ghost svg { color: currentColor; } [data-theme="dark"] .nav-item.active svg { color: var(--mc-on-primary); opacity: 1; } /* ─── Dominios / roadmap ─── */ [data-theme="dark"] .domain-chip--com { background: rgba(94, 196, 168, 0.12); color: #86efac; } [data-theme="dark"] .domain-chip--fin { background: var(--mc-bg-hover); color: var(--mc-text-muted); } [data-theme="dark"] .domain-chip--aco { background: rgba(40, 167, 69, 0.12); color: #86efac; } [data-theme="dark"] .domain-chip--log { background: rgba(56, 189, 248, 0.12); color: #7dd3fc; } [data-theme="dark"] .circuit-badge--a { background: var(--mc-bg-hover); color: var(--mc-text); } [data-theme="dark"] .circuit-badge--z { background: rgba(240, 184, 106, 0.12); color: #fcd34d; } /* ─── Modales / toasts ─── */ [data-theme="dark"] .entregas-table .entregas-row:hover, [data-theme="dark"] .logistics-table .entregas-row:hover { background: var(--mc-bg-hover); } [data-theme="dark"] .modal__backdrop, [data-theme="dark"] .modal__panel, [data-theme="dark"] .ventas-modal__backdrop, [data-theme="dark"] .mc-dialog__backdrop { background: var(--mc-overlay); } [data-theme="dark"] .ventas-modal__panel, [data-theme="dark"] .modal__panel--rutas, [data-theme="dark"] .mc-dialog__panel { background: var(--mc-white); border: 1px solid var(--mc-border); color: var(--mc-text); } [data-theme="dark"] .modal__head--rutas { background: linear-gradient(180deg, var(--mc-bg-subtle) 0%, var(--mc-white) 100%); } [data-theme="dark"] .modal__foot--rutas { background: var(--mc-bg-subtle); } [data-theme="dark"] .logistica-rutas-modal-alert { background: rgba(234, 179, 8, 0.12); border-color: rgba(234, 179, 8, 0.28); } [data-theme="dark"] .mc-dialog__icon { background: var(--mc-bg-subtle); } [data-theme="dark"] .mc-toast { background: var(--mc-white); border-color: var(--mc-border); box-shadow: var(--shadow-lg); } [data-theme="dark"] .mc-toast__close:hover { color: var(--mc-heading); } /* ─── Configuración · selector tema ─── */ [data-theme="dark"] .settings-theme__option { background: var(--mc-white); border-color: var(--mc-border); } [data-theme="dark"] .settings-theme__option:hover { border-color: var(--mc-primary); background: var(--mc-bg-hover); } [data-theme="dark"] .settings-theme__option:has(input:checked) { border-color: var(--mc-primary); background: rgba(94, 196, 168, 0.1); box-shadow: 0 0 0 1px rgba(94, 196, 168, 0.35); } [data-theme="dark"] .linea-switch__btn:not(.linea-switch__btn--active):not(.linea-switch__btn--conf):not(.linea-switch__btn--cort) { background: transparent; color: rgba(255, 255, 255, 0.55); }