.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

input:focus,
select:focus,
textarea:focus {
    outline: none !important;
    border-color: #00355f !important;
    box-shadow: none !important;
}

input[type="date"].report-value-input {
    cursor: pointer;
}

input[type="date"].report-value-input::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.7;
}

input[type="date"].report-value-input:hover::-webkit-calendar-picker-indicator {
    opacity: 1;
}

/* Out-of-range and validation flags */
.range-flagged,
input.range-flagged,
select.range-flagged,
textarea.range-flagged,
td.range-flagged,
tr.range-flagged td {
    color: #ba1a1a !important;
    border-color: #ba1a1a !important;
}

input.range-flagged,
select.range-flagged,
textarea.range-flagged {
    background-color: #ffdad6 !important;
    font-weight: 600;
}

td.range-flagged {
    background-color: #fff5f5;
}

.differential-sum-notice {
    margin-top: 8px;
    padding: 8px 12px;
    border-left: 4px solid #727780;
    background: #f3f4f5;
}

.differential-sum-notice.is-error {
    color: #ba1a1a !important;
    border-left-color: #ba1a1a;
    background: #ffdad6;
    font-weight: 600;
}

.differential-sum-notice.is-ok {
    color: #00355f;
    border-left-color: #00355f;
}

.print-margin-slider {
    accent-color: #00355f;
    cursor: pointer;
    height: 6px;
}

.print-margin-slider:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

#print-margin-controls:has(.print-margin-slider:disabled) {
    opacity: 0.7;
}