/* === Driver Labor · estilos específicos del módulo de nóminas ==========
   Hereda 100% del design system y de driver-tax.css (los bloques de
   account, perfil, tabs, paneles, planes, tablas y formularios son
   visualmente iguales).  Aquí solo añadimos los matices del módulo.
   ====================================================================== */

body.ds-app.driver-labor-page #dlabor-app[hidden] {
  display: none !important;
}

/* Fix: el atributo HTML `hidden` debe ganar al display:grid del fieldset */
body.ds-app .dtax-profile-form [hidden],
body.ds-app.driver-labor-page [hidden] {
  display: none !important;
}

body.ds-app.driver-labor-page .dtax-account-section {
  margin-top: 14px;
}

/* Tarjetas de estado de la nómina generada */
body.ds-app.driver-labor-page .dlabor-payslip-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  margin-top: 14px;
}

body.ds-app.driver-labor-page .dlabor-summary-tile {
  padding: 14px 16px;
  background: #f4f8ff;
  border: 1px solid var(--ds-line);
  border-radius: var(--ds-radius-sm);
}

body.ds-app.driver-labor-page .dlabor-summary-tile strong {
  display: block;
  font-size: .72rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ds-blue-600);
  font-weight: 800;
  margin-bottom: 4px;
}

body.ds-app.driver-labor-page .dlabor-summary-tile span {
  display: block;
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--ds-navy);
}

body.ds-app.driver-labor-page .dlabor-warnings {
  margin-top: 12px;
  padding: 10px 12px;
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-left: 3px solid var(--ds-warning);
  border-radius: var(--ds-radius-xs);
  font-size: .82rem;
  color: #92400e;
}

body.ds-app.driver-labor-page .dlabor-warnings ul {
  margin: 4px 0 0;
  padding-left: 18px;
}