/* La administración de clientes se abre en una vista propia. */
.rsf-operational-page:not(.rso-client-view) #rsf-clientes-operativos,
.rsf-operational-page.rso-client-view .rso-hide-in-client-view{
  display:none !important;
}

.rsf-operational-page.rso-client-view #rsf-clientes-operativos{
  display:block !important;
  margin-top:18px !important;
}

.rsf-operational-page .rso-client-back-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin:0 0 16px;
}

.rsf-operational-page .rso-client-back-row .rsf-btn{
  min-width:170px;
}

.rsf-operational-page.rso-client-view .rso-create-client-link{
  color:#fff !important;
  background:linear-gradient(135deg,#ff751f,#ff9e49) !important;
  border-color:transparent !important;
  box-shadow:0 18px 28px rgba(255,117,31,.24) !important;
}

.rsf-operational-page.rso-client-view .rso-create-client-link :is(.rsf-view-kicker,small){
  color:#fff !important;
}

.rsf-operational-page.rso-client-view .rso-create-client-link .rsf-view-kicker{
  background:rgba(255,255,255,.18) !important;
  border-color:rgba(255,255,255,.28) !important;
}

@media (max-width:640px){
  .rsf-operational-page .rso-client-back-row .rsf-btn{
    width:100%;
  }
}


/* v0.11.5: Reporte Operativo responsive para teléfonos */
.rsf-operational-page,
.rsf-operational-page *{
  box-sizing:border-box;
}

@media (max-width:767px){
  .rsf-wrap.rsf-operational-page{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:6px !important;
    overflow-x:hidden !important;
  }

  .rsf-wrap.rsf-operational-page > .rsf-card{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:12px 10px 18px !important;
    border-radius:18px !important;
  }

  .rsf-operational-page .rsf-topbar,
  .rsf-operational-page .rsf-panel-head,
  .rsf-operational-page .rsf-hero-simple{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
  }

  .rsf-operational-page .rsf-topbar h2,
  .rsf-operational-page .rsf-panel-head h3{
    font-size:22px !important;
    line-height:1.22 !important;
  }

  .rsf-operational-page .rsf-panel-head h4{
    font-size:18px !important;
  }

  .rsf-operational-page .rsf-sub,
  .rsf-operational-page .rsf-panel-head p{
    font-size:14px !important;
    line-height:1.45 !important;
  }

  .rsf-operational-page .rsf-topbar-actions,
  .rsf-operational-page .rsf-actions,
  .rsf-operational-page .rsf-client-sii-actions,
  .rsf-operational-page .rso-client-back-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    width:100% !important;
  }

  .rsf-operational-page .rsf-topbar-actions > *,
  .rsf-operational-page .rsf-actions > *,
  .rsf-operational-page .rsf-client-sii-actions > *,
  .rsf-operational-page .rso-client-back-row > *{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  .rsf-operational-page .rsf-view-switcher,
  .rsf-operational-page .rsf-operational-nav,
  .rsf-operational-page .rsf-user-grid,
  .rsf-operational-page .rsf-user-grid-4,
  .rsf-operational-page .rsf-user-grid-5,
  .rsf-operational-page .rsf-main-grid,
  .rsf-operational-page .rsf-form-grid,
  .rsf-operational-page .rsf-grid-2,
  .rsf-operational-page .rsf-grid-3,
  .rsf-operational-page .rsf-info-grid,
  .rsf-operational-page .rsf-reservation-columns{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:10px !important;
    width:100% !important;
  }

  .rsf-operational-page .rsf-view-card,
  .rsf-operational-page .rsf-view-link{
    min-height:0 !important;
    padding:13px 14px !important;
    border-radius:16px !important;
  }

  .rsf-operational-page .rsf-view-card strong,
  .rsf-operational-page .rsf-view-link strong{
    font-size:17px !important;
  }

  .rsf-operational-page .rsf-panel,
  .rsf-operational-page .rsf-preview-card,
  .rsf-operational-page .rsf-action-card{
    width:100% !important;
    max-width:100% !important;
    padding:13px 11px !important;
    border-radius:17px !important;
  }

  .rsf-operational-page .rsf-form,
  .rsf-operational-page .rsf-form label,
  .rsf-operational-page .rsf-form-grid > label{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  .rsf-operational-page .rsf-form input,
  .rsf-operational-page .rsf-form select,
  .rsf-operational-page .rsf-form textarea,
  .rsf-operational-page .rsf-client-search-input{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:50px !important;
    padding:12px 13px !important;
    font-size:16px !important;
    border-radius:13px !important;
  }

  .rsf-operational-page .rsf-form textarea{
    min-height:105px !important;
  }

  .rsf-operational-page input[type="file"]{
    width:100% !important;
    max-width:100% !important;
    min-height:46px !important;
    padding:8px !important;
    font-size:14px !important;
  }

  .rsf-operational-page .rsf-btn,
  .rsf-operational-page button.rsf-btn,
  .rsf-operational-page a.rsf-btn{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:46px !important;
    padding:12px 14px !important;
    text-align:center !important;
  }

  .rsf-operational-page .rsf-table-wrap{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .rsf-operational-page .rsf-table{
    min-width:680px !important;
  }

  .rsf-operational-page #rsf-reservas .rsf-table{
    min-width:620px !important;
  }

  .rsf-operational-page .rsf-user-box,
  .rsf-operational-page .rsf-info-grid > div{
    padding:12px !important;
    border-radius:14px !important;
  }

  .rsf-operational-page .rsf-chip,
  .rsf-operational-page .rsf-auth-chip{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media (max-width:390px){
  .rsf-wrap.rsf-operational-page{
    padding:3px !important;
  }

  .rsf-wrap.rsf-operational-page > .rsf-card{
    padding:10px 7px 16px !important;
    border-radius:14px !important;
  }

  .rsf-operational-page .rsf-topbar h2,
  .rsf-operational-page .rsf-panel-head h3{
    font-size:20px !important;
  }
}