@import '_content/WIZBIT.AI.WEZEE/WIZBIT.AI.WEZEE.no75q6ydmy.bundle.scp.css';
@import '_content/WIZBIT.AI/WIZBIT.AI.gq7k8xauuk.bundle.scp.css';
@import '_content/WIZBIT.CRM/WIZBIT.CRM.k7plyopd3m.bundle.scp.css';
@import '_content/WIZBIT.Inventory/WIZBIT.Inventory.pwor4o7bq2.bundle.scp.css';
@import '_content/WIZBIT.Restaurant/WIZBIT.Restaurant.8p20gnri35.bundle.scp.css';
@import '_content/WIZBIT.ShopFloor/WIZBIT.ShopFloor.w865yzfw9d.bundle.scp.css';

/* /Components/Layout/AdministrationLayout.razor.rz.scp.css */
/* ------------------------------------------------------------------
   Administration shell
   Sidebar links are rendered by <NavLink>, a component, so they do not
   carry this file's scope attribute. Every rule that targets .admin-link
   (or anything inside it) therefore goes through ::deep.
   ------------------------------------------------------------------ */

.admin-shell[b-be4bouawgq] {
    --admin-bg-panel: rgba(12, 3, 28, 0.78);
    --admin-border: rgba(255, 255, 255, 0.08);
    --admin-text: #d9dbe8;
    --admin-text-muted: #8f93ab;
    --admin-accent-a: #6d2ad6;
    --admin-accent-b: #3b82f6;
    --admin-accent-glow: rgba(109, 42, 214, 0.45);
    --admin-sidebar-w: 264px;
    --admin-rail-w: 76px;
    --admin-topbar-h: 62px;

    display: flex;
    flex-direction: column;
    min-height: 100vh;
    color: inherit;
    font-family: "Segoe UI", Inter, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

.admin-toggle-state[b-be4bouawgq] {
    display: none;
}

/* ---------- Top bar ---------- */

.admin-topbar[b-be4bouawgq] {
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    gap: 0.9rem;
    height: var(--admin-topbar-h);
    padding: 0 1.1rem;
    background: var(--admin-bg-panel);
    border-bottom: 1px solid var(--admin-border);
    color: #fff;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.admin-hamburger[b-be4bouawgq] {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    width: 38px;
    height: 38px;
    padding: 9px;
    border-radius: 9px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

    .admin-hamburger span[b-be4bouawgq] {
        display: block;
        height: 2px;
        width: 100%;
        background: #fff;
        border-radius: 2px;
        transition: transform 0.2s ease, opacity 0.2s ease, width 0.2s ease;
        transform-origin: left center;
    }

    .admin-hamburger:hover[b-be4bouawgq] {
        background: rgba(255, 255, 255, 0.1);
    }

.admin-brand[b-be4bouawgq] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    color: #fff;
    text-decoration: none;
}

.admin-brand-logo[b-be4bouawgq] {
    width: 34px;
    height: 34px;
    object-fit: contain;
    filter: drop-shadow(0 2px 8px rgba(211, 139, 255, 0.35));
}

.admin-brand-text[b-be4bouawgq] {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
}

.admin-brand-name[b-be4bouawgq] {
    font-weight: 700;
    font-size: 1.05rem;
    letter-spacing: 0.01em;
}

.admin-brand-sub[b-be4bouawgq] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    background: linear-gradient(90deg, #d38bff, #7cb3ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.admin-topbar-right[b-be4bouawgq] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.admin-site-link[b-be4bouawgq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.42rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    color: var(--admin-text);
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

    .admin-site-link svg[b-be4bouawgq] {
        width: 15px;
        height: 15px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .admin-site-link:hover[b-be4bouawgq] {
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.3);
        color: #fff;
    }

/* ---------- User menu ---------- */

.admin-user[b-be4bouawgq] {
    position: relative;
}

.admin-user-trigger[b-be4bouawgq] {
    list-style: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border-radius: 50%;
    transition: box-shadow 0.15s ease;
}

    .admin-user-trigger[b-be4bouawgq]::-webkit-details-marker {
        display: none;
    }

    .admin-user-trigger:hover[b-be4bouawgq],
    .admin-user[open] > .admin-user-trigger[b-be4bouawgq] {
        box-shadow: 0 0 0 3px rgba(124, 179, 255, 0.35);
    }

.admin-avatar[b-be4bouawgq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--admin-accent-a), var(--admin-accent-b));
    color: #fff;
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.03em;
    user-select: none;
    flex: 0 0 auto;
}

    .admin-avatar.lg[b-be4bouawgq] {
        width: 44px;
        height: 44px;
        font-size: 0.95rem;
    }

    .admin-avatar.sm[b-be4bouawgq] {
        width: 30px;
        height: 30px;
        font-size: 0.68rem;
    }

.admin-user-dropdown[b-be4bouawgq] {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    width: 280px;
    background: #fff;
    color: #1f2330;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.4);
    padding: 0.5rem;
    z-index: 1000;
    animation: admin-pop-b-be4bouawgq 0.14s ease-out;
}

@keyframes admin-pop-b-be4bouawgq {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.admin-user-header[b-be4bouawgq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.5rem 0.8rem;
    border-bottom: 1px solid #eef0f3;
    margin-bottom: 0.4rem;
}

.admin-user-id[b-be4bouawgq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.admin-user-name[b-be4bouawgq] {
    font-weight: 600;
    font-size: 0.95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-user-access[b-be4bouawgq] {
    font-size: 0.78rem;
    color: #6b7280;
}

.admin-user-item[b-be4bouawgq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.55rem 0.6rem;
    border: none;
    border-radius: 9px;
    background: none;
    color: #1f2330;
    font: inherit;
    font-size: 0.9rem;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

    .admin-user-item svg[b-be4bouawgq] {
        width: 16px;
        height: 16px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        opacity: 0.8;
    }

    .admin-user-item:hover[b-be4bouawgq] {
        background: #f3f4f6;
    }

.admin-user-logout[b-be4bouawgq] {
    margin: 0.3rem 0 0;
    padding-top: 0.3rem;
    border-top: 1px solid #eef0f3;
}

.admin-user-signout[b-be4bouawgq] {
    color: #b91c1c;
}

    .admin-user-signout:hover[b-be4bouawgq] {
        background: #fef2f2;
    }

/* ---------- Body ---------- */

.admin-body[b-be4bouawgq] {
    display: flex;
    flex: 1;
    min-height: 0;
    position: relative;
}

.admin-scrim[b-be4bouawgq] {
    display: none;
}

/* ---------- Sidebar ---------- */

.admin-sidebar[b-be4bouawgq] {
    display: flex;
    flex-direction: column;
    width: var(--admin-sidebar-w);
    flex: 0 0 var(--admin-sidebar-w);
    position: sticky;
    top: var(--admin-topbar-h);
    height: calc(100vh - var(--admin-topbar-h));
    background: linear-gradient(180deg, rgba(14, 3, 32, 0.72), rgba(10, 8, 40, 0.6));
    border-right: 1px solid var(--admin-border);
    color: var(--admin-text);
    overflow: hidden;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: width 0.22s ease, flex-basis 0.22s ease;
}

.admin-nav[b-be4bouawgq] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1rem 0.75rem;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

.admin-group[b-be4bouawgq] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.admin-group-label[b-be4bouawgq] {
    padding: 0 0.75rem 0.4rem;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--admin-text-muted);
    white-space: nowrap;
    transition: opacity 0.15s ease;
}

/* The NavLink anchor — reached through ::deep (see header comment). */
.admin-sidebar[b-be4bouawgq]  .admin-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.58rem 0.75rem;
    border-radius: 10px;
    color: var(--admin-text);
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

    .admin-sidebar[b-be4bouawgq]  .admin-link::before {
        content: "";
        position: absolute;
        left: -0.75rem;
        top: 22%;
        height: 56%;
        width: 3px;
        border-radius: 0 3px 3px 0;
        background: linear-gradient(180deg, #d38bff, #7cb3ff);
        opacity: 0;
        transform: scaleY(0.4);
        transition: opacity 0.15s ease, transform 0.15s ease;
    }

    .admin-sidebar[b-be4bouawgq]  .admin-link:hover {
        background: rgba(255, 255, 255, 0.07);
        color: #fff;
    }

    .admin-sidebar[b-be4bouawgq]  .admin-link.active {
        background: linear-gradient(135deg, rgba(109, 42, 214, 0.55), rgba(59, 130, 246, 0.45));
        color: #fff;
        font-weight: 600;
        box-shadow: 0 6px 18px var(--admin-accent-glow), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

        .admin-sidebar[b-be4bouawgq]  .admin-link.active::before {
            opacity: 1;
            transform: scaleY(1);
        }

.admin-ico[b-be4bouawgq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

    .admin-ico svg[b-be4bouawgq] {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.admin-sidebar[b-be4bouawgq]  .admin-link:hover .admin-ico {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.12);
}

.admin-sidebar[b-be4bouawgq]  .admin-link.active .admin-ico {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.22);
}

.admin-text[b-be4bouawgq] {
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity 0.15s ease;
}

/* ---------- Sidebar footer ---------- */

.admin-sidebar-footer[b-be4bouawgq] {
    padding: 0.75rem;
    border-top: 1px solid var(--admin-border);
}

.admin-footer-user[b-be4bouawgq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.45rem 0.5rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    white-space: nowrap;
}

.admin-footer-id[b-be4bouawgq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.2;
}

.admin-footer-name[b-be4bouawgq] {
    font-size: 0.84rem;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-footer-role[b-be4bouawgq] {
    font-size: 0.72rem;
    color: var(--admin-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ---------- Collapsed: icon rail (desktop) ---------- */

.admin-toggle-state:not(:checked) ~ .admin-body .admin-sidebar[b-be4bouawgq] {
    width: var(--admin-rail-w);
    flex-basis: var(--admin-rail-w);
}

.admin-toggle-state:not(:checked) ~ .admin-body .admin-group-label[b-be4bouawgq],
.admin-toggle-state:not(:checked) ~ .admin-body .admin-text[b-be4bouawgq],
.admin-toggle-state:not(:checked) ~ .admin-body .admin-footer-id[b-be4bouawgq] {
    opacity: 0;
    width: 0;
    padding: 0;
    pointer-events: none;
}

.admin-toggle-state:not(:checked) ~ .admin-body .admin-group-label[b-be4bouawgq] {
    height: 0;
    overflow: hidden;
}

.admin-toggle-state:not(:checked) ~ .admin-body .admin-sidebar[b-be4bouawgq]  .admin-link {
    justify-content: center;
    padding: 0.5rem 0;
}

.admin-toggle-state:not(:checked) ~ .admin-body .admin-footer-user[b-be4bouawgq] {
    justify-content: center;
    padding: 0.45rem 0;
}

.admin-toggle-state:not(:checked) ~ .admin-topbar .admin-hamburger span:nth-child(2)[b-be4bouawgq] {
    width: 60%;
}

/* ---------- Content ---------- */

.admin-content[b-be4bouawgq] {
    flex: 1;
    min-width: 0;
    padding: 1.8rem 2.2rem 3rem;
    color: #e8e9f2;
}

/* ---------- Mobile: sidebar becomes a drawer ---------- */

@media (max-width: 860px) {
    .admin-brand-sub[b-be4bouawgq] {
        display: none;
    }

    .admin-site-link span[b-be4bouawgq] {
        display: none;
    }

    .admin-site-link[b-be4bouawgq] {
        padding: 0.42rem;
    }

    .admin-sidebar[b-be4bouawgq] {
        position: fixed;
        left: 0;
        top: var(--admin-topbar-h);
        z-index: 25;
        width: var(--admin-sidebar-w);
        flex-basis: var(--admin-sidebar-w);
        box-shadow: 12px 0 40px rgba(0, 0, 0, 0.45);
        background: rgba(14, 3, 32, 0.96);
        transform: translateX(0);
        transition: transform 0.22s ease;
    }

    .admin-toggle-state:not(:checked) ~ .admin-body .admin-sidebar[b-be4bouawgq] {
        width: var(--admin-sidebar-w);
        flex-basis: var(--admin-sidebar-w);
        transform: translateX(-105%);
    }

    /* Keep labels visible in the drawer even though the checkbox is "closed". */
    .admin-toggle-state:not(:checked) ~ .admin-body .admin-group-label[b-be4bouawgq],
    .admin-toggle-state:not(:checked) ~ .admin-body .admin-text[b-be4bouawgq],
    .admin-toggle-state:not(:checked) ~ .admin-body .admin-footer-id[b-be4bouawgq] {
        opacity: 1;
        width: auto;
        pointer-events: auto;
    }

    .admin-toggle-state:not(:checked) ~ .admin-body .admin-group-label[b-be4bouawgq] {
        height: auto;
        padding: 0 0.75rem 0.4rem;
    }

    .admin-toggle-state:not(:checked) ~ .admin-body .admin-sidebar[b-be4bouawgq]  .admin-link {
        justify-content: flex-start;
        padding: 0.58rem 0.75rem;
    }

    .admin-toggle-state:checked ~ .admin-body .admin-scrim[b-be4bouawgq] {
        display: block;
        position: fixed;
        inset: var(--admin-topbar-h) 0 0 0;
        z-index: 20;
        background: rgba(0, 0, 0, 0.45);
        cursor: pointer;
    }

    .admin-content[b-be4bouawgq] {
        padding: 1.2rem 1rem 2.5rem;
    }
}

/* ---------- Native form controls inside admin pages ----------
   Pages style their <select> with white text on a translucent dark box, but
   the browser draws the option popup on its own white background, so every
   option except the highlighted one was white-on-white. color-scheme: dark
   makes Chromium/Edge paint the popup dark; the option rule covers the rest. */

.admin-content[b-be4bouawgq]  select {
    color-scheme: dark;
}

    .admin-content[b-be4bouawgq]  select option {
        background: #1f2330;
        color: #fff;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.wezee-nav-cta[b-kzno3hb0ab] {
    display: inline-flex; align-items: center; gap: 0.55rem;
    margin: 0 0.7rem 0 0.4rem;
    padding: 0.4rem 0.95rem 0.4rem 0.45rem;
    background: linear-gradient(135deg, #ff7eb6, #b794f4);
    color: #fff !important; font-weight: 700; font-size: 0.92rem;
    text-decoration: none; border-radius: 999px;
    box-shadow: 0 6px 18px rgba(183, 148, 244, 0.45);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.wezee-nav-cta:hover[b-kzno3hb0ab] {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(183, 148, 244, 0.55);
    color: #fff !important; text-decoration: none;
}
.wezee-nav-mascot[b-kzno3hb0ab] {
    width: 36px; height: 36px; border-radius: 50%;
    background: rgba(255, 255, 255, 0.22); padding: 2px;
}
.wezee-nav-label[b-kzno3hb0ab] { white-space: nowrap; }

@media (max-width: 760px) {
    .wezee-nav-label[b-kzno3hb0ab] { display: none; }
    .wezee-nav-cta[b-kzno3hb0ab] { padding-right: 0.4rem; }
}
/* /Components/Layout/UserMenu.razor.rz.scp.css */
.user-area[b-2rakqimnao] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.user-menu[b-2rakqimnao] {
    position: relative;
}

/* WizBit Neon Login Button */
.login-link[b-2rakqimnao] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
    background: rgba(24, 12, 50, 0.95);
    border: 1px solid #d66bff;
    border-radius: 12px;
    box-shadow: 0 0 8px rgba(192, 65, 255, 0.65), 0 0 18px rgba(168, 85, 247, 0.45), inset 0 0 8px rgba(168, 85, 247, 0.15);
    transition: 0.25s ease;
}

    .login-link:hover[b-2rakqimnao],
    .login-link:focus-visible[b-2rakqimnao] {
        color: #ffffff;
        background: rgba(90, 25, 155, 0.65);
        border-color: #efb0ff;
        box-shadow: 0 0 12px rgba(192, 65, 255, 0.9), 0 0 26px rgba(168, 85, 247, 0.7);
        transform: translateY(-1px);
    }

    .login-link:hover[b-2rakqimnao] {
        background: #3b82f6;
        border-color: #3b82f6;
    }

.user-logout[b-2rakqimnao] {
    margin: 0;
}

.user-signout[b-2rakqimnao] {
    width: 100%;
    text-align: left;
    border: none;
    background: none;
    cursor: pointer;
    font: inherit;
    color: #b91c1c;
}

    .user-signout:hover[b-2rakqimnao] {
        background: #fef2f2;
    }

.user-trigger[b-2rakqimnao] {
    list-style: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.user-trigger[b-2rakqimnao]::-webkit-details-marker {
    display: none;
}

.user-avatar[b-2rakqimnao] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #3b82f6;
    color: #fff;
    font-weight: 600;
    font-size: 0.8rem;
    letter-spacing: 0.02em;
    user-select: none;
}

.user-avatar.lg[b-2rakqimnao] {
    width: 44px;
    height: 44px;
    font-size: 0.95rem;
}

.user-dropdown[b-2rakqimnao] {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    width: 290px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
    padding: 0.5rem;
    z-index: 1000;
    color: #1f2330;
}

.user-header[b-2rakqimnao] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.5rem 0.8rem;
    border-bottom: 1px solid #eef0f3;
    margin-bottom: 0.4rem;
}

.user-id[b-2rakqimnao] {
    display: flex;
    flex-direction: column;
}

.user-name[b-2rakqimnao] {
    font-weight: 600;
    font-size: 0.95rem;
}

.user-access[b-2rakqimnao] {
    font-size: 0.8rem;
    color: #6b7280;
}

.user-item[b-2rakqimnao] {
    display: block;
    padding: 0.55rem 0.6rem;
    border-radius: 8px;
    color: #1f2330;
    text-decoration: none;
    font-size: 0.9rem;
}

.user-item:hover[b-2rakqimnao] {
    background: #f3f4f6;
}

.user-card[b-2rakqimnao] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin: 0.4rem 0.25rem;
    padding: 0.6rem 0.7rem;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fafbfc;
}

.user-card-label[b-2rakqimnao] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #374151;
}

.user-card-value[b-2rakqimnao] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #1f2330;
}

.user-card-current[b-2rakqimnao] {
    font-size: 0.78rem;
    color: #6b7280;
}
/* /Components/Pages/Admin/AccountEdit.razor.rz.scp.css */
.admin-form[b-cg2gsn266k],
.admin-section[b-cg2gsn266k] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 1.2rem 1.3rem;
    margin-bottom: 1.2rem;
    max-width: 920px;
}

    .admin-section h2[b-cg2gsn266k] {
        margin: 0 0 0.6rem;
        color: #fff;
        font-size: 1.1rem;
    }

.admin-form[b-cg2gsn266k] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-form-row[b-cg2gsn266k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.6rem;
}

.admin-field[b-cg2gsn266k] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.82rem;
    color: #d4d6e3;
}

    .admin-field input[b-cg2gsn266k],
    .admin-field select[b-cg2gsn266k] {
        padding: 0.55rem 0.65rem;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 8px;
        color: #fff;
        font: inherit;
    }

.admin-field-narrow[b-cg2gsn266k] {
    max-width: 120px;
}

.admin-actions[b-cg2gsn266k] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.4rem;
}

.admin-btn[b-cg2gsn266k] {
    padding: 0.55rem 1.1rem;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #5b22ad, #3b82f6);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.admin-btn-secondary[b-cg2gsn266k] {
    padding: 0.55rem 1.1rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: transparent;
    color: #d4d6e3;
    text-decoration: none;
}

.admin-meta[b-cg2gsn266k] {
    color: #a4a9bd;
    font-size: 0.82rem;
}

.admin-inline-form[b-cg2gsn266k] {
    margin: 0;
}

.admin-db-status[b-cg2gsn266k] {
    padding: 0.6rem 0.85rem;
    border-radius: 8px;
    margin: 0 0 0.7rem;
}

    .admin-db-status code[b-cg2gsn266k] {
        color: #fde68a;
        font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    }

.admin-db-status-ok[b-cg2gsn266k] {
    background: rgba(34, 197, 94, 0.15);
    color: #bbf7d0;
}

.admin-db-status-missing[b-cg2gsn266k] {
    background: rgba(245, 158, 11, 0.15);
    color: #fde68a;
}

.admin-banner[b-cg2gsn266k] {
    padding: 0.55rem 0.8rem;
    border-radius: 8px;
    margin-bottom: 0.7rem;
    font-size: 0.9rem;
}

.admin-banner-ok[b-cg2gsn266k] {
    background: rgba(34, 197, 94, 0.15);
    color: #bbf7d0;
}

.admin-banner-warn[b-cg2gsn266k] {
    background: rgba(239, 68, 68, 0.15);
    color: #fecaca;
}

/* Danger zone — disable account, drop DBs, delete account. */
.admin-danger-zone[b-cg2gsn266k] {
    border-color: rgba(239, 68, 68, 0.35);
    background: rgba(239, 68, 68, 0.06);
}
.admin-danger-zone h2[b-cg2gsn266k] { color: #fecaca; }
.admin-danger-zone .admin-sub[b-cg2gsn266k] { color: #c3c6d4; margin-top: 0; font-size: 0.86rem; }

.admin-danger-row[b-cg2gsn266k] { margin: 0.5rem 0 0.9rem; }

.admin-danger-card[b-cg2gsn266k] {
    background: rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 8px;
    padding: 0.55rem 0.75rem;
    margin-bottom: 0.6rem;
}
.admin-danger-card summary[b-cg2gsn266k] {
    cursor: pointer;
    color: #fecaca;
    font-weight: 600;
    list-style: none;
    font-size: 0.9rem;
}
.admin-danger-card summary[b-cg2gsn266k]::-webkit-details-marker { display: none; }
.admin-danger-card summary code[b-cg2gsn266k] { color: #fde68a; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.admin-danger-card[open][b-cg2gsn266k] { padding-bottom: 0.75rem; }
.admin-danger-card[open] summary[b-cg2gsn266k] { margin-bottom: 0.6rem; }
.admin-danger-card .admin-field code[b-cg2gsn266k] { color: #fde68a; }

.admin-danger-final[b-cg2gsn266k] { border-color: rgba(239, 68, 68, 0.6); background: rgba(239, 68, 68, 0.08); }
.admin-danger-final summary[b-cg2gsn266k] { color: #fff; }

.admin-btn-danger[b-cg2gsn266k] {
    background: linear-gradient(135deg, #b91c1c, #ef4444);
    color: #fff;
}
.admin-btn-danger:hover[b-cg2gsn266k] { filter: brightness(1.08); }


.admin-field select option[b-cg2gsn266k] {
    background: #1f2230;
    color: #ffffff;
}
/* /Components/Pages/Admin/Accounts.razor.rz.scp.css */
.admin-head[b-dm2a76oro5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .admin-head h1[b-dm2a76oro5] {
        margin: 0;
        color: #fff;
    }

.admin-empty[b-dm2a76oro5] {
    color: #c3c6d4;
    font-style: italic;
}

.admin-btn[b-dm2a76oro5] {
    padding: 0.55rem 1rem;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #5b22ad, #3b82f6);
    color: #fff;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

    .admin-btn:hover[b-dm2a76oro5] {
        filter: brightness(1.08);
    }

.admin-btn-mini[b-dm2a76oro5] {
    padding: 0.3rem 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 0.78rem;
    text-decoration: none;
}

.admin-table[b-dm2a76oro5] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0.5rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    overflow: hidden;
}

    .admin-table th[b-dm2a76oro5],
    .admin-table td[b-dm2a76oro5] {
        text-align: left;
        padding: 0.6rem 0.85rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }

    .admin-table th[b-dm2a76oro5] {
        background: rgba(0, 0, 0, 0.2);
        color: #fff;
        font-weight: 600;
        font-size: 0.85rem;
    }

    .admin-table td[b-dm2a76oro5] {
        color: #e8e9f2;
        font-size: 0.9rem;
    }

    .admin-table tr:last-child td[b-dm2a76oro5] {
        border-bottom: none;
    }

    .admin-table td a[b-dm2a76oro5] {
        color: #c9b6ff;
        text-decoration: none;
        font-weight: 600;
    }

        .admin-table td a:hover[b-dm2a76oro5] {
            text-decoration: underline;
        }

    .admin-table code[b-dm2a76oro5] {
        font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
        font-size: 0.82rem;
        color: #fde68a;
    }

.admin-badge[b-dm2a76oro5] {
    margin-left: 0.4rem;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.admin-badge-model[b-dm2a76oro5] {
    background: rgba(245, 158, 11, 0.2);
    color: #fde68a;
}
/* /Components/Pages/Admin/CrmUsers.razor.rz.scp.css */
h1[b-ptkfb0kjyz] { color: #fff; margin: 0 0 0.4rem; }
.admin-sub[b-ptkfb0kjyz] { color: #a4a9bd; margin: 0 0 1.2rem; font-size: 0.88rem; }
.admin-sub a[b-ptkfb0kjyz] { color: #c9b6ff; }

.admin-section[b-ptkfb0kjyz] { margin: 0 0 1.4rem; padding: 1rem 1.1rem; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; }
.admin-section h2[b-ptkfb0kjyz] { margin: 0 0 0.7rem; color: #fff; font-size: 1.05rem; }
.admin-count[b-ptkfb0kjyz] { padding: 0.1rem 0.5rem; border-radius: 999px; background: rgba(59, 130, 246, 0.25); color: #fff; font-size: 0.72rem; font-weight: 600; margin-left: 0.4rem; }

.admin-form[b-ptkfb0kjyz] { display: flex; flex-direction: column; gap: 0.55rem; }
.admin-form-row[b-ptkfb0kjyz] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0.6rem; }
.admin-field[b-ptkfb0kjyz] { display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.82rem; color: #d4d6e3; }
.admin-field input[b-ptkfb0kjyz], .admin-field select[b-ptkfb0kjyz] { padding: 0.5rem 0.6rem; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 8px; color: #fff; font: inherit; }
.admin-btn[b-ptkfb0kjyz] { align-self: flex-start; padding: 0.5rem 1rem; border: none; border-radius: 8px; background: linear-gradient(135deg, #5b22ad, #3b82f6); color: #fff; font-weight: 600; cursor: pointer; }

.admin-banner[b-ptkfb0kjyz] { padding: 0.55rem 0.8rem; border-radius: 8px; margin: 0 0 0.8rem; font-size: 0.9rem; }
.admin-banner-ok[b-ptkfb0kjyz] { background: rgba(34, 197, 94, 0.15); color: #bbf7d0; }
.admin-banner-warn[b-ptkfb0kjyz] { background: rgba(239, 68, 68, 0.15); color: #fecaca; }

.admin-table[b-ptkfb0kjyz] { width: 100%; border-collapse: collapse; color: #e8e9f2; font-size: 0.88rem; }
.admin-table th[b-ptkfb0kjyz] { text-align: left; padding: 0.5rem 0.6rem; background: rgba(255, 255, 255, 0.04); color: #c9b6ff; font-weight: 600; }
.admin-table td[b-ptkfb0kjyz] { padding: 0.55rem 0.6rem; border-top: 1px solid rgba(255, 255, 255, 0.06); vertical-align: top; }
.admin-table select[b-ptkfb0kjyz] { padding: 0.3rem 0.45rem; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 6px; color: #fff; font: inherit; }
.admin-meta-line[b-ptkfb0kjyz] { color: #8b8fa3; font-size: 0.78rem; }
.admin-inline-form[b-ptkfb0kjyz] { display: inline-block; margin: 0; }
/* /Components/Pages/Admin/Home.razor.rz.scp.css */
.admin-stat-row[b-hy1kwjsisc] {
    display: flex;
    gap: 0.8rem;
    margin: 1rem 0 1.4rem;
    flex-wrap: wrap;
}

.admin-stat[b-hy1kwjsisc] {
    flex: 1 1 160px;
    padding: 0.9rem 1.1rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
}

.admin-stat-value[b-hy1kwjsisc] {
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
}

.admin-stat-label[b-hy1kwjsisc] {
    color: #a4a9bd;
    font-size: 0.85rem;
}

.admin-link-inline[b-hy1kwjsisc] {
    color: #c9b6ff;
    font-weight: 600;
    text-decoration: none;
}

    .admin-link-inline:hover[b-hy1kwjsisc] {
        text-decoration: underline;
    }
/* /Components/Pages/Admin/Pricing.razor.rz.scp.css */
h1[b-53nhs8rmbj] { color: #fff; margin: 0 0 0.4rem; }
.pricing-sub[b-53nhs8rmbj] { color: #a4a9bd; margin: 0 0 1.2rem; font-size: 0.88rem; max-width: 900px; }
.pricing-sub code[b-53nhs8rmbj] { background: rgba(255, 255, 255, 0.06); padding: 0.05rem 0.3rem; border-radius: 4px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }

.pricing-banner[b-53nhs8rmbj] { padding: 0.55rem 0.8rem; border-radius: 8px; margin-bottom: 0.7rem; font-size: 0.9rem; }
.pricing-banner-ok[b-53nhs8rmbj] { background: rgba(34, 197, 94, 0.15); color: #bbf7d0; }
.pricing-banner-warn[b-53nhs8rmbj] { background: rgba(239, 68, 68, 0.15); color: #fecaca; }

.pricing-grid[b-53nhs8rmbj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.pricing-card[b-53nhs8rmbj] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.pricing-card-head[b-53nhs8rmbj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.8rem;
}

.pricing-module-code[b-53nhs8rmbj] {
    color: #c9b6ff;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 700;
    margin-bottom: 0.15rem;
}

.pricing-display-name[b-53nhs8rmbj] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff;
    background: transparent;
    border: none;
    padding: 0;
    outline: none;
    width: 100%;
    font-family: inherit;
}
.pricing-display-name:focus[b-53nhs8rmbj] {
    outline: 2px solid rgba(91, 34, 173, 0.6);
    outline-offset: 4px;
    border-radius: 4px;
}

.pricing-sell-preview[b-53nhs8rmbj] { text-align: right; }
.pricing-sell-price[b-53nhs8rmbj] { font-size: 1.4rem; font-weight: 700; color: #bbf7d0; }
.pricing-sell-placeholder[b-53nhs8rmbj] { color: #6b7280; }
.pricing-sell-label[b-53nhs8rmbj] { color: #a4a9bd; font-size: 0.72rem; margin-top: 0.15rem; }

.pricing-fields[b-53nhs8rmbj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 0.5rem;
}

.pricing-field[b-53nhs8rmbj] { display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.78rem; color: #d4d6e3; }
.pricing-field span[b-53nhs8rmbj] { color: #a4a9bd; }
.pricing-field input[b-53nhs8rmbj], .pricing-field textarea[b-53nhs8rmbj] {
    padding: 0.5rem 0.6rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 6px;
    color: #fff;
    font: inherit;
    resize: vertical;
}

.pricing-field-notes[b-53nhs8rmbj] { margin-top: 0.3rem; }

.pricing-calc[b-53nhs8rmbj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.65rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    font-size: 0.78rem;
}
.pricing-calc-label[b-53nhs8rmbj] { color: #a4a9bd; }
.pricing-calc-value[b-53nhs8rmbj] { color: #fff; font-weight: 600; }
.pricing-calc-formula[b-53nhs8rmbj] { color: #6b7280; margin-left: auto; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.72rem; }

.pricing-card-foot[b-53nhs8rmbj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.4rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.pricing-updated[b-53nhs8rmbj] { color: #8b8fa3; font-size: 0.72rem; }

.pricing-btn[b-53nhs8rmbj] {
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #5b22ad, #3b82f6);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
.pricing-btn:hover[b-53nhs8rmbj] { filter: brightness(1.08); }

.pricing-inline[b-53nhs8rmbj] {
    grid-column: unset;
    display: flex;
    justify-content: flex-end;
    margin: -0.6rem 0 0.4rem;
}
.pricing-remove[b-53nhs8rmbj] {
    background: transparent;
    border: 1px dashed rgba(239, 68, 68, 0.35);
    color: #fecaca;
    font-size: 0.72rem;
    padding: 0.25rem 0.55rem;
    border-radius: 6px;
    cursor: pointer;
}
.pricing-remove:hover[b-53nhs8rmbj] { background: rgba(239, 68, 68, 0.12); }

.pricing-add[b-53nhs8rmbj] {
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    max-width: 720px;
}
.pricing-add h2[b-53nhs8rmbj] { color: #fff; font-size: 1rem; margin: 0 0 0.6rem; }
.pricing-add-form[b-53nhs8rmbj] { display: grid; grid-template-columns: 1fr 1fr auto; gap: 0.6rem; align-items: end; }
/* /Components/Pages/Admin/RestaurantUsers.razor.rz.scp.css */
h1[b-f5oqf068uu] { color: #fff; margin: 0 0 0.2rem; }
.admin-head[b-f5oqf068uu] { display: flex; align-items: center; justify-content: space-between; }
.admin-link-back[b-f5oqf068uu] { color: #c9b6ff; font-weight: 600; text-decoration: none; }
.admin-link-back:hover[b-f5oqf068uu] { text-decoration: underline; }
.admin-sub[b-f5oqf068uu] { color: #a4a9bd; margin: 0 0 1.2rem; font-size: 0.88rem; }
.admin-sub code[b-f5oqf068uu] { background: rgba(255, 255, 255, 0.06); padding: 0.05rem 0.3rem; border-radius: 4px; }

.admin-section[b-f5oqf068uu] { margin: 0 0 1.4rem; padding: 1rem 1.1rem; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; }
.admin-section h2[b-f5oqf068uu] { margin: 0 0 0.7rem; color: #fff; font-size: 1.05rem; }
.admin-empty[b-f5oqf068uu] { color: #c3c6d4; font-style: italic; margin: 0; }
.admin-count[b-f5oqf068uu] { padding: 0.1rem 0.5rem; border-radius: 999px; background: rgba(59, 130, 246, 0.25); color: #fff; font-size: 0.72rem; font-weight: 600; margin-left: 0.4rem; }

.admin-form[b-f5oqf068uu] { display: flex; flex-direction: column; gap: 0.55rem; }
.admin-form-row[b-f5oqf068uu] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0.6rem; }
.admin-field[b-f5oqf068uu] { display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.82rem; color: #d4d6e3; }
.admin-field input[b-f5oqf068uu], .admin-field select[b-f5oqf068uu] { padding: 0.5rem 0.6rem; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 8px; color: #fff; font: inherit; }
.admin-btn[b-f5oqf068uu] { align-self: flex-start; padding: 0.5rem 1rem; border: none; border-radius: 8px; background: linear-gradient(135deg, #5b22ad, #3b82f6); color: #fff; font-weight: 600; cursor: pointer; }

.admin-banner[b-f5oqf068uu] { padding: 0.55rem 0.8rem; border-radius: 8px; margin: 0 0 0.8rem; font-size: 0.9rem; }
.admin-banner-ok[b-f5oqf068uu] { background: rgba(34, 197, 94, 0.15); color: #bbf7d0; }
.admin-banner-warn[b-f5oqf068uu] { background: rgba(239, 68, 68, 0.15); color: #fecaca; }

.admin-table[b-f5oqf068uu] { width: 100%; border-collapse: collapse; color: #e8e9f2; font-size: 0.88rem; }
.admin-table th[b-f5oqf068uu] { text-align: left; padding: 0.5rem 0.6rem; background: rgba(255, 255, 255, 0.04); color: #c9b6ff; font-weight: 600; }
.admin-table td[b-f5oqf068uu] { padding: 0.55rem 0.6rem; border-top: 1px solid rgba(255, 255, 255, 0.06); vertical-align: top; }
.admin-table select[b-f5oqf068uu] { padding: 0.3rem 0.45rem; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 6px; color: #fff; font: inherit; }
.admin-meta-line[b-f5oqf068uu] { color: #8b8fa3; font-size: 0.78rem; }
.admin-row-disabled[b-f5oqf068uu] { opacity: 0.55; }

.admin-actions-cell[b-f5oqf068uu] { display: flex; gap: 0.35rem; flex-wrap: wrap; align-items: center; }
.admin-inline-form[b-f5oqf068uu] { display: inline-block; margin: 0; }
.admin-inline-form input[type=password][b-f5oqf068uu] { padding: 0.3rem 0.45rem; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 6px; color: #fff; font: inherit; margin-right: 0.3rem; }
.admin-btn-tiny[b-f5oqf068uu] { padding: 0.25rem 0.55rem; border-radius: 6px; background: rgba(59, 130, 246, 0.18); border: 1px solid rgba(59, 130, 246, 0.5); color: #bfdbfe; font-size: 0.72rem; cursor: pointer; }
.admin-btn-tiny:hover[b-f5oqf068uu] { background: rgba(59, 130, 246, 0.35); }
.admin-btn-danger[b-f5oqf068uu] { background: rgba(239, 68, 68, 0.15); border-color: rgba(239, 68, 68, 0.5); color: #fecaca; }
.admin-btn-danger:hover[b-f5oqf068uu] { background: rgba(239, 68, 68, 0.3); }

.admin-inline-details[b-f5oqf068uu] { display: inline-block; }
.admin-inline-details summary[b-f5oqf068uu] { cursor: pointer; color: #c9b6ff; font-size: 0.78rem; list-style: none; padding: 0.25rem 0.55rem; border-radius: 6px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); }
.admin-inline-details summary[b-f5oqf068uu]::-webkit-details-marker { display: none; }
.admin-inline-details[open] summary[b-f5oqf068uu] { background: rgba(59, 130, 246, 0.2); }
/* /Components/Pages/Admin/Security.razor.rz.scp.css */
h1[b-7hqqvx51tv] { color: #fff; margin: 0 0 0.2rem; }
.admin-sub[b-7hqqvx51tv] { color: #a4a9bd; margin: 0 0 1.2rem; font-size: 0.88rem; }
.admin-sub a[b-7hqqvx51tv] { color: #c9b6ff; }
.admin-sub code[b-7hqqvx51tv] { background: rgba(255, 255, 255, 0.06); padding: 0.05rem 0.3rem; border-radius: 4px; }

.admin-section[b-7hqqvx51tv] { margin: 0 0 1.4rem; padding: 1rem 1.1rem; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; }
.admin-section h2[b-7hqqvx51tv] { margin: 0 0 0.7rem; color: #fff; font-size: 1.05rem; }
.admin-section .admin-sub[b-7hqqvx51tv] { margin-bottom: 0.8rem; }
.admin-empty[b-7hqqvx51tv] { color: #c3c6d4; font-style: italic; margin: 0; }
.admin-count[b-7hqqvx51tv] { padding: 0.1rem 0.5rem; border-radius: 999px; background: rgba(59, 130, 246, 0.25); color: #fff; font-size: 0.72rem; font-weight: 600; margin-left: 0.4rem; }

.admin-banner[b-7hqqvx51tv] { padding: 0.55rem 0.8rem; border-radius: 8px; margin: 0 0 0.8rem; font-size: 0.9rem; }
.admin-banner-warn[b-7hqqvx51tv] { background: rgba(239, 68, 68, 0.15); color: #fecaca; }

.admin-table[b-7hqqvx51tv] { width: 100%; border-collapse: collapse; color: #e8e9f2; font-size: 0.88rem; }
.admin-table th[b-7hqqvx51tv] { text-align: left; padding: 0.5rem 0.6rem; background: rgba(255, 255, 255, 0.04); color: #c9b6ff; font-weight: 600; }
.admin-table td[b-7hqqvx51tv] { padding: 0.55rem 0.6rem; border-top: 1px solid rgba(255, 255, 255, 0.06); vertical-align: top; }
.admin-table code[b-7hqqvx51tv] { background: rgba(255, 255, 255, 0.06); padding: 0.05rem 0.3rem; border-radius: 4px; }
.admin-meta-line[b-7hqqvx51tv] { color: #8b8fa3; font-size: 0.78rem; }

.admin-btn-tiny[b-7hqqvx51tv] { padding: 0.25rem 0.55rem; border-radius: 6px; background: rgba(59, 130, 246, 0.18); border: 1px solid rgba(59, 130, 246, 0.5); color: #bfdbfe; font-size: 0.72rem; cursor: pointer; text-decoration: none; }
.admin-btn-tiny:hover[b-7hqqvx51tv] { background: rgba(59, 130, 246, 0.35); }

.sec-account-link[b-7hqqvx51tv] { color: #fff; text-decoration: none; }
.sec-account-link:hover[b-7hqqvx51tv] { text-decoration: underline; }

.sec-chip[b-7hqqvx51tv] { display: inline-block; padding: 0.12rem 0.5rem; border-radius: 999px; font-size: 0.72rem; font-weight: 600; margin-top: 0.2rem; }
.sec-chip + .sec-chip[b-7hqqvx51tv] { margin-left: 0.3rem; }
.sec-chip-ok[b-7hqqvx51tv] { background: rgba(34, 197, 94, 0.18); color: #bbf7d0; }
.sec-chip-warn[b-7hqqvx51tv] { background: rgba(245, 158, 11, 0.18); color: #fde68a; }
.sec-chip-muted[b-7hqqvx51tv] { background: rgba(255, 255, 255, 0.08); color: #c3c6d4; margin-left: 0.4rem; }
.sec-chip-bad[b-7hqqvx51tv] { background: rgba(239, 68, 68, 0.18); color: #fecaca; }
.sec-chip-link[b-7hqqvx51tv] { text-decoration: none; cursor: pointer; }
.sec-chip-link:hover[b-7hqqvx51tv] { filter: brightness(1.25); }
/* /Components/Pages/Admin/SecurityDatabase.razor.rz.scp.css */
h1[b-b7dyemff38] { color: #fff; margin: 0 0 0.2rem; }
h1 code[b-b7dyemff38] { background: rgba(255, 255, 255, 0.06); padding: 0.05rem 0.4rem; border-radius: 6px; font-size: 0.85em; }
.admin-head[b-b7dyemff38] { display: flex; align-items: center; justify-content: space-between; }
.admin-link-back[b-b7dyemff38] { color: #c9b6ff; font-weight: 600; text-decoration: none; }
.admin-link-back:hover[b-b7dyemff38] { text-decoration: underline; }
.admin-sub[b-b7dyemff38] { color: #a4a9bd; margin: 0 0 1.2rem; font-size: 0.88rem; }
.admin-sub code[b-b7dyemff38] { background: rgba(255, 255, 255, 0.06); padding: 0.05rem 0.3rem; border-radius: 4px; }

.admin-section[b-b7dyemff38] { margin: 0 0 1.4rem; padding: 1rem 1.1rem; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; }
.admin-section h2[b-b7dyemff38] { margin: 0 0 0.7rem; color: #fff; font-size: 1.05rem; }
.admin-section .admin-sub[b-b7dyemff38] { margin-bottom: 0.8rem; }
.admin-empty[b-b7dyemff38] { color: #c3c6d4; font-style: italic; margin: 0; }
.admin-count[b-b7dyemff38] { padding: 0.1rem 0.5rem; border-radius: 999px; background: rgba(59, 130, 246, 0.25); color: #fff; font-size: 0.72rem; font-weight: 600; margin-left: 0.4rem; }

.admin-form[b-b7dyemff38] { display: flex; flex-direction: column; gap: 0.55rem; }
.admin-form-row[b-b7dyemff38] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0.6rem; }
.admin-field[b-b7dyemff38] { display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.82rem; color: #d4d6e3; }
.admin-field input[b-b7dyemff38], .admin-field select[b-b7dyemff38] { padding: 0.5rem 0.6rem; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 8px; color: #fff; font: inherit; }
.admin-btn[b-b7dyemff38] { align-self: flex-start; padding: 0.5rem 1rem; border: none; border-radius: 8px; background: linear-gradient(135deg, #5b22ad, #3b82f6); color: #fff; font-weight: 600; cursor: pointer; }

.admin-banner[b-b7dyemff38] { padding: 0.55rem 0.8rem; border-radius: 8px; margin: 0 0 0.8rem; font-size: 0.9rem; }
.admin-banner-ok[b-b7dyemff38] { background: rgba(34, 197, 94, 0.15); color: #bbf7d0; }
.admin-banner-warn[b-b7dyemff38] { background: rgba(239, 68, 68, 0.15); color: #fecaca; }

.admin-table[b-b7dyemff38] { width: 100%; border-collapse: collapse; color: #e8e9f2; font-size: 0.88rem; }
.admin-table th[b-b7dyemff38] { text-align: left; padding: 0.5rem 0.6rem; background: rgba(255, 255, 255, 0.04); color: #c9b6ff; font-weight: 600; }
.admin-table td[b-b7dyemff38] { padding: 0.55rem 0.6rem; border-top: 1px solid rgba(255, 255, 255, 0.06); vertical-align: top; }
.admin-table code[b-b7dyemff38] { background: rgba(255, 255, 255, 0.06); padding: 0.05rem 0.3rem; border-radius: 4px; }
.admin-table select[b-b7dyemff38] { padding: 0.3rem 0.45rem; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 6px; color: #fff; font: inherit; }
.admin-meta-line[b-b7dyemff38] { color: #8b8fa3; font-size: 0.78rem; }
.admin-row-disabled[b-b7dyemff38] { opacity: 0.55; }

.admin-actions-cell[b-b7dyemff38] { display: flex; gap: 0.35rem; flex-wrap: wrap; align-items: center; }
.admin-inline-form[b-b7dyemff38] { display: inline-block; margin: 0; }
.admin-inline-form input[b-b7dyemff38] { padding: 0.3rem 0.45rem; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 6px; color: #fff; font: inherit; margin-right: 0.3rem; }
.admin-btn-tiny[b-b7dyemff38] { padding: 0.25rem 0.55rem; border-radius: 6px; background: rgba(59, 130, 246, 0.18); border: 1px solid rgba(59, 130, 246, 0.5); color: #bfdbfe; font-size: 0.72rem; cursor: pointer; }
.admin-btn-tiny:hover[b-b7dyemff38] { background: rgba(59, 130, 246, 0.35); }
.admin-btn-danger[b-b7dyemff38] { background: rgba(239, 68, 68, 0.15); border-color: rgba(239, 68, 68, 0.5); color: #fecaca; }
.admin-btn-danger:hover[b-b7dyemff38] { background: rgba(239, 68, 68, 0.3); }

.admin-inline-details[b-b7dyemff38] { display: inline-block; }
.admin-inline-details summary[b-b7dyemff38] { cursor: pointer; color: #c9b6ff; font-size: 0.78rem; list-style: none; padding: 0.25rem 0.55rem; border-radius: 6px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); }
.admin-inline-details summary[b-b7dyemff38]::-webkit-details-marker { display: none; }
.admin-inline-details[open] summary[b-b7dyemff38] { background: rgba(59, 130, 246, 0.2); }

.sec-structure-table td[b-b7dyemff38] { width: 33%; }
.sec-check[b-b7dyemff38] { display: inline-block; width: 1.2rem; font-weight: 700; }
.sec-check-yes[b-b7dyemff38] { color: #4ade80; }
.sec-check-no[b-b7dyemff38] { color: #f87171; }
.sec-verdict[b-b7dyemff38] { margin-top: 0.8rem; }
.sec-verdict-none[b-b7dyemff38] { color: #c3c6d4; margin: 0.8rem 0 0; font-size: 0.9rem; }
.sec-verdict-none a[b-b7dyemff38] { color: #c9b6ff; }

.sec-chip[b-b7dyemff38] { display: inline-block; padding: 0.12rem 0.5rem; border-radius: 999px; font-size: 0.72rem; font-weight: 600; }
.sec-chip-muted[b-b7dyemff38] { background: rgba(255, 255, 255, 0.08); color: #c3c6d4; margin-left: 0.4rem; }

.sec-add-group[b-b7dyemff38] { margin-top: 0.9rem; }
/* /Components/Pages/Admin/Settings.razor.rz.scp.css */
.admin-section[b-ztxfe5naje] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 1.2rem 1.3rem;
    margin-bottom: 1.2rem;
    max-width: 640px;
}

    .admin-section h2[b-ztxfe5naje] {
        margin: 0 0 0.6rem;
        color: #fff;
        font-size: 1.1rem;
    }

.admin-form[b-ztxfe5naje] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.admin-field[b-ztxfe5naje] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.82rem;
    color: #d4d6e3;
}

    .admin-field input[b-ztxfe5naje] {
        padding: 0.55rem 0.65rem;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 8px;
        color: #fff;
        font: inherit;
    }

.admin-btn[b-ztxfe5naje] {
    align-self: flex-start;
    padding: 0.55rem 1.1rem;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #5b22ad, #3b82f6);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.admin-banner[b-ztxfe5naje] {
    padding: 0.55rem 0.8rem;
    border-radius: 8px;
    margin-bottom: 0.7rem;
    font-size: 0.9rem;
}

.admin-banner-ok[b-ztxfe5naje] {
    background: rgba(34, 197, 94, 0.15);
    color: #bbf7d0;
}

.admin-banner-warn[b-ztxfe5naje] {
    background: rgba(239, 68, 68, 0.15);
    color: #fecaca;
}
/* /Components/Pages/Admin/Users.razor.rz.scp.css */
h1[b-owayo274u3] { color: #fff; margin: 0 0 0.2rem; }
.admin-sub[b-owayo274u3] { color: #a4a9bd; margin: 0 0 1.2rem; font-size: 0.88rem; }
.admin-sub a[b-owayo274u3] { color: #c9b6ff; }

.admin-section[b-owayo274u3] { margin: 0 0 1.4rem; padding: 1rem 1.1rem; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; }
.admin-section h2[b-owayo274u3] { margin: 0 0 0.7rem; color: #fff; font-size: 1.05rem; }
.admin-empty[b-owayo274u3] { color: #c3c6d4; font-style: italic; margin: 0; }
.admin-count[b-owayo274u3] { padding: 0.1rem 0.5rem; border-radius: 999px; background: rgba(59, 130, 246, 0.25); color: #fff; font-size: 0.72rem; font-weight: 600; margin-left: 0.4rem; }

.admin-table[b-owayo274u3] { width: 100%; border-collapse: collapse; color: #e8e9f2; font-size: 0.88rem; }
.admin-table th[b-owayo274u3] { text-align: left; padding: 0.5rem 0.6rem; background: rgba(255, 255, 255, 0.04); color: #c9b6ff; font-weight: 600; }
.admin-table td[b-owayo274u3] { padding: 0.55rem 0.6rem; border-top: 1px solid rgba(255, 255, 255, 0.06); vertical-align: top; }
.admin-table code[b-owayo274u3] { background: rgba(255, 255, 255, 0.06); padding: 0.05rem 0.3rem; border-radius: 4px; }
.admin-meta-line[b-owayo274u3] { color: #8b8fa3; font-size: 0.78rem; }
.admin-row-disabled[b-owayo274u3] { opacity: 0.55; }

.admin-btn[b-owayo274u3] { padding: 0.5rem 1rem; border: none; border-radius: 8px; background: linear-gradient(135deg, #5b22ad, #3b82f6); color: #fff; font-weight: 600; cursor: pointer; }
.admin-btn-secondary[b-owayo274u3] { padding: 0.5rem 1rem; border-radius: 8px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); color: #e8e9f2; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; }

.users-filterbar[b-owayo274u3] { display: flex; flex-wrap: wrap; gap: 0.7rem; align-items: flex-end; margin: 0 0 1.2rem; padding: 0.9rem 1rem; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; }
.admin-field[b-owayo274u3] { display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.82rem; color: #d4d6e3; }
.admin-field select[b-owayo274u3], .admin-field input[b-owayo274u3] { padding: 0.5rem 0.6rem; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 8px; color: #fff; font: inherit; min-width: 190px; }
.users-search input[b-owayo274u3] { min-width: 240px; }
.users-filter-actions[b-owayo274u3] { display: flex; gap: 0.5rem; align-items: center; }

.users-of-total[b-owayo274u3] { color: #8b8fa3; font-size: 0.78rem; margin-left: 0.5rem; }
.users-db-link[b-owayo274u3] { text-decoration: none; }
.users-db-link:hover code[b-owayo274u3] { background: rgba(59, 130, 246, 0.28); }

/* Add-user form and per-row actions — same look as Users & Groups. */
.admin-form[b-owayo274u3] { display: flex; flex-direction: column; gap: 0.55rem; }
.admin-form-row[b-owayo274u3] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0.6rem; }
.admin-form .admin-field select[b-owayo274u3], .admin-form .admin-field input[b-owayo274u3] { min-width: 0; }

.admin-banner[b-owayo274u3] { padding: 0.55rem 0.8rem; border-radius: 8px; margin: 0 0 0.8rem; font-size: 0.9rem; }
.admin-banner-ok[b-owayo274u3] { background: rgba(34, 197, 94, 0.15); color: #bbf7d0; }
.admin-banner-warn[b-owayo274u3] { background: rgba(239, 68, 68, 0.15); color: #fecaca; }

.admin-table select[b-owayo274u3] { padding: 0.3rem 0.45rem; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 6px; color: #fff; font: inherit; }
.admin-inline-form[b-owayo274u3] { display: inline-block; margin: 0; }
.admin-inline-form input[b-owayo274u3] { padding: 0.3rem 0.45rem; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 6px; color: #fff; font: inherit; margin-right: 0.3rem; }
.admin-btn-tiny[b-owayo274u3] { padding: 0.25rem 0.55rem; border-radius: 6px; background: rgba(59, 130, 246, 0.18); border: 1px solid rgba(59, 130, 246, 0.5); color: #bfdbfe; font-size: 0.72rem; cursor: pointer; }
.admin-btn-tiny:hover[b-owayo274u3] { background: rgba(59, 130, 246, 0.35); }
.admin-btn-danger[b-owayo274u3] { background: rgba(239, 68, 68, 0.15); border-color: rgba(239, 68, 68, 0.5); color: #fecaca; }
.admin-btn-danger:hover[b-owayo274u3] { background: rgba(239, 68, 68, 0.3); }


.users-readonly[b-owayo274u3] { padding: 0.15rem 0.5rem; border-radius: 999px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); color: #8b8fa3; font-size: 0.72rem; cursor: help; }

/* Users table: keep it inside the card, actions on one line, password reset as a popover. */
.admin-table-wrap[b-owayo274u3] { overflow-x: auto; margin: 0 -0.3rem; padding: 0 0.3rem; }
.admin-table th.users-actions-head[b-owayo274u3] { text-align: right; }
.admin-table td[b-owayo274u3] { vertical-align: middle; }
.users-who[b-owayo274u3] { min-width: 150px; }
.users-name[b-owayo274u3] { display: flex; align-items: center; gap: 0.45rem; flex-wrap: wrap; }
.users-email[b-owayo274u3] { color: #c3c6d4; word-break: break-all; }
.users-where[b-owayo274u3] { white-space: nowrap; line-height: 1.5; }
.users-where code[b-owayo274u3] { font-size: 0.75rem; }
.users-actions[b-owayo274u3] { text-align: right; white-space: nowrap; }

.users-status[b-owayo274u3] { padding: 0.08rem 0.45rem; border-radius: 999px; font-size: 0.66rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
.users-status-on[b-owayo274u3] { background: rgba(34, 197, 94, 0.16); color: #86efac; border: 1px solid rgba(34, 197, 94, 0.35); }
.users-status-off[b-owayo274u3] { background: rgba(239, 68, 68, 0.14); color: #fca5a5; border: 1px solid rgba(239, 68, 68, 0.35); }
.admin-row-disabled[b-owayo274u3] { opacity: 0.7; }

.admin-actions-cell[b-owayo274u3] { display: inline-flex; gap: 0.3rem; align-items: center; justify-content: flex-end; }
.admin-inline-details[b-owayo274u3] { position: relative; display: inline-block; }
.admin-inline-details summary[b-owayo274u3] { cursor: pointer; color: #bfdbfe; font-size: 0.72rem; list-style: none; padding: 0.25rem 0.55rem; border-radius: 6px; background: rgba(59, 130, 246, 0.18); border: 1px solid rgba(59, 130, 246, 0.5); user-select: none; }
.admin-inline-details summary:hover[b-owayo274u3] { background: rgba(59, 130, 246, 0.35); }
.admin-inline-details summary[b-owayo274u3]::-webkit-details-marker { display: none; }
.admin-inline-details[open] summary[b-owayo274u3] { background: rgba(59, 130, 246, 0.45); }
.admin-inline-details form[b-owayo274u3] { position: absolute; right: 0; top: calc(100% + 6px); z-index: 20; display: flex; gap: 0.35rem; align-items: center; padding: 0.5rem; background: #1b1633; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 10px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45); }
.admin-inline-details form input[b-owayo274u3] { margin: 0; width: 160px; }
/* /Components/Pages/Admin/WezeeSettings.razor.rz.scp.css */
.wz-page[b-jv35mcq7w9] { max-width: 880px; padding: 0.5rem 0.25rem 4rem; color: #e8e9f2; }
.wz-page-head[b-jv35mcq7w9] { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 1.4rem; }
.wz-page-head h1[b-jv35mcq7w9] { margin: 0; font-size: 1.6rem; color: #fff; letter-spacing: -0.01em; }
.wz-page-sub[b-jv35mcq7w9] { margin: 0.2rem 0 0; color: #a4a9bd; font-size: 0.9rem; }

/* ── Banner ───────────────────────────────────────────────── */
.wz-banner[b-jv35mcq7w9] { padding: 0.7rem 1rem; border-radius: 10px; margin: 0 0 1.2rem; font-size: 0.9rem; }
.wz-banner-ok[b-jv35mcq7w9] { background: rgba(34, 197, 94, 0.12); color: #bbf7d0; border: 1px solid rgba(34, 197, 94, 0.25); }

/* ── Status card ──────────────────────────────────────────── */
.wz-status[b-jv35mcq7w9] {
    display: grid; grid-template-columns: 1fr auto; gap: 1.2rem; align-items: center;
    background: linear-gradient(135deg, rgba(91, 34, 173, 0.18), rgba(59, 130, 246, 0.12));
    border: 1px solid rgba(183, 148, 244, 0.25);
    border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1.4rem;
}
.wz-status-main[b-jv35mcq7w9] { display: flex; align-items: center; gap: 0.85rem; }
.wz-status-main strong[b-jv35mcq7w9] { display: block; color: #fff; font-size: 1.05rem; font-weight: 600; }
.wz-status-main p[b-jv35mcq7w9] { margin: 0.15rem 0 0; color: #c3c6d4; font-size: 0.85rem; }
.wz-dot[b-jv35mcq7w9] { width: 11px; height: 11px; border-radius: 50%; flex-shrink: 0; }
.wz-dot-ok[b-jv35mcq7w9]   { background: #22c55e; box-shadow: 0 0 12px rgba(34, 197, 94, 0.6); }
.wz-dot-warn[b-jv35mcq7w9] { background: #f59e0b; box-shadow: 0 0 12px rgba(245, 158, 11, 0.6); }

.wz-status-meta[b-jv35mcq7w9] { display: flex; gap: 1.3rem; }
.wz-status-meta div[b-jv35mcq7w9] { display: flex; flex-direction: column; align-items: flex-end; }
.wz-status-meta span[b-jv35mcq7w9] { color: #8b8fa3; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; }
.wz-status-meta strong[b-jv35mcq7w9] { color: #e8e9f2; font-size: 0.88rem; font-weight: 600; font-family: ui-monospace, "Cascadia Code", monospace; }

/* ── Card grid ────────────────────────────────────────────── */
.wz-grid-2[b-jv35mcq7w9] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }
@media (max-width: 720px) { .wz-grid-2[b-jv35mcq7w9] { grid-template-columns: 1fr; } }

.wz-card[b-jv35mcq7w9] {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px; padding: 1rem 1.1rem;
}
.wz-card-head[b-jv35mcq7w9] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.3rem; }
.wz-card-head h2[b-jv35mcq7w9] { margin: 0; font-size: 1rem; font-weight: 600; color: #fff; }
.wz-card-link[b-jv35mcq7w9] { color: #a78bfa; font-size: 0.8rem; text-decoration: none; }
.wz-card-link:hover[b-jv35mcq7w9] { text-decoration: underline; }
.wz-card-sub[b-jv35mcq7w9] { margin: 0 0 0.85rem; color: #a4a9bd; font-size: 0.82rem; line-height: 1.5; }

/* ── Forms ────────────────────────────────────────────────── */
.wz-form[b-jv35mcq7w9] { display: flex; flex-direction: column; gap: 0.7rem; }
.wz-input[b-jv35mcq7w9] {
    width: 100%; padding: 0.6rem 0.75rem;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 8px;
    color: #fff; font: inherit; font-size: 0.9rem;
    box-sizing: border-box;
}
.wz-input:focus[b-jv35mcq7w9] { outline: none; border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.2); }
.wz-input[b-jv35mcq7w9]::placeholder { color: #6b7280; }
textarea.wz-input[b-jv35mcq7w9] { font-family: ui-monospace, "Cascadia Code", monospace; font-size: 0.82rem; resize: vertical; min-height: 110px; }
select.wz-input[b-jv35mcq7w9] { cursor: pointer; }
select.wz-input option[b-jv35mcq7w9] { background: #1f2330; color: #fff; }

.wz-row-2[b-jv35mcq7w9] { display: grid; grid-template-columns: 1fr 180px; gap: 0.7rem; }
.wz-row-3[b-jv35mcq7w9] { display: grid; grid-template-columns: 1fr 1fr 110px; gap: 0.7rem; }
@media (max-width: 600px) {
    .wz-row-2[b-jv35mcq7w9], .wz-row-3[b-jv35mcq7w9] { grid-template-columns: 1fr; }
}

.wz-field[b-jv35mcq7w9] { display: flex; flex-direction: column; gap: 0.3rem; }
.wz-field > span[b-jv35mcq7w9] { color: #a4a9bd; font-size: 0.78rem; font-weight: 500; }

.wz-form-actions[b-jv35mcq7w9] { display: flex; align-items: center; gap: 0.6rem; margin-top: 0.2rem; }
.wz-btn[b-jv35mcq7w9] {
    padding: 0.55rem 1.1rem; border: none; border-radius: 8px; cursor: pointer;
    font: inherit; font-size: 0.88rem; font-weight: 600;
}
.wz-btn-primary[b-jv35mcq7w9] {
    background: linear-gradient(135deg, #7c3aed, #3b82f6); color: #fff;
    box-shadow: 0 4px 14px rgba(124, 58, 237, 0.35);
}
.wz-btn-primary:hover[b-jv35mcq7w9] { filter: brightness(1.1); transform: translateY(-1px); transition: transform 0.1s; }
.wz-btn-text[b-jv35mcq7w9] {
    background: none; border: none; color: #fca5a5; font-size: 0.82rem; cursor: pointer;
    padding: 0.4rem 0.6rem; font: inherit; font-weight: 500;
}
.wz-btn-text:hover[b-jv35mcq7w9] { color: #fff; text-decoration: underline; }

/* ── Advanced collapsibles ────────────────────────────────── */
.wz-advanced[b-jv35mcq7w9] { padding: 0; margin-bottom: 0.8rem; }
.wz-advanced > summary[b-jv35mcq7w9] {
    display: flex; align-items: center; gap: 0.7rem;
    list-style: none; cursor: pointer; padding: 0.9rem 1.1rem;
    border-radius: 12px; user-select: none;
}
.wz-advanced > summary[b-jv35mcq7w9]::-webkit-details-marker { display: none; }
.wz-advanced > summary:hover[b-jv35mcq7w9] { background: rgba(255, 255, 255, 0.03); }
.wz-chev[b-jv35mcq7w9] { color: #8b8fa3; font-size: 0.9rem; transition: transform 0.15s; flex-shrink: 0; }
.wz-advanced[open] .wz-chev[b-jv35mcq7w9] { transform: rotate(90deg); }
.wz-adv-title[b-jv35mcq7w9] { font-weight: 600; color: #fff; flex: 1; }
.wz-adv-state[b-jv35mcq7w9] { color: #8b8fa3; font-size: 0.78rem; font-style: italic; }

.wz-tag[b-jv35mcq7w9] {
    padding: 0.15rem 0.55rem; border-radius: 999px;
    font-size: 0.7rem; font-weight: 600; letter-spacing: 0.02em;
}
.wz-tag-info[b-jv35mcq7w9] { background: rgba(59, 130, 246, 0.18); color: #93c5fd; }

.wz-adv-body[b-jv35mcq7w9] {
    padding: 0 1.1rem 1.1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.wz-adv-body > p:first-child[b-jv35mcq7w9] { margin-top: 0.9rem; }

.wz-field-narrow[b-jv35mcq7w9] { /* used inside wz-row-2 / wz-row-3 */ }
/* /Components/Pages/Admin/WizbitUsers.razor.rz.scp.css */
h1[b-xtmkefjiyp] { color: #fff; margin: 0 0 0.4rem; }
.admin-sub[b-xtmkefjiyp] { color: #a4a9bd; margin: 0 0 1.2rem; font-size: 0.88rem; }
.admin-sub a[b-xtmkefjiyp] { color: #c9b6ff; }

.admin-section[b-xtmkefjiyp] { margin: 0 0 1.4rem; padding: 1rem 1.1rem; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; }
.admin-section h2[b-xtmkefjiyp] { margin: 0 0 0.7rem; color: #fff; font-size: 1.05rem; }
.admin-empty[b-xtmkefjiyp] { color: #c3c6d4; font-style: italic; margin: 0; }
.admin-count[b-xtmkefjiyp] { padding: 0.1rem 0.5rem; border-radius: 999px; background: rgba(59, 130, 246, 0.25); color: #fff; font-size: 0.72rem; font-weight: 600; margin-left: 0.4rem; }

.admin-form[b-xtmkefjiyp] { display: flex; flex-direction: column; gap: 0.55rem; }
.admin-form-row[b-xtmkefjiyp] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0.6rem; }
.admin-field[b-xtmkefjiyp] { display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.82rem; color: #d4d6e3; }
.admin-field input[b-xtmkefjiyp], .admin-field select[b-xtmkefjiyp] { padding: 0.5rem 0.6rem; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 8px; color: #fff; font: inherit; }
.admin-btn[b-xtmkefjiyp] { align-self: flex-start; padding: 0.5rem 1rem; border: none; border-radius: 8px; background: linear-gradient(135deg, #5b22ad, #3b82f6); color: #fff; font-weight: 600; cursor: pointer; }

.admin-banner[b-xtmkefjiyp] { padding: 0.55rem 0.8rem; border-radius: 8px; margin: 0 0 0.8rem; font-size: 0.9rem; }
.admin-banner-ok[b-xtmkefjiyp] { background: rgba(34, 197, 94, 0.15); color: #bbf7d0; }
.admin-banner-warn[b-xtmkefjiyp] { background: rgba(239, 68, 68, 0.15); color: #fecaca; }

.admin-table[b-xtmkefjiyp] { width: 100%; border-collapse: collapse; color: #e8e9f2; font-size: 0.88rem; }
.admin-table th[b-xtmkefjiyp] { text-align: left; padding: 0.5rem 0.6rem; background: rgba(255, 255, 255, 0.04); color: #c9b6ff; font-weight: 600; }
.admin-table td[b-xtmkefjiyp] { padding: 0.55rem 0.6rem; border-top: 1px solid rgba(255, 255, 255, 0.06); vertical-align: top; }
.admin-table select[b-xtmkefjiyp] { padding: 0.3rem 0.45rem; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 6px; color: #fff; font: inherit; }
.admin-meta-line[b-xtmkefjiyp] { color: #8b8fa3; font-size: 0.78rem; }
.admin-row-disabled[b-xtmkefjiyp] { opacity: 0.55; }

.admin-actions-cell[b-xtmkefjiyp] { display: flex; gap: 0.35rem; flex-wrap: wrap; align-items: center; }
.admin-inline-form[b-xtmkefjiyp] { display: inline-block; margin: 0; }
.admin-inline-form input[type=password][b-xtmkefjiyp] { padding: 0.3rem 0.45rem; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 6px; color: #fff; font: inherit; margin-right: 0.3rem; }
.admin-btn-tiny[b-xtmkefjiyp] { padding: 0.25rem 0.55rem; border-radius: 6px; background: rgba(59, 130, 246, 0.18); border: 1px solid rgba(59, 130, 246, 0.5); color: #bfdbfe; font-size: 0.72rem; cursor: pointer; }
.admin-btn-tiny:hover[b-xtmkefjiyp] { background: rgba(59, 130, 246, 0.35); }
.admin-btn-danger[b-xtmkefjiyp] { background: rgba(239, 68, 68, 0.15); border-color: rgba(239, 68, 68, 0.5); color: #fecaca; }
.admin-btn-danger:hover[b-xtmkefjiyp] { background: rgba(239, 68, 68, 0.3); }

.admin-inline-details[b-xtmkefjiyp] { display: inline-block; }
.admin-inline-details summary[b-xtmkefjiyp] { cursor: pointer; color: #c9b6ff; font-size: 0.78rem; list-style: none; padding: 0.25rem 0.55rem; border-radius: 6px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); }
.admin-inline-details summary[b-xtmkefjiyp]::-webkit-details-marker { display: none; }
.admin-inline-details[open] summary[b-xtmkefjiyp] { background: rgba(59, 130, 246, 0.2); }
/* /Components/Pages/Login.razor.rz.scp.css */
.login-wrap[b-kigwrwqn4p] {
    display: flex;
    justify-content: center;
    padding: 4rem 1rem;
}

.login-card[b-kigwrwqn4p] {
    width: 100%;
    max-width: 380px;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 2rem;
    background: #fff;
    color: #1f2330;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}

    .login-card h1[b-kigwrwqn4p] {
        margin: 0;
        font-size: 1.5rem;
        color: #1f2330;
    }

.login-brand[b-kigwrwqn4p] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding-bottom: 0.9rem;
    margin-bottom: 0.3rem;
    border-bottom: 1px solid #eef0f3;
}

    .login-brand img[b-kigwrwqn4p] {
        width: 36px;
        height: 36px;
        object-fit: contain;
    }

    .login-brand span[b-kigwrwqn4p] {
        font-weight: 700;
        font-size: 1.05rem;
        color: #1f2330;
        letter-spacing: 0.01em;
    }

.login-sub[b-kigwrwqn4p] {
    margin: 0 0 0.5rem;
    color: #6b7280;
    font-size: 0.9rem;
}

.login-field[b-kigwrwqn4p] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #374151;
}

    .login-field input[b-kigwrwqn4p] {
        padding: 0.6rem 0.7rem;
        border: 1px solid #d1d5db;
        border-radius: 8px;
        font-size: 0.95rem;
        font-weight: 400;
    }

.login-button[b-kigwrwqn4p] {
    margin-top: 0.5rem;
    padding: 0.65rem;
    border: none;
    border-radius: 8px;
    background: #3b82f6;
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
}

    .login-button:hover[b-kigwrwqn4p] {
        background: #2f6fe0;
    }

.login-error[b-kigwrwqn4p] {
    margin: 0;
    padding: 0.55rem 0.7rem;
    border-radius: 8px;
    background: #fef2f2;
    color: #b91c1c;
    font-size: 0.88rem;
}

.login-hint[b-kigwrwqn4p] {
    margin: 0.25rem 0 0;
    color: #9ca3af;
    font-size: 0.78rem;
}
/* /Components/Pages/Services.razor.rz.scp.css */
/* =========================================================
   WIZBIT — SERVICES PAGE
   CLEAN FINAL CSS — TICKET #18
   ========================================================= */


/* =========================================================
   SHARED PAGE WIDTH / ALIGNMENT
   ========================================================= */

.services-section-header[b-nld8cw3bai],
.services-grid[b-nld8cw3bai],
.wizpos-feature-hero[b-nld8cw3bai],
.wizpos-feature-grid[b-nld8cw3bai],
.wizpos-custom-banner[b-nld8cw3bai] {
    width: calc(100vw - 24px);
    max-width: none;
    margin-left: calc(50% - 50vw + 12px);
    margin-right: 0;
    box-sizing: border-box;
}


/* =========================================================
   SERVICES HERO EXTRAS
   ========================================================= */

.services-trust[b-nld8cw3bai] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 26px;
    margin-top: 20px;
    color: #f2f7ff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.home-hero .home-btn-primary[b-nld8cw3bai] {
    min-height: 50px;
    padding: 0 26px;
    color: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #ba55ff;
    border-radius: 999px;
    background: linear-gradient( 100deg, #0878ff 0%, #723cff 52%, #d52cff 100% );
    box-shadow: 0 0 4px rgba(69, 211, 255, .90), 0 0 10px rgba(194, 54, 255, .50);
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease;
}

    .home-hero .home-btn-primary:hover[b-nld8cw3bai] {
        color: #ffffff;
        text-decoration: none;
        transform: translateY(-2px);
        box-shadow: 0 0 5px rgba(69, 211, 255, .95), 0 0 13px rgba(194, 54, 255, .65);
    }


/* =========================================================
   SERVICES SECTION
   ========================================================= */

.services-section[b-nld8cw3bai] {
    position: relative;
    width: 100%;
    padding: 52px 0 68px;
    overflow: hidden;
    background: radial-gradient( circle at 14% 18%, rgba(111, 38, 255, .14), transparent 28% ), radial-gradient( circle at 87% 74%, rgba(0, 195, 255, .11), transparent 30% ), linear-gradient( 180deg, #020916 0%, #030b1c 50%, #020814 100% );
}

.services-section-header[b-nld8cw3bai] {
    margin-bottom: 30px;
    padding: 0 10px;
    text-align: center;
}

.services-section-label[b-nld8cw3bai] {
    display: block;
    margin-bottom: 8px;
    color: #58dcff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 4px;
}

.services-section-header h2[b-nld8cw3bai] {
    margin: 0 0 12px;
    color: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 700;
    line-height: 1.08;
}

.services-section-header p[b-nld8cw3bai] {
    max-width: 720px;
    margin: 0 auto;
    color: #d1dced;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}


/* =========================================================
   SERVICES GRID
   ========================================================= */

.services-grid[b-nld8cw3bai] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.service-card[b-nld8cw3bai] {
    position: relative;
    min-height: 325px;
    padding: 28px 28px 24px;
    overflow: hidden;
    color: #ffffff;
    background: linear-gradient( 145deg, rgba(8, 17, 41, .98), rgba(3, 9, 25, .98) );
    border: 1px solid;
    border-radius: 22px;
    transition: transform .20s ease, box-shadow .20s ease;
}

    .service-card[b-nld8cw3bai]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        opacity: .10;
        background: radial-gradient( circle at 80% 30%, currentColor, transparent 42% );
    }

    .service-card:hover[b-nld8cw3bai] {
        transform: translateY(-3px);
    }

.service-card-icon-image[b-nld8cw3bai] {
    position: relative;
    z-index: 5;
    display: block;
    width: 68px;
    height: 68px;
    margin-bottom: 10px;
    object-fit: contain;
}

.service-card-art[b-nld8cw3bai] {
    position: absolute;
    z-index: 1;
    right: 12px;
    bottom: 10px;
    width: 43%;
    max-width: 270px;
    max-height: 91%;
    object-fit: contain;
    pointer-events: none;
    filter: drop-shadow( 0 0 12px rgba(0, 0, 0, .35) );
}

.service-card-copy[b-nld8cw3bai] {
    position: relative;
    z-index: 5;
    width: 55%;
    min-height: 228px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.service-card h3[b-nld8cw3bai] {
    margin: 0 0 10px;
    color: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.15;
}

.service-card p[b-nld8cw3bai] {
    flex: 1;
    margin: 0 0 18px;
    color: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}


/* =========================================================
   LEARN MORE BUTTON
   ========================================================= */

.service-card-link[b-nld8cw3bai] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 41px;
    padding: 7px 19px;
    color: inherit;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    background: transparent;
    border: 1.5px solid currentColor;
    border-radius: 999px;
    box-shadow: 0 0 3px currentColor, 0 0 8px currentColor;
    transition: transform .18s ease, box-shadow .18s ease;
}

    .service-card-link:hover[b-nld8cw3bai] {
        color: inherit;
        text-decoration: none;
        transform: translateY(-2px);
        background: transparent;
        box-shadow: 0 0 4px currentColor, 0 0 11px currentColor, 0 0 17px currentColor;
    }


/* =========================================================
   SERVICE COLORS
   ========================================================= */

.service-purple[b-nld8cw3bai] {
    color: #ef63ff;
    border-color: #df48ff;
    box-shadow: 0 0 10px rgba(223, 72, 255, .34), inset 0 0 18px rgba(223, 72, 255, .035);
}

.service-blue[b-nld8cw3bai] {
    color: #43cfff;
    border-color: #1aa8ff;
    box-shadow: 0 0 10px rgba(26, 168, 255, .34), inset 0 0 18px rgba(26, 168, 255, .035);
}

.service-green[b-nld8cw3bai] {
    color: #59ee8d;
    border-color: #38dc73;
    box-shadow: 0 0 10px rgba(56, 220, 115, .34), inset 0 0 18px rgba(56, 220, 115, .035);
}

.service-gold[b-nld8cw3bai] {
    color: #ffc845;
    border-color: #ffb21e;
    box-shadow: 0 0 10px rgba(255, 178, 30, .34), inset 0 0 18px rgba(255, 178, 30, .035);
}

.service-pink[b-nld8cw3bai] {
    color: #ff70ec;
    border-color: #f24bd9;
    box-shadow: 0 0 10px rgba(242, 75, 217, .34), inset 0 0 18px rgba(242, 75, 217, .035);
}

.service-cyan[b-nld8cw3bai] {
    color: #50ddff;
    border-color: #1acdf7;
    box-shadow: 0 0 10px rgba(26, 205, 247, .34), inset 0 0 18px rgba(26, 205, 247, .035);
}


/* =========================================================
   WIZPOS AREA
   ========================================================= */

.wizpos-feature[b-nld8cw3bai] {
    position: relative;
    width: 100%;
    padding: 0 0 48px;
    overflow: hidden;
    background: #020817;
}


/* =========================================================
   WIZPOS HERO
   ========================================================= */

.wizpos-feature-hero[b-nld8cw3bai] {
    position: relative;
    overflow: hidden;
    border-left: 1px solid rgba(40, 204, 255, .90);
    border-bottom: 1px solid rgba(63, 116, 255, .65);
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    box-shadow: -2px 0 7px rgba(0, 213, 255, .36), 0 2px 8px rgba(70, 84, 255, .24);
}

.wizpos-feature-hero-image[b-nld8cw3bai] {
    display: block;
    width: 100%;
    height: auto;
}

.wizpos-feature-actions[b-nld8cw3bai] {
    position: absolute;
    z-index: 5;
    left: 4%;
    bottom: 7%;
    display: flex;
    gap: 14px;
}


/* =========================================================
   WIZPOS BUTTONS
   ========================================================= */

.wizpos-button[b-nld8cw3bai],
.wizpos-custom-button[b-nld8cw3bai] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 25px;
    color: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 999px;
    transition: transform .18s ease, box-shadow .18s ease;
}

    .wizpos-button:hover[b-nld8cw3bai],
    .wizpos-custom-button:hover[b-nld8cw3bai] {
        color: #ffffff;
        text-decoration: none;
        transform: translateY(-2px);
    }

.wizpos-button-primary[b-nld8cw3bai],
.wizpos-custom-button[b-nld8cw3bai] {
    border: 1px solid #ff6aff;
    background: linear-gradient( 100deg, #7b37ff, #d82cff );
    box-shadow: 0 0 4px rgba(255, 100, 255, .88), 0 0 10px rgba(220, 46, 255, .48);
}

    .wizpos-button-primary:hover[b-nld8cw3bai],
    .wizpos-custom-button:hover[b-nld8cw3bai] {
        box-shadow: 0 0 5px rgba(255, 104, 255, .95), 0 0 13px rgba(221, 48, 255, .62);
    }

.wizpos-button-secondary[b-nld8cw3bai] {
    border: 1px solid #41d1ff;
    background: linear-gradient( 100deg, #0878ff, #1552e9 );
    box-shadow: 0 0 4px rgba(65, 209, 255, .88), 0 0 10px rgba(41, 183, 255, .46);
}

    .wizpos-button-secondary:hover[b-nld8cw3bai] {
        box-shadow: 0 0 5px rgba(65, 209, 255, .95), 0 0 13px rgba(41, 183, 255, .60);
    }


/* =========================================================
   WIZPOS FEATURE STRIP
   ========================================================= */

.wizpos-feature-grid[b-nld8cw3bai] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    overflow: hidden;
    background: linear-gradient( 180deg, rgba(4, 17, 41, .86), rgba(2, 9, 27, .86) );
    border-top: 1px solid rgba(36, 184, 255, .60);
    border-bottom: 1px solid rgba(75, 111, 255, .65);
    border-left: 1px solid rgba(38, 199, 255, .86);
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    box-shadow: -2px 0 7px rgba(0, 213, 255, .32), 0 2px 8px rgba(87, 70, 255, .24);
}

    .wizpos-feature-grid[b-nld8cw3bai]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        pointer-events: none;
        background: linear-gradient( 90deg, #00d9ff, #476cff 50%, #c62cff 84%, transparent );
        box-shadow: 0 0 5px rgba(0, 215, 255, .75), 0 0 9px rgba(113, 61, 255, .42);
    }

.wizpos-feature-item[b-nld8cw3bai] {
    position: relative;
    min-width: 0;
    padding: 15px 8px 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background: transparent;
    border: none;
}

    .wizpos-feature-item:not(:last-child)[b-nld8cw3bai]::after {
        content: "";
        position: absolute;
        top: 18%;
        right: 0;
        width: 1px;
        height: 64%;
        background: linear-gradient( 180deg, transparent, rgba(54, 197, 255, .75), rgba(82, 97, 255, .55), transparent );
        box-shadow: 0 0 4px rgba(42, 190, 255, .40);
    }

    .wizpos-feature-item:hover[b-nld8cw3bai] {
        color: #ffffff;
        text-decoration: none;
        background: rgba(18, 72, 148, .12);
    }

.wizpos-feature-icon-image[b-nld8cw3bai] {
    display: block;
    width: 46px;
    height: 46px;
    margin: 0 auto 7px;
    object-fit: contain;
    transition: transform .18s ease;
}

.wizpos-feature-item:hover .wizpos-feature-icon-image[b-nld8cw3bai] {
    transform: scale(1.05);
}

.wizpos-feature-item span[b-nld8cw3bai] {
    color: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.18;
}


/* =========================================================
   CUSTOM SOLUTION BANNER
   ========================================================= */

.wizpos-custom-banner[b-nld8cw3bai] {
    position: relative;
    height: 215px;
    overflow: hidden;
    background: linear-gradient( 90deg, rgba(3, 10, 34, .10) 0%, rgba(3, 10, 34, .35) 35%, rgba(3, 10, 34, .15) 100% ), url('/images/wizpos/wizpos-custom-banner.png') right center / cover no-repeat;
    border-left: 1px solid rgba(31, 198, 255, .86);
    border-bottom: 1px solid rgba(99, 78, 255, .66);
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    box-shadow: -2px 0 7px rgba(0, 213, 255, .30), 0 2px 8px rgba(91, 62, 255, .24);
}

    .wizpos-custom-banner[b-nld8cw3bai]::after {
        content: "";
        position: absolute;
        z-index: 6;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        pointer-events: none;
        background: linear-gradient( 90deg, #00d9ff, #4667ff 49%, #ff39e9 84%, transparent );
        box-shadow: 0 0 5px rgba(0, 217, 255, .76), 0 0 10px rgba(120, 53, 255, .46);
    }

.wizpos-custom-banner-image[b-nld8cw3bai] {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 38%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
    -webkit-mask-image: linear-gradient( 90deg, #000 0%, #000 72%, rgba(0, 0, 0, .80) 82%, rgba(0, 0, 0, .35) 92%, transparent 100% );
    mask-image: linear-gradient( 90deg, #000 0%, #000 72%, rgba(0, 0, 0, .80) 82%, rgba(0, 0, 0, .35) 92%, transparent 100% );
}

.wizpos-custom-banner[b-nld8cw3bai]::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    pointer-events: none;
    background: linear-gradient( 90deg, transparent 0%, rgba(2, 9, 27, .04) 27%, rgba(2, 9, 27, .20) 42%, rgba(2, 9, 27, .18) 70%, transparent 100% );
}

.wizpos-custom-copy[b-nld8cw3bai] {
    position: absolute;
    z-index: 5;
    left: 31%;
    top: 50%;
    width: 48%;
    transform: translateY(-50%);
}

    .wizpos-custom-copy h2[b-nld8cw3bai] {
        margin: 0 0 8px;
        color: #ffffff;
        font-family: "Segoe UI", Arial, sans-serif;
        font-size: clamp(32px, 2.9vw, 46px);
        font-weight: 700;
        line-height: 1.05;
        letter-spacing: -.4px;
        white-space: nowrap;
    }

        .wizpos-custom-copy h2 span[b-nld8cw3bai] {
            background: linear-gradient( 90deg, #3edbff, #8194ff, #ff58dc );
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

    .wizpos-custom-copy p[b-nld8cw3bai] {
        margin: 0;
        max-width: 630px;
        color: #ffffff;
        font-family: "Segoe UI", Arial, sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.42;
    }

.wizpos-custom-action[b-nld8cw3bai] {
    position: absolute;
    z-index: 5;
    right: 3%;
    top: 50%;
    transform: translateY(-50%);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .services-grid[b-nld8cw3bai] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .service-card[b-nld8cw3bai] {
        min-height: 295px;
    }

    .wizpos-feature-grid[b-nld8cw3bai] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .wizpos-feature-item:nth-child(4)[b-nld8cw3bai]::after,
    .wizpos-feature-item:nth-child(8)[b-nld8cw3bai]::after {
        display: none;
    }

    .wizpos-custom-copy[b-nld8cw3bai] {
        left: 31%;
        width: 45%;
    }

        .wizpos-custom-copy h2[b-nld8cw3bai] {
            font-size: clamp( 25px, 3vw, 36px );
        }

        .wizpos-custom-copy p[b-nld8cw3bai] {
            font-size: 14px;
        }

    .wizpos-custom-button[b-nld8cw3bai] {
        padding: 0 20px;
        font-size: 15px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 750px) {

    .services-section-header[b-nld8cw3bai],
    .services-grid[b-nld8cw3bai],
    .wizpos-feature-hero[b-nld8cw3bai],
    .wizpos-feature-grid[b-nld8cw3bai],
    .wizpos-custom-banner[b-nld8cw3bai] {
        width: calc(100vw - 16px);
        margin-left: calc(50% - 50vw + 8px);
        margin-right: 0;
    }

    .services-section[b-nld8cw3bai] {
        padding: 40px 0 48px;
    }

    .services-section-header[b-nld8cw3bai] {
        margin-bottom: 26px;
    }

        .services-section-header h2[b-nld8cw3bai] {
            font-size: 30px;
        }

        .services-section-header p[b-nld8cw3bai] {
            font-size: 14px;
        }

    .services-grid[b-nld8cw3bai] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .service-card[b-nld8cw3bai] {
        min-height: 245px;
        padding: 20px 18px;
    }

    .service-card-copy[b-nld8cw3bai] {
        width: 59%;
        min-height: 170px;
    }

    .service-card-icon-image[b-nld8cw3bai] {
        width: 50px;
        height: 50px;
    }

    .service-card h3[b-nld8cw3bai] {
        font-size: 21px;
    }

    .service-card p[b-nld8cw3bai] {
        font-size: 14px;
    }

    .service-card-art[b-nld8cw3bai] {
        width: 39%;
        max-width: 165px;
        right: 5px;
        bottom: 5px;
    }


    /* -------------------------
       WIZPOS HERO BUTTONS
       ------------------------- */

    .wizpos-feature-hero[b-nld8cw3bai] {
        padding-bottom: 72px;
    }

    .wizpos-feature-actions[b-nld8cw3bai] {
        left: 10px;
        right: 10px;
        bottom: 12px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .wizpos-button[b-nld8cw3bai] {
        width: 100%;
        min-height: 43px;
        padding: 0 8px;
        font-size: 12px;
    }


    /* -------------------------
       SHOW ALL 8 ICONS
       4 COLUMNS × 2 ROWS
       ------------------------- */

    .wizpos-feature-grid[b-nld8cw3bai] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        overflow: hidden;
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px;
    }

    .wizpos-feature-item[b-nld8cw3bai] {
        min-width: 0;
        min-height: 92px;
        padding: 9px 4px;
    }

        .wizpos-feature-item:nth-child(4)[b-nld8cw3bai]::after,
        .wizpos-feature-item:nth-child(8)[b-nld8cw3bai]::after {
            display: none;
        }

    .wizpos-feature-icon-image[b-nld8cw3bai] {
        width: 38px;
        height: 38px;
        margin-bottom: 4px;
    }

    .wizpos-feature-item span[b-nld8cw3bai] {
        font-size: 10px;
        line-height: 1.12;
    }


    /* -------------------------
       CUSTOM SOLUTION
       Crops the bad hat tip
       ------------------------- */

    .wizpos-custom-banner[b-nld8cw3bai] {
        position: relative;
        height: 300px;
        min-height: 300px;
        padding: 0;
        overflow: hidden;
        background: #020817;
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px;
    }

    .wizpos-custom-banner-image[b-nld8cw3bai] {
        position: absolute;
        z-index: 1;
        left: 0;
        top: -26px;
        width: 100%;
        height: 180px;
        object-fit: cover;
        object-position: left 66%;
    }

    .wizpos-custom-banner[b-nld8cw3bai]::before {
        z-index: 2;
        background: linear-gradient( 180deg, transparent 0%, rgba(2, 9, 27, .10) 38%, #020817 58%, #020817 100% );
    }

    .wizpos-custom-copy[b-nld8cw3bai] {
        position: absolute;
        z-index: 5;
        left: 0;
        right: 0;
        top: auto;
        bottom: 70px;
        width: 100%;
        padding: 0 18px;
        transform: none;
        text-align: center;
    }

        .wizpos-custom-copy h2[b-nld8cw3bai] {
            margin: 0 0 8px;
            font-size: 20px;
            line-height: 1.12;
            white-space: normal;
        }

        .wizpos-custom-copy p[b-nld8cw3bai] {
            margin: 0 auto;
            max-width: 420px;
            font-size: 12px;
            line-height: 1.42;
        }

    .wizpos-custom-action[b-nld8cw3bai] {
        position: absolute;
        z-index: 5;
        left: 18px;
        right: 18px;
        top: auto;
        bottom: 14px;
        width: auto;
        padding: 0;
        transform: none;
    }

    .wizpos-custom-button[b-nld8cw3bai] {
        width: 100%;
        min-height: 44px;
        padding: 0 12px;
        font-size: 13px;
    }
}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 420px) {

    .services-section-header[b-nld8cw3bai],
    .services-grid[b-nld8cw3bai],
    .wizpos-feature-hero[b-nld8cw3bai],
    .wizpos-feature-grid[b-nld8cw3bai],
    .wizpos-custom-banner[b-nld8cw3bai] {
        width: calc(100vw - 12px);
        margin-left: calc(50% - 50vw + 6px);
    }

    .service-card[b-nld8cw3bai] {
        min-height: 235px;
        padding: 18px 15px;
    }

    .service-card-copy[b-nld8cw3bai] {
        width: 61%;
    }

    .service-card h3[b-nld8cw3bai] {
        font-size: 19px;
    }

    .service-card p[b-nld8cw3bai] {
        font-size: 13px;
    }

    .service-card-art[b-nld8cw3bai] {
        width: 40%;
    }

    .wizpos-feature-actions[b-nld8cw3bai] {
        grid-template-columns: 1fr;
    }

    .wizpos-feature-hero[b-nld8cw3bai] {
        padding-bottom: 116px;
    }

    .wizpos-feature-item[b-nld8cw3bai] {
        min-height: 88px;
        padding: 8px 2px;
    }

    .wizpos-feature-icon-image[b-nld8cw3bai] {
        width: 34px;
        height: 34px;
    }

    .wizpos-feature-item span[b-nld8cw3bai] {
        font-size: 9px;
    }

    .wizpos-custom-banner[b-nld8cw3bai] {
        height: 240px;
        min-height: 290px;
    }

    .wizpos-custom-banner-image[b-nld8cw3bai] {
        top: -30px;
        height: 180px;
        object-position: left 68%;
    }

    .wizpos-custom-copy[b-nld8cw3bai] {
        bottom: 68px;
        padding: 0 14px;
    }

        .wizpos-custom-copy h2[b-nld8cw3bai] {
            font-size: 18px;
        }

        .wizpos-custom-copy p[b-nld8cw3bai] {
            font-size: 11px;
        }
}