/*
 * RRK palette — matches rrk-roofingdb (OneUI default theme, dark sidebar).
 * Plain CSS layered on top of Filament; no build step needed.
 * Brand colors (primary, success, etc.) are set in AdminPanelProvider.
 */
:root {
    --rrk-body-bg: #ebeef2;
    --rrk-text: #334155;
    --rrk-sidebar-bg: #1f2937;
    --rrk-sidebar-header-bg: #1b2431;
    --rrk-sidebar-link: #9faec1;
    --rrk-sidebar-link-icon: rgba(159, 174, 193, 0.5);
    --rrk-sidebar-heading: #7186a3;
    --rrk-sidebar-hover-bg: rgba(0, 0, 0, 0.2);
    --rrk-orange: #ea580c;
}

/* Page background */
html:not(.dark) body.fi-body {
    background-color: var(--rrk-body-bg);
    color: var(--rrk-text);
}

/* ---- Dark sidebar (light mode only; Filament's dark mode is left as-is) ---- */
html:not(.dark) .fi-body .fi-sidebar {
    background-color: var(--rrk-sidebar-bg);
}

html:not(.dark) .fi-body .fi-sidebar .fi-sidebar-header {
    background-color: var(--rrk-sidebar-header-bg);
    box-shadow: none;
}

html:not(.dark) .fi-body .fi-sidebar .fi-logo {
    color: #ffffff;
}

html:not(.dark) .fi-body .fi-sidebar .fi-icon-btn {
    color: var(--rrk-sidebar-link);
}

/* Group headings ("Settings") */
html:not(.dark) .fi-body .fi-sidebar .fi-sidebar-group-label {
    color: var(--rrk-sidebar-heading);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.75rem;
}

html:not(.dark) .fi-body .fi-sidebar .fi-sidebar-group-btn .fi-icon {
    color: var(--rrk-sidebar-heading);
}

/* Links */
html:not(.dark) .fi-body .fi-sidebar .fi-sidebar-item > .fi-sidebar-item-btn > .fi-sidebar-item-label {
    color: var(--rrk-sidebar-link);
}

html:not(.dark) .fi-body .fi-sidebar .fi-sidebar-item > .fi-sidebar-item-btn > .fi-icon {
    color: var(--rrk-sidebar-link-icon);
}

html:not(.dark) .fi-body .fi-sidebar .fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:hover,
html:not(.dark) .fi-body .fi-sidebar .fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:focus-visible {
    background-color: var(--rrk-sidebar-hover-bg);
}

html:not(.dark) .fi-body .fi-sidebar .fi-sidebar-item > .fi-sidebar-item-btn:hover > .fi-sidebar-item-label,
html:not(.dark) .fi-body .fi-sidebar .fi-sidebar-item > .fi-sidebar-item-btn:hover > .fi-icon {
    color: #ffffff;
}

/* Active link */
html:not(.dark) .fi-body .fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background-color: var(--rrk-sidebar-hover-bg);
}

html:not(.dark) .fi-body .fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label {
    color: #ffffff;
}

html:not(.dark) .fi-body .fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-icon {
    color: var(--primary-400);
}

html:not(.dark) .fi-body .fi-sidebar .fi-sidebar-item-grouped-border-part {
    background-color: var(--rrk-sidebar-heading);
}

html:not(.dark) .fi-body .fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-grouped-border-part {
    background-color: var(--primary-400);
}

/* ---- Dark mode: nav panel slightly darker than the content area ---- */
html.dark body.fi-body {
    background-color: #0b1120;
}

html.dark .fi-body .fi-sidebar {
    background-color: #020617;
    border-inline-end: 1px solid rgba(255, 255, 255, 0.06);
}

html.dark .fi-body .fi-sidebar .fi-sidebar-header {
    background-color: #020617;
    box-shadow: none;
}