/* BodegaPRO 1.0 UI principal negro/rojo por páginas. */
:root{
  --bp-black:#000000;
  --bp-red:#e30613;
  --bp-red-2:#b8000b;
  --bp-red-soft:#fff1f2;
  --bp-bg:#f3f6fa;
  --bp-panel:#ffffff;
  --bp-panel-2:#f8fafc;
  --bp-ink:#061126;
  --bp-muted:#64748b;
  --bp-line:#dbe4f0;
  --bp-line-2:#eef2f7;
  --bp-ok:#059669;
  --bp-warn:#d97706;
  --bp-bad:#dc2626;
  --bp-shadow:0 18px 42px rgba(15,23,42,.08);
  --bp-radius:24px;
  --bp-sidebar:300px;
}
*{box-sizing:border-box}
html,body,#root{min-height:100%;background:var(--bp-bg)!important;color:var(--bp-ink)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px!important;overflow-x:hidden!important}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58!important;filter:grayscale(.2)}
img{max-width:100%;height:auto}

/* Login */
.min-h-screen.bg-slate-950{background:radial-gradient(circle at 20% 0,rgba(227,6,19,.18),transparent 32%),var(--bp-black)!important}
.bg-amber-500{background:var(--bp-red)!important;color:#fff!important}.text-amber-500{color:var(--bp-red)!important}.focus\:border-amber-500:focus{border-color:var(--bp-red)!important}.focus\:ring-amber-500\/20:focus{box-shadow:0 0 0 4px rgba(227,6,19,.16)!important}

/* Layout principal */
#root>div.flex.h-screen, #root>div[class*="h-screen"][class*="flex"]{background:var(--bp-bg)!important;overflow:hidden!important}
#root main, #root .flex-1.overflow-auto{background:linear-gradient(180deg,#f8fafc 0%,#f3f6fa 44%,#eef3f9 100%)!important;scrollbar-gutter:stable;min-width:0!important}
#root main>div, #root .flex-1.overflow-auto>div{max-width:none!important;width:100%!important;padding:clamp(18px,2.2vw,34px)!important;margin:0!important}
#root main h1{font-size:clamp(30px,2.4vw,42px)!important;line-height:1.02!important;letter-spacing:-.06em!important;color:var(--bp-ink)!important;font-weight:1000!important}
#root main h2{color:var(--bp-ink)!important;letter-spacing:-.035em!important;font-weight:1000!important}
#root main p{color:#52637c;font-weight:750}

/* Sidebar negro puro */
#root aside,
#root .w-72.bg-slate-900,
#root div[class*="w-72"][class*="bg-slate-900"]{
  width:var(--bp-sidebar)!important;flex:0 0 var(--bp-sidebar)!important;background:var(--bp-black)!important;color:#fff!important;border-right:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important;overflow:hidden!important;
}
#root aside *, #root .w-72.bg-slate-900 *{font-weight:850}
#root .w-72.bg-slate-900>div:first-child{display:block!important;padding:28px 18px 20px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;text-align:center!important}
.bp-v10-brand{display:grid;place-items:center;gap:10px;padding:6px 4px 2px}.bp-v10-brand img{width:214px!important;height:auto!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 16px 28px rgba(227,6,19,.18))}.bp-v10-brand small{display:block;color:#fff;font-size:13px;font-weight:1000}.bp-v10-brand span{display:inline-flex;align-items:center;border:1px solid rgba(227,6,19,.95);border-radius:999px;color:#fff;background:rgba(227,6,19,.22);padding:4px 12px;font-size:10px;font-weight:1000;letter-spacing:.04em;text-transform:uppercase}
#root .w-72.bg-slate-900 .bg-slate-800\/80{background:#060606!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;box-shadow:0 16px 32px rgba(0,0,0,.22)!important;margin:16px!important;padding:14px!important}
#root .w-72.bg-slate-900 nav{padding:8px 14px 110px!important;gap:7px!important;scrollbar-width:thin;scrollbar-color:#6b7280 #000}
#root .w-72.bg-slate-900 nav a{border-radius:13px!important;color:#e5e7eb!important;padding:12px 14px!important;min-height:44px!important;font-size:13px!important;text-decoration:none!important;position:relative!important;border:1px solid transparent!important;transition:background .15s ease,border-color .15s ease,transform .15s ease!important}
#root .w-72.bg-slate-900 nav a:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.10)!important;color:#fff!important;transform:translateX(1px)}
#root .w-72.bg-slate-900 nav a[aria-current="page"],
#root .w-72.bg-slate-900 nav a.bg-amber-500,
#root .w-72.bg-slate-900 nav a[class*="bg-amber"]{background:linear-gradient(135deg,var(--bp-red),#c8000d)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 14px 30px rgba(227,6,19,.30)!important}
#root .w-72.bg-slate-900 nav a svg{width:17px!important;height:17px!important;flex:0 0 17px!important;color:currentColor!important;stroke-width:2.35}
#root .w-72.bg-slate-900>div:last-child{position:absolute!important;left:0;bottom:0;width:var(--bp-sidebar)!important;background:var(--bp-black)!important;border-top:1px solid rgba(255,255,255,.12)!important;padding:15px 18px!important;color:#94a3b8!important;z-index:5}
.bp-v10-nav-badge{margin-left:auto;min-width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--bp-red);color:#fff;font-size:10px;font-weight:1000;box-shadow:0 0 0 3px rgba(227,6,19,.22)}
.bp-v10-nav-badge.is-zero{background:#111827;color:#94a3b8;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}

/* Logo antiguo o cajas blancas antiguas */
.bp-brand-sidebar-v1,.bp-v1-shell,.bp-v1-floating-version,.bp-version-pill,#bodega-office-filter{display:none!important}

/* Cards y formularios generales */
#root main .bg-white, .bp-card, .card, .bp-v10-card{background:var(--bp-panel)!important;border:1px solid var(--bp-line)!important;border-radius:22px!important;box-shadow:var(--bp-shadow)!important}
#root main .rounded-3xl{border-radius:24px!important}#root main .rounded-2xl{border-radius:20px!important}
#root main input,#root main select,#root main textarea,
.bp-v10-field input,.bp-v10-field select,.bp-v10-field textarea{border:1px solid #cfd9e8!important;border-radius:14px!important;background:#fff!important;color:var(--bp-ink)!important;font-weight:850!important;min-height:42px;outline:none!important;box-shadow:none!important}
#root main input:focus,#root main select:focus,#root main textarea:focus{border-color:var(--bp-red)!important;box-shadow:0 0 0 4px rgba(227,6,19,.12)!important}
#root main button:not(.bp-op-btn):not([data-bp-op-card]):not([data-bp-op-nav]), .btn, .bp-v10-btn{border-radius:14px!important;font-weight:1000!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important}
#root main button:not(:disabled):hover,.btn:hover,.bp-v10-btn:hover{transform:translateY(-1px)}
#root main .bg-slate-900, #root main .bg-black, .btn-dark, .bp-v10-btn.dark{background:var(--bp-black)!important;color:#fff!important}
#root main .bg-red-600, #root main .bg-red-500, .btn-red, .bp-v10-btn.red{background:linear-gradient(135deg,var(--bp-red),#c9000c)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px rgba(227,6,19,.22)!important}
#root main .text-red-600, #root main .text-red-500{color:var(--bp-red)!important}

/* Evita iconos gigantes del bundle viejo */
#root main svg[class*="w-72"],#root main svg[class*="h-72"],#root main svg[class*="w-80"],#root main svg[class*="h-80"],#root main svg[class*="w-96"],#root main svg[class*="h-96"]{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;color:var(--bp-red)!important;display:inline-block!important;vertical-align:middle!important}
#root main h1+svg, #root main svg+select{display:none!important}
#root main .text-red-600 svg{width:22px!important;height:22px!important}

/* Filtro global */
.bp-v10-global-filter{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;gap:12px;align-items:end;background:#fff;border:1px solid var(--bp-line);border-radius:22px;box-shadow:var(--bp-shadow);padding:16px;margin:20px 0 22px!important;width:100%}
.bp-v10-global-filter__title{display:flex;align-items:center;gap:10px;font-weight:1000;color:var(--bp-ink)}
.bp-v10-global-filter__title i{width:32px;height:32px;border-radius:12px;background:#000;color:#fff;display:grid;place-items:center;font-style:normal}.bp-v10-field{display:flex;flex-direction:column;gap:6px}.bp-v10-field span{font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.bp-v10-field input,.bp-v10-field select{height:44px;padding:0 12px}.bp-v10-filter-actions{display:flex;gap:8px}.bp-v10-filter-actions button{height:44px;border:0;padding:0 15px}.bp-v10-filter-actions .apply{background:var(--bp-red);color:#fff}.bp-v10-filter-actions .clear{background:#fff;border:1px solid var(--bp-line);color:#111827}

/* Dashboard */
body[data-bp-path="/dashboard"] #root main>div{padding-top:32px!important}.bp-dashboard-kpi-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}.bp-dashboard-kpi-grid>*{min-width:0!important;height:auto!important}.bp-dashboard-kpi-grid .bg-white{min-height:124px!important;padding:20px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.bp-dashboard-kpi-grid h2,.bp-dashboard-kpi-grid strong{font-size:28px!important;line-height:1!important}
#bpMayoristaTodayCard{grid-column:auto!important}.bp-v10-quick-panel{background:#fff;border:1px solid var(--bp-line);border-radius:24px;box-shadow:var(--bp-shadow);padding:22px;margin-top:22px}.bp-v10-quick-panel h2{font-size:25px!important;margin:0 0 6px!important}.bp-v10-quick-panel p{margin:0 0 16px!important}.bp-v10-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bp-v10-quick-card{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--bp-line);border-radius:18px;text-decoration:none;background:linear-gradient(180deg,#fff,#f8fafc);color:var(--bp-ink)!important;min-height:82px}.bp-v10-quick-card:hover{border-color:#fca5a5;box-shadow:0 12px 28px rgba(227,6,19,.10);transform:translateY(-1px)}.bp-v10-quick-icon{width:42px;height:42px;border-radius:14px;background:#000;color:#fff;display:grid;place-items:center;font-size:19px;flex:0 0 42px}.bp-v10-quick-card strong{display:block;font-size:15px;font-weight:1000}.bp-v10-quick-card span{display:block;color:#64748b;font-size:12px;font-weight:800;margin-top:3px}

/* Iframes / subpáginas */
.bp-v10-frame-shell, #root iframe[src*="mayorista"], #root iframe[src*="incidencias"]{width:100%!important;max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}#root iframe[src*="mayorista"],#root iframe[src*="incidencias"]{height:calc(100dvh - 40px)!important;min-height:760px!important;display:block!important}.bp-v10-frame-shell{position:relative!important;inset:auto!important;padding:0!important;overflow:visible!important;height:auto!important;min-height:calc(100dvh - 64px)!important}
body[data-bp-path="/mayorista"] #root main>div, body[data-bp-path="/incidencias"] #root main>div{padding:18px 22px!important}

/* Mayorista standalone */
body.bp-real-mayorista, body.bp-real-v10{background:var(--bp-bg)!important;color:var(--bp-ink)!important}.page{background:linear-gradient(180deg,#f8fafc,#f3f6fa)!important;padding:20px 24px 28px!important}.shell{max-width:none!important;width:100%!important}.hero{background:#000!important;color:#fff!important;border-radius:24px!important;padding:22px!important;box-shadow:0 22px 54px rgba(0,0,0,.14)!important;align-items:center!important}.hero h1{color:#fff!important}.hero .lead{color:#cbd5e1!important}.mark{background:var(--bp-red)!important;color:#fff!important}.btn-gold,.btn-dark{background:#000!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}.btn-red{background:var(--bp-red)!important;color:#fff!important;border-color:transparent!important}.btn-soft{background:#fff!important;color:#111827!important;border:1px solid var(--bp-line)!important}.kpis{grid-template-columns:repeat(5,minmax(0,1fr))!important}.kpi{min-height:92px!important;border-radius:20px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.kpi strong{display:block!important;font-size:25px!important;line-height:1!important}.kpi span{display:block!important;margin-top:7px!important}.layout{grid-template-columns:minmax(360px,430px) minmax(0,1fr)!important}.orders{max-height:calc(100dvh - 430px)!important}.order h3,.order p{text-align:left!important}.order.active{border-color:var(--bp-red)!important;background:#fff5f5!important}.detail{min-height:620px!important}.detail-head{align-items:flex-start!important}.detail-title{font-size:28px!important}.info-grid{gap:12px!important}.toolbar{grid-template-columns:minmax(170px,.9fr) minmax(240px,1.4fr) auto auto!important}.pick-dashboard-row,.pick-row{border-radius:16px!important}.pick-dashboard-footer{border-radius:18px!important;background:#000!important;color:#fff!important}.pick-total-number{color:#fff!important}
body.embedded .hero{display:none!important}body.embedded .page{padding:0!important;background:transparent!important}body.embedded .shell{gap:14px!important}.top-return{display:none!important}

/* Stock / tabs */
.bp-stock-tabs-v7,.bp-products-tabs-v1{width:100%!important;margin:0 0 18px!important;background:#fff!important;border:1px solid var(--bp-line)!important;border-radius:20px!important;box-shadow:var(--bp-shadow)!important;padding:10px!important}.bp-stock-tabs-v7__bar,.bp-products-tabs-v1__bar{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.bp-stock-tabs-v7 button,.bp-products-tabs-v1 button{height:44px!important;border-radius:14px!important;border:0!important;background:#fff!important;color:var(--bp-ink)!important;padding:0 16px!important}.bp-stock-tabs-v7 button.is-active,.bp-products-tabs-v1 button.is-active{background:#000!important;color:#fff!important}.bp-ph,.bp-stock-v7{background:#fff!important;border:1px solid var(--bp-line)!important;border-radius:24px!important;box-shadow:var(--bp-shadow)!important;overflow:hidden!important}.bp-ph__head,.bp-stock-v7__head{background:linear-gradient(180deg,#fff,#f8fafc)!important;border-bottom:1px solid var(--bp-line)!important}.bp-ph__filters,.bp-stock-v7__filters{display:grid!important;grid-template-columns:repeat(4,minmax(140px,1fr)) auto auto!important;gap:10px!important}.bp-ph table,.bp-stock-v7 table{width:100%!important}

/* Reportes */
.bp-v16,.bp-rpt-v12,.bp-daily-v1,.bp-audit-v1,.bp-cache-v1,.bp-health-v1,.bp-alerts-v1{width:100%!important}.bp-v16-hero,.bp-rpt-v12__hero,.bp-daily-v1__brand,.bp-audit-v1__head,.bp-cache-v1__head{background:#000!important;color:#fff!important;border-radius:24px!important;border:0!important;box-shadow:0 18px 42px rgba(0,0,0,.16)!important}.bp-v16-hero h1,.bp-v16-hero p,.bp-rpt-v12__hero h1,.bp-rpt-v12__hero p,.bp-audit-v1__head h2,.bp-audit-v1__head p,.bp-cache-v1__head h2,.bp-cache-v1__head p{color:#fff!important}.bp-v16-tabs,.bp-rpt-v12__tabs,.bp-daily-v1__tabs{background:#fff!important;border:1px solid var(--bp-line)!important;border-radius:20px!important;box-shadow:var(--bp-shadow)!important;padding:8px!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important}.bp-v16-tab,.bp-rpt-v12__tabs button,.bp-daily-v1__tabs button,[data-bp-report-unified-tab],[data-bp-audit-native-tab],[data-bp-cache-native-tab]{border-radius:14px!important;background:#fff!important;color:#111827!important;border:1px solid transparent!important}.bp-v16-tab.is-active,.bp-rpt-v12__tabs button.is-active,.bp-daily-v1__tabs button.is-active,[data-bp-report-unified-tab].is-active,[data-bp-audit-native-tab].is-active,[data-bp-cache-native-tab].is-active{background:#000!important;color:#fff!important}.bp-rpt-v12__panel,.bp-daily-v1__panel,.bp-audit-v1__body,.bp-cache-v1__body{background:#fff!important;border:1px solid var(--bp-line)!important;border-radius:22px!important;box-shadow:var(--bp-shadow)!important}.bp-rpt-v12 table,.bp-daily-v1 table,.bp-audit-v1 table,.bp-cache-v1 table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}.bp-rpt-v12 th,.bp-daily-v1 th,.bp-audit-v1 th,.bp-cache-v1 th{background:#f8fafc!important;color:#475569!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.05em!important}.bp-rpt-v12 td,.bp-daily-v1 td,.bp-audit-v1 td,.bp-cache-v1 td{border-top:1px solid var(--bp-line-2)!important}

/* Incidencias */
.bp-incidents-page main,#bpIncidentsReactMountV13{width:100%!important;min-height:100dvh!important;background:transparent!important;padding:0!important}.bp-inc-v13,.bp-v10-fallback{width:100%!important;max-width:none!important;margin:0!important;padding:22px!important}.bp-inc-v13__hero,.bp-v10-fallback__hero{background:#000!important;color:#fff!important;border-radius:24px!important;border:0!important;box-shadow:0 18px 42px rgba(0,0,0,.16)!important;padding:22px!important}.bp-inc-v13__hero h1,.bp-inc-v13__hero p,.bp-v10-fallback__hero h1,.bp-v10-fallback__hero p{color:#fff!important}.bp-inc-v13__filters,.bp-v10-fallback__filters{background:#fff!important;border:1px solid var(--bp-line)!important;border-radius:22px!important;box-shadow:var(--bp-shadow)!important;padding:14px!important}.bp-inc-v13__kpis,.bp-v10-fallback__kpis{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}.bp-inc-v13__kpi,.bp-v10-fallback__kpi{background:#fff!important;border:1px solid var(--bp-line)!important;border-radius:18px!important;box-shadow:var(--bp-shadow)!important;padding:16px!important}.bp-inc-v13__panel,.bp-v10-fallback__panel{background:#fff!important;border:1px solid var(--bp-line)!important;border-radius:22px!important;box-shadow:var(--bp-shadow)!important;overflow:hidden!important}.bp-inc-v13 table,.bp-v10-fallback table{width:100%!important}.bp-inc-v13 th,.bp-v10-fallback th{background:#f8fafc!important;color:#475569!important;font-size:11px!important;text-transform:uppercase!important}.bp-inc-v13 td,.bp-v10-fallback td{border-top:1px solid var(--bp-line-2)!important}.bp-inc-boot{padding:22px!important;font-weight:1000;color:#64748b!important}

/* Operator mode */
.bp-op-float{background:#000!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:0 20px 40px rgba(0,0,0,.28)!important}.bp-op-float:before{color:var(--bp-red)!important}.bp-op-overlay{background:#f3f6fa!important}.bp-op-top{background:#000!important}.bp-op-btn{border-radius:14px!important}.bp-op-btn:not(.ghost):not(.danger):not(.warn):not(.good){background:#000!important;color:#fff!important}.bp-op-btn.danger,.bp-op-btn.warn{background:var(--bp-red)!important;color:#fff!important}

/* Responsive */
@media(max-width:1500px){.bp-dashboard-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}.bp-v10-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1180px){:root{--bp-sidebar:0px}#root .w-72.bg-slate-900,#root aside{display:none!important}#root main,#root .flex-1.overflow-auto{width:100%!important}.bp-v10-global-filter{grid-template-columns:1fr 1fr!important}.bp-v10-filter-actions{grid-column:1/-1}.layout{grid-template-columns:1fr!important}.orders{max-height:360px!important}.bp-dashboard-kpi-grid,.kpis,.bp-inc-v13__kpis,.bp-v10-fallback__kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bp-ph__filters,.bp-stock-v7__filters{grid-template-columns:1fr 1fr!important}}
@media(max-width:720px){#root main>div,#root .flex-1.overflow-auto>div{padding:14px!important}.bp-v10-global-filter{grid-template-columns:1fr!important;padding:13px!important}.bp-dashboard-kpi-grid,.kpis,.bp-inc-v13__kpis,.bp-v10-fallback__kpis,.bp-v10-quick-grid{grid-template-columns:1fr!important}.hero{border-radius:18px!important;padding:16px!important}.page{padding:12px!important}.card,.bp-card,#root main .bg-white{border-radius:18px!important}.bp-inc-v13,.bp-v10-fallback{padding:12px!important}.bp-inc-v13__filters,.bp-v10-fallback__filters{grid-template-columns:1fr!important}.toolbar{grid-template-columns:1fr!important}.info-grid{grid-template-columns:1fr!important}.bp-op-top{flex-direction:column!important;align-items:flex-start!important}.bp-op-top-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important}.bp-op-grid-main{grid-template-columns:1fr!important}}

@media print{#root aside,.bp-v10-global-filter,.bp-op-float{display:none!important}#root main{background:#fff!important}.bp-card,.card,#root main .bg-white{box-shadow:none!important}}

/* BodegaPRO sidebar red/black refresh - 2026-05-13 */
:root{
  --bp-side-black:#000000;
  --bp-side-red:#d90012;
  --bp-side-red-2:#ff0018;
  --bp-side-border:#450008;
  --bp-side-text:#ffffff;
  --bp-side-muted:#cfcfcf;
}
.bp-sidebar{
  width:300px!important;
  min-width:300px!important;
  max-width:300px!important;
  background:linear-gradient(90deg,var(--bp-side-red) 0 4px,var(--bp-side-black) 4px 100%)!important;
  color:var(--bp-side-text)!important;
  border-right:1px solid var(--bp-side-border)!important;
  box-shadow:14px 0 35px rgba(0,0,0,.42)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  overflow:hidden!important;
}
.bp-sidebar-brand{
  min-height:160px!important;
  padding:28px 22px 24px 26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-bottom:1px solid rgba(217,0,18,.62)!important;
  background:radial-gradient(circle at 50% 36%,rgba(217,0,18,.18),transparent 48%),#000!important;
}
.bp-sidebar-logo{
  width:205px!important;
  max-width:92%!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 9px 18px rgba(217,0,18,.34))!important;
}
.bp-sidebar-user{
  margin:16px 16px 20px 18px!important;
  padding:15px 15px 14px!important;
  border:1px solid rgba(217,0,18,.8)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(217,0,18,.045)),#030303!important;
  box-shadow:0 13px 28px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.bp-sidebar-user-name{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:1000!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.bp-sidebar-user-icon{
  width:17px!important;
  height:17px!important;
  color:var(--bp-side-red-2)!important;
  flex:0 0 auto!important;
  filter:drop-shadow(0 0 7px rgba(255,0,24,.35))!important;
}
.bp-sidebar-user-email{
  margin:7px 0 0!important;
  color:#fff!important;
  opacity:.95!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.bp-sidebar-role{
  margin-top:11px!important;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ff1f2e,#d90012)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(217,0,18,.38)!important;
  padding:6px 10px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
}
.bp-sidebar-nav{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  padding:0 14px 18px 18px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.38) transparent!important;
}
.bp-sidebar-nav::-webkit-scrollbar{width:7px!important}
.bp-sidebar-nav::-webkit-scrollbar-track{background:transparent!important}
.bp-sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.38)!important;border-radius:999px!important}
.bp-sidebar-link{
  min-height:47px!important;
  padding:0 15px!important;
  border:1px solid transparent!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:1000!important;
  letter-spacing:-.018em!important;
  background:transparent!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.bp-sidebar-link:hover{
  background:rgba(217,0,18,.14)!important;
  border-color:rgba(217,0,18,.45)!important;
  transform:translateX(2px)!important;
}
.bp-sidebar-link.is-active{
  color:#fff!important;
  background:linear-gradient(180deg,#f00016,#c90011)!important;
  border-color:#fff!important;
  box-shadow:0 12px 24px rgba(217,0,18,.42),inset 0 0 0 1px rgba(255,255,255,.18)!important;
}
.bp-sidebar-icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  color:currentColor!important;
  stroke-width:2.4!important;
}
.bp-sidebar-link span{
  min-width:0!important;
  white-space:normal!important;
}
.bp-sidebar-footer{
  min-height:52px!important;
  padding:13px 17px 14px 20px!important;
  border-top:1px solid rgba(217,0,18,.7)!important;
  background:#050505!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  color:#d9ecff!important;
  font-size:12px!important;
  font-weight:900!important;
}
.bp-sidebar-logout{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#e7e7e7!important;
  border:0!important;
  background:transparent!important;
  cursor:pointer!important;
  font-size:13px!important;
  font-weight:1000!important;
  padding:4px 0!important;
}
.bp-sidebar-logout:hover{color:#fff!important;text-shadow:0 0 12px rgba(255,0,24,.55)!important}
.bp-sidebar-logout-icon{width:16px!important;height:16px!important;color:currentColor!important}
@media(max-width:900px){
  .bp-sidebar{width:286px!important;min-width:286px!important;max-width:286px!important}
  .bp-sidebar-brand{min-height:142px!important;padding-top:22px!important;padding-bottom:20px!important}
  .bp-sidebar-logo{width:190px!important}
  .bp-sidebar-link{min-height:45px!important;font-size:13px!important}
}


/* ============================================================================
   BodegaPRO 1.0 PRINCIPAL ROJO/NEGRO - capa principal consolidada
   No es parche externo: reemplaza v10-core/fix/clean/ajustes visuales antiguos.
   Objetivo: conservar módulos y subpáginas, aislar estilos y estabilizar contraste.
   ============================================================================ */
:root{
  --bp-black:#000000;
  --bp-black-2:#050506;
  --bp-red:#e30613;
  --bp-red-2:#b8000b;
  --bp-red-3:#820006;
  --bp-bg:#f3f7fb;
  --bp-panel:#ffffff;
  --bp-soft:#f8fafc;
  --bp-ink:#07142b;
  --bp-muted:#52637d;
  --bp-line:#dbe5f2;
  --bp-shadow:0 18px 42px rgba(15,23,42,.08);
  --bp-sidebar-w:300px;
}
html,body,#root{min-height:100%;background:var(--bp-bg)!important;color:var(--bp-ink)!important;}
body{margin:0!important;overflow-x:hidden!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
#root{width:100%!important;}
#root > div{background:var(--bp-bg)!important;}
#root main,#root .flex-1,#root .overflow-auto{background:linear-gradient(180deg,#f8fbff 0%,#f3f7fb 45%,#eef4fa 100%)!important;color:var(--bp-ink)!important;min-width:0!important;}
#root main > div,#root .flex-1.overflow-auto > div{max-width:none!important;width:100%!important;box-sizing:border-box!important;}

/* Sidebar: negra/roja, estable y sin tapar contenido. */
#root aside,
#root .bp-sidebar,
#root .w-72.bg-slate-900,
#root div[class*="w-72"][class*="bg-slate-900"],
#root div[class*="bg-slate-900"][class*="w-72"]{
  width:var(--bp-sidebar-w)!important;min-width:var(--bp-sidebar-w)!important;max-width:var(--bp-sidebar-w)!important;
  flex:0 0 var(--bp-sidebar-w)!important;
  background:linear-gradient(90deg,var(--bp-red) 0 5px,#000 5px 100%)!important;
  color:#fff!important;border-right:1px solid rgba(227,6,19,.55)!important;
  box-shadow:18px 0 42px rgba(0,0,0,.24)!important;z-index:50!important;box-sizing:border-box!important;
}
@media (min-width:1181px){
  #root aside,#root .bp-sidebar,#root .w-72.bg-slate-900,#root div[class*="w-72"][class*="bg-slate-900"],#root div[class*="bg-slate-900"][class*="w-72"]{
    position:sticky!important;top:0!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;
  }
  #root .bp-sidebar-nav,#root aside nav,#root .w-72.bg-slate-900 nav,#root div[class*="w-72"][class*="bg-slate-900"] nav{
    flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:18px!important;scrollbar-gutter:stable!important;
  }
  #root main,#root .flex-1.overflow-auto{min-height:100vh!important;}
}
@media (max-width:1180px){
  #root aside,#root .bp-sidebar,#root .w-72.bg-slate-900,#root div[class*="w-72"][class*="bg-slate-900"],#root div[class*="bg-slate-900"][class*="w-72"]{display:none!important;}
  #root main,#root .flex-1.overflow-auto{width:100%!important;max-width:100vw!important;}
}
#root aside *,#root .bp-sidebar *,#root .w-72.bg-slate-900 *,#root div[class*="w-72"][class*="bg-slate-900"] *{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;}
#root aside img,#root .bp-sidebar img,#root .w-72.bg-slate-900 img{max-width:220px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 14px 24px rgba(227,6,19,.26))!important;}
#root .bp-sidebar-brand,#root aside > div:first-child,#root .w-72.bg-slate-900 > div:first-child{background:radial-gradient(circle at 50% 35%,rgba(227,6,19,.20),transparent 54%),#000!important;border-bottom:1px solid rgba(227,6,19,.46)!important;padding:24px 18px!important;}
#root .bp-sidebar-user,#root aside .bg-slate-800\/80,#root .w-72.bg-slate-900 .bg-slate-800\/80{background:#050505!important;border:1px solid rgba(227,6,19,.65)!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(0,0,0,.30)!important;}
#root .bp-sidebar-nav a,#root aside nav a,#root .w-72.bg-slate-900 nav a{min-height:42px!important;border-radius:13px!important;color:#e5e7eb!important;-webkit-text-fill-color:#e5e7eb!important;border:1px solid transparent!important;text-decoration:none!important;font-weight:850!important;}
#root .bp-sidebar-nav a:hover,#root aside nav a:hover,#root .w-72.bg-slate-900 nav a:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.10)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
#root .bp-sidebar-nav a[aria-current="page"],#root aside nav a[aria-current="page"],#root .w-72.bg-slate-900 nav a[aria-current="page"],#root aside nav a.bg-amber-500,#root .w-72.bg-slate-900 nav a.bg-amber-500{background:linear-gradient(135deg,var(--bp-red),var(--bp-red-2))!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 12px 28px rgba(227,6,19,.30)!important;border-color:rgba(255,255,255,.14)!important;}
#root .bp-sidebar-footer,#root aside > div:last-child,#root .w-72.bg-slate-900 > div:last-child{background:#000!important;border-top:1px solid rgba(227,6,19,.42)!important;color:#cbd5e1!important;}

/* Reglas de contraste: ninguna tarjeta blanca hereda texto blanco. */
#root main :is(.bg-white,[class~="bg-white"],.card,.bp-card,.rounded-xl,.rounded-2xl,.rounded-3xl,
  .bp-v10-card,.bp-dashboard-v3__filter-card,.bp-dashboard-v3__kpi,.bp-dashboard-v3__panel,.bp-v10-quick-panel,.bp-v10-quick-card,
  .bp-verify-v12-card,.bp-pick-tabs-v9,.bp-stock-v7,.bp-ph,.bp-rpt-v12__panel,.bp-rpt-v12__body,.bp-daily-v1__panel,.bp-audit-v1__body,.bp-cache-v1,.bp-cache-v1__panel,
  .bp-sh-card,.bp-sh-section,.bp-sh-kpi,.bp-alert-channel,.bp-inc-v13__panel,.bp-inc-v13__kpi,.bp-inc-v13__filters,.bp-op-card,.bp-op-panel,.bp-op-list,
  [data-bp-clean-light="1"],[data-bp-light="1"]){background-color:#fff!important;color:var(--bp-ink)!important;-webkit-text-fill-color:initial!important;text-shadow:none!important;border-color:var(--bp-line)!important;}
#root main :is(.bg-white,[class~="bg-white"],.card,.bp-card,.rounded-xl,.rounded-2xl,.rounded-3xl,
  .bp-dashboard-v3__filter-card,.bp-dashboard-v3__kpi,.bp-dashboard-v3__panel,.bp-v10-quick-panel,.bp-v10-quick-card,
  .bp-verify-v12-card,.bp-stock-v7,.bp-ph,.bp-rpt-v12__panel,.bp-rpt-v12__body,.bp-daily-v1__panel,.bp-audit-v1__body,.bp-cache-v1,.bp-cache-v1__panel,
  .bp-sh-card,.bp-sh-section,.bp-sh-kpi,.bp-alert-channel,.bp-inc-v13__panel,.bp-inc-v13__kpi,.bp-inc-v13__filters,.bp-op-card,.bp-op-panel,[data-bp-clean-light="1"],[data-bp-light="1"])
  :is(h1,h2,h3,h4,h5,h6,p,span,small,strong,b,label,li,td,th,div,a):not(button):not(button *):not(.bp-force-white):not([data-bp-dark] *){color:var(--bp-ink)!important;-webkit-text-fill-color:initial!important;text-shadow:none!important;opacity:1!important;filter:none!important;}
#root main :is(.bg-white,[class~="bg-white"],.card,.bp-card,.bp-sh-card,.bp-sh-section,.bp-rpt-v12__panel,.bp-cache-v1,.bp-audit-v1__body) :is(small,.muted,[class*="muted"],[class*="text-slate"],[class*="text-gray"]):not(button):not(button *){color:var(--bp-muted)!important;-webkit-text-fill-color:var(--bp-muted)!important;}

/* Encabezados rojos/negros: blanco solo dentro del header. */
#root main :is(.bp-dashboard-v3__hero,.bp-v10-hero,.bp-verify-v12-hero,.bp-verify-v11-hero,.bp-inbound-hero,.bp-stock-hero-v22,
  .bp-v16-hero,.bp-rpt-v12__hero,.bp-daily-v1__hero,.bp-daily-v1__head,.bp-audit-v1__head,.bp-cache-v1__head,.bp-sh-top,.bp-alerts-head,
  .bp-inc-v13__hero,.bp-v10-fallback__hero,.hero,[data-bp-dark="1"],[data-bp-dark-header="1"],[data-bp-reports-hero-v34="1"],[data-bp-reports-close-hero-v34="1"]){
    background:radial-gradient(circle at 92% 10%,rgba(227,6,19,.72),transparent 32%),linear-gradient(135deg,#000 0%,#09090b 54%,#6f0007 100%)!important;
    color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:rgba(227,6,19,.55)!important;box-shadow:0 18px 42px rgba(0,0,0,.16)!important;
}
#root main :is(.bp-dashboard-v3__hero,.bp-v10-hero,.bp-verify-v12-hero,.bp-verify-v11-hero,.bp-inbound-hero,.bp-stock-hero-v22,
  .bp-v16-hero,.bp-rpt-v12__hero,.bp-daily-v1__hero,.bp-daily-v1__head,.bp-audit-v1__head,.bp-cache-v1__head,.bp-sh-top,.bp-alerts-head,
  .bp-inc-v13__hero,.bp-v10-fallback__hero,.hero,[data-bp-dark="1"],[data-bp-dark-header="1"],[data-bp-reports-hero-v34="1"],[data-bp-reports-close-hero-v34="1"])
  :is(h1,h2,h3,h4,h5,h6,p,span,small,strong,b,label,div,a):not(input):not(select):not(textarea){color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 8px 24px rgba(0,0,0,.25)!important;opacity:1!important;}

/* Formularios y tablas legibles. */
#root main :is(input,select,textarea){background:#fff!important;color:var(--bp-ink)!important;-webkit-text-fill-color:var(--bp-ink)!important;border:1px solid #cbd8ea!important;border-radius:13px!important;box-shadow:none!important;}
#root main :is(input::placeholder,textarea::placeholder){color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;opacity:1!important;}
#root main :is(table){color:var(--bp-ink)!important;border-color:var(--bp-line)!important;}
#root main :is(th){background:#fff1f2!important;color:#7f1d1d!important;-webkit-text-fill-color:#7f1d1d!important;font-weight:950!important;}
#root main :is(td){background:#fff!important;color:var(--bp-ink)!important;-webkit-text-fill-color:initial!important;border-color:#eef2f7!important;}

/* Botones: rojo/negro con texto blanco. Botones claros con texto oscuro. */
#root main :is(button,.btn,[role="button"]){font-weight:900!important;}
#root main :is(.bg-red-500,.bg-red-600,.bg-red-700,[class*="bg-red"],.btn-red,.bp-v10-btn.red,.bp-sh-btn--danger,.bp-sh-btn--primary,.apply,button[type="submit"]):not(.secondary):not(.ghost):not([data-bp-light-button="1"]){background:linear-gradient(135deg,var(--bp-red),var(--bp-red-2))!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:rgba(227,6,19,.62)!important;}
#root main :is(.bg-slate-900,.bg-black,[class*="bg-slate-900"],.btn-dark,.bp-v10-btn.dark,.bp-sh-btn--dark,.bp-sh-btn--ghost){background:#000!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#000!important;}
#root main :is(button.secondary,button.ghost,.btn-soft,.btn-white,.bp-v10-btn.white,.bp-sh-btn:not(.bp-sh-btn--dark):not(.bp-sh-btn--ghost):not(.bp-sh-btn--danger):not(.bp-sh-btn--primary),[class*="bg-white"]){color:var(--bp-ink)!important;-webkit-text-fill-color:var(--bp-ink)!important;}
#root main :is(.bg-red-500,.bg-red-600,.bg-red-700,[class*="bg-red"],.bg-slate-900,.bg-black,[class*="bg-slate-900"],.btn-red,.btn-dark,.bp-sh-btn--dark,.bp-sh-btn--ghost,.bp-sh-btn--danger,.bp-sh-btn--primary) *{color:#fff!important;-webkit-text-fill-color:#fff!important;}
#root main :is(.badge,.bp-badge,[class*="badge"],[class*="pill"]):not(.bg-red-500):not(.bg-red-600):not(.bg-slate-900){background:#fff1f2!important;color:#7f1d1d!important;-webkit-text-fill-color:#7f1d1d!important;border:1px solid #fecdd3!important;}

/* Ajustes / Salud / Alertas: tabs y subpáginas visibles. */
#root main :is(.bp-sh-tabs,.bp-settings-tabs,.bp-alert-tabs,.bp-v16-tabs,.bp-rpt-v12__tabs,.bp-daily-v1__tabs){background:#fff!important;border:1px solid var(--bp-line)!important;border-radius:20px!important;box-shadow:var(--bp-shadow)!important;padding:8px!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;}
#root main :is(.bp-sh-tab,.bp-settings-tab,.bp-alert-tab,.bp-v16-tab,.bp-rpt-v12__tabs button,.bp-daily-v1__tabs button,[role="tab"],[data-bp-report-unified-tab],[data-bp-audit-native-tab],[data-bp-cache-native-tab]){border-radius:14px!important;background:#fff!important;color:var(--bp-ink)!important;-webkit-text-fill-color:var(--bp-ink)!important;border:1px solid #e2e8f0!important;min-height:40px!important;}
#root main :is(.bp-sh-tab.is-active,.bp-settings-tab.is-active,.bp-alert-tab.is-active,.bp-v16-tab.is-active,.bp-rpt-v12__tabs button.is-active,.bp-daily-v1__tabs button.is-active,[role="tab"][aria-selected="true"],[data-bp-report-unified-tab].is-active,[data-bp-audit-native-tab].is-active,[data-bp-cache-native-tab].is-active){background:#000!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#000!important;box-shadow:0 10px 24px rgba(0,0,0,.16)!important;}

/* Módulos que deben usar ancho completo proporcional. */
#root main :is(#bpDashboardV3,.bp-dashboard-v3,.bp-inbound-red-v21,.bp-v33-inbound,.bp-verify-v12-wrap,.bp-stock-v7,.bp-ph,.bp-rpt-v12,.bp-v16,.bp-inc-v13,.bp-sh-wrap,#bpSystemHealthPanel,#bpAlertsAutoPanel){max-width:none!important;width:100%!important;box-sizing:border-box!important;}
body.bp-route-reports #root main{padding-bottom:240px!important;}
body.bp-route-reports #root main :is(.bp-rpt-v12__body,.bp-rpt-v12__grid,.bp-rpt-v12__panel,.bp-cache-v1,.bp-cache-v1__tablewrap,.bp-audit-v1__tablewrap){max-height:none!important;overflow-y:visible!important;}
body.bp-route-reports #root main :is(.bp-rpt-v12__tablewrap,.bp-cache-v1__tablewrap,.bp-audit-v1__tablewrap){overflow-x:auto!important;}

/* Mayorista standalone: llevar el diseño oro viejo a rojo/negro sin tocar lógica. */
body.bp-mayorista-standalone{--gold:var(--bp-red)!important;--gold2:#ff1b2d!important;--navy:#000!important;background:var(--bp-bg)!important;color:var(--bp-ink)!important;}
body.bp-mayorista-standalone .hero,body.bp-mayorista-standalone .mark{background:linear-gradient(135deg,#000,#1a0003,var(--bp-red-2))!important;color:#fff!important;}
body.bp-mayorista-standalone .btn-gold{background:linear-gradient(135deg,var(--bp-red),var(--bp-red-2))!important;color:#fff!important;}
body.bp-mayorista-standalone .btn-dark{background:#000!important;color:#fff!important;}
body.bp-mayorista-standalone .card,body.bp-mayorista-standalone .panel,body.bp-mayorista-standalone .order{background:#fff!important;color:var(--bp-ink)!important;border-color:var(--bp-line)!important;}
body.bp-mayorista-standalone :is(.card,.panel,.order) :is(h1,h2,h3,h4,p,span,small,strong,b,label,div,td,th):not(button):not(button *){color:var(--bp-ink)!important;-webkit-text-fill-color:initial!important;}

@media(max-width:1180px){
  #root main > div,#root .flex-1.overflow-auto > div{padding:14px!important;}
  #root main :is(.bp-dashboard-v3__kpis,.bp-inc-v13__kpis,.bp-v10-quick-grid,.kpis){grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  #root main :is(.bp-dashboard-v3__kpis,.bp-inc-v13__kpis,.bp-v10-quick-grid,.kpis){grid-template-columns:1fr!important;}
  #root main :is(.bp-dashboard-v3__hero,.bp-v10-hero,.bp-verify-v12-hero,.bp-inbound-hero,.bp-v16-hero,.bp-rpt-v12__hero,.bp-sh-top,.bp-inc-v13__hero){border-radius:20px!important;padding:16px!important;}
}


/* ============================================================================
   BodegaPRO 1.0 PÁGINAS INDEPENDIENTES - reglas finales de estructura
   ============================================================================ */
:root{--bp-sidebar-w:300px;--bp-red:#e30613;--bp-red-2:#b8000b;--bp-bg:#f3f7fb;--bp-ink:#07142b;--bp-muted:#52637d;--bp-line:#dbe5f2;--bp-shadow:0 18px 42px rgba(15,23,42,.08)}
html.bp-pages-app,body.bp-pages-app,#root{min-height:100%;background:var(--bp-bg)!important;color:var(--bp-ink)!important;}
body.bp-pages-app{margin:0!important;overflow-x:hidden!important;}
body.bp-pages-app #root>div.flex.h-screen,
body.bp-pages-app #root>div[class*="h-screen"][class*="flex"]{height:100dvh!important;min-height:100dvh!important;background:var(--bp-bg)!important;overflow:hidden!important;}
body.bp-pages-app #root main,
body.bp-pages-app #root .flex-1.overflow-auto{height:100dvh!important;overflow:auto!important;background:linear-gradient(180deg,#f8fbff 0%,#f3f7fb 48%,#eef4fa 100%)!important;color:var(--bp-ink)!important;min-width:0!important;}
body.bp-pages-app #root main>div,
body.bp-pages-app #root .flex-1.overflow-auto>div{max-width:none!important;width:100%!important;box-sizing:border-box!important;padding:clamp(18px,2.2vw,34px)!important;}

/* Sidebar: negro completo, sin zonas blancas, fijo visualmente junto al scroll del main. */
body.bp-pages-app #root>div.flex.h-screen>div:first-child,
body.bp-pages-app #root>div[class*="h-screen"][class*="flex"]>div:first-child,
body.bp-pages-app #root aside,
body.bp-pages-app #root .bp-sidebar,
body.bp-pages-app #root .w-72.bg-slate-900,
body.bp-pages-app #root div[class*="w-72"][class*="bg-slate-900"],
body.bp-pages-app #root div[class*="bg-slate-900"][class*="w-72"]{
  width:var(--bp-sidebar-w)!important;min-width:var(--bp-sidebar-w)!important;max-width:var(--bp-sidebar-w)!important;flex:0 0 var(--bp-sidebar-w)!important;
  height:100dvh!important;max-height:100dvh!important;position:sticky!important;top:0!important;align-self:flex-start!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;background:linear-gradient(90deg,var(--bp-red) 0 5px,#000 5px 100%)!important;color:#fff!important;-webkit-text-fill-color:initial!important;
  border-right:1px solid rgba(227,6,19,.62)!important;box-shadow:18px 0 42px rgba(0,0,0,.24)!important;z-index:80!important;box-sizing:border-box!important;
}
body.bp-pages-app #root>div.flex.h-screen>div:first-child *,
body.bp-pages-app #root aside *,
body.bp-pages-app #root .bp-sidebar *,
body.bp-pages-app #root .w-72.bg-slate-900 *,
body.bp-pages-app #root div[class*="w-72"][class*="bg-slate-900"] *{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;}
body.bp-pages-app #root>div.flex.h-screen>div:first-child nav,
body.bp-pages-app #root aside nav,
body.bp-pages-app #root .w-72.bg-slate-900 nav,
body.bp-pages-app #root div[class*="w-72"][class*="bg-slate-900"] nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable!important;padding-bottom:18px!important;}
body.bp-pages-app #root>div.flex.h-screen>div:first-child>div:first-child,
body.bp-pages-app #root aside>div:first-child,
body.bp-pages-app #root .w-72.bg-slate-900>div:first-child{background:radial-gradient(circle at 50% 35%,rgba(227,6,19,.20),transparent 54%),#000!important;border-bottom:1px solid rgba(227,6,19,.46)!important;}
body.bp-pages-app #root>div.flex.h-screen>div:first-child>div:last-child,
body.bp-pages-app #root aside>div:last-child,
body.bp-pages-app #root .w-72.bg-slate-900>div:last-child{background:#000!important;border-top:1px solid rgba(227,6,19,.42)!important;color:#cbd5e1!important;-webkit-text-fill-color:#cbd5e1!important;}
body.bp-pages-app #root aside nav a,
body.bp-pages-app #root .w-72.bg-slate-900 nav a,
body.bp-pages-app #root div[class*="w-72"][class*="bg-slate-900"] nav a{border-radius:13px!important;color:#e5e7eb!important;-webkit-text-fill-color:#e5e7eb!important;border:1px solid transparent!important;text-decoration:none!important;font-weight:850!important;}
body.bp-pages-app #root aside nav a:hover,
body.bp-pages-app #root .w-72.bg-slate-900 nav a:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.10)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
body.bp-pages-app #root aside nav a[aria-current="page"],
body.bp-pages-app #root .w-72.bg-slate-900 nav a[aria-current="page"],
body.bp-pages-app #root aside nav a.bg-amber-500,
body.bp-pages-app #root .w-72.bg-slate-900 nav a.bg-amber-500,
body.bp-pages-app #root aside nav a[class*="bg-amber"],
body.bp-pages-app #root .w-72.bg-slate-900 nav a[class*="bg-amber"]{background:linear-gradient(135deg,var(--bp-red),var(--bp-red-2))!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 12px 28px rgba(227,6,19,.30)!important;border-color:rgba(255,255,255,.14)!important;}

/* Contraste estable: tarjetas claras no heredan blanco; headers oscuros sí. */
body.bp-pages-app #root main :is(.bg-white,[class~="bg-white"],.card,.bp-card,.rounded-xl,.rounded-2xl,.rounded-3xl,[data-bp-clean-light="1"],[data-bp-light="1"]){background-color:#fff!important;color:var(--bp-ink)!important;-webkit-text-fill-color:initial!important;text-shadow:none!important;border-color:var(--bp-line)!important;}
body.bp-pages-app #root main :is(.bg-white,[class~="bg-white"],.card,.bp-card,.rounded-xl,.rounded-2xl,.rounded-3xl,[data-bp-clean-light="1"],[data-bp-light="1"]) :is(h1,h2,h3,h4,h5,h6,p,span,small,strong,b,label,li,td,th,div,a):not(button):not(button *):not([data-bp-dark] *){color:var(--bp-ink)!important;-webkit-text-fill-color:initial!important;text-shadow:none!important;opacity:1!important;filter:none!important;}
body.bp-pages-app #root main :is(input,select,textarea,td,th){color:var(--bp-ink)!important;-webkit-text-fill-color:var(--bp-ink)!important;}
body.bp-pages-app #root main :is(.bp-dashboard-v3__hero,.bp-v10-hero,.bp-verify-v12-hero,.bp-inbound-hero,.bp-stock-hero-v22,.bp-v16-hero,.bp-rpt-v12__hero,.bp-daily-v1__head,.bp-audit-v1__head,.bp-cache-v1__head,.bp-sh-top,.bp-alerts-head,.bp-inc-v13__hero,[data-bp-dark="1"],[data-bp-dark-header="1"]){background:radial-gradient(circle at 92% 10%,rgba(227,6,19,.72),transparent 32%),linear-gradient(135deg,#000 0%,#09090b 54%,#6f0007 100%)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:rgba(227,6,19,.55)!important;}
body.bp-pages-app #root main :is(.bp-dashboard-v3__hero,.bp-v10-hero,.bp-verify-v12-hero,.bp-inbound-hero,.bp-stock-hero-v22,.bp-v16-hero,.bp-rpt-v12__hero,.bp-daily-v1__head,.bp-audit-v1__head,.bp-cache-v1__head,.bp-sh-top,.bp-alerts-head,.bp-inc-v13__hero,[data-bp-dark="1"],[data-bp-dark-header="1"]) :is(h1,h2,h3,h4,h5,h6,p,span,small,strong,b,label,div,a):not(input):not(select):not(textarea){color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 8px 24px rgba(0,0,0,.25)!important;}
body.bp-pages-app #root main :is(button,.btn,[role="button"]){font-weight:900!important;}
body.bp-pages-app #root main :is(.bg-red-500,.bg-red-600,.bg-red-700,[class*="bg-red"],.btn-red,.apply,button[type="submit"]):not(.secondary):not(.ghost):not([data-bp-light-button="1"]){background:linear-gradient(135deg,var(--bp-red),var(--bp-red-2))!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:rgba(227,6,19,.62)!important;}
body.bp-pages-app #root main :is(.bg-slate-900,.bg-black,[class*="bg-slate-900"],.btn-dark){background:#000!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#000!important;}
body.bp-pages-app #root main :is(.bg-red-500,.bg-red-600,.bg-red-700,[class*="bg-red"],.bg-slate-900,.bg-black,[class*="bg-slate-900"],.btn-red,.btn-dark) *{color:#fff!important;-webkit-text-fill-color:#fff!important;}

@media(max-width:1180px){
  body.bp-pages-app #root>div.flex.h-screen>div:first-child,
  body.bp-pages-app #root aside,
  body.bp-pages-app #root .bp-sidebar,
  body.bp-pages-app #root .w-72.bg-slate-900,
  body.bp-pages-app #root div[class*="w-72"][class*="bg-slate-900"]{display:none!important;}
  body.bp-pages-app #root main,body.bp-pages-app #root .flex-1.overflow-auto{width:100%!important;max-width:100vw!important;}
}
@media print{body.bp-pages-app #root aside,body.bp-pages-app #root .w-72.bg-slate-900{display:none!important}body.bp-pages-app #root main{background:#fff!important}}


/* BodegaPRO 1.0 Ajustes/sidebar final: logo real y menú negro completo. */
body.bp-pages-app #root aside,
body.bp-pages-app #root .w-72.bg-slate-900,
body.bp-pages-app #root div[class*="w-72"][class*="bg-slate-900"],
body.bp-pages-app #root div[class*="bg-slate-900"][class*="w-72"]{
  background:linear-gradient(90deg,#e30613 0 5px,#000 5px 100%)!important;
}
body.bp-pages-app #root aside nav,
body.bp-pages-app #root .w-72.bg-slate-900 nav,
body.bp-pages-app #root div[class*="w-72"][class*="bg-slate-900"] nav,
body.bp-pages-app #root div[class*="bg-slate-900"][class*="w-72"] nav{
  background:#000!important;
  background-color:#000!important;
  padding-top:10px!important;
}
body.bp-pages-app #root aside nav > *,
body.bp-pages-app #root .w-72.bg-slate-900 nav > *,
body.bp-pages-app #root div[class*="w-72"][class*="bg-slate-900"] nav > *{
  background-color:transparent!important;
}
body.bp-pages-app #root aside .bp-sidebar-brand-v4,
body.bp-pages-app #root .w-72.bg-slate-900 .bp-sidebar-brand-v4{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:116px!important;
  padding:24px 18px 18px!important;
  background:radial-gradient(circle at 50% 20%,rgba(227,6,19,.28),transparent 58%),#000!important;
  border-bottom:1px solid rgba(227,6,19,.46)!important;
}
.bp-sidebar-brand-v4__link{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;text-decoration:none!important;}
.bp-sidebar-brand-v4__link img{display:block!important;width:min(210px,84%)!important;max-height:78px!important;object-fit:contain!important;filter:drop-shadow(0 14px 28px rgba(227,6,19,.28))!important;}
.bp-sidebar-settings-subnav-v4{
  display:grid!important;
  gap:6px!important;
  margin:-3px 0 5px 34px!important;
  padding:0 0 2px 12px!important;
  border-left:1px solid rgba(227,6,19,.45)!important;
  background:#000!important;
}
.bp-sidebar-settings-subnav-v4 a{
  display:flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:8px 10px!important;
  border-radius:11px!important;
  color:#cbd5e1!important;
  -webkit-text-fill-color:#cbd5e1!important;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:none!important;
  border:1px solid transparent!important;
  background:#000!important;
}
.bp-sidebar-settings-subnav-v4 a:hover,
.bp-sidebar-settings-subnav-v4 a.is-active{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(227,6,19,.18)!important;
  border-color:rgba(227,6,19,.42)!important;
}
body.bp-pages-app #root aside nav a:not([aria-current="page"]):not(.bg-amber-500):not([class*="bg-amber"]),
body.bp-pages-app #root .w-72.bg-slate-900 nav a:not([aria-current="page"]):not(.bg-amber-500):not([class*="bg-amber"]){
  background:#000!important;
}

/* BodegaPRO optimización Ajustes v5: baja carga de render en Salud/Alertas. */
body.bp-pages-app #bpSystemHealthPanel .bp-sh-top,
body.bp-pages-app #bpAlertsAutoPanel .bp-sh-top,
body.bp-pages-app #bpSystemHealthPanel .bp-sh-kpi,
body.bp-pages-app #bpAlertsAutoPanel .bp-sh-kpi,
body.bp-pages-app #bpSystemHealthPanel .bp-sh-card,
body.bp-pages-app #bpAlertsAutoPanel .bp-sh-card,
body.bp-pages-app #bpSystemHealthPanel .bp-sh-section,
body.bp-pages-app #bpAlertsAutoPanel .bp-sh-section{
  box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
}
body.bp-pages-app #bpSystemHealthPanel .bp-sh-top:after,
body.bp-pages-app #bpAlertsAutoPanel .bp-sh-top:after{display:none!important;}
body.bp-pages-app #bpSystemHealthPanel .bp-sh-btn,
body.bp-pages-app #bpAlertsAutoPanel .bp-sh-btn,
body.bp-pages-app #bpSystemHealthTabs .bp-sh-tab,
.bp-sidebar-settings-subnav-v4 a{transition:none!important;}
.bp-sidebar-brand-v4__link img{filter:none!important;}


/* Dashboard principal: corrección directa de legibilidad en menú superior y estado de documento. */
#bpDashboardV3 .bp-dashboard-v3__hero-actions .bp-dashboard-v3__btn,
#bpDashboardV3 .bp-dashboard-v3__hero-actions .bp-dashboard-v3__btn *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:none!important;
}
#bpDashboardV3 .bp-dashboard-v3__doc-title .bp-dashboard-v3__tag{
  color:#be123c!important;
  -webkit-text-fill-color:#be123c!important;
  text-shadow:none!important;
}
#bpDashboardV3 .bp-dashboard-v3__doc-title .bp-dashboard-v3__tag.dark{
  background:#e60012!important;
  border-color:#e60012!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
#bpDashboardV3 .bp-dashboard-v3__doc-title strong{
  color:#07142b!important;
  -webkit-text-fill-color:#07142b!important;
  text-shadow:none!important;
}
#bpDashboardV3 .bp-dashboard-v3__doc-meta,
#bpDashboardV3 .bp-dashboard-v3__doc-meta span{
  color:#51627b!important;
  -webkit-text-fill-color:#51627b!important;
  text-shadow:none!important;
}

/* Sidebar principal definitivo: Mayorista e Incidencias integrados al menú real. */
body.bp-pages-app #root aside nav a.bp-sidebar-extra-link-v7,
body.bp-pages-app #root .w-72.bg-slate-900 nav a.bp-sidebar-extra-link-v7,
body.bp-pages-app #root div[class*="w-72"][class*="bg-slate-900"] nav a.bp-sidebar-extra-link-v7{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:42px!important;
  padding:11px 14px!important;
  border-radius:13px!important;
  color:#e5e7eb!important;
  -webkit-text-fill-color:#e5e7eb!important;
  background:#000!important;
  border:1px solid transparent!important;
  text-decoration:none!important;
  font-weight:850!important;
}
body.bp-pages-app #root aside nav a.bp-sidebar-extra-link-v7:hover,
body.bp-pages-app #root .w-72.bg-slate-900 nav a.bp-sidebar-extra-link-v7:hover{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.bp-pages-app #root aside nav a.bp-sidebar-extra-link-v7.is-active,
body.bp-pages-app #root .w-72.bg-slate-900 nav a.bp-sidebar-extra-link-v7.is-active,
body.bp-pages-app #root aside nav a.bp-sidebar-extra-link-v7[aria-current="page"],
body.bp-pages-app #root .w-72.bg-slate-900 nav a.bp-sidebar-extra-link-v7[aria-current="page"]{
  background:linear-gradient(135deg,var(--bp-red),var(--bp-red-2))!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 12px 28px rgba(227,6,19,.30)!important;
  border-color:rgba(255,255,255,.14)!important;
}
.bp-sidebar-extra-link-v7__icon{width:17px!important;height:17px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 17px!important;color:currentColor!important;-webkit-text-fill-color:currentColor!important;}
.bp-sidebar-extra-link-v7__icon svg{width:17px!important;height:17px!important;display:block!important;color:currentColor!important;stroke:currentColor!important;}
.bp-sidebar-extra-link-v7__label{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:currentColor!important;-webkit-text-fill-color:currentColor!important;}


/* BodegaPRO v109 - sidebar dashboard scroll + active limpio. */
@media (min-width:821px){
  body.bp-pages-app #root>div.flex.h-screen,
  body.bp-pages-app #root>div[class*="h-screen"]{height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;overflow:hidden!important;}
  body.bp-pages-app #root>div.flex.h-screen>div:first-child,
  body.bp-pages-app #root aside,
  body.bp-pages-app #root .bp-sidebar,
  body.bp-pages-app #root .w-72.bg-slate-900,
  body.bp-pages-app #root div[class*="w-72"][class*="bg-slate-900"],
  body.bp-pages-app #root div[class*="bg-slate-900"][class*="w-72"]{height:100vh!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;position:sticky!important;top:0!important;}
  body.bp-pages-app #root>div.flex.h-screen>div:first-child nav,
  body.bp-pages-app #root aside nav,
  body.bp-pages-app #root .bp-sidebar nav,
  body.bp-pages-app #root .bp-nav,
  body.bp-pages-app #root .bp-menu,
  body.bp-pages-app #root .w-72.bg-slate-900 nav,
  body.bp-pages-app #root div[class*="w-72"][class*="bg-slate-900"] nav,
  body.bp-pages-app #root div[class*="bg-slate-900"][class*="w-72"] nav{flex:1 1 0%!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding-bottom:260px!important;scroll-padding-bottom:280px!important;}
  body.bp-pages-app #root nav a[href="/users"],
  body.bp-pages-app #root nav a[href="/usuarios-roles"]{margin-bottom:135px!important;}
}
body.bp-pages-app #root nav a[aria-current="page"],
body.bp-pages-app #root nav a.is-active{background:linear-gradient(135deg,var(--bp-red),var(--bp-red-2))!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 12px 28px rgba(227,6,19,.30)!important;border-color:rgba(255,255,255,.14)!important;}


/* Dashboard v113: forzar letras blancas en Hoy y Últimos 7 días. */
body.bp-pages-app #bpDashboardV3 .bp-dashboard-v3__hero-actions [data-bp-dash-action="today"],
body.bp-pages-app #bpDashboardV3 .bp-dashboard-v3__hero-actions [data-bp-dash-action="week"],
body.bp-pages-app #bpDashboardV3 .bp-dashboard-v3__hero-actions [data-bp-dash-action="today"] *,
body.bp-pages-app #bpDashboardV3 .bp-dashboard-v3__hero-actions [data-bp-dash-action="week"] *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:none!important;
}