/*
 * ModaNexo Premium Lock 3.0.1
 * Capa visual final. No contiene lógica funcional.
 * Debe permanecer cargada después de app.css y de las variables de marca.
 */
:root{
  --premium-radius-xs:10px;
  --premium-radius-sm:14px;
  --premium-radius-md:18px;
  --premium-radius-lg:24px;
  --premium-radius-xl:30px;
  --premium-shadow-xs:0 1px 2px rgba(18,20,26,.04),0 4px 12px rgba(18,20,26,.04);
  --premium-shadow-sm:0 8px 24px rgba(18,20,26,.065);
  --premium-shadow-md:0 18px 46px rgba(18,20,26,.09);
  --premium-shadow-lg:0 28px 80px rgba(18,20,26,.14);
  --premium-line:color-mix(in srgb,var(--brand-dark) 9%,#fff);
  --premium-soft:color-mix(in srgb,var(--brand-primary) 9%,#fff);
  --premium-soft-strong:color-mix(in srgb,var(--brand-primary) 18%,#fff);
  --premium-focus:0 0 0 4px color-mix(in srgb,var(--brand-accent) 18%,transparent);
}

html{background:#f3f4f7;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{line-height:1.5;background:
  radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--brand-primary) 11%,transparent),transparent 26rem),
  radial-gradient(circle at 100% 12%,color-mix(in srgb,var(--brand-accent) 6%,transparent),transparent 30rem),
  #f7f8fa}
::selection{background:color-mix(in srgb,var(--brand-primary) 48%,#fff);color:var(--brand-dark)}
:focus-visible{outline:0;box-shadow:var(--premium-focus)!important}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--brand-primary) 55%,#c9cbd1) transparent}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand-primary) 55%,#c9cbd1);border:2px solid transparent;background-clip:padding-box;border-radius:999px}
*::-webkit-scrollbar-track{background:transparent}

/* Tipografía y jerarquía */
h1,h2{letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(2rem,3vw,2.65rem)}
h2{line-height:1.18}
h3{letter-spacing:-.01em}
p{line-height:1.65}
.eyebrow{display:flex;align-items:center;gap:8px;color:color-mix(in srgb,var(--brand-primary) 78%,var(--brand-dark));letter-spacing:.145em}
.eyebrow:before{content:"";width:18px;height:2px;border-radius:99px;background:currentColor;opacity:.72}
.muted,.table-subtext{color:#717680!important}

/* Estructura principal */
.app-shell{grid-template-columns:276px minmax(0,1fr);background:transparent}
.sidebar{padding:22px 15px 18px;background:
  radial-gradient(circle at 40% -10%,color-mix(in srgb,var(--brand-primary) 21%,transparent),transparent 18rem),
  linear-gradient(178deg,color-mix(in srgb,var(--brand-dark) 96%,#000),color-mix(in srgb,var(--brand-dark) 80%,#050507));
  border-right:1px solid rgba(255,255,255,.07);box-shadow:18px 0 50px rgba(10,10,12,.08)}
.brand-block{min-height:74px;margin:0 3px 14px;padding:10px 12px 20px;border-bottom:1px solid rgba(255,255,255,.1)}
.brand-block img{width:52px;height:52px;padding:6px;border-radius:16px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 12px 25px rgba(0,0,0,.18)}
.brand-block strong{font-size:21px;letter-spacing:-.02em}
.brand-block span{color:color-mix(in srgb,var(--brand-primary) 70%,#fff);letter-spacing:.04em}
.side-nav{gap:4px;overflow-y:auto;padding:2px 2px 18px}
.side-nav a{position:relative;min-height:44px;padding:11px 12px;border-radius:13px;color:rgba(255,255,255,.72);font-size:13px;transition:background .2s ease,color .2s ease,transform .2s ease}
.side-nav a>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.055);font-size:16px;transition:inherit}
.side-nav a:hover{background:rgba(255,255,255,.075);color:#fff;transform:translateX(2px)}
.side-nav a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-primary) 25%,transparent),rgba(255,255,255,.065));box-shadow:inset 3px 0 0 var(--brand-primary),0 9px 20px rgba(0,0,0,.1);color:#fff}
.side-nav a.active>span{background:color-mix(in srgb,var(--brand-primary) 27%,transparent);color:#fff}
.nav-count{box-shadow:0 4px 12px rgba(0,0,0,.2)}
.sidebar-card{margin:10px 3px 0;padding:16px;border-color:rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.07),0 18px 36px rgba(0,0,0,.12)}
.sidebar-card strong{padding:8px 10px;border-radius:9px;background:rgba(0,0,0,.16);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.main-area{background:transparent}
.topbar{height:78px;padding:0 30px;background:rgba(255,255,255,.84);border-bottom:1px solid rgba(31,34,42,.08);box-shadow:0 8px 30px rgba(24,27,34,.035);backdrop-filter:blur(22px) saturate(1.25)}
.topbar-title span{font-size:15px;letter-spacing:-.01em}
.topbar-title small{font-size:11px}
.topbar-actions{gap:9px}
.content-area{padding:30px 32px 50px;max-width:1680px}
.page-heading{position:relative;min-height:76px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(31,34,42,.075)}
.page-heading:after{content:"";position:absolute;left:0;bottom:-1px;width:68px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent))}
.page-heading h1{margin-bottom:7px}
.heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}

/* Superficies */
.panel,.store-card,.metric-card,.kpi-card,.mini-metrics article,.integration-card,.notification-config-card,.template-card,.rule-editor,.system-setting-grid>article,.diagnostic-card,.maintenance-explainer article{
  border-color:rgba(31,34,42,.075)!important;
  box-shadow:var(--premium-shadow-sm)!important;
}
.panel,.store-card{border-radius:var(--premium-radius-lg);background:rgba(255,255,255,.96)}
.panel{overflow:visible}
.panel:not(.sticky-card):not(.pos-cart):not(.ticket):not(.print-document){transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease}
.panel:not(.sticky-card):not(.pos-cart):not(.ticket):not(.print-document):hover{border-color:color-mix(in srgb,var(--brand-primary) 20%,#e6e7eb)!important;box-shadow:var(--premium-shadow-md)!important}
.panel-head{padding-bottom:14px;margin-bottom:3px;border-bottom:1px solid rgba(31,34,42,.065)}
.panel-head h2,.panel-head h3{margin-bottom:0}
.section-title{padding-bottom:10px;border-bottom:1px solid rgba(31,34,42,.07)}
.empty-state,.compact-empty{border-radius:var(--premium-radius-md)}
.empty-state{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--brand-primary) 5%,#fff));border:1px dashed color-mix(in srgb,var(--brand-primary) 30%,#d9dbe0)}
.compact-empty{padding:24px;background:#fafbfc;border:1px dashed #dcdee4;color:#747985;text-align:center}

/* Indicadores */
.metric-grid,.kpi-grid,.mini-metrics,.pos-metrics,.purchase-metrics,.report-metrics,.notification-kpis,.system-kpis,.loyalty-metrics{gap:15px}
.metric-card,.kpi-card,.mini-metrics article{position:relative;overflow:hidden;border-radius:19px!important;background:linear-gradient(145deg,#fff 50%,color-mix(in srgb,var(--brand-primary) 5%,#fff))!important;padding:19px!important}
.metric-card:before,.kpi-card:before,.mini-metrics article:before{content:"";position:absolute;right:-26px;top:-34px;width:92px;height:92px;border-radius:50%;background:color-mix(in srgb,var(--brand-primary) 10%,transparent)}
.metric-card strong,.kpi-card strong,.mini-metrics strong{position:relative;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.metric-warning{background:linear-gradient(145deg,#fff,#fff8ec)!important}

/* Botones */
.btn{position:relative;overflow:hidden;min-height:43px;border-radius:12px;padding:10px 16px;letter-spacing:-.005em;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease}
.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.2),transparent 80%);transform:translateX(-120%);transition:transform .5s ease;pointer-events:none}
.btn:hover:before{transform:translateX(120%)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.985)}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}
.btn-dark,.btn-primary,.btn-store{border-color:color-mix(in srgb,var(--brand-dark) 82%,#000);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-dark) 92%,#fff),var(--brand-dark));color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--brand-dark) 18%,transparent)}
.btn-dark:hover,.btn-primary:hover,.btn-store:hover{box-shadow:0 14px 30px color-mix(in srgb,var(--brand-dark) 25%,transparent)}
.btn-light{background:rgba(255,255,255,.92);border-color:rgba(31,34,42,.12);box-shadow:var(--premium-shadow-xs)}
.btn-light:hover{border-color:color-mix(in srgb,var(--brand-primary) 35%,#d8dae0);background:#fff;box-shadow:var(--premium-shadow-sm)}
.btn-ghost:hover{background:color-mix(in srgb,var(--brand-primary) 8%,#fff);color:var(--text)}
.btn-outline{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.04)}
.btn-outline:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.4)}
.btn-danger{background:linear-gradient(135deg,#dc414b,#b9232e);color:#fff;border-color:#b9232e;box-shadow:0 10px 22px rgba(185,35,46,.18)}
.btn-whatsapp{background:linear-gradient(135deg,#25d366,#119b47)!important;border-color:#119b47!important;color:#fff!important;box-shadow:0 12px 28px rgba(17,155,71,.22)!important}
.btn-whatsapp:hover{box-shadow:0 16px 34px rgba(17,155,71,.3)!important}
.icon-button,.account-button{display:grid;place-items:center;border:1px solid rgba(31,34,42,.07);box-shadow:var(--premium-shadow-xs);transition:.18s ease}
.icon-button{background:color-mix(in srgb,var(--brand-primary) 12%,#fff)}
.icon-button:hover,.account-button:hover{transform:translateY(-1px);box-shadow:var(--premium-shadow-sm)}
.account-button{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary) 72%,#fff));font-weight:900;color:var(--brand-dark)}

/* Formularios */
label{color:#343842;font-size:12px;letter-spacing:.005em}
input,select,textarea{min-height:44px;border-color:rgba(31,34,42,.13);border-radius:12px;background:#fff;box-shadow:inset 0 1px 2px rgba(20,23,30,.025);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
textarea{min-height:96px;resize:vertical}
input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--brand-primary) 38%,#cfd2d9)}
input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--brand-primary) 70%,var(--brand-accent));box-shadow:var(--premium-focus);background:#fff}
input[type="checkbox"],input[type="radio"]{min-height:0;width:18px;height:18px;accent-color:var(--brand-dark)}
input[type="color"]{padding:5px;cursor:pointer}
.input-prefix,.input-suffix{border-color:rgba(31,34,42,.12);border-radius:12px;background:#fff;box-shadow:inset 0 1px 2px rgba(20,23,30,.025)}
.input-prefix:focus-within,.input-suffix:focus-within{border-color:var(--brand-primary);box-shadow:var(--premium-focus)}
.form-grid{gap:16px}
.form-section{padding:22px!important}
.form-actions{padding-top:5px}
.check-row,.switch-row{padding:10px 12px;border-radius:12px;background:#fafbfc;border:1px solid rgba(31,34,42,.07)}
.file-field,.upload-card,.logo-drop{transition:.2s ease}
.file-field:hover,.upload-card:hover,.logo-drop:hover{border-color:var(--brand-primary);background:var(--premium-soft)}

/* Barras, filtros y tabs */
.toolbar,.filter-bar,.compact-filters,.purchase-filters,.report-filter-panel,.notification-filters{background:linear-gradient(180deg,#fff,#fbfbfc);border-color:rgba(31,34,42,.075)!important}
.toolbar{padding:16px 18px}
.integration-tabs,.system-tabs,.notification-tabs{padding:5px;border:1px solid rgba(31,34,42,.075);border-radius:999px;background:rgba(255,255,255,.75);width:max-content;max-width:100%}
.integration-tabs a,.system-tabs a,.notification-tabs a{border:0!important;box-shadow:none!important;background:transparent!important}
.integration-tabs a:hover,.system-tabs a:hover,.notification-tabs a:hover{background:var(--premium-soft)!important}

/* Tablas */
.table-wrap,.order-items-table-wrap,.purchase-table-wrap{border:1px solid rgba(31,34,42,.075);border-radius:18px;overflow:auto;background:#fff}
table{border-collapse:separate!important;border-spacing:0;width:100%;font-variant-numeric:tabular-nums}
thead th{position:sticky;top:0;z-index:1;padding:13px 14px!important;background:#f7f8fa!important;color:#555b67!important;border-bottom:1px solid rgba(31,34,42,.09)!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.065em;white-space:nowrap}
tbody td{padding:14px!important;border-bottom:1px solid rgba(31,34,42,.065)!important;vertical-align:middle}
tbody tr:last-child td{border-bottom:0!important}
tbody tr{transition:background .16s ease}
tbody tr:hover{background:color-mix(in srgb,var(--brand-primary) 5%,#fff)}
.status-pill,.order-status,.tier-pill{border:1px solid currentColor;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);letter-spacing:.01em}
.pagination a{border-color:rgba(31,34,42,.1);background:#fff;box-shadow:var(--premium-shadow-xs);transition:.18s ease}
.pagination a:hover{transform:translateY(-1px);border-color:var(--brand-primary)}
.pagination a.active{background:var(--brand-dark);border-color:var(--brand-dark);box-shadow:0 10px 20px color-mix(in srgb,var(--brand-dark) 18%,transparent)}

/* Productos y comercio */
.product-admin-grid{gap:18px}
.product-admin-card,.pos-product-card,.layaway-product-card,.store-product{border-color:rgba(31,34,42,.075)!important;border-radius:20px!important;background:#fff;box-shadow:var(--premium-shadow-sm)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.product-admin-card:hover,.pos-product-card:hover,.layaway-product-card:hover,.store-product:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--brand-primary) 30%,#e2e3e7)!important;box-shadow:var(--premium-shadow-md)!important}
.product-image{overflow:hidden;background:linear-gradient(145deg,#f6f2ee,#efedf0)}
.product-image img,.pos-product-card img,.layaway-product-card img,.store-product img{transition:transform .45s ease}
.product-admin-card:hover .product-image img,.pos-product-card:hover img,.layaway-product-card:hover img,.store-product:hover img{transform:scale(1.035)}
.featured-badge{box-shadow:0 6px 16px rgba(30,22,17,.12);backdrop-filter:blur(9px)}
.card-actions{padding-top:10px;border-top:1px solid rgba(31,34,42,.065)}
.store-page{background:var(--store-bg,#f7f7f9);color:var(--store-text,var(--text))}
.store-header{min-height:76px;padding:12px clamp(18px,5vw,76px);background:rgba(255,255,255,.88);border-bottom:1px solid rgba(31,34,42,.075);box-shadow:0 10px 34px rgba(20,23,30,.05);backdrop-filter:blur(20px) saturate(1.2)}
.store-brand{gap:11px}
.store-brand img{width:48px;height:48px;padding:5px;border-radius:15px;background:#fff;box-shadow:var(--premium-shadow-sm);object-fit:contain}
.store-brand strong{font-family:"Playfair Display",Georgia,serif;font-size:21px;letter-spacing:-.02em}
.store-header nav{gap:6px}
.store-header nav a{padding:10px 13px;border-radius:11px;font-size:13px;font-weight:700;transition:.18s ease}
.store-header nav a:hover{background:var(--premium-soft)}
.cart-link{background:var(--brand-dark)!important;color:#fff!important;box-shadow:0 10px 24px color-mix(in srgb,var(--brand-dark) 18%,transparent)}
.store-main{width:min(1420px,calc(100% - 36px));margin-inline:auto}
.store-hero{border-radius:30px!important;box-shadow:var(--premium-shadow-lg)!important;overflow:hidden}
.store-section-head{padding-bottom:14px;border-bottom:1px solid rgba(31,34,42,.075)}
.store-grid{gap:20px}
.store-card{overflow:hidden}
.store-card-body{padding:18px!important}
.store-footer{margin-top:64px;padding:30px clamp(18px,5vw,76px);background:color-mix(in srgb,var(--brand-dark) 96%,#000);color:#fff;border-top:3px solid var(--brand-primary)}
.store-toast{position:relative;z-index:5;width:min(900px,calc(100% - 32px));margin:18px auto;box-shadow:var(--premium-shadow-md)}
.consent-banner{border:1px solid rgba(255,255,255,.12);background:rgba(19,20,23,.95);box-shadow:0 28px 80px rgba(0,0,0,.34);backdrop-filter:blur(18px)}

/* POS, pedidos, caja y operaciones */
.pos-layout,.order-detail-layout,.purchase-detail-layout,.return-detail-layout,.cash-layout,.layaway-builder{gap:20px}
.pos-catalog,.pos-cart,.order-detail-main,.purchase-detail-main{border-radius:24px!important}
.pos-cart,.sticky-card{top:96px}
.pos-cart-row{border-radius:14px;transition:background .16s ease}
.pos-cart-row:hover{background:#faf9f7}
.pos-cart-row img{border-radius:12px;box-shadow:var(--premium-shadow-xs)}
.order-history,.purchase-timeline,.maintenance-history{position:relative}
.order-history:before,.purchase-timeline:before{content:"";position:absolute;left:17px;top:12px;bottom:12px;width:1px;background:linear-gradient(var(--brand-primary),#e4e5e9)}
.timeline-step{position:relative;background:#fff;border:1px solid rgba(31,34,42,.075);border-radius:15px;padding:14px;box-shadow:var(--premium-shadow-xs)}
.cash-live-dot{box-shadow:0 0 0 5px rgba(22,163,74,.12)}
.ticket{box-shadow:0 20px 55px rgba(22,24,30,.13)!important}

/* Notificaciones, integraciones y seguridad */
.notification-popover{border-color:rgba(31,34,42,.08);box-shadow:var(--premium-shadow-lg)}
.notification-popover>a:hover{background:var(--premium-soft)}
.notification-item{transition:background .18s ease}
.notification-item:hover{background:#fafbfc}
.integration-card,.notification-config-card,.template-card,.rule-editor,.system-setting-grid>article{border-radius:20px!important;background:linear-gradient(155deg,#fff 58%,color-mix(in srgb,var(--brand-primary) 4%,#fff))!important}
.integration-icon,.notification-config-icon,.system-setting-grid article>header>span{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-primary) 25%,transparent)}
.webhook-box,.scheduler-box,.template-variables{background:#f7f8fa;border-color:#dfe1e6}
.security-panel,.danger-zone,.backup-create-card{border-radius:22px!important}
.backup-danger>form{box-shadow:var(--premium-shadow-lg)}
.diagnostic-card.ok{background:linear-gradient(145deg,#fff,#f3fff8)}
.diagnostic-card.issue{background:linear-gradient(145deg,#fff,#fff6f6)}

/* Acceso */
.auth-page{background:
  radial-gradient(circle at 13% 12%,color-mix(in srgb,var(--brand-primary) 25%,transparent),transparent 28rem),
  linear-gradient(112deg,#131416 0 47%,#f5f3f1 47%)}
.auth-wrap{padding:30px}
.auth-grid{border:1px solid rgba(255,255,255,.12);border-radius:32px;box-shadow:0 40px 110px rgba(0,0,0,.22)}
.auth-visual{background:
  radial-gradient(circle at 65% 25%,color-mix(in srgb,var(--brand-primary) 22%,#302821),#171719 58%),
  #171719}
.auth-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.045),transparent 40%);pointer-events:none}
.auth-card{position:relative}
.auth-card:before{content:"";position:absolute;left:54px;top:42px;width:52px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent))}
.auth-card h2{margin-top:12px}

/* Mensajes */
.toast,.form-alert,.store-toast{border:1px solid currentColor;box-shadow:var(--premium-shadow-sm);animation:premiumToast .3s ease both}
.success{background:#effcf5;color:#14653a}
.error{background:#fff3f4;color:#a32833}
@keyframes premiumToast{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}

/* Adaptación */
@media(max-width:1200px){
  .app-shell{grid-template-columns:248px minmax(0,1fr)}
  .content-area{padding-inline:24px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .app-shell{display:block}
  .sidebar{position:fixed;left:0;top:0;width:min(310px,88vw);transform:translateX(-105%);transition:transform .24s ease;box-shadow:28px 0 80px rgba(0,0,0,.28)}
  .sidebar.open{transform:translateX(0)}
  .menu-toggle{display:grid}
  .topbar{padding-inline:18px}
  .content-area{padding:24px 18px 42px}
  .page-heading{align-items:flex-start}
  .store-header{position:sticky;top:0;z-index:30}
}
@media(max-width:760px){
  h1{font-size:2rem}
  .page-heading{display:grid;gap:14px}
  .heading-actions{justify-content:flex-start;width:100%}
  .heading-actions>.btn,.heading-actions>form,.heading-actions>form .btn{flex:1;min-width:135px}
  .metric-grid,.kpi-grid,.mini-metrics,.pos-metrics,.purchase-metrics,.report-metrics,.notification-kpis,.system-kpis,.loyalty-metrics{grid-template-columns:1fr 1fr!important}
  .panel{border-radius:20px}
  .toolbar,.filter-bar,.compact-filters{padding:14px}
  .store-header{align-items:flex-start;gap:12px;flex-direction:column}
  .store-header nav{width:100%;overflow:auto;padding-bottom:2px}
  .store-header nav a{white-space:nowrap}
  .store-main{width:min(100% - 24px,1420px)}
  .store-grid{grid-template-columns:1fr 1fr!important;gap:12px}
  .store-card-body{padding:14px!important}
  .auth-page{background:#f5f3f1}
  .auth-wrap{padding:16px}
  .auth-grid{border-radius:24px}
  .auth-visual{min-height:290px;padding:34px}
  .auth-card{padding:46px 28px}
  .auth-card:before{left:28px;top:32px}
}
@media(max-width:520px){
  .topbar-title small{display:none}
  .topbar-actions>.btn{display:none}
  .content-area{padding:20px 12px 36px}
  .page-heading{min-height:0;margin-bottom:18px;padding-bottom:16px}
  .heading-actions{display:grid;grid-template-columns:1fr 1fr}
  .heading-actions>.btn,.heading-actions>form,.heading-actions>form .btn{width:100%;min-width:0}
  .metric-grid,.kpi-grid,.mini-metrics,.pos-metrics,.purchase-metrics,.report-metrics,.notification-kpis,.system-kpis,.loyalty-metrics{grid-template-columns:1fr!important}
  .metric-card,.kpi-card,.mini-metrics article{padding:16px!important}
  .store-grid{grid-template-columns:1fr!important}
  .store-brand strong{font-size:18px}
  .store-footer{align-items:flex-start;display:grid;gap:5px}
  .form-grid{grid-template-columns:1fr!important}
  .form-grid>*{grid-column:1!important}
  .btn{min-height:45px}
  .table-wrap{border-radius:14px}
  tbody td,thead th{padding:12px!important}
  .consent-banner{left:12px;right:12px;bottom:12px;border-radius:18px}
}

/* Impresión */
@media print{
  html,body{background:#fff!important}
  body:before,body:after,.sidebar,.topbar,.heading-actions,.ticket-actions,.btn,.no-print{display:none!important}
  .app-shell,.main-area,.content-area{display:block!important;padding:0!important;margin:0!important;max-width:none!important}
  .panel,.ticket,.print-document{border:0!important;box-shadow:none!important;background:#fff!important}
  .table-wrap{border:0!important;overflow:visible!important}
  thead th{position:static!important;background:#fff!important}
}