/* Compact layouts for Seguimientos and Configuración on phones. */
@media (max-width: 700px){
  html,body,.main,.content{max-width:100%;overflow-x:hidden}
  .kanban-loading{overflow:visible;padding-bottom:0}
  .followups-kanban{width:100%;min-width:0;grid-template-columns:1fr;gap:10px}
  .kanban-column{min-height:0}
  .kanban-cards{display:grid;grid-template-columns:1fr;gap:8px}
  .kanban-client-card{margin:0}
  .performance-history-card,.performance-indicators-card,.performance-chart-wrap,.performance-kpi{min-width:0}
  .performance-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .performance-filters label{min-width:0}
  .performance-filters select{min-width:0;width:100%}
  .performance-filter-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}
  .performance-filter-tabs button{width:100%;padding-inline:8px}
  .performance-filter-tabs button:last-child{grid-column:1/-1}
  .performance-range{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .performance-range button{width:100%}
  .performance-range button:last-child{grid-column:1/-1}
  .performance-kpi{padding:11px;gap:7px}
  .performance-kpi>span{width:24px;height:24px}
  .performance-kpi small{overflow-wrap:anywhere}
}

@media (max-width: 560px){
  .settings-page,.settings-column,.settings-support-stack,.settings-card{min-width:0}
  .settings-card-head,.settings-profile-top{flex-wrap:wrap}
  .settings-card-actions{align-items:stretch}
  .settings-card-actions .btn{flex:1;min-width:0}
  .integration-row{align-items:flex-start;flex-wrap:wrap}
  .integration-row>div{min-width:0}
  .integration-calendar-row>div{width:calc(100% - 40px)}
  .integration-calendar-row .btn{width:100%;margin-left:40px}
  .support-ticket-dialog{width:calc(100vw - 20px)}
  .support-table-wrap{overflow:visible}
  .support-table,.support-table tbody,.support-table tr,.support-table td{display:block;width:100%;min-width:0}
  .support-table thead{display:none}
  .support-table tr{border:1px solid #e1eaf3;border-radius:10px;padding:10px 12px;margin-bottom:10px;background:#fff}
  .support-table td{position:relative;padding:6px 0 6px 92px;border-bottom:1px solid #eff3f7;font-size:10px;overflow-wrap:anywhere}
  .support-table td::before{position:absolute;left:0;top:6px;width:82px;font-size:8px;font-weight:800;color:#6b7f99;text-transform:uppercase}
  .support-table td:nth-child(1)::before{content:'Ticket'}
  .support-table td:nth-child(2)::before{content:'Título'}
  .support-table td:nth-child(3)::before{content:'Módulo'}
  .support-table td:nth-child(4)::before{content:'Prioridad'}
  .support-table td:nth-child(5)::before{content:'Creado'}
  .support-table td:nth-child(6)::before{content:'Actualizado'}
  .support-table td:nth-child(7)::before{content:'Status'}
  .support-table td:nth-child(8)::before{content:'Correo'}
  .support-table td:last-child{padding:10px 0 0;border-bottom:0}
  .support-table td:last-child::before{display:none}
  .support-table td:last-child .btn{width:100%}
  .support-pagination{justify-content:space-between}
  .support-pagination .btn{min-width:0;padding-inline:10px}
}