/* Evita el flash del login mientras se valida la sesión guardada.
   Solo en pantalla: en impresión estos !important pisaban el layout
   de Orden de Compra / OP (body.printing-pdf) y salía la página entera. */
@media screen {
  html.s3-authed #loginOverlay,
  html.s3-authed .login-overlay,
  html.s3-authed #login-wrap {
    display: none !important;
  }
  html.s3-authed > body > #appWrap,
  html.s3-authed > body > .wrap#appWrap,
  html.s3-authed > body > #appWrap.hidden {
    display: block !important;
  }
  html.s3-authed > body > #loginOverlay ~ #app,
  html.s3-authed > body > #app.hidden {
    display: block !important;
  }
  /* Admin: layout en grid */
  html.s3-authed > body > #login-wrap ~ #app {
    display: grid !important;
  }
}

@media print {
  html.s3-authed body.printing-pdf > #appWrap,
  html.s3-authed body.printing-pdf > .wrap#appWrap,
  html.s3-authed body.printing-pdf > #appWrap.hidden,
  html.s3-authed body.printing-pdf > #loginOverlay,
  html.s3-authed body.printing-pdf > .login-overlay,
  html.s3-authed body.printing-pdf > #login-wrap,
  html.s3-authed body.printing-pdf > #modalRoot,
  html.s3-authed body.printing-pdf > #app,
  html.s3-authed body.printing-pdf > *:not(#pdfPrintArea) {
    display: none !important;
  }
  html.s3-authed body.printing-pdf #pdfPrintArea {
    display: block !important;
  }
}

/* Barra horizontal arriba (sticky) para planillas anchas: ver columnas sin ir al fondo. */
@media screen {
  .s3-hscroll {
    overflow-x: auto;
    overflow-y: hidden;
    height: 12px;
    position: sticky;
    top: 0;
    z-index: 6;
    background: var(--superficie, #fafaf7);
    border-bottom: 1px solid var(--borde, #ddd9d0);
  }
  .s3-hscroll-inner {
    height: 1px;
    pointer-events: none;
  }
  .s3-por {
    font-size: 10.5px;
    line-height: 1.35;
    max-width: 180px;
  }
  .s3-por-l {
    color: var(--tenue, #5c6b73);
    font-weight: 500;
  }
  .s3-por b {
    font-weight: 650;
    color: var(--texto, #152A35);
  }
}