@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Fixed chrome shell: top bar + breadcrumbs stay in document flow.
   Avoid raising z-index here — modals render inside main and must stack above chrome. */
.site-chrome[b-rnnju4jes2] {
    position: relative;
    flex: 0 0 auto;
    background-color: var(--kendo-color-surface, #15161a);
    box-shadow: 0 1px 0 var(--kendo-color-border, #2a2c33);
}

.site-chrome .topbar[b-rnnju4jes2] {
    position: relative;
}

.site-chrome[b-rnnju4jes2]  .wps-navmenu-shell {
    position: relative;
    top: auto;
}

.page[b-rnnju4jes2] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #blazor-error-ui .dismiss[b-rnnju4jes2] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Overlay top matches app bar height (see --wps-appbar-logo-height in app.css).
   Sticky positioning is applied by .site-chrome in MainLayout. */
.wps-navmenu-shell[b-i85u143s8g] {
    position: relative;
    z-index: 1030;
    background-color: var(--kendo-color-surface);
    --wps-primary-nav-top: calc(var(--wps-appbar-logo-height) + 0.75rem);
}

/* App bar paints above the overlay so the menu toggle stays usable */
.wps-navmenu-shell[b-i85u143s8g]  .wps-appbar {
    position: relative;
    z-index: 1031;
}

.wps-appbar-center[b-i85u143s8g] {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 0;
    transform: translate(-50%, -50%);
    max-width: min(28rem, calc(100vw - 7rem));
    pointer-events: auto;
}

.wps-brand-name[b-i85u143s8g] {
    font-size: clamp(0.82rem, 1.6vw, 1.05rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Fixed overlay: slides in from the left over main content. */
.wps-primary-nav-dropdown[b-i85u143s8g] {
    position: fixed;
    left: 0;
    right: auto;
    top: var(--wps-primary-nav-top);
    bottom: 0;
    z-index: 1020;
    width: min(25vw, 18rem);
    min-width: 14rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background-color: var(--kendo-color-surface);
    border-right: 1px solid var(--kendo-color-border);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.18);
    transform: translate3d(-100%, 0, 0);
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: transform 0.28s ease, opacity 0.28s ease, visibility 0s linear 0.28s;
    backface-visibility: hidden;
}

.wps-primary-nav-dropdown--open[b-i85u143s8g] {
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    transition: transform 0.28s ease, opacity 0.28s ease, visibility 0s linear 0s;
}

.wps-primary-nav-dropdown-inner[b-i85u143s8g] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.wps-primary-nav-dropdown-panel[b-i85u143s8g] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 0.35rem 0.5rem 0.5rem;
    overflow-y: auto;
    border-top: 1px solid var(--kendo-color-border);
}

/* Block row wrapper (scoped); inner NavLink lays out icon + label horizontally */
.wps-primary-nav-item[b-i85u143s8g] {
    display: block;
    width: 100%;
    min-height: 2.75rem;
}

.wps-primary-nav-link-label[b-i85u143s8g] {
    flex: 1;
    min-width: 0;
}

.wps-primary-nav-link[b-i85u143s8g] {
    flex: 1;
    font-weight: 500;
    font-size: 1rem;
    text-decoration: none;
    color: var(--kendo-color-on-app-surface, var(--kendo-color-on-surface, inherit));
    border-radius: 6px;
    padding: 0.55rem 0.65rem;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.wps-primary-nav-item-icon[b-i85u143s8g] {
    flex-shrink: 0;
    font-size: 1.35rem;
    line-height: 1;
    width: 1.35rem;
    text-align: center;
    color: var(--kendo-color-primary, var(--wpsi-accent));
    font-style: normal;
}

.wps-primary-nav-link:hover[b-i85u143s8g] {
    color: var(--kendo-color-primary);
    background-color: color-mix(in srgb, var(--kendo-color-primary) 12%, transparent);
}

.wps-primary-nav-link.active[b-i85u143s8g] {
    color: var(--kendo-color-primary);
    background-color: color-mix(in srgb, var(--kendo-color-primary) 18%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--kendo-color-primary) 35%, transparent);
}

@media (prefers-reduced-motion: reduce) {
    .wps-primary-nav-dropdown[b-i85u143s8g],
    .wps-primary-nav-dropdown--open[b-i85u143s8g] {
        transition: none;
    }

    .wps-primary-nav-dropdown:not(.wps-primary-nav-dropdown--open)[b-i85u143s8g] {
        visibility: hidden;
        opacity: 0;
    }
}

/* Hamburger toggle (left side of app bar) */
.wps-appbar-start[b-i85u143s8g] {
    position: relative;
    z-index: 1;
    gap: 0.35rem;
    min-width: 0;
}

.wps-appbar-profile[b-i85u143s8g] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    max-width: min(18rem, 42vw);
    padding: 0.35rem 0.55rem;
    margin: 0;
    border-radius: 8px;
    text-decoration: none;
    color: var(--kendo-color-on-app-surface, var(--kendo-color-on-surface, inherit));
    transition: background-color 0.15s ease, color 0.15s ease;
    line-height: 1.25;
}

.wps-appbar-profile:hover[b-i85u143s8g],
.wps-appbar-profile:focus-visible[b-i85u143s8g] {
    color: var(--kendo-color-primary);
    background-color: color-mix(in srgb, var(--kendo-color-primary) 12%, transparent);
}

.wps-appbar-profile[b-i85u143s8g]  .wps-primary-nav-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.35rem;
    width: 1.35rem;
    height: 1.25rem;
    line-height: 1;
    vertical-align: middle;
}

.wps-appbar-profile-name[b-i85u143s8g] {
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wps-appbar-end[b-i85u143s8g] {
    flex-shrink: 0;
}

/* Hamburger toggle */
.wps-hamburger[b-i85u143s8g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--kendo-color-on-app-surface, var(--kendo-color-on-surface, inherit));
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.wps-hamburger:hover[b-i85u143s8g] {
    background-color: color-mix(in srgb, var(--kendo-color-primary) 12%, transparent);
}

.wps-hamburger:focus-visible[b-i85u143s8g] {
    outline: 2px solid var(--kendo-color-primary);
    outline-offset: 2px;
}

.wps-hamburger-box[b-i85u143s8g] {
    position: relative;
    display: inline-block;
    width: 1.35rem;
    height: 1rem;
}

.wps-hamburger-inner[b-i85u143s8g],
.wps-hamburger-inner[b-i85u143s8g]::before,
.wps-hamburger-inner[b-i85u143s8g]::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background-color: currentColor;
    transition: transform 0.22s ease, top 0.22s ease, opacity 0.15s ease;
}

.wps-hamburger-inner[b-i85u143s8g] {
    top: 50%;
    transform: translateY(-50%);
}

.wps-hamburger-inner[b-i85u143s8g]::before,
.wps-hamburger-inner[b-i85u143s8g]::after {
    content: "";
}

.wps-hamburger-inner[b-i85u143s8g]::before {
    top: -6px;
}

.wps-hamburger-inner[b-i85u143s8g]::after {
    top: 6px;
}

.wps-hamburger--open .wps-hamburger-inner[b-i85u143s8g] {
    background-color: transparent;
}

.wps-hamburger--open .wps-hamburger-inner[b-i85u143s8g]::before {
    top: 0;
    transform: rotate(45deg);
}

.wps-hamburger--open .wps-hamburger-inner[b-i85u143s8g]::after {
    top: 0;
    transform: rotate(-45deg);
}

.wps-primary-nav-logout-form[b-i85u143s8g] {
    margin: 0;
    width: 100%;
}

@media (max-width: 640px) {
    .wps-brand-name[b-i85u143s8g] {
        display: none;
    }

    .wps-appbar-center[b-i85u143s8g] {
        max-width: calc(100vw - 5rem);
    }
}

@media (max-width: 480px) {
    .wps-appbar-profile-name[b-i85u143s8g] {
        display: none;
    }

    .wps-appbar-profile[b-i85u143s8g] {
        max-width: none;
        padding-inline: 0.4rem;
    }
}

.wps-primary-nav-link-button[b-i85u143s8g] {
    width: 100%;
    border: none;
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
    .wps-hamburger-inner[b-i85u143s8g],
    .wps-hamburger-inner[b-i85u143s8g]::before,
    .wps-hamburger-inner[b-i85u143s8g]::after {
        transition: none;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-7gktj1i8um],
.components-reconnect-repeated-attempt-visible[b-7gktj1i8um],
.components-reconnect-failed-visible[b-7gktj1i8um],
.components-pause-visible[b-7gktj1i8um],
.components-resume-failed-visible[b-7gktj1i8um],
.components-rejoining-animation[b-7gktj1i8um] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-7gktj1i8um {
    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/SiteBreadcrumbs.razor.rz.scp.css */
.wps-breadcrumbs[b-4fecc1qigv] {
    position: relative;
    padding: 0.55rem 1rem;
    border-bottom: 1px solid var(--kendo-color-border, #2a2c33);
    background: var(--kendo-color-surface-alt, #15161a);
}

.wps-breadcrumb-list[b-4fecc1qigv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.875rem;
    line-height: 1.4;
    max-width: 80rem;
    margin-inline: auto;
}

.wps-breadcrumb-item[b-4fecc1qigv] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

    .wps-breadcrumb-item:not(:last-child)[b-4fecc1qigv]::after {
        content: "/";
        margin: 0 0.45rem;
        color: var(--kendo-color-subtle, #9ca3af);
        pointer-events: none;
    }

.wps-breadcrumb-link[b-4fecc1qigv] {
    color: var(--brand-accent, #a78bfa);
    text-decoration: none;
    white-space: nowrap;
}

    .wps-breadcrumb-link:hover[b-4fecc1qigv],
    .wps-breadcrumb-link:focus-visible[b-4fecc1qigv] {
        color: var(--brand-accent-hover, #c4b5fd);
        text-decoration: underline;
        text-underline-offset: 0.15em;
    }

.wps-breadcrumb-current[b-4fecc1qigv] {
    color: var(--kendo-color-on-surface, #e6e7eb);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Pages/About.razor.rz.scp.css */
/* Version line: use theme foreground (not Bootstrap text-muted), readable on Fluent dark. */
.wps-about-version[b-xxgrv9epox] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--kendo-color-border, rgba(148, 163, 184, 0.45));
    line-height: 1.5;
    color: var(--kendo-color-on-app-surface, var(--bs-body-color, #1f2937));
}

.wps-about-version-code[b-xxgrv9epox] {
    display: inline-block;
    margin-left: 0.25rem;
    padding: 0.15rem 0.55rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.92em;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--kendo-color-on-app-surface, var(--bs-body-color, #1f2937));
    background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, currentColor) 10%, var(--kendo-color-app-surface, transparent));
    border: 1px solid var(--kendo-color-border, rgba(148, 163, 184, 0.55));
    border-radius: 0.375rem;
}
/* /Components/Pages/AdminPage.razor.rz.scp.css */
/* Spacing for admin TabStrip inside page container */
.wps-admin-tabstrip[b-psztqqrych] {
    margin-top: 0.25rem;
}
/* /Components/Pages/Admin/GeneralAdmin.razor.rz.scp.css */
/* Readable secondary text and grouped panels on Fluent dark (avoid k-text-muted / Bootstrap text-muted). */

.wps-general-intro[b-am4q12i7fm] {
    color: var(--kendo-color-on-app-surface, var(--bs-body-color, inherit));
    opacity: 0.92;
}

.wps-general-form-text[b-am4q12i7fm] {
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--kendo-color-on-app-surface, var(--bs-body-color, inherit));
    opacity: 0.88;
}

.wps-general-callout[b-am4q12i7fm] {
    margin: 0;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    border: 1px solid var(--kendo-color-border, rgba(148, 163, 184, 0.45));
    background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, currentColor) 6%, var(--kendo-color-app-surface, transparent));
    color: var(--kendo-color-on-app-surface, var(--bs-body-color, inherit));
}

.wps-general-panel[b-am4q12i7fm] {
    margin: 0;
    padding: 1rem 1.25rem 1.25rem;
    border: 1px solid var(--kendo-color-border, rgba(148, 163, 184, 0.45));
    border-radius: 0.75rem;
    background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, currentColor) 4%, var(--kendo-color-app-surface, transparent));
}

.wps-general-panel-legend[b-am4q12i7fm] {
    float: unset;
    width: auto;
    padding: 0 0.5rem;
    margin: 0 0 0.75rem -0.25rem;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--kendo-color-on-app-surface, var(--bs-body-color, inherit));
}

.wps-general-contact-cb .form-check-input[b-am4q12i7fm] {
    cursor: pointer;
}

.wps-general-contact-cb .form-check-label[b-am4q12i7fm] {
    cursor: pointer;
    max-width: 6.5rem;
    line-height: 1.25;
}
/* /Components/Pages/Admin/HomeContent.razor.rz.scp.css */
.wps-home-content-editor-scroll[b-898hvdowhm] {
    position: relative;
    max-height: calc(92vh - 8rem);
    overflow-y: auto;
    padding-right: 0.25rem;
}

.wps-home-content-error-overlay[b-898hvdowhm] {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    background: rgba(0, 0, 0, 0.55);
}

.wps-home-content-error-popup[b-898hvdowhm] {
    width: min(100%, 24rem);
    padding: 1.1rem 1.25rem 1rem;
    border-radius: var(--wpsi-border-radius, 8px);
    border: 1px solid var(--error);
    background: var(--neutral-layer-2);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}

.wps-home-content-error-title[b-898hvdowhm] {
    margin: 0 0 0.5rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.wps-home-content-error-message[b-898hvdowhm] {
    margin: 0 0 1rem;
    font-size: 0.875rem;
    line-height: 1.45;
    color: var(--neutral-foreground-hint);
    word-break: break-word;
}

.wps-home-content-error-actions[b-898hvdowhm] {
    display: flex;
    justify-content: flex-end;
}

.wpsi-form-static-label[b-898hvdowhm] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
    color: var(--neutral-foreground-rest);
}

.wpsi-form-hint[b-898hvdowhm] {
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--neutral-foreground-hint);
}

.wps-char-counter[b-898hvdowhm] {
    margin: 0.25rem 0 0;
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
    color: var(--neutral-foreground-hint);
    text-align: right;
}

.wps-char-counter--warn[b-898hvdowhm] {
    color: var(--warning, #e5a100);
}

.wps-char-counter--limit[b-898hvdowhm] {
    color: var(--error);
    font-weight: 600;
}

.wpsi-form-hint kbd[b-898hvdowhm] {
    display: inline-block;
    padding: 0.05rem 0.35rem;
    border-radius: 4px;
    border: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-layer-3);
    font-size: 0.75rem;
    font-family: inherit;
}

.wps-value-prop-image-row[b-898hvdowhm] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.wps-value-prop-image-preview[b-898hvdowhm] {
    width: 80px;
    height: 80px;
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--wpsi-radius-sm, 6px);
    background: var(--kendo-color-surface-alt);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0.25rem;
}

.wps-value-prop-image-preview img[b-898hvdowhm] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.wps-value-prop-image-upload[b-898hvdowhm] {
    margin-bottom: 0.75rem;
}

.wps-value-prop-file-input[b-898hvdowhm] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.wps-value-prop-upload-label[b-898hvdowhm] {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.wps-value-prop-upload-btn[b-898hvdowhm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 1rem;
    border-radius: var(--wpsi-border-radius, 8px);
    border: 1px solid var(--neutral-stroke-rest);
    background: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.2;
    transition: background 0.15s ease;
}

.wps-value-prop-upload-label:hover .wps-value-prop-upload-btn[b-898hvdowhm] {
    background: var(--accent-fill-hover);
}

.wps-value-prop-upload-label.is-busy[b-898hvdowhm] {
    pointer-events: none;
    opacity: 0.7;
}
/* /Components/Pages/Admin/ProductCatalogAdmin.razor.rz.scp.css */
.wps-product-catalog-editor-scroll[b-33ysmpoz0t] {
    max-height: calc(92vh - 8rem);
    overflow-y: auto;
    padding-right: 0.25rem;
}

.wpsi-form-static-label[b-33ysmpoz0t] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
    color: var(--neutral-foreground-rest);
}

.wpsi-form-hint[b-33ysmpoz0t] {
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--neutral-foreground-hint);
}

.wps-catalog-logo-row[b-33ysmpoz0t] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.wps-catalog-logo-preview[b-33ysmpoz0t] {
    width: 5.5rem;
    height: 5.5rem;
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--wpsi-radius-sm, 6px);
    background: var(--kendo-color-surface-alt);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
}

.wps-catalog-logo-preview img[b-33ysmpoz0t] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.wps-catalog-logo-upload[b-33ysmpoz0t] {
    flex: 1 1 12rem;
    min-width: 12rem;
}

.wps-admin-expander[b-33ysmpoz0t] {
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--wpsi-radius-sm, 6px);
    background: var(--kendo-color-surface-alt);
}

.wps-admin-expander-summary[b-33ysmpoz0t] {
    cursor: pointer;
    font-weight: 600;
    padding: 0.6rem 0.75rem;
    list-style-position: outside;
    user-select: none;
}

.wps-admin-expander-summary:hover[b-33ysmpoz0t] {
    background: var(--kendo-color-base-subtle-hover, rgba(255, 255, 255, 0.04));
}

.wps-admin-expander-body[b-33ysmpoz0t] {
    padding: 0.75rem;
    border-top: 1px solid var(--kendo-color-border);
    background: var(--kendo-color-surface);
}

.wps-screenshot-list[b-33ysmpoz0t] {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--wpsi-radius-sm, 6px);
    overflow: hidden;
}

.wps-screenshot-list-item[b-33ysmpoz0t] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--kendo-color-border);
}

.wps-screenshot-list-item:last-child[b-33ysmpoz0t] {
    border-bottom: none;
}

.wps-screenshot-url[b-33ysmpoz0t] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.8125rem;
    word-break: break-all;
    color: var(--neutral-foreground-hint);
}
/* /Components/Pages/Admin/TenantsTab.razor.rz.scp.css */
.tenants-detail-wrap[b-4r78wrr1v8] {
    padding: 0.5rem 0 0.75rem 1.75rem;
    max-width: 100%;
}

.tenants-detail-toolbar[b-4r78wrr1v8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.65rem;
}

/* First data row is always the add-tenant form (Telerik Grid build has no RowClass parameter). */
[b-4r78wrr1v8] .tenants-master-grid .k-table-tbody > tr:first-child > td,
[b-4r78wrr1v8] .tenants-master-grid tbody > tr:first-child > td {
    vertical-align: middle;
}

[b-4r78wrr1v8] .tenants-master-grid .k-table-tbody > tr:first-child,
[b-4r78wrr1v8] .tenants-master-grid tbody > tr:first-child {
    background-color: color-mix(in srgb, var(--kendo-color-primary, var(--wpsi-accent)) 8%, transparent);
}

.tenants-add-actions[b-4r78wrr1v8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.tenants-detail-new[b-4r78wrr1v8] {
    padding-top: 0.25rem;
}
/* /Components/Pages/BillingPage.razor.rz.scp.css */
/* Spacing for billing TabStrip inside page container */
.wps-admin-tabstrip[b-eijp9zez4l] {
    margin-top: 0.25rem;
}

.billing-detail-wrap[b-eijp9zez4l] {
    padding: 0.75rem 0.5rem 0.25rem;
}

.billing-detail-toolbar[b-eijp9zez4l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}
/* /Components/Pages/Billing/CompanyInfoTab.razor.rz.scp.css */
.billing-company-info-intro[b-1xarqb8na9] {
    margin: 0 0 1.25rem;
    color: var(--neutral-foreground-hint);
    max-width: 52rem;
    line-height: 1.5;
}

.billing-company-panel-title[b-1xarqb8na9] {
    margin: 0 0 0.75rem;
    font-size: 1rem;
    font-weight: 600;
}

.billing-company-logo-panel[b-1xarqb8na9] {
    padding: 1rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: var(--wpsi-border-radius, 8px);
    background: var(--neutral-layer-2);
}

.billing-company-logo-preview-wrap[b-1xarqb8na9] {
    margin-bottom: 0.75rem;
}

.billing-company-logo-preview[b-1xarqb8na9] {
    max-height: 96px;
    max-width: 280px;
    object-fit: contain;
}

.billing-company-logo-empty[b-1xarqb8na9] {
    margin: 0 0 0.75rem;
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

.billing-company-logo-actions[b-1xarqb8na9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.billing-company-field-hint[b-1xarqb8na9] {
    margin: 0.5rem 0 0;
    font-size: 0.8125rem;
    color: var(--neutral-foreground-hint);
}

.billing-company-form-grid[b-1xarqb8na9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.billing-company-fieldset[b-1xarqb8na9] {
    margin: 0;
    padding: 1rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: var(--wpsi-border-radius, 8px);
    background: var(--neutral-layer-2);
}

.billing-company-fieldset--wide[b-1xarqb8na9] {
    grid-column: 1 / -1;
}

.billing-company-fieldset legend[b-1xarqb8na9] {
    padding: 0 0.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
}

.billing-company-fieldset fluent-text-field[b-1xarqb8na9],
.billing-company-fieldset fluent-text-area[b-1xarqb8na9] {
    display: block;
    margin-bottom: 0.65rem;
}

.billing-company-save-row[b-1xarqb8na9] {
    margin-top: 0.5rem;
}

.billing-company-expander[b-1xarqb8na9] {
    margin-top: 1rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: var(--wpsi-border-radius, 8px);
    background: var(--neutral-layer-2);
}

.billing-company-expander-summary[b-1xarqb8na9] {
    cursor: pointer;
    font-weight: 600;
    padding: 0.65rem 0.75rem;
    list-style-position: outside;
    user-select: none;
}

.billing-company-expander-summary:hover[b-1xarqb8na9] {
    background: var(--neutral-layer-3);
}

.billing-company-expander-hint[b-1xarqb8na9] {
    font-weight: 400;
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

.billing-company-expander-body[b-1xarqb8na9] {
    padding: 0.75rem;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.billing-company-expander-body fluent-text-field[b-1xarqb8na9],
.billing-company-expander-body fluent-text-area[b-1xarqb8na9] {
    display: block;
    margin-bottom: 0.65rem;
}

.billing-company-expander-intro[b-1xarqb8na9] {
    margin: 0 0 0.75rem;
}

.billing-template-editor-label[b-1xarqb8na9] {
    display: block;
    margin: 0.75rem 0 0.35rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.billing-template-editor[b-1xarqb8na9] {
    margin-bottom: 0.25rem;
}

.billing-locations-toolbar[b-1xarqb8na9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.billing-locations-help[b-1xarqb8na9] {
    margin: 0;
    flex: 1 1 12rem;
    font-size: 0.875rem;
    line-height: 1.45;
    color: var(--neutral-foreground-rest);
}

.billing-locations-list[b-1xarqb8na9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.billing-location-expander[b-1xarqb8na9] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: var(--wpsi-border-radius, 8px);
    background: var(--neutral-layer-1);
}

.billing-location-expander-summary[b-1xarqb8na9] {
    cursor: pointer;
    font-weight: 600;
    padding: 0.65rem 0.75rem;
    list-style-position: outside;
    user-select: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
}

.billing-location-expander-summary:hover[b-1xarqb8na9] {
    background: var(--neutral-layer-3);
}

.billing-location-expander-title[b-1xarqb8na9] {
    flex: 1 1 auto;
    min-width: 0;
}

.billing-location-expander-body[b-1xarqb8na9] {
    padding: 0.75rem;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.billing-location-expander-body fluent-text-field[b-1xarqb8na9],
.billing-location-expander-body fluent-checkbox[b-1xarqb8na9] {
    display: block;
    margin-bottom: 0.5rem;
}

.billing-location-expander-footer[b-1xarqb8na9] {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.billing-location-expander-actions[b-1xarqb8na9] {
    margin-left: auto;
}

.billing-location-single-primary-hint[b-1xarqb8na9] {
    margin: 0.25rem 0 0;
    font-size: 0.8125rem;
    color: var(--neutral-foreground-hint);
}

.billing-location-card[b-1xarqb8na9] {
    margin-bottom: 0;
    padding: 0.75rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: var(--wpsi-border-radius, 8px);
    background: var(--neutral-layer-1);
}

.billing-location-card fluent-text-field[b-1xarqb8na9],
.billing-location-card fluent-checkbox[b-1xarqb8na9] {
    display: block;
    margin-bottom: 0.5rem;
}

.billing-companies-toolbar[b-1xarqb8na9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.billing-companies-toolbar-hint[b-1xarqb8na9] {
    margin: 0;
    flex: 1 1 12rem;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.billing-companies-accordion[b-1xarqb8na9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.billing-company-accordion-item[b-1xarqb8na9] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: var(--wpsi-border-radius, 8px);
    background: var(--neutral-layer-2);
}

.billing-company-accordion-summary[b-1xarqb8na9] {
    cursor: pointer;
    font-weight: 600;
    padding: 0.75rem 1rem;
    list-style-position: outside;
    user-select: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
}

.billing-company-accordion-summary:hover[b-1xarqb8na9] {
    background: var(--neutral-layer-3);
}

.billing-company-accordion-title[b-1xarqb8na9] {
    flex: 1 1 auto;
}

.billing-company-primary-badge[b-1xarqb8na9] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
}

.billing-company-accordion-body[b-1xarqb8na9] {
    padding: 0 1rem 1rem;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.billing-company-panel[b-1xarqb8na9] {
    padding-top: 1rem;
}
/* /Components/Pages/Billing/CustomersTab.razor.rz.scp.css */
.billing-contacts-toolbar[b-bnzw6fn01n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.billing-contacts-help[b-bnzw6fn01n] {
    margin: 0;
    flex: 1 1 12rem;
    font-size: 0.875rem;
    line-height: 1.45;
    color: var(--neutral-foreground-rest);
}

.billing-contacts-empty[b-bnzw6fn01n] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

.billing-locations-expander[b-bnzw6fn01n] {
    margin-top: 1rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: var(--wpsi-border-radius, 8px);
    background: var(--neutral-layer-2);
}

.billing-locations-expander-summary[b-bnzw6fn01n] {
    cursor: pointer;
    font-weight: 600;
    padding: 0.65rem 0.75rem;
    list-style-position: outside;
    user-select: none;
}

.billing-locations-expander-summary:hover[b-bnzw6fn01n] {
    background: var(--neutral-layer-3);
}

.billing-locations-expander-hint[b-bnzw6fn01n] {
    font-weight: 400;
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

.billing-locations-expander-body[b-bnzw6fn01n] {
    padding: 0.75rem;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.billing-locations-toolbar[b-bnzw6fn01n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.billing-locations-help[b-bnzw6fn01n] {
    margin: 0;
    flex: 1 1 12rem;
    font-size: 0.875rem;
    line-height: 1.45;
    color: var(--neutral-foreground-rest);
}

.billing-locations-list[b-bnzw6fn01n] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.billing-location-card[b-bnzw6fn01n] {
    margin-bottom: 0;
    padding: 0.75rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: var(--wpsi-border-radius, 8px);
    background: var(--neutral-layer-2);
}

.billing-location-card fluent-text-field[b-bnzw6fn01n],
.billing-location-card fluent-checkbox[b-bnzw6fn01n] {
    display: block;
    margin-bottom: 0.5rem;
}
/* /Components/Pages/Billing/InvoiceEditorDialog.razor.rz.scp.css */
.invoice-editor-dialog-host[b-8ovmyd7bcc] {
    --invoice-dialog-edge-gap: clamp(0.75rem, 2vh, 1.25rem);
    --invoice-dialog-height-trim: 0.5rem;
    --invoice-dialog-chrome-offset: calc(var(--wps-site-chrome-height) + 0.35rem);
    --invoice-dialog-top-inset: calc(var(--invoice-dialog-chrome-offset) + var(--invoice-dialog-edge-gap));
    --invoice-dialog-bottom-inset: var(--invoice-dialog-edge-gap);
    --invoice-dialog-max-height: calc(
        100vh - var(--invoice-dialog-top-inset) - var(--invoice-dialog-bottom-inset) - var(--invoice-dialog-height-trim));
}

/* Fluent dialog layout lives in shadow DOM — only ::part(control) is styleable from outside. */
.invoice-editor-dialog-host[b-8ovmyd7bcc]  fluent-dialog.invoice-editor-dialog::part(control) {
    margin-top: var(--invoice-dialog-top-inset) !important;
    margin-bottom: var(--invoice-dialog-bottom-inset) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-height: var(--invoice-dialog-max-height) !important;
    height: var(--invoice-dialog-max-height) !important;
    overflow: hidden;
    border: 0.5px solid var(--neutral-stroke-divider, #e0e0e0) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.invoice-editor-dialog-host[b-8ovmyd7bcc]  .fluent-dialog-body {
    overflow: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.invoice-editor-dialog-body[b-8ovmyd7bcc] {
    padding: 0;
    overflow: hidden;
    max-height: var(--invoice-dialog-max-height);
}

.invoice-editor[b-8ovmyd7bcc] {
    display: flex;
    flex-direction: column;
    min-width: min(860px, 92vw);
    max-height: var(--invoice-dialog-max-height);
    background: var(--kendo-color-surface, #fff);
    color: var(--kendo-color-on-app-surface, #242424);
    overflow: hidden;
}

.invoice-editor-chrome[b-8ovmyd7bcc] {
    flex: 0 0 auto;
    padding-top: 0.35rem;
}

.invoice-editor-scroll[b-8ovmyd7bcc] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(var(--invoice-dialog-max-height) - 7.5rem);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
}

.invoice-editor-toolbar[b-8ovmyd7bcc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    padding: 0.5rem 1.25rem 0.45rem;
    border-bottom: 1px solid var(--neutral-stroke-divider, #e0e0e0);
}

.invoice-editor-actions[b-8ovmyd7bcc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.invoice-editor-header-grid[b-8ovmyd7bcc] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(12rem, 0.8fr);
    gap: 1rem 2rem;
    align-items: start;
}

.invoice-editor-header-left[b-8ovmyd7bcc],
.invoice-editor-header-right[b-8ovmyd7bcc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.invoice-editor-header-right[b-8ovmyd7bcc] {
    justify-self: end;
    width: min(100%, 14rem);
}

.invoice-editor-field-stack[b-8ovmyd7bcc] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.3rem;
    width: 100%;
}

.invoice-editor-field-label[b-8ovmyd7bcc] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
    color: var(--kendo-color-on-app-surface, #242424);
}

.invoice-editor-number-display[b-8ovmyd7bcc] {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 20pt;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: 0.01em;
    text-align: left;
    color: inherit;
    cursor: pointer;
    font-variant-numeric: tabular-nums;
}

.invoice-editor-number-display:hover[b-8ovmyd7bcc],
.invoice-editor-number-display:focus-visible[b-8ovmyd7bcc] {
    color: var(--kendo-custom-color, #5c56ca);
    outline: none;
}

.invoice-editor-number-edit[b-8ovmyd7bcc] {
    display: flex;
    align-items: center;
    gap: 0.1rem;
    min-width: 0;
}

.invoice-editor-number-prefix[b-8ovmyd7bcc] {
    font-size: 20pt;
    font-weight: 600;
    line-height: 1.15;
    color: inherit;
    flex: 0 0 auto;
}

.invoice-editor-number-input[b-8ovmyd7bcc] {
    flex: 1 1 auto;
    min-width: 8rem;
}

.invoice-editor-number-edit[b-8ovmyd7bcc]  fluent-text-field {
    width: 100%;
}

.invoice-editor-number-edit[b-8ovmyd7bcc]  input {
    font-size: 20pt;
    font-weight: 600;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
}

.invoice-editor-actions--toolbar[b-8ovmyd7bcc] {
    margin-left: auto;
}

.invoice-editor-status[b-8ovmyd7bcc] {
    padding: 0.5rem 1.25rem;
    background: color-mix(in srgb, #3b82f6 14%, transparent);
    border-bottom: 1px solid color-mix(in srgb, #3b82f6 22%, transparent);
    font-size: 0.9rem;
}

.invoice-editor-status-label[b-8ovmyd7bcc] {
    font-weight: 700;
    color: #2563eb;
    margin-right: 0.35rem;
}

.invoice-editor-body[b-8ovmyd7bcc] {
    padding: 0.85rem 1.25rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.invoice-editor-parties[b-8ovmyd7bcc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem 1rem;
}

.invoice-editor-panel[b-8ovmyd7bcc] {
    border: 1px solid var(--neutral-stroke-divider, #e0e0e0);
    border-radius: 6px;
    padding: 0.75rem 0.9rem;
    background: color-mix(in srgb, var(--kendo-color-surface-alt, #fafafa) 70%, transparent);
}

.invoice-editor-panel-title[b-8ovmyd7bcc] {
    margin: 0 0 0.55rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--kendo-custom-color, #5c56ca);
}

.invoice-editor-panel-fields[b-8ovmyd7bcc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.invoice-editor-party-preview[b-8ovmyd7bcc] {
    margin: 0.15rem 0 0;
    font-size: 0.85rem;
    line-height: 1.45;
    color: var(--neutral-foreground-hint, #707070);
    white-space: pre-line;
}

.invoice-editor-items[b-8ovmyd7bcc] {
    border: 1px solid var(--neutral-stroke-divider, #e0e0e0);
    border-radius: 6px;
    overflow: hidden;
}

.invoice-editor-items-head[b-8ovmyd7bcc],
.invoice-editor-item-row[b-8ovmyd7bcc] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.4fr) 7rem 4.5rem 7rem 2.25rem;
    gap: 0.5rem;
    align-items: start;
    padding: 0.5rem 0.75rem;
}

.invoice-editor-items-head[b-8ovmyd7bcc] {
    background: color-mix(in srgb, var(--kendo-color-surface-alt, #fafafa) 85%, transparent);
    border-bottom: 1px solid var(--neutral-stroke-divider, #e0e0e0);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--neutral-foreground-hint, #707070);
}

.invoice-editor-items-head span:nth-child(n+3)[b-8ovmyd7bcc],
.invoice-editor-item-row .invoice-editor-item-num[b-8ovmyd7bcc] {
    text-align: right;
}

.invoice-editor-item-row + .invoice-editor-item-row[b-8ovmyd7bcc] {
    border-top: 1px solid var(--neutral-stroke-divider, #e0e0e0);
}

.invoice-editor-item-num[b-8ovmyd7bcc] {
    padding-top: 1.65rem;
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
}

.invoice-editor-item-remove[b-8ovmyd7bcc] {
    padding-top: 1.35rem;
}

.invoice-editor-items-footer[b-8ovmyd7bcc] {
    display: flex;
    justify-content: flex-start;
    padding: 0.5rem 0.75rem;
    border-top: 1px solid var(--neutral-stroke-divider, #e0e0e0);
    background: color-mix(in srgb, var(--kendo-color-surface-alt, #fafafa) 50%, transparent);
}

.invoice-editor-summary-wrap[b-8ovmyd7bcc] {
    display: flex;
    justify-content: flex-end;
}

.invoice-editor-summary[b-8ovmyd7bcc] {
    min-width: 16rem;
    max-width: 20rem;
    width: 100%;
}

.invoice-editor-summary-row[b-8ovmyd7bcc] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.3rem 0;
    font-size: 0.92rem;
    font-variant-numeric: tabular-nums;
}

.invoice-editor-summary-row + .invoice-editor-summary-row[b-8ovmyd7bcc] {
    border-top: 1px solid var(--neutral-stroke-divider, #e0e0e0);
}

.invoice-editor-summary-row--due[b-8ovmyd7bcc] {
    margin-top: 0.15rem;
    padding-top: 0.5rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--kendo-custom-color, #5c56ca);
}

.invoice-editor-summary-row--due span:last-child[b-8ovmyd7bcc] {
    font-size: 1.05rem;
}

.invoice-editor-summary-tax[b-8ovmyd7bcc] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.3rem 0;
    border-top: 1px solid var(--neutral-stroke-divider, #e0e0e0);
}

.invoice-editor-summary-tax fluent-number-field[b-8ovmyd7bcc] {
    width: 7rem;
}

.invoice-editor-notes[b-8ovmyd7bcc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

.invoice-editor-notes-panel fluent-text-area[b-8ovmyd7bcc] {
    width: 100%;
}

.invoice-editor-error[b-8ovmyd7bcc] {
    margin: 0.35rem 1.25rem 0;
}

@media (max-width: 900px) {
    .invoice-editor-dialog-host[b-8ovmyd7bcc] {
        --invoice-dialog-edge-gap: clamp(0.5rem, 1.5vh, 1rem);
        --invoice-dialog-height-trim: 0.35rem;
    }

    .invoice-editor[b-8ovmyd7bcc] {
        min-width: 0;
    }

    .invoice-editor-scroll[b-8ovmyd7bcc] {
        max-height: calc(var(--invoice-dialog-max-height) - 7rem);
    }

    .invoice-editor-header-grid[b-8ovmyd7bcc],
    .invoice-editor-parties[b-8ovmyd7bcc],
    .invoice-editor-notes[b-8ovmyd7bcc] {
        grid-template-columns: 1fr;
    }

    .invoice-editor-header-right[b-8ovmyd7bcc] {
        justify-self: stretch;
        width: 100%;
    }

    .invoice-editor-items-head[b-8ovmyd7bcc],
    .invoice-editor-item-row[b-8ovmyd7bcc] {
        grid-template-columns: 1fr;
    }

    .invoice-editor-items-head span:nth-child(n+3)[b-8ovmyd7bcc],
    .invoice-editor-item-row .invoice-editor-item-num[b-8ovmyd7bcc] {
        text-align: left;
    }

    .invoice-editor-item-num[b-8ovmyd7bcc],
    .invoice-editor-item-remove[b-8ovmyd7bcc] {
        padding-top: 0;
    }
}
/* /Components/Pages/C360ClientTools.razor.rz.scp.css */
.ct-page[b-xpnmlru3ly] {
    --ct-purple: #8000ff;
    --ct-purple-light: #b026ff;
    --ct-bg-dark: #0d0d0f;
    --ct-bg-panel: #1b1b1f;
    --ct-bg-elevated: #2d2d2d;
    --ct-text: #f0f0f5;
    --ct-text-muted: #a8a8b8;
    --ct-accent-cyan: #00d4ff;
    --ct-gradient: linear-gradient(135deg, #620baa 0%, #0044cc 100%);
    --ct-radius: 12px;
    --ct-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);

    margin: -1rem -1.5rem 0;
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
    background: var(--ct-bg-dark);
    color: var(--ct-text);
    line-height: 1.6;
}

    .ct-page img[b-xpnmlru3ly] {
        max-width: 100%;
        height: auto;
        display: block;
    }

    .ct-page a:not(.btn)[b-xpnmlru3ly] {
        color: var(--ct-accent-cyan);
        text-decoration: none;
    }

        .ct-page a:not(.btn):hover[b-xpnmlru3ly] {
            text-decoration: underline;
        }

    .ct-page .container[b-xpnmlru3ly] {
        width: min(1120px, 92vw);
        margin: 0 auto;
    }

    .ct-page .hero[b-xpnmlru3ly] {
        position: relative;
        overflow: hidden;
        padding: 4.5rem 0 5rem;
        background: var(--ct-gradient);
    }

        .ct-page .hero[b-xpnmlru3ly]::after {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.08), transparent 45%);
            pointer-events: none;
        }

    .ct-page .hero-inner[b-xpnmlru3ly] {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        gap: 3rem;
        align-items: center;
    }

    .ct-page .hero-logo[b-xpnmlru3ly] {
        width: 120px;
        height: auto;
        border-radius: 0;
        box-shadow: none;
        background: transparent;
        margin-bottom: 1.25rem;
    }

    .ct-page .hero-eyebrow[b-xpnmlru3ly] {
        display: inline-block;
        font-size: 0.8rem;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.85);
        margin-bottom: 0.75rem;
    }

    .ct-page .hero h1[b-xpnmlru3ly] {
        font-size: clamp(2rem, 4vw, 3rem);
        line-height: 1.15;
        margin: 0 0 1rem;
        font-weight: 700;
        color: #fff;
    }

    .ct-page .hero-tagline[b-xpnmlru3ly] {
        font-size: 1.2rem;
        color: rgba(255, 255, 255, 0.92);
        margin: 0 0 1.5rem;
        max-width: 34ch;
    }

    .ct-page .hero-actions[b-xpnmlru3ly] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .ct-page .btn[b-xpnmlru3ly] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.75rem 1.35rem;
        border-radius: 8px;
        font-weight: 600;
        font-size: 0.95rem;
        border: none;
        cursor: pointer;
        transition: transform 0.15s ease, box-shadow 0.15s ease;
        text-decoration: none;
    }

    .ct-page .btn-primary[b-xpnmlru3ly] {
        background: #fff;
        color: #2a0070;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    }

        .ct-page .btn-primary:hover[b-xpnmlru3ly] {
            transform: translateY(-1px);
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
            text-decoration: none;
            color: #2a0070;
        }

    .ct-page .btn-secondary[b-xpnmlru3ly] {
        background: rgba(255, 255, 255, 0.12);
        color: #fff;
        border: 1px solid rgba(255, 255, 255, 0.35);
    }

        .ct-page .btn-secondary:hover[b-xpnmlru3ly] {
            background: rgba(255, 255, 255, 0.18);
            text-decoration: none;
            color: #fff;
        }

    .ct-page .hero-screenshot[b-xpnmlru3ly] {
        border-radius: var(--ct-radius);
        border: 1px solid rgba(255, 255, 255, 0.15);
        box-shadow: var(--ct-shadow);
    }

    .ct-page section[b-xpnmlru3ly] {
        padding: 4.5rem 0;
    }

        .ct-page section:nth-child(even)[b-xpnmlru3ly] {
            background: var(--ct-bg-panel);
        }

    .ct-page .section-header[b-xpnmlru3ly] {
        text-align: center;
        max-width: 680px;
        margin: 0 auto 3rem;
    }

        .ct-page .section-header h2[b-xpnmlru3ly] {
            font-size: clamp(1.65rem, 3vw, 2.25rem);
            margin: 0 0 0.75rem;
            color: #fff;
        }

        .ct-page .section-header p[b-xpnmlru3ly] {
            margin: 0;
            color: var(--ct-text-muted);
            font-size: 1.05rem;
        }

    .ct-page .feature-grid[b-xpnmlru3ly] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 1.25rem;
    }

    .ct-page .feature-card[b-xpnmlru3ly] {
        background: var(--ct-bg-elevated);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: var(--ct-radius);
        padding: 1.5rem;
    }

        .ct-page .feature-card h3[b-xpnmlru3ly] {
            margin: 0 0 0.5rem;
            font-size: 1.05rem;
            color: var(--ct-purple-light);
        }

        .ct-page .feature-card p[b-xpnmlru3ly] {
            margin: 0;
            color: var(--ct-text-muted);
            font-size: 0.95rem;
        }

    .ct-page .module-columns[b-xpnmlru3ly] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 1.5rem;
    }

    .ct-page .module-column[b-xpnmlru3ly] {
        background: var(--ct-bg-elevated);
        border-radius: var(--ct-radius);
        padding: 1.5rem;
        border-top: 3px solid var(--ct-purple);
    }

        .ct-page .module-column h3[b-xpnmlru3ly] {
            margin: 0 0 1rem;
            font-size: 1.1rem;
            color: #fff;
        }

        .ct-page .module-column ul[b-xpnmlru3ly] {
            margin: 0;
            padding-left: 1.15rem;
            color: var(--ct-text-muted);
        }

        .ct-page .module-column li[b-xpnmlru3ly] {
            margin-bottom: 0.4rem;
        }

    .ct-page .gallery[b-xpnmlru3ly] {
        display: grid;
        gap: 2rem;
    }

    .ct-page .gallery-item[b-xpnmlru3ly] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
        align-items: center;
        background: var(--ct-bg-elevated);
        border-radius: var(--ct-radius);
        padding: 1.5rem;
        border: 1px solid rgba(255, 255, 255, 0.06);
    }

        .ct-page .gallery-item:nth-child(even)[b-xpnmlru3ly] {
            direction: rtl;
        }

            .ct-page .gallery-item:nth-child(even) > *[b-xpnmlru3ly] {
                direction: ltr;
            }

        .ct-page .gallery-item img[b-xpnmlru3ly] {
            border-radius: 8px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

    .ct-page .gallery-image-btn[b-xpnmlru3ly] {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        border: none;
        background: none;
        cursor: zoom-in;
        position: relative;
        border-radius: 8px;
        overflow: hidden;
    }

        .ct-page .gallery-image-btn img[b-xpnmlru3ly] {
            width: 100%;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .ct-page .gallery-image-btn:hover img[b-xpnmlru3ly],
        .ct-page .gallery-image-btn:focus-visible img[b-xpnmlru3ly] {
            transform: scale(1.02);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
        }

        .ct-page .gallery-image-btn:focus-visible[b-xpnmlru3ly] {
            outline: 2px solid var(--ct-accent-cyan);
            outline-offset: 2px;
        }

    .ct-page .gallery-image-hint[b-xpnmlru3ly] {
        position: absolute;
        bottom: 0.5rem;
        right: 0.5rem;
        padding: 0.25rem 0.6rem;
        border-radius: 6px;
        background: rgba(0, 0, 0, 0.65);
        color: rgba(255, 255, 255, 0.9);
        font-size: 0.75rem;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.2s ease;
    }

    .ct-page .gallery-image-btn:hover .gallery-image-hint[b-xpnmlru3ly],
    .ct-page .gallery-image-btn:focus-visible .gallery-image-hint[b-xpnmlru3ly] {
        opacity: 1;
    }

        .ct-page .gallery-item h3[b-xpnmlru3ly] {
            margin: 0 0 0.5rem;
            font-size: 1.2rem;
            color: #fff;
        }

        .ct-page .gallery-item p[b-xpnmlru3ly] {
            margin: 0;
            color: var(--ct-text-muted);
        }

    .ct-page .workflow-steps[b-xpnmlru3ly] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 1rem;
        counter-reset: step;
    }

    .ct-page .workflow-step[b-xpnmlru3ly] {
        background: var(--ct-bg-elevated);
        border-radius: var(--ct-radius);
        padding: 1.25rem;
        position: relative;
        padding-top: 2.5rem;
    }

        .ct-page .workflow-step[b-xpnmlru3ly]::before {
            counter-increment: step;
            content: counter(step);
            position: absolute;
            top: 1rem;
            left: 1.25rem;
            width: 1.75rem;
            height: 1.75rem;
            border-radius: 50%;
            background: var(--ct-purple);
            display: grid;
            place-items: center;
            font-weight: 700;
            font-size: 0.85rem;
            color: #fff;
        }

        .ct-page .workflow-step h3[b-xpnmlru3ly] {
            margin: 0 0 0.35rem;
            font-size: 1rem;
            color: #fff;
        }

        .ct-page .workflow-step p[b-xpnmlru3ly] {
            margin: 0;
            font-size: 0.9rem;
            color: var(--ct-text-muted);
        }

    .ct-page .requirements[b-xpnmlru3ly] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 1.25rem;
    }

    .ct-page .req-block[b-xpnmlru3ly] {
        background: var(--ct-bg-elevated);
        border-radius: var(--ct-radius);
        padding: 1.25rem 1.5rem;
    }

        .ct-page .req-block h3[b-xpnmlru3ly] {
            margin: 0 0 0.75rem;
            font-size: 1rem;
            color: var(--ct-accent-cyan);
        }

        .ct-page .req-block ul[b-xpnmlru3ly] {
            margin: 0;
            padding-left: 1.1rem;
            color: var(--ct-text-muted);
            font-size: 0.95rem;
        }

    .ct-page .cta-band[b-xpnmlru3ly] {
        background: var(--ct-gradient);
        padding: 3.5rem 0;
        text-align: center;
    }

        .ct-page .cta-band h2[b-xpnmlru3ly] {
            margin: 0 0 0.75rem;
            font-size: clamp(1.5rem, 3vw, 2rem);
            color: #fff;
        }

        .ct-page .cta-band p[b-xpnmlru3ly] {
            margin: 0 0 1.5rem;
            color: rgba(255, 255, 255, 0.9);
            max-width: 520px;
            margin-left: auto;
            margin-right: auto;
        }

    .ct-page .ct-footer[b-xpnmlru3ly] {
        padding: 2rem 0;
        text-align: center;
        color: var(--ct-text-muted);
        font-size: 0.875rem;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
    }

    .ct-page .ct-footer-nav[b-xpnmlru3ly] {
        margin-top: 1rem;
    }

/* Lightbox — rendered inside .ct-page but uses fixed positioning */
.ct-page .ct-lightbox[b-xpnmlru3ly] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(0, 0, 0, 0.82);
    backdrop-filter: blur(4px);
}

.ct-page .ct-lightbox-dialog[b-xpnmlru3ly] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: min(1100px, 96vw);
    max-height: 92vh;
}

.ct-page .ct-lightbox-body[b-xpnmlru3ly] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 92vh;
}

.ct-page .ct-lightbox-image[b-xpnmlru3ly] {
    width: 100%;
    max-height: min(68vh, 720px);
    object-fit: contain;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: #111;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}

.ct-page .ct-lightbox-caption[b-xpnmlru3ly] {
    padding: 0 0.25rem 0.25rem;
    color: #fff;
}

    .ct-page .ct-lightbox-caption h3[b-xpnmlru3ly] {
        margin: 0 0 0.5rem;
        font-size: 1.25rem;
    }

    .ct-page .ct-lightbox-caption p[b-xpnmlru3ly] {
        margin: 0;
        color: rgba(255, 255, 255, 0.82);
        line-height: 1.55;
    }

.ct-page .ct-lightbox-counter[b-xpnmlru3ly] {
    margin-top: 0.75rem !important;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.55) !important;
}

.ct-page .ct-lightbox-close[b-xpnmlru3ly] {
    position: absolute;
    top: -0.25rem;
    right: -0.25rem;
    z-index: 2;
    width: 2.25rem;
    height: 2.25rem;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    transition: background 0.15s ease;
}

    .ct-page .ct-lightbox-close:hover[b-xpnmlru3ly],
    .ct-page .ct-lightbox-close:focus-visible[b-xpnmlru3ly] {
        background: rgba(255, 255, 255, 0.22);
        outline: none;
    }

.ct-page .ct-lightbox-nav[b-xpnmlru3ly] {
    flex: 0 0 auto;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: background 0.15s ease, border-color 0.15s ease;
}

    .ct-page .ct-lightbox-nav span[b-xpnmlru3ly] {
        margin-top: -0.15rem;
    }

    .ct-page .ct-lightbox-nav:hover[b-xpnmlru3ly],
    .ct-page .ct-lightbox-nav:focus-visible[b-xpnmlru3ly] {
        background: rgba(255, 255, 255, 0.18);
        border-color: rgba(255, 255, 255, 0.35);
        outline: none;
    }

@media (max-width: 860px) {
    .ct-page .hero-inner[b-xpnmlru3ly],
    .ct-page .gallery-item[b-xpnmlru3ly],
    .ct-page .gallery-item:nth-child(even)[b-xpnmlru3ly] {
        grid-template-columns: 1fr;
        direction: ltr;
    }

    .ct-page .hero[b-xpnmlru3ly] {
        padding-top: 3rem;
    }

    .ct-page .ct-lightbox-dialog[b-xpnmlru3ly] {
        flex-direction: column;
        width: 100%;
    }

    .ct-page .ct-lightbox-nav[b-xpnmlru3ly] {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }

    .ct-page .ct-lightbox-prev[b-xpnmlru3ly] {
        left: 0.25rem;
    }

    .ct-page .ct-lightbox-next[b-xpnmlru3ly] {
        right: 0.25rem;
    }

    .ct-page .ct-lightbox-body[b-xpnmlru3ly] {
        width: 100%;
        padding: 0 2.5rem;
        box-sizing: border-box;
    }

    .ct-page .ct-lightbox-close[b-xpnmlru3ly] {
        top: 0;
        right: 0;
    }
}
/* /Components/Pages/CallSentinel.razor.rz.scp.css */
.cs-page[b-bwilza1y6x] {
    --cs-purple: #8000ff;
    --cs-purple-light: #b026ff;
    --cs-bg-dark: #0d0d0f;
    --cs-bg-panel: #1b1b1f;
    --cs-bg-elevated: #2d2d2d;
    --cs-text: #f0f0f5;
    --cs-text-muted: #a8a8b8;
    --cs-accent-cyan: #00d4ff;
    --cs-gradient: linear-gradient(135deg, #620baa 0%, #0044cc 100%);
    --cs-radius: 12px;
    --cs-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);

    margin: -1rem -1.5rem 0;
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
    background: var(--cs-bg-dark);
    color: var(--cs-text);
    line-height: 1.6;
}

    .cs-page img[b-bwilza1y6x] {
        max-width: 100%;
        height: auto;
        display: block;
    }

    .cs-page a:not(.btn)[b-bwilza1y6x] {
        color: var(--cs-accent-cyan);
        text-decoration: none;
    }

        .cs-page a:not(.btn):hover[b-bwilza1y6x] {
            text-decoration: underline;
        }

    .cs-page .container[b-bwilza1y6x] {
        width: min(1120px, 92vw);
        margin: 0 auto;
    }

    .cs-page .hero[b-bwilza1y6x] {
        position: relative;
        overflow: hidden;
        padding: 4.5rem 0 5rem;
        background: var(--cs-gradient);
    }

        .cs-page .hero[b-bwilza1y6x]::after {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.08), transparent 45%);
            pointer-events: none;
        }

    .cs-page .hero-inner[b-bwilza1y6x] {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        gap: 3rem;
        align-items: center;
    }

    .cs-page .hero-logo[b-bwilza1y6x] {
        width: 120px;
        border-radius: 22px;
        box-shadow: var(--cs-shadow);
        margin-bottom: 1.25rem;
    }

    .cs-page .hero-eyebrow[b-bwilza1y6x] {
        display: inline-block;
        font-size: 0.8rem;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.85);
        margin-bottom: 0.75rem;
    }

    .cs-page .hero h1[b-bwilza1y6x] {
        font-size: clamp(2rem, 4vw, 3rem);
        line-height: 1.15;
        margin: 0 0 1rem;
        font-weight: 700;
        color: #fff;
    }

    .cs-page .hero-tagline[b-bwilza1y6x] {
        font-size: 1.2rem;
        color: rgba(255, 255, 255, 0.92);
        margin: 0 0 1.5rem;
        max-width: 34ch;
    }

    .cs-page .hero-actions[b-bwilza1y6x] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .cs-page .btn[b-bwilza1y6x] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.75rem 1.35rem;
        border-radius: 8px;
        font-weight: 600;
        font-size: 0.95rem;
        border: none;
        cursor: pointer;
        transition: transform 0.15s ease, box-shadow 0.15s ease;
        text-decoration: none;
    }

    .cs-page .btn-primary[b-bwilza1y6x] {
        background: #fff;
        color: #2a0070;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    }

        .cs-page .btn-primary:hover[b-bwilza1y6x] {
            transform: translateY(-1px);
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
            text-decoration: none;
            color: #2a0070;
        }

    .cs-page .btn-secondary[b-bwilza1y6x] {
        background: rgba(255, 255, 255, 0.12);
        color: #fff;
        border: 1px solid rgba(255, 255, 255, 0.35);
    }

        .cs-page .btn-secondary:hover[b-bwilza1y6x] {
            background: rgba(255, 255, 255, 0.18);
            text-decoration: none;
            color: #fff;
        }

    .cs-page .hero-screenshot[b-bwilza1y6x] {
        border-radius: var(--cs-radius);
        border: 1px solid rgba(255, 255, 255, 0.15);
        box-shadow: var(--cs-shadow);
    }

    .cs-page section[b-bwilza1y6x] {
        padding: 4.5rem 0;
    }

        .cs-page section:nth-child(even)[b-bwilza1y6x] {
            background: var(--cs-bg-panel);
        }

    .cs-page .section-header[b-bwilza1y6x] {
        text-align: center;
        max-width: 680px;
        margin: 0 auto 3rem;
    }

        .cs-page .section-header h2[b-bwilza1y6x] {
            font-size: clamp(1.65rem, 3vw, 2.25rem);
            margin: 0 0 0.75rem;
            color: #fff;
        }

        .cs-page .section-header p[b-bwilza1y6x] {
            margin: 0;
            color: var(--cs-text-muted);
            font-size: 1.05rem;
        }

    .cs-page .feature-grid[b-bwilza1y6x] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 1.25rem;
    }

    .cs-page .feature-card[b-bwilza1y6x] {
        background: var(--cs-bg-elevated);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: var(--cs-radius);
        padding: 1.5rem;
    }

        .cs-page .feature-card h3[b-bwilza1y6x] {
            margin: 0 0 0.5rem;
            font-size: 1.05rem;
            color: var(--cs-purple-light);
        }

        .cs-page .feature-card p[b-bwilza1y6x] {
            margin: 0;
            color: var(--cs-text-muted);
            font-size: 0.95rem;
        }

    .cs-page .module-columns[b-bwilza1y6x] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 1.5rem;
    }

    .cs-page .module-column[b-bwilza1y6x] {
        background: var(--cs-bg-elevated);
        border-radius: var(--cs-radius);
        padding: 1.5rem;
        border-top: 3px solid var(--cs-purple);
    }

        .cs-page .module-column h3[b-bwilza1y6x] {
            margin: 0 0 1rem;
            font-size: 1.1rem;
            color: #fff;
        }

        .cs-page .module-column ul[b-bwilza1y6x] {
            margin: 0;
            padding-left: 1.15rem;
            color: var(--cs-text-muted);
        }

        .cs-page .module-column li[b-bwilza1y6x] {
            margin-bottom: 0.4rem;
        }

    .cs-page .gallery[b-bwilza1y6x] {
        display: grid;
        gap: 2rem;
    }

    .cs-page .gallery-item[b-bwilza1y6x] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
        align-items: center;
        background: var(--cs-bg-elevated);
        border-radius: var(--cs-radius);
        padding: 1.5rem;
        border: 1px solid rgba(255, 255, 255, 0.06);
    }

        .cs-page .gallery-item:nth-child(even)[b-bwilza1y6x] {
            direction: rtl;
        }

            .cs-page .gallery-item:nth-child(even) > *[b-bwilza1y6x] {
                direction: ltr;
            }

        .cs-page .gallery-item img[b-bwilza1y6x] {
            border-radius: 8px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

    .cs-page .gallery-image-btn[b-bwilza1y6x] {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        border: none;
        background: none;
        cursor: zoom-in;
        position: relative;
        border-radius: 8px;
        overflow: hidden;
    }

        .cs-page .gallery-image-btn img[b-bwilza1y6x] {
            width: 100%;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .cs-page .gallery-image-btn:hover img[b-bwilza1y6x],
        .cs-page .gallery-image-btn:focus-visible img[b-bwilza1y6x] {
            transform: scale(1.02);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
        }

        .cs-page .gallery-image-btn:focus-visible[b-bwilza1y6x] {
            outline: 2px solid var(--cs-accent-cyan);
            outline-offset: 2px;
        }

    .cs-page .gallery-image-hint[b-bwilza1y6x] {
        position: absolute;
        bottom: 0.5rem;
        right: 0.5rem;
        padding: 0.25rem 0.6rem;
        border-radius: 6px;
        background: rgba(0, 0, 0, 0.65);
        color: rgba(255, 255, 255, 0.9);
        font-size: 0.75rem;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.2s ease;
    }

    .cs-page .gallery-image-btn:hover .gallery-image-hint[b-bwilza1y6x],
    .cs-page .gallery-image-btn:focus-visible .gallery-image-hint[b-bwilza1y6x] {
        opacity: 1;
    }

        .cs-page .gallery-item h3[b-bwilza1y6x] {
            margin: 0 0 0.5rem;
            font-size: 1.2rem;
            color: #fff;
        }

        .cs-page .gallery-item p[b-bwilza1y6x] {
            margin: 0;
            color: var(--cs-text-muted);
        }

    .cs-page .workflow-steps[b-bwilza1y6x] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 1rem;
        counter-reset: step;
    }

    .cs-page .workflow-step[b-bwilza1y6x] {
        background: var(--cs-bg-elevated);
        border-radius: var(--cs-radius);
        padding: 1.25rem;
        position: relative;
        padding-top: 2.5rem;
    }

        .cs-page .workflow-step[b-bwilza1y6x]::before {
            counter-increment: step;
            content: counter(step);
            position: absolute;
            top: 1rem;
            left: 1.25rem;
            width: 1.75rem;
            height: 1.75rem;
            border-radius: 50%;
            background: var(--cs-purple);
            display: grid;
            place-items: center;
            font-weight: 700;
            font-size: 0.85rem;
            color: #fff;
        }

        .cs-page .workflow-step h3[b-bwilza1y6x] {
            margin: 0 0 0.35rem;
            font-size: 1rem;
            color: #fff;
        }

        .cs-page .workflow-step p[b-bwilza1y6x] {
            margin: 0;
            font-size: 0.9rem;
            color: var(--cs-text-muted);
        }

    .cs-page .requirements[b-bwilza1y6x] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 1.25rem;
    }

    .cs-page .req-block[b-bwilza1y6x] {
        background: var(--cs-bg-elevated);
        border-radius: var(--cs-radius);
        padding: 1.25rem 1.5rem;
    }

        .cs-page .req-block h3[b-bwilza1y6x] {
            margin: 0 0 0.75rem;
            font-size: 1rem;
            color: var(--cs-accent-cyan);
        }

        .cs-page .req-block ul[b-bwilza1y6x] {
            margin: 0;
            padding-left: 1.1rem;
            color: var(--cs-text-muted);
            font-size: 0.95rem;
        }

    .cs-page .cta-band[b-bwilza1y6x] {
        background: var(--cs-gradient);
        padding: 3.5rem 0;
        text-align: center;
    }

        .cs-page .cta-band h2[b-bwilza1y6x] {
            margin: 0 0 0.75rem;
            font-size: clamp(1.5rem, 3vw, 2rem);
            color: #fff;
        }

        .cs-page .cta-band p[b-bwilza1y6x] {
            margin: 0 0 1.5rem;
            color: rgba(255, 255, 255, 0.9);
            max-width: 520px;
            margin-left: auto;
            margin-right: auto;
        }

    .cs-page .cs-footer[b-bwilza1y6x] {
        padding: 2rem 0;
        text-align: center;
        color: var(--cs-text-muted);
        font-size: 0.875rem;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
    }

    .cs-page .cs-footer-nav[b-bwilza1y6x] {
        margin-top: 1rem;
    }

/* Lightbox — rendered inside .cs-page but uses fixed positioning */
.cs-page .cs-lightbox[b-bwilza1y6x] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(0, 0, 0, 0.82);
    backdrop-filter: blur(4px);
}

.cs-page .cs-lightbox-dialog[b-bwilza1y6x] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: min(1100px, 96vw);
    max-height: 92vh;
}

.cs-page .cs-lightbox-body[b-bwilza1y6x] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 92vh;
}

.cs-page .cs-lightbox-image[b-bwilza1y6x] {
    width: 100%;
    max-height: min(68vh, 720px);
    object-fit: contain;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: #111;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}

.cs-page .cs-lightbox-caption[b-bwilza1y6x] {
    padding: 0 0.25rem 0.25rem;
    color: #fff;
}

    .cs-page .cs-lightbox-caption h3[b-bwilza1y6x] {
        margin: 0 0 0.5rem;
        font-size: 1.25rem;
    }

    .cs-page .cs-lightbox-caption p[b-bwilza1y6x] {
        margin: 0;
        color: rgba(255, 255, 255, 0.82);
        line-height: 1.55;
    }

.cs-page .cs-lightbox-counter[b-bwilza1y6x] {
    margin-top: 0.75rem !important;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.55) !important;
}

.cs-page .cs-lightbox-close[b-bwilza1y6x] {
    position: absolute;
    top: -0.25rem;
    right: -0.25rem;
    z-index: 2;
    width: 2.25rem;
    height: 2.25rem;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    transition: background 0.15s ease;
}

    .cs-page .cs-lightbox-close:hover[b-bwilza1y6x],
    .cs-page .cs-lightbox-close:focus-visible[b-bwilza1y6x] {
        background: rgba(255, 255, 255, 0.22);
        outline: none;
    }

.cs-page .cs-lightbox-nav[b-bwilza1y6x] {
    flex: 0 0 auto;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: background 0.15s ease, border-color 0.15s ease;
}

    .cs-page .cs-lightbox-nav span[b-bwilza1y6x] {
        margin-top: -0.15rem;
    }

    .cs-page .cs-lightbox-nav:hover[b-bwilza1y6x],
    .cs-page .cs-lightbox-nav:focus-visible[b-bwilza1y6x] {
        background: rgba(255, 255, 255, 0.18);
        border-color: rgba(255, 255, 255, 0.35);
        outline: none;
    }

@media (max-width: 860px) {
    .cs-page .hero-inner[b-bwilza1y6x],
    .cs-page .gallery-item[b-bwilza1y6x],
    .cs-page .gallery-item:nth-child(even)[b-bwilza1y6x] {
        grid-template-columns: 1fr;
        direction: ltr;
    }

    .cs-page .hero[b-bwilza1y6x] {
        padding-top: 3rem;
    }

    .cs-page .cs-lightbox-dialog[b-bwilza1y6x] {
        flex-direction: column;
        width: 100%;
    }

    .cs-page .cs-lightbox-nav[b-bwilza1y6x] {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }

    .cs-page .cs-lightbox-prev[b-bwilza1y6x] {
        left: 0.25rem;
    }

    .cs-page .cs-lightbox-next[b-bwilza1y6x] {
        right: 0.25rem;
    }

    .cs-page .cs-lightbox-body[b-bwilza1y6x] {
        width: 100%;
        padding: 0 2.5rem;
        box-sizing: border-box;
    }

    .cs-page .cs-lightbox-close[b-bwilza1y6x] {
        top: 0;
        right: 0;
    }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
/* Secondary lines on /contact — readable on Fluent dark (replaces text-muted). */
.wps-contact-subtle[b-hf6qfz9jqk] {
    color: var(--kendo-color-on-app-surface, var(--bs-body-color, inherit));
    opacity: 0.82;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.value-section[b-wbh6e43b8j] {
    --value-carousel-side-inset: 0.75rem;
    --value-prop-max-content-ch: 45;
    --value-prop-card-content-slot-ch: 50;
    --value-prop-logo-width: 5rem;
    --value-prop-body-gap: 0.6rem;
    --value-prop-body-pad-x: 2rem;
    --value-prop-max-card-width: calc(
        (var(--value-prop-card-content-slot-ch) * 1ch)
        + var(--value-prop-logo-width)
        + var(--value-prop-body-gap)
        + var(--value-prop-body-pad-x)
    );
    --value-prop-max-card-width-no-logo: calc(
        (var(--value-prop-card-content-slot-ch) * 1ch) + var(--value-prop-body-pad-x)
    );
    --value-carousel-track-gap: 1.25rem;
    --value-carousel-track-edge-pad: 0.35rem;
    --value-carousel-track-slack: 0.35rem;
    --value-carousel-nav-width: 2rem;
    --value-carousel-gap: 0.2rem;
    --value-carousel-visible-cards: 2;
    --value-carousel-track-width: min(
        calc(
            (var(--value-carousel-visible-cards) * var(--value-prop-max-card-width))
            + ((var(--value-carousel-visible-cards) - 1) * var(--value-carousel-track-gap))
            + (2 * var(--value-carousel-track-edge-pad))
            + var(--value-carousel-track-slack)
        ),
        calc(
            100vw - (var(--value-carousel-side-inset) * 2)
            - (2 * var(--value-carousel-nav-width))
            - (2 * var(--value-carousel-gap))
        )
    );
    --value-carousel-width: calc(
        var(--value-carousel-track-width)
        + (2 * var(--value-carousel-nav-width))
        + (2 * var(--value-carousel-gap))
    );
    padding: 1.25rem var(--value-carousel-side-inset) 2rem;
    background-color: var(--kendo-color-surface);
    border-top: 1px solid var(--kendo-color-border);
}

.value-carousel[b-wbh6e43b8j] {
    display: grid;
    grid-template-columns:
        var(--value-carousel-nav-width)
        minmax(0, var(--value-carousel-track-width))
        var(--value-carousel-nav-width);
    align-items: center;
    gap: var(--value-carousel-gap);
    width: min(100%, var(--value-carousel-width));
    max-width: 100%;
    margin: 0 auto;
}

.value-carousel-nav-spacer[b-wbh6e43b8j] {
    width: var(--value-carousel-nav-width);
}

.value-carousel-nav[b-wbh6e43b8j] {
    flex-shrink: 0;
}

.value-carousel-track[b-wbh6e43b8j] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: var(--value-carousel-track-gap);
    width: 100%;
    max-width: var(--value-carousel-track-width);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0.35rem var(--value-carousel-track-edge-pad) 0.75rem;
}

.value-carousel-track[b-wbh6e43b8j]::-webkit-scrollbar {
    display: none;
}

.value-prop-card[b-wbh6e43b8j] {
    /* Card shell keeps 50ch column; text wraps at 45ch for right-side breathing room */
    flex: 0 0 auto;
    width: max-content;
    max-width: min(
        var(--value-prop-max-card-width),
        calc(
            (
                var(--value-carousel-track-width)
                - (2 * var(--value-carousel-track-edge-pad))
                - ((var(--value-carousel-visible-cards) - 1) * var(--value-carousel-track-gap))
            )
            / var(--value-carousel-visible-cards)
        )
    );
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--neutral-stroke-rest);
    background-color: var(--neutral-layer-2);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    --elevation: 4;
}

.value-prop-card:hover[b-wbh6e43b8j] {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.38);
}

.value-prop-body[b-wbh6e43b8j] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.6rem;
    flex: 1;
    width: max-content;
    max-width: 100%;
    padding: 0.9rem 1rem 1.1rem;
}

.value-prop-logo[b-wbh6e43b8j] {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.value-prop-image[b-wbh6e43b8j] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    margin: 0;
}

.value-prop-card:not(:has(.value-prop-logo))[b-wbh6e43b8j] {
    max-width: var(--value-prop-max-card-width-no-logo);
}

.value-prop-content[b-wbh6e43b8j] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 0 0 auto;
    width: calc(var(--value-prop-content-column-ch, var(--value-prop-content-ch, 45)) * 1ch);
    max-width: calc(var(--value-prop-card-content-slot-ch) * 1ch);
    min-width: min(20ch, 100%);
}

.value-prop-title[b-wbh6e43b8j] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--neutral-foreground-rest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(var(--value-prop-max-content-ch) * 1ch);
}

.value-prop-desc[b-wbh6e43b8j] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--neutral-foreground-hint);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    min-height: calc(0.9rem * 1.5 * 4);
    max-height: calc(0.9rem * 1.5 * 4);
    word-break: break-word;
    max-width: calc(var(--value-prop-max-content-ch) * 1ch);
}

.value-prop-actions[b-wbh6e43b8j] {
    margin-top: auto;
    padding-top: 0.45rem;
}

.value-prop-learn-more[b-wbh6e43b8j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.9rem;
    border-radius: 6px;
    background: var(--brand-accent);
    color: #fff;
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    transition: background 0.2s ease;
}

.value-prop-learn-more:hover[b-wbh6e43b8j],
.value-prop-learn-more:focus-visible[b-wbh6e43b8j] {
    background: var(--brand-accent-hover);
    color: #fff;
}

@media (max-width: 75rem) {
    .value-section[b-wbh6e43b8j] {
        --value-carousel-visible-cards: 1;
        --value-prop-logo-width: 3.75rem;
        --value-prop-body-gap: 0.5rem;
        --value-prop-body-pad-x: 1.65rem;
    }
}

@media (max-width: 640px) {
    .value-section[b-wbh6e43b8j] {
        --value-carousel-side-inset: 0.5rem;
        --value-carousel-nav-width: 1.75rem;
        padding: 1rem var(--value-carousel-side-inset) 1.5rem;
    }

    .value-carousel[b-wbh6e43b8j] {
        gap: 0.1rem;
    }

    .value-prop-desc[b-wbh6e43b8j] {
        font-size: 0.85rem;
        min-height: calc(0.85rem * 1.5 * 4);
        max-height: calc(0.85rem * 1.5 * 4);
    }

    .value-prop-logo[b-wbh6e43b8j] {
        flex: 0 0 60px;
        width: 60px;
        height: 60px;
    }

    .value-prop-body[b-wbh6e43b8j] {
        gap: 0.5rem;
        padding: 0.75rem 0.85rem 0.95rem;
    }
}
/* /Components/Pages/Logs.razor.rz.scp.css */
.wps-logs-page[b-yoodfzb7bf] {
    max-width: 80rem;
}

.wps-logs-title[b-yoodfzb7bf] {
    margin: 0 0 0.75rem;
    font-size: clamp(1.5rem, 2.5vw, 1.85rem);
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.wps-logs-intro[b-yoodfzb7bf] {
    margin: 0 0 1.25rem;
    color: var(--neutral-foreground-hint);
    line-height: 1.5;
    max-width: 52rem;
}

.wps-logs-intro code[b-yoodfzb7bf] {
    color: var(--brand-accent);
}

.wps-logs-toolbar[b-yoodfzb7bf] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.wps-logs-path[b-yoodfzb7bf] {
    font-size: 0.8125rem;
    color: var(--neutral-foreground-hint);
    margin-bottom: 0.5rem;
    word-break: break-all;
}

.wps-log-tail[b-yoodfzb7bf] {
    max-height: 70vh;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    padding: 1rem 1.15rem;
    border-radius: var(--wpsi-border-radius, 8px);
    border: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-layer-2);
    color: var(--neutral-foreground-rest);
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 0.8125rem;
    line-height: 1.45;
}
/* /Components/Pages/ProductDetail.razor.rz.scp.css */
.wps-product-detail-page[b-cpcdlnarg2] {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 0.75rem 2.5rem;
}

.wps-product-detail-split[b-cpcdlnarg2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, min(42vw, 480px));
    gap: 2rem 2.5rem;
    align-items: start;
}

@media (max-width: 960px) {
    .wps-product-detail-split[b-cpcdlnarg2] {
        grid-template-columns: 1fr;
    }
}

.wps-product-detail-main[b-cpcdlnarg2] {
    min-width: 0;
}

.wps-product-detail-hero[b-cpcdlnarg2] {
    margin-bottom: 1.75rem;
    padding: 1.5rem 1.5rem 1.25rem;
    border-radius: 16px;
    border: 1px solid var(--kendo-color-border, #374151);
    background: linear-gradient(
        120deg,
        var(--neutral-layer-1) 0%,
        var(--neutral-layer-3) 55%,
        color-mix(in srgb, var(--wpsi-accent) 35%, transparent) 100%
    );
}

.wps-product-detail-hero-inner[b-cpcdlnarg2] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    min-width: 0;
}

.wps-product-detail-logo-wrap[b-cpcdlnarg2] {
    flex: 0 0 auto;
    width: clamp(3.5rem, 14vw, 5.5rem);
    height: clamp(3.5rem, 14vw, 5.5rem);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.wps-product-detail-logo[b-cpcdlnarg2] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.4rem;
    box-sizing: border-box;
}

.wps-product-detail-hero-text[b-cpcdlnarg2] {
    flex: 1 1 auto;
    min-width: 0;
}

.wps-product-detail-title[b-cpcdlnarg2] {
    margin: 0 0 0.5rem;
    font-size: clamp(1.75rem, 3.5vw, 2.25rem);
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    line-height: 1.15;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.wps-product-detail-tagline[b-cpcdlnarg2] {
    margin: 0 0 1rem;
    font-size: 1.1rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.88);
}

.wps-product-detail-highlights[b-cpcdlnarg2] {
    margin: 0;
    padding-left: 1.2rem;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.95rem;
    line-height: 1.45;
}

    .wps-product-detail-highlights li[b-cpcdlnarg2] {
        margin-bottom: 0.35rem;
    }

        .wps-product-detail-highlights li[b-cpcdlnarg2]::marker {
            color: var(--brand-accent, #a78bfa);
        }

.wps-product-detail-muted[b-cpcdlnarg2] {
    color: var(--kendo-color-subtle, #9ca3af);
    margin-bottom: 1.25rem;
}

.wps-product-detail-body-fallback[b-cpcdlnarg2] {
    margin-top: 0.5rem;
}

.wps-product-detail-section-title[b-cpcdlnarg2] {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 1rem;
    color: var(--kendo-color-on-surface, #f3f4f6);
}

.wps-product-detail-media-title[b-cpcdlnarg2] {
    margin-bottom: 0.75rem;
}

.wps-product-detail-media[b-cpcdlnarg2] {
    position: sticky;
    top: 1rem;
    min-width: 0;
}

.wps-product-detail-carousel[b-cpcdlnarg2] {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--kendo-color-border, #374151);
    background: var(--kendo-color-surface, #111827);
}

.wps-product-carousel-slide[b-cpcdlnarg2] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 0.75rem;
    box-sizing: border-box;
    background: var(--kendo-color-surface, #0f172a);
}

    .wps-product-carousel-slide img[b-cpcdlnarg2] {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
        border-radius: 8px;
    }

.wps-product-carousel-empty[b-cpcdlnarg2] {
    padding: 1.25rem 1rem;
    border-radius: 12px;
    border: 1px dashed var(--kendo-color-border, #4b5563);
    color: var(--kendo-color-subtle, #9ca3af);
    font-size: 0.95rem;
    line-height: 1.5;
}

.wps-product-detail-body-section[b-cpcdlnarg2] {
    margin-bottom: 1rem;
}

.wps-product-detail-body[b-cpcdlnarg2] {
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.6;
    font-size: 1rem;
    color: var(--kendo-color-on-surface, #e5e7eb);
    padding: 1rem 1.25rem;
    border-radius: 12px;
    border: 1px solid var(--kendo-color-border, #374151);
    background: var(--kendo-color-surface, #1f2937);
}

.wps-product-detail-footer[b-cpcdlnarg2] {
    margin-top: 2rem;
    padding-top: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

.wps-product-detail-footer .cta-primary[b-cpcdlnarg2] {
    display: inline-block;
    background: var(--brand-accent, var(--wpsi-accent));
    color: white;
    padding: 0.65rem 1.25rem;
    border-radius: 8px;
    font-weight: 600;
    transition: background-color 0.2s ease;
}

    .wps-product-detail-footer .cta-primary:hover[b-cpcdlnarg2] {
        background: var(--brand-accent-hover, var(--wpsi-accent-light));
        color: white;
    }

.cta-secondary[b-cpcdlnarg2] {
    display: inline-block;
    border: 1px solid var(--kendo-color-border, #6b7280);
    padding: 0.65rem 1.25rem;
    border-radius: 8px;
    font-weight: 600;
    color: var(--kendo-color-on-surface, #f3f4f6);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

    .cta-secondary:hover[b-cpcdlnarg2] {
        background: rgba(255, 255, 255, 0.06);
        border-color: var(--brand-accent, var(--wpsi-accent));
        color: var(--brand-accent, #c4b5fd);
    }

@media (max-width: 960px) {
    .wps-product-detail-media[b-cpcdlnarg2] {
        position: static;
    }
}
/* /Components/Pages/ProductInquiry.razor.rz.scp.css */
.wps-product-inquiry-page[b-o7qq3twqp3] {
    padding-bottom: 2rem;
}

.wps-product-inquiry-title[b-o7qq3twqp3] {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.wps-product-inquiry-muted[b-o7qq3twqp3] {
    color: var(--kendo-color-subtle, #9ca3af);
}

.wps-product-inquiry-back[b-o7qq3twqp3] {
    display: inline-block;
}
/* /Components/Pages/Products.razor.rz.scp.css */
.wps-products-empty[b-dwlgf9axc0] {
    max-width: 40rem;
    margin: 0 auto 2rem;
    padding: 1.25rem 1.5rem;
    border-radius: 12px;
    border: 1px dashed var(--kendo-color-border, #d1d5db);
    color: var(--kendo-color-subtle, #6b7280);
    line-height: 1.5;
}

.wps-products-hero[b-dwlgf9axc0] {
    max-width: 52rem;
    margin: 0 auto 2.5rem;
    padding: 0 0.5rem;
}

.wps-products-title[b-dwlgf9axc0] {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 700;
    margin: 0 0 0.75rem;
    letter-spacing: -0.02em;
}

.wps-products-lead[b-dwlgf9axc0] {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.55;
    color: var(--kendo-color-subtle, #6b7280);
}

.wps-products-grid[b-dwlgf9axc0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-bottom: 3rem;
}

.wps-product-card-link[b-dwlgf9axc0] {
    display: block;
    text-decoration: none;
    color: inherit;
    border-radius: 16px;
    outline-offset: 3px;
}

    .wps-product-card-link:hover .wps-product-card-title[b-dwlgf9axc0],
    .wps-product-card-link:focus-visible .wps-product-card-title[b-dwlgf9axc0] {
        text-decoration: underline;
        text-underline-offset: 0.2em;
    }

    .wps-product-card-link:focus-visible[b-dwlgf9axc0] {
        outline: 2px solid var(--brand-accent, var(--wpsi-accent));
    }

.wps-product-card[b-dwlgf9axc0] {
    border: 1px solid var(--kendo-color-border, #e5e7eb);
    border-radius: 16px;
    padding: 0 0 1.25rem;
    background: var(--kendo-color-surface, #fff);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    overflow: hidden;
}

    .wps-product-card:hover[b-dwlgf9axc0] {
        transform: translateY(-4px);
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
    }

.wps-product-card-header[b-dwlgf9axc0] {
    margin: 0 0 1rem;
    padding: 1.1rem 1.5rem 1rem;
    background: linear-gradient(
        120deg,
        var(--neutral-layer-1) 0%,
        var(--neutral-layer-3) 55%,
        color-mix(in srgb, var(--wpsi-accent) 42%, transparent) 100%
    );
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.wps-product-card-header-inner[b-dwlgf9axc0] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.wps-product-card-logo-wrap[b-dwlgf9axc0] {
    flex: 0 0 auto;
    width: clamp(3rem, 12vw, 4.25rem);
    height: clamp(3rem, 12vw, 4.25rem);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.wps-product-card-logo[b-dwlgf9axc0] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.2rem;
    box-sizing: border-box;
    background: transparent;
}

.wps-product-card-heading[b-dwlgf9axc0] {
    flex: 1 1 auto;
    min-width: 0;
}

.wps-product-card-title[b-dwlgf9axc0] {
    font-size: clamp(1.4rem, 2.6vw, 1.85rem);
    font-weight: 700;
    margin: 0;
    color: #fff;
    letter-spacing: -0.02em;
    line-height: 1.2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.wps-product-card-tagline[b-dwlgf9axc0] {
    margin: 0 1.5rem 1rem;
    font-size: 0.95rem;
    line-height: 1.45;
    color: var(--kendo-color-subtle, #6b7280);
}

.wps-product-card-list[b-dwlgf9axc0] {
    margin: 0 1.5rem 0;
    padding-left: 1.15rem;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--kendo-color-on-surface, #374151);
}

    .wps-product-card-list li[b-dwlgf9axc0] {
        margin-bottom: 0.45rem;
    }

        .wps-product-card-list li[b-dwlgf9axc0]::marker {
            color: var(--brand-accent, var(--wpsi-accent));
        }

.wps-products-cta[b-dwlgf9axc0] {
    text-align: center;
    padding: 2rem 1rem 1rem;
    border-top: 1px solid var(--kendo-color-border, #e5e7eb);
}

.wps-products-cta-text[b-dwlgf9axc0] {
    margin: 0 0 1.25rem;
    font-size: 1rem;
    color: var(--kendo-color-subtle, #6b7280);
}
/* /Components/Pages/Tickets.razor.rz.scp.css */
/* Readable on dark Fluent theme (avoid Bootstrap text-muted, which is too dim). */
.ticket-staff-notice[b-iw5l8yawq4] {
    padding: 0.75rem 1rem;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.92);
    line-height: 1.45;
}

.ticket-staff-notice strong[b-iw5l8yawq4] {
    color: #fff;
    font-weight: 600;
}

.ticket-muted-help[b-iw5l8yawq4] {
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
    font-size: 0.95rem;
}

.ticket-thread[b-iw5l8yawq4] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 28rem;
    overflow-y: auto;
}

.ticket-msg[b-iw5l8yawq4] {
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    background: var(--kendo-color-surface-alt, rgba(0, 0, 0, 0.04));
}

.ticket-msg-internal[b-iw5l8yawq4] {
    border-style: dashed;
    background: rgba(255, 193, 7, 0.08);
}

.ticket-msg-meta[b-iw5l8yawq4] {
    font-size: 0.85rem;
    opacity: 0.85;
    margin-bottom: 0.35rem;
}

.ticket-internal-badge[b-iw5l8yawq4] {
    margin-left: 0.35rem;
    font-weight: 600;
}

.ticket-msg-body[b-iw5l8yawq4] {
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    font-family: inherit;
    font-size: 0.95rem;
}

.ticket-msg-html[b-iw5l8yawq4] {
    white-space: normal;
}

.ticket-msg-html p:last-child[b-iw5l8yawq4] {
    margin-bottom: 0;
}

.ticket-msg-html p:first-child[b-iw5l8yawq4] {
    margin-top: 0;
}

/* Div edit mode: content inherits Fluent dark theme via app.css (.k-editor .ProseMirror). */
.ticket-rich-editor[b-iw5l8yawq4]  .k-editor {
    border-radius: 6px;
    overflow: hidden;
}

/* New-ticket dialog: resizable message editor (bottom-right grip in supporting browsers). */
.ticket-create-editor-resize[b-iw5l8yawq4] {
    box-sizing: border-box;
    width: 100%;
    min-width: 240px;
    min-height: 200px;
    height: 280px;
    max-height: min(70vh, 560px);
    resize: both;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid var(--kendo-color-border, rgba(255, 255, 255, 0.2));
    display: flex;
    flex-direction: column;
}

.ticket-create-editor-resize[b-iw5l8yawq4]  .k-editor {
    flex: 1 1 auto;
    min-height: 0;
    height: 100% !important;
}

.ticket-pending-attachments[b-iw5l8yawq4] {
    list-style: none;
    padding-left: 0;
}

/* Ticket list row + status text tones (see GetTicketToneClass in Tickets.razor) */
.tickets-grid .k-table-tbody > tr.ticket-row > td[b-iw5l8yawq4] {
    border-left: 3px solid transparent;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.tickets-grid .k-table-tbody > tr.ticket-row > td > *[b-iw5l8yawq4] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tickets-grid tr.ticket-tone--open-fresh > td[b-iw5l8yawq4] {
    background-color: rgba(34, 197, 94, 0.16) !important;
    border-left-color: rgba(34, 197, 94, 0.85);
    color: rgba(240, 253, 244, 0.98);
}

.tickets-grid tr.ticket-tone--open-updated > td[b-iw5l8yawq4] {
    background-color: rgba(234, 179, 8, 0.2) !important;
    border-left-color: rgba(250, 204, 21, 0.9);
    color: rgba(254, 252, 232, 0.98);
}

.tickets-grid tr.ticket-tone--closed > td[b-iw5l8yawq4] {
    background-color: rgba(168, 85, 247, 0.18) !important;
    border-left-color: rgba(192, 132, 252, 0.95);
    color: rgba(250, 245, 255, 0.98);
}

.tickets-grid tr.ticket-tone--p1 > td[b-iw5l8yawq4] {
    background-color: rgba(239, 68, 68, 0.22) !important;
    border-left-color: rgba(248, 113, 113, 0.95);
    color: rgba(254, 242, 242, 0.98);
}

/* Pending / resolved (not open, not P1, not closed) */
.tickets-grid tr.ticket-tone--active > td[b-iw5l8yawq4] {
    background-color: rgba(234, 179, 8, 0.12) !important;
    border-left-color: rgba(202, 138, 4, 0.75);
    color: rgba(254, 252, 232, 0.95);
}

span.ticket-tone--open-fresh[b-iw5l8yawq4],
span.ticket-tone--open-updated[b-iw5l8yawq4],
span.ticket-tone--closed[b-iw5l8yawq4],
span.ticket-tone--p1[b-iw5l8yawq4],
span.ticket-tone--active[b-iw5l8yawq4] {
    font-weight: 600;
}

span.ticket-tone--open-fresh[b-iw5l8yawq4] {
    color: #86efac;
}

span.ticket-tone--open-updated[b-iw5l8yawq4] {
    color: #fde047;
}

span.ticket-tone--closed[b-iw5l8yawq4] {
    color: #d8b4fe;
}

span.ticket-tone--p1[b-iw5l8yawq4] {
    color: #fca5a5;
}

span.ticket-tone--active[b-iw5l8yawq4] {
    color: #facc15;
}

.ticket-detail-card.ticket-tone--open-fresh[b-iw5l8yawq4],
.ticket-detail-card.ticket-tone--open-updated[b-iw5l8yawq4],
.ticket-detail-card.ticket-tone--closed[b-iw5l8yawq4],
.ticket-detail-card.ticket-tone--p1[b-iw5l8yawq4],
.ticket-detail-card.ticket-tone--active[b-iw5l8yawq4] {
    border-left: 4px solid transparent;
}

.ticket-detail-card.ticket-tone--open-fresh[b-iw5l8yawq4] {
    border-left-color: rgba(34, 197, 94, 0.9);
    background: linear-gradient(90deg, rgba(34, 197, 94, 0.12) 0%, transparent 48%);
}

.ticket-detail-card.ticket-tone--open-updated[b-iw5l8yawq4] {
    border-left-color: rgba(234, 179, 8, 0.95);
    background: linear-gradient(90deg, rgba(234, 179, 8, 0.14) 0%, transparent 48%);
}

.ticket-detail-card.ticket-tone--closed[b-iw5l8yawq4] {
    border-left-color: rgba(168, 85, 247, 0.95);
    background: linear-gradient(90deg, rgba(168, 85, 247, 0.12) 0%, transparent 48%);
}

.ticket-detail-card.ticket-tone--p1[b-iw5l8yawq4] {
    border-left-color: rgba(239, 68, 68, 0.95);
    background: linear-gradient(90deg, rgba(239, 68, 68, 0.14) 0%, transparent 48%);
}

.ticket-detail-card.ticket-tone--active[b-iw5l8yawq4] {
    border-left-color: rgba(202, 138, 4, 0.85);
    background: linear-gradient(90deg, rgba(234, 179, 8, 0.1) 0%, transparent 48%);
}

.tickets-grid tr.ticket-tone--removed > td[b-iw5l8yawq4] {
    background-color: rgba(100, 116, 139, 0.22) !important;
    border-left-color: rgba(148, 163, 184, 0.7);
    color: rgba(241, 245, 249, 0.88);
}

.ticket-detail-card.ticket-tone--removed[b-iw5l8yawq4] {
    border-left-color: rgba(148, 163, 184, 0.85);
    background: linear-gradient(90deg, rgba(100, 116, 139, 0.18) 0%, transparent 50%);
}

span.ticket-tone--removed[b-iw5l8yawq4] {
    color: #cbd5e1;
}

.ticket-removed-banner[b-iw5l8yawq4] {
    padding: 0.65rem 1rem;
    border-radius: 6px;
    border: 1px solid rgba(148, 163, 184, 0.45);
    background: rgba(100, 116, 139, 0.2);
    color: rgba(248, 250, 252, 0.95);
    line-height: 1.45;
}

.ticket-attachment-list[b-iw5l8yawq4] {
    padding-left: 0;
    margin-bottom: 0;
}

.ticket-attachment-preview img[b-iw5l8yawq4] {
    max-width: min(100%, 720px);
    max-height: 420px;
    object-fit: contain;
    border-radius: 6px;
    border: 1px solid var(--kendo-color-border, rgba(255, 255, 255, 0.15));
}

.ticket-attach-icon[b-iw5l8yawq4] {
    font-size: 1.1rem;
    line-height: 1;
    display: inline-block;
    opacity: 0.95;
}

.ticket-upload-btn-label[b-iw5l8yawq4] {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.ticket-upload-btn[b-iw5l8yawq4] {
    display: inline-block;
    padding: 0.45rem 1rem;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(59, 130, 246, 0.25);
    color: rgba(255, 255, 255, 0.95);
    font-weight: 600;
    font-size: 0.95rem;
}

.ticket-upload-btn-label:hover .ticket-upload-btn[b-iw5l8yawq4] {
    background: rgba(59, 130, 246, 0.4);
}

.ticket-customer-fields[b-iw5l8yawq4] {
    background: rgba(255, 255, 255, 0.04);
}
/* /Components/Pages/VoicemailAnalytics.razor.rz.scp.css */
.vma-page[b-0v9sjg5sbo] {
    --vma-purple: #8000ff;
    --vma-purple-light: #b026ff;
    --vma-bg-dark: #0d0d0f;
    --vma-bg-panel: #1b1b1f;
    --vma-bg-elevated: #2d2d2d;
    --vma-text: #f0f0f5;
    --vma-text-muted: #a8a8b8;
    --vma-accent-cyan: #00d4ff;
    --vma-gradient: linear-gradient(135deg, #620baa 0%, #0044cc 100%);
    --vma-radius: 12px;
    --vma-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);

    margin: -1rem -1.5rem 0;
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
    background: var(--vma-bg-dark);
    color: var(--vma-text);
    line-height: 1.6;
}

    .vma-page img[b-0v9sjg5sbo] {
        max-width: 100%;
        height: auto;
        display: block;
    }

    .vma-page a:not(.btn)[b-0v9sjg5sbo] {
        color: var(--vma-accent-cyan);
        text-decoration: none;
    }

        .vma-page a:not(.btn):hover[b-0v9sjg5sbo] {
            text-decoration: underline;
        }

    .vma-page .container[b-0v9sjg5sbo] {
        width: min(1120px, 92vw);
        margin: 0 auto;
    }

    .vma-page .hero[b-0v9sjg5sbo] {
        position: relative;
        overflow: hidden;
        padding: 4.5rem 0 5rem;
        background: var(--vma-gradient);
    }

        .vma-page .hero[b-0v9sjg5sbo]::after {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.08), transparent 45%);
            pointer-events: none;
        }

    .vma-page .hero-inner[b-0v9sjg5sbo] {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        gap: 3rem;
        align-items: center;
    }

    .vma-page .hero-logo[b-0v9sjg5sbo] {
        width: 120px;
        border-radius: 22px;
        box-shadow: var(--vma-shadow);
        margin-bottom: 1.25rem;
    }

    .vma-page .hero-eyebrow[b-0v9sjg5sbo] {
        display: inline-block;
        font-size: 0.8rem;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.85);
        margin-bottom: 0.75rem;
    }

    .vma-page .hero h1[b-0v9sjg5sbo] {
        font-size: clamp(2rem, 4vw, 3rem);
        line-height: 1.15;
        margin: 0 0 1rem;
        font-weight: 700;
        color: #fff;
    }

    .vma-page .hero-tagline[b-0v9sjg5sbo] {
        font-size: 1.2rem;
        color: rgba(255, 255, 255, 0.92);
        margin: 0 0 1.5rem;
        max-width: 34ch;
    }

    .vma-page .hero-actions[b-0v9sjg5sbo] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .vma-page .btn[b-0v9sjg5sbo] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.75rem 1.35rem;
        border-radius: 8px;
        font-weight: 600;
        font-size: 0.95rem;
        border: none;
        cursor: pointer;
        transition: transform 0.15s ease, box-shadow 0.15s ease;
        text-decoration: none;
    }

    .vma-page .btn-primary[b-0v9sjg5sbo] {
        background: #fff;
        color: #2a0070;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    }

        .vma-page .btn-primary:hover[b-0v9sjg5sbo] {
            transform: translateY(-1px);
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
            text-decoration: none;
            color: #2a0070;
        }

    .vma-page .btn-secondary[b-0v9sjg5sbo] {
        background: rgba(255, 255, 255, 0.12);
        color: #fff;
        border: 1px solid rgba(255, 255, 255, 0.35);
    }

        .vma-page .btn-secondary:hover[b-0v9sjg5sbo] {
            background: rgba(255, 255, 255, 0.18);
            text-decoration: none;
            color: #fff;
        }

    .vma-page .hero-screenshot[b-0v9sjg5sbo] {
        border-radius: var(--vma-radius);
        border: 1px solid rgba(255, 255, 255, 0.15);
        box-shadow: var(--vma-shadow);
    }

    .vma-page section[b-0v9sjg5sbo] {
        padding: 4.5rem 0;
    }

        .vma-page section:nth-child(even)[b-0v9sjg5sbo] {
            background: var(--vma-bg-panel);
        }

    .vma-page .section-header[b-0v9sjg5sbo] {
        text-align: center;
        max-width: 680px;
        margin: 0 auto 3rem;
    }

        .vma-page .section-header h2[b-0v9sjg5sbo] {
            font-size: clamp(1.65rem, 3vw, 2.25rem);
            margin: 0 0 0.75rem;
            color: #fff;
        }

        .vma-page .section-header p[b-0v9sjg5sbo] {
            margin: 0;
            color: var(--vma-text-muted);
            font-size: 1.05rem;
        }

    .vma-page .feature-grid[b-0v9sjg5sbo] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 1.25rem;
    }

    .vma-page .feature-card[b-0v9sjg5sbo] {
        background: var(--vma-bg-elevated);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: var(--vma-radius);
        padding: 1.5rem;
    }

        .vma-page .feature-card h3[b-0v9sjg5sbo] {
            margin: 0 0 0.5rem;
            font-size: 1.05rem;
            color: var(--vma-purple-light);
        }

        .vma-page .feature-card p[b-0v9sjg5sbo] {
            margin: 0;
            color: var(--vma-text-muted);
            font-size: 0.95rem;
        }

    .vma-page .report-columns[b-0v9sjg5sbo] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 1.5rem;
    }

    .vma-page .report-column[b-0v9sjg5sbo] {
        background: var(--vma-bg-elevated);
        border-radius: var(--vma-radius);
        padding: 1.5rem;
        border-top: 3px solid var(--vma-purple);
    }

        .vma-page .report-column h3[b-0v9sjg5sbo] {
            margin: 0 0 1rem;
            font-size: 1.1rem;
            color: #fff;
        }

        .vma-page .report-column ul[b-0v9sjg5sbo] {
            margin: 0;
            padding-left: 1.15rem;
            color: var(--vma-text-muted);
        }

        .vma-page .report-column li[b-0v9sjg5sbo] {
            margin-bottom: 0.4rem;
        }

    .vma-page .gallery[b-0v9sjg5sbo] {
        display: grid;
        gap: 2rem;
    }

    .vma-page .gallery-item[b-0v9sjg5sbo] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
        align-items: center;
        background: var(--vma-bg-elevated);
        border-radius: var(--vma-radius);
        padding: 1.5rem;
        border: 1px solid rgba(255, 255, 255, 0.06);
    }

        .vma-page .gallery-item:nth-child(even)[b-0v9sjg5sbo] {
            direction: rtl;
        }

            .vma-page .gallery-item:nth-child(even) > *[b-0v9sjg5sbo] {
                direction: ltr;
            }

        .vma-page .gallery-item img[b-0v9sjg5sbo] {
            border-radius: 8px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

    .vma-page .gallery-image-btn[b-0v9sjg5sbo] {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        border: none;
        background: none;
        cursor: zoom-in;
        position: relative;
        border-radius: 8px;
        overflow: hidden;
    }

        .vma-page .gallery-image-btn img[b-0v9sjg5sbo] {
            width: 100%;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .vma-page .gallery-image-btn:hover img[b-0v9sjg5sbo],
        .vma-page .gallery-image-btn:focus-visible img[b-0v9sjg5sbo] {
            transform: scale(1.02);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
        }

        .vma-page .gallery-image-btn:focus-visible[b-0v9sjg5sbo] {
            outline: 2px solid var(--vma-accent-cyan);
            outline-offset: 2px;
        }

    .vma-page .gallery-image-hint[b-0v9sjg5sbo] {
        position: absolute;
        bottom: 0.5rem;
        right: 0.5rem;
        padding: 0.25rem 0.6rem;
        border-radius: 6px;
        background: rgba(0, 0, 0, 0.65);
        color: rgba(255, 255, 255, 0.9);
        font-size: 0.75rem;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.2s ease;
    }

    .vma-page .gallery-image-btn:hover .gallery-image-hint[b-0v9sjg5sbo],
    .vma-page .gallery-image-btn:focus-visible .gallery-image-hint[b-0v9sjg5sbo] {
        opacity: 1;
    }

        .vma-page .gallery-item h3[b-0v9sjg5sbo] {
            margin: 0 0 0.5rem;
            font-size: 1.2rem;
            color: #fff;
        }

        .vma-page .gallery-item p[b-0v9sjg5sbo] {
            margin: 0;
            color: var(--vma-text-muted);
        }

    .vma-page .workflow-steps[b-0v9sjg5sbo] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 1rem;
        counter-reset: step;
    }

    .vma-page .workflow-step[b-0v9sjg5sbo] {
        background: var(--vma-bg-elevated);
        border-radius: var(--vma-radius);
        padding: 1.25rem;
        position: relative;
        padding-top: 2.5rem;
    }

        .vma-page .workflow-step[b-0v9sjg5sbo]::before {
            counter-increment: step;
            content: counter(step);
            position: absolute;
            top: 1rem;
            left: 1.25rem;
            width: 1.75rem;
            height: 1.75rem;
            border-radius: 50%;
            background: var(--vma-purple);
            display: grid;
            place-items: center;
            font-weight: 700;
            font-size: 0.85rem;
            color: #fff;
        }

        .vma-page .workflow-step h3[b-0v9sjg5sbo] {
            margin: 0 0 0.35rem;
            font-size: 1rem;
            color: #fff;
        }

        .vma-page .workflow-step p[b-0v9sjg5sbo] {
            margin: 0;
            font-size: 0.9rem;
            color: var(--vma-text-muted);
        }

    .vma-page .requirements[b-0v9sjg5sbo] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 1.25rem;
    }

    .vma-page .req-block[b-0v9sjg5sbo] {
        background: var(--vma-bg-elevated);
        border-radius: var(--vma-radius);
        padding: 1.25rem 1.5rem;
    }

        .vma-page .req-block h3[b-0v9sjg5sbo] {
            margin: 0 0 0.75rem;
            font-size: 1rem;
            color: var(--vma-accent-cyan);
        }

        .vma-page .req-block ul[b-0v9sjg5sbo] {
            margin: 0;
            padding-left: 1.1rem;
            color: var(--vma-text-muted);
            font-size: 0.95rem;
        }

    .vma-page .cta-band[b-0v9sjg5sbo] {
        background: var(--vma-gradient);
        padding: 3.5rem 0;
        text-align: center;
    }

        .vma-page .cta-band h2[b-0v9sjg5sbo] {
            margin: 0 0 0.75rem;
            font-size: clamp(1.5rem, 3vw, 2rem);
            color: #fff;
        }

        .vma-page .cta-band p[b-0v9sjg5sbo] {
            margin: 0 0 1.5rem;
            color: rgba(255, 255, 255, 0.9);
            max-width: 520px;
            margin-left: auto;
            margin-right: auto;
        }

    .vma-page .vma-footer[b-0v9sjg5sbo] {
        padding: 2rem 0;
        text-align: center;
        color: var(--vma-text-muted);
        font-size: 0.875rem;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
    }

    .vma-page .vma-footer-nav[b-0v9sjg5sbo] {
        margin-top: 1rem;
    }

/* Lightbox — rendered inside .vma-page but uses fixed positioning */
.vma-page .vma-lightbox[b-0v9sjg5sbo] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(0, 0, 0, 0.82);
    backdrop-filter: blur(4px);
}

.vma-page .vma-lightbox-dialog[b-0v9sjg5sbo] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: min(1100px, 96vw);
    max-height: 92vh;
}

.vma-page .vma-lightbox-body[b-0v9sjg5sbo] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 92vh;
}

.vma-page .vma-lightbox-image[b-0v9sjg5sbo] {
    width: 100%;
    max-height: min(68vh, 720px);
    object-fit: contain;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: #111;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}

.vma-page .vma-lightbox-caption[b-0v9sjg5sbo] {
    padding: 0 0.25rem 0.25rem;
    color: #fff;
}

    .vma-page .vma-lightbox-caption h3[b-0v9sjg5sbo] {
        margin: 0 0 0.5rem;
        font-size: 1.25rem;
    }

    .vma-page .vma-lightbox-caption p[b-0v9sjg5sbo] {
        margin: 0;
        color: rgba(255, 255, 255, 0.82);
        line-height: 1.55;
    }

.vma-page .vma-lightbox-counter[b-0v9sjg5sbo] {
    margin-top: 0.75rem !important;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.55) !important;
}

.vma-page .vma-lightbox-close[b-0v9sjg5sbo] {
    position: absolute;
    top: -0.25rem;
    right: -0.25rem;
    z-index: 2;
    width: 2.25rem;
    height: 2.25rem;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    transition: background 0.15s ease;
}

    .vma-page .vma-lightbox-close:hover[b-0v9sjg5sbo],
    .vma-page .vma-lightbox-close:focus-visible[b-0v9sjg5sbo] {
        background: rgba(255, 255, 255, 0.22);
        outline: none;
    }

.vma-page .vma-lightbox-nav[b-0v9sjg5sbo] {
    flex: 0 0 auto;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: background 0.15s ease, border-color 0.15s ease;
}

    .vma-page .vma-lightbox-nav span[b-0v9sjg5sbo] {
        margin-top: -0.15rem;
    }

    .vma-page .vma-lightbox-nav:hover[b-0v9sjg5sbo],
    .vma-page .vma-lightbox-nav:focus-visible[b-0v9sjg5sbo] {
        background: rgba(255, 255, 255, 0.18);
        border-color: rgba(255, 255, 255, 0.35);
        outline: none;
    }

@media (max-width: 860px) {
    .vma-page .hero-inner[b-0v9sjg5sbo],
    .vma-page .gallery-item[b-0v9sjg5sbo],
    .vma-page .gallery-item:nth-child(even)[b-0v9sjg5sbo] {
        grid-template-columns: 1fr;
        direction: ltr;
    }

    .vma-page .hero[b-0v9sjg5sbo] {
        padding-top: 3rem;
    }

    .vma-page .vma-lightbox-dialog[b-0v9sjg5sbo] {
        flex-direction: column;
        width: 100%;
    }

    .vma-page .vma-lightbox-nav[b-0v9sjg5sbo] {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }

    .vma-page .vma-lightbox-prev[b-0v9sjg5sbo] {
        left: 0.25rem;
    }

    .vma-page .vma-lightbox-next[b-0v9sjg5sbo] {
        right: 0.25rem;
    }

    .vma-page .vma-lightbox-body[b-0v9sjg5sbo] {
        width: 100%;
        padding: 0 2.5rem;
        box-sizing: border-box;
    }

    .vma-page .vma-lightbox-close[b-0v9sjg5sbo] {
        top: 0;
        right: 0;
    }
}