@import '_content/Planna.Portal.Shared/Planna.Portal.Shared.dfczqctpa4.bundle.scp.css';

/* /Components/Layout/InstancePickerSplash.razor.rz.scp.css */
/* InstancePickerSplash — scoped styles */

.ips-overlay[b-f7icebcp48] {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: var(--bg-base);
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
}

.ips-dialog[b-f7icebcp48] {
    width: 100%;
    max-width: 360px;
    padding: var(--s6);
    display: flex;
    flex-direction: column;
    gap: var(--s4);
}

.ips-title[b-f7icebcp48] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-1);
    letter-spacing: -0.02em;
}

.ips-subtitle[b-f7icebcp48] {
    font-size: 0.875rem;
    color: var(--text-3);
    margin-top: var(--s1);
}

.ips-list[b-f7icebcp48] {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
}

.ips-option[b-f7icebcp48] {
    text-align: left;
    border: none;
    font-family: inherit;
    cursor: pointer;
    padding: var(--s4);
    transition: border-color 0.15s;
}

.ips-option-name[b-f7icebcp48] {
    font-weight: 500;
    color: var(--text-1);
}

.ips-option-desc[b-f7icebcp48] {
    font-size: 0.8rem;
    color: var(--text-3);
    margin-top: 2px;
}
/* /Components/Layout/InstanceSwitcher.razor.rz.scp.css */
/* InstanceSwitcher — scoped styles */

.is-wrap[b-498gdmwu1k] {
    position: relative;
}

.is-dropdown[b-498gdmwu1k] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    width: 220px;
    padding: 4px;
    z-index: 50;
    box-shadow: var(--sh-lg);
}

.is-btn[b-498gdmwu1k] {
    width: 100%;
    border: none;
    font-family: inherit;
    text-align: left;
    background: none;
}

.is-store-icon-sm[b-498gdmwu1k] {
    width: 11px;
    height: 11px;
}

.is-chevron[b-498gdmwu1k] {
    width: 14px;
    height: 14px;
    color: var(--text-3);
    flex-shrink: 0;
}

.is-check-icon[b-498gdmwu1k] {
    width: 14px;
    height: 14px;
    color: var(--accent);
    flex-shrink: 0;
}

.is-store-icon[b-498gdmwu1k] {
    width: 14px;
    height: 14px;
    color: var(--text-3);
    flex-shrink: 0;
}

.is-skeleton[b-498gdmwu1k] {
    height: 36px;
    border-radius: var(--r-md);
}

@media (max-width: 479px) {
    .is-dropdown[b-498gdmwu1k] {
        right: 0;
        left: auto;
        width: calc(100vw - var(--s4) * 2);
        max-width: 280px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Planna Internal – MainLayout scoped styles */
/* Note: layout, typography, and design tokens are defined in Portal.Shared/wwwroot/css/app.css */

/* ── App root wrapper ── */
.app-root[b-4jwjpxfb8t] {
    height: 100dvh;
    min-height: 100dvh;
    background: var(--bg-base);
}

/* ── Sidebar ── */
.sidebar[b-4jwjpxfb8t] {
    width: var(--sidebar-w);
    background: var(--bg-sidebar);
    border-right: 1px solid var(--border-1);
}

/* ── Logo sizes ── */
.logo-lg[b-4jwjpxfb8t] {
    height: 28px;
    width: auto;
}

.logo-sm[b-4jwjpxfb8t] {
    height: 22px;
    width: auto;
}

/* ── Main content scroll area ── */
.main-scroll[b-4jwjpxfb8t] {
    flex: 1;
    overflow-y: auto;
}

/* ── Blazor error UI banner ── */
.blazor-error-ui[b-4jwjpxfb8t] {
    display: none;
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    background: var(--red-s);
    border: 1px solid var(--red);
    color: var(--red);
    font-size: 0.875rem;
    padding: 0.75rem 1rem;
    border-radius: var(--r-lg);
    box-shadow: var(--sh-md);
    z-index: 9999;
}

.blazor-error-link[b-4jwjpxfb8t] {
    font-weight: 600;
    text-decoration: underline;
    margin-left: 0.25rem;
}

/* Blazor-rendered error boundary (template default) */
.blazor-error-boundary[b-4jwjpxfb8t] {
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary[b-4jwjpxfb8t]::after {
        content: "Der opstod en uventet fejl.";
    }
/* /Components/Layout/NavCollapsible.razor.rz.scp.css */
/* NavCollapsible — scoped styles */

.nc-group-icon[b-88j3fumn6e] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    stroke-width: 1.85;
}

.nc-chevron[b-88j3fumn6e] {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    stroke-width: 2.5;
}
/* /Components/Layout/NavContainer.razor.rz.scp.css */
/* NavContainer — scoped styles */

.nc-empty-wrap[b-5wjc3rn4bh] {
    padding: var(--s3) var(--s2);
}

.nc-empty-card[b-5wjc3rn4bh] {
    padding: var(--s4);
    display: flex;
    flex-direction: column;
    gap: var(--s2);
}

.nc-empty-title[b-5wjc3rn4bh] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--text-1);
}

.nc-empty-text[b-5wjc3rn4bh] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--text-3);
}

.nc-empty-link[b-5wjc3rn4bh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--accent);
    text-decoration: none;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Planna Internal – NavMenu scoped styles */

[b-1kb2ms5ujn] .sb-nv {
    padding: 14px 12px;
}

[b-1kb2ms5ujn] .sb-sec {
    margin-bottom: 18px;
}

[b-1kb2ms5ujn] .sb-sl {
    padding: 0 11px;
    margin-bottom: 6px;
    letter-spacing: 0.08em;
}

[b-1kb2ms5ujn] .sb-it {
    padding: 8px 11px;
    border-radius: 10px;
    margin-bottom: 2px;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.12s ease;
}

[b-1kb2ms5ujn] .sb-it:hover {
    transform: translateX(1px);
}

[b-1kb2ms5ujn] .sb-it i {
    stroke-width: 1.85;
}

[b-1kb2ms5ujn] .sb-it.on {
    box-shadow: inset 0 0 0 1px var(--accent-ring), var(--sh-xs);
}

/* ─── Ny Booking CTA ────────────────────────────────────────── */

[b-1kb2ms5ujn] .sb-cta {
    padding: 0 0 16px 0;
}

[b-1kb2ms5ujn] .btn-cta-new {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    padding: 10px 14px;
    border-radius: 12px;
    background: var(--accent);
    color: var(--text-on-accent);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: filter 0.16s ease, transform 0.14s ease, box-shadow 0.16s ease;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--accent) 35%, transparent);
}

[b-1kb2ms5ujn] .btn-cta-new:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px color-mix(in srgb, var(--accent) 45%, transparent);
}

[b-1kb2ms5ujn] .btn-cta-new i,
[b-1kb2ms5ujn] .btn-cta-new svg {
    display: block;
    width: 15px;
    height: 15px;
    stroke-width: 2.5;
    flex-shrink: 0;
}

/* ─── Collapsible group ─────────────────────────────────────── */

[b-1kb2ms5ujn] .sb-gl {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 8px 11px;
    border-radius: 10px;
    background: none;
    border: none;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 500;
    color: var(--text-2);
    cursor: pointer;
    transition: background 0.14s, color 0.14s;
    margin-bottom: 2px;
    text-align: left;
    letter-spacing: 0;
}

[b-1kb2ms5ujn] .sb-gl:hover {
    background: var(--bg-elev);
    color: var(--text-1);
}

[b-1kb2ms5ujn] .sb-col-open > .sb-gl {
    color: var(--text-1);
}

[b-1kb2ms5ujn] .sb-gl i:first-child {
    color: var(--text-3);
    transition: color 0.14s;
}

[b-1kb2ms5ujn] .sb-col-open > .sb-gl i:first-child {
    color: var(--accent);
}

[b-1kb2ms5ujn] .sb-chv {
    margin-left: auto;
    width: 12px !important;
    height: 12px !important;
    transition: transform 0.2s ease;
}

[b-1kb2ms5ujn] .sb-col-open .sb-chv {
    transform: rotate(90deg);
}

[b-1kb2ms5ujn] .sb-col-body {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.28s ease, opacity 0.2s ease;
    opacity: 0;
    padding-left: 8px;
}

[b-1kb2ms5ujn] .sb-col-open .sb-col-body {
    max-height: 500px;
    opacity: 1;
}

/* ─── Mobile: larger touch targets for collapsible ──────────── */
@media (max-width: 1024px) {
    [b-1kb2ms5ujn] .sb-gl {
        padding: 11px 11px;
        min-height: 44px;
    }

    [b-1kb2ms5ujn] .btn-cta-new {
        padding: 13px 14px;
        min-height: 48px;
        font-size: 14px;
    }
}

/* /Components/Layout/NavMenuSkeleton.razor.rz.scp.css */
/* NavMenuSkeleton — scoped styles */
.nms-wrap[b-mmh5lhypi5] {
    padding: var(--s3) var(--s2);
}

.nms-item[b-mmh5lhypi5] {
    height: 32px;
    border-radius: var(--r-md);
    margin-bottom: var(--s1);
}

.nms-label[b-mmh5lhypi5] {
    height: 10px;
    width: 48px;
    border-radius: var(--r-sm);
    margin: var(--s3) var(--s2) var(--s2);
}

.nms-label-short[b-mmh5lhypi5] {
    height: 10px;
    width: 36px;
    border-radius: var(--r-sm);
    margin: var(--s3) var(--s2) var(--s2);
}
/* /Components/Layout/NotificationBell.razor.rz.scp.css */
/* NotificationBell — scoped styles */

/* ── Click-outside backdrop ── */
.nb-backdrop[b-flm0e1sryw] {
    position: fixed;
    inset: 0;
    z-index: 49;
}

/* ── Bell button wrapper ── */
.nb-wrapper[b-flm0e1sryw] {
    position: relative;
    z-index: 50;
}

/* ── Bell icon ── */
.nb-bell-icon[b-flm0e1sryw] {
    width: 16px;
    height: 16px;
}

/* ── Unread badge ── */
.nb-badge[b-flm0e1sryw] {
    position: absolute;
    top: 5px;
    right: 5px;
    min-width: 16px;
    height: 16px;
    border-radius: 99px;
    background: var(--red);
    color: var(--text-on-accent);
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    box-shadow: 0 0 0 2px var(--bg-topbar);
    pointer-events: none;
}

/* ── Dropdown card ── */
.nb-dropdown[b-flm0e1sryw] {
    position: fixed;
    top: calc(var(--topbar-h) + 8px);
    right: var(--s6);
    width: min(360px, calc(100vw - var(--s6) * 2));
    max-height: min(520px, 80dvh);
    display: flex;
    flex-direction: column;
    padding: 0;
    z-index: 50;
    box-shadow: var(--sh-lg);
    border-radius: var(--r-xl);
}

/* ── Dropdown header ── */
.nb-header[b-flm0e1sryw] {
    padding: 14px 16px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-1);
    flex-shrink: 0;
}

.nb-header-left[b-flm0e1sryw] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.nb-unread-chip[b-flm0e1sryw] {
    font-size: 11px;
    font-weight: 600;
    color: var(--accent);
    background: var(--accent-subtle);
    padding: 2px 8px;
    border-radius: 99px;
}

/* ── Mark all read button ── */
.nb-mark-all[b-flm0e1sryw] {
    font-size: 12px;
    color: var(--accent);
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: var(--r-md);
    min-height: 44px;
    min-width: 44px;
}

.nb-mark-all:disabled[b-flm0e1sryw] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ── Scrollable body ── */
.nb-body[b-flm0e1sryw] {
    overflow-y: auto;
    flex: 1;
}

/* ── Skeleton row ── */
.nb-skeleton-row[b-flm0e1sryw] {
    padding: 12px 16px;
    display: flex;
    gap: 10px;
    border-bottom: 1px solid var(--border-1);
}

.nb-skeleton-avatar[b-flm0e1sryw] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
}

.nb-skeleton-text-wrap[b-flm0e1sryw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.nb-skeleton-line[b-flm0e1sryw] {
    height: 12px;
    border-radius: 4px;
}

.nb-skeleton-line-short[b-flm0e1sryw] {
    height: 11px;
    border-radius: 4px;
    width: 50%;
}

/* ── Empty state ── */
.nb-empty[b-flm0e1sryw] {
    padding: 40px 16px;
    text-align: center;
}

.nb-empty-icon[b-flm0e1sryw] {
    width: 28px;
    height: 28px;
    color: var(--text-4);
    margin: 0 auto 10px;
    display: block;
}

.nb-empty-text[b-flm0e1sryw] {
    font-size: 13px;
    color: var(--text-3);
}

/* ── Date group label ── */
.nb-group-label[b-flm0e1sryw] {
    padding: 6px 16px 2px;
    font-size: 11px;
    font-weight: 600;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: var(--bg-inset);
}

/* ── Notification row ── */
.nb-row[b-flm0e1sryw] {
    width: 100%;
    text-align: left;
    border: none;
    cursor: pointer;
    padding: 12px 16px;
    display: flex;
    gap: 10px;
    border-bottom: 1px solid var(--border-1);
    transition: background 0.15s;
}

.nb-row:hover[b-flm0e1sryw] {
    background: var(--bg-elev);
}

.nb-row-unread[b-flm0e1sryw] {
    border-left: 3px solid var(--accent);
}

/* ── Notification icon circle ── */
.nb-icon-circle[b-flm0e1sryw] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nb-icon[b-flm0e1sryw] {
    width: 14px;
    height: 14px;
}

/* ── Notification text column ── */
.nb-text-col[b-flm0e1sryw] {
    flex: 1;
    min-width: 0;
}

.nb-title[b-flm0e1sryw] {
    font-size: 13px;
    color: var(--text-1);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nb-title-read[b-flm0e1sryw] {
    font-weight: 400;
}

.nb-title-unread[b-flm0e1sryw] {
    font-weight: 600;
}

.nb-body-text[b-flm0e1sryw] {
    font-size: 12px;
    color: var(--text-3);
    margin: 2px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nb-time[b-flm0e1sryw] {
    font-size: 11px;
    color: var(--text-4);
    margin: 3px 0 0;
}

/* ── Action buttons ── */
.nb-actions[b-flm0e1sryw] {
    display: flex;
    gap: 6px;
    margin: 8px 0 4px;
    flex-wrap: wrap;
}

.nb-action-btn[b-flm0e1sryw] {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: var(--r-md);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 44px;
    transition: background 0.15s;
}

.nb-action-icon[b-flm0e1sryw] {
    width: 12px;
    height: 12px;
}

/* ── Unread dot ── */
.nb-unread-dot[b-flm0e1sryw] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--accent);
    margin-top: 3px;
    flex-shrink: 0;
    box-shadow: 0 0 0 3px var(--accent-subtle);
}

/* ── Footer / load more ── */
.nb-footer[b-flm0e1sryw] {
    padding: 10px;
    border-top: 1px solid var(--border-1);
    flex-shrink: 0;
}

.nb-load-more[b-flm0e1sryw] {
    width: 100%;
    font-size: 12px;
    color: var(--accent);
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
}

.nb-load-more:disabled[b-flm0e1sryw] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ── Responsive ── */
@media (max-width: 479px) {
    .nb-dropdown[b-flm0e1sryw] {
        right: var(--s3);
        width: calc(100vw - var(--s3) * 2);
    }
}
/* /Components/Layout/PlannaBrainSearchBox.razor.rz.scp.css */
/* PlannaBrainSearchBox — scoped styles */

.pbs-input[b-8mbp30z2h1] {
    color: var(--text-1);
}

.pbs-loading-dots[b-8mbp30z2h1] {
    gap: 4px;
}

.pbs-loading-dot[b-8mbp30z2h1] {
    width: 5px;
    height: 5px;
}

.pbs-loading-dot:nth-child(2)[b-8mbp30z2h1] {
    animation-delay: 0.18s;
}

.pbs-loading-dot:nth-child(3)[b-8mbp30z2h1] {
    animation-delay: 0.36s;
}

.pbs-kbd[b-8mbp30z2h1] {
    background: var(--bg-inset);
    color: var(--text-3);
    border: 1px solid var(--border-2);
}
/* /Components/Layout/PlannaBrainSheet.razor.rz.scp.css */
/* PlannaBrainSheet — scoped styles */

/* ── Greeting ── */
.pbr-greeting[b-d47ti9833u] {
    font-size: clamp(16px, 4.5vw, 20px);
    font-weight: 600;
    color: var(--text-1);
    margin: 0;
    text-align: center;
    letter-spacing: -0.01em;
}

/* ── Voice button (44×44px touch target, Fitts's Law) ── */
.pbr-voice-btn[b-d47ti9833u] {
    padding: 6px;
    border-radius: 8px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    color: var(--text-3);
    transition: color 0.15s, background 0.15s;
    flex-shrink: 0;
}

.pbr-voice-btn:hover[b-d47ti9833u] {
    color: var(--accent);
    background: var(--bg-hover);
}

.pbr-voice-btn:active[b-d47ti9833u] {
    background: var(--bg-inset);
}

.pbr-voice-icon[b-d47ti9833u] {
    width: 18px;
    height: 18px;
}

/* ── Modal content padding ── */
.pbr-modal-pad[b-d47ti9833u] {
    padding: 1.1rem 1.4rem 0.9rem 1.4rem;
}

/* ── Modal header row ── */
.pbr-modal-hd[b-d47ti9833u] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 1rem;
}

/* ── Brand labels ── */
.pbr-brand-name[b-d47ti9833u] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent);
}

.pbr-brand-sub[b-d47ti9833u] {
    font-size: 10px;
    color: var(--text-4);
}

/* ── New conversation button ── */
.pbr-new-btn[b-d47ti9833u] {
    padding: 5px 10px;
    border-radius: 8px;
    background: var(--bg-inset);
    border: 1px solid var(--border-2);
    cursor: pointer;
    color: var(--text-3);
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-family: inherit;
    min-height: 44px;
    min-width: 44px;
    transition: background 0.15s, border-color 0.15s;
}

.pbr-new-btn:hover[b-d47ti9833u] {
    background: var(--bg-hover);
}

.pbr-new-icon[b-d47ti9833u] {
    width: 11px;
    height: 11px;
}

/* ── Close button ── */
.pbr-close-btn[b-d47ti9833u] {
    padding: 6px;
    border-radius: 8px;
    background: var(--bg-inset);
    border: 1px solid var(--border-2);
    cursor: pointer;
    color: var(--text-3);
    display: flex;
    align-items: center;
    min-width: 44px;
    min-height: 44px;
    justify-content: center;
    transition: background 0.15s, border-color 0.15s;
}

.pbr-close-btn:hover[b-d47ti9833u] {
    background: var(--bg-hover);
}

.pbr-close-icon[b-d47ti9833u] {
    width: 14px;
    height: 14px;
}

/* ── Follow-up chips wrapper ── */
.pbr-followups[b-d47ti9833u] {
    margin-top: 8px;
}

.pbr-followups-lg[b-d47ti9833u] {
    margin-top: 10px;
}

/* ── Desktop loading dots (modal) ── */
.pbr-loading-dots[b-d47ti9833u] {
    gap: 4px;
}

.pbr-loading-dot[b-d47ti9833u] {
    width: 5px;
    height: 5px;
}

.pbr-loading-dot:nth-child(2)[b-d47ti9833u] {
    animation-delay: 0.18s;
}

.pbr-loading-dot:nth-child(3)[b-d47ti9833u] {
    animation-delay: 0.36s;
}

/* ── Desktop input row ── */
.pbr-modal-input[b-d47ti9833u] {
    width: 100%;
    margin: 0;
}

.pbr-modal-input-icon[b-d47ti9833u] {
    flex-shrink: 0;
    opacity: 0.5;
}

.pbr-modal-inp[b-d47ti9833u] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    color: var(--text-1);
}

.pbr-send-btn[b-d47ti9833u] {
    padding: 6px;
    border-radius: 7px;
    background: var(--accent);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    transition: opacity 0.15s;
}

.pbr-send-btn:disabled[b-d47ti9833u],
.pbr-send-btn--disabled[b-d47ti9833u] {
    opacity: 0.35;
    cursor: not-allowed;
}

.pbr-send-btn--disabled[b-d47ti9833u] {
    opacity: 0.35;
}

.pbr-send-icon[b-d47ti9833u] {
    width: 13px;
    height: 13px;
    color: var(--text-on-accent);
}

/* ── Sheet close button ── */
.pbr-sheet-close-btn[b-d47ti9833u] {
    touch-action: manipulation;
}

/* ── History wrapper ── */
.pbr-history-wrap[b-d47ti9833u] {
    margin-bottom: 24px;
}

/* ── Mobile loading dots ── */
.pbr-mob-loading-dots[b-d47ti9833u] {
    gap: 4px;
}

.pbr-mob-loading-dot[b-d47ti9833u] {
    width: 6px;
    height: 6px;
}

.pbr-mob-loading-dot:nth-child(2)[b-d47ti9833u] {
    animation-delay: 0.18s;
}

.pbr-mob-loading-dot:nth-child(3)[b-d47ti9833u] {
    animation-delay: 0.36s;
}

/* ── Mobile input ── */
.pbr-mob-input[b-d47ti9833u] {
    width: 100%;
    display: flex !important;
}

.pbr-mob-inp[b-d47ti9833u] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 16px;
    color: var(--text-1);
}

.pbr-mob-loading-dots-ft[b-d47ti9833u] {
    gap: 3px;
}

.pbr-mob-loading-dot-ft[b-d47ti9833u] {
    width: 5px;
    height: 5px;
}

.pbr-mob-loading-dot-ft:nth-child(2)[b-d47ti9833u] {
    animation-delay: 0.18s;
}

.pbr-mob-loading-dot-ft:nth-child(3)[b-d47ti9833u] {
    animation-delay: 0.36s;
}

.pbr-mob-send[b-d47ti9833u] {
    padding: 8px;
    border-radius: 8px;
    background: var(--accent);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    transition: opacity 0.15s;
}

.pbr-mob-send:disabled[b-d47ti9833u],
.pbr-mob-send--disabled[b-d47ti9833u] {
    opacity: 0.35;
    cursor: not-allowed;
}

.pbr-mob-send--disabled[b-d47ti9833u] {
    opacity: 0.35;
}

.pbr-mob-send-icon[b-d47ti9833u] {
    width: 14px;
    height: 14px;
    color: var(--text-on-accent);
}

/* ── Insight banner (proactive ML tip) ── */
.pbr-insight-banner[b-d47ti9833u] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    background: var(--accent-subtle);
    border: 1px solid var(--ai-border);
    border-radius: var(--r-lg);
    margin-bottom: 16px;
}

.pbr-insight-icon[b-d47ti9833u] {
    flex-shrink: 0;
    color: var(--accent);
    margin-top: 1px;
}

.pbr-insight-icon i[b-d47ti9833u],
.pbr-insight-icon svg[b-d47ti9833u] {
    width: 16px;
    height: 16px;
}

.pbr-insight-text[b-d47ti9833u] {
    flex: 1;
    font-size: 13px;
    color: var(--accent);
    line-height: 1.4;
}

.pbr-insight-dismiss[b-d47ti9833u] {
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--text-3);
    padding: 6px;
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-sm);
    flex-shrink: 0;
    margin: -6px -6px -6px 0;
    transition: color 0.15s, background 0.15s;
}

.pbr-insight-dismiss:hover[b-d47ti9833u] {
    color: var(--text-1);
    background: var(--bg-hover);
}

.pbr-insight-dismiss i[b-d47ti9833u],
.pbr-insight-dismiss svg[b-d47ti9833u] {
    width: 14px;
    height: 14px;
}

/* ── Sparkline (mini chart in revenue stat card) ── */
.pbr-sparkline[b-d47ti9833u] {
    width: 72px;
    height: 20px;
    margin: 4px auto 2px;
}

.pbr-sparkline svg[b-d47ti9833u] {
    width: 100%;
    height: 100%;
    overflow: visible;
    display: block;
}

/* Hide sparkline on very narrow screens (< 340px) to save space */
@media (max-width: 340px) {
    .pbr-sparkline[b-d47ti9833u] {
        display: none;
    }
}

/* ── Micro stats row ── */
.pbr-stats-row[b-d47ti9833u] {
    display: flex;
    gap: 8px;
    margin: 16px 0;
}

/* Mobile: prevent cards from becoming too narrow on iPhone SE (375px) */
@media (max-width: 400px) {
    .pbr-stats-row[b-d47ti9833u] {
        gap: 6px;
    }

    .pbr-stat-card[b-d47ti9833u] {
        padding: 10px 6px;
    }

    .pbr-stat-value[b-d47ti9833u] {
        font-size: 15px;
    }

    .pbr-stat-label[b-d47ti9833u] {
        font-size: 10px;
    }
}

.pbr-stat-card[b-d47ti9833u] {
    flex: 1;
    background: var(--bg-card);
    border: 1px solid var(--border-1);
    border-radius: var(--r-lg);
    padding: 12px;
    text-align: center;
    min-width: 0;
}

.pbr-stat-value[b-d47ti9833u] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-1);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pbr-stat-label[b-d47ti9833u] {
    font-size: 11px;
    color: var(--text-3);
    margin-top: 2px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* ── Stats skeleton loading ── */
.pbr-stats-row--loading .pbr-stat-card[b-d47ti9833u] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
}

.pbr-stat-skeleton[b-d47ti9833u] {
    display: block;
    width: 60%;
    height: 16px;
    background: var(--bg-elev);
    border-radius: 4px;
    animation: pbr-skeleton-pulse-b-d47ti9833u 1.5s ease-in-out infinite;
}

@keyframes pbr-skeleton-pulse-b-d47ti9833u {

    0%,
    100% {
        opacity: 0.6;
    }

    50% {
        opacity: 0.3;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pbr-stat-skeleton[b-d47ti9833u] {
        animation: none !important;
        opacity: 0.6;
    }
}
/* /Components/Layout/PlannaNavLink.razor.rz.scp.css */
/* PlannaNavLink — scoped styles */
.pnl-icon[b-7gqzr1ii3p] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    stroke-width: 1.75;
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.public-shell[b-06huo3snhx] {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-8z4rjoevut],
.components-reconnect-repeated-attempt-visible[b-8z4rjoevut],
.components-reconnect-failed-visible[b-8z4rjoevut],
.components-pause-visible[b-8z4rjoevut],
.components-resume-failed-visible[b-8z4rjoevut],
.components-rejoining-animation[b-8z4rjoevut] {
    display: none;
}

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


#components-reconnect-modal[b-8z4rjoevut] {
    background-color: var(--bg-card);
    color: var(--text-1);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: var(--sh-md);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-8z4rjoevut 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-8z4rjoevut] {
    border: 0;
    background-color: var(--accent);
    color: rgb(255 255 255);
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-8z4rjoevut] {
        background-color: var(--accent-hover);
    }

    #components-reconnect-modal button:active[b-8z4rjoevut] {
        background-color: var(--accent);
    }

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

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

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

@keyframes components-rejoining-animation-b-8z4rjoevut {
    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/UserAvatarMenu.razor.rz.scp.css */
/* UserAvatarMenu — scoped styles */

/* ── Backdrop ── */
.uam-backdrop[b-1pt126r0ug] {
    position: fixed;
    inset: 0;
    z-index: 49;
}

/* ── Wrapper ── */
.uam-wrapper[b-1pt126r0ug] {
    position: relative;
    z-index: 50;
}

/* ── Trigger button ── */
.uam-trigger[b-1pt126r0ug] {
    width: auto;
    gap: 6px;
    padding: 4px 8px;
}

/* ── Avatar sizes ── */
.uam-avatar-sm[b-1pt126r0ug] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.uam-avatar-lg[b-1pt126r0ug] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

/* ── Initials fallback circle ── */
.uam-initials-sm[b-1pt126r0ug] {
    display: flex;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent), var(--accent-hover));
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 600;
    color: rgb(255 255 255);
    flex-shrink: 0;
    letter-spacing: 0.02em;
}

.uam-initials-lg[b-1pt126r0ug] {
    display: flex;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent), var(--accent-hover));
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: rgb(255 255 255);
    flex-shrink: 0;
}

/* Hidden fallback for JS onerror handler */
.uam-initials-fallback[b-1pt126r0ug] {
    display: none;
}

/* ── Chevron icon ── */
.uam-chevron[b-1pt126r0ug] {
    width: 12px;
    height: 12px;
    color: var(--text-3);
    transition: transform 0.15s;
}

/* ── Dropdown card ── */
.uam-dropdown[b-1pt126r0ug] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 230px;
    padding: 4px;
    z-index: 50;
    box-shadow: var(--sh-lg);
}

/* ── User header ── */
.uam-header[b-1pt126r0ug] {
    padding: 12px 14px 10px;
}

.uam-user-row[b-1pt126r0ug] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 2px;
}

.uam-user-text[b-1pt126r0ug] {
    min-width: 0;
}

.uam-name[b-1pt126r0ug] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Divider ── */
.uam-divider[b-1pt126r0ug] {
    height: 1px;
    background: var(--border-1);
    margin: 0 4px 4px;
}

.uam-divider-alt[b-1pt126r0ug] {
    height: 1px;
    background: var(--border-1);
    margin: 4px;
}

/* ── Menu item (profile link) ── */
.uam-menu-link[b-1pt126r0ug] {
    text-decoration: none;
}

/* ── Theme selector wrapper ── */
.uam-theme-wrap[b-1pt126r0ug] {
    padding: 8px 10px 4px;
}

.uam-theme-label[b-1pt126r0ug] {
    margin-bottom: 6px;
}

/* ── Sign out button ── */
.uam-signout[b-1pt126r0ug] {
    width: 100%;
    border: none;
    font-family: inherit;
    background: none;
    color: var(--red);
}

/* ── Menu icons ── */
.uam-menu-icon[b-1pt126r0ug] {
    width: 14px;
    height: 14px;
    color: var(--text-3);
    flex-shrink: 0;
}

.uam-menu-icon-red[b-1pt126r0ug] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

/* ── Responsive ── */
@media (max-width: 479px) {
    .uam-dropdown[b-1pt126r0ug] {
        right: var(--s3);
        width: calc(100vw - var(--s3) * 2);
        max-width: 280px;
    }
}
/* /Components/Pages/Calendar/CalendarView.razor.rz.scp.css */
/* ============================================================
   CALENDAR VIEW — Scoped CSS (Blazor best practice)
   Replaces inline style patterns
   ============================================================ */

/* Page wrapper */
.cal-page-wrapper[b-703qnp2cm5] {
    padding: var(--s3) var(--s6) var(--s6);
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

/* Pending bookings button (amber) */
.cal-pending-btn[b-703qnp2cm5] {
    background: var(--amber-s);
    color: var(--amber);
    border: 1px solid var(--amber);
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Staff filter label */
.cal-staff-label[b-703qnp2cm5] {
    font-size: 11px;
    font-weight: 500;
    color: var(--text-3);
    flex-shrink: 0;
}

/* Staff filter hidden state */
.cal-staff-hidden[b-703qnp2cm5] {
    opacity: 0.45;
}

/* Staff avatar in filter */
.cal-staff-avatar[b-703qnp2cm5] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

/* Staff chip small override (for initials) */
.cal-staff-chip-sm[b-703qnp2cm5] {
    width: 16px;
    height: 16px;
    font-size: 7px;
}

/* Staff expand button */
.cal-expand-btn[b-703qnp2cm5] {
    min-width: 44px;
    min-height: 32px;
    font-size: 11px;
    font-weight: 600;
}

/* AI insight alignment */
.cal-ai-insight[b-703qnp2cm5] {
    align-items: flex-start;
}

/* AI insight icon */
.cal-ai-icon[b-703qnp2cm5] {
    background: var(--accent-subtle);
    margin-top: 2px;
}

/* AI action button */
.cal-ai-action[b-703qnp2cm5] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: clamp(80px, 20vw, 180px);
}

/* Skeleton view placeholder */
.cal-skeleton-view[b-703qnp2cm5] {
    height: clamp(400px, 60vh, 560px);
    flex: 1;
}

/* Calendar card with no padding */
.cal-card-no-pad[b-703qnp2cm5] {
    padding: 0;
    overflow: hidden;
}

/* Calendar scroll area default padding */
.cal-scroll-pad[b-703qnp2cm5] {
    padding: var(--s4);
}
/* /Components/Pages/Calendar/DayView.razor.rz.scp.css */
.cal-day-empty[b-sv45mwel9r] {
    padding: 48px 24px;
    text-align: center;
    font-size: 12px;
    color: var(--text-3);
}
.cal-empty-hint[b-sv45mwel9r] {
    margin-top: 8px;
    font-size: 11px;
    color: var(--text-2);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
/* /Components/Pages/Clients/ClientList.razor.rz.scp.css */
/* ClientList — scoped styles */

.cl-th-action[b-t3t2n38pon] {
    text-align: right;
}

.cl-row[b-t3t2n38pon] {
    cursor: pointer;
}

.cl-name[b-t3t2n38pon] {
    color: var(--text-1);
    font-weight: 600;
}

.cl-text-muted[b-t3t2n38pon] {
    color: var(--text-2);
}

.cl-td-action[b-t3t2n38pon] {
    text-align: right;
}

.cl-action-link[b-t3t2n38pon] {
    text-decoration: none;
}

.cl-action-icon[b-t3t2n38pon] {
    width: 12px;
    height: 12px;
}

@media (max-width: 767px) {
    .cl-th-action[b-t3t2n38pon],
    .cl-td-action[b-t3t2n38pon] {
        text-align: left;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* Dashboard — scoped styles */

/* ── Page wrappers ── */
.db-wrap[b-klwk794vq8] {
    padding: var(--s6);
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.db-wrap-loading[b-klwk794vq8] {
    padding: var(--s6);
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

/* ── Error / empty states ── */
.db-error-wrap[b-klwk794vq8] {
    height: 60vh;
    padding: var(--s8);
}

.db-error-card[b-klwk794vq8] {
    max-width: 480px;
    width: 100%;
    text-align: center;
    padding: var(--s8);
}

.db-empty-card[b-klwk794vq8] {
    max-width: 520px;
    width: 100%;
    text-align: center;
    padding: var(--s8);
}

.db-error-icon-wrap[b-klwk794vq8] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--red-s);
}

.db-empty-icon-wrap[b-klwk794vq8] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--surface-2);
}

.db-error-icon[b-klwk794vq8] {
    width: 22px;
    height: 22px;
    color: var(--red);
}

.db-empty-icon[b-klwk794vq8] {
    width: 22px;
    height: 22px;
    color: var(--accent);
}

.db-error-title[b-klwk794vq8] {
    color: var(--text-1);
}

.db-empty-title[b-klwk794vq8] {
    color: var(--text-1);
}

.db-btn-center[b-klwk794vq8] {
    margin: 0 auto;
}

.db-link-center[b-klwk794vq8] {
    margin: 0 auto;
    text-decoration: none;
}

/* ── Greeting section ── */
.db-greeting[b-klwk794vq8] {
    margin-bottom: var(--s6);
}

.db-subtitle[b-klwk794vq8] {
    margin-top: 3px;
}

/* ── Header row (manager view) ── */
.db-header-row[b-klwk794vq8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--s3);
    margin-bottom: var(--s6);
}

.db-header-actions[b-klwk794vq8] {
    display: flex;
    gap: var(--s2);
    flex-wrap: wrap;
}

/* ── KPI grids ── */
.db-kpi-grid[b-klwk794vq8] {
    margin-bottom: var(--s6);
}

.db-kpi-grid-sm[b-klwk794vq8] {
    margin-bottom: var(--s4);
}

/* ── Status strip ── */
.db-strip[b-klwk794vq8] {
    margin-bottom: var(--s5);
}

.db-strip-sm[b-klwk794vq8] {
    margin-bottom: var(--s4);
}

.db-strip-dot[b-klwk794vq8] {
    background: var(--accent);
}

/* ── Text colors ── */
.db-text-1[b-klwk794vq8] {
    color: var(--text-1);
}

.db-text-2[b-klwk794vq8] {
    color: var(--text-2);
}

.db-text-3[b-klwk794vq8] {
    color: var(--text-3);
}

.db-text-green[b-klwk794vq8] {
    color: var(--green);
}

.db-text-accent[b-klwk794vq8] {
    color: var(--accent);
}

.db-text-amber[b-klwk794vq8] {
    color: var(--amber);
}

.db-text-red[b-klwk794vq8] {
    color: var(--red);
}

/* ── Icon sizes ── */
.db-icon-sm[b-klwk794vq8] {
    width: 14px;
    height: 14px;
}

.db-icon-md[b-klwk794vq8] {
    width: 15px;
    height: 15px;
}

.db-icon-lg[b-klwk794vq8] {
    width: 16px;
    height: 16px;
}

.db-icon-xl[b-klwk794vq8] {
    width: 20px;
    height: 20px;
}

.db-icon-2xl[b-klwk794vq8] {
    width: 22px;
    height: 22px;
}

/* ── Card spacing ── */
.db-card-mb[b-klwk794vq8] {
    margin-bottom: var(--s4);
}

.db-card-mt[b-klwk794vq8] {
    margin-top: var(--s4);
}

.db-card-gap[b-klwk794vq8] {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
}

/* ── Table styles ── */
.db-table[b-klwk794vq8] {
    width: 100%;
    border-collapse: collapse;
}

.db-table-head[b-klwk794vq8] {
    border-bottom: 1px solid var(--border);
}

.db-table-cell[b-klwk794vq8] {
    padding: var(--s2) var(--s3);
}

.db-table-cell-left[b-klwk794vq8] {
    text-align: left;
    padding: var(--s2) var(--s3);
}

.db-table-cell-right[b-klwk794vq8] {
    text-align: right;
    padding: var(--s2) var(--s3);
}

.db-table-row[b-klwk794vq8] {
    border-top: 1px solid var(--border-subtle);
}

.db-table-name[b-klwk794vq8] {
    padding: var(--s3);
    font-weight: 600;
    color: var(--text-1);
}

.db-table-data[b-klwk794vq8] {
    text-align: right;
    padding: var(--s3);
}

/* ── AI Panel ── */
.db-ai-flex[b-klwk794vq8] {
    flex: 1;
    min-width: 0;
}

.db-ai-header[b-klwk794vq8] {
    display: flex;
    align-items: center;
    gap: var(--s2);
    flex-wrap: wrap;
}

.db-ai-pill[b-klwk794vq8] {
    padding: 2px 9px;
    font-size: 0.65rem;
    gap: 4px;
}

.db-ai-refresh[b-klwk794vq8] {
    background: none;
    border: none;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.3);
    padding: 4px;
    border-radius: var(--r-sm);
    transition: color 120ms ease;
    flex-shrink: 0;
}

.db-ai-skel-col[b-klwk794vq8] {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
}

.db-ai-skel-row[b-klwk794vq8] {
    display: flex;
    gap: var(--s2);
}

.db-ai-noshow-header[b-klwk794vq8] {
    display: flex;
    align-items: center;
    gap: var(--s2);
    flex-wrap: wrap;
    margin-bottom: var(--s2);
}

.db-ai-noshow-badges[b-klwk794vq8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2);
}

.db-ai-footer-dot-indigo[b-klwk794vq8] {
    background: rgb(129, 140, 248);
}

.db-ai-footer-dot-green[b-klwk794vq8] {
    background: rgb(52, 211, 153);
}

.db-ai-empty[b-klwk794vq8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--s2);
    padding: var(--s4) var(--s2);
}

.db-ai-empty-icon[b-klwk794vq8] {
    width: 32px;
    height: 32px;
    color: rgba(255, 255, 255, 0.45);
    margin-bottom: var(--s1);
}

.db-ai-empty-title[b-klwk794vq8] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.4;
}

.db-ai-empty-desc[b-klwk794vq8] {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.4);
    line-height: 1.6;
    max-width: 360px;
}

/* ── Timeline ── */
.db-tml-view[b-klwk794vq8] {
    flex: 1;
}

.db-tml-header[b-klwk794vq8] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.db-empty-day-title[b-klwk794vq8] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-1);
}

.db-empty-day-text[b-klwk794vq8] {
    font-size: 0.8125rem;
    color: var(--text-3);
    max-width: 220px;
}

.db-empty-day-btn[b-klwk794vq8] {
    margin-top: var(--s2);
}

.db-tml-all-done-btn[b-klwk794vq8] {
    margin-top: var(--s3);
}

.db-tml-gap-link[b-klwk794vq8] {
    font-size: 0.75rem;
}

/* ── Day complete ── */
.db-day-done-title[b-klwk794vq8] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--green);
    line-height: 1.2;
}

.db-day-done-sub[b-klwk794vq8] {
    font-size: 0.8125rem;
    color: var(--text-2);
    margin-top: 3px;
}

.db-day-done-btn[b-klwk794vq8] {
    flex-shrink: 0;
    white-space: nowrap;
}

/* ── Collapsible section ── */
.db-collapsible-mb[b-klwk794vq8] {
    margin-bottom: var(--s4);
}

.db-collapsible-header[b-klwk794vq8] {
    display: flex;
    align-items: center;
    gap: var(--s3);
}

.db-collapsible-title[b-klwk794vq8] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-1);
}

.db-collapsible-meta[b-klwk794vq8] {
    margin-left: var(--s2);
}

.db-collapsible-toggle[b-klwk794vq8] {
    display: flex;
    align-items: center;
    gap: var(--s2);
}

.db-collapsible-icon[b-klwk794vq8] {
    width: 16px;
    height: 16px;
    color: var(--text-3);
}

.db-collapsible-content[b-klwk794vq8] {
    margin-top: var(--s3);
}

/* ── Staff section ── */
.db-staff-row[b-klwk794vq8] {
    margin-bottom: var(--s4);
}

.db-staff-avatar[b-klwk794vq8] {
    background: linear-gradient(135deg, var(--accent), #a78bfa);
}

/* ── Quick actions ── */
.db-qa-icon[b-klwk794vq8] {
    width: 20px;
    height: 20px;
}

/* ── Focus cards ── */
.db-focus-col[b-klwk794vq8] {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
}

.db-focus-title[b-klwk794vq8] {
    margin-top: var(--s2);
}

.db-focus-desc[b-klwk794vq8] {
    margin-top: var(--s2);
}

.db-focus-action[b-klwk794vq8] {
    margin-top: var(--s3);
}

/* ── Owner actions ── */
.db-owner-action[b-klwk794vq8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--s3);
}

.db-owner-action-min[b-klwk794vq8] {
    min-width: 0;
}

.db-owner-desc[b-klwk794vq8] {
    margin-top: var(--s2);
}

.db-owner-btn[b-klwk794vq8] {
    flex-shrink: 0;
}

/* ── Misc ── */
.db-no-bookings[b-klwk794vq8] {
    color: var(--text-3);
    font-size: 0.875rem;
    padding: var(--s4) 0;
}

.db-chart-card[b-klwk794vq8] {
    min-width: 0;
}

.db-timeline-card[b-klwk794vq8] {
    display: flex;
    flex-direction: column;
}

.db-link-no-underline[b-klwk794vq8] {
    text-decoration: none;
}

.db-owner-summary[b-klwk794vq8] {
    margin-top: var(--s2);
}

.db-owner-actions[b-klwk794vq8] {
    display: flex;
    gap: var(--s2);
    flex-wrap: wrap;
    margin-top: var(--s3);
}

.db-occ-pct[b-klwk794vq8] {
    font-size: 0.875rem;
    font-weight: 600;
}

.db-occ-big[b-klwk794vq8] {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
}

.db-tml-dot-base[b-klwk794vq8] {
    background: var(--border-3);
}

/* ── Loading skeletons ── */
.db-skel-header[b-klwk794vq8] {
    height: 28px;
    width: 220px;
}

.db-skel-subtitle[b-klwk794vq8] {
    height: 14px;
    width: 160px;
}

.db-skel-kpi-label[b-klwk794vq8] {
    height: 12px;
    width: 80px;
    margin-bottom: var(--s2);
}

.db-skel-kpi-val[b-klwk794vq8] {
    height: 32px;
    width: 60px;
}

.db-skel-ai-icon[b-klwk794vq8] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}

.db-skel-ai-col[b-klwk794vq8] {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
}

.db-skel-ai-row[b-klwk794vq8] {
    display: flex;
    gap: var(--s2);
}

.db-skel-ai-1[b-klwk794vq8] {
    height: 12px;
    width: 120px;
}

.db-skel-ai-2[b-klwk794vq8] {
    height: 12px;
    width: 90%;
}

.db-skel-ai-3[b-klwk794vq8] {
    height: 12px;
    width: 70%;
}

.db-skel-chart[b-klwk794vq8] {
    height: 200px;
}

.db-skel-card[b-klwk794vq8] {
    height: 140px;
}

/* ── Status strip (cmd) ── */
.db-cmd-strip[b-klwk794vq8] {
    margin-bottom: var(--s5);
}

.db-cmd-dot-base[b-klwk794vq8] {
    background: var(--border-3);
}

.db-cmd-now-text[b-klwk794vq8],
.db-cmd-next-text[b-klwk794vq8] {
    font-size: 0.875rem;
    color: var(--text-3);
}

.db-cmd-occ-big[b-klwk794vq8] {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
}

.db-cmd-occ-pct[b-klwk794vq8] {
    font-size: 0.875rem;
    font-weight: 600;
}

.db-cmd-focus-text[b-klwk794vq8] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--amber);
}

.db-cmd-focus-link[b-klwk794vq8] {
    font-size: 0.75rem;
}

.db-cmd-actions[b-klwk794vq8] {
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Timeline (Kommende i dag) ── */
.db-tml-card[b-klwk794vq8] {
    display: flex;
    flex-direction: column;
}

.db-tml-header[b-klwk794vq8] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.db-empty-day-title[b-klwk794vq8] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-1);
}

.db-empty-day-text[b-klwk794vq8] {
    font-size: 0.8125rem;
    color: var(--text-3);
    max-width: 220px;
}

.db-empty-day-btn[b-klwk794vq8] {
    margin-top: var(--s2);
}

.db-tml-all-done-btn[b-klwk794vq8] {
    margin-top: var(--s3);
}

.db-tml-gap-link[b-klwk794vq8] {
    font-size: 0.75rem;
}

.db-tml-view[b-klwk794vq8] {
    flex: 1;
}

.db-tml-icon-sm[b-klwk794vq8] {
    width: 13px;
    height: 13px;
}

/* ── AI Panel ── */
.db-ai-header-flex[b-klwk794vq8] {
    flex: 1;
    min-width: 0;
}

.db-ai-header-row[b-klwk794vq8] {
    display: flex;
    align-items: center;
    gap: var(--s2);
    flex-wrap: wrap;
}

.db-ai-pill[b-klwk794vq8] {
    padding: 2px 9px;
    font-size: 0.65rem;
    gap: 4px;
}

.db-ai-refresh[b-klwk794vq8] {
    background: none;
    border: none;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.3);
    padding: 4px;
    border-radius: var(--r-sm);
    transition: color 120ms ease;
    flex-shrink: 0;
}

.db-ai-refresh:hover[b-klwk794vq8] {
    color: rgba(255, 255, 255, 0.6);
}

.db-ai-refresh-icon[b-klwk794vq8] {
    width: 13px;
    height: 13px;
    display: block;
}

.db-ai-loader[b-klwk794vq8] {
    width: 18px;
    height: 18px;
    animation: spin 1s linear infinite;
}

.db-ai-zap[b-klwk794vq8] {
    width: 9px;
    height: 9px;
}

.db-ai-skel-col[b-klwk794vq8] {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
}

.db-ai-skel-row[b-klwk794vq8] {
    display: flex;
    gap: var(--s2);
}

.db-ai-skel-w92[b-klwk794vq8] { width: 92%; }
.db-ai-skel-w78[b-klwk794vq8] { width: 78%; }
.db-ai-skel-w58[b-klwk794vq8] { width: 58%; }
.db-ai-skel-pill-90[b-klwk794vq8] { width: 90px; height: 24px; border-radius: 99px; }
.db-ai-skel-pill-72[b-klwk794vq8] { width: 72px; height: 24px; border-radius: 99px; }

.db-ai-noshow-flex[b-klwk794vq8] {
    flex: 1;
    min-width: 0;
}

.db-ai-noshow-header[b-klwk794vq8] {
    display: flex;
    align-items: center;
    gap: var(--s2);
    flex-wrap: wrap;
    margin-bottom: var(--s2);
}

.db-ai-noshow-title[b-klwk794vq8] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
}

.db-ai-noshow-meta[b-klwk794vq8] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.35);
}

.db-ai-noshow-badges[b-klwk794vq8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2);
}

.db-ai-empty[b-klwk794vq8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--s2);
    padding: var(--s4) var(--s2);
}

.db-ai-empty-icon[b-klwk794vq8] {
    width: 32px;
    height: 32px;
    color: rgba(255, 255, 255, 0.45);
    margin-bottom: var(--s1);
}

.db-ai-empty-title[b-klwk794vq8] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.4;
}

.db-ai-empty-desc[b-klwk794vq8] {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.4);
    line-height: 1.6;
    max-width: 360px;
}

.db-ai-footer-dot-indigo[b-klwk794vq8] {
    background: rgb(129, 140, 248);
}

.db-ai-footer-dot-green[b-klwk794vq8] {
    background: rgb(52, 211, 153);
}

/* ── Tenant / Owner ── */
.db-tenant-card[b-klwk794vq8] {
    margin-bottom: var(--s4);
}

.db-tenant-grid[b-klwk794vq8] {
    margin-bottom: var(--s4);
}

.db-owner-card[b-klwk794vq8] {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
}

.db-owner-desc[b-klwk794vq8] {
    margin-top: var(--s2);
}

.db-owner-actions[b-klwk794vq8] {
    display: flex;
    gap: var(--s2);
    flex-wrap: wrap;
    margin-top: var(--s3);
}

.db-attention-col[b-klwk794vq8] {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    margin-top: var(--s2);
}

.db-attention-row[b-klwk794vq8] {
    display: flex;
    justify-content: space-between;
    gap: var(--s2);
}

.db-tenant-subtitle[b-klwk794vq8] {
    margin-top: 4px;
}

/* ── Staff ── */
.db-staff-row[b-klwk794vq8] {
    margin-bottom: var(--s4);
}

.db-staff-avatar[b-klwk794vq8] {
    background: linear-gradient(135deg, var(--accent), #a78bfa);
}

/* ── Collapsible ── */
.db-collapsible-mb[b-klwk794vq8] {
    margin-bottom: var(--s4);
}

.db-collapsible-header[b-klwk794vq8] {
    display: flex;
    align-items: center;
    gap: var(--s3);
}

.db-collapsible-title[b-klwk794vq8] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-1);
}

.db-collapsible-meta[b-klwk794vq8] {
    margin-left: var(--s2);
}

.db-collapsible-toggle[b-klwk794vq8] {
    display: flex;
    align-items: center;
    gap: var(--s2);
}

.db-collapsible-icon[b-klwk794vq8] {
    width: 16px;
    height: 16px;
    color: var(--text-3);
}

.db-collapsible-content[b-klwk794vq8] {
    margin-top: var(--s3);
}

/* ── Day complete ── */
.db-day-done-flex[b-klwk794vq8] {
    flex: 1;
    min-width: 0;
}

.db-day-done-title[b-klwk794vq8] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--green);
    line-height: 1.2;
}

.db-day-done-sub[b-klwk794vq8] {
    font-size: 0.8125rem;
    color: var(--text-2);
    margin-top: 3px;
}

.db-day-done-btn[b-klwk794vq8] {
    flex-shrink: 0;
    white-space: nowrap;
}

/* ── Focus cards ── */
.db-focus-col[b-klwk794vq8] {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
}

.db-focus-title[b-klwk794vq8] {
    margin-top: var(--s2);
}

.db-focus-desc[b-klwk794vq8] {
    margin-top: var(--s2);
}

.db-focus-action[b-klwk794vq8] {
    margin-top: var(--s3);
}

/* ── Owner actions ── */
.db-owner-action[b-klwk794vq8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--s3);
}

.db-owner-action-min[b-klwk794vq8] {
    min-width: 0;
}

.db-owner-desc[b-klwk794vq8] {
    margin-top: var(--s2);
}

.db-owner-btn[b-klwk794vq8] {
    flex-shrink: 0;
}

/* ── Chart ── */
.db-chart-card[b-klwk794vq8] {
    min-width: 0;
    padding-bottom: var(--s2);
}

.db-chart-card .cd-h[b-klwk794vq8] {
    margin-bottom: var(--s2);
}

/* ── KPI color override (static only; dynamic stays inline) ── */
.db-kpi-rebook-static[b-klwk794vq8] {
    /* placeholder for non-dynamic usage */
}

/* ── Staff view booking rows — clickable per Jakob's Law ── */
.db-staff-bk-row[b-klwk794vq8] {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    border-radius: var(--r-sm);
    transition: background 150ms ease;
}

.db-staff-bk-row:hover[b-klwk794vq8] {
    background: var(--bg-elev);
}

/* ── Collapsible chevron rotation — Doherty Threshold feedback ── */
.db-collapsible-icon[b-klwk794vq8] {
    transition: transform 200ms ease;
}

[aria-expanded="true"] .db-collapsible-icon[b-klwk794vq8] {
    transform: rotate(180deg);
}

/* ── Responsive ── */
@media (max-width: 1100px) {
    .db-chart-card .apexcharts-canvas[b-klwk794vq8] {
        max-height: 140px !important;
    }
}

@media (max-width: 479px) {
    .db-wrap[b-klwk794vq8],
    .db-wrap-loading[b-klwk794vq8] {
        padding: var(--s4);
    }
}
/* /Components/Pages/Landing.razor.rz.scp.css */
/* ============================================================
   LANDING PAGE — Scoped CSS (Blazor best practice)
   Replaces inline styles for complex visual patterns
   ============================================================ */

/* Logo image */
.landing-logo-img[b-g0dpxbhogm] {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    flex-shrink: 0;
}

/* Mock window dots */
.mock-dot-red[b-g0dpxbhogm]    { background: #ff5f56; }
.mock-dot-yellow[b-g0dpxbhogm] { background: #ffbd2e; }
.mock-dot-green[b-g0dpxbhogm]  { background: #27c93f; }

/* Agent card icons — rgba tints with theme colors */
.agent-ic-accent[b-g0dpxbhogm] { background: rgba(124, 92, 252, .14); color: var(--ac); }
.agent-ic-red[b-g0dpxbhogm]    { background: rgba(255, 99, 105, .14); color: var(--rd); }
.agent-ic-amber[b-g0dpxbhogm]  { background: rgba(245, 183, 49, .14); color: var(--am); }
.agent-ic-green[b-g0dpxbhogm]  { background: rgba(54, 217, 122, .14); color: var(--gn); }

/* Feature pills — colored borders and text */
.feat-pill-accent[b-g0dpxbhogm] { color: var(--ac); border-color: rgba(124, 92, 252, .2); }
.feat-pill-red[b-g0dpxbhogm]    { color: var(--rd); border-color: rgba(255, 99, 105, .15); }

/* Feature booking bars */
.feat-bk-bar-accent[b-g0dpxbhogm] { background: var(--ac); }
.feat-bk-bar-green[b-g0dpxbhogm]  { background: var(--gn); }

/* Risk badge backgrounds */
.feat-bk-risk-low[b-g0dpxbhogm] { background: var(--gn-s); color: var(--gn); }

/* Feature mock row with stripe pattern */
.feat-bk-stripe[b-g0dpxbhogm] {
    opacity: .55;
    background: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(124, 92, 252, .03) 4px, rgba(124, 92, 252, .03) 8px);
    border-radius: 8px;
}

.feat-bk-stripe .feat-bk-bar-accent[b-g0dpxbhogm] { opacity: .3; }
/* /Components/Pages/Marketing/Campaigns.razor.rz.scp.css */
/* Campaigns — scoped styles */

.cm-wrap[b-3vy3pb7vjy] {
    padding: var(--s6);
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.cm-subtitle[b-3vy3pb7vjy] {
    margin-top: 3px;
}

.cm-ai-header[b-3vy3pb7vjy] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: var(--s3);
}

.cm-ai-actions[b-3vy3pb7vjy] {
    display: flex;
    gap: 8px;
    margin-top: var(--s3);
}

.cm-card-header[b-3vy3pb7vjy] {
    margin-bottom: var(--s3);
}

.cm-channel[b-3vy3pb7vjy] {
    margin-top: 2px;
}

.cm-card-actions[b-3vy3pb7vjy] {
    margin-top: var(--s3);
}

@media (max-width: 479px) {
    .cm-wrap[b-3vy3pb7vjy] {
        padding: var(--s4);
    }
}
/* /Components/Pages/POS/CloseoutList.razor.rz.scp.css */
/* CloseoutList — scoped styles */

.cl-table[b-bjam99so58] {
    font-size: 13px;
}

.cl-date[b-bjam99so58] {
    color: var(--text-1);
    font-weight: 600;
    white-space: nowrap;
}

.cl-register[b-bjam99so58] {
    color: var(--text-2);
}

.cl-revenue[b-bjam99so58] {
    color: var(--text-1);
    font-weight: 600;
}

.cl-sale-count[b-bjam99so58] {
    color: var(--text-3);
}

.cl-closed-time[b-bjam99so58] {
    color: var(--text-3);
    white-space: nowrap;
}

.cl-chevron[b-bjam99so58] {
    width: 40px;
}

.cl-chevron-icon[b-bjam99so58] {
    color: var(--text-3);
    transition: transform 0.2s;
}

.cl-details-row[b-bjam99so58] {
    background: var(--bg-2);
}

.cl-details-cell[b-bjam99so58] {
    padding: var(--s4);
}

.cl-details-grid[b-bjam99so58] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--s4);
}

.cl-section-title[b-bjam99so58] {
    color: var(--text-3);
    margin-bottom: 8px;
    display: block;
    font-weight: 600;
}

.cl-sn-grid[b-bjam99so58] {
    gap: var(--s2);
}

.cl-notes[b-bjam99so58] {
    grid-column: 1 / -1;
}

.cl-notes-text[b-bjam99so58] {
    font-size: 12px;
}

.cl-pagination[b-bjam99so58] {
    padding: 0 var(--s3);
}

.cl-page-info[b-bjam99so58] {
    color: var(--text-3);
}

.cl-badge-ok[b-bjam99so58] {
    background: var(--green-s);
    color: var(--green);
}

.cl-badge-amber[b-bjam99so58] {
    background: var(--amber-s);
    color: var(--amber);
}

.cl-badge-red[b-bjam99so58] {
    background: var(--red-s);
    color: var(--red);
}
/* /Components/Pages/POS/Drawers/BackBarDrawer.razor.rz.scp.css */
/* BackBarDrawer — scoped styles */

.bbd-section[b-2jgasx8nos] {
    margin-top: var(--s3);
    border-top: 1px solid var(--border-1);
    padding-top: var(--s3);
}

.bbd-toggle[b-2jgasx8nos] {
    width: 100%;
    justify-content: space-between;
}

.bbd-toggle-inner[b-2jgasx8nos] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.bbd-toggle-icon[b-2jgasx8nos] {
    width: 14px;
    height: 14px;
}

.bbd-content[b-2jgasx8nos] {
    margin-top: var(--s2);
    padding: var(--s3);
    background: var(--bg-elev);
    border-radius: var(--r-md);
    border: 1px solid var(--border-1);
}

.bbd-loading[b-2jgasx8nos] {
    font-size: 12px;
}

.bbd-search[b-2jgasx8nos] {
    font-size: 12px;
    margin-bottom: var(--s2);
}

.bbd-products[b-2jgasx8nos] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: var(--s2);
}

.bbd-product-btn[b-2jgasx8nos] {
    font-size: 11px;
}

.bbd-product-unit[b-2jgasx8nos] {
    color: var(--text-3);
    margin-left: 2px;
}

.bbd-usage-list[b-2jgasx8nos] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: var(--s2);
}

.bbd-usage-row[b-2jgasx8nos] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bbd-usage-name[b-2jgasx8nos] {
    flex: 1;
    font-size: 12px;
    color: var(--text-1);
}

.bbd-usage-input[b-2jgasx8nos] {
    width: 72px;
    font-size: 12px;
    padding: 4px 6px;
}

.bbd-usage-unit[b-2jgasx8nos] {
    font-size: 11px;
    color: var(--text-3);
}
/* /Components/Pages/POS/Drawers/GiftCardDrawer.razor.rz.scp.css */
/* GiftCardDrawer — scoped styles */

.gcd-backdrop[b-cy3h5m55ra] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgba(0, 0, 0, 0.3);
}

.gcd-drawer[b-cy3h5m55ra] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(440px, 100vw);
    z-index: 50;
    background: var(--bg-base);
    border-left: 1px solid var(--border-1);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform .25s ease;
    overflow-y: auto;
}

.gcd-drawer.open[b-cy3h5m55ra] {
    transform: translateX(0);
}

.gcd-header[b-cy3h5m55ra] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--s2);
    padding: var(--s4) var(--s5);
    border-bottom: 1px solid var(--border-1);
}

.gcd-tabs[b-cy3h5m55ra] {
    display: flex;
    border-bottom: 1px solid var(--border-1);
}

.gcd-tab[b-cy3h5m55ra] {
    flex: 1;
    padding: 12px;
    font-size: 13px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    background: none;
}

.gcd-body[b-cy3h5m55ra] {
    flex: 1;
    padding: var(--s4) var(--s5);
    display: flex;
    flex-direction: column;
    gap: var(--s3);
    overflow-y: auto;
}

.gcd-label[b-cy3h5m55ra] {
    margin-bottom: 6px;
    display: block;
}

.gcd-presets[b-cy3h5m55ra] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.gcd-client-row[b-cy3h5m55ra] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border: 1px solid var(--border-1);
    border-radius: var(--r-md);
}

.gcd-client-name[b-cy3h5m55ra] {
    font-size: 13px;
    color: var(--text-1);
}

.gcd-action-btn[b-cy3h5m55ra] {
    margin-top: auto;
}

.gcd-lookup-row[b-cy3h5m55ra] {
    display: flex;
    gap: 8px;
}

.gcd-lookup-input[b-cy3h5m55ra] {
    flex: 1;
}

.gcd-card-details[b-cy3h5m55ra] {
    padding: var(--s3);
    background: var(--bg-elev);
    border-radius: var(--r-md);
    border: 1px solid var(--border-1);
}

.gcd-detail-row[b-cy3h5m55ra] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.gcd-detail-row:last-child[b-cy3h5m55ra] {
    margin-bottom: 0;
}

.gcd-code[b-cy3h5m55ra] {
    font-weight: 700;
    color: var(--accent);
    font-variant-numeric: tabular-nums;
}

.gcd-balance[b-cy3h5m55ra] {
    font-weight: 600;
    color: var(--text-1);
    font-variant-numeric: tabular-nums;
}

.gcd-chip-wrap[b-cy3h5m55ra] {
    margin-top: 8px;
}

@media (max-width: 479px) {
    .gcd-drawer[b-cy3h5m55ra] {
        width: 100vw;
    }
    .gcd-header[b-cy3h5m55ra],
    .gcd-body[b-cy3h5m55ra] {
        padding: var(--s3) var(--s4);
    }
}
/* /Components/Pages/POS/Drawers/PunchCardDrawer.razor.rz.scp.css */
/* PunchCardDrawer — scoped styles */

.pcd-backdrop[b-sj9oatjfee] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgba(0, 0, 0, 0.3);
}

.pcd-drawer[b-sj9oatjfee] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(480px, 100vw);
    z-index: 50;
    background: var(--bg-base);
    border-left: 1px solid var(--border-1);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform .25s ease;
    overflow-y: auto;
}

.pcd-drawer.open[b-sj9oatjfee] {
    transform: translateX(0);
}

.pcd-header[b-sj9oatjfee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--s2);
    padding: var(--s4) var(--s5);
    border-bottom: 1px solid var(--border-1);
}

.pcd-header-left[b-sj9oatjfee] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pcd-header-icon[b-sj9oatjfee] {
    color: var(--accent);
    width: 20px;
    height: 20px;
}

.pcd-tabs[b-sj9oatjfee] {
    display: flex;
    border-bottom: 1px solid var(--border-1);
}

.pcd-tab[b-sj9oatjfee] {
    flex: 1;
    padding: 12px;
    font-size: 13px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    background: none;
}

.pcd-body[b-sj9oatjfee] {
    flex: 1;
    padding: var(--s4) var(--s5);
    display: flex;
    flex-direction: column;
    gap: var(--s3);
    overflow-y: auto;
}

.pcd-label[b-sj9oatjfee] {
    margin-bottom: 6px;
    display: block;
}

.pcd-presets[b-sj9oatjfee] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.pcd-auto-hint[b-sj9oatjfee] {
    margin-left: 6px;
    font-size: 11px;
}

.pcd-action-btn[b-sj9oatjfee] {
    margin-top: auto;
}

.pcd-loading[b-sj9oatjfee] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: var(--s3);
}

.pcd-skeleton[b-sj9oatjfee] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.pcd-card[b-sj9oatjfee] {
    padding: var(--s3);
    border-radius: var(--r-md);
    cursor: pointer;
}

.pcd-card-header[b-sj9oatjfee] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.pcd-card-name[b-sj9oatjfee] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text-1);
}

.pcd-card-check[b-sj9oatjfee] {
    color: var(--accent);
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.pcd-progress-bg[b-sj9oatjfee] {
    margin: 8px 0;
    height: 6px;
    border-radius: 9999px;
    background: var(--border-1);
    overflow: hidden;
}

.pcd-progress-fill[b-sj9oatjfee] {
    height: 100%;
    border-radius: 9999px;
    background: var(--accent);
}

.pcd-card-meta[b-sj9oatjfee] {
    display: flex;
    gap: 16px;
    font-size: 12px;
    color: var(--text-2);
}

@media (max-width: 479px) {
    .pcd-drawer[b-sj9oatjfee] {
        width: 100vw;
    }
    .pcd-header[b-sj9oatjfee],
    .pcd-body[b-sj9oatjfee] {
        padding: var(--s3) var(--s4);
    }
}
/* /Components/Pages/POS/Modals/ReceiptModal.razor.rz.scp.css */
/* ReceiptModal — scoped styles */

.rm-overlay[b-t6y9kgw144] {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(4px);
}

.rm-card[b-t6y9kgw144] {
    width: min(420px, 92vw);
    max-height: 90vh;
    overflow-y: auto;
    padding: var(--s5);
    position: relative;
}

.rm-success-area[b-t6y9kgw144] {
    text-align: center;
    margin-bottom: var(--s4);
}

.rm-ok-icon-wrap[b-t6y9kgw144] {
    width: 72px;
    height: 72px;
    background: var(--green-s);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--s3);
    border: 2px solid var(--green);
    box-shadow: 0 0 20px var(--green-s);
}

.rm-ok-icon[b-t6y9kgw144] {
    width: 36px;
    height: 36px;
    color: var(--green);
    stroke-width: 3;
    display: block;
}

.rm-title[b-t6y9kgw144] {
    font-size: 22px;
    font-weight: 800;
    color: var(--text-1);
    margin-bottom: 2px;
}

.rm-receipt-meta[b-t6y9kgw144] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-3);
    margin-bottom: 4px;
}

.rm-receipt-num[b-t6y9kgw144] {
    font-variant-numeric: tabular-nums;
}

.rm-date[b-t6y9kgw144] {
    margin-top: 2px;
    font-size: 12px;
}

.rm-total[b-t6y9kgw144] {
    font-size: 32px;
    font-weight: 800;
    color: var(--text-1);
    margin-top: var(--s3);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.5px;
}

.rm-client[b-t6y9kgw144] {
    margin-bottom: var(--s3);
    padding-bottom: var(--s3);
    border-bottom: 1px solid var(--border-1);
}

.rm-client-name[b-t6y9kgw144] {
    font-weight: 600;
    color: var(--text-1);
}

.rm-items[b-t6y9kgw144] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: var(--s3);
}

.rm-item-row[b-t6y9kgw144] {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}

.rm-item-name[b-t6y9kgw144] {
    color: var(--text-1);
    font-weight: 500;
}

.rm-item-price[b-t6y9kgw144] {
    font-variant-numeric: tabular-nums;
    color: var(--text-1);
}

.rm-discount-row[b-t6y9kgw144] {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--success);
    padding-left: 8px;
}

.rm-totals[b-t6y9kgw144] {
    border-top: 1px solid var(--border-1);
    padding-top: var(--s3);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rm-total-line[b-t6y9kgw144] {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}

.rm-total-vat[b-t6y9kgw144] {
    color: var(--text-3);
    font-size: 12px;
}

.rm-total-discount[b-t6y9kgw144] {
    color: var(--success);
}

.rm-total-tip[b-t6y9kgw144] {
    color: var(--text-2);
}

.rm-payment-line[b-t6y9kgw144] {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: var(--text-3);
    margin-top: 4px;
    padding-top: var(--s2);
    border-top: 1px solid var(--border-1);
}

.rm-actions[b-t6y9kgw144] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: var(--s4);
}

.rm-action-btn[b-t6y9kgw144] {
    width: 100%;
    justify-content: space-between;
}

.rm-action-btn-inner[b-t6y9kgw144] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.rm-kbd[b-t6y9kgw144] {
    font-size: 10px;
    opacity: 0.6;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 3px;
    padding: 1px 5px;
}

.rm-email-section[b-t6y9kgw144] {
    margin-top: var(--s4);
    border-top: 1px solid var(--border-1);
    padding-top: var(--s3);
}

.rm-email-success[b-t6y9kgw144] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: var(--s3) var(--s4);
    background: var(--green-s);
    border-radius: var(--r-md);
    border: 1px solid var(--green);
    color: var(--green);
    font-size: 13px;
}

.rm-email-success-icon[b-t6y9kgw144] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.rm-email-form[b-t6y9kgw144] {
    display: flex;
    gap: 8px;
}

.rm-email-input[b-t6y9kgw144] {
    flex: 1;
    font-size: 13px;
}

.rm-email-btn[b-t6y9kgw144] {
    flex-shrink: 0;
}
/* /Components/Pages/POS/Panels/BasketPanel.razor.rz.scp.css */
/* BasketPanel — scoped styles */

/* ── Empty state ── */
.bp-empty-icon[b-oih68inzyl] {
    width: 32px;
    height: 32px;
    color: var(--text-4);
    display: block;
    margin: 0 auto var(--s3);
}

.bp-empty-title[b-oih68inzyl] {
    margin-bottom: 4px;
}

/* ── Line items ── */
.bp-item-name[b-oih68inzyl] {
    flex: 1;
    min-width: 0;
}

.bp-item-name-text[b-oih68inzyl] {
    font-weight: 600;
    font-size: 13px;
    color: var(--text-1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bp-item-staff[b-oih68inzyl] {
    font-size: 11px;
}

/* ── Stepper ── */
.bp-stepper[b-oih68inzyl] {
    display: flex;
    align-items: center;
    gap: 0;
    border: 1px solid var(--border-2);
    border-radius: var(--r-sm);
    overflow: hidden;
    flex-shrink: 0;
    height: 28px;
}

.bp-stepper-btn[b-oih68inzyl] {
    padding: 4px 7px;
    border-radius: 0;
    min-height: 0;
    height: 28px;
}

.bp-stepper-qty[b-oih68inzyl] {
    font-size: 12px;
    font-weight: 700;
    min-width: 20px;
    text-align: center;
    color: var(--text-1);
    padding: 0 4px;
    line-height: 28px;
}

.bp-stepper-icon[b-oih68inzyl] {
    width: 10px;
    height: 10px;
}

/* ── Staff selector ── */
.bp-staff-select[b-oih68inzyl] {
    width: 118px;
    font-size: 12px;
    padding: 4px 6px;
    flex-shrink: 0;
}

/* ── Price editor ── */
.bp-price-input[b-oih68inzyl] {
    width: 72px;
    font-size: 12px;
    padding: 4px 6px;
    text-align: right;
    flex-shrink: 0;
}

.bp-price-display[b-oih68inzyl] {
    font-weight: 600;
    color: var(--text-1);
    min-width: 60px;
    text-align: right;
    cursor: pointer;
    border-bottom: 1px dashed var(--border-3);
    flex-shrink: 0;
    font-size: 13px;
    padding-bottom: 1px;
    line-height: 1.6;
}

/* ── Remove button ── */
.bp-remove-btn[b-oih68inzyl] {
    flex-shrink: 0;
}

/* ── Discount row ── */
.bp-discount-row[b-oih68inzyl] {
    display: flex;
    gap: 8px;
    margin-top: var(--s3);
}

.bp-discount-input[b-oih68inzyl] {
    flex: 1;
    font-size: 13px;
}

.bp-discount-msg[b-oih68inzyl] {
    font-size: 12px;
    margin-top: 4px;
}

/* ── Totals section ── */
.bp-totals[b-oih68inzyl] {
    margin-top: var(--s3);
    border-top: 1px solid var(--border-1);
    padding-top: var(--s3);
}

.bp-discount-line[b-oih68inzyl] {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: var(--success);
    margin-bottom: 4px;
}

/* ── Tip section ── */
.bp-tip-row[b-oih68inzyl] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: var(--s2);
}

.bp-tip-label[b-oih68inzyl] {
    flex: 1;
}

.bp-tip-buttons[b-oih68inzyl] {
    display: flex;
    gap: 4px;
}

.bp-tip-input[b-oih68inzyl] {
    width: 72px;
    font-size: 12px;
    padding: 4px 6px;
}

.bp-total-line[b-oih68inzyl] {
    display: flex;
    justify-content: space-between;
    margin-top: var(--s2);
    font-size: 15px;
    font-weight: 700;
    color: var(--text-1);
}

.bp-vat[b-oih68inzyl] {
    text-align: right;
    margin-top: 2px;
}

/* ── Error alert ── */
.bp-error-alert[b-oih68inzyl] {
    margin-top: var(--s3);
}

/* ── Confidence bar ── */
.bp-conf-bar[b-oih68inzyl] {
    margin-top: var(--s3);
    padding: 8px 12px;
    border-radius: var(--r-md);
    font-size: 12px;
}

.bp-conf-icon[b-oih68inzyl] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.bp-conf-label[b-oih68inzyl] {
    font-weight: 600;
}

.bp-conf-hint[b-oih68inzyl] {
    color: var(--text-3);
    margin-left: auto;
}

/* ── Cash dialog ── */
.bp-cash-wrap[b-oih68inzyl] {
    margin-top: var(--s4);
    border: 2px solid var(--accent-ring);
    border-radius: var(--r-lg);
    background: var(--bg-elev);
    padding: var(--s4);
}

.bp-cash-header[b-oih68inzyl] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: var(--s3);
}

.bp-cash-icon[b-oih68inzyl] {
    width: 18px;
    height: 18px;
    color: var(--accent);
}

.bp-cash-title[b-oih68inzyl] {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-1);
}

.bp-cash-amount[b-oih68inzyl] {
    font-size: 13px;
    color: var(--text-2);
    margin-bottom: var(--s3);
}

.bp-cash-big[b-oih68inzyl] {
    font-size: 18px;
    color: var(--text-1);
    font-variant-numeric: tabular-nums;
}

.bp-denom-row[b-oih68inzyl] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: var(--s3);
}

.bp-cash-input[b-oih68inzyl] {
    width: 100%;
    margin-bottom: var(--s3);
    font-size: 18px;
    font-weight: 700;
    text-align: right;
}

.bp-change-wrap[b-oih68inzyl] {
    text-align: center;
    padding: var(--s3) var(--s4);
    background: var(--green-s);
    border-radius: var(--r-md);
    margin-bottom: var(--s3);
    border: 1px solid var(--green);
}

.bp-change-label[b-oih68inzyl] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--green);
}

.bp-change-amount[b-oih68inzyl] {
    font-size: 36px;
    font-weight: 800;
    color: var(--green);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.bp-shortage[b-oih68inzyl] {
    padding: var(--s2) var(--s3);
    background: var(--amber-s);
    border-radius: var(--r-md);
    margin-bottom: var(--s3);
    font-size: 13px;
    color: var(--amber);
    text-align: center;
}

.bp-float-warning[b-oih68inzyl] {
    padding: var(--s2) var(--s3);
    background: var(--red-s);
    border: 1px solid var(--red);
    border-radius: var(--r-md);
    margin-top: var(--s2);
    margin-bottom: var(--s3);
    font-size: 12px;
    color: var(--red);
    text-align: center;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}

.bp-spacer[b-oih68inzyl] {
    height: var(--s3);
}

.bp-cash-actions[b-oih68inzyl] {
    display: flex;
    gap: 8px;
}

.bp-cash-cancel[b-oih68inzyl] {
    flex: 1;
}

.bp-cash-confirm[b-oih68inzyl] {
    flex: 2;
}

/* ── Payment buttons ── */
.bp-pay-card[b-oih68inzyl] {
    width: 100%;
    margin-top: var(--s4);
    padding: 14px;
}

.bp-pay-row[b-oih68inzyl] {
    display: flex;
    gap: 8px;
    margin-top: var(--s2);
}

.bp-pay-btn[b-oih68inzyl] {
    flex: 1;
}

/* ── Gift card section ── */
.bp-gift-section[b-oih68inzyl] {
    margin-top: var(--s4);
    border-top: 1px solid var(--border-1);
    padding-top: var(--s3);
}

.bp-gift-title[b-oih68inzyl] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: var(--s3);
}

.bp-gift-row[b-oih68inzyl] {
    display: flex;
    gap: 8px;
}

.bp-gift-input[b-oih68inzyl] {
    flex: 1;
    font-size: 13px;
}

.bp-gift-redeem-btn[b-oih68inzyl] {
    white-space: nowrap;
}

.bp-gift-msg[b-oih68inzyl] {
    font-size: 12px;
    margin-top: -4px;
    margin-bottom: 8px;
}

.bp-gift-actions[b-oih68inzyl] {
    display: flex;
    gap: 8px;
}

.bp-gift-action-btn[b-oih68inzyl] {
    flex: 1;
    font-size: 12px;
}

.bp-rebook-card[b-oih68inzyl] {
    margin-top: var(--s4);
    padding: 14px 16px;
}

.bp-rebook-row[b-oih68inzyl] {
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
}
.bp-rebook-row .ai-tag[b-oih68inzyl] {
    line-height: 1;
}

.bp-rebook-text[b-oih68inzyl] {
    color: var(--text-1);
}

.bp-rebook-actions[b-oih68inzyl] {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.bp-rebook-btn[b-oih68inzyl] {
    margin-left: auto;
}

/* ── Icon sizes ── */
.bp-icon-sm[b-oih68inzyl] {
    width: 14px;
    height: 14px;
}

.bp-icon-md[b-oih68inzyl] {
    width: 18px;
    height: 18px;
}

/* ── Loading overlay (Doherty Threshold) ── */
.bp-loading-overlay[b-oih68inzyl] {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.85);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
    border-radius: var(--r-lg);
}

.bp-loading-inner[b-oih68inzyl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--s3);
}

.bp-loading-spinner[b-oih68inzyl] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border-2);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: bp-spin-b-oih68inzyl 0.8s linear infinite;
}

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

.bp-loading-text[b-oih68inzyl] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-2);
    margin: 0;
}

/* ── Split payment ── */
.bp-split-section[b-oih68inzyl] {
    margin-top: var(--s2);
    text-align: center;
}

.bp-split-wrap[b-oih68inzyl] {
    margin-top: var(--s2);
    padding: var(--s3);
    border: 1px solid var(--border-1);
    border-radius: var(--r-lg);
    background: var(--bg-card);
    display: flex;
    flex-direction: column;
    gap: var(--s2);
}

.bp-split-header[b-oih68inzyl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bp-split-title[b-oih68inzyl] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-3);
}

.bp-split-status[b-oih68inzyl] {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: var(--r-sm);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.bp-split-status.ok[b-oih68inzyl] {
    background: var(--green-s);
    color: var(--green);
}

.bp-split-status.warn[b-oih68inzyl] {
    background: var(--amber-s);
    color: var(--amber);
}

.bp-split-status.err[b-oih68inzyl] {
    background: var(--red-s);
    color: var(--red);
}

.bp-split-row[b-oih68inzyl] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.bp-split-method[b-oih68inzyl] {
    flex: 1;
    min-width: 0;
    font-size: 12px;
    padding: 6px 8px;
}

.bp-split-amount[b-oih68inzyl] {
    width: 80px;
    font-size: 13px;
    font-weight: 600;
    text-align: right;
    padding: 6px 8px;
}

.bp-split-currency[b-oih68inzyl] {
    font-size: 12px;
    color: var(--text-3);
    flex-shrink: 0;
}

.bp-split-remove[b-oih68inzyl] {
    flex-shrink: 0;
    padding: 4px;
    min-height: 0;
}

.bp-split-add[b-oih68inzyl] {
    align-self: flex-start;
}

.bp-split-confirm[b-oih68inzyl] {
    margin-top: var(--s1);
}

.bp-split-error[b-oih68inzyl] {
    font-size: 12px;
    color: var(--error);
    margin: 0;
}
/* /Components/Pages/POS/Panels/CatalogPanel.razor.rz.scp.css */
/* CatalogPanel — scoped styles */

.cp-search-row[b-xpo0a69x6q] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.cp-search-input[b-xpo0a69x6q] {
    flex: 1;
}

.cp-kbd-hint[b-xpo0a69x6q] {
    font-size: 10px;
    color: var(--text-4);
    background: var(--bg-inset);
    border: 1px solid var(--border-2);
    border-radius: 3px;
    padding: 1px 5px;
    flex-shrink: 0;
    pointer-events: none;
}

.cp-results[b-xpo0a69x6q] {
    border: 1px solid var(--border-2);
    border-radius: var(--r-lg);
    margin-top: 6px;
    overflow: hidden;
}

.cp-client-row[b-xpo0a69x6q] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    cursor: pointer;
    border-top: 1px solid var(--border-1);
}

.cp-client-row:first-child[b-xpo0a69x6q] {
    border-top: none;
}

.cp-avatar[b-xpo0a69x6q] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--accent-subtle);
    border: 1px solid var(--accent-ring);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cp-avatar-text[b-xpo0a69x6q] {
    font-size: 12px;
    font-weight: 700;
    color: var(--accent);
}

.cp-client-info[b-xpo0a69x6q] {
    flex: 1;
    min-width: 0;
}

.cp-client-name[b-xpo0a69x6q] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cp-client-meta[b-xpo0a69x6q] {
    font-size: 11px;
}

.cp-client-visits[b-xpo0a69x6q] {
    margin-left: 6px;
    color: var(--accent);
}

.cp-client-noshow[b-xpo0a69x6q] {
    margin-left: 4px;
    color: var(--amber);
}

/* ── Selected client card ── */
.cp-selected[b-xpo0a69x6q] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    background: var(--accent-subtle);
    border-radius: var(--r-md);
    border: 1px solid var(--accent-ring);
}

.cp-selected-avatar[b-xpo0a69x6q] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cp-selected-avatar-text[b-xpo0a69x6q] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-on-accent);
}

.cp-selected-info[b-xpo0a69x6q] {
    flex: 1;
    min-width: 0;
}

.cp-selected-name[b-xpo0a69x6q] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cp-selected-phone[b-xpo0a69x6q] {
    font-size: 11px;
    color: var(--text-3);
}

/* ── Service category tabs ── */
.cp-tabs[b-xpo0a69x6q] {
    display: flex;
    gap: 2px;
    padding: 3px;
    background: var(--bg-inset);
    border-radius: var(--r-md);
    margin-bottom: var(--s3);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.cp-tabs[b-xpo0a69x6q]::-webkit-scrollbar {
    display: none;
}

.cp-tab[b-xpo0a69x6q] {
    padding: 5px 10px;
    border-radius: var(--r-sm);
    font-size: 12px;
    font-weight: 600;
    color: var(--text-3);
    background: transparent;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    scroll-snap-align: start;
    transition: all 0.15s;
}

.cp-tab:hover[b-xpo0a69x6q] {
    color: var(--text-2);
}

.cp-tab-active[b-xpo0a69x6q] {
    background: var(--bg-card);
    color: var(--text-1);
    box-shadow: var(--sh-xs);
}

/* ── Service grid ── */
.cp-service-grid[b-xpo0a69x6q] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--s2);
}

.cp-service-btn[b-xpo0a69x6q] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: var(--s3);
    border-radius: var(--r-md);
    border: 1px solid var(--border-1);
    background: var(--bg-card);
    cursor: pointer;
    text-align: left;
    transition: all 0.12s;
    min-height: 64px;
}

.cp-service-btn:hover[b-xpo0a69x6q] {
    border-color: var(--accent-ring);
    box-shadow: var(--sh-sm);
}

.cp-service-btn:active[b-xpo0a69x6q] {
    transform: scale(0.98);
}

.cp-service-name[b-xpo0a69x6q] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-1);
    line-height: 1.3;
}

.cp-service-price[b-xpo0a69x6q] {
    font-size: 11px;
    color: var(--text-3);
    margin-top: auto;
}

.cp-service-duration[b-xpo0a69x6q] {
    font-size: 10px;
    color: var(--text-4);
}

/* ── Staff selector for walk-in ── */
.cp-staff-select[b-xpo0a69x6q] {
    margin-top: var(--s3);
}

.cp-staff-label[b-xpo0a69x6q] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-2);
    margin-bottom: 4px;
}

/* ── Service wrapper with favorite star ── */
.cp-svc-wrap[b-xpo0a69x6q] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.cp-svc-btn[b-xpo0a69x6q] {
    padding-right: 28px; /* space for star */
}

.cp-fav-btn[b-xpo0a69x6q] {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-4);
    opacity: 0.4;
    transition: opacity 0.15s, color 0.15s;
    border-radius: var(--r-sm);
}

.cp-svc-wrap:hover .cp-fav-btn[b-xpo0a69x6q] {
    opacity: 1;
}

.cp-fav-btn:hover[b-xpo0a69x6q] {
    background: var(--bg-elev);
    color: var(--amber);
}

.cp-fav-btn--active[b-xpo0a69x6q] {
    opacity: 1 !important;
    color: var(--amber);
}

.cp-fav-btn--active:hover[b-xpo0a69x6q] {
    color: var(--text-3);
}

/* Mobile: always show star for touch */
@media (max-width: 1023px) {
    .cp-fav-btn[b-xpo0a69x6q] {
        opacity: 0.7;
        width: 28px;
        height: 28px;
    }
}

/* ── Quick product ── */
.cp-quick-prod[b-xpo0a69x6q] {
    margin-bottom: var(--s2);
}

.cp-quick-form[b-xpo0a69x6q] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.cp-quick-name[b-xpo0a69x6q] {
    flex: 1;
    min-width: 0;
    font-size: 12px;
    padding: 6px 8px;
}

.cp-quick-price[b-xpo0a69x6q] {
    width: 70px;
    font-size: 12px;
    padding: 6px 8px;
    text-align: right;
}

/* ── Selected client card ── */
.cp-selected-avatar[b-xpo0a69x6q] {
    background: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cp-selected-avatar-text[b-xpo0a69x6q] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-on-accent);
}

.cp-selected-name[b-xpo0a69x6q] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-1);
}

.cp-selected-phone[b-xpo0a69x6q] {
    font-size: 11px;
}

/* ── Section headers (Favoritter / Seneste) ── */
.cp-section-header[b-xpo0a69x6q] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-3);
    margin-bottom: var(--s2);
}

/* ── Service flex grids ── */
.cp-services-grid[b-xpo0a69x6q] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: var(--s3);
}

.cp-services-grid--sm[b-xpo0a69x6q] {
    margin-bottom: var(--s2);
}

/* ── Service button overrides ── */
.cp-svc-btn--accent[b-xpo0a69x6q] {
    font-size: 12px;
    background: var(--accent-subtle);
    border-color: var(--accent-ring);
}

.cp-svc-btn--compact[b-xpo0a69x6q] {
    font-size: 12px;
    min-height: 40px;
}

.cp-svc-price[b-xpo0a69x6q] {
    color: var(--text-3);
    margin-left: 2px;
}

/* ── Empty state ── */
.cp-empty[b-xpo0a69x6q] {
    font-size: 13px;
    padding: var(--s2) 0;
}

/* ── Accordion header ── */
.cp-accordion-btn[b-xpo0a69x6q] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    border: none;
    background: none;
    padding: 6px 0;
    cursor: pointer;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-3);
    margin-top: var(--s3);
}

.cp-accordion-label[b-xpo0a69x6q] {
    display: flex;
    align-items: center;
    gap: 8px;
    border-left: 3px solid var(--accent);
    padding-left: 8px;
}

.cp-accordion-count[b-xpo0a69x6q] {
    font-size: 11px;
    font-weight: 500;
    color: var(--text-4);
    text-transform: none;
    letter-spacing: 0;
}

/* ── "More" expand button ── */
.cp-more-btn[b-xpo0a69x6q] {
    font-size: 11px;
    color: var(--accent);
    min-height: 40px;
}
/* /Components/Pages/POS/Panels/DailySummaryPanel.razor.rz.scp.css */
/* DailySummaryPanel — scoped styles */

.dsp-title[b-dmi4xtgr3c] {
    margin-bottom: var(--s3);
}

.dsp-metrics[b-dmi4xtgr3c] {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
}

.dsp-metric-val[b-dmi4xtgr3c] {
    margin-top: 4px;
}

.dsp-divider[b-dmi4xtgr3c] {
    height: 1px;
    background: var(--border-1);
}

.dsp-tips-val[b-dmi4xtgr3c] {
    font-size: 16px;
    margin-top: 4px;
}

.dsp-section[b-dmi4xtgr3c] {
    margin-top: var(--s4);
    border-top: 1px solid var(--border-1);
    padding-top: var(--s3);
}

.dsp-open-btn[b-dmi4xtgr3c] {
    width: 100%;
}

.dsp-form-col[b-dmi4xtgr3c] {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
}

.dsp-form-actions[b-dmi4xtgr3c] {
    display: flex;
    gap: 8px;
    margin-top: var(--s1);
}

.dsp-form-btn[b-dmi4xtgr3c] {
    flex: 1;
}

.dsp-close-title[b-dmi4xtgr3c] {
    font-weight: 600;
}

.dsp-full-width[b-dmi4xtgr3c] {
    width: 100%;
}
/* /Components/Pages/POS/POSView.razor.rz.scp.css */
/* POSView — scoped styles */

.pos-wrap[b-ws2y3s7j8j] {
    padding: var(--s6);
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.pos-skeleton-col[b-ws2y3s7j8j] {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
}

.pos-skeleton-header[b-ws2y3s7j8j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pos-skeleton-card[b-ws2y3s7j8j] {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
}

.pos-no-registers[b-ws2y3s7j8j] {
    text-align: center;
    padding: var(--s8);
}

.pos-no-reg-icon[b-ws2y3s7j8j] {
    width: 48px;
    height: 48px;
    color: var(--text-3);
    margin: 0 auto var(--s3);
}

.pos-no-reg-sub[b-ws2y3s7j8j] {
    margin-top: 4px;
}

.pos-reg-selector[b-ws2y3s7j8j] {
    max-width: 480px;
    margin: var(--s8) auto;
}

.pos-reg-list[b-ws2y3s7j8j] {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    margin-top: var(--s3);
}

.pos-reg-btn[b-ws2y3s7j8j] {
    justify-content: space-between;
}

.pos-header[b-ws2y3s7j8j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--s3);
    margin-bottom: var(--s3);
}

.pos-subtitle[b-ws2y3s7j8j] {
    margin-top: 3px;
}

.pos-header-actions[b-ws2y3s7j8j] {
    display: flex;
    gap: var(--s2);
    flex-wrap: wrap;
}

.pos-header-action-sm[b-ws2y3s7j8j] {
    flex-shrink: 0;
}

.pos-grid[b-ws2y3s7j8j] {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: var(--s4);
}

.pos-grid-closed[b-ws2y3s7j8j] {
    grid-template-columns: 1fr;
}

.pos-left-col[b-ws2y3s7j8j] {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
}

.pos-right-col[b-ws2y3s7j8j] {
    position: sticky;
    top: var(--topbar-h);
    height: fit-content;
}

.pos-register-closed[b-ws2y3s7j8j] {
    text-align: center;
    padding: var(--s8);
}

.pos-closed-icon[b-ws2y3s7j8j] {
    width: 48px;
    height: 48px;
    color: var(--text-4);
    margin: 0 auto var(--s3);
}

.pos-closed-title[b-ws2y3s7j8j] {
    margin-bottom: 4px;
}

.pos-closed-actions[b-ws2y3s7j8j] {
    display: flex;
    gap: var(--s2);
    justify-content: center;
    margin-top: var(--s3);
}

.pos-kpi-row[b-ws2y3s7j8j] {
    display: flex;
    gap: var(--s2);
    flex-wrap: wrap;
}

.pos-kpi-chip[b-ws2y3s7j8j] {
    padding: 4px 10px;
    border-radius: var(--r-md);
    background: var(--bg-inset);
    font-size: 12px;
}

.pos-kpi-chip-accent[b-ws2y3s7j8j] {
    background: var(--accent-subtle);
}

.pos-kpi-label[b-ws2y3s7j8j] {
    color: var(--text-3);
}

.pos-kpi-value[b-ws2y3s7j8j] {
    font-weight: 700;
}

.pos-kpi-green[b-ws2y3s7j8j] {
    color: var(--green);
}

.pos-kpi-red[b-ws2y3s7j8j] {
    color: var(--red);
}

.pos-kpi-amber[b-ws2y3s7j8j] {
    color: var(--amber);
}

.pos-closed-badge[b-ws2y3s7j8j] {
    margin-left: 8px;
}

.pos-closed-wrap[b-ws2y3s7j8j] {
    margin-top: var(--s4);
    max-width: 480px;
}

.pos-main-grid[b-ws2y3s7j8j] {
    margin-top: var(--s4);
}

.pos-basket-col[b-ws2y3s7j8j] {
    position: sticky;
    top: var(--s6);
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: var(--s3);
}

.pos-kpi-bar[b-ws2y3s7j8j] {
    display: flex;
    gap: var(--s4);
    align-items: center;
    flex-wrap: wrap;
}

.pos-kpi-group[b-ws2y3s7j8j] {
    display: flex;
    gap: var(--s4);
    align-items: center;
}

.pos-kpi-cell[b-ws2y3s7j8j] {
    text-align: right;
}

.pos-kpi-value-text[b-ws2y3s7j8j] {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

.pos-kpi-sublabel[b-ws2y3s7j8j] {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-3);
}

.pos-kpi-divider[b-ws2y3s7j8j] {
    width: 1px;
    height: 32px;
    background: var(--border-1);
    margin: 0 var(--s1);
}

.pos-close-dialog[b-ws2y3s7j8j] {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    min-width: 220px;
}

.pos-close-label[b-ws2y3s7j8j] {
    font-size: 11px;
}

.pos-close-actions[b-ws2y3s7j8j] {
    display: flex;
    gap: 8px;
    margin-top: var(--s1);
}

.pos-close-btn[b-ws2y3s7j8j] {
    flex: 1;
}

.pos-icon-sm[b-ws2y3s7j8j] {
    width: 14px;
    height: 14px;
}

.pos-icon-md[b-ws2y3s7j8j] {
    width: 16px;
    height: 16px;
}

.pos-icon-lg[b-ws2y3s7j8j] {
    width: 18px;
    height: 18px;
}

.pos-icon-xl[b-ws2y3s7j8j] {
    width: 20px;
    height: 20px;
}

/* ── Sale complete modal ── */
.pos-modal-overlay[b-ws2y3s7j8j] {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--s4);
}

.pos-modal-card[b-ws2y3s7j8j] {
    background: var(--bg-card);
    border-radius: var(--r-xl);
    padding: var(--s6);
    max-width: 400px;
    width: 100%;
    text-align: center;
    box-shadow: var(--sh-lg);
}

.pos-success-icon[b-ws2y3s7j8j] {
    width: 48px;
    height: 48px;
    color: var(--green);
    margin: 0 auto var(--s3);
}

.pos-modal-title[b-ws2y3s7j8j] {
    margin-bottom: 4px;
}

.pos-modal-actions[b-ws2y3s7j8j] {
    display: flex;
    gap: var(--s2);
    margin-top: var(--s4);
}

.pos-modal-btn[b-ws2y3s7j8j] {
    flex: 1;
}

/* ── Responsive ── */
@media (max-width: 1023px) {
    .pos-grid[b-ws2y3s7j8j] {
        grid-template-columns: 1fr;
    }
    .pos-right-col[b-ws2y3s7j8j] {
        position: static;
    }
}

@media (max-width: 479px) {
    .pos-wrap[b-ws2y3s7j8j] {
        padding: var(--s4);
    }
}
/* /Components/Pages/Resources/ResourceList.razor.rz.scp.css */
/* ResourceList — scoped styles */

.rl-wrap[b-vdla5v5i7f] {
    padding: var(--s6);
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.rl-subtitle[b-vdla5v5i7f] {
    margin-top: 3px;
}

.rl-card-header[b-vdla5v5i7f] {
    display: flex;
    align-items: center;
    gap: var(--s3);
    margin-bottom: var(--s4);
}

.rl-icon-wrap[b-vdla5v5i7f] {
    width: 44px;
    height: 44px;
    border-radius: var(--r-lg);
    background: var(--accent-subtle);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rl-icon[b-vdla5v5i7f] {
    width: 20px;
    height: 20px;
    color: var(--accent);
}

.rl-type[b-vdla5v5i7f] {
    margin-top: 2px;
}

.rl-badge-wrap[b-vdla5v5i7f] {
    margin-left: auto;
}

.rl-actions[b-vdla5v5i7f] {
    margin-top: var(--s3);
}

.rl-dialog-body[b-vdla5v5i7f] {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
}

.rl-dialog-footer[b-vdla5v5i7f] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s2);
}

@media (max-width: 479px) {
    .rl-wrap[b-vdla5v5i7f] {
        padding: var(--s4);
    }
}
/* /Components/Pages/Settings/Integrations.razor.rz.scp.css */
/* ============================================================
   INTEGRATIONS PAGE — Scoped CSS (Blazor best practice)
   Premium card layout, cursor glow, magnetic buttons, glass info
   ============================================================ */

.integrations-shell[b-24y2482wty] {
    padding: var(--s6);
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.integrations-head[b-24y2482wty] {
    margin-bottom: var(--s5);
}

.integrations-head p[b-24y2482wty] {
    margin-top: 3px;
}

/* Section heading with accent accent-bar */
.integrations-section[b-24y2482wty] {
    margin-bottom: var(--s6);
}

    .integrations-section[b-24y2482wty]  h2 {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: var(--s3);
        font-size: 1.15rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: var(--t1);
    }

        .integrations-section[b-24y2482wty]  h2::before {
            content: '';
            width: 4px;
            height: 20px;
            border-radius: 999px;
            background: var(--ac);
            flex-shrink: 0;
        }

/* Card grid */
.integrations-grid[b-24y2482wty] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s3);
}

@media (max-width: 767px) {
    .integrations-grid[b-24y2482wty] {
        grid-template-columns: 1fr;
    }
}

/* Integration card — premium glass style */
.integration-card[b-24y2482wty] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(16, 20, 30, .95), rgba(12, 15, 23, .92));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    padding: var(--s4);
    transition: transform .18s, border-color .18s, box-shadow .18s;
}

    .integration-card:hover[b-24y2482wty] {
        transform: translateY(-2px);
        border-color: rgba(255, 255, 255, .14);
        box-shadow: 0 18px 40px rgba(0, 0, 0, .2);
    }

    /* Cursor glow on cards */
    .integration-card[b-24y2482wty]::before {
        content: '';
        position: absolute;
        inset: 0;
        opacity: 0;
        transition: opacity .4s ease;
        background: radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(124, 92, 252, .10), transparent 60%);
        pointer-events: none;
        z-index: 0;
        border-radius: inherit;
    }

    .integration-card:hover[b-24y2482wty]::before {
        opacity: 1;
    }

/* Card header */
.integration-card-header[b-24y2482wty] {
    display: flex;
    align-items: center;
    gap: var(--s3);
    margin-bottom: var(--s4);
    position: relative;
    z-index: 1;
}

/* Icon wrapper */
.integration-card-icon[b-24y2482wty] {
    width: 48px;
    height: 48px;
    border-radius: var(--r-lg);
    background: var(--bg-elev);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid var(--border-1);
    transition: transform .2s, border-color .2s, box-shadow .2s;
}

.integration-card:hover .integration-card-icon[b-24y2482wty] {
    transform: scale(1.05);
    border-color: rgba(124, 92, 252, .3);
    box-shadow: 0 0 20px rgba(124, 92, 252, .08);
}

.integration-card-icon[b-24y2482wty]  i {
    width: 22px;
    height: 22px;
    color: var(--accent);
}

/* Card text */
.integration-card-text[b-24y2482wty] {
    flex: 1;
    min-width: 0;
}

    .integration-card-text .title[b-24y2482wty] {
        font-size: 1.05rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: var(--t1);
    }

    .integration-card-text .desc[b-24y2482wty] {
        margin-top: 2px;
        font-size: .88rem;
        color: var(--t2);
        line-height: 1.5;
    }

/* Card actions */
.integration-card-actions[b-24y2482wty] {
    display: flex;
    gap: 8px;
    position: relative;
    z-index: 1;
}

/* Sync timestamp */
.integration-sync-time[b-24y2482wty] {
    font-size: var(--ts-xs);
    margin-bottom: var(--s3);
    color: var(--t3);
    position: relative;
    z-index: 1;
}

/* Info box — enhanced glass style */
.integration-info[b-24y2482wty] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 14px;
    margin-bottom: var(--s3);
    position: relative;
    z-index: 1;
    font-size: .88rem;
    line-height: 1.6;
    color: var(--t2);
}

.integration-info.info-accent[b-24y2482wty] {
    background: rgba(124, 92, 252, .06);
    border: 1px solid rgba(124, 92, 252, .14);
}

.integration-info.info-warn[b-24y2482wty] {
    background: rgba(245, 183, 49, .06);
    border: 1px solid rgba(245, 183, 49, .14);
}

.integration-info.info-slate[b-24y2482wty] {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .08);
}

.integration-info-ic[b-24y2482wty] {
    margin-top: 2px;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: var(--accent);
}

.integration-info-warn .integration-info-ic[b-24y2482wty] {
    color: var(--am);
}

.integration-info-tx[b-24y2482wty] {
    overflow-wrap: anywhere;
    min-width: 0;
}

/* Section info banner */
.integration-banner[b-24y2482wty] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .07);
    margin-bottom: var(--s3);
    font-size: .88rem;
    line-height: 1.6;
    color: var(--t2);
}

.integration-banner-ic[b-24y2482wty] {
    margin-top: 2px;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: var(--t3);
}

/* Magnetic button overrides */
.integration-card-actions[b-24y2482wty]  .btn {
    transition: all .2s;
}

.integration-card-actions[b-24y2482wty]  .btn-p:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 24px var(--ac-glow);
}

.integration-card-actions[b-24y2482wty]  .btn-p:active {
    transform: translateY(0) scale(0.98);
}

.integration-card-actions[b-24y2482wty]  .btn-s:hover {
    transform: translateY(-1px);
    border-color: var(--b3);
    background: rgba(255, 255, 255, .05);
}

.integration-card-actions[b-24y2482wty]  .btn:disabled {
    opacity: .5;
    cursor: not-allowed;
    transform: none !important;
}

/* Focus visible rings */
.integration-card-actions[b-24y2482wty]  .btn:focus-visible {
    outline: 2px solid var(--ac);
    outline-offset: 3px;
    border-radius: 4px;
}

/* Mobile */
@media (max-width: 1023px) {
    .integrations-shell[b-24y2482wty] {
        padding: var(--s4);
    }

    .integration-card-header[b-24y2482wty] {
        flex-wrap: wrap;
        gap: var(--s3);
    }
}
/* /Components/Pages/Settings/SettingsPage.razor.rz.scp.css */
/* ============================================================
   SETTINGS PAGE — Scoped CSS (Blazor best practice)
   Replaces common inline style patterns
   ============================================================ */

/* Icon sizes */
.stg-icon-sm[b-fv968vz2to] { width: 14px; height: 14px; }
.stg-icon-xs[b-fv968vz2to] { width: 12px; height: 12px; }
.stg-icon-lg[b-fv968vz2to] { width: 16px; height: 16px; }

/* Status dots in sidebar */
.stg-dot[b-fv968vz2to] {
    margin-left: auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.stg-dot-warning[b-fv968vz2to] { background: #f59e0b; }
.stg-dot-success[b-fv968vz2to] { background: rgb(34, 197, 94); }

/* Chevron rotation for collapsed groups */
.stg-chevron-collapsed[b-fv968vz2to] { transform: rotate(-90deg); }

/* Input widths */
.stg-input-w-sm[b-fv968vz2to] { width: 120px; }
.stg-input-w-md[b-fv968vz2to] { width: 220px; }
.stg-input-w-lg[b-fv968vz2to] { width: 280px; }
.stg-input-w-xl[b-fv968vz2to] { width: 80px; }
.stg-input-w-cvr[b-fv968vz2to] { width: 140px; }

/* Textarea sizing */
.stg-textarea-md[b-fv968vz2to] {
    width: 280px;
    min-height: 112px;
    resize: vertical;
}

.stg-textarea-lg[b-fv968vz2to] {
    width: 280px;
    min-height: 120px;
    resize: vertical;
}

/* Set row alignment */
.stg-row-start[b-fv968vz2to] { align-items: flex-start; }

/* Helper text under inputs */
.stg-char-count[b-fv968vz2to] {
    font-size: 12px;
    color: var(--text-3);
    margin-top: 3px;
    text-align: right;
}

/* Section dividers */
.stg-section-divider[b-fv968vz2to] {
    padding: var(--s3) 0 var(--s1);
    border-top: 1px solid var(--border-1);
    margin-top: var(--s2);
}

.stg-section-label[b-fv968vz2to] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* Sidebar group */
.stg-group-contents[b-fv968vz2to] { display: contents; }

/* Save bar */
.stg-save-bar[b-fv968vz2to] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--s2);
    padding: var(--s4) var(--s5);
    border-top: 1px solid var(--border-1);
}

/* Dirty warning indicator */
.stg-dirty-warning[b-fv968vz2to] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #f59e0b;
    font-weight: 500;
}

.stg-dirty-dot[b-fv968vz2to] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}

/* Card padding */
.stg-card-pad[b-fv968vz2to] { padding: var(--s3); }

/* Skeleton */
.stg-skeleton-row[b-fv968vz2to] {
    height: 56px;
    border-radius: 12px;
}

/* Loading section flex */
.stg-loading-section[b-fv968vz2to] {
    padding: var(--s4);
    display: flex;
    flex-direction: column;
    gap: var(--s3);
}

/* Helper hint text */
.stg-hint[b-fv968vz2to] {
    color: var(--text-3);
    font-size: 12px;
}

/* Address column flex */
.stg-address-col[b-fv968vz2to] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Checkbox accent */
.stg-checkbox-accent[b-fv968vz2to] {
    accent-color: var(--accent);
    width: 14px;
    height: 14px;
}

/* Hours row */
.stg-hours-row[b-fv968vz2to] {
    display: grid;
    grid-template-columns: 90px auto 1fr 1fr;
    gap: 10px;
    align-items: center;
    padding: 10px 14px;
    background: var(--surface-2);
    border-radius: 10px;
    border: 1px solid var(--border-1);
}

/* Medium accent icon */
.stg-icon-md[b-fv968vz2to] {
    width: 18px;
    height: 18px;
    color: var(--accent);
}

/* Page wrapper */
.stg-page-wrapper[b-fv968vz2to] {
    padding: clamp(var(--s3), 3vw, var(--s6));
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

/* Text-muted icon */
.stg-icon-muted[b-fv968vz2to] {
    width: 14px;
    height: 14px;
    color: var(--text-3);
}

/* Non-Tailwind icon sizes */
.stg-icon-18[b-fv968vz2to] { width: 18px; height: 18px; }
.stg-icon-22[b-fv968vz2to] { width: 22px; height: 22px; }

/* AI info box spacing — moved from inline style block */
.stg .ai-in[b-fv968vz2to] {
    align-items: flex-start !important;
    max-width: 100%;
    gap: 16px;
    margin-bottom: 12px;
}
.stg .ai-in .ai-in-ic[b-fv968vz2to] {
    margin-top: -3px !important;
    align-self: flex-start;
    flex-shrink: 0;
}
.stg .ai-in .ai-in-tx[b-fv968vz2to] {
    overflow-wrap: anywhere;
    min-inline-size: 0;
    text-wrap: pretty;
}

/* Agent icon wrapper */
.stg-agent-icon-wrap[b-fv968vz2to] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--accent-subtle);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Agent icon */
.stg-agent-icon[b-fv968vz2to] {
    width: 16px;
    height: 16px;
    color: var(--accent);
}

/* Entity icon wrapper */
.stg-entity-icon-wrap[b-fv968vz2to] {
    width: 40px;
    height: 40px;
    border-radius: var(--r-md);
    background: var(--accent-subtle);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Theme-aware colors (dark/light safe) */
.stg-text-primary[b-fv968vz2to] { color: var(--text-1); }
.stg-text-secondary[b-fv968vz2to] { color: var(--text-2); }
.stg-text-muted[b-fv968vz2to] { color: var(--text-3); }
.stg-bg-red-soft[b-fv968vz2to] { background: var(--red-s); }
.stg-bg-border[b-fv968vz2to] { background: var(--border-1); }

/* Card footer flex */
.stg-card-footer[b-fv968vz2to] {
    padding: var(--s3) var(--s5);
    border-top: 1px solid var(--border-1);
    display: flex;
    gap: var(--s2);
    flex-wrap: wrap;
}

/* Info box (CVR section) */
.stg-info-box[b-fv968vz2to] {
    background: rgba(99, 102, 241, 0.06);
    border: 1px solid rgba(99, 102, 241, 0.18);
    border-radius: var(--r-lg);
    padding: var(--s4);
    margin: var(--s2) 0 var(--s4);
}

/* Lookup result card */
.stg-lookup-card[b-fv968vz2to] {
    border: 1px solid var(--border-2);
    border-radius: var(--r-lg);
    padding: var(--s4);
    margin: var(--s3) 0 var(--s4);
}

/* Lookup result grid */
.stg-lookup-grid[b-fv968vz2to] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: var(--s4);
    border-top: 1px solid var(--border-1);
    padding-top: var(--s4);
}

/* Lookup card header */
.stg-lookup-header[b-fv968vz2to] {
    display: flex;
    align-items: center;
    gap: var(--s3);
}

/* Lookup icon wrapper */
.stg-lookup-icon-wrap[b-fv968vz2to] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--surface-2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Lookup grid label */
.stg-lookup-label[b-fv968vz2to] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-3);
    font-weight: 600;
    margin-bottom: 4px;
}

/* Lookup status row */
.stg-lookup-status[b-fv968vz2to] {
    font-size: 13px;
    color: var(--text-2);
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Confirmed company card */
.stg-confirmed-card[b-fv968vz2to] {
    border: 1px solid rgba(34, 197, 94, 0.25);
    background: rgba(34, 197, 94, 0.04);
    border-radius: var(--r-lg);
    padding: var(--s5);
    margin: var(--s4) 0;
}

/* Confirmed company icon wrap */
.stg-confirmed-icon-wrap[b-fv968vz2to] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(34, 197, 94, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Integration provider card */
.stg-provider-card[b-fv968vz2to] {
    border: 1px solid var(--border-2);
    border-radius: var(--r-lg);
    padding: var(--s4);
    margin: var(--s3) 0 var(--s4);
}

/* Integration provider icon wrap */
.stg-provider-icon-wrap[b-fv968vz2to] {
    width: 48px;
    height: 48px;
    border-radius: var(--r-lg);
    background: var(--bg-elev);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid var(--border-1);
}

/* Skeleton badge */
.stg-skeleton-badge[b-fv968vz2to] {
    height: 28px;
    width: 90px;
    border-radius: 99px;
}

/* Register form row */
.stg-register-row[b-fv968vz2to] {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    flex-wrap: wrap;
}

/* Register input container */
.stg-register-input[b-fv968vz2to] {
    flex: 1;
    min-width: 160px;
}

/* Register label */
.stg-register-label[b-fv968vz2to] {
    display: block;
    margin-bottom: 4px;
}

/* Yellow badge */
.stg-badge-yellow[b-fv968vz2to] {
    background: rgba(234, 179, 8, 0.15);
    color: rgb(161, 120, 0);
    font-size: 12px;
    padding: 4px 12px;
    border-radius: 99px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* Green badge inline */
.stg-badge-green-inline[b-fv968vz2to] {
    font-size: 12px;
    padding: 4px 12px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* ── Sidebar group titles ── */
.sb-group-title[b-fv968vz2to] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    inline-size: 100%;
    padding: 10px;
    border: none;
    border-radius: var(--r-md);
    background: transparent;
    cursor: pointer;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--text-3);
    transition: background .15s, color .15s;
    margin-block-start: 4px;
}
.sb-group-title:first-of-type[b-fv968vz2to] { margin-block-start: 0; }
.sb-group-title:hover[b-fv968vz2to] { background: var(--bg-elev); color: var(--text-1); }
.sb-group-title.sb-group-active[b-fv968vz2to] { color: var(--text-1); }
.sb-group-title i[b-fv968vz2to] {
    transition: transform .15s;
    stroke-width: 2.5;
    flex-shrink: 0;
}

/* ── Desktop (≥1024px): grouped sidebar ── */
@media (min-width: 1024px) {
    .stg .g12 > .cd:first-child[b-fv968vz2to] {
        position: sticky;
        inset-block-start: 1rem;
        align-self: start;
    }
    .stg-sidebar-nav[b-fv968vz2to] {
        display: flex;
        flex-direction: column;
        gap: 1px;
    }
    .stg-sidebar-nav .sb-it[b-fv968vz2to] { padding-inline-start: 24px; }
}

/* ── Mobile responsive fixes for SettingsPage ── */
@media (max-width: 1023px) {
    /* Sidebar: full width, no sticky */
    .stg .g12 > .cd:first-child[b-fv968vz2to] {
        position: relative !important;
        inset-block-start: auto !important;
        align-self: stretch !important;
        inline-size: 100% !important;
    }

    /* Horizontal scroll strip */
    .stg-sidebar-nav[b-fv968vz2to] {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 4px;
        padding-block-end: 4px;
    }
    .stg-sidebar-nav[b-fv968vz2to]::-webkit-scrollbar { display: none; }

    .stg-sidebar-nav .sb-it[b-fv968vz2to] {
        scroll-snap-align: start;
        flex-shrink: 0;
        white-space: nowrap;
        min-inline-size: auto;
        padding: 6px 10px;
        font-size: 12px;
        gap: 6px;
        min-block-size: 44px;
    }
    .stg-sidebar-nav .sb-it i[b-fv968vz2to] { inline-size: 14px; block-size: 14px; }
    .stg-sidebar-nav .sb-group-title[b-fv968vz2to] { display: none; }
    .stg-sidebar-nav .stg-group[b-fv968vz2to] { display: contents !important; }

    /* Card headers: allow wrapping */
    .stg .cd-h[b-fv968vz2to] {
        flex-wrap: wrap;
        gap: var(--s3);
    }

    /* Setting rows: stack label + control */
    .stg .set-row[b-fv968vz2to] {
        flex-wrap: wrap;
        gap: var(--s2);
        align-items: flex-start;
    }
    .stg .set-row .set-control[b-fv968vz2to] {
        margin-inline-start: 0;
        inline-size: 100%;
        display: flex;
        justify-content: flex-start;
    }

    /* Fix card internal flex headers */
    .stg .cd > div[style*="display:flex"][b-fv968vz2to] {
        flex-wrap: wrap !important;
    }
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
    .sb-group-title[b-fv968vz2to], .sb-group-title i[b-fv968vz2to], .stg-sidebar-nav .sb-it[b-fv968vz2to] {
        transition: none;
    }
}
/* /Components/Pages/Settings/Subscription.razor.rz.scp.css */
/* Subscription — scoped styles */

.sub-kpi-grid[b-bh45wrz35i] {
    margin-bottom: var(--s6);
}

.sub-kpi-icon[b-bh45wrz35i] {
    color: var(--accent);
}

.sub-actions[b-bh45wrz35i] {
    display: flex;
    gap: var(--s2);
    flex-wrap: wrap;
}

@media (max-width: 479px) {
    .sub-actions[b-bh45wrz35i] {
        flex-direction: column;
    }
}
/* /Components/Pages/WebsiteBuilder.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   WebsiteBuilder — scoped CSS replacing inline styles
   ═══════════════════════════════════════════════════════ */

/* ── Layout helpers ── */
.wb-flex[b-lqnwqt7vpo] { display: flex; }
.wb-flex-col[b-lqnwqt7vpo] { display: flex; flex-direction: column; }
.wb-items-center[b-lqnwqt7vpo] { align-items: center; }
.wb-justify-center[b-lqnwqt7vpo] { justify-content: center; }
.wb-justify-between[b-lqnwqt7vpo] { justify-content: space-between; }
.wb-justify-end[b-lqnwqt7vpo] { justify-content: flex-end; }
.wb-flex-wrap[b-lqnwqt7vpo] { flex-wrap: wrap; }
.wb-gap-1[b-lqnwqt7vpo] { gap: 4px; }
.wb-gap-2[b-lqnwqt7vpo] { gap: 6px; }
.wb-gap-3[b-lqnwqt7vpo] { gap: 8px; }
.wb-gap-4[b-lqnwqt7vpo] { gap: 10px; }
.wb-gap-5[b-lqnwqt7vpo] { gap: var(--s3); }

/* ── Spacing ── */
.wb-mt-1[b-lqnwqt7vpo] { margin-top: 3px; }
.wb-mt-2[b-lqnwqt7vpo] { margin-top: 4px; }
.wb-mt-3[b-lqnwqt7vpo] { margin-top: var(--s2); }
.wb-mt-4[b-lqnwqt7vpo] { margin-top: var(--s3); }
.wb-mt-5[b-lqnwqt7vpo] { margin-top: var(--s4); }
.wb-mt-6[b-lqnwqt7vpo] { margin-top: var(--s5); }

.wb-mb-1[b-lqnwqt7vpo] { margin-bottom: 6px; }
.wb-mb-2[b-lqnwqt7vpo] { margin-bottom: 10px; }
.wb-mb-3[b-lqnwqt7vpo] { margin-bottom: var(--s2); }
.wb-mb-4[b-lqnwqt7vpo] { margin-bottom: var(--s3); }
.wb-mb-5[b-lqnwqt7vpo] { margin-bottom: var(--s4); }
.wb-mb-6[b-lqnwqt7vpo] { margin-bottom: var(--s5); }
.wb-mb-8[b-lqnwqt7vpo] { margin-bottom: var(--s6); }

/* ── Typography ── */
.wb-text-xs[b-lqnwqt7vpo] { font-size: 11px; }
.wb-text-sm[b-lqnwqt7vpo] { font-size: 12px; }
.wb-text-base[b-lqnwqt7vpo] { font-size: 13px; }
.wb-text-md[b-lqnwqt7vpo] { font-size: 14px; }
.wb-text-lg[b-lqnwqt7vpo] { font-size: 15px; }
.wb-text-xl[b-lqnwqt7vpo] { font-size: 16px; }
.wb-text-2xl[b-lqnwqt7vpo] { font-size: 24px; }

.wb-font-semibold[b-lqnwqt7vpo] { font-weight: 600; }
.wb-font-bold[b-lqnwqt7vpo] { font-weight: 700; }

.wb-text-primary[b-lqnwqt7vpo] { color: var(--text-primary); }
.wb-text-secondary[b-lqnwqt7vpo] { color: var(--text-secondary); }
.wb-text-tertiary[b-lqnwqt7vpo] { color: var(--text-3); }
.wb-text-accent[b-lqnwqt7vpo] { color: var(--accent); }
.wb-text-amber[b-lqnwqt7vpo] { color: var(--amber); }
.wb-text-green[b-lqnwqt7vpo] { color: var(--green); }
.wb-text-red[b-lqnwqt7vpo] { color: var(--red); }

/* ── Shapes ── */
.wb-swatch[b-lqnwqt7vpo] {
    width: 16px;
    height: 16px;
    border-radius: 3px;
}

.wb-avatar[b-lqnwqt7vpo] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
}

.wb-avatar-sm[b-lqnwqt7vpo] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.wb-dot[b-lqnwqt7vpo] {
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.wb-pill[b-lqnwqt7vpo] {
    border-radius: 999px;
}

/* ── Cards & surfaces ── */
.wb-surface[b-lqnwqt7vpo] {
    padding: var(--s4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
}

.wb-surface-dashed[b-lqnwqt7vpo] {
    border: 2px dashed var(--border);
    border-radius: 12px;
    padding: 20px;
}

/* ── Upload zone ── */
.wb-upload-zone[b-lqnwqt7vpo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px dashed var(--border);
    border-radius: 12px;
    padding: 20px;
    cursor: pointer;
    gap: 8px;
    min-height: 100px;
}

/* ── Theme card ── */
.wb-theme-card[b-lqnwqt7vpo] {
    border-radius: 10px;
    padding: 12px;
    cursor: pointer;
    text-align: left;
    transition: border-color .15s;
}

/* ── Stepper button ── */
.wb-step-btn[b-lqnwqt7vpo] {
    flex: 1;
    padding: 12px 8px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    border-right: 1px solid var(--border);
    font-size: 11px;
    color: var(--text-secondary);
    transition: background .15s;
}

.wb-step-avatar[b-lqnwqt7vpo] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 600;
}

/* ── Feature tag ── */
.wb-tag[b-lqnwqt7vpo] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--surface-2);
    font-size: 12px;
}

/* ── Embed code block ── */
.wb-code-block[b-lqnwqt7vpo] {
    padding: 8px 14px;
    background: var(--surface-2);
    border-radius: 8px;
    font-family: monospace;
    font-size: 12px;
    overflow-x: auto;
}

/* ── FAQ row ── */
.wb-faq-row[b-lqnwqt7vpo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-bottom: 1px solid var(--border);
}

/* ── Skeletons (loading) ── */
.wb-skeleton-sm[b-lqnwqt7vpo] { height: 16px; border-radius: 4px; }
.wb-skeleton-md[b-lqnwqt7vpo] { height: 28px; border-radius: 6px; }
.wb-skeleton-lg[b-lqnwqt7vpo] { height: 44px; border-radius: 6px; }
.wb-skeleton-xl[b-lqnwqt7vpo] { height: 56px; border-radius: 8px; }
.wb-skeleton-2xl[b-lqnwqt7vpo] { height: 80px; border-radius: 8px; }
.wb-skeleton-3xl[b-lqnwqt7vpo] { height: 120px; border-radius: 8px; }

/* ── Preview chrome ── */
.wb-chrome-bar[b-lqnwqt7vpo] {
    padding: 8px 12px;
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.wb-chrome-dots[b-lqnwqt7vpo] {
    display: flex;
    gap: 5px;
}

.wb-url-bar[b-lqnwqt7vpo] {
    flex: 1;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 3px 10px;
    font-size: 11px;
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Activate button gradient ── */
.wb-activate-btn[b-lqnwqt7vpo] {
    width: 100%;
    padding: 16px;
    font-size: 16px;
    font-weight: 700;
    border-radius: var(--r-xl);
    background: linear-gradient(135deg, var(--accent), var(--accent-hover));
    border: none;
    color: #fff;
    cursor: pointer;
    box-shadow: var(--sh-lg);
}

/* ── Responsive helpers ── */
.wb-text-center[b-lqnwqt7vpo] { text-align: center; }
.wb-text-right[b-lqnwqt7vpo] { text-align: right; }
.wb-w-full[b-lqnwqt7vpo] { width: 100%; }
.wb-h-full[b-lqnwqt7vpo] { height: 100%; }
.wb-overflow-auto[b-lqnwqt7vpo] { overflow: auto; }
.wb-flex-shrink-0[b-lqnwqt7vpo] { flex-shrink: 0; }
.wb-flex-1[b-lqnwqt7vpo] { flex: 1; }
.wb-block[b-lqnwqt7vpo] { display: block; }
.wb-inline-flex[b-lqnwqt7vpo] { display: inline-flex; }

/* ── Padding utilities ── */
.wb-p-1[b-lqnwqt7vpo] { padding: 4px; }
.wb-p-2[b-lqnwqt7vpo] { padding: 6px; }
.wb-p-3[b-lqnwqt7vpo] { padding: 8px; }
.wb-p-4[b-lqnwqt7vpo] { padding: 10px; }
.wb-p-5[b-lqnwqt7vpo] { padding: 12px; }
.wb-p-6[b-lqnwqt7vpo] { padding: 14px; }
.wb-p-7[b-lqnwqt7vpo] { padding: 16px; }
.wb-px-2[b-lqnwqt7vpo] { padding-left: 6px; padding-right: 6px; }
.wb-px-3[b-lqnwqt7vpo] { padding-left: 8px; padding-right: 8px; }
.wb-px-4[b-lqnwqt7vpo] { padding-left: 10px; padding-right: 10px; }
.wb-px-5[b-lqnwqt7vpo] { padding-left: 12px; padding-right: 12px; }
.wb-px-6[b-lqnwqt7vpo] { padding-left: 14px; padding-right: 14px; }
.wb-py-1[b-lqnwqt7vpo] { padding-top: 4px; padding-bottom: 4px; }
.wb-py-2[b-lqnwqt7vpo] { padding-top: 6px; padding-bottom: 6px; }

/* ── Border-radius utilities ── */
.wb-rounded-sm[b-lqnwqt7vpo] { border-radius: var(--r-sm); }
.wb-rounded-md[b-lqnwqt7vpo] { border-radius: var(--r-md); }
.wb-rounded-lg[b-lqnwqt7vpo] { border-radius: var(--r-lg); }
.wb-rounded-xl[b-lqnwqt7vpo] { border-radius: var(--r-xl); }
.wb-rounded-full[b-lqnwqt7vpo] { border-radius: 999px; }

/* ── Border utilities ── */
.wb-border[b-lqnwqt7vpo] { border: 1px solid var(--border); }
.wb-border-none[b-lqnwqt7vpo] { border: none; }
.wb-border-accent[b-lqnwqt7vpo] { border: 2px solid var(--accent); }

/* ── Toggle button group ── */
.wb-toggle-group[b-lqnwqt7vpo] {
    display: flex;
    gap: 0;
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    overflow: hidden;
}

.wb-toggle-btn[b-lqnwqt7vpo] {
    padding: 6px 14px;
    font-size: 12px;
    border: none;
    cursor: pointer;
    background: transparent;
}

/* ── Form inputs ── */
.wb-input[b-lqnwqt7vpo] {
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    padding: 6px 10px;
    font-size: 13px;
    background: var(--surface);
}

.wb-input-sm[b-lqnwqt7vpo] {
    width: 70px;
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    padding: 6px 8px;
    font-size: 13px;
}

/* ── Checkbox ── */
.wb-checkbox[b-lqnwqt7vpo] {
    width: 18px;
    height: 18px;
    accent-color: var(--accent);
}

/* ── Hours grid row ── */
.wb-hours-row[b-lqnwqt7vpo] {
    display: grid;
    grid-template-columns: 80px 60px 1fr 1fr;
    gap: 8px;
    align-items: center;
    padding: 8px 10px;
    background: var(--surface-2);
    border-radius: var(--r-lg);
}

/* ── Strength/blocker badges ── */
.wb-badge-blocker[b-lqnwqt7vpo] {
    padding: 10px 12px;
    border-radius: var(--r-lg);
    font-size: 13px;
}

.wb-badge-amber[b-lqnwqt7vpo] {
    background: var(--amber-s);
    color: var(--amber);
}

.wb-badge-green[b-lqnwqt7vpo] {
    background: var(--green-s);
    color: var(--green);
}

/* ═══════════════════════════════════════════════════════
   UTILITY CLASSES — replaces inline px styles
   ═══════════════════════════════════════════════════════ */

/* ── Font size ── */
.wb-fs-11[b-lqnwqt7vpo] { font-size: 11px; }
.wb-fs-12[b-lqnwqt7vpo] { font-size: 12px; }
.wb-fs-13[b-lqnwqt7vpo] { font-size: 13px; }
.wb-fs-14[b-lqnwqt7vpo] { font-size: 14px; }
.wb-fs-16[b-lqnwqt7vpo] { font-size: 16px; }
.wb-fs-18[b-lqnwqt7vpo] { font-size: 18px; }
.wb-fs-22[b-lqnwqt7vpo] { font-size: 22px; }

/* ── Margin bottom ── */
.wb-mb-8[b-lqnwqt7vpo] { margin-bottom: 8px; }

/* ── Gap ── */
.wb-gap-0[b-lqnwqt7vpo] { gap: 0; }

/* ── Width / Height ── */
.wb-w-16[b-lqnwqt7vpo] { width: 16px; }
.wb-h-16[b-lqnwqt7vpo] { height: 16px; }
.wb-w-18[b-lqnwqt7vpo] { width: 18px; }
.wb-h-18[b-lqnwqt7vpo] { height: 18px; }
.wb-w-22[b-lqnwqt7vpo] { width: 22px; }
.wb-h-22[b-lqnwqt7vpo] { height: 22px; }
.wb-w-24[b-lqnwqt7vpo] { width: 24px; }
.wb-h-24[b-lqnwqt7vpo] { height: 24px; }
.wb-w-56[b-lqnwqt7vpo] { width: 56px; }
.wb-h-56[b-lqnwqt7vpo] { height: 56px; }
.wb-w-70[b-lqnwqt7vpo] { width: 70px; }

/* ── Drag handle ── */
.wb-drag[b-lqnwqt7vpo] {
    color: var(--text-secondary);
    font-size: 16px;
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
}

/* ── Star rating button ── */
.wb-star-btn[b-lqnwqt7vpo] {
    font-size: 22px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

/* ── FAQ item (draggable) ── */
.wb-faq-item[b-lqnwqt7vpo] {
    display: flex;
    gap: var(--s2);
    align-items: center;
    padding: 10px 14px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    cursor: grab;
}

/* ── Testimonial card ── */
.wb-testimonial-card[b-lqnwqt7vpo] {
    padding: 12px 14px;
    background: var(--surface-2);
    border: 2px solid var(--accent);
    border-radius: var(--r-lg);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Skeleton overrides ── */
.wb-skeleton-sm[b-lqnwqt7vpo] { height: 16px; border-radius: var(--r-md); }
.wb-skeleton-md[b-lqnwqt7vpo] { height: 48px; border-radius: var(--r-lg); }
.wb-skeleton-lg[b-lqnwqt7vpo] { height: 80px; border-radius: var(--r-lg); }

/* ── Section label (uppercase) ── */
.wb-section-label[b-lqnwqt7vpo] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
}

/* ── Added checkmark ── */
.wb-added[b-lqnwqt7vpo] {
    font-size: 11px;
    color: var(--green);
    font-weight: 600;
}