/* DILJUM POS — unified visual skin v17
   Presentation layer only. Designed to override legacy module CSS consistently. */
:root{--dj-bg:#f4f7fb;--dj-card:#fff;--dj-surface:#f8fafc;--dj-ink:#0f172a;--dj-muted:#64748b;--dj-line:#dfe7f1;--dj-navy:#08111f;--dj-navy2:#101a2d;--dj-indigo:#6366f1;--dj-violet:#8b5cf6;--dj-cyan:#06b6d4;--dj-shadow:0 14px 38px rgba(15,23,42,.07)}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{font-family:Poppins,Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;background:var(--dj-bg)!important;color:var(--dj-ink)!important}
img{max-width:100%}

/* Brand: never crop the complete mark or slogan. */
.menu-logo{overflow:visible!important}
.menu-brand{overflow:visible!important;min-width:0!important}
.menu-brand img{width:190px!important;height:auto!important;max-width:calc(100% - 40px)!important;max-height:none!important;object-fit:contain!important}
header .brand,.pitch .brand,.verify-brand{overflow:visible!important}
header .brand img,.pitch .brand img,.verify-brand img{display:block!important;width:230px!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important}

/* Application canvas */
body:not(.pos-dark) .contenido,body:not(.pos-dark) .productos-formulario,body:not(.pos-dark) .producto-formulario,body:not(.pos-dark) .productos-contenido,body:not(.pos-dark) .productos-contenedor{background:var(--dj-bg)!important;color:var(--dj-ink)!important}
body.pos-dark{--dj-bg:#070c16;--dj-card:#0d1524;--dj-surface:#0a1220;--dj-ink:#f1f5f9;--dj-muted:#94a3b8;--dj-line:#26364d;background:#070c16!important;color:#f1f5f9!important}
body.pos-dark .contenido,body.pos-dark .productos-formulario,body.pos-dark .producto-formulario,body.pos-dark .productos-contenido,body.pos-dark .productos-contenedor{background:#070c16!important;color:#f1f5f9!important}

/* Unified module headers, including old blue modules. */
.encabezado,.cabecera,.page-header,.header-modulo,.pos-page-head,.productos-encabezado,.productos-contenido>.header,.contenido>.header{position:relative!important;overflow:hidden!important;color:#fff!important;background:radial-gradient(560px 260px at 95% 0,rgba(6,182,212,.22),transparent 62%),radial-gradient(520px 300px at 72% 120%,rgba(168,85,247,.25),transparent 64%),linear-gradient(115deg,#08111f 0%,#151c39 48%,#44318d 100%)!important;border:0!important;box-shadow:0 14px 34px rgba(15,23,42,.11)!important}
.encabezado h1,.encabezado p,.cabecera h1,.cabecera p,.page-header h1,.page-header p,.header-modulo h1,.header-modulo p,.pos-page-head h1,.pos-page-head p,.productos-encabezado h1,.productos-encabezado p,.header h1,.header p{color:#fff!important;position:relative!important;z-index:1!important}
.encabezado h1,.cabecera h1,.page-header h1,.header-modulo h1,.pos-page-head h1,.productos-encabezado h1,.header h1{font-family:Poppins,sans-serif!important;font-weight:800!important;letter-spacing:-1px!important}

/* Containers and common surfaces */
.contenedor,.pos-container,.container{width:100%!important;max-width:1500px!important;min-width:0!important;margin:0 auto!important;padding:26px 28px 38px!important}
.card,.pro-form,.report-card,.cash-card,.fidelity-card,.report-toolbar,.report-exports,.tabla-wrap,.productos-tarjeta,.productos-tabla-contenedor,.producto-tarjeta,.producto-modal,.permisos-card{background:var(--dj-card)!important;color:var(--dj-ink)!important;border:1px solid var(--dj-line)!important;border-radius:18px!important;box-shadow:var(--dj-shadow)!important}
.card h1,.card h2,.card h3,.pro-form h1,.pro-form h2,.pro-form h3,.report-card h1,.report-card h2,.report-card h3,.producto-tarjeta-titulo,.producto-modal h2,.container h1,.container h2,.container h3{color:var(--dj-ink)!important}
.card p,.card label,.pro-form p,.pro-form label,.report-card p,.report-card label,.producto-tarjeta-descripcion,.producto-ayuda,.producto-nota,.container p,.container label{color:var(--dj-muted)!important}

/* Legacy product module */
.productos-contenido,.productos-contenedor,.producto-formulario{font-family:Poppins,Inter,system-ui,sans-serif!important}
.productos-tarjeta,.productos-tabla-contenedor,.producto-tarjeta{border-radius:18px!important}
.productos-filtros-form,.productos-barra-superior{background:transparent!important}
.productos-select,.productos-busqueda,.producto-campo input,.producto-campo select,.producto-campo textarea,.producto-btn-pequeno{background:var(--dj-card)!important;color:var(--dj-ink)!important;border-color:var(--dj-line)!important;border-radius:12px!important;font-family:Poppins,Inter,sans-serif!important}
.producto-opcion,.producto-fila,.producto-upload{background:var(--dj-surface)!important;border-color:var(--dj-line)!important;color:var(--dj-ink)!important;border-radius:13px!important}
.producto-btn{border-radius:12px!important;background:var(--dj-card)!important;color:var(--dj-ink)!important;border-color:var(--dj-line)!important;font-family:Poppins,sans-serif!important}
.producto-btn-primario,.productos-btn-primario,.producto-btn-primario:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6 72%,#a855f7)!important;color:#fff!important;border-color:transparent!important}
.producto-accento{color:#6366f1!important}
.producto-badge{background:#ede9fe!important;color:#5b21b6!important}
.producto-alerta{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}
body.pos-dark .producto-tarjeta,body.pos-dark .productos-tarjeta,body.pos-dark .productos-tabla-contenedor{background:#0d1524!important;border-color:#26364d!important}
body.pos-dark .producto-campo input,body.pos-dark .producto-campo select,body.pos-dark .producto-campo textarea,body.pos-dark .producto-btn,body.pos-dark .producto-btn-pequeno{background:#0a1220!important;color:#e5e7eb!important;border-color:#334155!important}
body.pos-dark .producto-opcion,body.pos-dark .producto-fila,body.pos-dark .producto-upload{background:#0a1220!important;border-color:#26364d!important}
body.pos-dark .producto-tarjeta-titulo,body.pos-dark .producto-modal h2{color:#f1f5f9!important}
body.pos-dark .producto-tarjeta-descripcion,body.pos-dark .producto-ayuda,body.pos-dark .producto-nota{color:#94a3b8!important}

/* Generic forms, filters, tables */
input:not([type=checkbox]):not([type=radio]),select,textarea{font-family:Poppins,Inter,system-ui,sans-serif!important;border-radius:12px!important;max-width:100%!important}
body:not(.pos-dark) input:not([type=checkbox]):not([type=radio]),body:not(.pos-dark) select,body:not(.pos-dark) textarea{background:#fff!important;color:#0f172a!important;border-color:#d7e0ea!important}
body.pos-dark input:not([type=checkbox]):not([type=radio]),body.pos-dark select,body.pos-dark textarea{background:#0a1220!important;color:#e5e7eb!important;border-color:#334155!important}
input:focus,select:focus,textarea:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.12)!important;outline:none!important}
.btn,.boton,button.btn,button.boton,input[type=submit].btn,input[type=submit].boton,.producto-btn{border-radius:12px!important;font-family:Poppins,Inter,sans-serif!important;font-weight:800!important}
.btn-primary,.btn.primary,.boton-primario,.btn-guardar,.primary,.submit,.producto-btn-primario{background:linear-gradient(135deg,#6366f1,#8b5cf6 72%,#a855f7)!important;color:#fff!important;border-color:transparent!important}
.btn-danger,.boton-danger,.btn-eliminar,.btn-cancelar-danger{background:#fff5f7!important;color:#be123c!important;border-color:#fecdd3!important}
body.pos-dark .btn:not(.btn-primary):not(.primary):not(.btn-guardar):not(.submit):not(.btn-danger):not(.boton-danger):not(.btn-eliminar){background:#111c2d!important;color:#e5e7eb!important;border-color:#334155!important}
body.pos-dark .btn-danger,body.pos-dark .boton-danger,body.pos-dark .btn-eliminar,body.pos-dark .btn-cancelar-danger{background:#351521!important;color:#fda4af!important;border-color:#7f1d35!important}

.tabla,.report-table,.productos-tabla,.table{border-collapse:separate!important;border-spacing:0!important}
.tabla th,.report-table th,.productos-tabla th,.table th{background:#f8fafc!important;color:#64748b!important;border-color:#e2e8f0!important;text-transform:uppercase!important;font-size:10px!important;letter-spacing:.45px!important;font-weight:800!important}
.tabla td,.tabla th,.report-table td,.report-table th,.productos-tabla td,.productos-tabla th,.table td,.table th{border-color:#e2e8f0!important}
.tabla tbody tr:hover td,.report-table tbody tr:hover td,.productos-tabla tbody tr:hover td,.table tbody tr:hover td{background:#fafbff!important}
body.pos-dark .tabla th,body.pos-dark .report-table th,body.pos-dark .productos-tabla th,body.pos-dark .table th{background:#111c2d!important;color:#94a3b8!important;border-color:#26364d!important}
body.pos-dark .tabla td,body.pos-dark .tabla th,body.pos-dark .report-table td,body.pos-dark .report-table th,body.pos-dark .productos-tabla td,body.pos-dark .productos-tabla th,body.pos-dark .table td,body.pos-dark .table th{color:#e5e7eb!important;border-color:#26364d!important}
body.pos-dark .tabla tbody tr:hover td,body.pos-dark .report-table tbody tr:hover td,body.pos-dark .productos-tabla tbody tr:hover td,body.pos-dark .table tbody tr:hover td{background:#111c2d!important}

/* Categories and other old pages using simple .contenido/.barra. */
.barra-superior,.barra-filtros,.filtros-barra,.filtros{background:var(--dj-card)!important;color:var(--dj-ink)!important;border-color:var(--dj-line)!important;border-radius:18px!important;box-shadow:var(--dj-shadow)!important}
body.pos-dark .barra-superior,body.pos-dark .barra-filtros,body.pos-dark .filtros-barra,body.pos-dark .filtros{background:#0d1524!important;border-color:#26364d!important;color:#e5e7eb!important}

/* Reports */
.rep-v18 .panel{background:var(--dj-card)!important;border-color:var(--dj-line)!important;color:var(--dj-ink)!important}
.rep-v18 .hero{background:linear-gradient(145deg,#fff,#f7f8ff)!important}
.rep-v18 .hero h2,.rep-v18 .head h3,.rep-v18 .kpi strong{color:#0f172a!important}
body.pos-dark .rep-v18 .panel{background:#0d1524!important;border-color:#26364d!important;color:#e5e7eb!important}
body.pos-dark .rep-v18 .hero{background:linear-gradient(145deg,#0d1524,#111b2d)!important}
body.pos-dark .rep-v18 .hero h2,body.pos-dark .rep-v18 .head h3,body.pos-dark .rep-v18 .kpi strong{color:#f1f5f9!important}

/* Permissions */
.container .card,.permisos-card,.permisos-toolbar,.modulo{border-radius:18px!important}
.modulo{background:var(--dj-card)!important;border-color:var(--dj-line)!important;color:var(--dj-ink)!important}
.modulo-header{background:#f8fafc!important;color:#0f172a!important;border-color:var(--dj-line)!important}
.permiso{border-color:var(--dj-line)!important}
.permiso-info strong{color:#0f172a!important}.permiso-info small{color:#64748b!important}
body.pos-dark .modulo{background:#0d1524!important;border-color:#26364d!important;color:#e5e7eb!important}
body.pos-dark .modulo-header{background:#111c2d!important;color:#f1f5f9!important;border-color:#26364d!important}
body.pos-dark .permiso{border-color:#26364d!important}
body.pos-dark .permiso-info strong{color:#f1f5f9!important}body.pos-dark .permiso-info small{color:#94a3b8!important}

/* Dashboard / quick cards */
.dashboard-welcome,.dashboard-quick,.quick-action{border-radius:18px!important}
body.pos-dark .dashboard-welcome,body.pos-dark .dashboard-quick,body.pos-dark .quick-action{background:#0d1524!important;border-color:#26364d!important;color:#e5e7eb!important}

/* Subscription: independent page, same brand system. */
body:has(.toplinks) .wrap{width:min(1180px,calc(100% - 40px))!important}
body:has(.toplinks) .brand img{width:250px!important;max-width:100%!important;max-height:none!important}
body:has(.toplinks) .card{border-radius:20px!important}
body:has(.toplinks) .hero{background:linear-gradient(145deg,#fff,#f7f8ff)!important}
body:has(.toplinks) .btn{border-radius:12px!important}
body.pos-dark:has(.toplinks) .hero{background:linear-gradient(145deg,#0d1524,#111b2d)!important}
body.pos-dark:has(.toplinks) .hero h1,body.pos-dark:has(.toplinks) .hero h2,body.pos-dark:has(.toplinks) .hero h3{color:#f1f5f9!important}
body.pos-dark:has(.toplinks) .hero>p,body.pos-dark:has(.toplinks) .muted{color:#94a3b8!important}
body.pos-dark:has(.toplinks) .kpi,body.pos-dark:has(.toplinks) .source,body.pos-dark:has(.toplinks) .switchbox,body.pos-dark:has(.toplinks) .plan{background:#0a1220!important;border-color:#26364d!important}
body.pos-dark:has(.toplinks) .plan.rec{background:linear-gradient(145deg,#10172a,#17183b)!important;border-color:#6366f1!important}
body.pos-dark:has(.toplinks) .table th{background:#111c2d!important;color:#94a3b8!important}
body.pos-dark:has(.toplinks) .table td{color:#e5e7eb!important;border-color:#26364d!important}
body.pos-dark:has(.toplinks) .notice{background:#0b2035!important;border-color:#24486c!important;color:#bfdbfe!important}
body.pos-dark:has(.toplinks) .notice.error{background:#2a1019!important;border-color:#6b2134!important;color:#fda4af!important}
body.pos-dark:has(.toplinks) .notice.success{background:#08271f!important;border-color:#14532d!important;color:#86efac!important}
body.pos-dark:has(.toplinks) .modal{background:#0d1524!important;color:#f1f5f9!important;border-color:#26364d!important}
body.pos-dark:has(.toplinks) .modal p{color:#94a3b8!important}

/* Standalone auth / public pages. */
.login,.register{min-height:100vh!important;padding:24px 14px!important}
.login .box,.register .box{width:min(980px,100%)!important;border-radius:26px!important;overflow:visible!important}
.login .pitch,.register .pitch{border-radius:26px 0 0 26px!important;overflow:hidden!important}
.login .form,.register .formbox{border-radius:0 26px 26px 0!important}
.login .pitch .brand img,.register .pitch .brand img{width:250px!important;max-width:100%!important;max-height:none!important}
.login .pitch h1,.register .pitch h1{margin-top:24px!important}
@media(max-width:720px){.login .box,.register .box{overflow:hidden!important}.login .pitch,.register .pitch{display:block!important;border-radius:26px 26px 0 0!important;padding:28px!important}.login .form,.register .formbox{border-radius:0 0 26px 26px!important;padding:28px!important}.login .pitch ul,.register .pitch ul{display:none!important}.login .pitch h1,.register .pitch h1{font-size:29px!important}.login .pitch .brand img,.register .pitch .brand img{width:220px!important}}

/* Mobile: reflow instead of shrinking the desktop interface. */
@media(max-width:900px){
  body,body.menu-contraido{padding-left:0!important}
  .contenedor,.pos-container,.container{padding:20px 16px 32px!important}
  .encabezado,.cabecera,.page-header,.header-modulo,.pos-page-head,.productos-encabezado,.contenido>.header{min-height:128px!important;padding:24px 20px!important}
  .encabezado h1,.cabecera h1,.page-header h1,.header-modulo h1,.pos-page-head h1,.productos-encabezado h1,.header h1{font-size:28px!important}
  .grid,.report-grid{grid-template-columns:1fr!important}
  .report-kpis,.cash-grid,.fidelity-cards,.pro-grid{grid-template-columns:1fr 1fr!important}
  .tabla-wrap,.productos-tabla-contenedor,.scroll{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .tabla,.report-table,.productos-tabla,.table{min-width:720px!important}
  .producto-grid,.producto-grid-3,.producto-opciones,.producto-imagenes{grid-template-columns:1fr 1fr!important}
}
@media(max-width:650px){
  .contenedor,.pos-container,.container{padding:14px 12px 26px!important}
  .encabezado,.cabecera,.page-header,.header-modulo,.pos-page-head,.productos-encabezado,.contenido>.header{min-height:112px!important;padding:20px 16px!important}
  .encabezado h1,.cabecera h1,.page-header h1,.header-modulo h1,.pos-page-head h1,.productos-encabezado h1,.header h1{font-size:24px!important}
  .encabezado p,.cabecera p,.page-header p,.header-modulo p,.pos-page-head p,.productos-encabezado p,.header p{font-size:12px!important}
  .card,.pro-form,.report-card,.cash-card,.fidelity-card,.report-toolbar,.report-exports,.tabla-wrap,.productos-tarjeta,.productos-tabla-contenedor,.producto-tarjeta,.permisos-card{padding:15px!important;border-radius:16px!important}
  .report-kpis,.cash-grid,.fidelity-cards,.pro-grid,.producto-grid,.producto-grid-3,.producto-opciones,.producto-imagenes{grid-template-columns:1fr!important}
  .pro-actions,.acciones,.acciones-fila,.producto-acciones{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .pro-actions .btn,.acciones .btn,.acciones-fila .btn,.producto-acciones .producto-btn{width:100%!important}
  .tabla,.report-table,.productos-tabla,.table{min-width:680px!important}
  body:has(.toplinks) .wrap{width:calc(100% - 24px)!important;padding-top:14px!important}
  body:has(.toplinks) .top{gap:12px!important;align-items:flex-start!important}
  body:has(.toplinks) .brand img{width:220px!important}
  body:has(.toplinks) .toplinks{width:100%!important}
  body:has(.toplinks) .toplink,body:has(.toplinks) .theme-btn{flex:1!important;min-width:0!important;text-align:center!important}
}
@media(max-width:420px){
  .menu-brand img{width:175px!important}
  .login,.register{padding:10px 8px!important}
  .login .pitch,.register .pitch{padding:22px!important}
  .login .form,.register .formbox{padding:22px!important}
  body:has(.toplinks) .brand img{width:195px!important}
}
/* Subscription destructive actions: clear hierarchy, never raw text on the page. */
body:has(.subscription-actions) .subscription-actions{align-items:center!important;gap:10px!important}
body:has(.subscription-actions) .subscription-actions .btn.danger{font-weight:800!important}
body:has(.subscription-actions) .modal-back{position:fixed!important;inset:0!important;z-index:99999!important;display:none!important;align-items:center!important;justify-content:center!important;padding:20px!important;background:rgba(2,6,23,.72)!important}
body:has(.subscription-actions) .modal-back.open{display:flex!important}
body:has(.subscription-actions) .modal{width:min(540px,100%)!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:22px!important;padding:26px!important;box-shadow:0 30px 90px rgba(2,6,23,.3)!important;color:#0f172a!important}
body:has(.subscription-actions) .modal h3{margin:0 0 10px!important;font-size:23px!important;color:#0f172a!important}
body:has(.subscription-actions) .modal p{margin:0!important;color:#64748b!important;line-height:1.7!important;font-size:13px!important}
body:has(.subscription-actions) .modal .actions{margin-top:20px!important;justify-content:flex-end!important}
body.pos-dark:has(.subscription-actions) .modal{background:#0d1524!important;color:#f1f5f9!important;border-color:#26364d!important}
body.pos-dark:has(.subscription-actions) .modal h3{color:#f1f5f9!important}
body.pos-dark:has(.subscription-actions) .modal p{color:#94a3b8!important}
body.pos-dark:has(.subscription-actions) .modal .btn.light{background:#111c2d!important;color:#e5e7eb!important;border-color:#334155!important}
body.pos-dark:has(.subscription-actions) .modal .btn.danger{background:#351521!important;color:#fda4af!important;border-color:#7f1d35!important}


/* ================================================================
   DILJUM POS V18 — SISTEMA VISUAL DEFINITIVO
   Esta capa se carga al final y normaliza también los módulos legacy.
   No modifica lógica PHP, consultas, permisos ni operaciones.
   ================================================================ */
:root{
  --dj18-bg:#f4f7fb;
  --dj18-card:#ffffff;
  --dj18-surface:#f8fafc;
  --dj18-ink:#0f172a;
  --dj18-muted:#64748b;
  --dj18-line:#dfe7f1;
  --dj18-navy:#071322;
  --dj18-navy2:#101b33;
  --dj18-indigo:#6366f1;
  --dj18-violet:#8b5cf6;
  --dj18-cyan:#06b6d4;
  --dj18-success:#10b981;
  --dj18-danger:#ef4444;
  --dj18-shadow:0 14px 38px rgba(15,23,42,.07);
}
html,body{max-width:100%;min-width:0}
body{font-family:Poppins,Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}

/* ---------- APPLICATION SHELL ---------- */
body:has(.menu-lateral){
  margin:0!important;
  padding-left:var(--pos-menu-width,264px)!important;
  background:var(--dj18-bg)!important;
  color:var(--dj18-ink)!important;
  overflow-x:hidden!important;
}
body:has(.menu-lateral) main,
body:has(.menu-lateral) .contenido,
body:has(.menu-lateral) .contenedor,
body:has(.menu-lateral) .pos-container,
body:has(.menu-lateral) .productos-contenido,
body:has(.menu-lateral) .marcas-contenido,
body:has(.menu-lateral) .rep-v18{
  min-width:0!important;
}
body:has(.menu-lateral) .contenedor,
body:has(.menu-lateral) .pos-container{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:24px 28px 42px!important;
}
body:has(.menu-lateral) .contenido{
  width:100%!important;
  min-height:100vh!important;
}
body:has(.menu-lateral) .card,
body:has(.menu-lateral) .panel,
body:has(.menu-lateral) .tarjeta,
body:has(.menu-lateral) .productos-tarjeta,
body:has(.menu-lateral) .marcas-tarjeta,
body:has(.menu-lateral) .order,
body:has(.menu-lateral) .report-card,
body:has(.menu-lateral) .cash-card,
body:has(.menu-lateral) .fidelity-card{
  border:1px solid var(--dj18-line)!important;
  border-radius:18px!important;
  box-shadow:var(--dj18-shadow)!important;
}

/* ---------- ALL LEGACY HEADERS ---------- */
body:has(.menu-lateral) .encabezado,
body:has(.menu-lateral) .cabecera,
body:has(.menu-lateral) .page-header,
body:has(.menu-lateral) .header-modulo,
body:has(.menu-lateral) .pos-page-head,
body:has(.menu-lateral) .productos-encabezado,
body:has(.menu-lateral) .marcas-encabezado,
body:has(.menu-lateral) > .head{
  position:relative!important;
  overflow:hidden!important;
  color:#fff!important;
  background:
    radial-gradient(560px 260px at 96% 0,rgba(6,182,212,.20),transparent 62%),
    radial-gradient(520px 300px at 72% 120%,rgba(168,85,247,.25),transparent 64%),
    linear-gradient(115deg,#071322 0%,#151c39 48%,#44318d 100%)!important;
  border:0!important;
  box-shadow:0 14px 34px rgba(15,23,42,.11)!important;
}
body:has(.menu-lateral) .encabezado h1,
body:has(.menu-lateral) .cabecera h1,
body:has(.menu-lateral) .page-header h1,
body:has(.menu-lateral) .header-modulo h1,
body:has(.menu-lateral) .pos-page-head h1,
body:has(.menu-lateral) .productos-encabezado h1,
body:has(.menu-lateral) .marcas-encabezado h1,
body:has(.menu-lateral) > .head h1{
  color:#fff!important;
  font-family:Poppins,Inter,sans-serif!important;
  font-weight:800!important;
}
body:has(.menu-lateral) .encabezado p,
body:has(.menu-lateral) .cabecera p,
body:has(.menu-lateral) .page-header p,
body:has(.menu-lateral) .header-modulo p,
body:has(.menu-lateral) .pos-page-head p,
body:has(.menu-lateral) .productos-encabezado p,
body:has(.menu-lateral) .marcas-encabezado p,
body:has(.menu-lateral) > .head p{
  color:#dbeafe!important;
}

/* ---------- PRODUCTS ---------- */
body:has(.menu-lateral) .productos-contenido{
  background:var(--dj18-bg)!important;
  color:var(--dj18-ink)!important;
  font-family:Poppins,Inter,sans-serif!important;
}
body:has(.menu-lateral) .productos-contenedor{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:26px 30px 42px!important;
  background:transparent!important;
}
body:has(.menu-lateral) .productos-tarjeta,
body:has(.menu-lateral) .productos-tabla-contenedor{
  background:var(--dj18-card)!important;
}
body:has(.menu-lateral) .productos-tabla-contenedor{overflow-x:auto!important}
body:has(.menu-lateral) .productos-tabla{min-width:900px}
body:has(.menu-lateral) .productos-tabla th{
  background:#f5f7fb!important;
  color:#475569!important;
  border-color:#e2e8f0!important;
}
body:has(.menu-lateral) .productos-tabla td{
  color:#172033!important;
  border-color:#e2e8f0!important;
}
body:has(.menu-lateral) .productos-input,
body:has(.menu-lateral) .productos-busqueda,
body:has(.menu-lateral) .productos-select{
  background:#fff!important;color:#0f172a!important;border-color:#d7e0ea!important;
}

/* ---------- BRANDS ---------- */
body:has(.menu-lateral) .marcas-contenido{
  min-height:100vh!important;
  background:var(--dj18-bg)!important;
  color:var(--dj18-ink)!important;
  font-family:Poppins,Inter,sans-serif!important;
}
body:has(.menu-lateral) .marcas-contenedor{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:26px 30px 42px!important;
}
body:has(.menu-lateral) .marcas-tarjeta{background:#fff!important}
body:has(.menu-lateral) .marcas-tabla-wrap{overflow-x:auto!important}
body:has(.menu-lateral) .marcas-tabla{min-width:760px}
body:has(.menu-lateral) .marcas-tabla th{
  background:#f5f7fb!important;color:#475569!important;border-color:#e2e8f0!important;
}
body:has(.menu-lateral) .marcas-tabla td{
  color:#172033!important;border-color:#e2e8f0!important;
}
body:has(.menu-lateral) .marca-nombre{color:#0f172a!important}
body:has(.menu-lateral) .marca-descripcion{color:#64748b!important}
body:has(.menu-lateral) .marcas-input,
body:has(.menu-lateral) .marcas-select{
  background:#fff!important;color:#0f172a!important;border-color:#d7e0ea!important;
}

/* ---------- MODULES WITH GENERIC .wrap/.head ---------- */
body:has(.menu-lateral) > .wrap,
body:has(.menu-lateral) main.wrap{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:24px 30px 42px!important;
}
body:has(.menu-lateral) > .head + .wrap,
body:has(.menu-lateral) > .head + main.wrap{
  max-width:1500px!important;
}
body:has(.menu-lateral) > .head{
  width:100%!important;
}
body:has(.menu-lateral) > .wrap > .card,
body:has(.menu-lateral) main.wrap > .card,
body:has(.menu-lateral) > .wrap > .order,
body:has(.menu-lateral) main.wrap > .order{
  background:#fff!important;color:#0f172a!important;
}

/* ---------- GENERIC FORMS ---------- */
body:has(.menu-lateral) input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
body:has(.menu-lateral) select,
body:has(.menu-lateral) textarea{
  font-family:Poppins,Inter,sans-serif!important;
  border-radius:11px!important;
}
body:has(.menu-lateral) label{
  color:#475569;
  font-weight:700;
}
body:has(.menu-lateral) table{border-color:#e2e8f0}
body:has(.menu-lateral) table th{font-weight:800}

/* ---------- FIDELITY ---------- */
body:has(.menu-lateral) .fidelity-summary,
body:has(.menu-lateral) .fidelity-card{
  font-family:Poppins,Inter,sans-serif!important;
  background:#fff!important;
  color:#172033!important;
  border-color:#dfe7f1!important;
}
body:has(.menu-lateral) .fidelity-summary h2,
body:has(.menu-lateral) .fidelity-card h3{color:#0f172a!important}
body:has(.menu-lateral) .fidelity-summary p,
body:has(.menu-lateral) .fidelity-card>p,
body:has(.menu-lateral) .fidelity-meta span{color:#64748b!important}
body:has(.menu-lateral) .fidelity-meta{border-color:#edf1f5!important}
body:has(.menu-lateral) .fidelity-meta b,
body:has(.menu-lateral) .fidelity-reward>b{color:#172033!important}

/* ---------- REPORTS ---------- */
body:has(.menu-lateral) .rep-v18{
  background:var(--dj18-bg)!important;
  color:var(--dj18-ink)!important;
  font-family:Poppins,Inter,sans-serif!important;
}
body:has(.menu-lateral) .rep-v18 .panel{
  background:#fff!important;
  border:1px solid #dfe7f1!important;
  border-radius:18px!important;
  color:#172033!important;
}
body:has(.menu-lateral) .rep-v18 .hero{
  background:
    radial-gradient(500px 220px at 95% 0,rgba(6,182,212,.16),transparent 60%),
    linear-gradient(115deg,#071322,#171c39 52%,#44318d)!important;
  color:#fff!important;
}
body:has(.menu-lateral) .rep-v18 .hero h2,
body:has(.menu-lateral) .rep-v18 .hero p{color:#fff!important}
body:has(.menu-lateral) .rep-v18 .kpi,
body:has(.menu-lateral) .rep-v18 .flow>div,
body:has(.menu-lateral) .rep-v18 .mini-grid>div,
body:has(.menu-lateral) .rep-v18 .explain div{
  background:#fff!important;border-color:#dfe7f1!important;color:#172033!important;
}

/* ---------- DARK MODE: COMPLETE SURFACE RESET ---------- */
body.pos-dark:has(.menu-lateral),
body.pos-dark:has(.menu-lateral) .productos-contenido,
body.pos-dark:has(.menu-lateral) .marcas-contenido,
body.pos-dark:has(.menu-lateral) .rep-v18{
  background:#070c16!important;color:#f1f5f9!important;
}
body.pos-dark:has(.menu-lateral) .contenedor,
body.pos-dark:has(.menu-lateral) .pos-container{background:transparent!important}
body.pos-dark:has(.menu-lateral) .card,
body.pos-dark:has(.menu-lateral) .panel,
body.pos-dark:has(.menu-lateral) .tarjeta,
body.pos-dark:has(.menu-lateral) .productos-tarjeta,
body.pos-dark:has(.menu-lateral) .productos-tabla-contenedor,
body.pos-dark:has(.menu-lateral) .marcas-tarjeta,
body.pos-dark:has(.menu-lateral) .order,
body.pos-dark:has(.menu-lateral) .fidelity-card,
body.pos-dark:has(.menu-lateral) .fidelity-summary,
body.pos-dark:has(.menu-lateral) main.wrap>.card,
body.pos-dark:has(.menu-lateral) > .wrap>.card{
  background:#0d1524!important;
  color:#e5e7eb!important;
  border-color:#26364d!important;
  box-shadow:0 16px 42px rgba(0,0,0,.18)!important;
}
body.pos-dark:has(.menu-lateral) h1,
body.pos-dark:has(.menu-lateral) h2,
body.pos-dark:has(.menu-lateral) h3,
body.pos-dark:has(.menu-lateral) h4,
body.pos-dark:has(.menu-lateral) strong,
body.pos-dark:has(.menu-lateral) .fidelity-card h3,
body.pos-dark:has(.menu-lateral) .fidelity-summary h2{
  color:#f1f5f9!important;
}
body.pos-dark:has(.menu-lateral) p,
body.pos-dark:has(.menu-lateral) label,
body.pos-dark:has(.menu-lateral) .muted,
body.pos-dark:has(.menu-lateral) .descripcion,
body.pos-dark:has(.menu-lateral) .ayuda,
body.pos-dark:has(.menu-lateral) .marca-descripcion,
body.pos-dark:has(.menu-lateral) .fidelity-summary p,
body.pos-dark:has(.menu-lateral) .fidelity-card>p{
  color:#94a3b8!important;
}
body.pos-dark:has(.menu-lateral) input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
body.pos-dark:has(.menu-lateral) select,
body.pos-dark:has(.menu-lateral) textarea,
body.pos-dark:has(.menu-lateral) .field,
body.pos-dark:has(.menu-lateral) .marcas-input,
body.pos-dark:has(.menu-lateral) .marcas-select,
body.pos-dark:has(.menu-lateral) .productos-busqueda,
body.pos-dark:has(.menu-lateral) .productos-select{
  background:#0a1220!important;
  color:#f1f5f9!important;
  border-color:#334155!important;
}
body.pos-dark:has(.menu-lateral) input::placeholder,
body.pos-dark:has(.menu-lateral) textarea::placeholder{color:#64748b!important}
body.pos-dark:has(.menu-lateral) table th,
body.pos-dark:has(.menu-lateral) .marcas-tabla th,
body.pos-dark:has(.menu-lateral) .productos-tabla th{
  background:#111c2d!important;color:#aebbd0!important;border-color:#26364d!important;
}
body.pos-dark:has(.menu-lateral) table td,
body.pos-dark:has(.menu-lateral) .marcas-tabla td,
body.pos-dark:has(.menu-lateral) .productos-tabla td{
  background:#0d1524!important;color:#e5e7eb!important;border-color:#26364d!important;
}
body.pos-dark:has(.menu-lateral) table tbody tr:hover td,
body.pos-dark:has(.menu-lateral) .marcas-tabla tbody tr:hover td,
body.pos-dark:has(.menu-lateral) .productos-tabla tbody tr:hover td{
  background:#111c2d!important;
}
body.pos-dark:has(.menu-lateral) .fidelity-meta{border-color:#26364d!important}
body.pos-dark:has(.menu-lateral) .fidelity-meta span{color:#94a3b8!important}
body.pos-dark:has(.menu-lateral) .fidelity-meta b,
body.pos-dark:has(.menu-lateral) .fidelity-reward>b{color:#f1f5f9!important}
body.pos-dark:has(.menu-lateral) .fidelity-reward,
body.pos-dark:has(.menu-lateral) .fidelity-intro{
  background:#0a1220!important;border-color:#26364d!important;
}
body.pos-dark:has(.menu-lateral) .fidelity-reward>span,
body.pos-dark:has(.menu-lateral) .field-hint,
body.pos-dark:has(.menu-lateral) .muted-label{color:#94a3b8!important}

/* Generic buttons: brand them without destroying status colors. */
body:has(.menu-lateral) .btn.primary,
body:has(.menu-lateral) .btn-primary,
body:has(.menu-lateral) .productos-btn-primario,
body:has(.menu-lateral) .marcas-btn-primario,
body:has(.menu-lateral) .btn-azul{
  background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;
  border-color:#6366f1!important;color:#fff!important;
}
body:has(.menu-lateral) .btn.primary:hover,
body:has(.menu-lateral) .btn-primary:hover,
body:has(.menu-lateral) .productos-btn-primario:hover,
body:has(.menu-lateral) .marcas-btn-primario:hover{filter:brightness(1.06)}
body.pos-dark:has(.menu-lateral) .btn:not(.primary):not(.btn-primary):not(.danger):not(.btn-danger){
  background:#111c2d!important;color:#e5e7eb!important;border-color:#334155!important;
}

/* ---------- SUBSCRIPTION MODALS / DESTRUCTIVE ACTIONS ---------- */
body:has(.subscription-actions) .modal-back{
  position:fixed!important;inset:0!important;z-index:99999!important;
  display:none!important;align-items:center!important;justify-content:center!important;
  padding:20px!important;background:rgba(2,6,23,.74)!important;backdrop-filter:blur(6px)!important;
}
body:has(.subscription-actions) .modal-back.open{display:flex!important}
body:has(.subscription-actions) .modal{
  width:min(540px,100%)!important;
  max-height:min(86vh,720px)!important;overflow:auto!important;
  background:#fff!important;color:#0f172a!important;
  border:1px solid #e2e8f0!important;border-radius:22px!important;padding:28px!important;
  box-shadow:0 30px 90px rgba(2,6,23,.34)!important;
}
body:has(.subscription-actions) .modal h3{color:#0f172a!important}
body:has(.subscription-actions) .modal p{color:#64748b!important}
body:has(.subscription-actions) .subscription-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
body:has(.subscription-actions) .subscription-actions .btn.danger{
  background:#fff1f2!important;color:#be123c!important;border-color:#fecdd3!important;
}
body.pos-dark:has(.subscription-actions) .modal{
  background:#0d1524!important;color:#f1f5f9!important;border-color:#26364d!important;
}
body.pos-dark:has(.subscription-actions) .modal h3{color:#f1f5f9!important}
body.pos-dark:has(.subscription-actions) .modal p{color:#94a3b8!important}
body.pos-dark:has(.subscription-actions) .modal .btn.light{background:#111c2d!important;color:#e5e7eb!important;border-color:#334155!important}
body.pos-dark:has(.subscription-actions) .subscription-actions .btn.danger{background:#351521!important;color:#fda4af!important;border-color:#7f1d35!important}

/* ---------- SIDEBAR LOGO ---------- */
.menu-logo{
  height:96px!important;
  padding:5px 10px 5px 14px!important;
  overflow:visible!important;
  background:linear-gradient(135deg,#071322 0%,#101b33 55%,#29205b 100%)!important;
}
.menu-brand{
  height:100%!important;display:flex!important;align-items:center!important;
  min-width:0!important;overflow:visible!important;
}
.menu-brand img{
  width:202px!important;max-width:calc(100% - 42px)!important;
  height:auto!important;max-height:86px!important;
  object-fit:contain!important;object-position:center!important;
  display:block!important;
}
.boton-contraer-menu{flex:0 0 36px!important}
.menu-lateral.menu-contraido .menu-brand{display:none!important}

/* ---------- RESPONSIVE: REFLOW, NEVER SHRINK THE APP ---------- */
@media(max-width:900px){
  body:has(.menu-lateral){padding-left:0!important}
  body:has(.menu-lateral) .contenedor,
  body:has(.menu-lateral) .pos-container,
  body:has(.menu-lateral) .productos-contenedor,
  body:has(.menu-lateral) .marcas-contenedor,
  body:has(.menu-lateral) > .wrap,
  body:has(.menu-lateral) main.wrap{
    max-width:none!important;width:100%!important;padding:18px 16px 30px!important;
  }
  body:has(.menu-lateral) .encabezado,
  body:has(.menu-lateral) .cabecera,
  body:has(.menu-lateral) .page-header,
  body:has(.menu-lateral) .header-modulo,
  body:has(.menu-lateral) .pos-page-head,
  body:has(.menu-lateral) .productos-encabezado,
  body:has(.menu-lateral) .marcas-encabezado,
  body:has(.menu-lateral)> .head{
    padding:24px 20px!important;min-height:126px!important;
  }
  body:has(.menu-lateral) .productos-barra-superior,
  body:has(.menu-lateral) .marcas-barra,
  body:has(.menu-lateral) .acciones,
  body:has(.menu-lateral) .top{
    flex-wrap:wrap!important;
  }
  body:has(.menu-lateral) .productos-herramientas,
  body:has(.menu-lateral) .marcas-herramientas,
  body:has(.menu-lateral) .filters,
  body:has(.menu-lateral) .filter-grid{
    grid-template-columns:1fr 1fr!important;
  }
  body:has(.menu-lateral) .grid,
  body:has(.menu-lateral) .grid2,
  body:has(.menu-lateral) .report-grid,
  body:has(.menu-lateral) .kpis,
  body:has(.menu-lateral) .report-kpis,
  body:has(.menu-lateral) .cash-grid,
  body:has(.menu-lateral) .fidelity-cards,
  body:has(.menu-lateral) .plans{
    grid-template-columns:1fr 1fr!important;
  }
  body:has(.menu-lateral) .tabla-wrap,
  body:has(.menu-lateral) .marcas-tabla-wrap,
  body:has(.menu-lateral) .productos-tabla-contenedor,
  body:has(.menu-lateral) .table-wrap{
    width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;
  }
  body:has(.menu-lateral) .tabla,
  body:has(.menu-lateral) .marcas-tabla,
  body:has(.menu-lateral) .productos-tabla,
  body:has(.menu-lateral) .table{
    min-width:720px!important;
  }
}
@media(max-width:650px){
  .menu-logo{height:96px!important}
  .menu-brand img{width:210px!important;max-width:calc(100% - 48px)!important;max-height:88px!important}
  body:has(.menu-lateral) .contenedor,
  body:has(.menu-lateral) .pos-container,
  body:has(.menu-lateral) .productos-contenedor,
  body:has(.menu-lateral) .marcas-contenedor,
  body:has(.menu-lateral) > .wrap,
  body:has(.menu-lateral) main.wrap{padding:14px 12px 28px!important}
  body:has(.menu-lateral) .encabezado,
  body:has(.menu-lateral) .cabecera,
  body:has(.menu-lateral) .page-header,
  body:has(.menu-lateral) .header-modulo,
  body:has(.menu-lateral) .pos-page-head,
  body:has(.menu-lateral) .productos-encabezado,
  body:has(.menu-lateral) .marcas-encabezado,
  body:has(.menu-lateral)> .head{padding:22px 16px!important;min-height:112px!important}
  body:has(.menu-lateral) .encabezado h1,
  body:has(.menu-lateral) .cabecera h1,
  body:has(.menu-lateral) .page-header h1,
  body:has(.menu-lateral) .header-modulo h1,
  body:has(.menu-lateral) .pos-page-head h1,
  body:has(.menu-lateral) .productos-encabezado h1,
  body:has(.menu-lateral) .marcas-encabezado h1,
  body:has(.menu-lateral)> .head h1{font-size:25px!important;line-height:1.08!important}
  body:has(.menu-lateral) .productos-herramientas,
  body:has(.menu-lateral) .marcas-herramientas,
  body:has(.menu-lateral) .filters,
  body:has(.menu-lateral) .filter-grid,
  body:has(.menu-lateral) .grid,
  body:has(.menu-lateral) .grid2,
  body:has(.menu-lateral) .kpis,
  body:has(.menu-lateral) .report-kpis,
  body:has(.menu-lateral) .cash-grid,
  body:has(.menu-lateral) .fidelity-cards,
  body:has(.menu-lateral) .plans{
    grid-template-columns:1fr!important;
  }
  body:has(.menu-lateral) .card,
  body:has(.menu-lateral) .panel,
  body:has(.menu-lateral) .tarjeta,
  body:has(.menu-lateral) .productos-tarjeta,
  body:has(.menu-lateral) .marcas-tarjeta,
  body:has(.menu-lateral) .order{border-radius:16px!important;padding:16px!important}
  body:has(.menu-lateral) .productos-tabla-contenedor,
  body:has(.menu-lateral) .marcas-tabla-wrap{padding:0!important}
  body:has(.menu-lateral) .acciones .btn,
  body:has(.menu-lateral) .pro-actions .btn,
  body:has(.menu-lateral) .subscription-actions .btn{width:auto;max-width:100%}
  body:has(.menu-lateral) .subscription-actions{display:grid!important;grid-template-columns:1fr!important}
  body:has(.menu-lateral) .subscription-actions .btn{width:100%!important}
}
@media(max-width:420px){
  body:has(.menu-lateral) .encabezado h1,
  body:has(.menu-lateral) .cabecera h1,
  body:has(.menu-lateral) .page-header h1,
  body:has(.menu-lateral) .header-modulo h1,
  body:has(.menu-lateral) .pos-page-head h1,
  body:has(.menu-lateral) .productos-encabezado h1,
  body:has(.menu-lateral) .marcas-encabezado h1,
  body:has(.menu-lateral)> .head h1{font-size:22px!important}
  body:has(.menu-lateral) .btn,
  body:has(.menu-lateral) button,
  body:has(.menu-lateral) input,
  body:has(.menu-lateral) select{max-width:100%}
}

/* ---------- DARK RESPONSIVE ---------- */
@media(max-width:900px){
  body.pos-dark:has(.menu-lateral) .marcas-contenedor,
  body.pos-dark:has(.menu-lateral) .productos-contenedor{background:transparent!important}
}

/* ---------- AUTH / REGISTER RESPONSIVE BRAND ---------- */
@media(max-width:720px){
  body:has(.pitch) .box{width:min(560px,calc(100% - 20px))!important;grid-template-columns:1fr!important}
  body:has(.pitch) .pitch{
    display:block!important;
    padding:24px!important;
    min-height:0!important;
    border-radius:22px 22px 0 0!important;
  }
  body:has(.pitch) .pitch .brand{
    min-height:0!important;align-items:center!important;
  }
  body:has(.pitch) .pitch .brand img{
    width:min(235px,72vw)!important;height:auto!important;max-height:none!important;
  }
  body:has(.pitch) .pitch h1{
    margin:16px 0 0!important;font-size:24px!important;
  }
  body:has(.pitch) .pitch p{font-size:13px!important;margin-bottom:0!important}
  body:has(.pitch) .pitch ul{display:none!important}
  body:has(.pitch) .form,body:has(.pitch) .formbox{padding:24px!important}
}
@media(max-width:420px){
  body:has(.pitch) .pitch{padding:20px!important}
  body:has(.pitch) .pitch .brand img{width:210px!important}
  body:has(.pitch) .form,body:has(.pitch) .formbox{padding:20px!important}
}

/* =====================================================================
   DILJUM POS V19 — DESIGN SYSTEM UNIFICATION
   Última capa visual. No cambia lógica, consultas, sesiones, permisos,
   formularios ni operaciones. Su objetivo es eliminar estilos legacy
   que todavía pintaban módulos con el antiguo tema azul/blanco.
   ===================================================================== */
:root{
  --dj19-bg:#f4f7fb;
  --dj19-surface:#ffffff;
  --dj19-surface-2:#f8fafc;
  --dj19-input:#ffffff;
  --dj19-text:#0f172a;
  --dj19-muted:#64748b;
  --dj19-soft:#94a3b8;
  --dj19-border:#d9e2ee;
  --dj19-primary:#6366f1;
  --dj19-primary-2:#8b5cf6;
  --dj19-cyan:#06b6d4;
  --dj19-success:#10b981;
  --dj19-danger:#ef4444;
  --dj19-danger-bg:#fff1f2;
  --dj19-header:linear-gradient(115deg,#071322 0%,#151c39 48%,#44318d 100%);
  --dj19-shadow:0 12px 32px rgba(15,23,42,.08);
}
body.pos-dark{
  --dj19-bg:#070c16;
  --dj19-surface:#0d1524;
  --dj19-surface-2:#111c2d;
  --dj19-input:#0a1220;
  --dj19-text:#f8fafc;
  --dj19-muted:#94a3b8;
  --dj19-soft:#64748b;
  --dj19-border:#26364d;
  --dj19-danger-bg:#351521;
  --dj19-shadow:0 16px 38px rgba(0,0,0,.22);
}

/* ---------- COMMON VISUAL CONTRACT ---------- */
body:has(.menu-lateral){
  background:var(--dj19-bg)!important;
  color:var(--dj19-text)!important;
}
body:has(.menu-lateral) a:not(.btn):not(.boton):not(.marcas-btn):not(.imp-btn){color:inherit}
body:has(.menu-lateral) h1,body:has(.menu-lateral) h2,body:has(.menu-lateral) h3,body:has(.menu-lateral) h4,
body:has(.menu-lateral) strong,body:has(.menu-lateral) b{color:var(--dj19-text)}
body.pos-dark:has(.menu-lateral) h1,body.pos-dark:has(.menu-lateral) h2,body.pos-dark:has(.menu-lateral) h3,
body.pos-dark:has(.menu-lateral) h4,body.pos-dark:has(.menu-lateral) strong,body.pos-dark:has(.menu-lateral) b{color:#f8fafc!important}

/* Every old page header gets exactly the same DILJUM treatment. */
body:has(.menu-lateral) .marcas-encabezado,
body:has(.menu-lateral) .impuestos-encabezado,
body:has(.menu-lateral) .imp-head,
body:has(.menu-lateral) .marcas-header,
body:has(.menu-lateral) .head,
body:has(.menu-lateral) .header,
body:has(.menu-lateral) .encabezado,
body:has(.menu-lateral) .cabecera,
body:has(.menu-lateral) .pos-page-head,
body:has(.menu-lateral) .productos-encabezado{
  background:
    radial-gradient(620px 280px at 96% 0,rgba(6,182,212,.18),transparent 62%),
    radial-gradient(540px 320px at 72% 120%,rgba(168,85,247,.26),transparent 64%),
    var(--dj19-header)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 12px 34px rgba(2,6,23,.12)!important;
}
body:has(.menu-lateral) .marcas-encabezado h1,
body:has(.menu-lateral) .impuestos-encabezado h1,
body:has(.menu-lateral) .imp-head h1,
body:has(.menu-lateral) .marcas-header h1,
body:has(.menu-lateral) .head h1,
body:has(.menu-lateral) .header h1,
body:has(.menu-lateral) .encabezado h1,
body:has(.menu-lateral) .cabecera h1,
body:has(.menu-lateral) .pos-page-head h1,
body:has(.menu-lateral) .productos-encabezado h1{color:#fff!important;font-weight:800!important}
body:has(.menu-lateral) .marcas-encabezado p,
body:has(.menu-lateral) .impuestos-encabezado p,
body:has(.menu-lateral) .imp-head p,
body:has(.menu-lateral) .marcas-header p,
body:has(.menu-lateral) .head p,
body:has(.menu-lateral) .header p,
body:has(.menu-lateral) .encabezado p,
body:has(.menu-lateral) .cabecera p,
body:has(.menu-lateral) .pos-page-head p,
body:has(.menu-lateral) .productos-encabezado p{color:#cbd5e1!important}

/* ---------- LEGACY FORMS: MARCAS ---------- */
body:has(.menu-lateral) .marcas-form,
body:has(.menu-lateral) .imp-form-wrap{
  min-height:100vh!important;
  background:var(--dj19-bg)!important;
  color:var(--dj19-text)!important;
  font-family:Poppins,Inter,system-ui,sans-serif!important;
}
body:has(.menu-lateral) .marcas-container,
body:has(.menu-lateral) .imp-container{max-width:1100px!important;padding:28px!important}
body:has(.menu-lateral) .marcas-card,
body:has(.menu-lateral) .imp-card{
  background:var(--dj19-surface)!important;
  color:var(--dj19-text)!important;
  border:1px solid var(--dj19-border)!important;
  border-radius:20px!important;
  box-shadow:var(--dj19-shadow)!important;
}
body:has(.menu-lateral) .marcas-title,
body:has(.menu-lateral) .marcas-card h2,
body:has(.menu-lateral) .imp-card h1,
body:has(.menu-lateral) .imp-card h2{color:var(--dj19-text)!important;font-family:Poppins,sans-serif!important}
body:has(.menu-lateral) .marcas-help,
body:has(.menu-lateral) .marcas-ayuda,
body:has(.menu-lateral) .marcas-help span,
body:has(.menu-lateral) .imp-help{color:var(--dj19-muted)!important}
body:has(.menu-lateral) .marcas-label,
body:has(.menu-lateral) .imp-field label{color:var(--dj19-text)!important}
body:has(.menu-lateral) .marcas-label span{color:var(--dj19-soft)!important}
body:has(.menu-lateral) .marcas-input,
body:has(.menu-lateral) .marcas-textarea,
body:has(.menu-lateral) .imp-field input,
body:has(.menu-lateral) .imp-field select{
  background:var(--dj19-input)!important;
  color:var(--dj19-text)!important;
  border:1px solid var(--dj19-border)!important;
  border-radius:12px!important;
  font-family:Poppins,Inter,sans-serif!important;
  box-shadow:none!important;
}
body:has(.menu-lateral) .marcas-input::placeholder,
body:has(.menu-lateral) .marcas-textarea::placeholder,
body:has(.menu-lateral) .imp-field input::placeholder{color:var(--dj19-soft)!important;opacity:1!important}
body:has(.menu-lateral) .marcas-input:focus,
body:has(.menu-lateral) .marcas-textarea:focus,
body:has(.menu-lateral) .imp-field input:focus,
body:has(.menu-lateral) .imp-field select:focus{border-color:var(--dj19-primary)!important;box-shadow:0 0 0 3px rgba(99,102,241,.14)!important}
body:has(.menu-lateral) .marcas-actions,
body:has(.menu-lateral) .imp-actions{border-color:var(--dj19-border)!important}
body:has(.menu-lateral) .marcas-btn,
body:has(.menu-lateral) .imp-btn{background:var(--dj19-surface-2)!important;color:var(--dj19-text)!important;border-color:var(--dj19-border)!important;border-radius:12px!important}
body:has(.menu-lateral) .marcas-primary,
body:has(.menu-lateral) .imp-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border-color:transparent!important}
body.pos-dark:has(.menu-lateral) .marcas-btn,
body.pos-dark:has(.menu-lateral) .imp-btn{background:#111c2d!important;color:#f8fafc!important;border-color:#334155!important}
body.pos-dark:has(.menu-lateral) .marcas-primary,
body.pos-dark:has(.menu-lateral) .imp-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important}
body:has(.menu-lateral) .imp-check span{color:var(--dj19-text)!important}

/* ---------- LEGACY LISTS: MARCAS / IMPUESTOS ---------- */
body:has(.menu-lateral) .marcas-contenido,
body:has(.menu-lateral) .impuestos-contenido{background:var(--dj19-bg)!important;color:var(--dj19-text)!important;min-height:100vh!important}
body:has(.menu-lateral) .marcas-contenedor,
body:has(.menu-lateral) .impuestos-contenedor{max-width:1500px!important;margin:0 auto!important;padding:26px 28px 42px!important}
body:has(.menu-lateral) .marcas-barra,
body:has(.menu-lateral) .impuestos-barra,
body:has(.menu-lateral) .marcas-herramientas,
body:has(.menu-lateral) .impuestos-herramientas{
  background:transparent!important;color:var(--dj19-text)!important;border-color:transparent!important;
}
body:has(.menu-lateral) .marcas-tarjeta,
body:has(.menu-lateral) .impuestos-tarjeta{
  background:var(--dj19-surface)!important;color:var(--dj19-text)!important;
  border:1px solid var(--dj19-border)!important;border-radius:18px!important;box-shadow:var(--dj19-shadow)!important;overflow:hidden!important;
}
body:has(.menu-lateral) .marcas-tabla-wrap,
body:has(.menu-lateral) .impuestos-tabla-wrap{background:transparent!important;overflow-x:auto!important}
body:has(.menu-lateral) .marcas-tabla,
body:has(.menu-lateral) .impuestos-tabla{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:var(--dj19-surface)!important}
body:has(.menu-lateral) .marcas-tabla th,
body:has(.menu-lateral) .impuestos-tabla th{
  background:var(--dj19-surface-2)!important;color:var(--dj19-muted)!important;border-color:var(--dj19-border)!important;
  text-transform:uppercase!important;font-size:10px!important;letter-spacing:.5px!important;font-weight:800!important;
}
body:has(.menu-lateral) .marcas-tabla td,
body:has(.menu-lateral) .impuestos-tabla td{background:var(--dj19-surface)!important;color:var(--dj19-text)!important;border-color:var(--dj19-border)!important}
body.pos-dark:has(.menu-lateral) .marcas-tabla th,
body.pos-dark:has(.menu-lateral) .impuestos-tabla th{background:#111c2d!important;color:#94a3b8!important}
body.pos-dark:has(.menu-lateral) .marcas-tabla td,
body.pos-dark:has(.menu-lateral) .impuestos-tabla td{background:#0d1524!important;color:#e5e7eb!important}
body:has(.menu-lateral) .marca-nombre,
body:has(.menu-lateral) .impuesto-nombre{color:var(--dj19-text)!important;font-weight:800!important}
body:has(.menu-lateral) .marca-descripcion,
body:has(.menu-lateral) .impuesto-tipo{color:var(--dj19-muted)!important}
body:has(.menu-lateral) .marcas-btn-primario,
body:has(.menu-lateral) .impuestos-btn-primario{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border-color:transparent!important}
body:has(.menu-lateral) .marcas-btn-danger,
body:has(.menu-lateral) .impuestos-btn-danger{background:var(--dj19-danger-bg)!important;color:#dc2626!important;border-color:#fecdd3!important}
body:has(.menu-lateral) .marcas-btn:not(.marcas-btn-primario):not(.marcas-btn-danger),
body:has(.menu-lateral) .impuestos-btn:not(.impuestos-btn-primario):not(.impuestos-btn-danger){background:var(--dj19-surface-2)!important;color:var(--dj19-text)!important;border-color:var(--dj19-border)!important}
body.pos-dark:has(.menu-lateral) .marcas-btn-danger,
body.pos-dark:has(.menu-lateral) .impuestos-btn-danger{background:#351521!important;color:#fda4af!important;border-color:#7f1d35!important}

/* ---------- TABLES / METHODS OF PAYMENT ---------- */
body:has(.menu-lateral) .tabla-contenedor,
body:has(.menu-lateral) .tabla-wrap,
body:has(.menu-lateral) .table-wrap{
  background:var(--dj19-surface)!important;color:var(--dj19-text)!important;border:1px solid var(--dj19-border)!important;
  border-radius:18px!important;box-shadow:var(--dj19-shadow)!important;overflow-x:auto!important;
}
body:has(.menu-lateral) .tarjeta{background:var(--dj19-surface)!important;color:var(--dj19-text)!important;border-color:var(--dj19-border)!important}
body:has(.menu-lateral) .descripcion,
body:has(.menu-lateral) .titulo-seccion{color:var(--dj19-muted)!important}
body:has(.menu-lateral) .metodos_pago table,
body:has(.menu-lateral) .tabla-contenedor table{background:var(--dj19-surface)!important;color:var(--dj19-text)!important;border-collapse:separate!important;border-spacing:0!important}
body:has(.menu-lateral) .tabla-contenedor th{background:var(--dj19-surface-2)!important;color:var(--dj19-muted)!important;border-color:var(--dj19-border)!important}
body:has(.menu-lateral) .tabla-contenedor td{background:var(--dj19-surface)!important;color:var(--dj19-text)!important;border-color:var(--dj19-border)!important}
body.pos-dark:has(.menu-lateral) .tabla-contenedor th{background:#111c2d!important;color:#94a3b8!important}
body.pos-dark:has(.menu-lateral) .tabla-contenedor td{background:#0d1524!important;color:#e5e7eb!important}
body:has(.menu-lateral) .campo label,
body:has(.menu-lateral) .formulario label{color:var(--dj19-text)!important}
body:has(.menu-lateral) .campo small,
body:has(.menu-lateral) .formulario small{color:var(--dj19-muted)!important}
body:has(.menu-lateral) .btn-azul,
body:has(.menu-lateral) .btn-amarillo,
body:has(.menu-lateral) .btn-gris{background:var(--dj19-surface-2)!important;color:var(--dj19-text)!important;border:1px solid var(--dj19-border)!important}
body:has(.menu-lateral) .btn-azul{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border-color:transparent!important}
body:has(.menu-lateral) .btn-rojo{background:var(--dj19-danger-bg)!important;color:#dc2626!important;border:1px solid #fecdd3!important}
body.pos-dark:has(.menu-lateral) .btn-amarillo,body.pos-dark:has(.menu-lateral) .btn-gris,body.pos-dark:has(.menu-lateral) .btn-azul:not(.primary){background:#111c2d!important;color:#e5e7eb!important;border-color:#334155!important}
body.pos-dark:has(.menu-lateral) .btn-rojo{background:#351521!important;color:#fda4af!important;border-color:#7f1d35!important}

/* ---------- RESTAURANT: TABLES / KITCHEN ---------- */
body:has(.menu-lateral) .wrap{background:transparent!important;color:var(--dj19-text)!important}
body:has(.menu-lateral) .grid{color:var(--dj19-text)!important}
body:has(.menu-lateral) .grid>.card,
body:has(.menu-lateral) .order{
  background:var(--dj19-surface)!important;color:var(--dj19-text)!important;
  border:1px solid var(--dj19-border)!important;border-radius:18px!important;box-shadow:var(--dj19-shadow)!important;
}
body:has(.menu-lateral) .form{background:transparent!important;color:var(--dj19-text)!important}
body:has(.menu-lateral) .form .input,
body:has(.menu-lateral) .form .select,
body:has(.menu-lateral) .input,
body:has(.menu-lateral) .select{
  background:var(--dj19-input)!important;color:var(--dj19-text)!important;border:1px solid var(--dj19-border)!important;border-radius:12px!important;
}
body:has(.menu-lateral) .form .btn,
body:has(.menu-lateral) .wrap>.grid .btn,
body:has(.menu-lateral) .order .btn{
  background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border:0!important;border-radius:12px!important;
}
body:has(.menu-lateral) .list{background:transparent!important}
body:has(.menu-lateral) .row{background:var(--dj19-surface)!important;color:var(--dj19-text)!important;border-color:var(--dj19-border)!important}
body:has(.menu-lateral) .state{background:#d1fae5!important;color:#047857!important;border-radius:999px!important;font-weight:800!important}
body:has(.menu-lateral) .order .oh{border-color:var(--dj19-border)!important;background:transparent!important}
body:has(.menu-lateral) .order .place{color:#818cf8!important}
body:has(.menu-lateral) .order .body{background:transparent!important;color:var(--dj19-text)!important}
body:has(.menu-lateral) .order .item{border-color:var(--dj19-border)!important;color:var(--dj19-text)!important}
body:has(.menu-lateral) .order .note{color:var(--dj19-muted)!important}
body:has(.menu-lateral) .order .foot{background:var(--dj19-surface-2)!important;border-color:var(--dj19-border)!important}
body:has(.menu-lateral) .empty{background:var(--dj19-surface)!important;color:var(--dj19-muted)!important;border:1px dashed var(--dj19-border)!important}

/* ---------- CASH / MOVEMENTS ---------- */
body:has(.menu-lateral) .report-toolbar,
body:has(.menu-lateral) .report-card,
body:has(.menu-lateral) .pro-form,
body:has(.menu-lateral) .caja-medios-card{
  background:var(--dj19-surface)!important;color:var(--dj19-text)!important;border-color:var(--dj19-border)!important;box-shadow:var(--dj19-shadow)!important;
}
body:has(.menu-lateral) .section-title,
body:has(.menu-lateral) .section-title small,
body:has(.menu-lateral) .pro-field small{color:var(--dj19-muted)!important}
body:has(.menu-lateral) .caja-medio-item{background:var(--dj19-surface-2)!important;color:var(--dj19-text)!important;border:1px solid var(--dj19-border)!important}
body:has(.menu-lateral) .caja-medio-item span,
body:has(.menu-lateral) .caja-medio-item small{color:var(--dj19-muted)!important}
body:has(.menu-lateral) .report-filters label,
body:has(.menu-lateral) .pro-field label{color:var(--dj19-muted)!important}
body:has(.menu-lateral) .filtro-chip{background:var(--dj19-surface-2)!important;color:var(--dj19-muted)!important;border-color:var(--dj19-border)!important}
body:has(.menu-lateral) .report-table{background:var(--dj19-surface)!important;color:var(--dj19-text)!important}
body:has(.menu-lateral) .report-table th{background:var(--dj19-surface-2)!important;color:var(--dj19-muted)!important;border-color:var(--dj19-border)!important}
body:has(.menu-lateral) .report-table td{background:var(--dj19-surface)!important;color:var(--dj19-text)!important;border-color:var(--dj19-border)!important}
body.pos-dark:has(.menu-lateral) .report-table th{background:#111c2d!important;color:#94a3b8!important}
body.pos-dark:has(.menu-lateral) .report-table td{background:#0d1524!important;color:#e5e7eb!important}
body:has(.menu-lateral) .movimiento-ingreso{background:#d1fae5!important;color:#047857!important}
body:has(.menu-lateral) .movimiento-egreso{background:#fee2e2!important;color:#b91c1c!important}
body.pos-dark:has(.menu-lateral) .movimiento-ingreso{background:#063b31!important;color:#6ee7b7!important}
body.pos-dark:has(.menu-lateral) .movimiento-egreso{background:#451522!important;color:#fda4af!important}

/* ---------- CONFIGURATION / GENERIC CARDS ---------- */
body:has(.menu-lateral) .contenido>.card,
body:has(.menu-lateral) .contenido .card,
body:has(.menu-lateral) .contenedor>.card{
  background:var(--dj19-surface)!important;color:var(--dj19-text)!important;border-color:var(--dj19-border)!important;
}
body:has(.menu-lateral) .contenido .campo input,
body:has(.menu-lateral) .contenido .campo select,
body:has(.menu-lateral) .contenido .campo textarea,
body:has(.menu-lateral) .contenido .form-grid input,
body:has(.menu-lateral) .contenido .form-grid select,
body:has(.menu-lateral) .contenido .form-grid textarea{
  background:var(--dj19-input)!important;color:var(--dj19-text)!important;border-color:var(--dj19-border)!important;
}
body:has(.menu-lateral) .zona-horaria-box,
body:has(.menu-lateral) .zona-horaria-actual{background:var(--dj19-surface-2)!important;color:var(--dj19-text)!important;border-color:var(--dj19-border)!important}
body.pos-dark:has(.menu-lateral) .zona-horaria-box,
body.pos-dark:has(.menu-lateral) .zona-horaria-actual{background:#111c2d!important;color:#e5e7eb!important}

/* ---------- GENERIC CRUD / COUPONS / CLIENTS ---------- */
body:has(.menu-lateral) .filters,
body:has(.menu-lateral) .filtros,
body:has(.menu-lateral) .filtros-fechas-wrap,
body:has(.menu-lateral) .top{
  color:var(--dj19-text)!important;
}
body:has(.menu-lateral) .filters .field,
body:has(.menu-lateral) .filtros .campo,
body:has(.menu-lateral) .field{color:var(--dj19-text)!important}
body:has(.menu-lateral) .table{background:var(--dj19-surface)!important;color:var(--dj19-text)!important}
body:has(.menu-lateral) .table th{background:var(--dj19-surface-2)!important;color:var(--dj19-muted)!important;border-color:var(--dj19-border)!important}
body:has(.menu-lateral) .table td{background:var(--dj19-surface)!important;color:var(--dj19-text)!important;border-color:var(--dj19-border)!important}
body.pos-dark:has(.menu-lateral) .table th{background:#111c2d!important;color:#94a3b8!important}
body.pos-dark:has(.menu-lateral) .table td{background:#0d1524!important;color:#e5e7eb!important}
body:has(.menu-lateral) .modalbox,
body:has(.menu-lateral) .modal-contenido,
body:has(.menu-lateral) .modal-confirmacion__caja,
body:has(.menu-lateral) .modal-confirmacion__caja,
body:has(.menu-lateral) .modal-caja{
  background:var(--dj19-surface)!important;color:var(--dj19-text)!important;border-color:var(--dj19-border)!important;
}
body:has(.menu-lateral) .modalbox p,
body:has(.menu-lateral) .modal-contenido p,
body:has(.menu-lateral) .modal-confirmacion__caja p{color:var(--dj19-muted)!important}

/* ---------- PRODUCT CREATE / DETAIL SURFACES ---------- */
body:has(.menu-lateral) .producto-encabezado{background:var(--dj19-header)!important;color:#fff!important}
body:has(.menu-lateral) .producto-contenedor,
body:has(.menu-lateral) .producto-formulario{background:var(--dj19-bg)!important;color:var(--dj19-text)!important}
body:has(.menu-lateral) .producto-tarjeta{background:var(--dj19-surface)!important;color:var(--dj19-text)!important;border-color:var(--dj19-border)!important}
body:has(.menu-lateral) .producto-fila-variante,
body:has(.menu-lateral) .producto-opcion,
body:has(.menu-lateral) .producto-upload{background:var(--dj19-surface-2)!important;color:var(--dj19-text)!important;border-color:var(--dj19-border)!important}
body:has(.menu-lateral) .producto-campo label{color:var(--dj19-text)!important}
body:has(.menu-lateral) .producto-campo small,
body:has(.menu-lateral) .producto-ayuda,
body:has(.menu-lateral) .producto-nota{color:var(--dj19-muted)!important}

/* ---------- TOASTS / NOTIFICATIONS ---------- */
body:has(.menu-lateral) .flash,
body:has(.menu-lateral) .notificacion,
body:has(.menu-lateral) .pos-toast-fixed,
body:has(.menu-lateral) .impuestos-notificacion,
body:has(.menu-lateral) .marcas-notificacion{border-radius:14px!important;box-shadow:0 18px 45px rgba(2,6,23,.20)!important;font-family:Poppins,Inter,sans-serif!important}

/* ---------- NO UNINTENTIONAL WHITE SURFACES IN DARK MODE ---------- */
body.pos-dark:has(.menu-lateral) .marcas-form,
body.pos-dark:has(.menu-lateral) .imp-form-wrap,
body.pos-dark:has(.menu-lateral) .marcas-card,
body.pos-dark:has(.menu-lateral) .imp-card,
body.pos-dark:has(.menu-lateral) .tarjeta,
body.pos-dark:has(.menu-lateral) .tabla-contenedor,
body.pos-dark:has(.menu-lateral) .tabla-wrap,
body.pos-dark:has(.menu-lateral) .card,
body.pos-dark:has(.menu-lateral) .panel,
body.pos-dark:has(.menu-lateral) .report-card,
body.pos-dark:has(.menu-lateral) .pro-form,
body.pos-dark:has(.menu-lateral) .order,
body.pos-dark:has(.menu-lateral) .grid>.card{background:var(--dj19-surface)!important;color:var(--dj19-text)!important}
body.pos-dark:has(.menu-lateral) .marcas-input,
body.pos-dark:has(.menu-lateral) .marcas-textarea,
body.pos-dark:has(.menu-lateral) .imp-field input,
body.pos-dark:has(.menu-lateral) .imp-field select,
body.pos-dark:has(.menu-lateral) .input,
body.pos-dark:has(.menu-lateral) .select,
body.pos-dark:has(.menu-lateral) input:not([type=checkbox]):not([type=radio]),
body.pos-dark:has(.menu-lateral) select,
body.pos-dark:has(.menu-lateral) textarea{background:var(--dj19-input)!important;color:#f8fafc!important;border-color:#334155!important}
body.pos-dark:has(.menu-lateral) .marcas-tabla,
body.pos-dark:has(.menu-lateral) .impuestos-tabla,
body.pos-dark:has(.menu-lateral) .table,
body.pos-dark:has(.menu-lateral) .report-table{background:var(--dj19-surface)!important}

/* ---------- RESPONSIVE: REFLOW, NEVER SQUASH ---------- */
@media(max-width:900px){
  body:has(.menu-lateral){padding-left:0!important}
  body:has(.menu-lateral) .marcas-contenedor,
  body:has(.menu-lateral) .impuestos-contenedor,
  body:has(.menu-lateral) .marcas-container,
  body:has(.menu-lateral) .imp-container,
  body:has(.menu-lateral) .contenedor,
  body:has(.menu-lateral) .pos-container{padding:20px 18px 34px!important}
  body:has(.menu-lateral) .imp-grid{grid-template-columns:1fr!important}
  body:has(.menu-lateral) .imp-field.full{grid-column:auto!important}
  body:has(.menu-lateral) .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body:has(.menu-lateral) .report-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body:has(.menu-lateral) .tabla-contenedor,
  body:has(.menu-lateral) .tabla-wrap,
  body:has(.menu-lateral) .marcas-tabla-wrap,
  body:has(.menu-lateral) .impuestos-tabla-wrap{overflow-x:auto!important}
}
@media(max-width:650px){
  body:has(.menu-lateral) .marcas-contenedor,
  body:has(.menu-lateral) .impuestos-contenedor,
  body:has(.menu-lateral) .marcas-container,
  body:has(.menu-lateral) .imp-container,
  body:has(.menu-lateral) .contenedor,
  body:has(.menu-lateral) .pos-container{padding:14px 12px 28px!important}
  body:has(.menu-lateral) .marcas-card,
  body:has(.menu-lateral) .imp-card,
  body:has(.menu-lateral) .tarjeta,
  body:has(.menu-lateral) .card,
  body:has(.menu-lateral) .order,
  body:has(.menu-lateral) .report-card,
  body:has(.menu-lateral) .pro-form{border-radius:16px!important}
  body:has(.menu-lateral) .grid,
  body:has(.menu-lateral) .report-filters{grid-template-columns:1fr!important}
  body:has(.menu-lateral) .marcas-actions,
  body:has(.menu-lateral) .imp-actions{flex-direction:column!important}
  body:has(.menu-lateral) .marcas-btn,
  body:has(.menu-lateral) .imp-btn{width:100%!important}
  body:has(.menu-lateral) .marcas-tabla,
  body:has(.menu-lateral) .impuestos-tabla,
  body:has(.menu-lateral) .tabla-contenedor table,
  body:has(.menu-lateral) .table,
  body:has(.menu-lateral) .report-table{min-width:720px!important}
  body:has(.menu-lateral) .marcas-header,
  body:has(.menu-lateral) .marcas-encabezado,
  body:has(.menu-lateral) .impuestos-encabezado,
  body:has(.menu-lateral) .imp-head,
  body:has(.menu-lateral) .head,
  body:has(.menu-lateral) .cabecera,
  body:has(.menu-lateral) .encabezado,
  body:has(.menu-lateral) .pos-page-head,
  body:has(.menu-lateral) .productos-encabezado{padding:20px 16px!important;min-height:110px!important}
  body:has(.menu-lateral) .marcas-header h1,
  body:has(.menu-lateral) .marcas-encabezado h1,
  body:has(.menu-lateral) .impuestos-encabezado h1,
  body:has(.menu-lateral) .imp-head h1,
  body:has(.menu-lateral) .head h1,
  body:has(.menu-lateral) .cabecera h1,
  body:has(.menu-lateral) .encabezado h1,
  body:has(.menu-lateral) .pos-page-head h1,
  body:has(.menu-lateral) .productos-encabezado h1{font-size:25px!important;letter-spacing:-.5px!important}
  body:has(.menu-lateral) .head p,
  body:has(.menu-lateral) .cabecera p,
  body:has(.menu-lateral) .encabezado p,
  body:has(.menu-lateral) .pos-page-head p{font-size:12px!important}
}
@media(max-width:420px){
  body:has(.menu-lateral) .marcas-card,
  body:has(.menu-lateral) .imp-card{padding:18px!important}
  body:has(.menu-lateral) .marcas-container,
  body:has(.menu-lateral) .imp-container{padding:10px!important}
}