/* Narzędzia kadrowe — dodatki do design-systemu .wdc (ładowane po workdays.css) */

/* Niedziela handlowa w mini-kalendarzu: miętowe wypełnienie. */
.wdc .wdc-cal td.wdc-cal__trade {
    background: #74D6CE;
    color: #101223;
    font-weight: 700;
    box-shadow: none;
}

.wdc-key--trade {
    background: #74D6CE;
}

/* Wysoka tabela (wszystkie niedziele roku) — przewijana w pionie. */
.wdc-scroll--tall {
    max-height: 430px;
    overflow-y: auto;
    border-radius: 12px;
}

/* Karty kalkulatorów narzędziowych — formularz zawsze widoczny. */
.wdc-calc--tool {
    margin: 26px 0;
}

.wdc-calc--tool .wdc-calc__head h2 {
    margin: 0 0 4px;
    font-size: 18px;
}

.wdc-calc--tool .wdc-calc__fields label {
    flex: 1 1 170px;
}

.wdc-calc--tool input[type="number"] {
    height: 46px;
    padding: 0 12px;
    border: 1.5px solid var(--wdc-border, #e4e8ee);
    border-radius: 10px;
    background: #fff;
    font-size: 15px;
    width: 100%;
}

.wdc-calc--tool input[type="number"]:focus {
    border-color: var(--wdc-primary, #14847a);
    outline: none;
}

/* Zielony pasek wyniku kalkulatora. */
.wdc-mini-result {
    margin-top: 14px;
    padding: 14px 18px;
    background: var(--wdc-mint-bg, #e9faf7);
    border: 1px solid var(--wdc-mint-border, #bfe9e3);
    border-radius: 12px;
    font-size: 15px;
    line-height: 1.55;
}

.wdc-mini-result b {
    font-size: 17px;
}

.wdc-mini-result.wdc-mini-result--error {
    background: #fdecea;
    border-color: #f6c8c4;
}

.wdc-mini-result small {
    display: block;
    margin-top: 6px;
    color: var(--wdc-muted, #3f4a5a);
    font-size: 12.5px;
}

/* Nagłówki kart kalkulatorów i mini-kalendarzy — spójne z globalną skalą. */
.wdc--tools .wdc-calc--tool .wdc-calc__head h2 {
    font-size: 16px; /* 18 → -10% */
}

.wdc--tools .wdc-res__month h4 {
    font-size: 12.5px; /* 14 → -10% */
}

/* Nagłówki pól formularzy bez kapitalików — czytelnie, normalnym zapisem. */
.wdc--tools .wdc-calc__fields label,
.wdc-calc--tool .wdc-calc__fields label {
    text-transform: none;
    letter-spacing: 0;
    font-size: 13.5px;
    font-weight: 600;
}

/* Delikatniejsze kafle hero na stronach narzędzi: wartości to często TEKST
   („2 tygodnie", „sobota / koniec mies.") — mniejszy font, bez boldu,
   etykiety bez kapitalików. */
.wdc--tools .wdc-hero__num {
    font-size: 21px;
    font-weight: 500;
    line-height: 1.25;
}

.wdc--tools .wdc-hero__lbl {
    text-transform: none;
    letter-spacing: 0;
    font-size: 13px;
}

/* Kalendarze (np. niedziele handlowe) na pełną szerokość treści. */
.wdc--tools .wdc-res__months {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 18px;
}

.wdc--tools .wdc-res__month {
    flex: none;
    width: auto;
}

.wdc--tools .wdc-res__month .wdc-cal {
    max-width: none;
}

/* Mobile: flex-basis 170px w układzie kolumnowym robił ogromne odstępy
   między polami — kompaktowo i czytelnie. */
@media (max-width: 600px) {
    .wdc-calc--tool .wdc-calc__fields {
        gap: 12px;
    }

    .wdc-calc--tool .wdc-calc__fields label {
        flex: 1 1 auto;
    }
}