/* Bodycam-aligned SAR theme */
:root {
    --sar-primary: #4f46e5;
    --sar-primary-hover: #4338ca;
    --sar-primary-soft: #eef2ff;
    --sar-border: #d8e2ef;
    --sar-border-light: #e2e8f0;
    --sar-label: #3f4f5f;
    --sar-muted: #6b7785;
    --sar-text: #1e293b;
    --sar-surface: #ffffff;
    --sar-subtle: #f8fafc;
    --sar-page: #f3f5f9;
}

html,
body {
    background-color: var(--sar-page);
    color: var(--sar-text);
}

a {
    color: var(--sar-primary);
}
a:hover,
a:focus,
a:active {
    color: var(--sar-primary-hover) !important;
}

.page-title,
.card-header,
.card-title,
h1, h2, h3, h4, h5 {
    color: var(--sar-text);
}

.card,
.page-wrapper .card {
    border-color: var(--sar-border);
    background: var(--sar-surface);
}

.btn-primary {
    background-color: var(--sar-primary) !important;
    border-color: var(--sar-primary) !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--sar-primary-hover) !important;
    border-color: var(--sar-primary-hover) !important;
    color: #fff !important;
}

.btn-outline-primary {
    color: var(--sar-primary) !important;
    border-color: var(--sar-primary) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--sar-primary) !important;
    color: #fff !important;
}

.btn-success {
    background-color: var(--sar-primary) !important;
    border-color: var(--sar-primary) !important;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--sar-primary);
    box-shadow: 0 0 0 0.2rem rgba(79, 70, 229, 0.16);
}

.form-label,
label {
    color: var(--sar-label);
}

.text-muted,
.small.text-muted {
    color: var(--sar-muted) !important;
}

.nav-tabs .nav-link.active,
.nav-tabs li .active,
.nav-tabs li.active {
    color: var(--sar-primary) !important;
}
.nav-tabs li:not(.title-tab) a::after,
.nav-tabs .nav-link.active::after {
    background-color: var(--sar-primary) !important;
}

.sidebar-menu li.active > a,
.sidebar-menu li a:hover,
.sidebar-menu li a:focus {
    color: #fff !important;
}

.list-group-item.active,
.page-item.active .page-link,
.pagination .active > .page-link {
    background-color: var(--sar-primary) !important;
    border-color: var(--sar-primary) !important;
}

.badge.bg-primary,
.bg-primary {
    background-color: var(--sar-primary) !important;
}

input[type="range"] {
    accent-color: var(--sar-primary);
}

.notification-badge-container,
.notification-badge-container .badge {
    display: none !important;
}

.bodycam-annotation-panel,
.sport-video-panel {
    background: var(--sar-surface);
    border: 1px solid var(--sar-border);
    border-radius: 12px;
    padding: 16px;
}

.sport-video-shortcuts kbd {
    background: var(--sar-subtle);
    border: 1px solid var(--sar-border-light);
    color: var(--sar-label);
}

.sport-video-action-card {
    border: 1px solid var(--sar-border);
    background: var(--sar-subtle);
}
.sport-video-action-card.active {
    border-color: var(--sar-primary);
    background: var(--sar-primary-soft);
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12);
}

.audio-sticky-panel {
    border-color: var(--sar-border-light) !important;
}

.table thead th {
    color: var(--sar-label);
    border-bottom-color: var(--sar-border);
}