/*
 * Responsive hardening 2026-09-02.
 * Solo adapta distribución y desbordamientos: no cambia la identidad visual del sistema.
 */
html,body{max-width:100%}body{overflow-x:hidden}.main,.content,.topbar,.topbar-left,.topbar-actions,.card,.card-body,.form-grid,.form-group{min-width:0}
input,select,textarea{max-width:100%}input[type="file"]{overflow:hidden}.input-group{min-width:0}.input-group .form-control,.input-group .form-select{min-width:0;flex:1 1 auto}.input-group .btn{flex:0 0 auto}
.table-wrap{width:100%;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.table-wrap>.table{width:100%}.truncate{max-width:min(360px,42vw)}
.card-header,.page-actions,.form-actions,.filters{min-width:0}.card-header>div,.page-head>div{min-width:0}.page-head h2,.card-header h3{overflow-wrap:anywhere}.form-actions,.page-actions,.filters{flex-wrap:wrap}
.document-head{min-width:0}.document-head>*{min-width:0}.total-box{max-width:100%}
.login-field{margin-bottom:16px}.login-submit{width:100%}.login-product-name{margin:0!important;font-size:18px!important;font-weight:700;opacity:.96!important}.login-byline{margin-top:16px;font-size:12px;font-weight:650;letter-spacing:.02em;opacity:.82}.login-page{min-height:100svh}.login-panel{min-width:0}.login-box{min-width:0}.login-logo{max-width:min(190px,72vw);height:auto}.login-copy{min-width:0}
.global-users-toolbar{width:100%}.global-users-filters{display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,260px) minmax(140px,180px) minmax(140px,180px) auto auto;gap:6px;width:100%;min-width:0}.global-users-filters>*{min-width:0;width:100%}.global-users-filters .btn{width:auto}.global-users-table{min-width:980px}.global-user-actions{justify-content:flex-end}.password-reset-card{max-width:900px}.password-reset-note{margin-bottom:12px}
.sidebar-mobile-open{overflow:hidden}.sidebar-toggle[aria-expanded="true"]{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,#cbd5e1)}

@media(max-width:1200px){
  .global-users-filters{grid-template-columns:minmax(240px,1fr) repeat(3,minmax(150px,1fr)) auto}.global-users-filters .btn-ghost{grid-column:auto}
  
}

@media(max-width:1024px){
  .form-grid>.col-1,.form-grid>.col-2,.form-grid>.col-3,.form-grid>.col-4,.form-grid>.col-5,.form-grid>.col-6{grid-column:span 6}
  .form-grid>.col-7,.form-grid>.col-8,.form-grid>.col-9,.form-grid>.col-10,.form-grid>.col-11{grid-column:span 12}
  .remission-main-fields .col-1,.remission-main-fields .col-2,.remission-main-fields .col-3,.remission-main-fields .col-4,.remission-main-fields .col-5{grid-column:span 4}
  .global-users-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.global-users-filters>input:first-child{grid-column:1/-1}.global-users-filters .btn{width:100%}
}

@media(max-width:820px){
  body{font-size:13px}.sidebar,body.sidebar-collapsed .sidebar{width:min(var(--sidebar-open),calc(100vw - 44px))}.sidebar{transition:transform .2s ease,width .18s ease}.sidebar.open{box-shadow:12px 0 35px rgba(15,23,42,.18)}
  .topbar{height:auto;min-height:56px;flex-wrap:wrap;gap:6px 10px;padding:8px 10px}.topbar-left{flex:1 1 190px}.topbar-left h1{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{flex:0 1 auto;min-width:0;gap:7px}.company-switch{display:flex!important;min-width:0}.company-switch select{min-width:0;width:min(180px,34vw);max-width:100%}.user-menu{min-width:0;max-width:180px}.user-menu strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .content{padding:10px 10px 24px}.page-head{gap:8px}.page-head p{max-width:72ch}.card-header{flex-wrap:wrap;align-items:flex-start}.card-footer{overflow:hidden}
  .form-grid>.col-1,.form-grid>.col-2,.form-grid>.col-3,.form-grid>.col-4,.form-grid>.col-5,.form-grid>.col-6,.form-grid>.col-7,.form-grid>.col-8,.form-grid>.col-9,.form-grid>.col-10,.form-grid>.col-11{grid-column:span 12}
  .remission-main-fields .col-1,.remission-main-fields .col-2,.remission-main-fields .col-3,.remission-main-fields .col-4,.remission-main-fields .col-5{grid-column:span 6}
  .search{max-width:none;min-width:0;flex-wrap:wrap}.search .form-control{min-width:0}.filters{width:100%}.document-head{flex-direction:column;align-items:flex-start}.document-folio{text-align:left}.info-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .login-page{display:block;background:#fff}.login-panel{min-height:100svh;padding:32px 22px}.login-box{max-width:420px}.login-visual{display:none}.login-logo{margin-bottom:24px}
  .lookup-dialog{width:calc(100vw - 20px);top:4svh;max-height:92svh}.lookup-head{gap:8px}.lookup-head>div{min-width:0}.lookup-head small{display:block;white-space:normal}.lookup-results{min-height:180px}.lookup-foot{gap:6px;flex-wrap:wrap}
  .sheet-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.sheet-summary{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
  .global-user-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .swal2-popup{width:min(32em,calc(100vw - 24px))!important}
}

@media(max-width:620px){
  .user-menu{display:none}.topbar-actions.platform-actions{flex:1 0 100%;width:100%;justify-content:space-between}.topbar-actions.platform-actions .company-switch{flex:1 1 auto}.topbar-actions.platform-actions .company-switch select{width:100%;max-width:none}.topbar-actions.platform-actions .btn{flex:0 0 auto}
  .page-head{align-items:stretch}.page-actions{width:100%}.page-actions .btn:not(.icon-btn){flex:1 1 auto}.page-actions .icon-btn{flex:0 0 auto}
  .toolbar{width:100%}.toolbar .search{width:100%}.search>.form-control,.search>input.form-control{flex:1 0 100%;width:100%}.search>.form-select{flex:1 1 160px}.search>.btn{flex:1 1 auto}
  .form-actions{width:100%}.form-actions .btn{max-width:100%}.document-head{gap:8px}.company-logo-editor{width:100%}.company-logo-fields{width:100%}
  .global-users-filters{grid-template-columns:1fr}.global-users-filters>input:first-child{grid-column:auto}.global-users-filters .btn{width:100%}.global-user-stats{grid-template-columns:1fr 1fr}
  .permission-table select{min-width:96px}.theme-swatches{gap:8px 12px}.smtp-header{align-items:flex-start}.switch-line{width:100%}
}

@media(max-width:560px){
  .remission-main-fields .col-1,.remission-main-fields .col-2,.remission-main-fields .col-3,.remission-main-fields .col-4,.remission-main-fields .col-5{grid-column:span 12}
  .content{padding:8px 8px 20px}.card-body{padding:9px}.card-header{padding:8px 9px}.card-footer{padding:8px 9px}.stats,.global-user-stats,.info-list{grid-template-columns:1fr}.page-head h2{font-size:18px}.page-head p{font-size:11.5px}
  .login-panel{padding:24px 18px}.login-box h1{font-size:23px}.login-box>p{margin-bottom:20px}.login-brand-text{font-size:25px}.login-field{margin-bottom:14px}
  .input-group .btn{padding-inline:9px}.form-actions{align-items:stretch}.form-actions .btn{flex:1 1 auto}.form-actions .icon-btn{flex:0 0 auto}.company-logo-preview{height:92px}.theme-swatches span{min-width:0}
  .sheet-toolbar{align-items:flex-start}.sheet-shortcuts{width:100%;overflow:auto}.sheet-summary>div{min-width:130px}.tabs-line{scrollbar-width:thin}.tab-link{flex:0 0 auto}
  .lookup-dialog{width:calc(100vw - 12px);top:2svh;max-height:96svh}.lookup-search{padding:7px}.lookup-search-icon{left:15px}
  .swal2-container{padding:6px!important}.swal2-popup{width:calc(100vw - 12px)!important}.swal2-title{font-size:1.35em!important}
}

@media(max-width:380px){
  .topbar{padding-inline:7px}.topbar h1{font-size:15px}.sidebar,body.sidebar-collapsed .sidebar{width:calc(100vw - 34px)}.content{padding-inline:6px}.login-panel{padding:20px 14px}.btn{white-space:normal}.company-switch select{font-size:11.5px}.stat-value{font-size:19px}
}

@media(max-height:560px) and (orientation:landscape){
  .login-panel{min-height:auto;padding-block:20px}.login-logo{max-height:70px;margin-bottom:12px}.login-box>p{margin-bottom:14px}.login-foot{margin-top:14px}.lookup-dialog{top:2svh;max-height:96svh}
}