html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-primary:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.content {
    padding-top: 1.1rem;
}

/* Save button: larger, custom background */
.change-prices-save-btn {
    background-color: #895b2f !important;
    border-color: #895b2f !important;
    padding: 0.5rem 1.25rem !important;
    font-size: 1.05rem !important;
}

.change-prices-save-btn:hover {
    background-color: #6d4824 !important;
    border-color: #6d4824 !important;
}

/* Selected count – always visible (dark text) */
.change-prices-selected-count {
    color: #212529 !important;
    font-weight: 500;
}

/* ChangePrices grid row alert colors – applied via CustomizeElement; row gets class, style td for background */
.change-prices-grid tr.row-alert-old-mismatch > td,
.change-prices-grid tr.row-alert-new-below-old > td,
.change-prices-grid tr.row-alert-new-above-10 > td,
.change-prices-grid tr.row-alert-new-zero > td,
.change-prices-grid tr.row-alert-multiple > td {
    color: #fff !important;
}

/* Yellow = Excel old price ≠ DB (one condition = this color) */
.change-prices-grid tr.row-alert-old-mismatch > td { background-color: #b8860b !important; }
.change-prices-grid tr.row-alert-new-below-old > td { background-color: #b52a2a !important; }
.change-prices-grid tr.row-alert-new-above-10 > td { background-color: #1e5aa8 !important; }
.change-prices-grid tr.row-alert-new-zero > td { background-color: #0d6b0d !important; }
.change-prices-grid tr.row-alert-multiple > td { background-color: #5a3d8a !important; }

/* Grid scrollable area – no pagination, fixed height with vertical scroll */
.change-prices-grid-scrollable {
    max-height: 70vh;
    overflow: auto;
}

/* Legend: colored swatches + white text on dark background */
.change-prices-legend {
    color: #fff !important;
    background-color: #333;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
}

.change-prices-legend-swatch {
    display: inline-block;
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 2px;
    vertical-align: middle;
    flex-shrink: 0;
}

/* Progress overlay: semi-transparent cover with centered spinner */
.change-prices-progress-overlay {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.change-prices-progress-circle-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.blazor-error-boundary {
    background: #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred."
}