/* Ajustes móviles compartidos para las páginas originales */
input,select,textarea{font-size:16px}               /* evita zoom automático en iPhone */
@media (max-width:640px){
  /* index.html — cabecera */
  .header{flex-wrap:wrap;gap:10px;padding:12px 14px!important}
  .header .nav{width:100%;justify-content:space-between;gap:6px}
  .header .nav a{font-size:.8rem}
  .header .nav .pill{padding:7px 10px}
  .hero h1{font-size:1.7rem!important}
  .panel{padding:22px 18px!important}
  .patient-strip a{width:100%;justify-content:center}

  /* crum_ccss_management.html */
  .login-card{width:calc(100% - 28px)!important;padding:24px 18px!important}
  #app .app-body{flex-direction:column}
  #app .sidebar{width:100%!important;display:flex;overflow-x:auto;padding:6px!important;border-right:none;border-bottom:1px solid var(--border);gap:4px}
  #app .nav-section{display:none}
  #app .nav-item{white-space:nowrap;flex-shrink:0}
  #app .nav-item.active{border-left:none}
  #app .main{padding:12px!important}
  .req-fields{grid-template-columns:1fr 1fr!important}
  .req-top{flex-wrap:wrap}
  .search-box{margin-left:0!important;width:100%}
  .search-box input{width:100%!important}
  .svc-tabs{width:100%!important}
  .stats-grid{grid-template-columns:1fr 1fr!important}
  .ra-btn{flex:1 1 calc(50% - 7px);justify-content:center;min-height:38px}
  .bar-lbl{width:90px!important}
  .tb-brand .mod{display:none}

  /* Dashboards: botones y modales cómodos al tacto */
  .modal-box{width:100%!important;max-width:none!important;border-radius:16px 16px 0 0!important;max-height:94vh!important}
  .modal-overlay.open{align-items:flex-end!important}
  .field-row{grid-template-columns:1fr!important}
  .hist-grid{grid-template-columns:1fr!important}
  .btn-sm,.btn-mini{min-height:36px}
}