/* =============================================================
   quotation-dialog.css — Stili per AddEditQuotationDialog
   Componente: expansion panel "Limiti piano" per item PLAN
   Variables: --upf-color-border, --upf-text-muted,
              --upf-primary, --upf-primary-soft,
              --upf-warning-soft, --upf-space-*, --upf-radius-sm
   ============================================================= */

/* --- Wrapper expansion panel --- */
.quotation-item-limits {
    border-top: 1px solid var(--upf-color-border);
    margin-top: var(--upf-space-3);
}

/* --- Header cliccabile --- */
.quotation-item-limits__header {
    display: flex;
    align-items: center;
    gap: var(--upf-space-2);
    padding: var(--upf-space-2) 0;
    cursor: pointer;
    user-select: none;
}

.quotation-item-limits__header:hover .quotation-item-limits__label {
    color: var(--upf-primary);
}

/* --- Label "LIMITI PIANO" --- */
.quotation-item-limits__label {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--upf-text-muted);
    flex-shrink: 0;
    transition: color 0.15s;
}

/* --- Riga chip (valore corrente di ogni limite) --- */
.quotation-item-limits__chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--upf-space-1);
    flex: 1;
}

/* --- Freccia espandi/comprimi --- */
.quotation-item-limits__chevron {
    color: var(--upf-text-muted);
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.quotation-item-limits--open .quotation-item-limits__chevron {
    transform: rotate(180deg);
}

/* --- Pannello edit (visible solo quando aperto) --- */
.quotation-item-limits__edit {
    padding-bottom: var(--upf-space-4);
}

/* --- Nota in fondo ai campi --- */
.quotation-item-limits__note {
    font-size: 0.73rem;
    color: var(--upf-text-muted);
    margin-top: var(--upf-space-2);
    margin-bottom: 0;
}

/* --- Chip per i valori limite (base: .chip .chip-sm) --- */
.chip-limit {
    background-color: var(--upf-primary-soft);
    color: var(--upf-primary);
    border-color: transparent;
}

/* Chip con valore personalizzato (override rispetto al piano) */
.chip-limit--custom {
    background-color: var(--upf-warning-soft);
    color: #b45309;
}

[data-bs-theme=dark] .chip-limit--custom {
    color: #fbbf24;
}

/* Label muted dentro la chip: "iscritti", "lettori" ecc. */
.chip-limit .chip-limit-label {
    color: var(--upf-text-muted);
    font-size: 0.68rem;
    font-weight: 400;
    margin-right: 2px;
}

/* --- Badge "✎ personalizzato" accanto ai chip --- */
.badge-custom-limits {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background-color: var(--upf-warning-soft);
    color: #b45309;
    border-radius: var(--upf-radius-sm);
    padding: 2px 8px;
    font-size: 0.7rem;
    font-weight: 500;
    flex-shrink: 0;
    white-space: nowrap;
}

[data-bs-theme=dark] .badge-custom-limits {
    color: #fbbf24;
}