/*
 * Lista de facturi — bannerul „Filtru din dashboard" (pasul 09 al dashboardului Home).
 *
 * Fișier global, încărcat în App.razor DUPĂ tema generată (invoice-theme-generated/…), ca tokenurile din
 * invoice-theme-variables.css să fie definite și regulile să nu fie suprascrise de modern.invoice-theme.css.
 * Nu edităm fișierele generate și nu adăugăm reguli în modern.css. Selectorii poartă prefixul
 * .invoice-list-dashboard-scope; culorile vin numai din tokenuri.
 */

.invoice-list-dashboard-scope {
    display: flex;
    align-items: flex-start;
    gap: var(--invoice-theme-space-3);
    margin: var(--invoice-theme-space-3) 0;
    padding: var(--invoice-theme-space-3) var(--invoice-theme-space-4);
    border: 1px solid var(--invoice-theme-info-border);
    border-radius: var(--invoice-theme-radius-md);
    background: var(--invoice-theme-info-soft);
    color: var(--invoice-theme-text);
    font-family: var(--invoice-theme-font-sans);
}

.invoice-list-dashboard-scope-icon {
    flex: 0 0 auto;
    margin-top: 2px;
    color: var(--invoice-theme-info);
    font-size: 18px;
}

.invoice-list-dashboard-scope-text {
    flex: 1 1 auto;
    min-width: 0;
}

.invoice-list-dashboard-scope-title {
    margin: 0 0 var(--invoice-theme-space-1);
    font-size: 13px;
    font-weight: 600;
    color: var(--invoice-theme-text);
}

.invoice-list-dashboard-scope-chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--invoice-theme-space-1) var(--invoice-theme-space-2);
    margin: 0 0 var(--invoice-theme-space-2);
    padding: 0;
    list-style: none;
}

.invoice-list-dashboard-scope-chips li {
    padding: 2px 10px;
    border: 1px solid var(--invoice-theme-info-border);
    border-radius: var(--invoice-theme-radius-pill);
    background: var(--invoice-theme-surface);
    color: var(--invoice-theme-text-secondary);
    font-size: 12px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.invoice-list-dashboard-scope-note {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
    color: var(--invoice-theme-text-secondary);
}

.invoice-list-dashboard-scope .invoice-list-dashboard-scope-clear {
    flex: 0 0 auto;
    min-height: 44px;
    white-space: nowrap;
}

.invoice-list-dashboard-scope .invoice-list-dashboard-scope-clear:focus-visible {
    box-shadow: var(--invoice-theme-focus-ring);
}

/* Telefon: butonul trece sub text, pe toată lățimea; textul lung se rupe în loc să lărgească pagina. */
@media (max-width: 575.98px) {
    .invoice-list-dashboard-scope {
        flex-wrap: wrap;
        padding: var(--invoice-theme-space-3);
    }

    .invoice-list-dashboard-scope-text {
        flex-basis: calc(100% - 30px);
    }

    .invoice-list-dashboard-scope .invoice-list-dashboard-scope-clear {
        width: 100%;
        white-space: normal;
    }
}

@media print {
    .invoice-list-dashboard-scope {
        display: none;
    }
}