/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-layout[b-cdrcxf5e66] {
    min-height: 100vh;
    position: relative;
    display: grid;
    place-items: center;
    background: radial-gradient(circle at 30% 40%, #3d50e8 0%, #2a1fa8 55%, #1a1370 100%);
    overflow: hidden;
}

.login-layout__overlay[b-cdrcxf5e66] {
    position: absolute;
    inset: 0;
    background: radial-gradient(80% 80% at 80% 20%, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 60%),
        radial-gradient(70% 70% at 85% 60%, rgba(84, 104, 255, 0.25), rgba(84, 104, 255, 0) 55%),
        radial-gradient(60% 60% at 15% 85%, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0) 65%);
    pointer-events: none;
}

.login-layout main[b-cdrcxf5e66] {
    position: relative;
    z-index: 1;
    width: min(480px, 92vw);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-2mugot2ar2] {
    height: 100vh;
    max-height: 100vh;
    display: flex;
    overflow: hidden;
    background: #f6f8fc;
}

html.theme-switching .app-shell[b-2mugot2ar2],
html.theme-switching .sidebar[b-2mugot2ar2],
html.theme-switching .topbar[b-2mugot2ar2],
html.theme-switching .workspace-body[b-2mugot2ar2],
html.theme-switching .icon-button[b-2mugot2ar2],
html.theme-switching .theme-toggle[b-2mugot2ar2],
html.theme-switching .surface-title[b-2mugot2ar2],
html.theme-switching .search-input[b-2mugot2ar2],
html.theme-switching .breadcrumb-shell[b-2mugot2ar2] {
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

html.dark-theme .app-shell[b-2mugot2ar2] {
    background: #111827;
    color: #e6ebff;
}

.sidebar[b-2mugot2ar2] {
    width: 220px;
    padding: 1rem 0.9rem;
    background: #ffffff;
    border-right: 1px solid #ebeff5;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    flex-shrink: 0;
    transition: width 0.22s ease, padding 0.22s ease;
}

/* collapsed: show only icons */
html.sidebar-collapsed .sidebar[b-2mugot2ar2] {
    width: 60px;
    padding: 1rem 0.4rem;
}

/* hamburger button */
.sidebar-toggle[b-2mugot2ar2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.1rem;
    height: 2.1rem;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: #50607f;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
    padding: 0;
    margin-right: 0.4rem;
}

.sidebar-toggle:hover[b-2mugot2ar2] {
    background: #eef1f9;
    color: #2a3758;
}

.sidebar-toggle svg[b-2mugot2ar2] {
    width: 1.15rem;
    height: 1.15rem;
    display: block;
}

html.dark-theme .sidebar-toggle[b-2mugot2ar2] {
    color: #9daace;
}

html.dark-theme .sidebar-toggle:hover[b-2mugot2ar2] {
    background: #1a2746;
    color: #e8edff;
}

.workspace[b-2mugot2ar2] {
    flex: 1;
    min-width: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.topbar[b-2mugot2ar2] {
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.6rem;
    padding: 0 1rem;
    background: #f6f8fc;
    border-bottom: 1px solid #e8edf5;
    position: sticky;
    top: 0;
    z-index: 100;
    flex-shrink: 0;
}

.search-shell[b-2mugot2ar2] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 260px;
    background: #fff;
    border: 1px solid #e8edf5;
    border-radius: 4px;
    padding: 0 0.75rem;
    height: 2.2rem;
}

.topbar-actions[b-2mugot2ar2] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.search-icon[b-2mugot2ar2],
.toolbar-icon[b-2mugot2ar2],
.breadcrumb-separator[b-2mugot2ar2],
.nav-arrow[b-2mugot2ar2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
}

.search-icon[b-2mugot2ar2] {
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23858eaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-4.35-4.35M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z'/%3E%3C/svg%3E");
}

.search-input[b-2mugot2ar2] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #47506a;
    font-size: 0.95rem;
}

.search-input[b-2mugot2ar2]::placeholder {
    color: #b0b7ca;
}

.icon-button[b-2mugot2ar2] {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #edf1f7;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 10px 20px rgba(31, 45, 61, 0.04);
}

.theme-toggle[b-2mugot2ar2] {
    width: auto;
    min-width: 4.9rem;
    padding: 0 0.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}

.toolbar-icon[b-2mugot2ar2] {
    width: 1.1rem;
    height: 1.1rem;
}

.toolbar-icon-bell[b-2mugot2ar2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%237582a0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M15 17H5l1.5-2.5V10a5.5 5.5 0 0 1 11 0v4.5L19 17h-4m0 0a3 3 0 0 1-6 0h6Z'/%3E%3C/svg%3E");
}

.toolbar-icon-mail[b-2mugot2ar2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%237582a0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M4 7.5A1.5 1.5 0 0 1 5.5 6h13A1.5 1.5 0 0 1 20 7.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 16.5v-9Zm1 0L12 13l7-5.5'/%3E%3C/svg%3E");
}

.toolbar-icon-moon[b-2mugot2ar2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%237582a0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M21 12.79A9 9 0 1 1 11.21 3c0 .27-.02.54-.02.82A9 9 0 0 0 20.18 12c.28 0 .55-.02.82-.02Z'/%3E%3C/svg%3E");
}

.toolbar-icon-system[b-2mugot2ar2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Crect width='14' height='10' x='5' y='6' stroke='%237582a0' stroke-linejoin='round' stroke-width='1.8' rx='1.8'/%3E%3Cpath stroke='%237582a0' stroke-linecap='round' stroke-width='1.8' d='M9 19h6m-8 0h10'/%3E%3C/svg%3E");
}

.toolbar-icon-sun[b-2mugot2ar2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23f4f7ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M12 3v2.2M12 18.8V21M3 12h2.2M18.8 12H21M5.64 5.64l1.56 1.56M16.8 16.8l1.56 1.56M5.64 18.36 7.2 16.8M16.8 7.2l1.56-1.56M15.5 12A3.5 3.5 0 1 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5Z'/%3E%3C/svg%3E");
}

.icon-badge[b-2mugot2ar2] {
    position: absolute;
    top: -0.15rem;
    right: -0.1rem;
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.22rem;
    border-radius: 999px;
    background: #ff6b8b;
    color: #fff;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1rem;
    text-align: center;
}

.theme-toggle.active[b-2mugot2ar2] {
    background: #5063f0;
    border-color: #5063f0;
}

.theme-toggle-label[b-2mugot2ar2] {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #6d7894;
}

.profile-badge[b-2mugot2ar2] {
    width: 2.6rem;
    height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    background: linear-gradient(135deg, #f2c08d 0%, #7a503d 100%);
}

.workspace-body[b-2mugot2ar2] {
    flex: 1;
    padding: 1.4rem 1rem 1rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.content[b-2mugot2ar2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.surface-header[b-2mugot2ar2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.surface-title[b-2mugot2ar2] {
    margin: 0;
    color: #2e3a59;
    font-size: 2rem;
    font-weight: 700;
}

.breadcrumb-shell[b-2mugot2ar2] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: #9aa5bd;
    font-size: 0.88rem;
}

.breadcrumb-separator[b-2mugot2ar2] {
    width: 0.8rem;
    height: 0.8rem;
    font-size: 0.85rem;
}

.content[b-2mugot2ar2] {
    padding-top: 0;
}

html.dark-theme .workspace-body[b-2mugot2ar2] {
    background: transparent;
}

@media (max-width: 960px) {
    .app-shell[b-2mugot2ar2] {
        flex-direction: column;
    }

    .sidebar[b-2mugot2ar2] {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #eceffc;
    }

    .topbar[b-2mugot2ar2],
    .surface-header[b-2mugot2ar2] {
        flex-direction: column;
        align-items: stretch;
    }
}

#blazor-error-ui[b-2mugot2ar2] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-2mugot2ar2] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}


/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* brand & toggler � these are non-NavLink elements, CSS isolation works fine here */

.navbar-toggler[b-24tweyx0op] {
    appearance: none;
    cursor: pointer;
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    top: 1.1rem;
    right: 1rem;
    border: 1px solid #e7eaf8;
    border-radius: 4px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath stroke='%2363698f' stroke-linecap='round' stroke-width='2' d='M4 7h16M4 12h16M4 17h16'/%3e%3c/svg%3e") no-repeat center/1.3rem #fff;
}

.brand-panel[b-24tweyx0op] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.4rem 0.6rem 1.6rem;
}

.brand-mark[b-24tweyx0op] {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #fff;
    font-weight: 800;
    font-size: 1.05rem;
    letter-spacing: 0.03em;
    background: linear-gradient(135deg, #5468ff 0%, #6c4df6 100%);
    flex-shrink: 0;
}

.navbar-brand[b-24tweyx0op] {
    display: block;
    color: #2f3d63;
    text-decoration: none;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1;
}

.nav-scrollable[b-24tweyx0op] {
    display: none;
    flex-direction: column;
}

.navbar-toggler:checked ~ .nav-scrollable[b-24tweyx0op] {
    display: flex;
}

.nav-sections[b-24tweyx0op] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    width: 100%;
}

.sidebar-item-logout[b-24tweyx0op] {
    margin-top: calc(0.4rem + 2.25rem);
}

html.dark-theme .navbar-toggler[b-24tweyx0op] {
    border-color: #2f3c5f;
    background-color: #18233f;
}

html.dark-theme .navbar-brand[b-24tweyx0op] {
    color: #f5f7ff;
}

html.dark-theme .brand-mark[b-24tweyx0op] {
    background: linear-gradient(135deg, #4a5ce8 0%, #3d4ed4 100%);
}

@media (min-width: 961px) {
    .navbar-toggler[b-24tweyx0op] { display: none; }
    .nav-scrollable[b-24tweyx0op] { display: flex; min-height: calc(100vh - 5.5rem); }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-adyq2ddk8z],
.components-reconnect-repeated-attempt-visible[b-adyq2ddk8z],
.components-reconnect-failed-visible[b-adyq2ddk8z],
.components-pause-visible[b-adyq2ddk8z],
.components-resume-failed-visible[b-adyq2ddk8z],
.components-rejoining-animation[b-adyq2ddk8z] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-adyq2ddk8z],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-adyq2ddk8z],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-adyq2ddk8z],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-adyq2ddk8z],
#components-reconnect-modal.components-reconnect-retrying[b-adyq2ddk8z],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-adyq2ddk8z],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-adyq2ddk8z],
#components-reconnect-modal.components-reconnect-failed[b-adyq2ddk8z],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-adyq2ddk8z] {
    display: block;
}


#components-reconnect-modal[b-adyq2ddk8z] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-adyq2ddk8z 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-adyq2ddk8z 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-adyq2ddk8z 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-adyq2ddk8z]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-adyq2ddk8z 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-adyq2ddk8z {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-adyq2ddk8z {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-adyq2ddk8z {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-adyq2ddk8z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-adyq2ddk8z] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-adyq2ddk8z] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-adyq2ddk8z] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-adyq2ddk8z] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-adyq2ddk8z] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-adyq2ddk8z] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-adyq2ddk8z 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-adyq2ddk8z] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-adyq2ddk8z {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/TopbarUser.razor.rz.scp.css */
.topbar-user[b-y0ko6mme3j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    background: #f0f3fa;
    border: 1px solid #e2e8f0;
    cursor: default;
    user-select: none;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.topbar-user-avatar[b-y0ko6mme3j] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #dbeafe;
    color: #2563eb;
    flex-shrink: 0;
}

.topbar-user-avatar svg[b-y0ko6mme3j] {
    width: 16px;
    height: 16px;
}

.topbar-user-name[b-y0ko6mme3j] {
    font-size: 0.82rem;
    font-weight: 500;
    color: #374151;
    white-space: nowrap;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

html.dark-theme .topbar-user[b-y0ko6mme3j] {
    background: #1a2746;
    border-color: #2a3b5e;
}

html.dark-theme .topbar-user-avatar[b-y0ko6mme3j] {
    background: #1e3160;
    color: #7eb3ff;
}

html.dark-theme .topbar-user-name[b-y0ko6mme3j] {
    color: #c5cfea;
}
/* /Components/Pages/AccessDenied.razor.rz.scp.css */
.login-card[b-1i5bdgznb6] {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
    padding: 32px 36px 36px;
    color: #0b2b42;
}

.login-card__header h2[b-1i5bdgznb6] {
    margin: 0;
    font-weight: 600;
    font-size: 28px;
}

.login-card p[b-1i5bdgznb6] {
    color: #3b4a57;
    font-weight: 500;
    margin: 6px 0;
}

.login-link[b-1i5bdgznb6] {
    margin-top: 10px;
    display: inline-block;
    color: #0b4f7a;
    font-weight: 700;
    text-decoration: none;
}

.login-link:hover[b-1i5bdgznb6] {
    text-decoration: underline;
}
/* /Components/Pages/BackofficeOne.razor.rz.scp.css */
/* ── Nav tabs dark theme ──────────────────────────────────────────────── */
.nav-tabs[b-5k1wyiemdw] {
    border-bottom-color: var(--bm-border);
}

.nav-tabs .nav-link[b-5k1wyiemdw] {
    color: var(--bm-text-secondary);
    background: transparent;
    border-color: transparent;
    border-radius: 4px 4px 0 0;
    font-size: 0.9rem;
    font-weight: 600;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.nav-tabs .nav-link:hover[b-5k1wyiemdw] {
    color: var(--bm-text-primary);
    background: var(--bm-row-hover);
    border-color: transparent;
}

.nav-tabs .nav-link.active[b-5k1wyiemdw] {
    color: #5468ff;
    background: var(--bm-surface);
    border-color: var(--bm-border) var(--bm-border) var(--bm-surface);
}

/* ── Toolbar ──────────────────────────────────────────────────────────── */
.bm-table-toolbar[b-5k1wyiemdw] {
    flex-wrap: wrap;
}

.bm-table-toolbar-actions[b-5k1wyiemdw] {
    flex-wrap: wrap;
    align-items: center;
}

/* ── Search bar ───────────────────────────────────────────────────────── */
.bm-searchbar[b-5k1wyiemdw] {
    position: relative;
    display: flex;
    align-items: center;
    width: 320px;
    background: var(--bm-search-bg);
    border: 1px solid var(--bm-search-border);
    border-radius: 4px;
    padding: 0 0.75rem;
    height: 2.2rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bm-searchbar:focus-within[b-5k1wyiemdw] {
    border-color: #5468ff;
    box-shadow: 0 0 0 3px rgba(84, 104, 255, 0.12);
}

.bm-search-icon[b-5k1wyiemdw] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23858eaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-4.35-4.35M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.bm-search-input[b-5k1wyiemdw] {
    flex: 1;
    border: 0;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent;
    color: var(--bm-text-primary);
    font-size: 0.9rem;
    padding: 0 0.4rem;
}

    .bm-search-input:focus[b-5k1wyiemdw] {
        outline: 0 !important;
        box-shadow: none !important;
        border: 0 !important;
    }

.bm-search-input[b-5k1wyiemdw]::placeholder {
    color: var(--bm-text-placeholder);
}

.bm-search-clear[b-5k1wyiemdw] {
    background: none;
    border: none;
    color: #9aa3bc;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 0.1rem;
    transition: color 0.15s;
}

.bm-search-clear:hover[b-5k1wyiemdw] {
    color: #e74c3c;
}

/* ── Count card ───────────────────────────────────────────────────────── */
.bm-count-card[b-5k1wyiemdw] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.15rem;
    background: var(--bm-surface);
    border: 1px solid var(--bm-border);
    border-radius: 8px;
    padding: 0.45rem 0.9rem;
    box-shadow: 0 1px 4px rgba(44, 55, 90, 0.06);
    min-width: 110px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bm-count-card__label[b-5k1wyiemdw] {
    font-size: 0.68rem;
    color: var(--bm-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.bm-count-card__value[b-5k1wyiemdw] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #5468ff;
    letter-spacing: -0.01em;
}

/* ── Table wrapper ────────────────────────────────────────────────────── */
.bm-table-modern-wrapper[b-5k1wyiemdw] {
    border: 1px solid var(--bm-border);
    border-radius: 8px;
    overflow: hidden;
    background: var(--bm-surface-raised);
    box-shadow: 0 2px 10px rgba(44, 55, 90, 0.07);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.bm-table-scroll[b-5k1wyiemdw] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    padding: 0.5rem 0.75rem 0.75rem;
    background: var(--bm-surface-raised);
}

.bm-table-scroll[b-5k1wyiemdw]::-webkit-scrollbar {
    width: 6px;
}

.bm-table-scroll[b-5k1wyiemdw]::-webkit-scrollbar-track {
    background: transparent;
}

.bm-table-scroll[b-5k1wyiemdw]::-webkit-scrollbar-thumb {
    background: var(--bm-scrollbar-thumb);
    border-radius: 999px;
}

/* ── Table ────────────────────────────────────────────────────────────── */
.bm-table[b-5k1wyiemdw] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.9rem;
    background: transparent;
}

.bm-table-header[b-5k1wyiemdw] {
    border-collapse: collapse;
}

.bm-table-scroll .bm-table[b-5k1wyiemdw] {
    border-spacing: 0 6px;
}

.bm-table th[b-5k1wyiemdw] {
    background: var(--bm-surface-raised);
    color: var(--bm-text-secondary);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--bm-border);
    white-space: nowrap;
    user-select: none;
}

.bm-table td[b-5k1wyiemdw] {
    padding: 0.75rem 1rem;
    color: var(--bm-text-primary);
    background: var(--bm-surface);
    vertical-align: middle;
    border-top: 1px solid var(--bm-border);
    border-bottom: 1px solid var(--bm-border);
}

.bm-table td:first-child[b-5k1wyiemdw] {
    border-left: 1px solid var(--bm-border);
    border-radius: 6px 0 0 6px;
}

.bm-table td:last-child[b-5k1wyiemdw] {
    border-right: 1px solid var(--bm-border);
    border-radius: 0 6px 6px 0;
}

.bm-table tbody tr[b-5k1wyiemdw] {
    transition: box-shadow 0.13s ease;
    cursor: pointer;
}

.bm-table tbody tr:hover td[b-5k1wyiemdw] {
    background: var(--bm-row-hover);
    border-color: #c7ceff;
}

.bm-table tbody tr:hover[b-5k1wyiemdw] {
    box-shadow: 0 2px 10px rgba(84, 104, 255, 0.10);
}

.bm-row-selected td[b-5k1wyiemdw] {
    background: var(--bm-row-selected) !important;
    border-color: #5468ff !important;
}

/* Sticky header table */
.bm-table-header th[b-5k1wyiemdw] {
    position: sticky;
    top: 0;
    z-index: 1;
}

/* ── Sortable columns ─────────────────────────────────────────────────── */
.bm-sortable[b-5k1wyiemdw] {
    cursor: pointer;
}

.bm-sortable:hover[b-5k1wyiemdw] {
    color: var(--bm-sortable-hover, #5468ff);
}

.bm-sort-indicator[b-5k1wyiemdw] {
    font-size: 0.7rem;
    margin-left: 0.25rem;
    color: #5468ff;
}

/* ── Action buttons ───────────────────────────────────────────────────── */
.bm-actions-cell[b-5k1wyiemdw] {
    white-space: nowrap;
}

.bm-icon-btn[b-5k1wyiemdw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid transparent;
    background: none;
    cursor: pointer;
    transition: background 0.14s ease, border-color 0.14s ease;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
}

.bm-icon-btn--edit[b-5k1wyiemdw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%235468ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath stroke='%235468ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5Z'/%3E%3C/svg%3E");
}

.bm-icon-btn--edit:hover[b-5k1wyiemdw] {
    background-color: #eef1ff;
    border-color: #c7ceff;
}

.bm-icon-btn--delete[b-5k1wyiemdw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23e74c3c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M3 6h18m-2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
}

.bm-icon-btn--delete:hover[b-5k1wyiemdw] {
    background-color: #fff0ef;
    border-color: #ffc5c1;
}

/* ── Add button ───────────────────────────────────────────────────────── */
.bm-btn-icon-add[b-5k1wyiemdw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0.65rem center;
    background-size: 1rem;
    padding-left: 2.2rem;
}

/* ── Skeleton loader ──────────────────────────────────────────────────── */
.bm-skeleton-table[b-5k1wyiemdw] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.5rem 0;
}

.bm-skeleton-row[b-5k1wyiemdw] {
    display: flex;
    gap: 1rem;
}

.bm-skeleton-block[b-5k1wyiemdw] {
    flex: 1;
    height: 1.2rem;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--bm-skeleton-from) 25%, var(--bm-skeleton-to) 50%, var(--bm-skeleton-from) 75%);
    background-size: 200% 100%;
    animation: bm-shimmer-b-5k1wyiemdw 1.4s infinite;
}

@keyframes bm-shimmer-b-5k1wyiemdw {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── Modal ────────────────────────────────────────────────────────────── */
.bm-modal-backdrop[b-5k1wyiemdw] {
    position: fixed;
    inset: 0;
    background: rgba(10, 18, 38, 0.55);
    backdrop-filter: blur(3px);
    z-index: 1000;
    animation: bm-fade-in-b-5k1wyiemdw 0.15s ease;
}

@keyframes bm-fade-in-b-5k1wyiemdw {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes bm-slide-in-b-5k1wyiemdw {
    from { opacity: 0; transform: translate(-50%, -48%); }
    to   { opacity: 1; transform: translate(-50%, -50%); }
}

.bm-modal[b-5k1wyiemdw] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--bm-surface-modal);
    border: 1px solid var(--bm-border);
    border-radius: 12px;
    box-shadow: 0 32px 80px rgba(10, 18, 38, 0.28), 0 2px 8px rgba(10, 18, 38, 0.12);
    z-index: 1001;
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    overflow: hidden;
    animation: bm-slide-in-b-5k1wyiemdw 0.18s ease;
}

.bm-modal--medium[b-5k1wyiemdw] {
    width: min(620px, 95vw);
}

.bm-modal--small[b-5k1wyiemdw] {
    width: min(420px, 95vw);
}

.bm-modal--blocked[b-5k1wyiemdw] {
    pointer-events: none;
    opacity: 0.5;
}

.bm-modal__header[b-5k1wyiemdw] {
    padding: 1.25rem 1.5rem 1rem;
    border-bottom: 1px solid var(--bm-border);
    background: var(--bm-surface-raised);
    border-radius: 12px 12px 0 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.bm-modal__header h5[b-5k1wyiemdw] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--bm-text-primary);
    letter-spacing: -0.01em;
}

.bm-modal__body[b-5k1wyiemdw] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.bm-modal__footer[b-5k1wyiemdw] {
    display: flex;
    gap: 0.6rem;
    justify-content: flex-end;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--bm-border);
    background: var(--bm-surface-raised);
    border-radius: 0 0 12px 12px;
}

/* ── Form grid ────────────────────────────────────────────────────────── */
.bm-form-grid[b-5k1wyiemdw] {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 0.65rem 1rem;
    align-items: start;
}

.bm-label[b-5k1wyiemdw] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--bm-text-secondary);
    text-align: right;
    padding-top: 0.45rem;
    padding-right: 0.25rem;
}

.bm-modal .form-control[b-5k1wyiemdw],
.bm-modal .form-select[b-5k1wyiemdw] {
    background: var(--bm-surface);
    border-color: var(--bm-border);
    color: var(--bm-text-primary);
    border-radius: 6px;
    font-size: 0.9rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bm-modal .form-control:focus[b-5k1wyiemdw],
.bm-modal .form-select:focus[b-5k1wyiemdw] {
    border-color: #5468ff;
    box-shadow: 0 0 0 3px rgba(84, 104, 255, 0.14);
    background: var(--bm-surface);
    color: var(--bm-text-primary);
}

.bm-modal .form-control:disabled[b-5k1wyiemdw],
.bm-modal .form-select:disabled[b-5k1wyiemdw] {
    background: var(--bm-surface-raised);
    color: var(--bm-text-muted);
    border-color: var(--bm-border-subtle);
    cursor: not-allowed;
}

.bm-modal .form-control[b-5k1wyiemdw]::placeholder {
    color: var(--bm-text-placeholder);
}

.bm-modal .input-group .form-control[b-5k1wyiemdw] {
    border-right: 0;
}

.bm-modal .input-group .btn[b-5k1wyiemdw] {
    border-color: var(--bm-border);
    color: var(--bm-text-secondary);
    background: var(--bm-surface-raised);
    transition: background 0.14s ease, color 0.14s ease;
}

.bm-modal .input-group .btn:hover[b-5k1wyiemdw] {
    background: var(--bm-row-hover);
    color: var(--bm-text-primary);
    border-color: #5468ff;
}

/* ── Form list (telefoni) ─────────────────────────────────────────────── */
.bm-form-list[b-5k1wyiemdw] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

/* ── Company picker autocomplete ──────────────────────────────────────── */
.bm-company-picker[b-5k1wyiemdw] {
    position: relative;
}

.bm-company-suggestions[b-5k1wyiemdw] {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    background: var(--bm-surface-modal);
    border: 1px solid var(--bm-border);
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.14);
    z-index: 100;
    max-height: 200px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.bm-company-suggestion[b-5k1wyiemdw] {
    padding: 0.5rem 0.85rem;
    text-align: left;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--bm-text-primary);
    font-size: 0.9rem;
    transition: background 0.12s ease;
}

.bm-company-suggestion:hover[b-5k1wyiemdw],
.bm-company-suggestion--active[b-5k1wyiemdw] {
    background: var(--bm-row-hover);
}

.bm-company-empty[b-5k1wyiemdw] {
    padding: 0.5rem 0.85rem;
    font-size: 0.88rem;
    color: var(--bm-text-muted);
}

/* ── Copy button ──────────────────────────────────────────────────────── */
.bm-copy-button[b-5k1wyiemdw] {
    font-size: 1rem;
    color: var(--bm-text-muted);
    text-decoration: none;
    transition: color 0.15s ease;
}

.bm-copy-button:hover[b-5k1wyiemdw] {
    color: #5468ff;
}

.bm-copy-success[b-5k1wyiemdw] {
    color: #10b981 !important;
}

/* ── Info modal cards ─────────────────────────────────────────────────── */
.bm-info-cards[b-5k1wyiemdw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.bm-info-card[b-5k1wyiemdw] {
    border: 1px solid var(--bm-border);
    border-radius: 4px;
    overflow: hidden;
}

.bm-info-card--wide[b-5k1wyiemdw] {
    width: 100%;
}

.bm-info-card__title[b-5k1wyiemdw] {
    background: var(--bm-surface-raised);
    padding: 0.55rem 1rem;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--bm-text-secondary);
    border-bottom: 1px solid var(--bm-border);
}

.bm-info-card__title--compact[b-5k1wyiemdw] {
    padding: 0.4rem 1rem;
}

.bm-info-card__body[b-5k1wyiemdw] {
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.bm-info-card__body--compact[b-5k1wyiemdw] {
    padding: 0.5rem 1rem;
    font-size: 0.88rem;
    color: var(--bm-text-primary);
}

.bm-info-row[b-5k1wyiemdw] {
    display: flex;
    gap: 0.75rem;
    align-items: baseline;
}

.bm-info-row--note[b-5k1wyiemdw] {
    align-items: flex-start;
}

.bm-info-label[b-5k1wyiemdw] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--bm-text-muted);
    min-width: 120px;
    flex-shrink: 0;
}

.bm-info-value[b-5k1wyiemdw] {
    font-size: 0.9rem;
    color: var(--bm-text-primary);
    word-break: break-all;
}

.bm-info-note[b-5k1wyiemdw] {
    font-size: 0.88rem;
    color: var(--bm-text-secondary);
    white-space: pre-wrap;
}

/* ── Telefoni u info modalu ───────────────────────────────────────────── */
.bm-info-telefoni[b-5k1wyiemdw] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.bm-info-telefon[b-5k1wyiemdw] {
    font-size: 0.88rem;
    color: var(--bm-text-primary);
}

.bm-info-telefon__label[b-5k1wyiemdw] {
    color: var(--bm-text-muted);
    margin-right: 0.35rem;
}

/* ── Generate URL modal ───────────────────────────────────────────────── */
.bm-generate-modal[b-5k1wyiemdw] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--bm-surface-modal);
    border: 1px solid var(--bm-border);
    border-radius: 4px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
    z-index: 1100;
    padding: 1.25rem 1.5rem;
    width: min(400px, 95vw);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.bm-generate-modal__title[b-5k1wyiemdw] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--bm-text-primary);
    margin: 0;
}

/* ── Btn icons ────────────────────────────────────────────────────────── */
.bm-btn-icon-save[b-5k1wyiemdw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%235468ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z'/%3E%3Cpolyline stroke='%235468ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' points='17 21 17 13 7 13 7 21'/%3E%3Cpolyline stroke='%235468ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' points='7 3 7 8 15 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0.65rem center;
    background-size: 1rem;
    padding-left: 2.2rem;
}

.bm-btn-icon-cancel[b-5k1wyiemdw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0.65rem center;
    background-size: 1rem;
    padding-left: 2.2rem;
}

.bm-btn-icon-delete[b-5k1wyiemdw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23e74c3c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M3 6h18m-2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0.65rem center;
    background-size: 1rem;
    padding-left: 2.2rem;
}

/* Dark theme se primenjuje kroz CSS varijable definisane u app.css */
/* /Components/Pages/Home.razor.rz.scp.css */
/* ================================================================
   HOME — DASHBOARD
   ================================================================ */

/* ── Stat cards grid ─────────────────────────────────────────────── */
.bm-dashboard-grid[b-0q11uwnkl2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.75rem;
    padding: 0.5rem 0;
}

/* ── Base card ───────────────────────────────────────────────────── */
.bm-dashboard-card[b-0q11uwnkl2] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem 2.2rem;
    border-radius: 22px;
    background: var(--bm-surface-raised);
    border: 1px solid var(--bm-border);
    box-shadow: 0 4px 18px rgba(102, 112, 154, 0.08);
    text-decoration: none !important;
    color: var(--bm-text-primary);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    cursor: pointer;
}

.bm-dashboard-card:hover[b-0q11uwnkl2] {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(84, 104, 255, 0.14);
    border-color: #5468ff;
    color: var(--bm-text-primary);
    text-decoration: none !important;
}

/* ── Icon ────────────────────────────────────────────────────────── */
.bm-dashboard-card__icon[b-0q11uwnkl2] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 16px;
    background: rgba(84, 104, 255, 0.1);
    color: #5468ff;
}

.bm-dashboard-card__icon svg[b-0q11uwnkl2] {
    width: 2.2rem;
    height: 2.2rem;
    fill: #5468ff;
}

/* ── Brand image (BackOffice / Cashbox) ──────────────────────────── */
.bm-dashboard-card__image[b-0q11uwnkl2] {
    height: 2.8rem;
    max-width: 160px;
    object-fit: contain;
    flex-shrink: 0;
}

html:not(.dark-theme) .bm-dashboard-card__image--dark[b-0q11uwnkl2] {
    display: none;
}

html.dark-theme .bm-dashboard-card__image--light[b-0q11uwnkl2] {
    display: none;
}

/* ── Text content ────────────────────────────────────────────────── */
.bm-dashboard-card__content[b-0q11uwnkl2] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.bm-dashboard-card__label[b-0q11uwnkl2] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--bm-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.bm-dashboard-card__value[b-0q11uwnkl2] {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--bm-text-primary);
}

/* ── Per-card accent colours ─────────────────────────────────────── */
.bm-dashboard-card--companies .bm-dashboard-card__icon[b-0q11uwnkl2] {
    background: rgba(84, 104, 255, 0.1);
    color: #5468ff;
}

.bm-dashboard-card--companies .bm-dashboard-card__icon svg[b-0q11uwnkl2] {
    fill: #5468ff;
}

.bm-dashboard-card--backoffice .bm-dashboard-card__icon[b-0q11uwnkl2] {
    background: rgba(15, 157, 108, 0.1);
}

.bm-dashboard-card--cashbox .bm-dashboard-card__icon[b-0q11uwnkl2] {
    background: rgba(245, 158, 11, 0.1);
}

/* ── Dark theme ──────────────────────────────────────────────────── */
:global(html.dark-theme) .bm-dashboard-card[b-0q11uwnkl2] {
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
}

:global(html.dark-theme) .bm-dashboard-card:hover[b-0q11uwnkl2] {
    box-shadow: 0 10px 28px rgba(84, 104, 255, 0.22);
}

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .bm-dashboard-grid[b-0q11uwnkl2] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/KompanijePage.razor.rz.scp.css */
.bm-page-shell[b-53qdmwcupj] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

/* ── Toolbar ──────────────────────────────────────────────────────── */
.bm-table-toolbar[b-53qdmwcupj] {
    flex-wrap: wrap;
}

.bm-table-toolbar-actions[b-53qdmwcupj] {
    flex-wrap: wrap;
    align-items: center;
}

/* ── Search bar ───────────────────────────────────────────────────── */
.bm-searchbar[b-53qdmwcupj] {
    position: relative;
    display: flex;
    align-items: center;
    width: 280px;
    background: var(--bm-search-bg);
    border: 1px solid var(--bm-search-border);
    border-radius: 4px;
    padding: 0 0.75rem;
    height: 2.2rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bm-searchbar:focus-within[b-53qdmwcupj] {
    border-color: #5468ff;
    box-shadow: 0 0 0 3px rgba(84, 104, 255, 0.12);
}

.bm-search-icon[b-53qdmwcupj] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23858eaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-4.35-4.35M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.bm-search-input[b-53qdmwcupj] {
    flex: 1;
    border: 0;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent;
    color: var(--bm-text-primary);
    font-size: 0.9rem;
    padding: 0 0.4rem;
}

.bm-search-input:focus[b-53qdmwcupj] {
    outline: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
}

.bm-search-input[b-53qdmwcupj]::placeholder {
    color: var(--bm-text-placeholder);
}

.bm-search-clear[b-53qdmwcupj] {
    background: none;
    border: none;
    color: #9aa3bc;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 0.1rem;
    transition: color 0.15s;
}

.bm-search-clear:hover[b-53qdmwcupj] {
    color: #e74c3c;
}

/* ── Count card ───────────────────────────────────────────────────── */
.bm-count-card[b-53qdmwcupj] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.15rem;
    background: var(--bm-surface);
    border: 1px solid var(--bm-border);
    border-radius: 8px;
    padding: 0.45rem 0.9rem;
    box-shadow: 0 1px 4px rgba(44, 55, 90, 0.06);
    min-width: 110px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bm-count-card__label[b-53qdmwcupj] {
    font-size: 0.68rem;
    color: var(--bm-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.bm-count-card__value[b-53qdmwcupj] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #5468ff;
    letter-spacing: -0.01em;
}

/* ── Table wrapper ────────────────────────────────────────────────── */
.bm-table-modern-wrapper[b-53qdmwcupj] {
    border: 1px solid var(--bm-border);
    border-radius: 8px;
    overflow: hidden;
    background: var(--bm-surface-raised);
    box-shadow: 0 2px 10px rgba(44, 55, 90, 0.07);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.bm-table-scroll[b-53qdmwcupj] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    padding: 0.5rem 0.75rem 0.75rem;
    background: var(--bm-surface-raised);
}

.bm-table-scroll[b-53qdmwcupj]::-webkit-scrollbar {
    width: 6px;
}

.bm-table-scroll[b-53qdmwcupj]::-webkit-scrollbar-track {
    background: transparent;
}

.bm-table-scroll[b-53qdmwcupj]::-webkit-scrollbar-thumb {
    background: var(--bm-scrollbar-thumb);
    border-radius: 999px;
}

/* ── Table ────────────────────────────────────────────────────────── */
.bm-table[b-53qdmwcupj] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.9rem;
    background: transparent;
}

/* Header tabela ostaje collapse */
.bm-table-header[b-53qdmwcupj] {
    border-collapse: collapse;
}

.bm-table th[b-53qdmwcupj] {
    background: var(--bm-surface-raised);
    color: var(--bm-text-secondary);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--bm-border);
    white-space: nowrap;
    user-select: none;
}

.bm-table td[b-53qdmwcupj] {
    padding: 0.75rem 1rem;
    color: var(--bm-text-primary);
    background: var(--bm-surface);
    vertical-align: middle;
    border-top: 1px solid var(--bm-border);
    border-bottom: 1px solid var(--bm-border);
}

.bm-table td:first-child[b-53qdmwcupj] {
    border-left: 1px solid var(--bm-border);
    border-radius: 6px 0 0 6px;
}

.bm-table td:last-child[b-53qdmwcupj] {
    border-right: 1px solid var(--bm-border);
    border-radius: 0 6px 6px 0;
}

.bm-table tbody tr[b-53qdmwcupj] {
    transition: box-shadow 0.13s ease, transform 0.1s ease;
    cursor: pointer;
    margin-bottom: 6px;
}

.bm-table tbody tr + tr td[b-53qdmwcupj] {
    /* razmak između redova simuliran sa margin-top na pseudo-elementu */
}

/* Razmak između redova pomoću border-spacing na tbody */
.bm-table-scroll .bm-table[b-53qdmwcupj] {
    border-spacing: 0 6px;
}

.bm-table tbody tr:hover td[b-53qdmwcupj] {
    background: var(--bm-row-hover);
    border-color: #c7ceff;
}

.bm-table tbody tr:hover[b-53qdmwcupj] {
    box-shadow: 0 2px 10px rgba(84, 104, 255, 0.10);
}

.bm-row-selected td[b-53qdmwcupj] {
    background: var(--bm-row-selected) !important;
    border-color: #5468ff !important;
}

.bm-sortable[b-53qdmwcupj] {
    cursor: pointer;
}

.bm-sortable:hover[b-53qdmwcupj] {
    color: var(--bm-sortable-hover);
}

.bm-sort-indicator[b-53qdmwcupj] {
    font-size: 0.7rem;
    margin-left: 0.25rem;
    color: #5468ff;
}

/* Sticky header table */
.bm-table-header th[b-53qdmwcupj] {
    position: sticky;
    top: 0;
    z-index: 1;
}

/* ── Action buttons ───────────────────────────────────────────────── */
.bm-actions-cell[b-53qdmwcupj] {
    white-space: nowrap;
}

.bm-icon-btn[b-53qdmwcupj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid transparent;
    background: none;
    cursor: pointer;
    transition: background 0.14s ease, border-color 0.14s ease;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
}

.bm-icon-btn--edit[b-53qdmwcupj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%235468ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath stroke='%235468ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5Z'/%3E%3C/svg%3E");
}

.bm-icon-btn--edit:hover[b-53qdmwcupj] {
    background-color: #eef1ff;
    border-color: #c7ceff;
}

.bm-icon-btn--delete[b-53qdmwcupj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23e74c3c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M3 6h18m-2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
}

.bm-icon-btn--delete:hover[b-53qdmwcupj] {
    background-color: #fff0ef;
    border-color: #ffc5c1;
}

/* ── Add button ───────────────────────────────────────────────────── */
.bm-btn-icon-add[b-53qdmwcupj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0.65rem center;
    background-size: 1rem;
    padding-left: 2.2rem;
}

.bm-btn-icon-save[b-53qdmwcupj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%235468ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z'/%3E%3Cpolyline stroke='%235468ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' points='17 21 17 13 7 13 7 21'/%3E%3Cpolyline stroke='%235468ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' points='7 3 7 8 15 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0.65rem center;
    background-size: 1rem;
    padding-left: 2.2rem;
}

.bm-btn-icon-cancel[b-53qdmwcupj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0.65rem center;
    background-size: 1rem;
    padding-left: 2.2rem;
}

.bm-btn-icon-delete[b-53qdmwcupj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23e74c3c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M3 6h18m-2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0.65rem center;
    background-size: 1rem;
    padding-left: 2.2rem;
}

/* ── Skeleton loader ──────────────────────────────────────────────── */
.bm-skeleton-table[b-53qdmwcupj] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.5rem 0;
}

.bm-skeleton-row[b-53qdmwcupj] {
    display: flex;
    gap: 1rem;
}

.bm-skeleton-block[b-53qdmwcupj] {
    flex: 1;
    height: 1.2rem;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--bm-skeleton-from) 25%, var(--bm-skeleton-to) 50%, var(--bm-skeleton-from) 75%);
    background-size: 200% 100%;
    animation: bm-shimmer-b-53qdmwcupj 1.4s infinite;
}

@keyframes bm-shimmer-b-53qdmwcupj {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── Modal ────────────────────────────────────────────────────────── */
.bm-modal-backdrop[b-53qdmwcupj] {
    position: fixed;
    inset: 0;
    background: rgba(10, 18, 38, 0.55);
    backdrop-filter: blur(3px);
    z-index: 1000;
    animation: bm-fade-in-b-53qdmwcupj 0.15s ease;
}

@keyframes bm-fade-in-b-53qdmwcupj {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes bm-slide-in-b-53qdmwcupj {
    from { opacity: 0; transform: translate(-50%, -48%); }
    to   { opacity: 1; transform: translate(-50%, -50%); }
}

.bm-modal[b-53qdmwcupj] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--bm-surface-modal);
    border: 1px solid var(--bm-border);
    border-radius: 12px;
    box-shadow: 0 32px 80px rgba(10, 18, 38, 0.28), 0 2px 8px rgba(10, 18, 38, 0.12);
    z-index: 1001;
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    overflow: hidden;
    animation: bm-slide-in-b-53qdmwcupj 0.18s ease;
}

.bm-modal--medium[b-53qdmwcupj] {
    width: min(560px, 95vw);
}

.bm-modal--small[b-53qdmwcupj] {
    width: min(420px, 95vw);
}

.bm-modal__header[b-53qdmwcupj] {
    padding: 1.25rem 1.5rem 1rem;
    border-bottom: 1px solid var(--bm-border);
    background: var(--bm-surface-raised);
    border-radius: 12px 12px 0 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.bm-modal__header h5[b-53qdmwcupj] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--bm-text-primary);
    letter-spacing: -0.01em;
}

.bm-modal__body[b-53qdmwcupj] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.bm-modal__footer[b-53qdmwcupj] {
    display: flex;
    gap: 0.6rem;
    justify-content: flex-end;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--bm-border);
    background: var(--bm-surface-raised);
    border-radius: 0 0 12px 12px;
}

/* ── Form grid ────────────────────────────────────────────────────── */
.bm-form-grid[b-53qdmwcupj] {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 0.65rem 1rem;
    align-items: center;
}

.bm-label[b-53qdmwcupj] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--bm-text-secondary);
    text-align: right;
    padding-right: 0.25rem;
}

/* form-control i form-select unutar modala prate temu */
.bm-modal .form-control[b-53qdmwcupj],
.bm-modal .form-select[b-53qdmwcupj] {
    background: var(--bm-surface);
    border-color: var(--bm-border);
    color: var(--bm-text-primary);
    border-radius: 6px;
    font-size: 0.9rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bm-modal .form-control:focus[b-53qdmwcupj],
.bm-modal .form-select:focus[b-53qdmwcupj] {
    border-color: #5468ff;
    box-shadow: 0 0 0 3px rgba(84, 104, 255, 0.14);
    background: var(--bm-surface);
    color: var(--bm-text-primary);
}

.bm-modal .form-control:disabled[b-53qdmwcupj],
.bm-modal .form-select:disabled[b-53qdmwcupj] {
    background: var(--bm-surface-raised);
    color: var(--bm-text-muted);
    border-color: var(--bm-border-subtle);
    cursor: not-allowed;
}

.bm-modal .form-control[b-53qdmwcupj]::placeholder {
    color: var(--bm-text-placeholder);
}

.bm-modal .input-group .form-control[b-53qdmwcupj] {
    border-right: 0;
}

.bm-modal .input-group .btn[b-53qdmwcupj] {
    border-color: var(--bm-border);
    color: var(--bm-text-secondary);
    background: var(--bm-surface-raised);
    transition: background 0.14s ease, color 0.14s ease;
}

.bm-modal .input-group .btn:hover[b-53qdmwcupj] {
    background: var(--bm-row-hover);
    color: var(--bm-text-primary);
    border-color: #5468ff;
}

/* ── Delete confirm ───────────────────────────────────────────────── */
.bm-delete-confirm[b-53qdmwcupj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.bm-delete-confirm p[b-53qdmwcupj] {
    margin: 0;
    color: var(--bm-text-primary);
}

.bm-delete-confirm strong[b-53qdmwcupj] {
    color: #e74c3c;
}

/* Dark theme se primenjuje kroz CSS varijable definisane u app.css */
/* /Components/Pages/KorisniciPage.razor.rz.scp.css */
/* ── Toolbar ──────────────────────────────────────────────────────────── */
.bm-table-toolbar[b-ga59ojrf8v] {
    flex-wrap: wrap;
}

.bm-table-toolbar-actions[b-ga59ojrf8v] {
    flex-wrap: wrap;
    align-items: center;
}

/* ── Search bar ───────────────────────────────────────────────────────── */
.bm-searchbar[b-ga59ojrf8v] {
    position: relative;
    display: flex;
    align-items: center;
    width: 320px;
    background: var(--bm-search-bg);
    border: 1px solid var(--bm-search-border);
    border-radius: 4px;
    padding: 0 0.75rem;
    height: 2.2rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bm-searchbar:focus-within[b-ga59ojrf8v] {
    border-color: #5468ff;
    box-shadow: 0 0 0 3px rgba(84, 104, 255, 0.12);
}

.bm-search-icon[b-ga59ojrf8v] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23858eaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-4.35-4.35M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.bm-search-input[b-ga59ojrf8v] {
    flex: 1;
    border: 0;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent;
    color: var(--bm-text-primary);
    font-size: 0.9rem;
    padding: 0 0.4rem;
}

 .bm-search-input:focus[b-ga59ojrf8v] {
    outline: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
}

.bm-search-input[b-ga59ojrf8v]::placeholder {
    color: var(--bm-text-placeholder);
}

.bm-search-clear[b-ga59ojrf8v] {
    background: none;
    border: none;
    color: #9aa3bc;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 0.1rem;
    transition: color 0.15s;
}

.bm-search-clear:hover[b-ga59ojrf8v] {
    color: #e74c3c;
}

/* ── Count card ───────────────────────────────────────────────────────── */
.bm-count-card[b-ga59ojrf8v] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.15rem;
    background: var(--bm-surface);
    border: 1px solid var(--bm-border);
    border-radius: 8px;
    padding: 0.45rem 0.9rem;
    box-shadow: 0 1px 4px rgba(44, 55, 90, 0.06);
    min-width: 110px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bm-count-card__label[b-ga59ojrf8v] {
    font-size: 0.68rem;
    color: var(--bm-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.bm-count-card__value[b-ga59ojrf8v] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #5468ff;
    letter-spacing: -0.01em;
}

/* ── Table wrapper ────────────────────────────────────────────────────── */
.bm-table-modern-wrapper[b-ga59ojrf8v] {
    border: 1px solid var(--bm-border);
    border-radius: 8px;
    overflow: hidden;
    background: var(--bm-surface-raised);
    box-shadow: 0 2px 10px rgba(44, 55, 90, 0.07);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.bm-table-scroll[b-ga59ojrf8v] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    padding: 0.5rem 0.75rem 0.75rem;
    background: var(--bm-surface-raised);
}

.bm-table-scroll[b-ga59ojrf8v]::-webkit-scrollbar {
    width: 6px;
}

.bm-table-scroll[b-ga59ojrf8v]::-webkit-scrollbar-track {
    background: transparent;
}

.bm-table-scroll[b-ga59ojrf8v]::-webkit-scrollbar-thumb {
    background: var(--bm-scrollbar-thumb);
    border-radius: 999px;
}

/* ── Table ────────────────────────────────────────────────────────────── */
.bm-table[b-ga59ojrf8v] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.9rem;
    background: transparent;
}

.bm-table-header[b-ga59ojrf8v] {
    border-collapse: collapse;
}

.bm-table-scroll .bm-table[b-ga59ojrf8v] {
    border-spacing: 0 6px;
}

.bm-table th[b-ga59ojrf8v] {
    background: var(--bm-surface-raised);
    color: var(--bm-text-secondary);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--bm-border);
    white-space: nowrap;
    user-select: none;
}

.bm-table td[b-ga59ojrf8v] {
    padding: 0.75rem 1rem;
    color: var(--bm-text-primary);
    background: var(--bm-surface);
    vertical-align: middle;
    border-top: 1px solid var(--bm-border);
    border-bottom: 1px solid var(--bm-border);
}

.bm-table td:first-child[b-ga59ojrf8v] {
    border-left: 1px solid var(--bm-border);
    border-radius: 6px 0 0 6px;
}

.bm-table td:last-child[b-ga59ojrf8v] {
    border-right: 1px solid var(--bm-border);
    border-radius: 0 6px 6px 0;
}

.bm-table tbody tr[b-ga59ojrf8v] {
    transition: box-shadow 0.13s ease;
    cursor: pointer;
}

.bm-table tbody tr:hover td[b-ga59ojrf8v] {
    background: var(--bm-row-hover);
    border-color: #c7ceff;
}

.bm-table tbody tr:hover[b-ga59ojrf8v] {
    box-shadow: 0 2px 10px rgba(84, 104, 255, 0.10);
}

.bm-row-selected td[b-ga59ojrf8v] {
    background: var(--bm-row-selected) !important;
    border-color: #5468ff !important;
}

/* Sticky header table */
.bm-table-header th[b-ga59ojrf8v] {
    position: sticky;
    top: 0;
    z-index: 1;
}

/* ── Status kolone ────────────────────────────────────────────────────── */
.bm-status-col[b-ga59ojrf8v] {
    white-space: nowrap;
}

.bm-status-cell[b-ga59ojrf8v] {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.bm-status-checkbox[b-ga59ojrf8v] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    cursor: default;
    user-select: none;
}

.bm-display-checkbox[b-ga59ojrf8v] {
    pointer-events: none;
    accent-color: #5468ff;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.bm-status-text[b-ga59ojrf8v] {
    font-size: 0.85rem;
    color: var(--bm-text-secondary);
}

.bm-field-checkbox[b-ga59ojrf8v] {
    display: flex;
    align-items: center;
}

/* ── Action buttons ───────────────────────────────────────────────────── */
.bm-actions-cell[b-ga59ojrf8v] {
    white-space: nowrap;
}

.bm-icon-btn[b-ga59ojrf8v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid transparent;
    background: none;
    cursor: pointer;
    transition: background 0.14s ease, border-color 0.14s ease;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
}

.bm-icon-btn--edit[b-ga59ojrf8v] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%235468ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath stroke='%235468ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5Z'/%3E%3C/svg%3E");
}

.bm-icon-btn--edit:hover[b-ga59ojrf8v] {
    background-color: #eef1ff;
    border-color: #c7ceff;
}

.bm-icon-btn--config[b-ga59ojrf8v] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%2310b981' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath stroke='%2310b981' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z'/%3E%3C/svg%3E");
}

.bm-icon-btn--config:hover[b-ga59ojrf8v] {
    background-color: #ecfdf5;
    border-color: #a7f3d0;
}

.bm-icon-btn--delete[b-ga59ojrf8v] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23e74c3c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M3 6h18m-2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
}

.bm-icon-btn--delete:hover[b-ga59ojrf8v] {
    background-color: #fff0ef;
    border-color: #ffc5c1;
}

/* ── Skeleton loader ──────────────────────────────────────────────────── */
.bm-skeleton-table[b-ga59ojrf8v] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.5rem 0;
}

.bm-skeleton-row[b-ga59ojrf8v] {
    display: flex;
    gap: 1rem;
}

.bm-skeleton-block[b-ga59ojrf8v] {
    flex: 1;
    height: 1.2rem;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--bm-skeleton-from) 25%, var(--bm-skeleton-to) 50%, var(--bm-skeleton-from) 75%);
    background-size: 200% 100%;
    animation: bm-shimmer-b-ga59ojrf8v 1.4s infinite;
}

@keyframes bm-shimmer-b-ga59ojrf8v {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── Modal ────────────────────────────────────────────────────────────── */
.bm-modal-backdrop[b-ga59ojrf8v] {
    position: fixed;
    inset: 0;
    background: rgba(10, 18, 38, 0.55);
    backdrop-filter: blur(3px);
    z-index: 1000;
    animation: bm-fade-in-b-ga59ojrf8v 0.15s ease;
}

@keyframes bm-fade-in-b-ga59ojrf8v {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes bm-slide-in-b-ga59ojrf8v {
    from { opacity: 0; transform: translate(-50%, -48%); }
    to   { opacity: 1; transform: translate(-50%, -50%); }
}

.bm-modal[b-ga59ojrf8v] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--bm-surface-modal);
    border: 1px solid var(--bm-border);
    border-radius: 12px;
    box-shadow: 0 32px 80px rgba(10, 18, 38, 0.28), 0 2px 8px rgba(10, 18, 38, 0.12);
    z-index: 1001;
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    overflow: hidden;
    animation: bm-slide-in-b-ga59ojrf8v 0.18s ease;
}

.bm-modal--medium[b-ga59ojrf8v] {
    width: min(560px, 95vw);
}

.bm-modal--small[b-ga59ojrf8v] {
    width: min(420px, 95vw);
}

.bm-modal--tall[b-ga59ojrf8v] {
    max-height: 80vh;
}

.bm-modal__header[b-ga59ojrf8v] {
    padding: 1.25rem 1.5rem 1rem;
    border-bottom: 1px solid var(--bm-border);
    background: var(--bm-surface-raised);
    border-radius: 12px 12px 0 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.bm-modal__header h5[b-ga59ojrf8v] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--bm-text-primary);
    letter-spacing: -0.01em;
}

.bm-modal__body[b-ga59ojrf8v] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.bm-modal__footer[b-ga59ojrf8v] {
    display: flex;
    gap: 0.6rem;
    justify-content: flex-end;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--bm-border);
    background: var(--bm-surface-raised);
    border-radius: 0 0 12px 12px;
}

/* ── Form grid ────────────────────────────────────────────────────────── */
.bm-form-grid[b-ga59ojrf8v] {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 0.65rem 1rem;
    align-items: center;
}

.bm-label[b-ga59ojrf8v] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--bm-text-secondary);
    text-align: right;
    padding-right: 0.25rem;
}

.bm-modal .form-control[b-ga59ojrf8v],
.bm-modal .form-select[b-ga59ojrf8v] {
    background: var(--bm-surface);
    border-color: var(--bm-border);
    color: var(--bm-text-primary);
    border-radius: 6px;
    font-size: 0.9rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bm-modal .form-control:focus[b-ga59ojrf8v],
.bm-modal .form-select:focus[b-ga59ojrf8v] {
    border-color: #5468ff;
    box-shadow: 0 0 0 3px rgba(84, 104, 255, 0.14);
    background: var(--bm-surface);
    color: var(--bm-text-primary);
}

.bm-modal .form-control:disabled[b-ga59ojrf8v],
.bm-modal .form-select:disabled[b-ga59ojrf8v] {
    background: var(--bm-surface-raised);
    color: var(--bm-text-muted);
    border-color: var(--bm-border-subtle);
    cursor: not-allowed;
}

.bm-modal .form-control[b-ga59ojrf8v]::placeholder {
    color: var(--bm-text-placeholder);
}

.bm-modal .input-group .form-control[b-ga59ojrf8v] {
    border-right: 0;
}

.bm-modal .input-group .btn[b-ga59ojrf8v] {
    border-color: var(--bm-border);
    color: var(--bm-text-secondary);
    background: var(--bm-surface-raised);
    transition: background 0.14s ease, color 0.14s ease;
}

.bm-modal .input-group .btn:hover[b-ga59ojrf8v] {
    background: var(--bm-row-hover);
    color: var(--bm-text-primary);
    border-color: #5468ff;
}

/* ── Role checkboxes
.bm-role-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.bm-role-item {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    border: 1px solid var(--bm-border);
    background: var(--bm-surface-raised);
    cursor: pointer;
    transition: border-color 0.14s ease, background 0.14s ease;
}

.bm-role-item:hover {
    border-color: #5468ff;
}

.bm-role-item input[type="checkbox"] {
    accent-color: #5468ff;
    width: 1rem;
    height: 1rem;
}

.bm-role-item span {
    font-size: 0.9rem;
    color: var(--bm-text-primary);
}

/* ── Btn icons ────────────────────────────────────────────────────────── */
.bm-btn-icon-save[b-ga59ojrf8v] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%235468ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z'/%3E%3Cpolyline stroke='%235468ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' points='17 21 17 13 7 13 7 21'/%3E%3Cpolyline stroke='%235468ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' points='7 3 7 8 15 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0.65rem center;
    background-size: 1rem;
    padding-left: 2.2rem;
}

.bm-btn-icon-cancel[b-ga59ojrf8v] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0.65rem center;
    background-size: 1rem;
    padding-left: 2.2rem;
}

.bm-btn-icon-delete[b-ga59ojrf8v] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23e74c3c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M3 6h18m-2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0.65rem center;
    background-size: 1rem;
    padding-left: 2.2rem;
}

/* Dark theme se primenjuje kroz CSS varijable definisane u app.css */
/* /Components/Pages/Login.razor.rz.scp.css */
/* ================================================================
   LOGIN CARD
   ================================================================ */

.login-card[b-c4dsvjd2m5] {
    background: var(--bm-surface-modal, #ffffff);
    border: 1px solid var(--bm-border, #e8edf5);
    border-radius: 20px;
    box-shadow: 0 24px 60px rgba(10, 18, 50, 0.18);
    padding: 2.2rem 2.2rem 2rem;
    color: var(--bm-text-primary, #2f3d63);
    box-sizing: border-box;
    width: 100%;
}

/* ── Header ──────────────────────────────────────────────────────── */
.login-card__header[b-c4dsvjd2m5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 1.8rem;
}

.login-card__logo[b-c4dsvjd2m5] {
    height: 52px;
    width: auto;
    max-width: 180px;
    margin-bottom: 1rem;
    object-fit: contain;
}

.login-card__header h4[b-c4dsvjd2m5] {
    margin: 0 0 0.3rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--bm-text-primary, #2f3d63);
}

.login-card__header p[b-c4dsvjd2m5] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--bm-text-secondary, #6b7494);
}

/* ── Alert ───────────────────────────────────────────────────────── */
.login-alert[b-c4dsvjd2m5] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    background: rgba(229, 0, 0, 0.07);
    border: 1px solid rgba(229, 0, 0, 0.18);
    color: #c0392b;
    font-size: 0.9rem;
    margin-bottom: 1.2rem;
}

.login-alert__icon[b-c4dsvjd2m5] {
    flex-shrink: 0;
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 0.1rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23c0392b' stroke-width='1.8'/%3E%3Cpath d='M12 8v4m0 4h.01' stroke='%23c0392b' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ── Resend ──────────────────────────────────────────────────────── */
.login-resend[b-c4dsvjd2m5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--bm-text-secondary, #6b7494);
    margin-bottom: 1rem;
}

.login-resend__btn[b-c4dsvjd2m5] {
    background: none;
    border: none;
    padding: 0;
    font-size: 0.85rem;
    font-weight: 600;
    color: #5468ff;
    cursor: pointer;
    text-decoration: underline;
}

.login-resend__btn:disabled[b-c4dsvjd2m5] {
    opacity: 0.6;
    cursor: not-allowed;
}

.login-resend__ok[b-c4dsvjd2m5]  { color: #0f9d6c; font-size: 0.83rem; width: 100%; }
.login-resend__err[b-c4dsvjd2m5] { color: #c0392b; font-size: 0.83rem; width: 100%; }

/* ── Fields ──────────────────────────────────────────────────────── */
.login-field[b-c4dsvjd2m5] {
    margin-bottom: 1.1rem;
    width: 100%;
}

.login-label[b-c4dsvjd2m5] {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--bm-text-secondary, #6b7494);
    margin-bottom: 0.4rem;
    letter-spacing: 0.02em;
}

.login-input-wrap[b-c4dsvjd2m5] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.login-input-icon[b-c4dsvjd2m5] {
    position: absolute;
    left: 0.9rem;
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
    pointer-events: none;
    opacity: 0.55;
    z-index: 1;
}

.login-input-icon--email[b-c4dsvjd2m5] {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='2' y='4' width='20' height='16' rx='2' stroke='%235468ff' stroke-width='1.8'/%3E%3Cpath d='m2 7 10 7 10-7' stroke='%235468ff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
}

.login-input-icon--lock[b-c4dsvjd2m5] {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='5' y='11' width='14' height='10' rx='2' stroke='%235468ff' stroke-width='1.8'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4' stroke='%235468ff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
}





/* InputText is a Blazor child component — needs ::deep to pierce scope */
[b-c4dsvjd2m5] 

::deep 

::deep 



/* ── Eye toggle ──────────────────────────────────────────────────── */
.login-eye {
    position: absolute;
    right: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background: none;
    border: none;
    border-radius: 6px;
    color: var(--bm-text-muted, #8c93b3);
    cursor: pointer;
    padding: 0;
    transition: color 0.15s ease, background 0.15s ease;
}

.login-eye:hover[b-c4dsvjd2m5] {
    color: #5468ff;
    background: rgba(84, 104, 255, 0.08);
}

.login-eye svg[b-c4dsvjd2m5] {
    width: 1.15rem;
    height: 1.15rem;
    display: block;
}

/* ── Submit button ───────────────────────────────────────────────── */
.login-btn[b-c4dsvjd2m5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    height: 2.75rem;
    margin-top: 0.4rem;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #5468ff 0%, #3d50e8 100%);
    color: #fff;
    font-size: 0.97rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: opacity 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
    box-shadow: 0 4px 14px rgba(84, 104, 255, 0.32);
}

.login-btn:hover:not(:disabled)[b-c4dsvjd2m5] {
    opacity: 0.92;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(84, 104, 255, 0.4);
}

.login-btn:disabled[b-c4dsvjd2m5] {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

/* ── Spinner ─────────────────────────────────────────────────────── */
.login-btn__spinner[b-c4dsvjd2m5] {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255,255,255,0.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: login-spin-b-c4dsvjd2m5 0.7s linear infinite;
    flex-shrink: 0;
}

@keyframes login-spin-b-c4dsvjd2m5 {
    to { transform: rotate(360deg); }
}

/* ── Footer ──────────────────────────────────────────────────────── */
.login-card__footer[b-c4dsvjd2m5] {
    margin-top: 1.4rem;
    text-align: center;
    font-size: 0.88rem;
    color: var(--bm-text-secondary, #6b7494);
}

.login-link[b-c4dsvjd2m5] {
    margin-left: 0.3rem;
    color: #5468ff;
    font-weight: 700;
    text-decoration: none;
}

.login-link:hover[b-c4dsvjd2m5] {
    text-decoration: underline;
}

/* ── Dark theme ──────────────────────────────────────────────────── */
:global(html.dark-theme) .login-card[b-c4dsvjd2m5] {
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

:global(html.dark-theme) .login-alert[b-c4dsvjd2m5] {
    background: rgba(229, 0, 0, 0.12);
    border-color: rgba(229, 0, 0, 0.25);
}
.login-input-icon--user[b-c4dsvjd2m5] {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='8' r='4' stroke='%235468ff' stroke-width='1.8'/%3E%3Cpath d='M4 20c0-4 3.582-7 8-7s8 3 8 7' stroke='%235468ff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
/* /Components/Pages/Register.razor.rz.scp.css */
/* ================================================================
   LOGIN CARD
   ================================================================ */

.login-card[b-qqqfp2kxec] {
    background: var(--bm-surface-modal, #ffffff);
    border: 1px solid var(--bm-border, #e8edf5);
    border-radius: 20px;
    box-shadow: 0 24px 60px rgba(10, 18, 50, 0.18);
    padding: 2.2rem 2.2rem 2rem;
    color: var(--bm-text-primary, #2f3d63);
    box-sizing: border-box;
    width: 100%;
}

/* ── Header ──────────────────────────────────────────────────────── */
.login-card__header[b-qqqfp2kxec] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 1.8rem;
}

.login-card__logo[b-qqqfp2kxec] {
    height: 52px;
    width: auto;
    max-width: 180px;
    margin-bottom: 1rem;
    object-fit: contain;
}

.login-card__header h4[b-qqqfp2kxec] {
    margin: 0 0 0.3rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--bm-text-primary, #2f3d63);
}

.login-card__header p[b-qqqfp2kxec] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--bm-text-secondary, #6b7494);
}

/* ── Alert ───────────────────────────────────────────────────────── */
.login-alert[b-qqqfp2kxec] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    background: rgba(229, 0, 0, 0.07);
    border: 1px solid rgba(229, 0, 0, 0.18);
    color: #c0392b;
    font-size: 0.9rem;
    margin-bottom: 1.2rem;
}

.login-alert__icon[b-qqqfp2kxec] {
    flex-shrink: 0;
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 0.1rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23c0392b' stroke-width='1.8'/%3E%3Cpath d='M12 8v4m0 4h.01' stroke='%23c0392b' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ── Resend ──────────────────────────────────────────────────────── */
.login-resend[b-qqqfp2kxec] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--bm-text-secondary, #6b7494);
    margin-bottom: 1rem;
}

.login-resend__btn[b-qqqfp2kxec] {
    background: none;
    border: none;
    padding: 0;
    font-size: 0.85rem;
    font-weight: 600;
    color: #5468ff;
    cursor: pointer;
    text-decoration: underline;
}

.login-resend__btn:disabled[b-qqqfp2kxec] {
    opacity: 0.6;
    cursor: not-allowed;
}

.login-resend__ok[b-qqqfp2kxec]  { color: #0f9d6c; font-size: 0.83rem; width: 100%; }
.login-resend__err[b-qqqfp2kxec] { color: #c0392b; font-size: 0.83rem; width: 100%; }

/* ── Fields ──────────────────────────────────────────────────────── */
.login-field[b-qqqfp2kxec] {
    margin-bottom: 1.1rem;
    width: 100%;
}

.login-label[b-qqqfp2kxec] {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--bm-text-secondary, #6b7494);
    margin-bottom: 0.4rem;
    letter-spacing: 0.02em;
}

.login-input-wrap[b-qqqfp2kxec] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.login-input-icon[b-qqqfp2kxec] {
    position: absolute;
    left: 0.9rem;
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
    pointer-events: none;
    opacity: 0.55;
    z-index: 1;
}

.login-input-icon--email[b-qqqfp2kxec] {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='2' y='4' width='20' height='16' rx='2' stroke='%235468ff' stroke-width='1.8'/%3E%3Cpath d='m2 7 10 7 10-7' stroke='%235468ff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
}

.login-input-icon--lock[b-qqqfp2kxec] {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='5' y='11' width='14' height='10' rx='2' stroke='%235468ff' stroke-width='1.8'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4' stroke='%235468ff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
}





/* InputText is a Blazor child component — needs ::deep to pierce scope */
[b-qqqfp2kxec] 

::deep 

::deep 



/* ── Eye toggle ──────────────────────────────────────────────────── */
.login-eye {
    position: absolute;
    right: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background: none;
    border: none;
    border-radius: 6px;
    color: var(--bm-text-muted, #8c93b3);
    cursor: pointer;
    padding: 0;
    transition: color 0.15s ease, background 0.15s ease;
}

.login-eye:hover[b-qqqfp2kxec] {
    color: #5468ff;
    background: rgba(84, 104, 255, 0.08);
}

.login-eye svg[b-qqqfp2kxec] {
    width: 1.15rem;
    height: 1.15rem;
    display: block;
}

/* ── Submit button ───────────────────────────────────────────────── */
.login-btn[b-qqqfp2kxec] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    height: 2.75rem;
    margin-top: 0.4rem;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #5468ff 0%, #3d50e8 100%);
    color: #fff;
    font-size: 0.97rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: opacity 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
    box-shadow: 0 4px 14px rgba(84, 104, 255, 0.32);
}

.login-btn:hover:not(:disabled)[b-qqqfp2kxec] {
    opacity: 0.92;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(84, 104, 255, 0.4);
}

.login-btn:disabled[b-qqqfp2kxec] {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

/* ── Spinner ─────────────────────────────────────────────────────── */
.login-btn__spinner[b-qqqfp2kxec] {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255,255,255,0.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: login-spin-b-qqqfp2kxec 0.7s linear infinite;
    flex-shrink: 0;
}

@keyframes login-spin-b-qqqfp2kxec {
    to { transform: rotate(360deg); }
}

/* ── Footer ──────────────────────────────────────────────────────── */
.login-card__footer[b-qqqfp2kxec] {
    margin-top: 1.4rem;
    text-align: center;
    font-size: 0.88rem;
    color: var(--bm-text-secondary, #6b7494);
}

.login-link[b-qqqfp2kxec] {
    margin-left: 0.3rem;
    color: #5468ff;
    font-weight: 700;
    text-decoration: none;
}

.login-link:hover[b-qqqfp2kxec] {
    text-decoration: underline;
}

/* ── Dark theme ──────────────────────────────────────────────────── */
:global(html.dark-theme) .login-card[b-qqqfp2kxec] {
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

:global(html.dark-theme) .login-alert[b-qqqfp2kxec] {
    background: rgba(229, 0, 0, 0.12);
    border-color: rgba(229, 0, 0, 0.25);
}
.login-input-icon--user[b-qqqfp2kxec] {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='8' r='4' stroke='%235468ff' stroke-width='1.8'/%3E%3Cpath d='M4 20c0-4 3.582-7 8-7s8 3 8 7' stroke='%235468ff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
/* /Components/Pages/RegisterConfirmation.razor.rz.scp.css */
.login-card[b-30wkgds37k] {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
    padding: 32px 36px 36px;
    color: #0b2b42;
}

.login-card__header h2[b-30wkgds37k] {
    margin: 0;
    font-weight: 600;
    font-size: 28px;
}

.login-card p[b-30wkgds37k] {
    color: #3b4a57;
    font-weight: 500;
    margin: 6px 0;
}