/**
 * PJM brand tokens — wspólne dla panelu admina, realizatora i publicznych surface.
 * Fonty: enqueue `pjm-brand-fonts` (Plus Jakarta Sans + Source Sans 3).
 */

:root {
    --pjm-ink: #14241C;
    --pjm-dark: #16241D;
    --pjm-primary: #1B5E4B;
    --pjm-primary-dark: #154A3B;
    --pjm-accent: #C8922A;
    --pjm-surface: #F3F6F4;
    --pjm-surface-2: #E7EEEA;
    --pjm-card: #FFFFFF;
    --pjm-muted: #6B7A72;
    --pjm-border: #D5DFD9;
    --pjm-danger: #B42318;
    --pjm-warn: #B54708;
    --pjm-ok: #067647;
    --pjm-font-display: 'Plus Jakarta Sans', system-ui, sans-serif;
    --pjm-font-body: 'Source Sans 3', system-ui, sans-serif;
    --pjm-radius: 12px;
    --pjm-shadow: 0 10px 28px rgba(20, 36, 28, 0.08);

    /* Aliasy paneli */
    --ja-bg: var(--pjm-surface);
    --ja-card-bg: var(--pjm-card);
    --ja-text: var(--pjm-ink);
    --ja-text-light: var(--pjm-muted);
    --ja-border: var(--pjm-border);
    --ja-primary: var(--pjm-primary);
}

.pjm-brand-shell,
.ja-dashboard-wrapper,
.pjm-tp {
    font-family: var(--pjm-font-body);
    color: var(--pjm-ink);
}

.ja-brand-mark,
.pjm-tp-brand-mark {
    margin: 0 0 2px;
    font-family: var(--pjm-font-display);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--pjm-primary);
}

.ja-header h1,
.pjm-tp-head h2,
.pjm-dispatch__title,
.pjm-staffing__title {
    font-family: var(--pjm-font-display);
    letter-spacing: -0.02em;
}

.ja-dashboard-wrapper {
    background:
        radial-gradient(1200px 420px at 8% -10%, rgba(27, 94, 75, 0.10), transparent 60%),
        radial-gradient(900px 360px at 100% 0%, rgba(200, 146, 42, 0.08), transparent 55%),
        var(--pjm-surface);
    border-radius: var(--pjm-radius);
    padding: 8px 4px 20px;
}

.ja-nav-rail {
    background: linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
    border: 1px solid var(--pjm-border);
    border-radius: 14px;
    box-shadow: var(--pjm-shadow);
}

.ja-tab-btn.active {
    background: var(--pjm-primary);
    color: #fff;
}

.ja-btn {
    border-radius: 10px;
}