/* Styles of the planner pages (Pages/Planning). The class names are used nowhere else in the app. */

.lead-note { color: #6c757d; margin-bottom: 1.25rem; }

.card-poule { margin-bottom: 1rem; }
.card-poule .form-label { font-size: 0.8rem; margin-bottom: 0.15rem; color: #555; }
.card-poule .hint, .hint { font-size: 0.78rem; color: #6c757d; }

.chips { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.chip {
    display: inline-flex; align-items: center; gap: 0.25rem;
    padding: 0.05rem 0.5rem; border-radius: 1rem;
    background: #e9eef5; font-size: 0.78rem;
}
.chip button { border: 0; background: none; padding: 0; line-height: 1; color: #6c757d; cursor: pointer; }
.days-off { max-height: 7.5rem; overflow-y: auto; }

.venue-table td, .venue-table th { vertical-align: middle; font-size: 0.85rem; }
.venue-table input[type=number] { width: 4.2rem; }
.need-missing { background: #fff3cd; }

.pattern { font-family: Consolas, "Courier New", monospace; letter-spacing: 0.05em; }
.pattern .over { color: #b02a37; font-weight: 700; background: #f8d7da; border-radius: 3px; }

.stat-card { border: 1px solid #dee2e6; border-radius: 0.5rem; padding: 0.6rem 0.9rem; min-width: 9rem; }
.stat-card .value { font-size: 1.5rem; font-weight: 600; line-height: 1.2; }
.stat-card .label { font-size: 0.75rem; color: #6c757d; text-transform: uppercase; letter-spacing: 0.03em; }
.stat-ok .value { color: #198754; }
.stat-bad .value { color: #b02a37; }

.table-sticky thead th { position: sticky; top: 0; background: #fff; z-index: 1; }
.scroll-panel { max-height: 30rem; overflow: auto; }

.planning-toolbar { margin: 0.5rem 0 1rem; }
.planning-toolbar .plan-name { width: 14rem; }