/* GSA Portal Empleados – Addon Responsivo (FIX) */
/* Se carga DESPUÉS del CSS del plugin original para sobreescribir. */

/* Tablas reflow en móvil */
@media (max-width: 640px){
  .gsa-table.responsive thead{
    position:absolute; height:1px; width:1px; overflow:hidden;
    clip:rect(1px,1px,1px,1px);
  }
  .gsa-table.responsive tbody tr{
    display:block;
    border:1px solid var(--gsa-border, #e5e7eb);
    border-radius:12px;
    overflow:hidden;
    background:#fff;
    margin:12px 0;
  }
  .gsa-table.responsive td{
    display:flex;
    gap:10px;
    justify-content:space-between;
    align-items:flex-start;
    padding:12px 14px;
    border-bottom:1px solid var(--gsa-border, #e5e7eb);
  }
  .gsa-table.responsive td:last-child{ border-bottom:none; }
  .gsa-table.responsive td::before{
    content: attr(data-th);
    font-weight:600;
    color: var(--gsa-muted, #6b7280);
    flex: 0 0 48%;
    max-width: 55%;
    padding-right:8px;
  }
  .gsa-table.responsive td > *{ max-width:50%; }
}

/* Mejoras generales en móvil */
@media (max-width: 480px){
  .gsa-grid{ grid-template-columns: 1fr !important; }
  .gsa-actions .gsa-btn,
  .gsa-actions .gsa-cta{ width:100%; justify-content:center; }
  .gsa-pills{ gap:6px; }
  .gsa-pill{ padding:8px 10px; font-size:13px; }
  .gsa-card{ padding:14px; }
}