/* /Layout/MainLayout.razor.rz.scp.css */
:root[b-iwaat37j60] {
    /* your exact color values (use these to tweak later) */
    --barColor: #0b163c;

    --gradientTopColor: #162261;
    --gradientBottomColor: #380a46;
    --surfaceColor: #ffffff;
}

/* ---------------------------------------------------
   AppBar - high specificity + :deep so it reaches Mud internals
   --------------------------------------------------- */
[b-iwaat37j60](.pam-appbar),
[b-iwaat37j60](.pam-appbar.mud-appbar),
[b-iwaat37j60](.pam-appbar .mud-appbar-root),
[b-iwaat37j60](.pam-appbar .mud-toolbar-root),
[b-iwaat37j60](.pam-appbar .mud-paper) {
    background-color: var(--barColor) !important;
    color: var(--surfaceColor) !important;
}

/* target icon button and icon inside the appbar */
[b-iwaat37j60](.pam-appbar .pam-appbar-menu-btn),
[b-iwaat37j60](.pam-appbar .mud-icon-button.pam-appbar-menu-btn),
[b-iwaat37j60](.pam-appbar .pam-appbar-menu-btn .mud-icon-root),
[b-iwaat37j60](.pam-appbar .mud-icon-button.pam-appbar-menu-btn .mud-icon-root) {
    color: var(--surfaceColor) !important;
}

/* ---------------------------------------------------
   Drawer - target many possible inner elements Mud may render
   --------------------------------------------------- */
[b-iwaat37j60](.pam-drawer),
[b-iwaat37j60](.pam-drawer.mud-drawer),
[b-iwaat37j60](.pam-drawer .mud-drawer),
[b-iwaat37j60](.pam-drawer .mud-drawer-paper),
[b-iwaat37j60](.pam-drawer .mud-drawer-content),
[b-iwaat37j60](.pam-drawer .mud-drawer-body) {
    background: linear-gradient(
            180deg,
            var(--gradientTopColor),
            var(--gradientBottomColor)
    ) !important;
    color: var(--surfaceColor) !important;
}

/* Make text and icons inside drawer inherit your surface color */
[b-iwaat37j60](.pam-drawer .mud-nav-link),
[b-iwaat37j60](.pam-drawer .mud-nav-link .mud-nav-link-icon),
[b-iwaat37j60](.pam-drawer .mud-nav-link .mud-nav-link-text),
[b-iwaat37j60](.pam-drawer .mud-list-item),
[b-iwaat37j60](.pam-drawer .mud-list-item .mud-list-item-content),
[b-iwaat37j60](.pam-drawer .mud-list-item .mud-icon-root) {
    color: var(--surfaceColor) !important;
}

/* ---------------------------------------------------
   Active nav link visuals (inside drawer)
   --------------------------------------------------- */
[b-iwaat37j60](.pam-drawer .mud-nav-link.mud-nav-link-active),
[b-iwaat37j60](.pam-drawer .mud-nav-link.mud-nav-link-active > .mud-nav-link-root),
[b-iwaat37j60](.pam-drawer .mud-nav-link.mud-nav-link-active .mud-nav-link-content) {
    /* subtle highlight using your surface color as base */
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--surfaceColor) !important;
}

[b-iwaat37j60](.pam-drawer .mud-nav-link.mud-nav-link-active .mud-nav-link-icon) {
    color: var(--surfaceColor) !important;
}

/* Small niceties: spacing / radius so highlight looks nicer */
[b-iwaat37j60](.pam-drawer .mud-nav-link) {
    border-radius: 6px;
    margin: 4px 8px;
}
/* /Layout/NavMenu.razor.rz.scp.css */
:root[b-fjsgbusq0m] {
    --pam-nav-active-bg: rgba(255, 255, 255, 0.15);
    --pam-nav-active-text: #ffffff;
    --pam-nav-active-icon: #ffffff;
}

.pam-nav-menu .mud-nav-link.mud-nav-link-active[b-fjsgbusq0m] {
    background-color: var(--pam-nav-active-bg);
    color: var(--pam-nav-active-text);
}

.pam-nav-menu .mud-nav-link.mud-nav-link-active .mud-nav-link-icon[b-fjsgbusq0m] {
    color: var(--pam-nav-active-icon);
}

.pam-nav-menu .mud-nav-link:hover[b-fjsgbusq0m] {
    background-color: rgba(255, 255, 255, 0.08);
}

.pam-nav-menu .mud-nav-link[b-fjsgbusq0m] {
    border-radius: 6px;
    margin: 4px 8px;
}
/* /Pages/Projects/Projects.razor.rz.scp.css */
.projects-grid-card[b-agzdpfv7qu] {
    border-radius: 12px;
    padding: 12px;
    background: rgba(255,255,255,0.92); /* slight glass effect in light mode */
    border: 1px solid rgba(15,23,42,0.06);
    box-shadow: 0 6px 20px rgba(15,23,42,0.05);
}

.projects-grid .mud-table-row:hover[b-agzdpfv7qu] {
    cursor: wait;
    background-color: rgba(0, 0, 0, 0.04);
}
/* /Shared/Components/SearchHeader.razor.rz.scp.css */
.projects-search[b-20298kd4x4] (.mud-input-control),
.projects-search[b-20298kd4x4] (.mud-input-outlined-border) {
    border-radius: 999px !important;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

.projects-search[b-20298kd4x4] (.mud-input-root) {
    background: rgba(255,255,255,0.96);
}