/* /Layout/HomeLayout.razor.rz.scp.css */
.page[b-fgidh138qj] {
    position: relative;
    display: flex;
    flex-direction: column;
  overflow:hidden;
}

main[b-fgidh138qj] {
    flex: 1;
}

.sidebar[b-fgidh138qj] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-fgidh138qj] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-fgidh138qj]  a, .top-row[b-fgidh138qj]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-fgidh138qj]  a:hover, .top-row[b-fgidh138qj]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-fgidh138qj]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-fgidh138qj] {
        justify-content: space-between;
    }

    .top-row[b-fgidh138qj]  a, .top-row[b-fgidh138qj]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-fgidh138qj] {
        flex-direction: row;
    }

    .sidebar[b-fgidh138qj] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-fgidh138qj] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-fgidh138qj]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-fgidh138qj], article[b-fgidh138qj] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-fgidh138qj] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-fgidh138qj] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-qexjl6u5ff] {
    display: flex;
    flex-direction: column; /* stack on small screens */
    min-height: 100vh;
}

.sidebar[b-qexjl6u5ff] {
    background-image: linear-gradient(180deg, #6B3EA6 0%, #C96238 100%);
}

/* For screens >= 641px (desktop/tablet) */
@media (min-width: 641px) {
    .page[b-qexjl6u5ff] {
        flex-direction: row; /* sidebar + content side by side */
    }

    .sidebar[b-qexjl6u5ff] {
        width: 250px;
        height: 100vh;
        position: fixed; /* fix sidebar */
        top: 0;
        left: 0;
    }

    main[b-qexjl6u5ff] {
        margin-left: 250px; /* push content right to avoid overlap */
        flex: 1;
        padding: 1rem 2rem; /* optional padding */
    }
}

/* Top row */
.top-row[b-qexjl6u5ff] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 3.5rem;
}

    .top-row[b-qexjl6u5ff]  a, .top-row[b-qexjl6u5ff]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-qexjl6u5ff]  a:hover, .top-row[b-qexjl6u5ff]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-qexjl6u5ff]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

/* Mobile adjustments */
@media (max-width: 640.98px) {
    .top-row[b-qexjl6u5ff] {
        justify-content: space-between;
    }

        .top-row[b-qexjl6u5ff]  a, .top-row[b-qexjl6u5ff]  .btn-link {
            margin-left: 0;
        }

    main[b-qexjl6u5ff] {
        margin-left: 0; /* remove left margin on mobile */
    }
}

/* Dropdown & button styles */
.dropdown-menu-simple[b-qexjl6u5ff] {
    position: absolute;
    right: 10px;
    top: 50px;
    background: white;
    border-radius: 10px;
    padding: 8px;
    z-index: 1000;
}

.dropdown-item-simple[b-qexjl6u5ff] {
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    padding: 6px 10px;
    border-radius: 5px;
    cursor: pointer;
}

    .dropdown-item-simple:hover[b-qexjl6u5ff] {
        background: #f1f1f1;
    }

.btn-color[b-qexjl6u5ff] {
    color: #C96238;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ptrddvk6x3] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-ptrddvk6x3] {
    min-height: 3.5rem;

}


/* Shift the main content to the right */
main[b-ptrddvk6x3], .content[b-ptrddvk6x3], .page[b-ptrddvk6x3] {
    margin-left: 260px !important;

}

.navbar-brand[b-ptrddvk6x3] {
    font-size: 1.1rem;
}

.bi[b-ptrddvk6x3] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-ptrddvk6x3] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-ptrddvk6x3] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-ptrddvk6x3] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-ptrddvk6x3] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-ptrddvk6x3] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-ptrddvk6x3] {
        padding-bottom: 1rem;
    }

    .nav-item[b-ptrddvk6x3]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
    }

.nav-item[b-ptrddvk6x3]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-ptrddvk6x3]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

/* Dropdown menu styles */
.nav-item.dropdown-container[b-ptrddvk6x3] {
    position: relative;
    padding-bottom: 0 !important;
}

.nav-item .dropdown-toggle[b-ptrddvk6x3] {
    background: none;
    border: none;
    color: #d7d7d7;
    padding: 0.5rem 0 !important;
    font-size: 0.9rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
    height: 3rem;
    font-weight: 500;
    transition: background-color 0.2s ease;
    border-radius: 4px;
}

.nav-item .dropdown-toggle:hover[b-ptrddvk6x3] {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-item .dropdown-toggle:focus[b-ptrddvk6x3] {
    outline: none;
    background-color: rgba(255,255,255,0.1);
}

.dropdown-menu[b-ptrddvk6x3] {
    background-color: rgba(0, 0, 0, 0.3);
    border: none;
    border-radius: 4px;
    margin-top: 0;
    padding: 0.5rem 0;
    min-width: 200px;
    display: none;
    position: static;
    float: none;
    box-shadow: none;
}

.dropdown-menu.show[b-ptrddvk6x3] {
    display: block;
}

.dropdown-menu[b-ptrddvk6x3]  .dropdown-item {
    color: #d7d7d7;
    padding: 0.5rem 1.5rem !important;
    margin: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    transition: background-color 0.2s ease;
    background-color: transparent;
}

.dropdown-menu[b-ptrddvk6x3]  .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.15);
    color: white;
}

.dropdown-menu[b-ptrddvk6x3]  .dropdown-item.active {
    background-color: rgba(255, 255, 255, 0.37);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ptrddvk6x3] {
        display: none;
    }

    .collapse[b-ptrddvk6x3] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-ptrddvk6x3] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* --- FIX horizontal scrollbar in sidebar --- */

/* Prevent horizontal scrolling completely */
.nav-scrollable[b-ptrddvk6x3] {
    overflow-x: hidden;
}

    /* Force dropdown to stay inside sidebar width */
    .nav-scrollable .dropdown-menu[b-ptrddvk6x3] {
        min-width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }
.dropdown-menu[b-ptrddvk6x3]  .dropdown-item {
    padding-left: 2.75rem !important; /* aligns with icon */
}
/* === NAV ITEM ALIGNMENT FIX === */

/* Ensure all nav links & buttons align identically */
.nav-item .nav-link[b-ptrddvk6x3],
.nav-item .dropdown-toggle[b-ptrddvk6x3] {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
/* Align icons consistently everywhere */
.nav-item .bi[b-ptrddvk6x3],
.dropdown-menu .bi[b-ptrddvk6x3] {
    margin-left: 0;
    margin-right: 0.75rem;
}

/* ===============================
   ADMIN SIDEBAR DROPDOWN FIX
================================ */

/* Remove bootstrap dropdown behavior completely */
.admin-menu[b-ptrddvk6x3] {
    position: static;
}

/* Toggle button styling */
.admin-toggle[b-ptrddvk6x3] {
    background: none;
    border: none;
    color: #d7d7d7;
    height: 3rem;
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 4px;
    padding: 0 1rem;
}

    .admin-toggle:hover[b-ptrddvk6x3] {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

/* Submenu container */
.admin-submenu[b-ptrddvk6x3] {
    display: none;
    flex-direction: column;
    width: 100%;
    background-color: transparent;
    margin-top: 0.25rem;
}

    /* Show submenu */
    .admin-submenu.show[b-ptrddvk6x3] {
        display: block;
    }

    /* Submenu links */
    .admin-submenu .dropdown-item[b-ptrddvk6x3] {
        padding-left: 3rem !important;
        height: 2.75rem;
        display: flex;
        align-items: center;
        color: #d7d7d7;
        background: transparent;
    }

        .admin-submenu .dropdown-item:hover[b-ptrddvk6x3] {
            background-color: rgba(255,255,255,0.15);
            color: white;
        }

        .admin-submenu .dropdown-item.active[b-ptrddvk6x3] {
            background-color: rgba(255,255,255,0.37);
            color: white;
        }

/* CRITICAL: prevent horizontal shift */
.nav-scrollable[b-ptrddvk6x3] {
    overflow-x: hidden !important;
}
/* /Pages/AdminDashboard.razor.rz.scp.css */
.admin-root[b-5yix3551qy] { min-height: 100vh; background: linear-gradient(135deg, rgba(3,2,19,0.02), rgba(14,29,52,0.02)); padding: 1.5rem 0; }
.container[b-5yix3551qy] { max-width: 1100px; margin: 0 auto; padding: 0 1rem; }
.welcome h2[b-5yix3551qy] { margin: 0 0 0.25rem 0; }
.muted[b-5yix3551qy] { color: var(--muted-foreground,#717182); }
.metrics-grid[b-5yix3551qy] { display:grid; grid-template-columns: repeat(1,1fr); gap:0.75rem; margin:1rem 0; }
@media(min-width:720px){ .metrics-grid[b-5yix3551qy] { grid-template-columns: repeat(4,1fr); } }
.metric[b-5yix3551qy] { padding:1rem; border-radius:0.5rem; background:var(--card,#fff); box-shadow:0 6px 18px rgba(0,0,0,0.04); text-align:center; }
.metric-title[b-5yix3551qy] { color:var(--muted-foreground,#717182); font-size:0.9rem; }
.metric-value[b-5yix3551qy] { font-size:1.5rem; font-weight:700; margin-top:0.5rem; }
.main-card[b-5yix3551qy] { margin-top:1rem; }
.card-header[b-5yix3551qy] { display:flex; justify-content:space-between; align-items:center; padding:0.8rem 1rem; border-bottom:1px solid rgba(0,0,0,0.04); }
.card-body[b-5yix3551qy] { padding:1rem; }
.status-list[b-5yix3551qy] { display:flex; flex-direction:column; gap:0.5rem; }
.status-item[b-5yix3551qy] { display:flex; justify-content:space-between; padding:0.6rem; border-radius:0.375rem; background:transparent; border:1px solid rgba(0,0,0,0.03); }
.btn[b-5yix3551qy] { padding:0.4rem 0.6rem; border-radius:0.375rem; border:1px solid rgba(0,0,0,0.06); cursor:pointer; }
/* /Pages/ApplicantWorkflow.razor.rz.scp.css */
.workflow-root[b-0mhrctw3jz] { min-height:100vh; padding:1.5rem 0; background: linear-gradient(135deg, rgba(3,2,19,0.02), rgba(14,29,52,0.02)); }
.container[b-0mhrctw3jz] { max-width:1100px; margin:0 auto; padding:0 1rem; }
.muted[b-0mhrctw3jz] { color:var(--muted-foreground,#717182); }
.stages[b-0mhrctw3jz] { margin-top:1rem; padding:0.75rem; border-radius:0.5rem; background:var(--card,#fff); }
.stages-inner[b-0mhrctw3jz] { display:flex; gap:0.5rem; overflow:auto; padding:0.5rem 0; }
.stage-btn[b-0mhrctw3jz] { display:flex; flex-direction:column; align-items:center; gap:0.25rem; padding:0.5rem; min-width:110px; border-radius:0.5rem; border:1px solid rgba(0,0,0,0.03); background:transparent; }
.stage-btn.current[b-0mhrctw3jz] { border-color:var(--primary,#030213); background:rgba(3,2,19,0.03); }
.stage-num[b-0mhrctw3jz] { width:36px; height:36px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:var(--muted,#ececf0); }
.main-card[b-0mhrctw3jz] { margin-top:1rem; }
.card-body[b-0mhrctw3jz] { padding:1rem; }
.btn[b-0mhrctw3jz] { padding:0.45rem 0.6rem; border-radius:0.375rem; border:1px solid rgba(0,0,0,0.06); cursor:pointer; }
/* /Pages/Details.razor.rz.scp.css */
.details-wrapper[b-mnn5odwxpy] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section-card[b-mnn5odwxpy] {
    background: #fff;
    padding: 18px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.12);
}

.section-title[b-mnn5odwxpy] {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
    color: #CC974F;
}

.grid-1[b-mnn5odwxpy], .grid-2[b-mnn5odwxpy], .grid-3[b-mnn5odwxpy] {
    display: grid;
    gap: 12px;
    margin-bottom: 10px;
}

.grid-1[b-mnn5odwxpy] {
    grid-template-columns: 1fr;
}

.grid-2[b-mnn5odwxpy] {
    grid-template-columns: repeat(2, 1fr);
}

.grid-3[b-mnn5odwxpy] {
    grid-template-columns: repeat(3, 1fr);
}

label[b-mnn5odwxpy] {
    font-size: 14px;
    font-weight: bold;
    color: #444;
}

p[b-mnn5odwxpy] {
    margin: 3px 0 10px 0;
    font-size: 15px;
}
.modal-overlay[b-mnn5odwxpy] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
}

.modal-box[b-mnn5odwxpy] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 1rem;
    border-radius: 8px;
    z-index: 1001;
    width: 600px;
    max-width: 95%;
}


.modal-header[b-mnn5odwxpy] {
    display: flex;
    justify-content: space-between;
    padding: 14px 20px;
    border-bottom: 1px solid #ddd;
    background: #f7f7f7;
}

.modal-body[b-mnn5odwxpy] {
    .modal-overlay

{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
}

.modal-box[b-mnn5odwxpy] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 1rem;
    border-radius: 8px;
    z-index: 1001;
    width: 600px;
    max-width: 95%;
}

    padding: 20px;[b-mnn5odwxpy]
}

.btn-close[b-mnn5odwxpy] {
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
}
.modal-footer-actions[b-mnn5odwxpy] {
    display: flex;
    justify-content: flex-end;
    gap: .8rem;
    margin-top: 1.5rem;
}

.btn-danger[b-mnn5odwxpy] {
    background-color: #dc3545;
    color: white;
    border-radius: 6px;
}

.btn-secondary[b-mnn5odwxpy] {
    background-color: #e5e5e5;
    color: #333;
    border-radius: 6px;
}

.btn-success.primary-action[b-mnn5odwxpy] {
    background-color: #6B3EA6;
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
}
/* /Pages/Home.razor.rz.scp.css */
/* Dashboard Styles */
.dashboard-container[b-uvfmhltv87] {
    padding: 2rem;
    background: #f8f9fc;
    min-height: 100vh;
}

/* Header */
.dashboard-header[b-uvfmhltv87] {
    margin-bottom: 2rem;
}

.welcome-text[b-uvfmhltv87] {
    font-size: 2rem;
    font-weight: 600;
    color: #2e59d9;
    margin-bottom: 0.5rem;
}

.subtitle[b-uvfmhltv87] {
    color: #6e707e;
    font-size: 1.1rem;
    margin: 0;
}

/* Stats Grid */
.stats-grid[b-uvfmhltv87] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card[b-uvfmhltv87] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    border-left: 4px solid #4e73df;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: transform 0.2s ease;
}

    .stat-card:hover[b-uvfmhltv87] {
        transform: translateY(-2px);
    }

    .stat-card:nth-child(1)[b-uvfmhltv87] {
        border-left-color: #4e73df;
    }

    .stat-card:nth-child(2)[b-uvfmhltv87] {
        border-left-color: #1cc88a;
    }

    .stat-card:nth-child(3)[b-uvfmhltv87] {
        border-left-color: #36b9cc;
    }

    .stat-card:nth-child(4)[b-uvfmhltv87] {
        border-left-color: #f6c23e;
    }

.stat-icon[b-uvfmhltv87] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #4e73df;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
}

.stat-card:nth-child(1) .stat-icon[b-uvfmhltv87] {
    background: #4e73df;
}

.stat-card:nth-child(2) .stat-icon[b-uvfmhltv87] {
    background: #1cc88a;
}

.stat-card:nth-child(3) .stat-icon[b-uvfmhltv87] {
    background: #36b9cc;
}

.stat-card:nth-child(4) .stat-icon[b-uvfmhltv87] {
    background: #f6c23e;
}

.stat-content[b-uvfmhltv87] {
    flex: 1;
}

.stat-title[b-uvfmhltv87] {
    font-size: 0.8rem;
    color: #6e707e;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.stat-value[b-uvfmhltv87] {
    font-size: 1.8rem;
    font-weight: 700;
    color: #5a5c69;
    margin-bottom: 0.25rem;
}

.stat-trend[b-uvfmhltv87] {
    font-size: 0.8rem;
    color: #858796;
}

    .stat-trend.positive[b-uvfmhltv87] {
        color: #1cc88a;
    }

    .stat-trend i[b-uvfmhltv87] {
        margin-right: 0.25rem;
    }

/* Navigation Tabs */
.nav-tabs[b-uvfmhltv87] {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #e3e6f0;
    padding-bottom: 1rem;
}

.nav-tab[b-uvfmhltv87] {
    background: none;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    color: #6e707e;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .nav-tab:hover[b-uvfmhltv87] {
        background: #eaecf4;
        color: #4e73df;
    }

    .nav-tab.active[b-uvfmhltv87] {
        background: #4e73df;
        color: white;
    }

/* Charts Grid */
.charts-grid[b-uvfmhltv87] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.chart-card[b-uvfmhltv87] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    overflow: hidden;
}

.chart-header[b-uvfmhltv87] {
    padding: 1.5rem;
    border-bottom: 1px solid #e3e6f0;
}

    .chart-header h3[b-uvfmhltv87] {
        margin: 0 0 0.5rem 0;
        color: #5a5c69;
        font-size: 1.2rem;
        font-weight: 600;
    }

    .chart-header p[b-uvfmhltv87] {
        margin: 0;
        color: #858796;
        font-size: 0.9rem;
    }

.chart-content[b-uvfmhltv87] {
    padding: 1.5rem;
}

/* Pie Chart */
.pie-chart-container[b-uvfmhltv87] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.pie-chart[b-uvfmhltv87] {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    position: relative;
    background: conic-gradient( #28a745 0% 59%, #ffc107 59% 80%, #17a2b8 80% 95%, #dc3545 95% 100% );
}

.pie-center[b-uvfmhltv87] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background: white;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0.15rem 0.5rem rgba(0, 0, 0, 0.1);
}

.total-count[b-uvfmhltv87] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #5a5c69;
}

.total-label[b-uvfmhltv87] {
    font-size: 0.8rem;
    color: #858796;
}

/* Chart Legend */
.chart-legend[b-uvfmhltv87] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.legend-item[b-uvfmhltv87] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem;
    border-radius: 6px;
    transition: background 0.2s ease;
}

    .legend-item:hover[b-uvfmhltv87] {
        background: #f8f9fc;
    }

.legend-color[b-uvfmhltv87] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

    .legend-color.approved[b-uvfmhltv87] {
        background: #28a745;
    }

    .legend-color.pending[b-uvfmhltv87] {
        background: #ffc107;
    }

    .legend-color.in-review[b-uvfmhltv87] {
        background: #17a2b8;
    }

    .legend-color.rejected[b-uvfmhltv87] {
        background: #dc3545;
    }

.legend-label[b-uvfmhltv87] {
    flex: 1;
    color: #5a5c69;
    font-size: 0.9rem;
}

.legend-count[b-uvfmhltv87] {
    color: #858796;
    font-size: 0.8rem;
    font-weight: 600;
}

/* Bar Chart */
.bar-chart-container[b-uvfmhltv87] {
    margin-bottom: 1.5rem;
}

.bar-chart[b-uvfmhltv87] {
    display: flex;
    align-items: end;
    gap: 1rem;
    height: 200px;
    padding: 1rem 0;
}

.bar-group[b-uvfmhltv87] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.bar-label[b-uvfmhltv87] {
    font-size: 0.8rem;
    color: #858796;
    text-align: center;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
}

.bar-wrapper[b-uvfmhltv87] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    justify-content: end;
}

.bar[b-uvfmhltv87] {
    width: 40px;
    background: var(--color, #4e73df);
    border-radius: 4px 4px 0 0;
    height: calc(var(--height, 50%) * 1.6);
    min-height: 20px;
    transition: all 0.3s ease;
}

    .bar:hover[b-uvfmhltv87] {
        opacity: 0.8;
        transform: scale(1.05);
    }

.bar-value[b-uvfmhltv87] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #5a5c69;
}

/* Chart Actions */
.chart-actions[b-uvfmhltv87] {
    display: flex;
    justify-content: flex-end;
}

.filter-buttons[b-uvfmhltv87] {
    display: flex;
    gap: 0.5rem;
    background: #f8f9fc;
    padding: 0.25rem;
    border-radius: 8px;
}

.filter-btn[b-uvfmhltv87] {
    background: none;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    color: #6e707e;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .filter-btn.active[b-uvfmhltv87] {
        background: white;
        color: #4e73df;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

/* Responsive Design */
@media (max-width: 1024px) {
    .charts-grid[b-uvfmhltv87] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dashboard-container[b-uvfmhltv87] {
        padding: 1rem;
    }

    .stats-grid[b-uvfmhltv87] {
        grid-template-columns: 1fr;
    }

    .welcome-text[b-uvfmhltv87] {
        font-size: 1.5rem;
    }

    .bar-label[b-uvfmhltv87] {
        writing-mode: horizontal-tb;
        transform: none;
    }

    .bar-chart[b-uvfmhltv87] {
        height: auto;
        flex-direction: column;
        align-items: start;
    }

    .bar-group[b-uvfmhltv87] {
        flex-direction: row;
        width: 100%;
        align-items: center;
    }

    .bar-wrapper[b-uvfmhltv87] {
        flex-direction: row;
        align-items: center;
        flex: 1;
    }

    .bar[b-uvfmhltv87] {
        height: 20px;
        width: var(--height, 50%);
        border-radius: 0 4px 4px 0;
    }
}
/* Base card style */
.admin-dashboard-card[b-uvfmhltv87] {
    background: #F4ECFF;
    border-radius: 12px;
    padding: 1.2rem;
    border: 1.8px solid #C0ACBC;
    box-shadow: 0 3px 12px rgba(107, 62, 166, 0.30);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

    /* Slide-up on hover */
    .admin-dashboard-card:hover[b-uvfmhltv87] {
        transform: translateY(-10px); /* 👈 Moves card upward */
        box-shadow: 0 12px 28px rgba(107, 62, 166, 0.25);
    }

.metric-value[b-uvfmhltv87] {
    font-weight: bold;
    color: #C96238;
}
.btn-group[b-uvfmhltv87] {
    background-color: #C0ACBC; /* default tab background */
    border-radius:30px;
}
/* Tab container background */
    .btn-group .btn[b-uvfmhltv87] {
        border: none; /* remove borders */
        color: #FDFDFD; /* text color */
        transition: background-color 0.3s ease, transform 0.2s ease;
        gap:40px;
    }

    /* Hover effect for tabs */
    .btn-group .btn:hover[b-uvfmhltv87] {
        background-color: #6B3EA6; /* slightly lighter on hover */
        border-radius: 20px;
    }

    /* Active tab style */
    .btn-group .btn.active-tab[b-uvfmhltv87] {
        background-color: #6B3EA6; /* active tab background */
        color: #fff; /* ensure text stays white */
        border-radius: 20px;
    }
.btn-export[b-uvfmhltv87] {
    background: linear-gradient(135deg, #C96238, #CC974F);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.6rem 1rem;
    box-shadow: 0 3px 12px rgba(107, 62, 166, 0.30);
}

.metric-title[b-uvfmhltv87] {
    color: #CC974F;
}
.metric-icon[b-uvfmhltv87] {
    color: #C0ACBC;
}
/* /Pages/HrfAdmin/Reports.razor.rz.scp.css */
/* /Pages/LoginPage.razor.rz.scp.css */
.login-root[b-4hjl8wow7d] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(3,2,19,0.05) 0%, var(--background, #fff) 50%, rgba(14,29,52,0.06) 100%);
}

.card[b-4hjl8wow7d] {
  width: 100%;
  max-width: 28rem;
  background: var(--card, #fff);
  border-radius: 1rem;
  box-shadow: 0 6px 20px rgba(0,0,0,0.06);
  overflow: hidden;
}

.card-header[b-4hjl8wow7d] {
  text-align: center;
  padding: 1.25rem 1.25rem 0.25rem 1.25rem;
  background-color:white;
}

.logo[b-4hjl8wow7d] {
    width: 64px;
    height: 64px;
    background: var(--primary, #CC974F);
    color: var(--primary-foreground, #fff);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.75rem auto;
}

.card-title[b-4hjl8wow7d] {
    margin: 0.25rem 0 0;
    font-size: 1.125rem;
    color: #6B3EA6;
}

.card-description[b-4hjl8wow7d] {
  margin: 0.25rem 0 0.75rem 0;
  color: var(--muted-foreground, #717182);
  font-size: 0.9rem;
}

.card-content[b-4hjl8wow7d] {
  padding: 1rem 1.25rem 1.25rem 1.25rem;
}

.form-field[b-4hjl8wow7d] {
    margin-bottom: 0.75rem;
    display: flex;
    flex-direction: column;
    color: #CC974F;
}

.form-field label[b-4hjl8wow7d] {
  margin-bottom: 0.35rem;
  font-weight: 600;
}

.text-input[b-4hjl8wow7d],
.select-input[b-4hjl8wow7d] {
  padding: 0.6rem 0.75rem;
  border-radius: 0.375rem;
  border: 1px solid var(--border, #e6e6e6);
  background: var(--input-background, #f3f3f5);
  outline: none;
}

.text-input:focus[b-4hjl8wow7d],
.select-input:focus[b-4hjl8wow7d] {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem rgba(37,140,251,0.25);
  border-color: var(--primary, #030213);
}

.actions[b-4hjl8wow7d] {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.btn[b-4hjl8wow7d] {
  flex: 1;
  padding: 0.6rem 0.75rem;
  border-radius: 0.375rem;
  cursor: pointer;
  border: 1px solid transparent;
}

.btn-outline[b-4hjl8wow7d] {
  background: transparent;
  border-color: var(--border, #e6e6e6);
}

.btn-login[b-4hjl8wow7d] {
    background-color: #C96238;
    color: var(--primary-foreground, #fff);
    border-color: rgba(0,0,0,0.08);
}

.btn:disabled[b-4hjl8wow7d] {
  opacity: 0.6;
  cursor: not-allowed;
}

.demo-box[b-4hjl8wow7d] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: var(--muted, #ececf0);
  border-radius: 0.5rem;
  color: var(--muted-foreground, #717182);
}

/* small responsive tweaks */
@media (max-width: 420px) {
  .card[b-4hjl8wow7d] { border-radius: 0.75rem; }
  .logo[b-4hjl8wow7d] { width: 56px; height: 56px; }
}
.login-root[b-4hjl8wow7d] {
    position: relative;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .login-root[b-4hjl8wow7d]::before {
        content: "";
        position: absolute;
        inset: 0;
/*        background: url("Manifesto release (March 2023).jpg") center/cover no-repeat;
*/        z-index: -1;
        filter: blur(8px) brightness(0.45);
        transform: scale(1.15); /* Slightly more scale to avoid edge bleeding */
        pointer-events: none;
    }
z-index: -1;[b-4hjl8wow7d]
    }

    .login-root .card[b-4hjl8wow7d] {
        padding: 1.5rem;
        border-radius: 12px;
        backdrop-filter: blur(4px);
    }
.password-field .input-wrapper[b-4hjl8wow7d] {
    position: relative;
}

.password-field i[b-4hjl8wow7d] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 1.2rem;
    z-index: 10;
    opacity: 1 !important;
    visibility: visible !important;
    color: #6c757d;
    margin-left:10px;
    padding: 8px;
    background: linear-gradient(135deg, rgba(3, 2, 19, 0.05) 0%, var(--background, #fff) 50%, rgba(14, 29, 52, 0.06) 100%);
   
}

   
/* /Pages/OdkSubmissions.razor.rz.scp.css */
.odk-root[b-lhq77lpa1n] { min-height:100vh; padding:1.5rem 0; background: linear-gradient(135deg, rgba(3,2,19,0.02), rgba(14,29,52,0.02)); }
.container[b-lhq77lpa1n] { max-width:1100px; margin:0 auto; padding:0 1rem; }
.heading-hrf[b-lhq77lpa1n] {
    color: #6B3EA6;
}
.muted[b-lhq77lpa1n] { color:var(--muted-foreground,#717182); }
.stats-grid[b-lhq77lpa1n] { display:grid; grid-template-columns:repeat(1,1fr); gap:0.75rem; margin:1rem 0; }
@media(min-width:720px){ .stats-grid[b-lhq77lpa1n] { grid-template-columns:repeat(4,1fr); } }
.stat[b-lhq77lpa1n] { padding:0.75rem; text-align:center; }
.stat-title[b-lhq77lpa1n] {
    color: var(--muted-foreground,#C96238);
}
.stat-value[b-lhq77lpa1n] { font-weight:700; font-size:1.25rem; margin-top:0.5rem; }
.main-card[b-lhq77lpa1n] { margin-top:1rem; }
.card-header[b-lhq77lpa1n] { display:flex; justify-content:space-between; align-items:center; padding:0.8rem 1rem; border-bottom:1px solid rgba(0,0,0,0.04); }
.card-body[b-lhq77lpa1n] { padding:1rem; }
.table[b-lhq77lpa1n] { width:100%; border-collapse:collapse; }
.table th[b-lhq77lpa1n], .table td[b-lhq77lpa1n] { text-align:left; padding:0.6rem; border-bottom:1px solid rgba(0,0,0,0.04); }
.btn[b-lhq77lpa1n] {
    padding: 0.4rem 0.6rem;
    border-radius: 0.375rem;
    border: 1px solid #CC974F;
    cursor: pointer;
    color: #CC974F;

}
.btn-export[b-lhq77lpa1n] {
    background: linear-gradient(135deg, #C96238, #CC974F);
}
.modal.show[b-lhq77lpa1n] {
    background-color: rgba(0,0,0,.6);
}
.btn-view[b-lhq77lpa1n] {
    color:#fff;
    background: linear-gradient(135deg, #C96238, #CC974F);
}

.stat-mini[b-lhq77lpa1n] {
    background: #f8f9fa;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.4rem 0.75rem;
    text-align: right;
    min-width: 90px;
}

.stat-mini-title[b-lhq77lpa1n] {
    font-size: 0.7rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.stat-mini-value[b-lhq77lpa1n] {
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
}
/* /Pages/OfficerDashboard.razor.rz.scp.css */
.officer-root[b-m5zqi9oc5w] { min-height: 100vh; padding:1.5rem 0; background: linear-gradient(135deg, rgba(3,2,19,0.02), rgba(14,29,52,0.02)); }
.container[b-m5zqi9oc5w] { max-width:1100px; margin:0 auto; padding:0 1rem; }
.welcome h2[b-m5zqi9oc5w] { margin:0 0 0.25rem 0; }
.muted[b-m5zqi9oc5w] { color:var(--muted-foreground,#717182); }
.quick-grid[b-m5zqi9oc5w] { display:grid; grid-template-columns:repeat(1,1fr); gap:0.75rem; margin:1rem 0; }
@media(min-width:720px){ .quick-grid[b-m5zqi9oc5w] { grid-template-columns:repeat(3,1fr); } }
.quick-card[b-m5zqi9oc5w] { padding:0.75rem; border-radius:0.5rem; background:var(--card,#fff); box-shadow:0 6px 18px rgba(0,0,0,0.04); }
.card-title[b-m5zqi9oc5w] { font-size:0.95rem; color:var(--muted-foreground,#717182); }
.card-value[b-m5zqi9oc5w] { font-size:1.5rem; font-weight:700; margin-top:0.5rem; }
.main-card[b-m5zqi9oc5w] { margin-top:1rem; }
.card-header[b-m5zqi9oc5w] { padding:0.8rem 1rem; border-bottom:1px solid rgba(0,0,0,0.04); display:flex; justify-content:space-between; align-items:center; }
.card-body[b-m5zqi9oc5w] { padding:1rem; }
.table[b-m5zqi9oc5w] { width:100%; border-collapse:collapse; }
.table th[b-m5zqi9oc5w], .table td[b-m5zqi9oc5w] { text-align:left; padding:0.6rem; border-bottom:1px solid rgba(0,0,0,0.04); }
.btn[b-m5zqi9oc5w] { padding:0.4rem 0.6rem; border-radius:0.375rem; border:1px solid rgba(0,0,0,0.06); cursor:pointer; }
/* /Pages/PublicLanding.razor.rz.scp.css */
.public-root[b-pp8a9dkr9d] { background: linear-gradient(135deg, rgba(3,2,19,0.03), rgba(14,29,52,0.03)); min-height: 100vh; }
.container[b-pp8a9dkr9d] { max-width: 1100px; margin: 0 auto; padding: 0 1rem; }

.pl-header[b-pp8a9dkr9d] {
    border-bottom: 1px solid rgba(0,0,0,0.05);
    background: rgba(255,255,255,0.9);
    position: sticky;
    top: 0;
    z-index: 50;
    color: #6B3EA6
}
.heading-hrf[b-pp8a9dkr9d] {
    color: #6B3EA6;
}
.sub-heading[b-pp8a9dkr9d] {
    color: #CC974F;
}
.pl-header .container[b-pp8a9dkr9d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0;
}
.brand[b-pp8a9dkr9d] { display:flex; align-items:center; gap:0.75rem; }
.brand-icon[b-pp8a9dkr9d] { width:68px; height:68px; border-radius:8px; background:var(--primary,#030213); color:var(--primary-foreground,#fff); display:flex;  }
.muted[b-pp8a9dkr9d] { color:var(--muted-foreground,#717182); }

.pl-hero[b-pp8a9dkr9d] { padding:3rem 0; background: linear-gradient(90deg, rgba(3,2,19,0.04), rgba(14,29,52,0.04)); }
.hero-inner[b-pp8a9dkr9d] { text-align:center; }
.hero-content h2[b-pp8a9dkr9d] { margin:0 0 0.5rem; font-size:1.6rem; }
.lead[b-pp8a9dkr9d] { font-size:1.05rem; }
.stats-grid[b-pp8a9dkr9d] { display:grid; grid-template-columns: repeat(1,1fr); gap:0.75rem; margin-top:1rem; }
@media(min-width:720px){ .stats-grid[b-pp8a9dkr9d] { grid-template-columns: repeat(4,1fr); } }
.stat-card[b-pp8a9dkr9d] { background:var(--card,#fff); padding:1rem; border-radius:0.5rem; box-shadow:0 4px 12px rgba(0,0,0,0.04); }
.stat-value[b-pp8a9dkr9d] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #CC974F
}
.stat-label[b-pp8a9dkr9d] {
    color: var(--muted-foreground,#717182);
    font-size: 0.9rem;
    color: #C0ACBC
}

.main-content[b-pp8a9dkr9d] { padding:1.5rem 0 3rem 0; }
.tabs[b-pp8a9dkr9d] { margin-top:1rem; }
.tabs-list[b-pp8a9dkr9d] { display:flex; gap:0.5rem; justify-content:center; margin-bottom:1rem; }
.tab[b-pp8a9dkr9d] {
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    background: transparent;
    border: 1px solid #C0ACBC;
    cursor: pointer;
}
    .tab.active[b-pp8a9dkr9d] {
        background-color: #C96238;
        color: var(--primary-foreground,#fff);
    }

.card[b-pp8a9dkr9d] { background:var(--card,#fff); border-radius:0.5rem; box-shadow:0 6px 18px rgba(0,0,0,0.04); overflow:hidden; }
.card-header[b-pp8a9dkr9d] { padding:0.8rem 1rem; border-bottom:1px solid rgba(0,0,0,0.04); }
.card-body[b-pp8a9dkr9d] { padding:1rem; }

.updates-list[b-pp8a9dkr9d] { display:flex; flex-direction:column; gap:0.75rem; max-height:500px; overflow:auto; }
.update-item[b-pp8a9dkr9d] {
    padding: 0.5rem;
    border-radius: 0.375rem;
    border-left: 4px solid var(--primary,#C96238);
    background: transparent;
}

.update-meta[b-pp8a9dkr9d] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    align-items: center;
}
.badge[b-pp8a9dkr9d] { background:transparent; border:1px solid rgba(0,0,0,0.06); padding:0.15rem 0.5rem; border-radius:999px; font-size:0.8rem; }

.performance-list[b-pp8a9dkr9d] { display:flex; flex-direction:column; gap:0.5rem; }
.perf-row[b-pp8a9dkr9d] { display:flex; align-items:center; gap:1rem; padding:0.5rem; border-radius:0.375rem; border:1px solid rgba(0,0,0,0.03); }
.perf-row.top[b-pp8a9dkr9d] { box-shadow:0 4px 10px rgba(0,0,0,0.03); }
.rank[b-pp8a9dkr9d] { width:48px; height:48px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:var(--muted,#ececf0); }
.perf-details[b-pp8a9dkr9d] { flex:1; }
.score-box[b-pp8a9dkr9d] { width:72px; text-align:right; font-size:1.25rem; font-weight:700; }

.gallery-grid[b-pp8a9dkr9d] { display:grid; grid-template-columns:repeat(1,1fr); gap:0.75rem; }
@media(min-width:720px){ .gallery-grid[b-pp8a9dkr9d] { grid-template-columns:repeat(3,1fr); } }
.gallery-card[b-pp8a9dkr9d] { border-radius:0.375rem; overflow:hidden; background:var(--card,#fff); }
.thumb[b-pp8a9dkr9d] { aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; background:var(--muted,#ececf0); }
.g-body[b-pp8a9dkr9d] { padding:0.6rem; }

.guides .grid-cards[b-pp8a9dkr9d] { display:grid; grid-template-columns:repeat(1,1fr); gap:0.75rem; }
@media(min-width:720px){ .guides .grid-cards[b-pp8a9dkr9d] { grid-template-columns:repeat(4,1fr); } }
.guide-card[b-pp8a9dkr9d] { padding:0.75rem; border-radius:0.375rem; background:var(--card,#fff); display:flex; flex-direction:column; gap:0.5rem; }
.btn[b-pp8a9dkr9d] { padding:0.45rem 0.6rem; border-radius:0.375rem; border:1px solid rgba(0,0,0,0.06); cursor:pointer; }
.btn-login[b-pp8a9dkr9d] {
    background-color: #C96238;
    color: var(--primary-foreground,#fff);
    border-color: transparent;
}
.btn-outline[b-pp8a9dkr9d] {
    background: transparent;
    border: 1px solid #6B3EA6;
}

.pl-footer[b-pp8a9dkr9d] { border-top:1px solid rgba(0,0,0,0.04); background:var(--card,#fff); padding:1.25rem 0; }
.footer-grid[b-pp8a9dkr9d] { display:grid; grid-template-columns:repeat(1,1fr); gap:1rem; }
@media(min-width:720px){ .footer-grid[b-pp8a9dkr9d] { grid-template-columns:repeat(3,1fr); } }
.copyright[b-pp8a9dkr9d] {
    text-align: center;
    padding-top: 0.75rem;
    color: #CC974F;
}
.dropdown-item-simple[b-pp8a9dkr9d] {
    width: 100%;
    padding: 0.45rem;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    font: inherit;
    color: inherit;
}

/* ================= FOOTER BASE ================= */
.pl-footer[b-pp8a9dkr9d] {
    background: #f3f4f6; /* light grey */
    color: #4b5563; /* slate grey text */
    padding: 2.5rem 1rem 1rem;
    border-top: 1px solid #e5e7eb;
    font-family: system-ui, -apple-system, BlinkMacSystemFont;
}

    .pl-footer a[b-pp8a9dkr9d] {
        color: #374151; /* darker grey links */
        text-decoration: none;
    }

        .pl-footer a:hover[b-pp8a9dkr9d] {
            color: #111827; /* near black on hover */
        }

/* ================= GRID ================= */
.footer-grid[b-pp8a9dkr9d] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

/* ================= HEADINGS ================= */
.footer-col h4[b-pp8a9dkr9d] {
    color: #111827;
    margin-bottom: 0.75rem;
    font-size: 0.95rem;
    font-weight: 600;
}

/* ================= TEXT ================= */
.footer-col p[b-pp8a9dkr9d],
.footer-links li[b-pp8a9dkr9d] {
    font-size: 0.85rem;
    line-height: 1.6;
    color: #4b5563;
}

/* ================= SOCIAL ICONS ================= */
.social-icons[b-pp8a9dkr9d] {
    display: flex;
    gap: 12px;
    margin-top: 1rem;
}

    .social-icons a[b-pp8a9dkr9d] {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: #e5e7eb;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        color: #374151;
        transition: background 0.2s ease, color 0.2s ease;
    }

        .social-icons a:hover[b-pp8a9dkr9d] {
            background: #d1d5db;
            color: #111827;
        }

    .social-icons svg[b-pp8a9dkr9d] {
        width: 16px;
        height: 16px;
    }

/* ================= QUICK LINKS ================= */
.footer-links[b-pp8a9dkr9d] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .footer-links li[b-pp8a9dkr9d] {
        margin-bottom: 0.5rem;
    }

/* ================= MAP ================= */
.map-wrapper[b-pp8a9dkr9d] {
    width: 100%;
    height: 160px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
}

    .map-wrapper iframe[b-pp8a9dkr9d] {
        width: 100%;
        height: 100%;
        border: 0;
    }

/* ================= FOOTER BOTTOM ================= */
.footer-bottom[b-pp8a9dkr9d] {
    margin-top: 2rem;
    padding-top: 0.75rem;
    text-align: center;
    font-size: 0.75rem;
    color: #6b7280;
    border-top: 1px solid #e5e7eb;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 992px) {
    .footer-grid[b-pp8a9dkr9d] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .footer-grid[b-pp8a9dkr9d] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .social-icons[b-pp8a9dkr9d] {
        justify-content: center;
    }

    .map-wrapper[b-pp8a9dkr9d] {
        height: 200px;
    }
}
/* /Shared/Button.razor.rz.scp.css */
.btn[b-gwncgnm94h]{ padding:8px 12px; border-radius:6px; border:0; cursor:pointer; font-weight:600; }
.btn-primary[b-gwncgnm94h]{ background:#0b5fff; color:white; }
.btn-outline[b-gwncgnm94h]{ background:transparent; border:1px solid rgba(0,0,0,0.08); color:#111; }
.btn-destructive[b-gwncgnm94h]{ background:#d9534f; color:white; }
.btn-ghost[b-gwncgnm94h]{ background:transparent; color:#111; }
.btn:disabled[b-gwncgnm94h]{ opacity:0.5; cursor:not-allowed; }
/* /Shared/Card.razor.rz.scp.css */
.card[b-twc7n0sfby]{ background:#fff; border:1px solid rgba(0,0,0,0.04); border-radius:8px; padding:12px; box-shadow:0 1px 2px rgba(16,24,40,0.03); }
/* /Shared/Input.razor.rz.scp.css */
.input[b-e9goswm9a9]{
  padding:8px 10px;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:6px;
  font-size:14px;
  width:100%;
  box-sizing:border-box;
}
.input:focus[b-e9goswm9a9]{ outline:2px solid rgba(11,95,255,0.12); border-color:#0b5fff; }
/* /Shared/Pagination.razor.rz.scp.css */
.pagination[b-gpz20gdbo2] {
  display:flex;
  gap:6px;
  align-items:center;
}
.page-btn[b-gpz20gdbo2]{
  padding:6px 10px;
  border:1px solid rgba(0,0,0,0.08);
  background:#fff;
  cursor:pointer;
}
.page-btn.active[b-gpz20gdbo2]{ background:#0b5fff; color:white; }
.page-btn:disabled[b-gpz20gdbo2]{ opacity:0.5; cursor:not-allowed; }
/* /Shared/Select.razor.rz.scp.css */
.select[b-w3xmw1z1is]{ padding:8px 10px; border:1px solid rgba(0,0,0,0.08); border-radius:6px; font-size:14px; width:100%; box-sizing:border-box; background:#fff; }
.select:focus[b-w3xmw1z1is]{ outline:2px solid rgba(11,95,255,0.12); border-color:#0b5fff; }
/* /Shared/Sidebar.razor.rz.scp.css */
.sidebar[b-b7kz37f7k3]{ width:220px; background:#fafafa; border-right:1px solid rgba(0,0,0,0.04); padding:10px;}
.sidebar.collapsed[b-b7kz37f7k3]{ width:56px; }
.sidebar-header[b-b7kz37f7k3]{ display:flex; justify-content:space-between; align-items:center; padding-bottom:8px; }
.sidebar-content[b-b7kz37f7k3]{ display:block; }
.toggle[b-b7kz37f7k3]{ background:none; border:0; cursor:pointer; }
/* /Shared/Table.razor.rz.scp.css */
.table-wrap[b-pm9d3jy93t]{ width:100%; overflow-x:auto; }
.table[b-pm9d3jy93t]{ width:100%; border-collapse:collapse; }
.table thead th[b-pm9d3jy93t]{ text-align:left; padding:8px 10px; font-weight:600; border-bottom:1px solid rgba(0,0,0,0.06); }
.table tbody td[b-pm9d3jy93t]{ padding:10px; border-bottom:1px solid rgba(0,0,0,0.04); }
.table tbody tr.no-data td[b-pm9d3jy93t]{ text-align:center; color:rgba(0,0,0,0.5); padding:18px; }
.table-pagination[b-pm9d3jy93t]{ margin-top:8px; display:flex; justify-content:flex-end; }
/* /Shared/Tabs.razor.rz.scp.css */
.tabs[b-kq1e89caw1]{ display:block; }
.tabs-list[b-kq1e89caw1]{ display:flex; gap:6px; margin-bottom:8px; }
.tab[b-kq1e89caw1]{ padding:8px 10px; border-radius:6px; background:#f5f7fb; border:1px solid transparent; cursor:pointer; }
.tab.active[b-kq1e89caw1]{ background:#0b5fff; color:white; }
.tabs-panel[b-kq1e89caw1]{ padding-top:6px; }
/* /Shared/Textarea.razor.rz.scp.css */
.textarea[b-h4torzyy54]{ padding:8px 10px; border:1px solid rgba(0,0,0,0.08); border-radius:6px; font-size:14px; width:100%; box-sizing:border-box; min-height:96px; }
.textarea:focus[b-h4torzyy54]{ outline:2px solid rgba(11,95,255,0.12); border-color:#0b5fff; }