
/* ESTIBA ADMIN V9 — MOBILE PREMIUM
   Solo presentación/navegación móvil. No altera lógica financiera. */
@media (max-width: 760px){
  :root{
    --m-wine:#8f1723;
    --m-wine-dark:#68101a;
    --m-ink:#171515;
    --m-muted:#756e69;
    --m-line:#ece7e2;
    --m-bg:#f7f5f2;
    --m-card:#ffffff;
  }
  html,body{background:var(--m-bg)!important;overflow-x:hidden}
  body{padding-bottom:82px!important}
  /* Sidebar becomes a true drawer */
  .sidebar{
    position:fixed!important;inset:0 auto 0 0!important;width:min(86vw,330px)!important;
    z-index:10020!important;transform:translateX(-105%);transition:transform .24s ease;
    box-shadow:18px 0 45px rgba(0,0,0,.18)!important;
  }
  body.estiba-mobile-menu-open .sidebar{transform:translateX(0)}
  body.estiba-mobile-menu-open:after{
    content:"";position:fixed;inset:0;background:rgba(17,14,14,.46);z-index:10010;
    backdrop-filter:blur(2px);
  }
  .main-content,.contenido-principal,main{margin-left:0!important;width:100%!important;max-width:none!important}
  /* Topbar */
  .topbar,.header,.app-header{
    min-height:66px!important;padding:10px 16px!important;background:rgba(255,255,255,.94)!important;
    backdrop-filter:blur(14px);border-bottom:1px solid var(--m-line)!important;
  }
  .topbar h1,.header h1,.app-header h1{font-size:17px!important}
  /* Dashboard spacing */
  .estiba-v3-shell{padding:18px 14px 26px!important}
  .estiba-v3-hero{margin-bottom:18px!important}
  .estiba-v3-eyebrow{font-size:10px!important}
  .estiba-v3-title{font-size:28px!important;line-height:1.02!important;letter-spacing:-.035em!important}
  .estiba-v3-subtitle{font-size:13px!important}
  .estiba-v3-grid{grid-template-columns:1fr!important;gap:12px!important}
  .estiba-v3-card{grid-column:1/-1!important;border-radius:20px!important;padding:18px!important;box-shadow:0 8px 28px rgba(39,25,19,.045)!important}
  .estiba-v3-card.primary{padding:20px!important}
  #ev3Disponible{font-size:38px!important;letter-spacing:-.045em!important}
  #ev3Ventas,#ev3PE{font-size:30px!important;letter-spacing:-.04em!important}
  .estiba-v3-mini-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .estiba-v3-mini{padding:12px!important;border-radius:14px!important}
  /* Result structure: clean mobile list */
  .estiba-v7-head{gap:10px!important}
  .estiba-v7-total{text-align:left!important}
  .estiba-v7-bar{height:10px!important;margin:16px 0 10px!important}
  .estiba-v7-row{grid-template-columns:minmax(0,1fr) 105px 58px!important;gap:7px!important;padding:11px 2px!important;font-size:12px!important}
  .estiba-v7-row.head{font-size:9px!important}
  .estiba-v7-row strong,.estiba-v7-row b{font-size:12px!important}
  .estiba-v7-thousand{border-radius:14px!important;padding:13px!important}
  /* Forms/modules */
  .pagina-header{padding:18px 14px 8px!important}
  .pagina-header h2{font-size:25px!important;letter-spacing:-.03em!important}
  .modulo{padding:0 14px 24px!important}
  .v8-purchase-filters,.v8-setup-card{border-radius:20px!important;padding:16px!important;margin:12px 0 18px!important;box-shadow:0 8px 26px rgba(40,24,18,.04)}
  .v8-filter-grid,.v8-setup-grid{grid-template-columns:1fr!important;gap:10px!important}
  .v8-filter-search{grid-column:auto!important}
  .v8-purchase-filters input,.v8-purchase-filters select,.v8-setup-card input,.v8-setup-card textarea{
    min-height:46px!important;font-size:16px!important;border-radius:13px!important;
  }
  .v8-filter-head{align-items:flex-start!important;flex-direction:column!important}
  /* Tables remain usable, but only their own container scrolls */
  .table-container,.tabla-responsive,.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  table{font-size:12px!important}
  /* Quick actions */
  .estiba-v3-actions-grid{grid-template-columns:1fr 1fr!important}
  /* Premium fixed bottom navigation */
  #estibaMobileNav{
    position:fixed;left:10px;right:10px;bottom:9px;z-index:10000;height:64px;
    display:grid;grid-template-columns:repeat(4,1fr);align-items:center;
    background:rgba(255,255,255,.96);border:1px solid rgba(125,104,92,.15);
    border-radius:20px;box-shadow:0 12px 35px rgba(43,28,21,.15);backdrop-filter:blur(16px);
    padding:5px;
  }
  #estibaMobileNav button{
    appearance:none;border:0;background:transparent;color:#77706b;height:52px;border-radius:15px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    font-size:10px;font-weight:700;min-width:0;
  }
  #estibaMobileNav button .mn-icon{font-size:18px;line-height:1}
  #estibaMobileNav button.active{background:#f8eeee;color:var(--m-wine)}
  #estibaMobileMenuButton{
    position:fixed;right:16px;top:13px;z-index:9999;width:42px;height:42px;border:1px solid var(--m-line);
    border-radius:14px;background:#fff;color:var(--m-ink);box-shadow:0 5px 18px rgba(0,0,0,.06);
    display:grid;place-items:center;font-size:20px;
  }
}
@media (min-width:761px){
  #estibaMobileNav,#estibaMobileMenuButton{display:none!important}
}
