/* v6.10.15 — corrección responsive móvil sin romper escritorio */

/* Evita que la navegación fija cubra la interfaz en iPhone/Safari. */
@media(max-width:900px){
  html{scroll-padding-top:calc(env(safe-area-inset-top) + 126px)}
  body.ui68 .main,.main{
    padding-top:calc(env(safe-area-inset-top) + 126px)!important;
    padding-left:10px!important;
    padding-right:10px!important;
    padding-bottom:28px!important;
  }
  body.ui68 .v6109-mobile-shell,.v6109-mobile-shell{z-index:220!important}
  body.ui68 .v6109-tabs,.v6109-tabs{margin-bottom:8px!important}
}

/* Cargas: escritorio/tablet conservan una cuadrícula proporcionada. */
body.ui68 .loadrow,.loadrow{
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
}
body.ui68 .loadrow>.field,.loadrow>.field{min-width:0!important}
body.ui68 .loadrow>.field input,body.ui68 .loadrow>.field select,
.loadrow>.field input,.loadrow>.field select{width:100%!important;min-width:0!important;max-width:100%!important}
body.ui68 .loadrow .load-actions,.loadrow .load-actions{min-width:0!important}

/* Teléfono: tarjeta legible de 2 columnas en lugar de siete columnas comprimidas. */
@media(max-width:640px){
  body.ui68 .load-list,.load-list{gap:12px!important}
  body.ui68 .loadrow,.loadrow,
  body.ui68 .loadrow.has-stage,.loadrow.has-stage{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    align-items:end!important;
    padding:12px!important;
    border-radius:15px!important;
    overflow:visible!important;
  }
  .loadrow .load-stage{grid-column:1/-1!important}
  .loadrow .load-timing{grid-column:1!important}
  .loadrow .load-type{grid-column:2!important}
  .loadrow .load-liters{grid-column:1!important}
  .loadrow .load-price{grid-column:2!important}
  .loadrow .load-datetime{grid-column:1/-1!important}
  .loadrow .load-station{grid-column:1/-1!important}
  .loadrow .load-actions{
    grid-column:1/-1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    min-height:44px!important;
  }
  body.ui68 .loadrow .field label,.loadrow .field label{
    min-height:0!important;
    height:auto!important;
    margin:0 0 6px!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    white-space:normal!important;
  }
  body.ui68 .loadrow .field input:not([type="checkbox"]),
  body.ui68 .loadrow .field select,
  body.ui68 .loadrow .v6112-datetime-control,
  .loadrow .field input:not([type="checkbox"]),.loadrow .field select,.loadrow .v6112-datetime-control{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 11px!important;
    font-size:16px!important;
    border-radius:11px!important;
  }
  html.v6113-native-datetime body.ui68 .loadrow input[type="datetime-local"],
  html.v6113-native-datetime .loadrow input[type="datetime-local"]{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:46px!important;
    min-height:46px!important;
    font-size:15px!important;
    padding:0 10px!important;
    overflow:hidden!important;
  }
  body.ui68 .loadrow .load-amount,.loadrow .load-amount{
    flex:1 1 auto!important;
    min-width:0!important;
    height:auto!important;
    padding:0!important;
    display:block!important;
    text-align:left!important;
    font-size:13px!important;
    font-weight:780!important;
    color:#6f5f66!important;
  }
  body.ui68 .loadrow .remove,.loadrow .remove{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:86px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 14px!important;
    margin:0!important;
    border-radius:11px!important;
    font-size:13px!important;
  }
  body.ui68 .loadrow .v6112-dt-main b,.loadrow .v6112-dt-main b{font-size:14px!important}

  /* Secciones internas y títulos sin desbordes. */
  body.ui68 .stagehead,.stagehead{flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  body.ui68 .v699-stage-actions,.v699-stage-actions{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}
  body.ui68 .section-title,.section-title{align-items:flex-start!important;flex-wrap:wrap!important}
  body.ui68 .section-title .btn,.section-title .btn{max-width:100%!important}
}

/* Teléfonos muy estrechos: los pares siguen legibles sin cortar texto. */
@media(max-width:360px){
  body.ui68 .loadrow,.loadrow,body.ui68 .loadrow.has-stage,.loadrow.has-stage{grid-template-columns:1fr!important}
  .loadrow .load-stage,.loadrow .load-timing,.loadrow .load-type,.loadrow .load-liters,.loadrow .load-price,.loadrow .load-datetime,.loadrow .load-station,.loadrow .load-actions{grid-column:1!important}
}

/* Modal de tanques: total limpio y acciones estables en móvil. */
@media(max-width:640px){
  body.ui68 .modalbox .v6113-sum-fields{grid-template-columns:1fr!important;gap:11px!important}
  body.ui68 .modalbox .v6113-sum-total{padding:13px 14px!important}
  body.ui68 .modalbox .v6113-sum-head{display:grid!important;grid-template-columns:1fr auto!important;align-items:end!important;gap:10px!important}
  body.ui68 .modalbox .v6113-sum-head small{font-size:11px!important}
  body.ui68 .modalbox .v6113-sum-head b{font-size:25px!important;white-space:nowrap!important}
  body.ui68 .modalbox .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.ui68 .modalbox .actions .btn{width:100%!important;margin:0!important}
}

/* Landscape móvil: menos altura consumida por navegación. */
@media(max-width:900px) and (orientation:landscape) and (max-height:520px){
  body.ui68 .main,.main{padding-top:calc(env(safe-area-inset-top) + 90px)!important}
  html{scroll-padding-top:calc(env(safe-area-inset-top) + 94px)}
}