.record-priority-tabs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
}

.record-priority-tab {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dce7eb;
    border-radius: 9px;
    color: #5d7785;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 750;
    gap: 6px;
    min-height: 38px;
    padding: 8px 12px;
    text-decoration: none;
}

.record-priority-tab:hover {
    background: #f7fbfc;
    border-color: #b9d3dc;
    color: #244f60;
}

.record-priority-tab.active {
    box-shadow: 0 2px 7px rgba(30, 76, 87, .1);
}

.record-priority-tab.active:not(.priority-critical):not(.priority-urgent):not(.priority-routine):not(.priority-on-call) {
    background: #eaf5f5;
    border-color: #a5d4d2;
    color: #0b6e75;
}

.record-priority-tab.priority-critical.active {
    background: #fff0f2;
    border-color: #f2c8cf;
    color: #af3e4f;
}

.record-priority-tab.priority-urgent.active {
    background: #edf7ff;
    border-color: #bedff5;
    color: #27739f;
}

.record-priority-tab.priority-routine.active {
    background: #effaf3;
    border-color: #c5e6ce;
    color: #297449;
}

.record-priority-tab.priority-on-call.active {
    background: #f5effd;
    border-color: #dbc9f0;
    color: #70419b;
}

.records-table tbody tr.record-priority-critical > td {
    background: #fff3f4 !important;
    border-color: #f5d9de;
}

.records-table tbody tr.record-priority-urgent > td {
    background: #f0f8ff !important;
    border-color: #d8eaf7;
}

.records-table tbody tr.record-priority-routine > td {
    background: #f1faf4 !important;
    border-color: #d8eee0;
}

.records-table tbody tr.record-priority-on-call > td {
    background: #f7f1fd !important;
    border-color: #e5d9f2;
}

.records-table tbody tr.record-priority-critical:hover > td { background: #ffe9ec !important; }
.records-table tbody tr.record-priority-urgent:hover > td { background: #e6f4ff !important; }
.records-table tbody tr.record-priority-routine:hover > td { background: #e8f7ed !important; }
.records-table tbody tr.record-priority-on-call:hover > td { background: #f1e7fb !important; }

.records-table tbody tr.record-excluded-row > td:first-child {
    box-shadow: inset 4px 0 0 #cf6a75;
}

@media (max-width: 575.98px) {
    .record-priority-tabs { gap: 6px; }
    .record-priority-tab { font-size: .72rem; min-height: 35px; padding: 7px 10px; }
}