/* Horarios — the "Cobertura del año" gantt above the schedules table (design reference supplied
   as screenshots, not part of design_handoff_carteleria). Shared classes so the same track/bar
   markup works both for the full-width per-screen rows on the index and the single-row mini
   preview on the edit form's summary sidebar. */

.cn-coverage { padding: 8px 20px 20px; }
.cn-coverage-row { display: grid; grid-template-columns: 140px minmax(0, 1fr); }
.cn-coverage-label {
  font-size: 12px; font-weight: 600; display: flex; align-items: center; padding-right: 10px;
}
.cn-coverage-head .cn-coverage-label {
  font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em;
  color: var(--color-neutral-600); align-items: flex-end; padding-bottom: 6px;
}

.cn-coverage-track {
  position: relative; display: grid; grid-template-columns: repeat(12, 1fr);
  border-bottom: 1px solid var(--color-divider);
}
.cn-coverage-head .cn-coverage-track { border-bottom: none; }
.cn-coverage-month {
  min-height: 34px; padding: 6px 0 6px 6px; border-left: 1px solid var(--color-divider);
  font-size: 9px; letter-spacing: .04em; text-transform: uppercase; color: var(--color-neutral-600);
}
.cn-coverage-head .cn-coverage-month { min-height: auto; padding: 0 0 6px 6px; }

.cn-coverage-bar {
  position: absolute; top: 4px; bottom: 4px; display: flex; align-items: center;
  padding: 0 8px; font-size: 11px; font-weight: 600; color: var(--color-bg);
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.cn-coverage-bar-text { background: var(--color-text); }
.cn-coverage-bar-accent { background: var(--color-accent); }

/* — mini variant: a single compact track in the edit form's summary sidebar — */
.cn-coverage-mini { height: 20px; border: 1px solid var(--color-divider); }
.cn-coverage-mini .cn-coverage-month { min-height: auto; padding: 0; }
.cn-coverage-mini .cn-coverage-bar { top: 2px; bottom: 2px; padding: 0; }