/* Gestión Planilla - Estilos móviles y claros */
.gp-wrap { max-width: 1100px; margin: 0 auto; padding: 12px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.gp-section { background: #f7f7f9; border: 1px solid #e1e1e8; border-radius: 14px; padding: 12px; margin-bottom: 16px; }
.gp-form { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
.gp-row { display: flex; flex-direction: column; }
.gp-row label { font-weight: 600; margin-bottom: 4px; }
.gp-row input, .gp-row select { padding: 8px; border: 1px solid #cfd3d9; border-radius: 10px; font-size: 14px; }
.gp-btn { padding: 10px 14px; border: 0; border-radius: 12px; background: #0D2C6B; color: #fff; font-weight: 700; cursor: pointer; }
.gp-btn:hover { filter: brightness(1.05); }
.gp-btn-secondary { background: #1E4FA3; }
.gp-btn-danger { background: #a31212; }
.gp-table-container { width: 100%; overflow-x: auto; }
.gp-table { width: 100%; border-collapse: collapse; font-size: 14px; background: #fff; }
.gp-table th, .gp-table td { border: 1px solid #e2e6ea; padding: 8px; vertical-align: top; }
.gp-table th { background: #eef2f7; text-align: left; }
.gp-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.gp-subrow { color: #333; }
.gp-delete { background: #fff; border: 1px solid #d9534f; color: #d9534f; border-radius: 8px; padding: 4px 8px; cursor: pointer; }
@media (max-width: 720px) {
  .gp-form { grid-template-columns: 1fr; }
  .gp-table { font-size: 13px; }
}