/* ERP Semi Dark Gray Theme - admin, operaciones y picking */
:root {
  color-scheme: dark;
  --erp-bg: #151719;
  --erp-bg-2: #111315;
  --erp-surface: #202327;
  --erp-surface-2: #282c31;
  --erp-surface-3: #30343a;
  --erp-surface-hover: #363b42;
  --erp-border: #3a4047;
  --erp-border-soft: #30343a;
  --erp-text: #f1f3f5;
  --erp-muted: #aeb6c0;
  --erp-soft: #cfd5dd;
  --erp-accent: #7aa2d6;
  --erp-ok: #6fcf97;
  --erp-warn: #ffd166;
  --erp-danger: #ff7b7b;
  --erp-shadow: 0 14px 34px rgba(0,0,0,.22);
}

html {
  background: var(--erp-bg) !important;
  filter: none !important;
  letter-spacing: 0 !important;
}

body {
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.035), transparent 280px),
    linear-gradient(180deg, var(--erp-bg), var(--erp-bg-2)) !important;
  color: var(--erp-text) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
}

h1, h2, h3, h4 {
  color: var(--erp-text) !important;
  letter-spacing: 0 !important;
}

h1 {
  font-size: clamp(24px, 2.2vw, 34px) !important;
  line-height: 1.12 !important;
}

h2 {
  font-size: 19px !important;
}

.sub, .muted, small, .mini, .count, p, label, li {
  color: var(--erp-muted) !important;
}

a {
  color: var(--erp-soft) !important;
}

.wrap {
  color: var(--erp-text) !important;
}

.nav, .toolbar {
  gap: 7px !important;
  align-items: center !important;
}

.nav {
  background: rgba(32,35,39,.72) !important;
  border: 1px solid var(--erp-border) !important;
  border-radius: 8px !important;
  padding: 10px !important;
  box-shadow: var(--erp-shadow) !important;
}

.card, .panel, .section, .kpi, .pedido-card, .producto-card,
.cliente-card, .compra-card, .alert-row, .lane, .box {
  background: var(--erp-surface) !important;
  border: 1px solid var(--erp-border) !important;
  color: var(--erp-text) !important;
  border-radius: 8px !important;
  box-shadow: var(--erp-shadow) !important;
}

.kpi {
  min-height: 92px !important;
}

.kpi .l, .kpi b {
  color: var(--erp-muted) !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.kpi .n, .kpi span {
  color: var(--erp-text) !important;
  font-weight: 800 !important;
}

table {
  background: var(--erp-surface) !important;
  border: 1px solid var(--erp-border) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

thead, th {
  background: var(--erp-surface-2) !important;
  color: var(--erp-soft) !important;
}

th {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

td {
  color: var(--erp-text) !important;
}

th, td {
  border-color: var(--erp-border-soft) !important;
}

tbody tr:nth-child(even) td {
  background: rgba(255,255,255,.018) !important;
}

tbody tr:hover td {
  background: var(--erp-surface-hover) !important;
}

input, select, textarea {
  background: #121417 !important;
  color: var(--erp-text) !important;
  border: 1px solid #49515c !important;
  border-radius: 7px !important;
}

input::placeholder, textarea::placeholder {
  color: #747d88 !important;
}

input:focus, select:focus, textarea:focus {
  outline: 2px solid rgba(122,162,214,.28) !important;
  border-color: var(--erp-accent) !important;
}

button, .btn, input[type="submit"] {
  background: var(--erp-surface-3) !important;
  color: var(--erp-text) !important;
  border: 1px solid #59616c !important;
  border-radius: 7px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

button:hover, .btn:hover, input[type="submit"]:hover {
  background: #3b4149 !important;
  border-color: #707985 !important;
}

.green, .btn-green {
  background: #254d36 !important;
  border-color: #3c7451 !important;
  color: #dff7e8 !important;
}

.blue, .btn-blue {
  background: #293f58 !important;
  border-color: #426384 !important;
  color: #e0ecf8 !important;
}

.orange, .btn-orange {
  background: #514327 !important;
  border-color: #80683a !important;
  color: #ffe7b3 !important;
}

.gray, .btn-gray {
  background: #30343a !important;
  border-color: #59616c !important;
  color: var(--erp-text) !important;
}

.red, .btn-red {
  background: #4d2c31 !important;
  border-color: #83515b !important;
  color: #ffdfe3 !important;
}

.badge, .pill, [class*="badge"] {
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #f3f4f6 !important;
  padding: 3px 8px !important;
  font-weight: 700 !important;
}

.badge-pendiente, .b-pendiente, .bg-pendiente { background: #5b502e !important; }
.badge-cargado, .b-cargado, .bg-cargado { background: #39485a !important; }
.badge-armado, .b-armado, .bg-armado { background: #484257 !important; }
.badge-despachado, .b-despachado, .bg-despachado { background: #574735 !important; }
.badge-entregado, .b-entregado, .bg-entregado,
.badge-cobrado, .b-cobrado, .bg-cobrado { background: #2f513b !important; }
.badge-facturado, .b-facturado, .bg-facturado { background: #45505a !important; }
.badge-cancelado, .b-cancelado, .bg-cancelado { background: #5a3437 !important; }

.ok { color: var(--erp-ok) !important; }
.warn { color: var(--erp-warn) !important; }
.bad, .stock-no { color: var(--erp-danger) !important; }
.stock-si { color: var(--erp-ok) !important; }

.flash-ok, .reporte-ok, .msg {
  background: #253426 !important;
  color: #d9ead9 !important;
  border-color: #526b52 !important;
}

.flash-error, .reporte-error, .error {
  background: #3b2527 !important;
  color: #f1d2d5 !important;
  border-color: #724c52 !important;
}

.aviso {
  background: #3a3423 !important;
  color: #ead9a6 !important;
  border-color: #665a37 !important;
}

hr {
  border-color: var(--erp-border) !important;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #111316; }
::-webkit-scrollbar-thumb { background: #3a3f46; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #4a5058; }
::selection { background: #4b5563; color: #fff; }

@media (max-width: 900px) {
  .wrap { padding: 14px !important; }
  .nav { padding: 8px !important; }
  .btn, button { min-height: 40px !important; }
  table { font-size: 13px !important; }
}

@media print {
  html, body {
    background: #fff !important;
    color: #000 !important;
  }
  .btn, button { display: none !important; }
}

/* Biovida: dark charcoal, botanical green, clear information hierarchy. */
:root{--erp-bg:#111716;--erp-bg-2:#111716;--erp-surface:#1b2421;--erp-surface-2:#222e29;--erp-surface-3:#293a32;--erp-surface-hover:#2b3932;--erp-border:#37463e;--erp-border-soft:#2d3b33;--erp-text:#edf3ee;--erp-muted:#b2c0b6;--erp-soft:#d5e5d9;--erp-accent:#9cdbad;--erp-shadow:0 4px 16px #00000014}
body{font-family:"Segoe UI",Arial,sans-serif!important;line-height:1.5;background:radial-gradient(ellipse at 85% 0,#20362b66,transparent 600px),var(--erp-bg)!important}
h1{font-weight:650;letter-spacing:-.6px!important;line-height:1.2!important}h2{font-weight:600}
.card,.panel,.kpi,.box{border-radius:12px!important}
.btn,button{transition:background .15s,border-color .15s;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.btn:hover,button:hover{border-color:var(--erp-accent)!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #b7ebba!important;outline-offset:4px}
input:focus,select:focus,textarea:focus{outline:2px solid #9cdbad55!important;border-color:var(--erp-accent)!important}
input::placeholder,textarea::placeholder{color:#a5b2ab!important}
.green,.btn-green{background:#28573c!important;border-color:#598c65!important}
.nav{box-shadow:none!important;background:#19231f!important;border-radius:12px!important;gap:8px!important}
th{padding-top:12px!important;padding-bottom:12px!important;font-size:12px!important;text-transform:none!important}
td{padding-top:10px;padding-bottom:10px}input,select,textarea{accent-color:#9cdbad}
.biovida-dashboard .wrap{max-width:1400px;padding:28px 36px 24px!important;box-sizing:border-box}
.bio-header{display:flex;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--erp-border-soft);padding-right:285px;min-height:50px}
.bio-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:27px;font-weight:650;line-height:1.1}
.bio-brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:7px;font-weight:500}
.bio-mark{font-size:40px;color:#a4dba9;background:#2c4234;border-radius:14px;width:50px;height:50px;text-align:center;line-height:48px}
.bio-local{color:#b6d7be;font-size:11px;border:1px solid #435d49;border-radius:20px;padding:4px 10px;white-space:nowrap}
.bio-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 22px}
.bio-eyebrow{font-size:10px;font-weight:650;letter-spacing:1.6px;color:#9fbba7;margin-bottom:8px}
.bio-intro h1{font-size:36px!important;margin:0}.bio-intro p{margin:7px 0 0;font-size:14px}
.bio-search{padding:10px 16px!important;background:transparent!important}
.bio-quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:28px}
.bio-shortcut{padding:14px 8px!important;background:#202e26!important;border-color:#3c5141!important;border-radius:10px!important;font-size:14px}
.bio-shortcut:first-child{background:#b2dba3!important;color:#172719!important;border-color:#b2dba3!important}
.bio-shortcut:nth-child(5){color:#c5e4b9!important}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}.section-heading h2{margin:0}.section-heading>span{font-size:12px;color:var(--erp-muted)}
.biovida-dashboard .grid{gap:12px}.biovida-dashboard .kpi{padding:18px;min-height:92px!important;box-sizing:border-box;box-shadow:none!important}
.biovida-dashboard .kpi .l{font-size:11px!important;text-transform:none!important}.biovida-dashboard .kpi .n{font-size:clamp(20px,2vw,28px);font-weight:600!important;white-space:nowrap;margin-top:14px;font-variant-numeric:tabular-nums}
.bio-notice{display:flex;align-items:center;gap:14px;background:#322e20;border:1px solid #655837;border-radius:12px;padding:14px 18px;margin:18px 0}
.bio-notice>span{border:1px solid #d9bd73;color:#e8ce89;border-radius:50%;width:25px;line-height:25px;text-align:center;flex-shrink:0}
.bio-notice strong{color:#eedcab;font-size:13px;font-weight:600}.bio-notice p{font-size:12px;margin:3px 0 0;color:#d0c4a6!important}.bio-notice .btn{margin-left:auto;white-space:nowrap;font-size:12px;padding:8px 12px;background:transparent!important}
.biovida-dashboard .split{grid-template-columns:1.35fr 1fr;gap:18px;margin:18px 0 28px}.biovida-dashboard .card{padding:22px;box-shadow:none!important}
.biovida-dashboard table{border:0!important;background:transparent!important}.biovida-dashboard td{font-size:13px;padding:11px 0}.biovida-dashboard td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.biovida-dashboard .card p{margin:10px 0}.biovida-dashboard .card p .btn{display:flex;justify-content:space-between;background:transparent!important;border:1px solid var(--erp-border-soft)!important;padding:10px 14px;font-size:13px;color:var(--erp-text)!important}.biovida-dashboard .card p .btn:after{content:'→';color:#a4dba9}
.module-directory{margin:20px 0}.module-group{border-bottom:1px solid var(--erp-border);padding:4px 0}.module-group summary{cursor:pointer;padding:15px 4px;font-size:14px;font-weight:600}.module-group summary span{float:right;font-size:11px;font-weight:400;color:var(--erp-muted);margin-top:3px}.module-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 0 16px}.module-links .btn{justify-content:flex-start;padding:10px 12px;background:#1b2421!important;border-color:var(--erp-border-soft)!important;font-size:13px;font-weight:500!important}
.bio-footer{color:#99ada0;font-size:11px;margin-top:30px;padding-top:18px;border-top:1px solid var(--erp-border-soft)}
@media(max-width:1050px){.bio-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.biovida-dashboard .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.biovida-dashboard .wrap{padding:65px 16px 20px!important}.bio-header{padding-right:0}.bio-intro{align-items:flex-start;flex-direction:column;gap:14px}.bio-intro h1{font-size:30px!important}.bio-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.biovida-dashboard .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.biovida-dashboard .split{grid-template-columns:1fr}.biovida-dashboard .card{padding:16px}.bio-notice{flex-wrap:wrap}.bio-notice>div{flex:1;min-width:180px}.bio-notice .btn{margin-left:39px}.section-heading{align-items:flex-start;flex-direction:column;gap:4px}.module-links{grid-template-columns:repeat(2,minmax(0,1fr))}.module-group summary span{display:none}.biovida-dashboard .kpi{padding:14px}.biovida-dashboard .kpi .n{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{.bio-quick,.bio-search,.module-directory,.bio-local{display:none!important}html,body,.card,.kpi,table,th,td{background:white!important;color:black!important;box-shadow:none!important}.bio-notice{background:white!important}.bio-notice strong,.bio-notice p,h1,h2,.kpi .n,.kpi .l{color:black!important}.biovida-dashboard .wrap{padding:0!important}}