/* Densidad de la interfaz. Conserva controles táctiles y desplaza tablas anchas dentro de su tarjeta. */
body.app-page .content-wrap{font-size:12px;line-height:1.3}
body.app-page .content-wrap .page-head{margin-bottom:7px}
body.app-page .content-wrap .page-head h1{font-size:clamp(18px,1.6vw,21px);line-height:1.15}
body.app-page .content-wrap .page-head p{margin-top:2px}
body.app-page .content-wrap :is(.card,.data-section){padding:8px 10px}
body.app-page .content-wrap .card-head{min-height:0;margin-bottom:5px;padding:4px 1px 6px}
body.app-page .content-wrap .card-head h2{font-size:14px;line-height:1.2}
body.app-page .content-wrap .card-head p{margin-top:2px;font-size:11px}
body.app-page .content-wrap :is(.form-grid,.form-stack,.mini-grid){gap:6px 8px}
body.app-page .content-wrap :is(.form-grid,.form-stack,.mini-grid) label{gap:2px}
body.app-page .content-wrap .stat-card{min-height:0;padding:8px 10px}
body.app-page .content-wrap .stat-card strong{font-size:20px}
body.app-page .content-wrap .table-tools{padding:3px 0;gap:4px}
body.app-page .content-wrap .table-pagination{min-height:25px;padding-top:3px;gap:4px}
body.app-page .content-wrap .table-wrap :is(th,td){padding:4px 6px;line-height:1.2}
body.app-page .content-wrap .table-wrap tbody tr{height:31px}
body.app-page .content-wrap .table-wrap table:has(thead th:nth-child(6)){min-width:640px}
body.app-page .content-wrap .table-wrap table:has(thead th:nth-child(8)){min-width:820px}
body.app-page .content-wrap .table-wrap table:has(thead th:nth-child(10)){min-width:980px}
body.app-page .content-wrap .table-wrap td code{display:block;overflow-wrap:anywhere;font-size:10px}
@media(max-width:780px){
  body.app-page .content-wrap{padding:10px 10px 20px}
  body.app-page .content-wrap .page-head{margin-bottom:6px}
  body.app-page .content-wrap :is(.card,.data-section){padding:8px 9px}
  body.app-page .content-wrap .card-head{padding:3px 1px 5px}
  body.app-page .content-wrap .table-wrap :is(th,td){padding:4px 6px}
  body.app-page .content-wrap :is(.form-grid,.form-stack,.mini-grid,.filter-bar) :is(input,select,textarea){font-size:16px}
}
@media(max-width:520px){
  body .content-wrap .company-settings-form-v288 .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .content-wrap .company-settings-form-v288>.form-card:first-of-type .form-grid label:nth-child(-n+2){grid-column:1/-1}
  body .content-wrap .company-settings-form-v288 .form-grid .span-2{grid-column:1/-1}
  body .content-wrap .company-settings-form-v288>.form-card:not(:first-of-type) .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .content-wrap .company-settings-form-v288 .form-grid input{height:36px;min-height:36px;font-size:16px}
  body .content-wrap .company-settings-form-v288>.form-card{padding:8px 9px}
  body.app-page .content-wrap .stat-card{padding:7px 8px}
  body.app-page .content-wrap .stat-card strong{font-size:18px}
}