/* /Components/Pages/SendEmailPage.razor.rz.scp.css */
.send-card[b-8od0xjf8mi] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
}

.form-row[b-8od0xjf8mi] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    position: relative;
}

.form-label[b-8od0xjf8mi] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.form-input[b-8od0xjf8mi],
.form-textarea[b-8od0xjf8mi] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    background: var(--bg);
    color: var(--text);
    border: 1px solid var(--border);
    font-size: 0.875rem;
}

.form-textarea[b-8od0xjf8mi] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.8125rem;
    resize: vertical;
}

.form-file[b-8od0xjf8mi] {
    padding: 0.5rem 0;
    color: var(--text);
}

.user-dropdown[b-8od0xjf8mi] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 10;
    margin-top: 0.25rem;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    max-height: 18rem;
    overflow-y: auto;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.2);
}

.user-option[b-8od0xjf8mi] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0.5rem 0.75rem;
    background: transparent;
    border: none;
    color: var(--text);
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid var(--border);
}

.user-option:hover[b-8od0xjf8mi] {
    background: var(--bg-secondary);
}

.user-option-name[b-8od0xjf8mi] {
    font-weight: 600;
    font-size: 0.875rem;
}

.user-option-email[b-8od0xjf8mi] {
    font-size: 0.75rem;
    color: var(--text-secondary);
}

.chip[b-8od0xjf8mi] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    color: var(--text);
    width: fit-content;
    max-width: 100%;
    font-size: 0.8125rem;
}

.chip-meta[b-8od0xjf8mi] {
    color: var(--text-secondary);
}

.chip-remove[b-8od0xjf8mi] {
    margin-left: 0.25rem;
    background: transparent;
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
}

.chip-remove:hover[b-8od0xjf8mi] {
    color: var(--danger, #ef4444);
}

.html-preview[b-8od0xjf8mi] {
    background: #fff;
    color: #111;
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    padding: 1rem;
    max-height: 18rem;
    overflow: auto;
}

.form-message[b-8od0xjf8mi] {
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.8125rem;
}

.form-message.success[b-8od0xjf8mi] {
    background: var(--bg-secondary);
    color: var(--accent);
}

.form-message.error[b-8od0xjf8mi] {
    background: var(--bg-secondary);
    color: var(--danger, #ef4444);
}

.form-actions[b-8od0xjf8mi] {
    display: flex;
    gap: 0.5rem;
}

@media (max-width: 640px) {
    .send-card[b-8od0xjf8mi] {
        padding: 1rem;
    }
    .form-actions[b-8od0xjf8mi] {
        flex-direction: column;
    }
    .form-actions .btn[b-8od0xjf8mi] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/StatsPage.razor.rz.scp.css */
.filters-bar[b-xy7alccd96] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.date-range[b-xy7alccd96] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.date-range label[b-xy7alccd96] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--text-tertiary);
}

.date-range input[type="date"][b-xy7alccd96] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    color: var(--text);
    padding: 0.45rem 0.6rem;
    font-size: 0.85rem;
    color-scheme: dark;
}

.presets[b-xy7alccd96] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    align-items: center;
}

/* Druga grupa presetów — zamknięte okresy kalendarzowe. Wizualnie oddzielona
   od okien kroczących, bo to inne narzędzie: te służą do porównań okres do okresu. */
.presets-closed[b-xy7alccd96] {
    padding-left: 0.6rem;
    border-left: 1px solid var(--border);
}

.presets-label[b-xy7alccd96] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
    white-space: nowrap;
}

/* Na wąskich ekranach pionowa kreska i wcięcie tracą sens — grupa i tak ląduje
   w nowej linii, więc separator zamieniamy na poziomy. */
@media (max-width: 48rem) {
    .presets-closed[b-xy7alccd96] {
        padding-left: 0;
        border-left: none;
        border-top: 1px solid var(--border);
        padding-top: 0.5rem;
        width: 100%;
    }
}

.loading-hint[b-xy7alccd96] {
    font-size: 0.8rem;
    color: var(--text-tertiary);
    animation: pulse-b-xy7alccd96 1.2s ease-in-out infinite;
}

@keyframes pulse-b-xy7alccd96 {
    50% { opacity: 0.4; }
}

.section-title[b-xy7alccd96] {
    font-size: 1rem;
    font-weight: 600;
    margin: 1.75rem 0 0.75rem;
}

.section-title:first-of-type[b-xy7alccd96] {
    margin-top: 0;
}

.section-hint[b-xy7alccd96] {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--text-tertiary);
}

.stat-sub[b-xy7alccd96] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
    margin-top: 0.25rem;
}

.cohort-note[b-xy7alccd96] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
    margin: -0.75rem 0 0.5rem;
    line-height: 1.5;
}

/* ═══ Tabele liczbowe ═══ */
.num[b-xy7alccd96] {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.strong[b-xy7alccd96] { font-weight: 700; }
.pos[b-xy7alccd96] { color: var(--success); }
.neg[b-xy7alccd96] { color: var(--danger); }

tfoot td[b-xy7alccd96] {
    font-weight: 700;
    border-top: 2px solid var(--border);
}

.row-addon td[b-xy7alccd96] { color: var(--text-secondary); }
.row-current td[b-xy7alccd96] { background: rgba(59, 130, 246, 0.07); }

.tag-addon[b-xy7alccd96] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-tertiary);
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    padding: 0.05rem 0.4rem;
    margin-left: 0.4rem;
}

.note-cell[b-xy7alccd96] {
    max-width: 16rem;
    font-size: 0.8rem;
    color: var(--text-secondary);
}

/* ═══ Wykres ═══ */
.chart-controls[b-xy7alccd96] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.chart-legend[b-xy7alccd96] {
    display: flex;
    gap: 0.9rem;
    margin-left: auto;
    font-size: 0.75rem;
    color: var(--text-tertiary);
}

.legend-item[b-xy7alccd96] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.swatch[b-xy7alccd96] {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.15rem;
}

.swatch.bar[b-xy7alccd96] { background: var(--accent); }
.swatch.line[b-xy7alccd96] { background: var(--success); height: 0.2rem; border-radius: 0.1rem; }

.chart-card[b-xy7alccd96] { padding: 1rem 0.75rem; }

.chart-scroll[b-xy7alccd96] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.chart[b-xy7alccd96] { display: block; }

.chart .grid[b-xy7alccd96] {
    stroke: var(--border);
    stroke-width: 1;
    opacity: 0.55;
}

.chart .axis[b-xy7alccd96] {
    stroke: var(--text-tertiary);
    stroke-width: 1;
}

.chart .bar[b-xy7alccd96] { fill: var(--accent); }

.chart .line-mrr[b-xy7alccd96] {
    fill: none;
    stroke: var(--success);
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.chart .axis-y[b-xy7alccd96] {
    fill: var(--text-tertiary);
    font-size: 0.6875rem;
    text-anchor: end;
}

.chart .axis-x[b-xy7alccd96] {
    fill: var(--text-tertiary);
    font-size: 0.6875rem;
    text-anchor: middle;
}

.empty-note[b-xy7alccd96] {
    font-size: 0.85rem;
    color: var(--text-tertiary);
    margin: 0;
    padding: 1.5rem 0.5rem;
    text-align: center;
}

/* ═══ Formularz wydatków ═══ */
.ads-form[b-xy7alccd96] { padding: 1rem; }

.ads-form-grid[b-xy7alccd96] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.75rem;
}

.ads-form-grid label[b-xy7alccd96] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.7rem;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ads-form-grid .span-2[b-xy7alccd96] { grid-column: span 2; }

.ads-form-grid .opt[b-xy7alccd96] {
    text-transform: none;
    letter-spacing: 0;
    opacity: 0.7;
}

.ads-form-grid input[b-xy7alccd96],
.ads-form-grid select[b-xy7alccd96] {
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    color: var(--text);
    padding: 0.5rem 0.6rem;
    font-size: 0.9rem;
    font-weight: 600;
    width: 100%;
    color-scheme: dark;
}

.ads-form-grid input:focus[b-xy7alccd96],
.ads-form-grid select:focus[b-xy7alccd96] {
    outline: none;
    border-color: var(--accent);
}

.ads-form-actions[b-xy7alccd96] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.9rem;
}

.form-error[b-xy7alccd96] {
    color: var(--danger);
    font-size: 0.8rem;
}

.inline-input[b-xy7alccd96] {
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 0.4rem;
    color: var(--text);
    padding: 0.15rem 0.4rem;
    font-size: 1.4rem;
    font-weight: 800;
    width: 5rem;
    color-scheme: dark;
}

/* ═══ Prognoza ═══ */
.forecast-card[b-xy7alccd96] { padding: 1rem; }

.forecast-blocked[b-xy7alccd96] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.6;
    color: var(--text-secondary);
    border-left: 3px solid var(--warning);
    padding-left: 0.85rem;
}

.forecast-warn[b-xy7alccd96] {
    margin: 0 0 1rem;
    font-size: 0.82rem;
    line-height: 1.55;
    color: var(--text-secondary);
    background: var(--warning-bg);
    border-radius: 0.5rem;
    padding: 0.7rem 0.85rem;
}

.scenarios[b-xy7alccd96] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.75rem;
}

.scenario[b-xy7alccd96] {
    border: 1px solid var(--border);
    border-radius: 0.6rem;
    padding: 0.85rem;
    background: var(--bg);
}

.scenario-bad[b-xy7alccd96] { opacity: 0.75; }

.scenario-name[b-xy7alccd96] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-tertiary);
}

.scenario-spend[b-xy7alccd96] {
    font-size: 0.72rem;
    color: var(--text-tertiary);
    margin-bottom: 0.5rem;
}

.scenario-value[b-xy7alccd96] {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.15;
}

.scenario-value.success[b-xy7alccd96] { color: var(--success); }
.scenario-value.warning[b-xy7alccd96] { color: var(--warning); }

.scenario-sub[b-xy7alccd96] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
    margin-top: 0.3rem;
    line-height: 1.45;
}

.forecast-notes[b-xy7alccd96] {
    margin: 1rem 0 0;
    padding-left: 1.1rem;
    font-size: 0.78rem;
    color: var(--text-tertiary);
    line-height: 1.6;
}

.forecast-notes li[b-xy7alccd96] { margin-bottom: 0.4rem; }

@media (max-width: 48rem) {
    .filters-bar[b-xy7alccd96] { gap: 0.5rem; }

    .ads-form[b-xy7alccd96] { padding: 0.75rem; }
    .ads-form-grid[b-xy7alccd96] { grid-template-columns: 1fr 1fr; }
    .ads-form-grid .span-2[b-xy7alccd96] { grid-column: span 2; }

    .chart-legend[b-xy7alccd96] {
        margin-left: 0;
        width: 100%;
    }

    .scenario-value[b-xy7alccd96] { font-size: 1.3rem; }
}