/* /SagaUnits (SagaUnits.razor, SagaUnitMappingEditor.razor). Global, după tema generată (ca /ExchangeRates),
   cu selectori .saga-units*; culorile vin din tokenurile temei. */

.saga-units-intro {
    max-width: 72ch;
    color: var(--invoice-theme-text-muted-ui);
    margin-bottom: var(--invoice-theme-space-4, 16px);
}

.saga-units-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
    gap: var(--invoice-theme-space-4, 16px);
    align-items: start;
}

.saga-units-section {
    padding: 14px 16px;
    border: 1px solid var(--invoice-theme-border);
    border-radius: var(--invoice-theme-radius-md, 10px);
    background: var(--invoice-theme-surface);
    min-width: 0;
}

.saga-units-table .saga-units-code {
    width: 130px;
}

.saga-units-table .saga-units-unit {
    width: 150px;
}

.saga-units-table .saga-units-remove {
    width: 44px;
}