@import '_content/Uthoppia.Framework.Blazor.Bootstrap/Uthoppia.Framework.Blazor.Bootstrap.bundle.scp.css';

/* /Views/Account/Login.cshtml.rz.scp.css */
.login[b-u4vmfqy2ea] {
    height: calc(100vh - 98px);
}
/* /Views/Profile/Index.cshtml.rz.scp.css */
.profile-page .account-card[b-nz10vdw7og] {
    border-radius: 14px;
    border: 1px solid #e5e7eb;
}

.profile-page .account-card .card-header[b-nz10vdw7og],
.profile-page .account-card .card-body[b-nz10vdw7og],
.profile-page .account-card .card-footer[b-nz10vdw7og] {
    border-color: #e5e7eb !important;
}

.profile-page .avatar-panel[b-nz10vdw7og] {
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 2rem 1rem;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.profile-page .avatar-wrap[b-nz10vdw7og] {
    width: 170px;
    height: 170px;
    position: relative;
}

.profile-page .avatar[b-nz10vdw7og] {
    width: 170px;
    height: 170px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.profile-page .btn-upload-avatar[b-nz10vdw7og] {
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 34px;
    height: 34px;
    border: 1px solid #d1d5db;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

.profile-page .provider-group[b-nz10vdw7og] {
    position: relative;
}

.profile-page .input-group-icon[b-nz10vdw7og] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 6;
    pointer-events: none;
}

.profile-page .form-control[b-nz10vdw7og],
.profile-page .form-select[b-nz10vdw7og] {
    border-color: #cbd5e1;
    border-radius: 10px;
}

/* penting: jangan sempitin semua card */
.profile-page .card[b-nz10vdw7og] {
    max-width: none;
    margin: 0;
}

.profile-page[b-nz10vdw7og] {
    max-width: 1320px; /* rasa gambar 1 untuk kiri-kanan */
    margin: 0 auto;
}

.profile-page .email-verified-checkmark[b-nz10vdw7og] {
    right: 10px;
}

@media (max-width: 576px) {
    .profile-page .avatar-wrap[b-nz10vdw7og],
    .profile-page .avatar[b-nz10vdw7og] {
        width: 112px;
        height: 112px;
    }

    .profile-page .avatar-panel[b-nz10vdw7og] {
        min-height: auto;
        padding: 1.25rem 1rem;
    }
}
/* /Views/Shared/_Layout.cshtml.rz.scp.css */
main[b-yim37x1a93] {
    padding-top: 98px;
}
/* /Views/Shared/_Nav.cshtml.rz.scp.css */
.search-form input[b-ckiwego1ab] {
    padding-left: 35px;
}

.search-form i[b-ckiwego1ab] {
    left: 10px;
    top: 12px;
}

.mmc--nav-item > div > a[b-ckiwego1ab] {
    height: 50px;
    width: 50px;
}

.nav-link:hover[b-ckiwego1ab], .nav-link:focus[b-ckiwego1ab] {
    background-color: var(--bs-gray-100);
}

.dropdown-toggle[b-ckiwego1ab]::after {
    display: none;
}

/* --- FIX: dropdown must float and not push navbar height --- */
.navbar[b-ckiwego1ab],
.navbar-nav[b-ckiwego1ab],
.navbar-nav .nav-item[b-ckiwego1ab],
.mmc--nav-item[b-ckiwego1ab],
.mmc--nav-item > div[b-ckiwego1ab] {
    overflow: visible;
}

/* Ensure dropdown is anchored to its trigger */
.navbar .dropdown[b-ckiwego1ab],
.navbar .nav-item.dropdown[b-ckiwego1ab] {
    position: relative;
}

/* Force ALL dropdown menus in the navbar to behave like floating popups */
.navbar .dropdown-menu[b-ckiwego1ab] {
    position: absolute !important;
    z-index: 1055; /* above fixed navbar */
    margin-top: .5rem;
}

/* Your grid dropdown: floating + SINGLE ROW (horizontal) */
.dropdown-grid[b-ckiwego1ab] {
    display: none;                 /* hidden until .show */
    position: absolute !important;
    right: 0;                      /* dropdown-menu-end behavior */
    top: calc(100% + 8px);         /* below the icon */
    z-index: 1055;

    /* single-row strip */
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-template-columns: none;
    gap: .75rem;

    /* compact sizing */
    width: max-content;
    max-width: min(92vw, 520px);

    /* horizontal scroll instead of eating height */
    overflow-x: auto;
    overflow-y: hidden;

    /* keep a tidy edge on some browsers */
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

/* When open, it becomes a grid (still single-row due to auto-flow: column) */
.dropdown-grid.show[b-ckiwego1ab] {
    display: grid;
}

/* Tile sizing to reduce vertical space */
.dropdown-grid .dropdown-item[b-ckiwego1ab] {
    font-size: .875rem;
    width: 92px;                   /* tune: 80–110px */
    padding: .5rem .5rem;
    white-space: normal;           /* allow label wrap within tile */
    text-align: center;
}

/* Optional: popup feel (no layout impact) */
.dropdown-menu[b-ckiwego1ab],
.dropdown-grid[b-ckiwego1ab] {
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(0,0,0,.12);
}

/* Optional: keep the row compact on very small screens */
@media (max-width: 576px) {
    .dropdown-grid[b-ckiwego1ab] {
        max-width: min(92vw, 420px);
    }

    .dropdown-grid .dropdown-item[b-ckiwego1ab] {
        width: 84px;
    }
}

/* --- end dropdown fix --- */

.avatar[b-ckiwego1ab] {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* Keep the fixed top nav compact and prevent wrapping */
.navbar .container-fluid[b-ckiwego1ab] { flex-wrap: nowrap; }
.navbar .search-form[b-ckiwego1ab] { min-width: 0; } /* allows flex child to shrink properly */
.navbar .navbar-nav[b-ckiwego1ab] { flex-wrap: nowrap; white-space: nowrap; }

/* Ensure nav items don't stretch/wrap on small devices */
.navbar .navbar-nav .nav-item[b-ckiwego1ab] { flex: 0 0 auto; }

/* Optional: reduce excessive height on small screens (your py-4 is tall) */
@media (max-width: 576px) {
    .navbar[b-ckiwego1ab] { padding-top: .75rem !important; padding-bottom: .75rem !important; }
}

/* If your logo is large, constrain it so it doesn't force wrapping */
.navbar-brand img[b-ckiwego1ab] { max-height: 36px; width: auto; }