/*!
 * BuscandoVivienda · Ajustes móviles de los paneles (04/10/2026)
 * Se carga en los tres paneles (asesor, equipo e inmobiliaria). Solo CSS: no cambia funciones.
 */

/* ── Campos de búsqueda sin estilo (Mis leads del equipo) ── */
input[type=search]{width:100%;padding:11px 14px;border:1.5px solid var(--stroke);border-radius:12px;background:rgba(255,255,255,.04);color:var(--text);font-family:'Inter',sans-serif;font-size:var(--fs-sm);outline:none;appearance:none;-webkit-appearance:none}
input[type=search]:focus{border-color:var(--brand2);box-shadow:var(--ring)}

/* ── Nada se sale de la pantalla ── */
html,body{max-width:100%;overflow-x:hidden}
.main,.content{min-width:0}

@media (max-width:768px){
  /* Login y registro caben en cualquier celular */
  .login-screen{padding:12px;overflow-y:auto;align-items:flex-start}
  .login-box{width:min(340px,100%);padding:26px 20px;margin:auto}

  /* Barra inferior: todos los botones caben, aunque sean 6 */
  .mobile-bottombar{padding:0 4px!important;gap:2px}
  .mobile-nav-btn{flex:1 1 0;min-width:0;padding:6px 2px!important;font-size:9.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
  .mobile-nav-btn .m-icon{font-size:18px!important}
  .mobile-nav-btn .m-icon .ui-icon{width:19px;height:19px}

  /* Encabezado */
  .topbar{gap:8px}
  .topbar-left{min-width:0}
  .page-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .live-chip{padding:6px 11px;white-space:nowrap}

  /* Perfil: la columna de progreso no empuja el ancho */
  .profile-layout > div{min-width:0}
  #progress-card{position:static!important}

  /* Tarjetas con título y botón: el botón baja si no cabe */
  .card-header{flex-wrap:wrap;gap:10px}

  /* Tabla de propiedades: acciones compactas, en dos renglones si hace falta */
  .props-table .col-actions{white-space:normal!important;width:78px!important}
  .props-table .col-actions .btn{padding:6px 7px;margin:2px 0}
  .props-table .col-title{min-width:120px}

  /* Plan: pestañas de ciclo en una sola línea deslizable */
  .cycle-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
  .cycle-tab{white-space:nowrap;flex-shrink:0}

  /* Ayuda: botones deslizables en una línea */
  #tab-ayuda > div:first-child{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .help-nav-btn{flex-shrink:0}

  /* Leads del asesor independiente: cada lead como tarjeta (antes se ocultaban Estado, Fecha y Notas) */
  #leadsList .props-table-wrap{border:0;overflow:visible}
  #leadsList .props-table thead{display:none}
  #leadsList .props-table,#leadsList .props-table tbody,#leadsList .props-table tr{display:block;width:100%}
  #leadsList .props-table tr{border:1px solid var(--stroke);border-radius:14px;padding:10px 4px;margin-bottom:10px;background:var(--panel)}
  #leadsList .props-table td{display:block!important;width:100%!important;border:0!important;padding:4px 12px!important;text-align:left!important}
  #leadsList .props-table td.col-actions input{width:100%}
  #leadsFilter{flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
  #leadsFilter .range-btn{flex-shrink:0}
}

@media (max-width:700px){
  /* Inicio del asesor: una columna, como en el panel de inmobiliarias */
  .home-hero{align-items:flex-start}
  .home-metrics,.home-quick{grid-template-columns:1fr!important}
  .home-metric{padding:13px 14px}
}
@media (max-width:480px){
  .home-hero .btn{display:none}
  .subs-grid{grid-template-columns:1fr!important}
  .stats-cards{grid-template-columns:1fr 1fr!important}
}