.employee-contract-card .employee-contract-heading,
.employee-work-card .employee-contract-heading,
.employee-leave-config-card .employee-contract-heading {
  margin-bottom: 20px;
}

.employee-contract-card .employee-contract-icon,
.employee-work-card .employee-contract-icon,
.employee-leave-config-card .employee-contract-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 12px;
}

.employee-section-icon-svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.employee-contract-card .employee-contract-heading > div > div,
.employee-work-card .employee-contract-heading > div > div,
.employee-leave-config-card .employee-contract-heading > div > div {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.employee-contract-card .employee-contract-heading h2,
.employee-work-card .employee-contract-heading h2,
.employee-leave-config-card .employee-contract-heading h2 {
  margin: 0 !important;
  line-height: 1.08;
}

.employee-contract-card .employee-contract-heading p,
.employee-work-card .employee-contract-heading p,
.employee-leave-config-card .employee-contract-heading p {
  margin: 2px 0 0 !important;
  line-height: 1.18;
}

.employee-contract-card .employee-contract-heading + .employee-contract-grid,
.employee-work-card .employee-contract-heading + .employee-work-grid,
.employee-leave-config-card .employee-contract-heading + .form-grid {
  margin-top: 0;
}

.employee-contract-card .form-section,
.employee-work-card .form-section,
.employee-leave-config-card .form-section {
  margin-bottom: 0;
}

.employee-leave-cycle-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1100px) {
  .employee-leave-cycle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .employee-leave-cycle-grid { grid-template-columns: minmax(0, 1fr); }
  .employee-contract-card .employee-contract-heading,
  .employee-work-card .employee-contract-heading,
  .employee-leave-config-card .employee-contract-heading {
    margin-bottom: 16px;
  }

  .employee-contract-card .employee-contract-icon,
  .employee-work-card .employee-contract-icon,
  .employee-leave-config-card .employee-contract-icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }
}