/* Global red brand override. Loaded from shared player/admin/agent includes. */
:root {
    --brand-red-deep: #170608;
    --brand-red-dark: #2a090e;
    --brand-red-main: #c51f35;
    --brand-red-bright: #ff4058;
    --brand-red-soft: #fff0f2;
    --brand-red-border: #fecdd3;
    --brand-gold: #ffd68a;
}

html, body {
    accent-color: var(--brand-red-main);
}

a { color: inherit; }

button,
input,
select,
textarea {
    accent-color: var(--brand-red-main);
}

.bg-\[\#126E51\],
.bg-\[\#002b2b\],
.bg-\[\#001f1f\],
.bg-\[\#003333\],
.bg-\[\#034C44\],
.bg-\[\#0d4a3a\],
.bg-\[\#0d5c43\],
.bg-\[\#0d3d2f\],
.bg-\[\#176348\],
.bg-\[\#154b77\] {
    background-color: var(--brand-red-dark) !important;
}

.border-\[\#264d3e\],
.border-green-100,
.border-green-200,
.border-green-300,
.border-green-400,
.border-green-500,
.border-green-600,
.border-green-700,
.border-emerald-100,
.border-emerald-200,
.border-emerald-300,
.border-emerald-400,
.border-emerald-500,
.border-emerald-600,
.border-teal-100,
.border-teal-200,
.border-teal-300,
.border-teal-400,
.border-teal-500,
.border-indigo-400,
.border-indigo-500 {
    border-color: var(--brand-red-border) !important;
}

.text-\[\#126E51\],
.text-\[\#034C44\],
.text-\[\#0d4a3a\],
.text-\[\#0d6a4e\],
.text-\[\#154b77\],
.text-green-400,
.text-green-500,
.text-green-600,
.text-green-700,
.text-green-800,
.text-emerald-400,
.text-emerald-500,
.text-emerald-600,
.text-emerald-700,
.text-emerald-800,
.text-teal-400,
.text-teal-500,
.text-teal-600,
.text-indigo-600,
.text-indigo-700 {
    color: var(--brand-red-main) !important;
}

.bg-green-50,
.bg-green-100,
.bg-green-600\/20,
.bg-green-900\/50,
.bg-emerald-50,
.bg-emerald-100,
.bg-teal-50,
.bg-teal-100,
.bg-indigo-50 {
    background-color: var(--brand-red-soft) !important;
}

.bg-green-500,
.bg-green-600,
.bg-green-700,
.bg-emerald-500,
.bg-emerald-600,
.bg-emerald-700,
.bg-teal-500,
.bg-teal-600,
.bg-indigo-600,
.bg-indigo-700,
.peer-checked\:bg-green-500:checked,
.peer:checked ~ .peer-checked\:bg-green-500 {
    background-color: var(--brand-red-main) !important;
}

.hover\:bg-green-50:hover,
.hover\:bg-green-100:hover,
.hover\:bg-green-600:hover,
.hover\:bg-green-700:hover,
.hover\:bg-emerald-50:hover,
.hover\:bg-emerald-600:hover,
.hover\:bg-emerald-700:hover,
.hover\:bg-teal-600:hover,
.hover\:bg-indigo-50:hover,
.hover\:bg-indigo-700:hover {
    background-color: var(--brand-red-bright) !important;
    color: #fff !important;
}

.focus\:border-green-500:focus,
.focus\:border-emerald-500:focus,
.focus\:border-teal-500:focus,
.focus\:border-indigo-500:focus {
    border-color: var(--brand-red-bright) !important;
}

.focus\:ring-green-100:focus,
.focus\:ring-emerald-100:focus,
.focus\:ring-teal-100:focus,
.focus\:ring-indigo-400:focus,
.focus\:ring-indigo-500:focus {
    --tw-ring-color: rgba(255, 64, 88, 0.22) !important;
}

[style*="#126E51"],
[style*="#034C44"],
[style*="#0d4a3a"],
[style*="#154b77"],
[style*="#0d3d2f"],
[style*="#176348"] {
    background-color: var(--brand-red-main) !important;
    border-color: var(--brand-red-bright) !important;
}

.bg-gradient-to-br,
.bg-gradient-to-r {
    --tw-gradient-from: #7a0b19 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: #170608 var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), #c51f35 var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

.from-yellow-600,
.from-yellow-500,
.from-slate-900,
.from-indigo-600,
.from-emerald-600,
.from-green-600 {
    --tw-gradient-from: #ff5268 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(255, 82, 104, 0) var(--tw-gradient-to-position) !important;
}

.to-yellow-500,
.to-yellow-400,
.to-slate-800,
.to-indigo-700,
.to-emerald-700,
.to-green-700 {
    --tw-gradient-to: #7a0b19 var(--tw-gradient-to-position) !important;
}

.text-yellow-400,
.text-yellow-500,
.text-yellow-600,
.hover\:text-yellow-500:hover {
    color: var(--brand-gold) !important;
}

.bg-yellow-500,
.bg-yellow-600,
.hover\:bg-yellow-600:hover {
    background-color: var(--brand-red-main) !important;
    color: #fff !important;
}

.border-yellow-400,
.border-yellow-500,
.focus\:border-yellow-500:focus {
    border-color: var(--brand-red-bright) !important;
}

.submit-btn,
.modal-save,
.add-btn,
.header,
.header-fixed,
.bottom-nav-pill,
.bnav-center-circle {
    background: linear-gradient(180deg, #ff5268 0%, #c51f35 58%, #7a0b19 100%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,0.18) !important;
}

.bottom-nav {
    background: #170608 !important;
}

.bottom-nav-pill {
    box-shadow:
        0 0 0 2px #170608,
        inset 0 1px 0 rgba(255,255,255,0.16),
        0 -2px 0 0 #ff4058,
        0 4px 24px rgba(0,0,0,0.5) !important;
}

.bnav-item,
.bnav-center-label {
    color: #ff9aa7 !important;
}

.bnav-item.active,
.bnav-item.active .bnav-label {
    color: var(--brand-gold) !important;
    border-color: var(--brand-gold) !important;
}

#sidebar,
#agentSidebar,
.desktop-sidebar {
    background: linear-gradient(180deg, #3f0810 0%, #170608 100%) !important;
    border-color: rgba(255,255,255,0.12) !important;
}

#sidebar a:hover,
#agentSidebar a:hover,
#sidebar a[class*="border-l-4"],
#agentSidebar a[class*="active"] {
    background-color: rgba(255,64,88,0.18) !important;
    color: #fff !important;
    border-color: var(--brand-gold) !important;
}

.wallet-card.selected,
.provider-chip.active {
    border-color: var(--brand-red-bright) !important;
    background: var(--brand-red-soft) !important;
    box-shadow: 0 4px 14px rgba(255,64,88,0.16) !important;
}

.check,
.wallet-card.selected .check {
    border-color: var(--brand-red-bright) !important;
}

.wallet-card.selected .check::after {
    background: var(--brand-red-main) !important;
}
