/* Fisher · pulido de pantallas secundarias (28/10/2026). Solo aspecto; se apoya en los tokens de marca. */
/* Consultas: los 4 números se ven completos (2 × 2) en vez de cortarse a la derecha */
@media(max-width:600px){
  #crmInbox .kpi-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}
  #crmInbox .kpi-grid .kpi{flex:none;width:auto;min-width:0}
}

/* Facturación › Comprobantes: los filtros no se pisan; se deslizan en una fila */
#view-billing .g-seg{display:flex!important;gap:18px;overflow-x:auto;flex-wrap:nowrap}
#view-billing .g-seg>button{flex:0 0 auto!important;width:auto!important;white-space:nowrap}

/* pestañas que no entran: borde difuso a la derecha que avisa que se deslizan (lo activa pulido.js) */
.tabs.has-more,.g-seg.has-more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}

/* hojas y formularios: el foco no deja un aro rojo pesado en el botón de cerrar ni en el primer campo */
dialog button:focus:not(:focus-visible){outline:none;box-shadow:none}
dialog input:focus,dialog select:focus,dialog textarea:focus{outline:none;border-color:var(--acc)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 16%,transparent)}
dialog label{font-size:12.5px;color:var(--muted);font-weight:600}
dialog header button:focus-visible{outline:2px solid color-mix(in srgb,var(--acc) 35%,transparent);outline-offset:1px}

/* Cuenta y demás hojas en escritorio: ventana acotada y centrada, no una página entera */
@media(min-width:720px){
  #accountDialog.sheet-dialog{position:fixed;inset:0;margin:auto;width:min(600px,calc(100vw - 48px));max-width:none;height:fit-content;max-height:88vh;border-radius:14px;overflow:auto;box-shadow:0 24px 60px -20px rgba(0,0,0,.35)}
}
.sheet-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sheet-dialog header>button{flex:0 0 44px;width:44px;margin-left:auto}
#accountBody>.page-title{padding-inline:18px;margin:14px 0 12px}
#accountBody{padding-bottom:12px}
#accountBody>section,#accountBody>details{margin-inline:12px}

/* Permisos y plan: lo que la app oculta con [hidden] no se muestra aunque otra regla le ponga display (en escritorio la barra lateral lo pisaba) */
nav.bottom-nav>button[data-nav][hidden],nav.bottom-nav>button.mn-secondary[hidden],[data-nav][hidden]{display:none!important}
.mnv-funnel li[data-mnv-row]{cursor:pointer}.mnv-funnel li[data-mnv-row]:active{opacity:.7}
