/* Pagina Retururi (Pages/Account/Retururi.cshtml) — conținutul din dreapta sidebar-ului comun */

/* Rând de pastile de filtrare status — scrollabil orizontal + fade la margine (confirmat pe machetele
   Tabletă/Mobil, unde ultima pastilă e parțial vizibilă/estompată), același tipar ca .comenzi-filters */
.retururi-filters {
    overflow-x: auto;
    scrollbar-width: none;
    mask-image: linear-gradient(to right, #000 92%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, #000 92%, transparent 100%);
}

.retururi-filters::-webkit-scrollbar {
    display: none;
}

/* Text meta secundar (număr retur/comandă, dată, preț) — mutat în account-shared.css ca .account-meta-text
   când Setări cont a devenit a 2-a nevoie a aceluiași stil de text gri secundar */

/* Rândul alb de jos (notă + link) — separat de zona gri de sus prin border-top, ca .account-order-meta */
.return-note {
    border-color: var(--color-border-primary) !important;
    font-size: var(--text-s-size);
    color: var(--color-content-tertiary);
}

/* ===== Mini-tracker orizontal (retur "În curs") — 4 segmente, primul plin ===== */

.return-progress-segment {
    height: 0.375rem;
    background-color: var(--color-border-primary);
}

.return-progress-segment-active {
    background-color: var(--color-content-positive-primary);
}

.return-progress-labels {
    font-size: var(--text-xs-size);
    color: var(--color-content-tertiary);
}

.return-progress-label-active {
    color: var(--color-content-positive-primary);
    font-weight: var(--font-weight-medium);
}

/* ===== Pastilă "X zile rămase" (produse eligibile pentru retur) ===== */

.return-days-chip {
    display: inline-block;
    font-size: var(--text-s-size);
    font-weight: var(--font-weight-medium);
    padding: 0.125rem 0.625rem;
    border-radius: var(--radius-pill);
}

.return-days-chip-ok {
    background-color: var(--color-bg-positive);
    color: var(--color-content-positive-secondary);
}

.return-days-chip-urgent {
    background-color: var(--color-bg-warning);
    color: var(--color-content-warning-primary);
}

/* ===== Istoric retururi — sumă rambursată ===== */

.return-amount {
    font-weight: var(--font-weight-semibold);
    color: var(--color-content-positive-secondary);
}