/* Leave days breakdown modal – calendar grid and legend */

.days-breakdown-legend {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  margin-right: 6px;
  vertical-align: middle;
}

.days-breakdown-legend.days-breakdown-counted {
  background: #198754;
}

.days-breakdown-legend.days-breakdown-weekend {
  background: #adb5bd;
}

.days-breakdown-legend.days-breakdown-holiday {
  background: #fd7e14;
}

.days-breakdown-legend.days-breakdown-nonworking {
  background: #9ec5fe;
}

.days-breakdown-nonworking {
  background: #cfe2ff;
  color: #084298;
  border: 1px solid #6ea8fe;
}

.days-breakdown-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  max-width: 320px;
}

.days-breakdown-cell {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 500;
  border-radius: 6px;
  position: relative;
  min-height: 32px;
}

.days-breakdown-header {
  background: #f8f9fa;
  color: #495057;
  font-size: 0.7rem;
}

.days-breakdown-empty,
.days-breakdown-out {
  background: #f8f9fa;
  color: #dee2e6;
}

.days-breakdown-counted {
  background: #d1e7dd;
  color: #0f5132;
  border: 1px solid #198754;
}

.days-breakdown-weekend {
  background: #e9ecef;
  color: #6c757d;
  border: 1px solid #adb5bd;
}

.days-breakdown-holiday {
  background: #ffe5d0;
  color: #c2410c;
  border: 1px solid #fd7e14;
}

.days-breakdown-summary {
  border-color: rgba(0, 87, 60, 0.2) !important;
}