/* Ravin reference theme — paper workspace + midnight marketing */
:root {
    --rv-ink: #17171a;
    --rv-ink-2: #242428;
    --rv-canvas: #eceae6;
    --rv-paper: #ffffff;
    --rv-paper-2: #f4f2ee;
    --rv-line: #dedbd4;
    --rv-muted: #6b6b73;
    --rv-yellow: #ffd400;
    --rv-yellow-hover: #e8c100;
    --ravin-green: var(--rv-yellow);
    --ravin-green-light: #ffe34d;
    --ravin-green-dark: #b89500;
    --ravin-bg: var(--rv-canvas);
    --ravin-surface: var(--rv-paper);
    --ravin-text: var(--rv-ink);
    --ravin-muted: var(--rv-muted);
    --ravin-border: var(--rv-line);
    --panel-bg: var(--rv-canvas);
    --panel-card: var(--rv-paper);
    --panel-border: var(--rv-line);
    --panel-text: var(--rv-ink);
    --panel-muted: var(--rv-muted);
    --panel-accent: var(--rv-yellow);
}

::selection { background: var(--rv-yellow); color: var(--rv-ink); }
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid rgba(255, 212, 0, .58) !important;
    outline-offset: 2px;
}

/* Workspace shell */
.dashboard-layout {
    --tx-strong: var(--rv-ink);
    --tx: #4a4a50;
    --tx-muted: var(--rv-muted);
    --sf: var(--rv-paper);
    --sf-2: var(--rv-paper-2);
    --sf-3: #e8e5df;
    --bg: var(--rv-canvas);
    --ln: var(--rv-line);
    --ln-strong: #cbc7bf;
    --em: var(--rv-yellow);
    --em-2: #8a7200;
    --em-soft: rgba(255,212,0,.18);
    --em-ln: rgba(185,155,0,.48);
    --frame: var(--rv-canvas);
    --sidebar: var(--rv-ink);
    --text: #4a4a50;
    --text-muted: var(--rv-muted);
    --border: var(--rv-line);
    --pearl: var(--rv-paper-2);
    --shadow-sm: none;
    --shadow: none;
    background: var(--rv-canvas) !important;
}
.dashboard-body,
.dashboard-main {
    color: var(--rv-ink) !important;
    background: var(--rv-canvas) !important;
    background-image: none !important;
}
.dashboard-body {
    margin-right: 232px !important;
    height: 100vh !important;
    background: var(--rv-canvas) !important;
}
.dashboard-body .dashboard-main {
    margin: 0 !important;
    padding: 26px 30px 32px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: var(--rv-canvas) !important;
}
.dashboard-body::before,
.dashboard-body::after,
.dashboard-main::before,
.dashboard-main::after { display: none !important; }
.panel-container { max-width: 1480px !important; }

.dashboard-sidebar {
    width: 232px !important;
    background: var(--rv-ink) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.dashboard-sidebar::before,
.dashboard-sidebar::after { display: none !important; }
.dashboard-sidebar:hover { width: 232px !important; }
.dashboard-sidebar .brand { padding: 20px 16px 10px !important; }
.dashboard-sidebar .brand a {
    min-height: 46px;
    padding: 4px 10px !important;
    color: #fff !important;
    font-size: 15px !important;
    gap: 11px !important;
}
.dashboard-sidebar .brand a:hover { background: transparent !important; }
.dashboard-sidebar .brand-mark {
    width: 30px !important;
    height: 30px !important;
    border-radius: 10px !important;
    background: var(--rv-yellow) !important;
    box-shadow: none !important;
}
.dashboard-sidebar .brand-mark::before,
.dashboard-sidebar .brand-mark::after { display: none !important; }
.dashboard-sidebar .panel-badge {
    margin: 9px 28px 6px !important;
    color: rgba(255,255,255,.38) !important;
    font-size: 10px !important;
}
.dashboard-sidebar .sidebar-brand-name,
.dashboard-sidebar .sidebar-section-title { color: #fff !important; }
.dashboard-sidebar .sidebar-section-title { opacity: .42; letter-spacing: .04em; }
.dashboard-sidebar .dashboard-nav { padding: 0 16px !important; }
.dashboard-sidebar .dashboard-nav a,
.dashboard-sidebar .sidebar-link {
    min-height: 44px;
    margin: 2px 0 !important;
    padding: 7px 12px !important;
    gap: 11px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    color: rgba(255,255,255,.68) !important;
    background: transparent !important;
    box-shadow: none !important;
}
.dashboard-sidebar .dashboard-nav a:hover,
.dashboard-sidebar .sidebar-link:hover {
    color: #fff !important;
    background: rgba(255,255,255,.07) !important;
}
.dashboard-sidebar .dashboard-nav a.active,
.dashboard-sidebar .sidebar-link.active {
    color: #fff !important;
    background: rgba(255,255,255,.11) !important;
    border-color: rgba(255,255,255,.08) !important;
}
.dashboard-sidebar .dashboard-nav a .nav-ic {
    width: 21px !important;
    height: 21px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.dashboard-sidebar .dashboard-nav a .nav-ic::before {
    width: 20px !important;
    height: 20px !important;
    background: currentColor !important;
}
.dashboard-sidebar .dashboard-nav a.active .nav-ic::before { background: var(--rv-yellow) !important; }
.dashboard-sidebar .dashboard-nav a .nav-label { color: inherit !important; font-size: 14px !important; }
.dashboard-sidebar .sidebar-link.active svg,
.dashboard-sidebar .sidebar-link.active i,
.dashboard-sidebar .sidebar-badge { color: var(--rv-yellow) !important; }
.dashboard-sidebar .sidebar-badge {
    background: var(--rv-yellow) !important;
    color: var(--rv-ink) !important;
    box-shadow: none !important;
}
.dashboard-sidebar .sidebar-foot,
.dashboard-sidebar .sidebar-plan {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.1) !important;
    box-shadow: none !important;
}

.mobile-topbar,
.panel-topbar {
    background: rgba(236,234,230,.94) !important;
    border-color: var(--rv-line) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
}
.mobile-topbar {
    color: #fff !important;
    background: var(--rv-ink) !important;
    border-bottom-color: rgba(255,255,255,.1) !important;
}
.panel-topbar {
    height: 74px !important;
    padding: 0 30px !important;
    border-bottom: 0 !important;
}
.panel-topbar .tb-page { color: var(--rv-ink) !important; font-size: 20px !important; font-weight: 600 !important; }
.panel-topbar .tb-search { width: min(320px, 34vw) !important; }
.panel-topbar .tb-search-kbd { color: var(--rv-muted) !important; border-color: var(--rv-line) !important; }
.tb-page-title, .tb-context-title { color: var(--rv-ink) !important; }
.tb-context-sub, .tb-page-sub { color: var(--rv-muted) !important; }
.tb-search,
.tb-pill,
.tb-menu,
.tb-icon-btn,
.tb-burger {
    color: var(--rv-ink) !important;
    background: var(--rv-paper) !important;
    border-color: var(--rv-line) !important;
    box-shadow: none !important;
}
.tb-search input { color: var(--rv-ink) !important; }
.tb-avatar {
    color: var(--rv-ink) !important;
    background: var(--rv-yellow) !important;
    border-color: #d9b500 !important;
    box-shadow: none !important;
}

/* Paper cards and controls */
.dashboard-main .card,
.dashboard-main .admin-panel,
.dashboard-main .inbox-panel,
.dashboard-main .sales-stat-box,
.dashboard-main .stat-card,
.dashboard-main .settings-card,
.dashboard-main .profile-card,
.dashboard-main .chart-card,
.dashboard-main .table-card,
.dashboard-main .gs-item,
.dashboard-main .gs-support,
.dashboard-main .gs-stat {
    color: var(--rv-ink) !important;
    background: var(--rv-paper) !important;
    background-image: none !important;
    border-color: var(--rv-line) !important;
    border-radius: 18px !important;
    box-shadow: 0 1px 2px rgba(23,23,26,.035) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.dashboard-main .stat-card.teal,
.dashboard-main .stat-card.coral,
.dashboard-main .stat-card.gold {
    color: var(--rv-ink) !important;
    background: var(--rv-paper) !important;
    border: 0 !important;
}
.dashboard-main .stat-card.teal .stat-label,
.dashboard-main .stat-card.coral .stat-label,
.dashboard-main .stat-card.gold .stat-label { color: var(--rv-muted) !important; }
.dashboard-main .stat-card.teal .stat-value,
.dashboard-main .stat-card.coral .stat-value,
.dashboard-main .stat-card.gold .stat-value { color: var(--rv-ink) !important; }
.dashboard-main .admin-stat-grid { grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 14px !important; }
.dashboard-main .admin-stat-grid .stat-card:first-child {
    background: var(--rv-ink) !important;
}
.dashboard-main .admin-stat-grid .stat-card:first-child .stat-label { color: rgba(255,255,255,.55) !important; }
.dashboard-main .admin-stat-grid .stat-card:first-child .stat-value { color: var(--rv-yellow) !important; }
.dashboard-main .admin-panel-head { padding: 18px 20px !important; background: #fff !important; border-color: var(--rv-line) !important; }
.dashboard-main .admin-table th { color: var(--rv-muted) !important; background: var(--rv-paper-2) !important; }
.dashboard-main .admin-table td { color: var(--rv-ink) !important; border-color: #e7e4de !important; }
.dashboard-main .admin-table tr:hover td { background: #faf9f6 !important; }
.dashboard-main .gs-title { color: var(--rv-ink) !important; font-size: 26px !important; font-weight: 600 !important; }
.dashboard-main .gs-hi, .dashboard-main .gs-progress-num { color: var(--rv-muted) !important; }
.dashboard-main .gs-item { border-radius: 16px !important; }
.dashboard-main .gs-item.is-active { border-color: #c5a400 !important; box-shadow: none !important; }
.dashboard-main .gs-progress-bar { background: #d8d5ce !important; }
.dashboard-main .gs-progress-bar span { background: var(--rv-yellow) !important; }
.dashboard-main .gs-support-ic { color: var(--rv-ink) !important; background: var(--rv-yellow) !important; box-shadow: none !important; }
.dashboard-main .gs-tickets-link { color: var(--rv-ink) !important; background: var(--rv-paper-2) !important; border-color: var(--rv-line) !important; }
.dashboard-main :where(h1,h2,h3,h4,h5,h6,.card-title,.panel-title,.stat-label) { color: var(--rv-ink) !important; }
.dashboard-main :where(.text-muted,.small,.form-text,.stat-sub,.panel-subtitle) { color: var(--rv-muted) !important; }
.dashboard-main :where(.form-control,.form-select,input:not([type="checkbox"]):not([type="radio"]),textarea,select) {
    min-height: 44px;
    color: var(--rv-ink) !important;
    background: #f7f6f3 !important;
    border-color: #d8d5ce !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}
.dashboard-main :where(.form-control,.form-select,input,textarea,select):focus {
    border-color: #b99b00 !important;
    box-shadow: 0 0 0 3px rgba(255,212,0,.22) !important;
}
.dashboard-main :where(.btn,.action-btn,button) { min-height: 42px; border-radius: 11px !important; box-shadow: none !important; }
.dashboard-main :where(.btn-primary,.btn-glow,.btn-success,.action-primary) {
    color: var(--rv-ink) !important;
    background: var(--rv-yellow) !important;
    background-image: none !important;
    border-color: #d8b500 !important;
}
.dashboard-main :where(.btn-primary,.btn-glow,.btn-success,.action-primary):hover {
    background: var(--rv-yellow-hover) !important;
    transform: translateY(-1px);
}
.dashboard-main :where(.btn-secondary,.btn-outline-secondary,.btn-light) {
    color: var(--rv-ink) !important;
    background: var(--rv-paper-2) !important;
    border-color: var(--rv-line) !important;
}
.dashboard-main table { color: var(--rv-ink) !important; }
.dashboard-main :where(.table > :not(caption) > * > *, th, td) { border-color: #e7e4de !important; }
.dashboard-main thead th { color: var(--rv-muted) !important; background: var(--rv-paper-2) !important; }
.dashboard-main tbody tr:hover > * { background: #faf9f6 !important; }
.dashboard-main :where(.badge.bg-primary,.badge.bg-success,.status-online) { color: var(--rv-ink) !important; background: var(--rv-yellow) !important; }
.dashboard-main :where(.nav-tabs,.tabs) { border-color: var(--rv-line) !important; }
.dashboard-main :where(.nav-link.active,.tab.active) { color: var(--rv-ink) !important; border-color: var(--rv-yellow) !important; }

/* Inbox */
.inbox-shell, .inbox-layout { background: var(--rv-canvas) !important; }
.inbox-sidebar, .conversation-list, .conversation-panel, .chat-panel, .visitor-panel {
    background: var(--rv-paper) !important;
    border-color: var(--rv-line) !important;
    box-shadow: none !important;
}
.conversation-item { border-color: #ebe8e2 !important; }
.conversation-item:hover { background: #f8f7f4 !important; }
.conversation-item.active { background: #f1efe9 !important; box-shadow: inset -3px 0 var(--rv-yellow) !important; }
.msg-bubble { border: 0 !important; box-shadow: none !important; }
.msg-bubble.visitor, .msg-bubble.incoming, .message.visitor .msg-bubble {
    color: var(--rv-ink) !important;
    background: var(--rv-paper-2) !important;
}
.msg-bubble.agent, .msg-bubble.outgoing, .message.agent .msg-bubble {
    color: #fff !important;
    background: var(--rv-ink) !important;
}
.inbox-composer, .chat-composer { background: var(--rv-paper) !important; border-color: var(--rv-line) !important; }
.inbox-composer button[type="submit"], .chat-composer button[type="submit"] {
    color: var(--rv-ink) !important;
    background: var(--rv-yellow) !important;
    border-color: var(--rv-yellow) !important;
}

/* Bootstrap dialogs and menus inside the panel */
.dashboard-body :where(.modal-content,.dropdown-menu,.offcanvas) {
    color: var(--rv-ink) !important;
    background: var(--rv-paper) !important;
    border-color: var(--rv-line) !important;
    box-shadow: 0 20px 50px rgba(23,23,26,.16) !important;
}
.dashboard-body :where(.modal-header,.modal-footer,.dropdown-divider) { border-color: var(--rv-line) !important; }
.dashboard-body .dropdown-item { color: var(--rv-ink) !important; }
.dashboard-body .dropdown-item:hover { background: var(--rv-paper-2) !important; }

/* Authentication: the same paper object shown in the reference */
.ra-auth {
    --ra-bg: var(--rv-canvas);
    --ra-card: var(--rv-paper);
    --ra-card-solid: var(--rv-paper);
    --ra-line: var(--rv-line);
    --ra-line-2: #d4d1ca;
    --ra-tx: var(--rv-ink);
    --ra-tx-mut: var(--rv-muted);
    --ra-tx-dim: #898990;
    --ra-gold: var(--rv-yellow);
    --ra-gold-2: var(--rv-yellow);
    --ra-gold-soft: rgba(255,212,0,.18);
    --ra-gold-line: #d9b500;
    background: var(--rv-canvas) !important;
}
.ra-bg::before { opacity: .22; background-image: radial-gradient(#8f8c85 1px, transparent 1px) !important; background-size: 22px 22px !important; }
.ra-orb { display: none !important; }
.ra-card {
    background: var(--rv-paper) !important;
    border-color: var(--rv-line) !important;
    border-radius: 22px !important;
    box-shadow: 0 20px 60px rgba(23,23,26,.09) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.ra-logo { background: var(--rv-ink) !important; border-color: var(--rv-ink) !important; box-shadow: none !important; }
.ra-logo::after { display: none !important; }
.ra-input, .ra-otp-digit, .ra-captcha-reload {
    color: var(--rv-ink) !important;
    background: #f7f6f3 !important;
    border-color: #d4d1ca !important;
    box-shadow: none !important;
}
.ra-btn { color: var(--rv-ink) !important; background: var(--rv-yellow) !important; box-shadow: none !important; }
.ra-secret code, .ra-secret-copy { background: var(--rv-paper-2) !important; }
.ra-alert.err { color: #9f2525 !important; background: #fff0f0 !important; }
.ra-alert.ok { color: #176b43 !important; background: #ebf8f1 !important; }

/* Onboarding and transactional screens */
.ob-wrap, .pay-result {
    color: var(--rv-ink) !important;
    background: var(--rv-canvas) !important;
    background-image: none !important;
}
.ob-panel, .pay-result-card {
    color: var(--rv-ink) !important;
    background: var(--rv-paper) !important;
    border: 1px solid var(--rv-line) !important;
    border-radius: 22px !important;
    box-shadow: 0 20px 60px rgba(23,23,26,.09) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.ob-logo, .pay-check { background: var(--rv-yellow) !important; box-shadow: none !important; }
.ob-head h1, .pay-result h1 { color: var(--rv-ink) !important; }
.ob-head p, .ob-step-label, .pay-sub, .pay-row span { color: var(--rv-muted) !important; }
.ob-step-bar { background: #d8d5ce !important; }
.ob-step.done .ob-step-bar, .ob-step.active .ob-step-bar { background: var(--rv-yellow) !important; }
.ob-step.active .ob-step-label { color: #806a00 !important; }
.pay-receipt { background: var(--rv-paper-2) !important; border-color: var(--rv-line) !important; }

/* Payment success — paper receipt */
.pay-success-page { background:var(--rv-canvas) !important; }
.pay-success-page .pay-result {
    min-height:100dvh !important;padding:24px !important;background:var(--rv-canvas) !important;background-image:none !important;
}
.pay-success-page .pay-result-card {
    width:min(100%,520px) !important;max-width:520px !important;padding:42px 40px 36px !important;
    color:var(--rv-ink) !important;background:#fff !important;border:1px solid var(--rv-line) !important;
    border-radius:26px !important;box-shadow:0 24px 70px rgba(23,23,26,.1) !important;backdrop-filter:none !important;
}
.pay-success-page .pay-check {
    width:82px !important;height:82px !important;margin:0 auto !important;background:transparent !important;border-radius:50% !important;box-shadow:none !important;
}
.pay-success-page .pay-check svg { width:82px !important;height:82px !important;display:block !important; }
.pay-success-page .pay-check-circle { stroke:#e4bf00 !important;stroke-width:2.5 !important; }
.pay-success-page .pay-check-mark { stroke:var(--rv-ink) !important;stroke-width:3.5 !important; }
.pay-success-page .pay-result-card h1 { margin:22px 0 8px !important;color:var(--rv-ink) !important;font-size:25px !important;font-weight:700 !important; }
.pay-success-page .pay-sub { margin:0 !important;color:var(--rv-muted) !important;font-size:14px !important;line-height:1.9 !important; }
.pay-success-page .pay-gift {
    margin-top:18px !important;padding:12px 14px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;
    color:#665500 !important;background:#fff8d2 !important;border:1px solid #ead05c !important;border-radius:12px !important;font-size:13px !important;
}
.pay-success-page .pay-receipt {
    margin:26px 0 0 !important;padding:8px 18px !important;color:var(--rv-ink) !important;background:var(--rv-paper-2) !important;
    border:1px solid var(--rv-line) !important;border-radius:16px !important;
}
.pay-success-page .pay-row { min-height:52px !important;padding:12px 0 !important;border-bottom:1px solid #dedbd4 !important;font-size:14px !important; }
.pay-success-page .pay-row:last-child { border-bottom:0 !important; }
.pay-success-page .pay-row span { color:var(--rv-muted) !important; }
.pay-success-page .pay-row strong { color:var(--rv-ink) !important;font-weight:650 !important; }
.pay-success-page .pay-result-card .btn-glow {
    min-height:50px !important;margin-top:22px !important;color:var(--rv-ink) !important;background:var(--rv-yellow) !important;background-image:none !important;
    border:0 !important;border-radius:13px !important;box-shadow:none !important;font-weight:700 !important;
}
.pay-success-page .pay-link { margin-top:14px !important;color:var(--rv-muted) !important;font-size:13px !important;text-decoration:none !important; }
.pay-success-page .pay-link:hover { color:#786400 !important; }
@media (max-width:560px) {
    .pay-success-page .pay-result { padding:14px !important;align-items:flex-start !important; }
    .pay-success-page .pay-result-card { margin:auto !important;padding:32px 18px 28px !important;border-radius:20px !important; }
}

/* Public pages: warm paper system from the supplied HTML */
.rl-page,
.rl {
    --bg: var(--rv-canvas);
    --bg-2: #e5e2dc;
    --surf: var(--rv-paper);
    --surf-2: var(--rv-paper-2);
    --ln: var(--rv-line);
    --ln-2: #cbc7bf;
    --tx: var(--rv-ink);
    --tx-2: #4a4a50;
    --tx-3: var(--rv-muted);
    --gold: var(--rv-yellow);
    --gold-2: var(--rv-yellow);
    --gold-d: #e0bb00;
    --gold-soft: rgba(255,212,0,.18);
    --gold-ln: rgba(185,155,0,.48);
    --rl-bg: var(--rv-canvas);
    --rl-surface: var(--rv-paper);
    --rl-surface-2: var(--rv-paper-2);
    --rl-line: var(--rv-line);
    --rl-text: var(--rv-ink);
    --rl-muted: var(--rv-muted);
    --rl-gold: var(--rv-yellow);
    --rl-gold-2: #ffe34d;
    background-color: var(--rv-canvas) !important;
    color: var(--rv-ink) !important;
}
.rl-page::before,
.rl::before,
.rl::after { display: none !important; }
.rl-nav {
    background: rgba(236,234,230,.92) !important;
    border-bottom: 1px solid transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
}
.rl-nav.scrolled { border-bottom-color: var(--rv-line) !important; }
.rl-logo, .rl-nav-links a, .rl-btn-ghost { color: var(--rv-ink) !important; }
.rl-nav-links a:hover { color: #806a00 !important; }
.rl-logo-mark { background: var(--rv-ink) !important; border-color: var(--rv-ink) !important; box-shadow: none !important; }
.rl-burger span { background: var(--rv-ink) !important; }
.rl-mobile-menu {
    background: var(--rv-paper) !important;
    border-color: var(--rv-line) !important;
    box-shadow: 0 24px 60px rgba(23,23,26,.14) !important;
}
.rl-mobile-menu a { color: var(--rv-ink) !important; }
.rl-hero { background: var(--rv-canvas) !important; }
.rl-hero::before {
    display: block !important;
    background: radial-gradient(circle at 18% 18%, rgba(255,212,0,.22), transparent 29%) !important;
}
.rl-hero h1, .rl-h2, .rl-head h2, .rl h3, .rl h4 { color: var(--rv-ink) !important; }
.rl-hl-green, .rl-hl-coral, .rl-eyebrow { color: #8a7200 !important; }
.rl-hero-sub, .rl-lead { color: #4a4a50 !important; }
.rl-badge {
    color: #4a4a50 !important;
    background: var(--rv-paper) !important;
    border-color: var(--rv-line) !important;
    box-shadow: none !important;
}
.rl-badge b { color: #806a00 !important; }
.rl-badge-dot { background: var(--rv-yellow) !important; box-shadow: none !important; }
.rl-hero-note { color: var(--rv-muted) !important; }
.rl-hero-note svg { color: #927a00 !important; }
.rl-sec, .rl-bento-sec { background: var(--rv-canvas) !important; }
.rl-sec.alt { background: #e5e2dc !important; border-color: var(--rv-line) !important; }
.rl :where(.rl-card,.rl-bento-card,.rl-price-card,.rl-faq-item,.rl-doc-card,.rl-blog-card) {
    background-color: var(--rv-paper) !important;
    border-color: var(--rv-line) !important;
    box-shadow: none !important;
}
.rl-bento-card:hover, .rl-faq-item.open { border-color: #b99b00 !important; background: #fff !important; }
.rl-bento-card p, .bento-lbl, .rl-price-list li, .rl-faq-a > div, .rl-post-body p { color: var(--rv-muted) !important; }
.bento-code { color: #dedbd4 !important; background: var(--rv-ink) !important; border-color: var(--rv-ink) !important; }
.b-mock-top, .b-mock-list { border-color: var(--rv-line) !important; }
.b-mock-item, .b-mock-b.in { background: var(--rv-paper-2) !important; color: var(--rv-ink) !important; }
.b-mock-item.on { background: rgba(255,212,0,.18) !important; border-color: #d9b500 !important; }
.rl-price {
    color: var(--rv-ink) !important;
    background: var(--rv-paper) !important;
    border-color: var(--rv-line) !important;
    box-shadow: none !important;
}
.rl-price.feat { background: #fffbee !important; border: 2px solid #c5a400 !important; }
.rl-price-name, .rl-price-amount { color: var(--rv-ink) !important; }
.rl-price-amount span { color: var(--rv-muted) !important; }
.rl-faq-q { color: var(--rv-ink) !important; }
.rl-faq-q svg { color: #8a7200 !important; }
.rl-post { background: var(--rv-paper) !important; border-color: var(--rv-line) !important; }
.rl-post-cover { background: var(--rv-paper-2) !important; border-color: var(--rv-line) !important; }
.rl-footer { background: var(--rv-ink) !important; border: 0 !important; }
.rl-footer .rl-logo, .rl-footer h4 { color: #fff !important; }
.rl-footer p, .rl-footer a, .rl-footer-bot { color: rgba(255,255,255,.58) !important; }
.rl-footer a:hover { color: var(--rv-yellow) !important; }
.rl-footer-bot { border-color: rgba(255,255,255,.1) !important; }
.rl :where(.rl-btn-primary,.rl-cta-primary) {
    color: var(--rv-ink) !important;
    background: var(--rv-yellow) !important;
    background-image: none !important;
    border-color: var(--rv-yellow) !important;
    box-shadow: none !important;
}
.rl :where(.rl-btn-primary,.rl-cta-primary):hover { background: #ffe34d !important; }
.rl .rl-btn-soft {
    color: var(--rv-ink) !important;
    background: var(--rv-paper) !important;
    border-color: #cbc7bf !important;
    box-shadow: none !important;
}
.rl .rl-cta { background: var(--rv-yellow) !important; background-image: none !important; color: var(--rv-ink) !important; box-shadow: none !important; }
.rl .rl-cta::before { opacity: .35; }
.rl .rl-btn-white { color: #fff !important; background: var(--rv-ink) !important; border-color: var(--rv-ink) !important; }

@media (max-width: 991.98px) {
    .dashboard-sidebar { width: min(86vw, 280px) !important; }
    .dashboard-body { margin-right: 0 !important; }
    .panel-topbar { padding-inline: 14px !important; }
    .panel-container { padding-inline: 14px !important; }
}
@media (max-width: 575.98px) {
    .ra-auth { padding: 1rem !important; }
    .ra-card { padding: 1.65rem 1.15rem 1.4rem !important; }
    .dashboard-main :where(.btn,.action-btn,button),
    .tb-icon-btn, .tb-burger { min-width: 44px; min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}