@import '_content/PSC.Blazor.Components.Icons/PSC.Blazor.Components.Icons.bundle.scp.css';

/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-main[b-v0gedc8po3] {
    min-height: 100vh;
    background: linear-gradient(180deg, #fbf8f9 0%, #f4eff1 100%);
}

.admin-app-shell[b-v0gedc8po3] {
    min-height: 100vh;
}

.admin-topbar[b-v0gedc8po3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 78px;
    margin: 20px 20px 0;
    padding: 0 24px;
    border: 1px solid rgba(223, 215, 218, 0.95);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 14px 30px rgba(36, 36, 36, 0.08);
}

.admin-topbar-brand[b-v0gedc8po3] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.admin-back-button[b-v0gedc8po3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #000;
    cursor: pointer;
    transition: color 0.18s ease;
}

.admin-back-button:hover[b-v0gedc8po3] {
    color: #000;
}

.admin-back-button:focus-visible[b-v0gedc8po3] {
    outline: 2px solid rgba(36, 36, 36, 0.18);
    outline-offset: 3px;
}

.admin-back-button .mud-icon-root[b-v0gedc8po3] {
    color: currentColor;
    font-size: 1.5rem;
}

.admin-brand-link[b-v0gedc8po3] {
    display: inline-flex;
    align-items: center;
}

.admin-brand-logo[b-v0gedc8po3] {
    width: 118px;
    max-width: 100%;
    height: auto;
}

.admin-topbar-meta[b-v0gedc8po3] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-left: auto;
}

.admin-environment-switch[b-v0gedc8po3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px;
    border: 1px solid rgba(223, 215, 218, 0.95);
    border-radius: 999px;
    background: #fff;
}

.admin-date-pill[b-v0gedc8po3],
.admin-user-pill[b-v0gedc8po3] {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(223, 215, 218, 0.95);
    box-shadow: none;
}
.admin-user-pill[b-v0gedc8po3] {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    justify-content: center;
    font-weight: 700;
}

.admin-date-pill[b-v0gedc8po3] {
    gap: 10px;
    padding: 0 16px;
    min-height: 40px;
    border-radius: 999px;
    background: #fff;
    color: #242424;
    font-weight: 600;
}

.admin-date-pill .mud-icon-root[b-v0gedc8po3] {
    color: #c04a6e;
}

.admin-workspace-environment-option[b-v0gedc8po3] {
    border: 1px solid transparent;
    background: transparent;
    color: #3b3135;
    cursor: pointer;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    font-weight: 700;
}

.admin-workspace-environment-option-selected[b-v0gedc8po3] {
    border-color: rgba(192, 74, 110, 0.32);
    background: #f8eef2;
    color: #a13f60;
}

.admin-user-menu[b-v0gedc8po3] {
    position: relative;
    display: inline-flex;
}

.admin-user-menu summary[b-v0gedc8po3] {
    list-style: none;
}

.admin-user-menu summary[b-v0gedc8po3]::-webkit-details-marker {
    display: none;
}

.admin-user-trigger[b-v0gedc8po3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.admin-user-trigger:focus-visible[b-v0gedc8po3] {
    outline: 2px solid rgba(192, 74, 110, 0.35);
    outline-offset: 4px;
}

.admin-user-pill[b-v0gedc8po3] {
    color: #fff;
    background: #242424;
    border-color: transparent;
    box-shadow: none;
}

.admin-user-dropdown[b-v0gedc8po3] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 220px;
    padding: 10px;
    border: 1px solid rgba(223, 215, 218, 0.98);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 38px rgba(36, 36, 36, 0.12);
    z-index: 20;
}

.admin-user-dropdown-name[b-v0gedc8po3] {
    padding: 6px 8px 2px;
    color: #242424;
    font-size: 0.92rem;
    font-weight: 700;
}

.admin-user-dropdown-role[b-v0gedc8po3] {
    padding: 2px 8px 10px;
    color: #a13f60;
    font-size: 0.78rem;
    font-weight: 700;
    border-bottom: 1px solid rgba(232, 225, 228, 0.95);
}

.admin-user-dropdown-action[b-v0gedc8po3] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding: 10px 8px;
    border-radius: 10px;
    color: #3b3135;
    text-decoration: none;
    font-weight: 600;
}

.admin-user-dropdown-action:hover[b-v0gedc8po3] {
    background: #f8f3f5;
}

.admin-user-dropdown-action .mud-icon-root[b-v0gedc8po3] {
    color: #c04a6e;
}

.admin-hotel-register-shell[b-v0gedc8po3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.admin-hotel-register-trigger[b-v0gedc8po3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    gap: 8px;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid rgba(192, 74, 110, 0.18);
    border-radius: 10px;
    background: #fff3f6;
    color: #a13f60;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
}

.admin-hotel-register-trigger:hover[b-v0gedc8po3] {
    background: #fdebf1;
    border-color: rgba(192, 74, 110, 0.3);
}

.admin-hotel-register-trigger:focus-visible[b-v0gedc8po3] {
    outline: 2px solid rgba(192, 74, 110, 0.35);
    outline-offset: 3px;
}

.admin-hotel-register-trigger .mud-icon-root[b-v0gedc8po3] {
    color: inherit;
}

.admin-hotel-register-panel[b-v0gedc8po3] {
    display: grid;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(223, 215, 218, 0.95);
    border-radius: 10px;
    background: #fffafc;
}

.admin-hotel-register-title-row[b-v0gedc8po3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    color: #3b3135;
    font-size: 0.86rem;
}

.admin-hotel-register-environment[b-v0gedc8po3] {
    color: #6a5a60;
    font-weight: 600;
}

.admin-hotel-register-field[b-v0gedc8po3] {
    display: grid;
    gap: 6px;
    color: #3b3135;
    font-size: 0.82rem;
    font-weight: 700;
}

.admin-hotel-register-input[b-v0gedc8po3] {
    width: 100%;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(223, 215, 218, 0.95);
    border-radius: 10px;
    background: #fff;
    color: #242424;
    font: inherit;
    outline: none;
}

.admin-hotel-register-input:focus[b-v0gedc8po3] {
    border-color: rgba(192, 74, 110, 0.45);
    box-shadow: 0 0 0 3px rgba(192, 74, 110, 0.12);
}

.admin-hotel-register-error[b-v0gedc8po3] {
    color: #b42318;
    font-size: 0.8rem;
    font-weight: 600;
}

.admin-hotel-register-actions[b-v0gedc8po3] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.admin-hotel-register-action[b-v0gedc8po3] {
    min-height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}

.admin-hotel-register-action:disabled[b-v0gedc8po3] {
    opacity: 0.65;
    cursor: default;
}

.admin-hotel-register-action-secondary[b-v0gedc8po3] {
    border: 1px solid rgba(223, 215, 218, 0.95);
    background: #fff;
    color: #3b3135;
}

.admin-hotel-register-action-primary[b-v0gedc8po3] {
    border: 1px solid transparent;
    background: #c04a6e;
    color: #fff;
}

.admin-content[b-v0gedc8po3] {
    min-width: 0;
    padding: 20px 20px 28px;
}

.admin-setup-notification[b-v0gedc8po3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    margin: 14px 20px 0;
    padding: 14px 16px;
    border: 1px solid rgba(237, 165, 45, 0.4);
    border-radius: 10px;
    background: #fff8e8;
    box-shadow: 0 10px 24px rgba(96, 66, 14, 0.08);
}

.admin-setup-notification-icon[b-v0gedc8po3] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: #ffe5ad;
    color: #8a5600;
}

.admin-setup-notification-copy[b-v0gedc8po3] {
    display: grid;
    gap: 2px;
    min-width: 0;
    color: #4a3512;
}

.admin-setup-notification-copy span[b-v0gedc8po3] {
    color: #735824;
    font-size: 0.88rem;
}

@media (max-width: 760px) {
    .admin-topbar[b-v0gedc8po3] {
        flex-direction: column;
        align-items: stretch;
        min-height: 0;
        margin: 14px 14px 0;
        padding: 16px 14px;
    }

    .admin-topbar-brand[b-v0gedc8po3] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .admin-topbar-meta[b-v0gedc8po3] {
        flex-wrap: wrap;
        margin-left: 0;
    }

    .admin-environment-switch[b-v0gedc8po3] {
        order: -1;
        justify-content: flex-start;
        width: fit-content;
        max-width: 100%;
        overflow-x: auto;
    }

    .admin-content[b-v0gedc8po3] {
        padding: 14px 14px 24px;
    }

    .admin-setup-notification[b-v0gedc8po3] {
        grid-template-columns: auto minmax(0, 1fr);
        margin: 12px 14px 0;
    }

    .admin-setup-notification[b-v0gedc8po3]  .mud-button-root {
        grid-column: 1 / -1;
        width: 100%;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.main-shell[b-emu4dsdslf] {
    min-height: 100vh;
}

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

#blazor-error-ui .dismiss[b-emu4dsdslf] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/MerchantLayout.razor.rz.scp.css */
.merchant-main[b-us3bhuls8d] {
    min-height: 100vh;
    margin-top: 0;
    padding-top: 0;
    background: linear-gradient(180deg, #fbf8f9 0%, #f4eff1 100%);
}

.merchant-app-shell[b-us3bhuls8d] {
    min-height: 100vh;
}

.merchant-brand-link[b-us3bhuls8d] {
    display: inline-flex;
    align-items: center;
}

.merchant-topbar-brand[b-us3bhuls8d] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.merchant-back-button[b-us3bhuls8d] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(223, 215, 218, 0.95);
    border-radius: 999px;
    background: #fff;
    color: #3b3135;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.merchant-back-button:hover[b-us3bhuls8d] {
    background: #f8f3f5;
    border-color: rgba(192, 74, 110, 0.32);
    color: #a13f60;
}

.merchant-back-button:focus-visible[b-us3bhuls8d] {
    outline: 2px solid rgba(192, 74, 110, 0.35);
    outline-offset: 3px;
}

.merchant-back-button .mud-icon-root[b-us3bhuls8d] {
    color: #c04a6e;
}

.merchant-brand-logo[b-us3bhuls8d] {
    width: 118px;
    max-width: 100%;
    height: auto;
}

.merchant-workspace[b-us3bhuls8d] {
    min-width: 0;
    padding: 0;
}

.merchant-topbar[b-us3bhuls8d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 78px;
    margin: 20px 20px 0;
    padding: 0 26px 0 24px;
    border: 1px solid rgba(223, 215, 218, 0.95);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 14px 30px rgba(36, 36, 36, 0.08);
}

.merchant-date-pill[b-us3bhuls8d],
.merchant-user-pill[b-us3bhuls8d] {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(223, 215, 218, 0.95);
    box-shadow: none;
}
.merchant-user-pill[b-us3bhuls8d] {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    justify-content: center;
    font-weight: 700;
}

.merchant-topbar-meta[b-us3bhuls8d] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-left: auto;
}

.merchant-language-switch[b-us3bhuls8d] {
    display: flex;
    align-items: center;
}

.merchant-user-menu[b-us3bhuls8d] {
    position: relative;
    display: inline-flex;
}

.merchant-user-menu summary[b-us3bhuls8d] {
    list-style: none;
}

.merchant-user-menu summary[b-us3bhuls8d]::-webkit-details-marker {
    display: none;
}

.merchant-user-trigger[b-us3bhuls8d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.merchant-user-trigger:focus-visible[b-us3bhuls8d] {
    outline: 2px solid rgba(192, 74, 110, 0.35);
    outline-offset: 4px;
}

.merchant-user-dropdown[b-us3bhuls8d] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 220px;
    padding: 10px;
    border: 1px solid rgba(223, 215, 218, 0.98);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 38px rgba(36, 36, 36, 0.12);
    z-index: 20;
}

.merchant-user-dropdown-name[b-us3bhuls8d] {
    padding: 6px 8px 10px;
    color: #242424;
    font-size: 0.92rem;
    font-weight: 700;
    border-bottom: 1px solid rgba(232, 225, 228, 0.95);
}

.merchant-user-dropdown-role[b-us3bhuls8d] {
    margin-top: 4px;
    color: #7b6b71;
    font-size: 0.82rem;
    font-weight: 600;
}

.merchant-user-dropdown-action[b-us3bhuls8d] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding: 10px 8px;
    border-radius: 10px;
    color: #3b3135;
    text-decoration: none;
    font-weight: 600;
}

.merchant-user-dropdown-action:hover[b-us3bhuls8d] {
    background: #f8f3f5;
}

.merchant-user-dropdown-action .mud-icon-root[b-us3bhuls8d] {
    color: #c04a6e;
}

.merchant-date-pill[b-us3bhuls8d] {
    gap: 10px;
    padding: 0 16px;
    min-height: 40px;
    border-radius: 999px;
    background: #fff;
    color: #242424;
    font-weight: 600;
}

.merchant-status-pill[b-us3bhuls8d] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(223, 215, 218, 0.95);
    border-radius: 999px;
    background: #fff;
    color: #6a5a60;
    font-weight: 600;
}

.merchant-date-pill .mud-icon-root[b-us3bhuls8d],
.merchant-status-pill .mud-icon-root[b-us3bhuls8d] {
    color: #c04a6e;
}

.merchant-date-pill .mud-icon-root[b-us3bhuls8d],
.merchant-status-pill .mud-icon-root[b-us3bhuls8d] {
    color: #c04a6e;
}

.merchant-user-pill[b-us3bhuls8d] {
    color: #fff;
    background: #242424;
    border-color: transparent;
    box-shadow: none;
}

.merchant-content[b-us3bhuls8d] {
    min-width: 0;
    padding: 20px 20px 28px;
}

.merchant-empty-state[b-us3bhuls8d] {
    display: grid;
    place-items: center;
    min-height: calc(100vh - 170px);
}

.merchant-empty-state-card[b-us3bhuls8d] {
    width: min(100%, 720px);
    padding: 36px 38px;
    border: 1px solid rgba(223, 215, 218, 0.95);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(31, 41, 55, 0.06);
}

.merchant-empty-state-card-loading[b-us3bhuls8d] {
    opacity: 0.92;
}

.merchant-empty-state-kicker[b-us3bhuls8d] {
    display: inline-flex;
    margin-bottom: 14px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f4e7ec;
    color: #c04a6e;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.merchant-empty-state-card h1[b-us3bhuls8d] {
    margin: 0 0 14px;
    color: #242424;
    font-size: clamp(1.8rem, 3vw, 2.35rem);
    line-height: 1.1;
}

.merchant-empty-state-card p[b-us3bhuls8d] {
    margin: 0;
    color: #56484d;
    font-size: 1rem;
    line-height: 1.7;
}

.merchant-empty-state-support[b-us3bhuls8d] {
    margin-top: 18px !important;
    padding-top: 18px;
    border-top: 1px solid rgba(232, 225, 228, 0.95);
    color: #3b3135 !important;
    font-weight: 600;
}

@media (max-width: 1100px) {
    .merchant-topbar-meta[b-us3bhuls8d] {
        gap: 12px;
    }
}

@media (max-width: 760px) {
    .merchant-workspace[b-us3bhuls8d] {
        padding: 0;
    }

    .merchant-topbar[b-us3bhuls8d] {
        flex-direction: column;
        align-items: stretch;
        min-height: 0;
        margin: 14px 14px 0;
        padding: 16px 14px;
    }

    .merchant-topbar-meta[b-us3bhuls8d] {
        justify-content: space-between;
        margin-left: 0;
        flex-wrap: wrap;
    }

    .merchant-language-switch[b-us3bhuls8d] {
        width: 100%;
        justify-content: flex-start;
    }

    .merchant-content[b-us3bhuls8d] {
        padding: 14px 14px 24px;
    }

    .merchant-empty-state[b-us3bhuls8d] {
        min-height: calc(100vh - 220px);
    }

    .merchant-empty-state-card[b-us3bhuls8d] {
        padding: 28px 22px;
        border-radius: 10px;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-2qwarbwn7g],
.components-reconnect-repeated-attempt-visible[b-2qwarbwn7g],
.components-reconnect-failed-visible[b-2qwarbwn7g],
.components-pause-visible[b-2qwarbwn7g],
.components-resume-failed-visible[b-2qwarbwn7g],
.components-rejoining-animation[b-2qwarbwn7g] {
    display: none;
}

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


#components-reconnect-modal[b-2qwarbwn7g] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 10px;
    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-2qwarbwn7g 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-2qwarbwn7g {
    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/WorkspaceHeader.razor.rz.scp.css */
.workspace-topbar[b-aof0wm2idw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 78px;
    margin: 20px 20px 0;
    padding: 0 24px;
    border: 1px solid rgba(223, 215, 218, 0.95);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 14px 30px rgba(36, 36, 36, 0.08);
}

.workspace-topbar-brand[b-aof0wm2idw] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.workspace-home-button[b-aof0wm2idw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #000;
    cursor: pointer;
    transition: color 0.18s ease;
}

.workspace-home-button:hover[b-aof0wm2idw] {
    color: #000;
}

.workspace-home-button:focus-visible[b-aof0wm2idw] {
    outline: 2px solid rgba(36, 36, 36, 0.18);
    outline-offset: 3px;
}

.workspace-home-button[b-aof0wm2idw]  .mud-icon-root {
    color: currentColor;
    font-size: 1.5rem;
}

.workspace-brand-link[b-aof0wm2idw] {
    display: inline-flex;
    align-items: center;
}

.workspace-brand-logo[b-aof0wm2idw] {
    width: 118px;
    max-width: 100%;
    height: auto;
}

.workspace-topbar-meta[b-aof0wm2idw] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-left: auto;
}

.workspace-meta-slot[b-aof0wm2idw] {
    display: inline-flex;
    align-items: center;
}

.workspace-date-pill[b-aof0wm2idw],
.workspace-user-pill[b-aof0wm2idw] {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(223, 215, 218, 0.95);
    box-shadow: none;
}

.workspace-user-pill[b-aof0wm2idw] {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    background: #242424;
    border-color: transparent;
}

.workspace-date-pill[b-aof0wm2idw] {
    gap: 10px;
    padding: 0 16px;
    min-height: 40px;
    border-radius: 999px;
    background: #fff;
    color: #242424;
    font-weight: 600;
}

.workspace-date-pill[b-aof0wm2idw]  .mud-icon-root {
    color: #c04a6e;
}

.workspace-user-menu[b-aof0wm2idw] {
    position: relative;
    display: inline-flex;
}

.workspace-user-menu summary[b-aof0wm2idw] {
    list-style: none;
}

.workspace-user-menu summary[b-aof0wm2idw]::-webkit-details-marker {
    display: none;
}

.workspace-user-trigger[b-aof0wm2idw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.workspace-user-trigger:focus-visible[b-aof0wm2idw] {
    outline: 2px solid rgba(192, 74, 110, 0.35);
    outline-offset: 4px;
}

.workspace-user-dropdown[b-aof0wm2idw] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 220px;
    padding: 10px;
    border: 1px solid rgba(223, 215, 218, 0.98);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 38px rgba(36, 36, 36, 0.12);
    z-index: 20;
}

.workspace-user-dropdown-name[b-aof0wm2idw] {
    padding: 6px 8px 2px;
    color: #242424;
    font-size: 0.92rem;
    font-weight: 700;
}

.workspace-user-dropdown-role[b-aof0wm2idw] {
    padding: 2px 8px 10px;
    color: #a13f60;
    font-size: 0.78rem;
    font-weight: 700;
    border-bottom: 1px solid rgba(232, 225, 228, 0.95);
}

.workspace-user-dropdown-action[b-aof0wm2idw] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding: 10px 8px;
    border-radius: 10px;
    color: #3b3135;
    text-decoration: none;
    font-weight: 600;
}

.workspace-user-dropdown-action:hover[b-aof0wm2idw] {
    background: #f8f3f5;
}

.workspace-user-dropdown-action[b-aof0wm2idw]  .mud-icon-root {
    color: #c04a6e;
}

.workspace-meta-slot[b-aof0wm2idw]  .workspace-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(223, 215, 218, 0.95);
    border-radius: 999px;
    background: #fff;
    color: #6a5a60;
    font-weight: 600;
}

.workspace-meta-slot[b-aof0wm2idw]  .workspace-status-pill .mud-icon-root {
    color: #c04a6e;
}

.workspace-meta-slot[b-aof0wm2idw]  .workspace-language-switch {
    display: flex;
    align-items: center;
}

@media (max-width: 1100px) {
    .workspace-topbar-meta[b-aof0wm2idw] {
        gap: 12px;
    }
}

@media (max-width: 760px) {
    .workspace-topbar[b-aof0wm2idw] {
        flex-direction: column;
        align-items: stretch;
        min-height: 0;
        margin: 14px 14px 0;
        padding: 16px 14px;
    }

    .workspace-topbar-meta[b-aof0wm2idw] {
        justify-content: space-between;
        margin-left: 0;
        flex-wrap: wrap;
    }

    .workspace-meta-slot-leading[b-aof0wm2idw] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Components/Pages/Admin/ConfigurationSelectionPanel.razor.rz.scp.css */
.configuration-selection-panel[b-mgyb0djzba] {
    position: sticky;
    top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: clamp(420px, calc(100vh - 160px), 840px);
    min-height: 0;
}

.configuration-selection-header-card[b-mgyb0djzba],
.configuration-selection-list-card[b-mgyb0djzba] {
    overflow: hidden;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.configuration-selection-header-card[b-mgyb0djzba] {
    flex: 0 0 82px;
}

.configuration-selection-list-card[b-mgyb0djzba] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.configuration-selection-top-content[b-mgyb0djzba] {
    padding: 22px 18px 18px;
    border-bottom: 1px solid rgba(234, 223, 227, 0.9);
}

.configuration-selection-heading[b-mgyb0djzba] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    height: 100%;
    padding: 16px;
    box-sizing: border-box;
}

.configuration-selection-heading[b-mgyb0djzba]  .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

.configuration-selection-heading[b-mgyb0djzba]  .mud-typography-caption {
    display: block;
    margin-top: 2px;
    color: #6a5a60;
}

.configuration-selection-list[b-mgyb0djzba] {
    display: grid;
    align-content: start;
    flex: 1 1 auto;
    gap: 0.8rem;
    padding: 12px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.configuration-selection-button[b-mgyb0djzba],
.configuration-selection-empty[b-mgyb0djzba] {
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.configuration-selection-button[b-mgyb0djzba] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    min-height: 86px;
    padding: 0.9rem 0.95rem;
    border: 1px solid rgba(220, 227, 236, 0.95);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    cursor: pointer;
}

.configuration-selection-button.is-selected[b-mgyb0djzba] {
    border-color: rgba(201, 79, 124, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.98));
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09);
}

.configuration-selection-icon-shell[b-mgyb0djzba] {
    position: relative;
    flex: 0 0 auto;
}

.configuration-selection-icon[b-mgyb0djzba] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 16px rgba(31, 41, 55, 0.22);
}

.configuration-selection-copy[b-mgyb0djzba] {
    display: grid;
    align-content: center;
    gap: 0.2rem;
    flex: 1 1 auto;
    min-width: 0;
}

.configuration-selection-copy strong[b-mgyb0djzba],
.configuration-selection-copy small[b-mgyb0djzba] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.configuration-selection-copy strong[b-mgyb0djzba] {
    color: #233042;
    font-size: 0.95rem;
    line-height: 1.2;
}

.configuration-selection-copy small[b-mgyb0djzba] {
    color: #c94f7c;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.configuration-selection-trailing[b-mgyb0djzba] {
    position: absolute;
    right: 12px;
    bottom: 5px;
}

.configuration-selection-empty[b-mgyb0djzba] {
    display: grid;
    place-items: center;
    gap: 14px;
    min-height: 240px;
    padding: 40px 30px;
    color: #6a5a60;
    text-align: center;
    cursor: pointer;
}

.configuration-selection-empty[b-mgyb0djzba]  .mud-icon-root {
    color: #c04a6e;
    font-size: 2rem;
}

.configuration-selection-empty strong[b-mgyb0djzba] {
    color: #242424;
}

.configuration-selection-empty span[b-mgyb0djzba] {
    max-width: 18rem;
    font-size: 0.82rem;
    line-height: 1.8;
}

@media (max-width: 980px) {
    .configuration-selection-panel[b-mgyb0djzba] {
        position: static;
        height: auto;
    }
}
/* /Components/Pages/Admin/Dashboard.razor.rz.scp.css */
.admin-dashboard-shell[b-e7xkjw8f4g] {
    display: grid;
    gap: 1.5rem;
}

.admin-dashboard-hero[b-e7xkjw8f4g] {
    display: grid;
    gap: 0.65rem;
    padding: 1.25rem 0.15rem 0.35rem;
}

.admin-dashboard-kicker[b-e7xkjw8f4g] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: rgba(192, 74, 110, 0.11);
    color: #8d3350;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.admin-dashboard-title[b-e7xkjw8f4g] {
    margin: 0;
    color: #242424;
    font-size: clamp(2rem, 3vw, 2.7rem);
    line-height: 1.05;
}

.admin-dashboard-copy[b-e7xkjw8f4g] {
    max-width: 56rem;
    margin: 0;
    color: #5b4a50;
    font-size: 1rem;
    line-height: 1.8;
}

.admin-dashboard-group[b-e7xkjw8f4g] {
    display: grid;
    gap: 0.9rem;
}

.admin-dashboard-overview[b-e7xkjw8f4g] {
    display: grid;
    gap: 0;
    padding: 1.5rem 1.4rem 1rem;
    border: 1px solid rgba(208, 220, 238, 0.95);
    border-radius: 16px;
    background:
        radial-gradient(circle at top right, rgba(244, 228, 233, 0.55), transparent 22rem),
        rgba(255, 255, 255, 0.9);
    box-shadow: 0 18px 44px rgba(26, 37, 54, 0.06);
}

.admin-dashboard-overview-header[b-e7xkjw8f4g] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
    padding: 0 0.2rem 1.1rem;
}

.admin-dashboard-overview-context[b-e7xkjw8f4g] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    color: #6d5c62;
    font-size: 0.83rem;
    white-space: nowrap;
}

.admin-dashboard-overview-context strong[b-e7xkjw8f4g] {
    color: #7c4861;
    font-weight: 800;
}

.admin-dashboard-overview-group[b-e7xkjw8f4g] {
    gap: 0.95rem;
    padding: 1rem 0.2rem;
    border-top: 1px solid rgba(208, 220, 238, 0.95);
}

.admin-dashboard-group-toggle[b-e7xkjw8f4g] {
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.admin-dashboard-group-heading[b-e7xkjw8f4g] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
    justify-items: start;
    width: 100%;
}

.admin-dashboard-group-header[b-e7xkjw8f4g] {
    display: grid;
    gap: 0.35rem;
    padding: 0 0.15rem;
    justify-items: start;
    text-align: left;
    width: 100%;
}

.admin-dashboard-group-toggle .mud-icon-root[b-e7xkjw8f4g] {
    margin-top: 0.25rem;
    color: #d34b73 !important;
    transition: transform 0.18s ease;
}

.admin-dashboard-group-toggle .mud-icon-root svg[b-e7xkjw8f4g] {
    fill: #d34b73;
}

.admin-dashboard-group-toggle:hover .mud-icon-root[b-e7xkjw8f4g],
.admin-dashboard-group-toggle:focus-visible .mud-icon-root[b-e7xkjw8f4g] {
    transform: scale(1.05);
}

.admin-dashboard-group-toggle:focus-visible[b-e7xkjw8f4g] {
    outline: 2px solid rgba(192, 74, 110, 0.24);
    outline-offset: 6px;
    border-radius: 18px;
}

.admin-dashboard-group-kicker[b-e7xkjw8f4g] {
    color: #d34b73;
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.admin-dashboard-group-title[b-e7xkjw8f4g] {
    margin: 0;
    color: #16233b;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.2;
}

.admin-dashboard-group-copy[b-e7xkjw8f4g] {
    max-width: 64rem;
    margin: 0;
    color: #5a6174;
    font-size: 0.92rem;
    line-height: 1.55;
}

.admin-dashboard-grid[b-e7xkjw8f4g] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.admin-dashboard-grid-three[b-e7xkjw8f4g] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-dashboard-panel[b-e7xkjw8f4g] {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    align-items: center;
    column-gap: 1rem;
    min-height: 100%;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(210, 220, 236, 0.95);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 8px 18px rgba(26, 37, 54, 0.05);
}

.admin-dashboard-panel-link[b-e7xkjw8f4g] {
    color: inherit;
    text-decoration: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.admin-dashboard-panel-link:hover[b-e7xkjw8f4g],
.admin-dashboard-panel-link:focus-visible[b-e7xkjw8f4g] {
    border-color: rgba(211, 75, 115, 0.35);
    box-shadow: 0 12px 24px rgba(26, 37, 54, 0.08);
    transform: translateY(-1px);
}

.admin-dashboard-panel-disabled[b-e7xkjw8f4g] {
    opacity: 0.68;
    background: rgba(250, 251, 253, 0.96);
    border-color: rgba(210, 220, 236, 0.75);
    box-shadow: none;
}

.admin-dashboard-panel-disabled .admin-dashboard-panel-image[b-e7xkjw8f4g] {
    filter: grayscale(0.25) saturate(0.8);
}

.admin-dashboard-panel-disabled .admin-dashboard-panel-title[b-e7xkjw8f4g],
.admin-dashboard-panel-disabled .admin-dashboard-panel-meta dd[b-e7xkjw8f4g] {
    color: #5f5458;
}

.admin-dashboard-panel-visual[b-e7xkjw8f4g] {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    border-radius: 14px;
    overflow: hidden;
}

.admin-dashboard-panel-image[b-e7xkjw8f4g] {
    display: block;
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 10px 18px rgba(26, 37, 54, 0.14);
}

.admin-dashboard-panel-content[b-e7xkjw8f4g] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    align-content: center;
    padding-top: 0.1rem;
}

.admin-dashboard-panel-title[b-e7xkjw8f4g] {
    color: #16233b;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.2;
}

.admin-dashboard-panel-body[b-e7xkjw8f4g] {
    color: #55617a;
    font-size: 0.8rem;
    line-height: 1.4;
}

@media (max-width: 1200px) {
    .admin-dashboard-grid-three[b-e7xkjw8f4g] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .admin-dashboard-panel[b-e7xkjw8f4g] {
        min-height: 0;
    }
}

@media (max-width: 760px) {
    .admin-dashboard-hero[b-e7xkjw8f4g] {
        padding: 0.5rem 0 0;
    }

    .admin-dashboard-overview[b-e7xkjw8f4g] {
        padding: 1rem;
    }

    .admin-dashboard-overview-header[b-e7xkjw8f4g] {
        justify-content: flex-end;
    }

    .admin-dashboard-group-heading[b-e7xkjw8f4g] {
        grid-template-columns: 1fr;
        gap: 0.4rem;
    }

    .admin-dashboard-grid[b-e7xkjw8f4g],
    .admin-dashboard-grid-three[b-e7xkjw8f4g] {
        grid-template-columns: 1fr;
    }

    .admin-dashboard-panel[b-e7xkjw8f4g] {
        grid-template-columns: 72px minmax(0, 1fr);
        align-items: center;
        column-gap: 0.9rem;
        padding: 1rem 1.1rem;
    }

    .admin-dashboard-panel-visual[b-e7xkjw8f4g] {
        width: 64px;
        height: 64px;
    }

    .admin-dashboard-panel-image[b-e7xkjw8f4g] {
        width: 64px;
        height: 64px;
    }
}
/* /Components/Pages/Admin/HotelConfiguration.razor.rz.scp.css */
.editor-shell[b-wrivbppcol] {
    --configuration-rose: #c94f7c;
    --configuration-rose-soft: rgba(201, 79, 124, 0.12);
    --configuration-charcoal: #233042;
    display: grid;
    gap: 20px;
    max-width: 1760px;
    margin: 0 auto;
}

.editor-heading[b-wrivbppcol] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 8px 4px;
}

.editor-heading-side[b-wrivbppcol] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.editor-heading[b-wrivbppcol]  .editor-eyebrow {
    color: #c04a6e;
    font-weight: 850;
    letter-spacing: 0.16em;
}

.editor-heading[b-wrivbppcol]  .editor-title {
    color: #242424;
    font-weight: 850;
    letter-spacing: -0.025em;
}

.editor-heading[b-wrivbppcol]  .editor-subtitle {
    max-width: 760px;
    margin-top: 6px;
    color: #6a5a60;
}

.editor-actions[b-wrivbppcol] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.editor-shell[b-wrivbppcol]  .editor-empty,
.editor-shell[b-wrivbppcol]  .editor-loading {
    display: grid;
    place-items: center;
    gap: 12px;
    min-height: 430px;
    padding: 40px;
    border: 1px dashed #d9cdd1;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.76);
    color: #6a5a60;
    text-align: center;
}

.editor-empty-icon[b-wrivbppcol] {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.editor-empty-icon[b-wrivbppcol]  .mud-icon-root {
    font-size: 2rem;
}

.editor-shell[b-wrivbppcol]  .editor-alert {
    border-radius: 10px;
}

.configuration-overview[b-wrivbppcol] {
    display: grid;
    gap: 1.25rem;
    padding: 1.4rem;
    border: 1px solid rgba(219, 226, 235, 0.92);
    border-radius: 10px;
    background:
        radial-gradient(circle at top right, rgba(201, 79, 124, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.98));
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
}

.configuration-overview-header[b-wrivbppcol] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.configuration-overview-header[b-wrivbppcol]  .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

.configuration-overview-header[b-wrivbppcol]  .mud-typography-body2 {
    margin-top: 4px;
    color: #6a5a60;
}

.configuration-context[b-wrivbppcol] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    color: #6a5a60;
    font-size: 0.83rem;
    white-space: nowrap;
}

.configuration-context-header[b-wrivbppcol] {
    flex: 0 0 auto;
}

.configuration-context span + strong[b-wrivbppcol]::before,
.configuration-context strong + span[b-wrivbppcol]::before,
.configuration-context span + span[b-wrivbppcol]::before {
    content: "•";
    margin-right: 9px;
    color: #baaeb2;
}

.configuration-groups[b-wrivbppcol] {
    display: grid;
    gap: 1.5rem;
}

.configuration-group[b-wrivbppcol] {
    display: grid;
    gap: 0.8rem;
    min-width: 0;
}

.configuration-group + .configuration-group[b-wrivbppcol] {
    padding-top: 1.35rem;
    border-top: 1px solid rgba(220, 227, 236, 0.9);
}

.configuration-group-toggle[b-wrivbppcol] {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.configuration-group-heading[b-wrivbppcol] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 0 0.15rem;
}

.configuration-group-heading-copy[b-wrivbppcol] {
    display: grid;
    align-content: start;
    justify-items: start;
    gap: 0.2rem;
    text-align: left;
    min-width: 0;
    flex: 1 1 auto;
}

.configuration-group-heading[b-wrivbppcol]  .mud-typography-h6 {
    color: var(--configuration-charcoal);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.25;
}

.configuration-group-heading[b-wrivbppcol]  .mud-typography-body2 {
    color: #6a5a60;
    font-size: 0.82rem;
}

.configuration-group-heading[b-wrivbppcol]  .mud-icon-root {
    flex: 0 0 auto;
    margin-top: 2px;
    color: #c04a6e;
}

.configuration-group-toggle:focus-visible[b-wrivbppcol] {
    outline: none;
}

.configuration-group-toggle:focus-visible .configuration-group-heading[b-wrivbppcol] {
    border-radius: 10px;
    box-shadow: 0 0 0 3px rgba(201, 79, 124, 0.16);
}

.configuration-card-grid[b-wrivbppcol] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    align-items: stretch;
    gap: 0.8rem;
}

.configuration-card[b-wrivbppcol] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    min-width: 0;
    width: 100%;
    min-height: 112px;
    height: 100%;
    padding: 0.9rem 0.95rem;
    border: 1px solid rgba(220, 227, 236, 0.95);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition:
        box-shadow 120ms ease,
        border-color 120ms ease,
        background 120ms ease;
}

.configuration-card:hover[b-wrivbppcol],
.configuration-card:focus-visible[b-wrivbppcol] {
    border-color: rgba(201, 79, 124, 0.28);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    outline: none;
}

.configuration-card-icon-shell[b-wrivbppcol] {
    position: relative;
    flex: 0 0 auto;
}

.configuration-card-icon[b-wrivbppcol] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 8px 16px rgba(31, 41, 55, 0.22);
}

.configuration-card-icon[b-wrivbppcol]  .mud-icon-root {
    font-size: 1.15rem;
}

.configuration-form-icon[b-wrivbppcol] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.configuration-card-status[b-wrivbppcol] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 999px;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}

.configuration-card-status.is-complete[b-wrivbppcol] {
    background: #3aa675;
}

.configuration-card-status.needs-setup[b-wrivbppcol] {
    background: #d68a2f;
}

.configuration-card-copy[b-wrivbppcol] {
    display: grid;
    align-content: center;
    gap: 0.2rem;
    flex: 1 1 auto;
    min-width: 0;
}

.configuration-card-title[b-wrivbppcol] {
    color: var(--configuration-charcoal);
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.2;
}

.configuration-card-description[b-wrivbppcol] {
    display: -webkit-box;
    overflow: hidden;
    min-height: 2.8em;
    color: #5a6b7f;
    font-size: 0.8rem;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.configuration-card-meta[b-wrivbppcol] {
    margin-top: 0.15rem;
    color: var(--configuration-rose);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.configuration-detail[b-wrivbppcol] {
    display: grid;
}

.configuration-detail-navigation[b-wrivbppcol] {
    display: flex;
    align-items: center;
    margin: -4px 0 8px;
}

.configuration-detail-navigation[b-wrivbppcol]  .mud-icon-button {
    border: 1px solid rgba(223, 215, 218, 0.95);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    color: #c04a6e;
}

.configuration-detail-navigation[b-wrivbppcol]  .mud-icon-button:hover,
.configuration-detail-navigation[b-wrivbppcol]  .mud-icon-button:focus-visible {
    background: #f8f3f5;
}

.configuration-detail-grid[b-wrivbppcol] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 18px;
}

.configuration-detail-column[b-wrivbppcol] {
    display: grid;
    align-content: start;
    gap: 18px;
    min-width: 0;
}

.editor-shell[b-wrivbppcol]  .configuration-form-card {
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 16px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.configuration-form-heading[b-wrivbppcol],
.configuration-form-heading-copy[b-wrivbppcol] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.configuration-form-heading-action[b-wrivbppcol] {
    justify-content: space-between;
}

.configuration-form-heading[b-wrivbppcol]  .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

.configuration-form-heading[b-wrivbppcol]  .mud-typography-caption {
    display: block;
    margin-top: 2px;
    color: #6a5a60;
}

.configuration-field-grid[b-wrivbppcol] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 12px;
}

.geometry-form-card[b-wrivbppcol] {
    background: #fbf8f2 !important;
    border-color: #ded7cb !important;
}

.geometry-field-grid[b-wrivbppcol] {
    gap: 8px 12px;
}

.editor-shell[b-wrivbppcol]  .configuration-form-card .mud-input-label,
.editor-shell[b-wrivbppcol]  .configuration-form-card .mud-input-label-text,
.editor-shell[b-wrivbppcol]  .configuration-form-card label {
    color: #c04a6e !important;
    font-size: 0.9rem;
    font-weight: 650;
}

.editor-shell[b-wrivbppcol]  .geometry-field-grid .mud-input-root {
    font-size: 1rem;
}

.geometry-map-surface[b-wrivbppcol] {
    margin-top: 4px;
    padding: 12px;
    border: 1px solid #171717;
    border-radius: 10px !important;
    background: #050505 !important;
    color: #fff;
}

.geometry-map-header[b-wrivbppcol] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.editor-shell[b-wrivbppcol]  .geometry-map-header .mud-typography-subtitle2 {
    color: #fff;
    font-weight: 750;
}

.editor-shell[b-wrivbppcol]  .geometry-map-header .mud-typography-body2 {
    color: rgba(255, 255, 255, 0.78);
}

.geometry-map-canvas[b-wrivbppcol] {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #050505;
}

.geometry-map-art[b-wrivbppcol],
.geometry-map-overlay[b-wrivbppcol] {
    display: block;
    width: 100%;
}

.editor-shell[b-wrivbppcol]  .geometry-map-art svg {
    display: block;
    width: 100%;
    height: auto;
}

.geometry-map-overlay[b-wrivbppcol] {
    position: absolute;
    inset: 0;
}

.editor-shell[b-wrivbppcol]  .geometry-map-art .st0 {
    fill: rgba(255, 255, 255, 0.76);
}

.editor-shell[b-wrivbppcol]  .geometry-map-art .st1 {
    fill: rgba(255, 255, 255, 0.36);
}

.geometry-map-grid-line[b-wrivbppcol],
.geometry-map-timezone-line[b-wrivbppcol] {
    position: absolute;
}

.geometry-map-grid-line[b-wrivbppcol] {
    top: 6%;
    bottom: 6%;
    width: 1px;
    background: rgba(255, 255, 255, 0.12);
    transform: translateX(-0.5px);
}

.geometry-map-timezone-line[b-wrivbppcol] {
    top: 4%;
    bottom: 4%;
    width: 4px;
    border-radius: 999px;
    background: #c04a6e;
    transform: translateX(-2px);
}

.editor-shell[b-wrivbppcol]  .configuration-form-card .mud-input-control {
    margin: 2px 0;
}

.editor-shell[b-wrivbppcol]  .configuration-form-card .mud-input > input.mud-input-root-outlined,
.editor-shell[b-wrivbppcol]  .configuration-form-card .mud-input > div.mud-input-slot.mud-input-root-outlined {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
}

.editor-shell[b-wrivbppcol]  .configuration-form-card .mud-input-root,
.editor-shell[b-wrivbppcol]  .configuration-form-card .mud-input-outlined,
.editor-shell[b-wrivbppcol]  .configuration-form-card .mud-input-outlined-border,
.editor-shell[b-wrivbppcol]  .configuration-form-card fieldset {
    border-radius: 10px !important;
}

.configuration-editor-list[b-wrivbppcol] {
    display: grid;
    gap: 10px;
}

.language-add-picker[b-wrivbppcol] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: end;
    gap: 8px;
    padding: 8px 9px;
    border: 1px solid #eee4e7;
    border-radius: 10px;
    background: #fcfafb;
}

.configuration-list-row[b-wrivbppcol] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 9px;
}

.configuration-list-row.age-bucket-row[b-wrivbppcol] {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) auto;
}

.configuration-list-flag[b-wrivbppcol] {
    display: grid;
    justify-items: center;
}

.configuration-list-empty[b-wrivbppcol] {
    padding: 18px;
    border: 1px dashed #d9cdd1;
    border-radius: 10px;
    color: #7b6a70;
    text-align: center;
}

@media (max-width: 1320px) {
    .configuration-card-grid[b-wrivbppcol] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1060px) {
    .configuration-card-grid[b-wrivbppcol],
    .configuration-detail-grid[b-wrivbppcol] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .editor-heading[b-wrivbppcol],
    .configuration-overview-header[b-wrivbppcol] {
        align-items: stretch;
        flex-direction: column;
    }

    .editor-heading-side[b-wrivbppcol] {
        justify-content: flex-start;
    }

    .editor-actions[b-wrivbppcol] {
        justify-content: flex-start;
    }

    .configuration-card-grid[b-wrivbppcol],
    .configuration-detail-grid[b-wrivbppcol],
    .configuration-field-grid[b-wrivbppcol] {
        grid-template-columns: 1fr;
    }

    .configuration-form-heading-action[b-wrivbppcol] {
        align-items: flex-start;
        flex-direction: column;
    }

    .configuration-list-row[b-wrivbppcol],
    .configuration-list-row.age-bucket-row[b-wrivbppcol],
    .language-add-picker[b-wrivbppcol] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/HotelConfigurationAppearanceEditor.razor.rz.scp.css */
.appearance-editor[b-allh3ry4pd] {
    --appearance-rose: #c94f7c;
    --appearance-charcoal: #233042;
}

.appearance-grid[b-allh3ry4pd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 18px;
}

.appearance-editor[b-allh3ry4pd]  .appearance-card {
    display: grid;
    align-content: start;
    gap: 16px;
    height: 100%;
    min-width: 0;
    padding: 16px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.appearance-heading[b-allh3ry4pd] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.appearance-icon[b-allh3ry4pd] {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.appearance-heading[b-allh3ry4pd]  .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

.appearance-heading[b-allh3ry4pd]  .mud-typography-caption {
    display: block;
    margin-top: 2px;
    color: #6a5a60;
}

.appearance-colour-grid[b-allh3ry4pd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.appearance-colour-field[b-allh3ry4pd] {
    display: grid;
    gap: 12px;
    min-height: 114px;
    padding: 12px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: linear-gradient(135deg, #fff 0%, #fdf9fa 100%);
    cursor: pointer;
}

.appearance-colour-copy[b-allh3ry4pd] {
    display: grid;
    gap: 3px;
}

.appearance-colour-copy strong[b-allh3ry4pd] {
    color: var(--appearance-charcoal);
    font-size: 0.88rem;
}

.appearance-colour-copy small[b-allh3ry4pd] {
    color: #74656a;
    font-size: 0.72rem;
}

.appearance-colour-control[b-allh3ry4pd] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.appearance-colour-control input[b-allh3ry4pd] {
    width: 44px;
    height: 34px;
    padding: 2px;
    border: 1px solid #dccdd2;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}

.appearance-colour-control code[b-allh3ry4pd] {
    color: var(--appearance-rose);
    font-size: 0.76rem;
    font-weight: 800;
}

.appearance-editor[b-allh3ry4pd]  .appearance-card .mud-input-label,
.appearance-editor[b-allh3ry4pd]  .appearance-card .mud-input-label-text,
.appearance-editor[b-allh3ry4pd]  .appearance-card label {
    color: #c04a6e !important;
    font-size: 0.9rem;
    font-weight: 650;
}

.appearance-font-preview[b-allh3ry4pd] {
    display: grid;
    align-content: center;
    gap: 5px;
    min-height: 170px;
    padding: 22px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: linear-gradient(135deg, #f8edf1, #fff 62%);
}

.appearance-font-preview span[b-allh3ry4pd] {
    color: var(--appearance-rose);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.appearance-font-preview strong[b-allh3ry4pd] {
    color: var(--appearance-charcoal);
    font-size: 1.45rem;
}

.appearance-font-preview small[b-allh3ry4pd] {
    color: #74656a;
    font-size: 0.82rem;
}

@media (max-width: 1050px) {
    .appearance-grid[b-allh3ry4pd] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/HotelConfigurationBookingBehaviourEditor.razor.rz.scp.css */
.booking-behaviour-editor[b-q48fssrvb8] {
    --booking-rose: #c94f7c;
    --booking-charcoal: #233042;
}

.booking-behaviour-grid[b-q48fssrvb8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 18px;
}

.booking-behaviour-editor[b-q48fssrvb8]  .booking-behaviour-card {
    display: grid;
    gap: 16px;
    min-width: 0;
    height: 100%;
    padding: 16px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.booking-behaviour-heading[b-q48fssrvb8] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.booking-behaviour-icon[b-q48fssrvb8] {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.booking-behaviour-heading[b-q48fssrvb8]  .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

.booking-behaviour-heading[b-q48fssrvb8]  .mud-typography-caption {
    display: block;
    margin-top: 2px;
    color: #6a5a60;
}

.booking-option-grid[b-q48fssrvb8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.booking-option[b-q48fssrvb8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 76px;
    padding: 11px 10px 11px 13px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: linear-gradient(135deg, #fff 0%, #fdf9fa 100%);
    cursor: pointer;
}

.booking-option:hover[b-q48fssrvb8] {
    border-color: rgba(201, 79, 124, 0.3);
}

.booking-option.is-disabled[b-q48fssrvb8] {
    cursor: default;
    opacity: 0.52;
}

.booking-option-copy[b-q48fssrvb8] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.booking-option-copy strong[b-q48fssrvb8] {
    color: var(--booking-charcoal);
    font-size: 0.87rem;
    line-height: 1.25;
}

.booking-option-copy small[b-q48fssrvb8] {
    color: #74656a;
    font-size: 0.74rem;
    line-height: 1.35;
}

.booking-time-row[b-q48fssrvb8] {
    display: grid;
    grid-template-columns: minmax(220px, 0.7fr) minmax(260px, 1.3fr);
    align-items: center;
    gap: 16px;
}

.booking-field-note[b-q48fssrvb8] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-height: 42px;
    padding: 9px 11px;
    border-radius: 10px;
    background: #faf5f7;
    color: #74656a;
    font-size: 0.76rem;
    line-height: 1.4;
}

.booking-field-note[b-q48fssrvb8]  .mud-icon-root {
    margin-top: 2px;
    color: var(--booking-rose);
}

.booking-field-note-copy[b-q48fssrvb8] {
    display: grid;
    gap: 2px;
}

.booking-field-note-copy strong[b-q48fssrvb8] {
    color: var(--booking-charcoal);
    font-size: 0.78rem;
    font-weight: 800;
}

.booking-behaviour-editor[b-q48fssrvb8]  .booking-behaviour-card .mud-input-label,
.booking-behaviour-editor[b-q48fssrvb8]  .booking-behaviour-card .mud-input-label-text,
.booking-behaviour-editor[b-q48fssrvb8]  .booking-behaviour-card label {
    color: #c04a6e;
    font-size: 0.9rem;
    font-weight: 650;
}

.booking-behaviour-editor[b-q48fssrvb8]  .booking-behaviour-card .mud-input-control {
    margin: 2px 0;
}

@media (max-width: 1050px) {
    .booking-behaviour-grid[b-q48fssrvb8] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/HotelConfigurationBrandingEditor.razor.rz.scp.css */
.branding-editor[b-0f3cignd24] {
    --branding-rose: #c94f7c;
    --branding-charcoal: #233042;
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    align-items: start;
    gap: 18px;
}

.branding-header-card[b-0f3cignd24],
.branding-list-card[b-0f3cignd24],
.branding-editor[b-0f3cignd24]  .branding-editor-card {
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.branding-list-panel[b-0f3cignd24] {
    position: sticky;
    top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: clamp(420px, calc(100vh - 160px), 840px);
    min-height: 0;
}

.branding-header-card[b-0f3cignd24],
.branding-list-card[b-0f3cignd24] {
    overflow: hidden;
}

.branding-header-card[b-0f3cignd24] {
    flex: 0 0 82px;
}

.branding-list-card[b-0f3cignd24] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.branding-list-heading[b-0f3cignd24] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    height: 100%;
    padding: 16px;
    box-sizing: border-box;
}

.branding-list-heading[b-0f3cignd24]  .mud-typography-h6,
.branding-editor-heading[b-0f3cignd24]  .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

.branding-list-heading[b-0f3cignd24]  .mud-typography-caption,
.branding-editor-heading[b-0f3cignd24]  .mud-typography-caption {
    display: block;
    margin-top: 2px;
    color: #6a5a60;
}

.branding-list-group[b-0f3cignd24] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border-bottom: 1px solid #eadfe3;
}

.branding-list-group:last-child[b-0f3cignd24] {
    border-bottom: 0;
}

.branding-list-label[b-0f3cignd24] {
    padding: 1px 3px;
    color: #8a737b;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.branding-list-button[b-0f3cignd24],
.branding-shared-empty[b-0f3cignd24] {
    width: 100%;
    border: 0;
    border-radius: 10px;
    color: inherit;
    font: inherit;
    text-align: left;
}

.branding-list-button[b-0f3cignd24] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.85rem;
    min-width: 0;
    min-height: 76px;
    padding: 0.72rem 0.8rem;
    border: 1px solid rgba(220, 227, 236, 0.95);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
    cursor: pointer;
}

.branding-list-button:hover[b-0f3cignd24],
.branding-list-button:focus-visible[b-0f3cignd24] {
    border-color: rgba(201, 79, 124, 0.28);
    outline: none;
}

.branding-list-button.is-selected[b-0f3cignd24] {
    border-color: rgba(201, 79, 124, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.98));
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

.branding-list-image-shell[b-0f3cignd24] {
    position: relative;
    flex: 0 0 auto;
}

.branding-list-image[b-0f3cignd24] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 16px rgba(31, 41, 55, 0.22);
}

.branding-list-image img[b-0f3cignd24] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.branding-list-image[b-0f3cignd24]  .mud-icon-root {
    font-size: 1.15rem;
}

.branding-image-status[b-0f3cignd24] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: var(--branding-rose);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}

.branding-image-status.is-configured[b-0f3cignd24] {
    background: #3aa675;
}

.branding-list-copy[b-0f3cignd24] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.branding-list-copy strong[b-0f3cignd24],
.branding-list-copy small[b-0f3cignd24] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.branding-list-copy strong[b-0f3cignd24] {
    color: var(--branding-charcoal);
    font-size: 0.92rem;
}

.branding-list-copy small[b-0f3cignd24] {
    color: var(--branding-rose);
    font-size: 0.7rem;
    font-weight: 700;
}

.branding-shared-empty[b-0f3cignd24] {
    display: grid;
    place-items: center;
    gap: 5px;
    min-height: 128px;
    padding: 18px;
    background: #faf7f8;
    color: #74656a;
    text-align: center;
    cursor: pointer;
}

.branding-shared-empty[b-0f3cignd24]  .mud-icon-root {
    color: var(--branding-rose);
    font-size: 1.7rem;
}

.branding-shared-empty strong[b-0f3cignd24] {
    color: var(--branding-charcoal);
}

.branding-shared-empty span[b-0f3cignd24] {
    font-size: 0.72rem;
}

.branding-detail[b-0f3cignd24] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.branding-editor[b-0f3cignd24]  .branding-editor-card {
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 16px;
}

.branding-editor-heading[b-0f3cignd24],
.branding-editor-heading-copy[b-0f3cignd24] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.branding-editor-heading-action[b-0f3cignd24] {
    justify-content: space-between;
}

.branding-editor-actions[b-0f3cignd24] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.branding-image-upload-button[b-0f3cignd24] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    color: var(--branding-rose) !important;
    cursor: pointer;
    transition: background 120ms ease;
}

.branding-image-upload-button:hover[b-0f3cignd24] {
    background: #f7edf1;
}

.branding-image-upload-button[b-0f3cignd24]  .mud-icon-root {
    font-size: 1.25rem;
}

.branding-editor-icon[b-0f3cignd24] {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.branding-image-overview[b-0f3cignd24] {
    display: grid;
    grid-template-columns: 264px minmax(0, 1fr);
    gap: 16px;
}

.branding-image-preview[b-0f3cignd24] {
    display: grid;
    place-items: center;
    width: 264px;
    height: 156px;
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(135deg, #2d3543, #705061 58%, #b88a9c);
}

.branding-image-preview.is-favicon[b-0f3cignd24] {
    width: 156px;
}

.branding-image-preview img[b-0f3cignd24] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.branding-image-preview-empty[b-0f3cignd24] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.74rem;
    font-weight: 700;
}

.branding-image-preview-empty[b-0f3cignd24]  .mud-icon-root {
    font-size: 2.1rem;
}

.branding-image-fields[b-0f3cignd24] {
    display: grid;
    align-content: center;
    gap: 14px;
    min-width: 0;
}

.branding-field-grid[b-0f3cignd24] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.branding-editor[b-0f3cignd24]  .branding-editor-card .mud-input-label,
.branding-editor[b-0f3cignd24]  .branding-editor-card .mud-input-label-text,
.branding-editor[b-0f3cignd24]  .branding-editor-card label {
    color: #c04a6e !important;
    font-size: 0.9rem;
    font-weight: 650;
}

.branding-editor[b-0f3cignd24]  .branding-editor-card .mud-input-control {
    margin: 2px 0;
}

.branding-editor-empty[b-0f3cignd24] {
    padding: 18px;
    border: 1px dashed #d9cdd1;
    border-radius: 10px;
    color: #7b6a70;
    text-align: center;
}

.branding-content-list[b-0f3cignd24] {
    display: grid;
    gap: 12px;
}

.branding-content-row[b-0f3cignd24] {
    display: grid;
    grid-template-columns: minmax(180px, 0.7fr) minmax(260px, 1.3fr) 52px 32px 48px;
    align-items: center;
    gap: 12px;
    padding: 10px 8px 10px 14px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: linear-gradient(135deg, #fff 0%, #fdf9fa 100%);
}

.branding-content-flag[b-0f3cignd24] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.branding-localized-status[b-0f3cignd24] {
    display: inline-block;
    justify-self: center;
    width: 12px;
    height: 12px;
    border: 2px solid rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(92, 55, 68, 0.16), 0 1px 3px rgba(92, 55, 68, 0.18);
}

.branding-localized-status.is-empty[b-0f3cignd24] {
    background: #d94f61;
}

.branding-localized-status.is-complete[b-0f3cignd24] {
    background: #3ba66b;
}

@media (max-width: 1050px) {
    .branding-editor[b-0f3cignd24] {
        grid-template-columns: 260px minmax(0, 1fr);
    }

    .branding-image-overview[b-0f3cignd24] {
        grid-template-columns: 210px minmax(0, 1fr);
    }

    .branding-image-preview[b-0f3cignd24] {
        width: 210px;
    }

    .branding-image-preview.is-favicon[b-0f3cignd24] {
        width: 140px;
    }
}

@media (max-width: 860px) {
    .branding-editor[b-0f3cignd24] {
        grid-template-columns: 1fr;
    }

    .branding-list-panel[b-0f3cignd24] {
        position: static;
        height: auto;
    }
}

@media (max-width: 720px) {
    .branding-editor-heading-action[b-0f3cignd24] {
        align-items: flex-start;
        flex-direction: column;
    }

    .branding-image-overview[b-0f3cignd24],
    .branding-field-grid[b-0f3cignd24],
    .branding-content-row[b-0f3cignd24] {
        grid-template-columns: 1fr;
    }

    .branding-image-preview[b-0f3cignd24],
    .branding-image-preview.is-favicon[b-0f3cignd24] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/HotelConfigurationGeneralEditor.razor.rz.scp.css */
.configuration-detail[b-0b2ih1fag7] {
    display: grid;
}

.configuration-detail-grid[b-0b2ih1fag7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 18px;
}

.configuration-detail-column[b-0b2ih1fag7] {
    display: grid;
    align-content: start;
    gap: 18px;
    min-width: 0;
}

:host[b-0b2ih1fag7]  .configuration-form-card {
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 16px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.configuration-form-heading[b-0b2ih1fag7],
.configuration-form-heading-copy[b-0b2ih1fag7] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.configuration-form-heading-action[b-0b2ih1fag7] {
    justify-content: space-between;
}

:host[b-0b2ih1fag7]  .configuration-form-heading .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

:host[b-0b2ih1fag7]  .configuration-form-heading .mud-typography-caption,
:host[b-0b2ih1fag7]  .configuration-form-heading .mud-typography-body2 {
    display: block;
    margin-top: 2px;
    color: #6a5a60;
}

.configuration-form-icon[b-0b2ih1fag7] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.configuration-field-grid[b-0b2ih1fag7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 12px;
}

.geometry-form-card[b-0b2ih1fag7] {
    background: #fbf8f2 !important;
    border-color: #ded7cb !important;
}

.geometry-field-grid[b-0b2ih1fag7] {
    gap: 8px 12px;
}

:host[b-0b2ih1fag7]  .configuration-form-card .mud-input-label,
:host[b-0b2ih1fag7]  .configuration-form-card .mud-input-label-text,
:host[b-0b2ih1fag7]  .configuration-form-card label {
    color: #c04a6e !important;
    font-size: 0.9rem;
    font-weight: 650;
}

:host[b-0b2ih1fag7]  .configuration-form-card .mud-input-control {
    margin: 2px 0;
}

:host[b-0b2ih1fag7]  .configuration-form-card .mud-input > input.mud-input-root-outlined,
:host[b-0b2ih1fag7]  .configuration-form-card .mud-input > div.mud-input-slot.mud-input-root-outlined {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
}

:host[b-0b2ih1fag7]  .configuration-form-card .mud-input-root,
:host[b-0b2ih1fag7]  .configuration-form-card .mud-input-outlined,
:host[b-0b2ih1fag7]  .configuration-form-card .mud-input-outlined-border,
:host[b-0b2ih1fag7]  .configuration-form-card fieldset {
    border-radius: 10px !important;
}

.configuration-editor-list[b-0b2ih1fag7] {
    display: grid;
    gap: 10px;
}

.configuration-list-row[b-0b2ih1fag7] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
}

.configuration-list-empty[b-0b2ih1fag7] {
    padding: 18px;
    border: 1px dashed #d9cdd1;
    border-radius: 10px;
    color: #7b6a70;
    text-align: center;
}

.geometry-map-surface[b-0b2ih1fag7] {
    margin-top: 4px;
    padding: 12px;
    border: 1px solid #171717;
    border-radius: 10px !important;
    background: #050505 !important;
    color: #fff;
}

.geometry-map-header[b-0b2ih1fag7] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

:host[b-0b2ih1fag7]  .geometry-map-header .mud-typography-subtitle2 {
    color: #fff;
    font-weight: 750;
}

:host[b-0b2ih1fag7]  .geometry-map-header .mud-typography-body2 {
    color: rgba(255, 255, 255, 0.78);
}

.geometry-map-canvas[b-0b2ih1fag7] {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #050505;
}

.geometry-map-art[b-0b2ih1fag7],
.geometry-map-overlay[b-0b2ih1fag7] {
    display: block;
    width: 100%;
}

:host[b-0b2ih1fag7]  .geometry-map-art svg {
    display: block;
    width: 100%;
    height: auto;
}

.geometry-map-overlay[b-0b2ih1fag7] {
    position: absolute;
    inset: 0;
}

:host[b-0b2ih1fag7]  .geometry-map-art .st0 {
    fill: rgba(255, 255, 255, 0.76);
}

:host[b-0b2ih1fag7]  .geometry-map-art .st1 {
    fill: rgba(255, 255, 255, 0.36);
}

.geometry-map-grid-line[b-0b2ih1fag7],
.geometry-map-timezone-line[b-0b2ih1fag7] {
    position: absolute;
}

.geometry-map-grid-line[b-0b2ih1fag7] {
    top: 6%;
    bottom: 6%;
    width: 1px;
    background: rgba(255, 255, 255, 0.12);
    transform: translateX(-0.5px);
}

.geometry-map-timezone-line[b-0b2ih1fag7] {
    top: 4%;
    bottom: 4%;
    width: 4px;
    border-radius: 999px;
    background: #c04a6e;
    transform: translateX(-2px);
}

@media (max-width: 980px) {
    .configuration-detail-grid[b-0b2ih1fag7],
    .configuration-field-grid[b-0b2ih1fag7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .configuration-form-heading-action[b-0b2ih1fag7],
    .geometry-map-header[b-0b2ih1fag7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .configuration-list-row[b-0b2ih1fag7] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/HotelConfigurationGuestMessagingEditor.razor.rz.scp.css */
.guest-messaging-editor[b-007n501rqp] {
    --message-rose: #c94f7c;
    --message-charcoal: #233042;
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    align-items: start;
    gap: 18px;
}

.guest-message-header-card[b-007n501rqp],
.guest-message-list-card[b-007n501rqp],
.guest-messaging-editor[b-007n501rqp]  .guest-message-editor-card {
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.guest-message-list-panel[b-007n501rqp] {
    position: sticky;
    top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: clamp(420px, calc(100vh - 160px), 840px);
    min-height: 0;
}

.guest-message-header-card[b-007n501rqp],
.guest-message-list-card[b-007n501rqp] {
    overflow: hidden;
}

.guest-message-header-card[b-007n501rqp] {
    flex: 0 0 82px;
}

.guest-message-list-card[b-007n501rqp] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
}

.guest-message-list-heading[b-007n501rqp] {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 16px;
    box-sizing: border-box;
}

.guest-message-list-heading[b-007n501rqp]  .mud-typography-h6,
.guest-message-editor-heading[b-007n501rqp]  .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

.guest-message-list-heading[b-007n501rqp]  .mud-typography-caption,
.guest-message-editor-heading[b-007n501rqp]  .mud-typography-caption {
    display: block;
    margin-top: 2px;
    color: #6a5a60;
}

.guest-message-list[b-007n501rqp] {
    display: grid;
    align-content: start;
    flex: 1 1 auto;
    gap: 0.8rem;
    padding: 12px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.guest-message-list-button[b-007n501rqp] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.85rem;
    width: 100%;
    min-height: 82px;
    padding: 0.85rem 0.9rem;
    border: 1px solid rgba(220, 227, 236, 0.95);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    color: inherit;
    font: inherit;
    text-align: left;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    cursor: pointer;
}

.guest-message-list-button.is-selected[b-007n501rqp] {
    border-color: rgba(201, 79, 124, 0.3);
    background: linear-gradient(180deg, #fff, #fbf5f8);
}

.guest-message-list-icon-shell[b-007n501rqp] {
    position: relative;
    flex: 0 0 auto;
}

.guest-message-list-icon[b-007n501rqp] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow: 0 8px 16px rgba(31, 41, 55, 0.22);
}

.guest-message-list-icon[b-007n501rqp]  .mud-icon-root {
    font-size: 1.15rem;
}

.guest-message-status[b-007n501rqp] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: var(--message-rose);
}

.guest-message-status.is-configured[b-007n501rqp] {
    background: #3aa675;
}

.guest-message-list-copy[b-007n501rqp] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.guest-message-list-copy strong[b-007n501rqp] {
    color: var(--message-charcoal);
    font-size: 0.92rem;
}

.guest-message-list-copy small[b-007n501rqp] {
    color: var(--message-rose);
    font-size: 0.72rem;
    font-weight: 700;
}

.guest-message-detail[b-007n501rqp] {
    min-width: 0;
}

.guest-messaging-editor[b-007n501rqp]  .guest-message-editor-card {
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 16px;
}

.guest-message-editor-heading[b-007n501rqp],
.guest-message-editor-heading-copy[b-007n501rqp] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.guest-message-editor-heading-action[b-007n501rqp] {
    justify-content: space-between;
}

.guest-message-editor-icon[b-007n501rqp] {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.guest-message-empty[b-007n501rqp] {
    padding: 18px;
    border: 1px dashed #d9cdd1;
    border-radius: 10px;
    color: #7b6a70;
    text-align: center;
}

.guest-message-content-list[b-007n501rqp] {
    display: grid;
    gap: 14px;
}

.guest-message-content-row[b-007n501rqp] {
    display: grid;
    grid-template-columns: minmax(180px, 0.65fr) minmax(260px, 1.35fr) 52px 32px 48px 40px;
    grid-template-areas:
        "locale summary flag status delete collapse"
        "description description description description delete .";
    align-items: start;
    gap: 8px 12px;
    padding: 12px 10px 12px 14px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: linear-gradient(135deg, #fff 0%, #fdf9fa 100%);
}

.guest-message-content-row.is-collapsed[b-007n501rqp] {
    grid-template-areas: "locale summary flag status delete collapse";
}

.guest-message-content-locale[b-007n501rqp] { grid-area: locale; min-width: 0; }
.guest-message-content-summary[b-007n501rqp] {
    display: flex;
    grid-area: summary;
    align-items: center;
    min-width: 0;
    min-height: 48px;
}
.guest-message-content-summary span[b-007n501rqp] {
    overflow: hidden;
    color: var(--message-charcoal);
    font-size: 0.86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.guest-message-content-flag[b-007n501rqp] {
    display: flex;
    grid-area: flag;
    align-items: center;
    align-self: stretch;
    justify-content: center;
}
.guest-message-content-description[b-007n501rqp] { grid-area: description; min-width: 0; }
.guest-message-content-delete[b-007n501rqp] {
    display: flex;
    grid-area: delete;
    align-items: center;
    align-self: stretch;
    justify-content: center;
}
.guest-message-content-collapse[b-007n501rqp] {
    display: flex;
    grid-area: collapse;
    align-items: center;
    justify-content: center;
}

.guest-message-localized-status[b-007n501rqp] {
    align-self: center;
    justify-self: center;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(92, 55, 68, 0.16);
}

.guest-message-localized-status.is-empty[b-007n501rqp] { background: #d94f61; }
.guest-message-localized-status.is-complete[b-007n501rqp] { background: #3ba66b; }

.guest-messaging-editor[b-007n501rqp]  .guest-message-editor-card .mud-input-label,
.guest-messaging-editor[b-007n501rqp]  .guest-message-editor-card .mud-input-label-text,
.guest-messaging-editor[b-007n501rqp]  .guest-message-editor-card label {
    color: #c04a6e !important;
    font-size: 0.9rem;
    font-weight: 650;
}
/* /Components/Pages/Admin/HotelConfigurationIntentsEditor.razor.rz.scp.css */
.intent-editor[b-2s6xhjsgiv] {
    --intent-rose: #c94f7c;
    --intent-charcoal: #233042;
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    align-items: start;
    gap: 18px;
}

.intent-header-card[b-2s6xhjsgiv],
.intent-list-card[b-2s6xhjsgiv],
.intent-editor[b-2s6xhjsgiv]  .intent-editor-card,
.intent-editor[b-2s6xhjsgiv]  .intent-empty-detail {
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.intent-list-panel[b-2s6xhjsgiv] {
    position: sticky;
    top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: clamp(420px, calc(100vh - 160px), 840px);
    min-height: 0;
}

.intent-header-card[b-2s6xhjsgiv],
.intent-list-card[b-2s6xhjsgiv] {
    overflow: hidden;
}

.intent-header-card[b-2s6xhjsgiv] {
    flex: 0 0 82px;
}

.intent-list-card[b-2s6xhjsgiv] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.intent-list-heading[b-2s6xhjsgiv],
.intent-editor-heading[b-2s6xhjsgiv],
.intent-editor-heading-copy[b-2s6xhjsgiv] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.intent-list-heading[b-2s6xhjsgiv] {
    justify-content: space-between;
    gap: 12px;
    height: 100%;
    padding: 16px;
    box-sizing: border-box;
}

.intent-list-heading[b-2s6xhjsgiv]  .mud-typography-h6,
.intent-editor-heading[b-2s6xhjsgiv]  .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

.intent-list-heading[b-2s6xhjsgiv]  .mud-typography-caption,
.intent-editor-heading[b-2s6xhjsgiv]  .mud-typography-caption {
    display: block;
    margin-top: 2px;
    color: #6a5a60;
}

.intent-add-picker[b-2s6xhjsgiv] {
    flex: 0 0 auto;
    display: grid;
    gap: 8px;
    padding: 12px 16px 14px;
    border-bottom: 1px solid #eadfe3;
}

.intent-add-picker-actions[b-2s6xhjsgiv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.intent-list[b-2s6xhjsgiv] {
    display: grid;
    align-content: start;
    flex: 1 1 auto;
    gap: 0.8rem;
    padding: 12px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.intent-list-button[b-2s6xhjsgiv],
.intent-empty-list[b-2s6xhjsgiv],
.intent-chip-button[b-2s6xhjsgiv] {
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.intent-empty-list[b-2s6xhjsgiv] {
    flex: 1 1 auto;
    overflow-y: auto;
}

.intent-list-button[b-2s6xhjsgiv] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 86px;
    padding: 0.9rem 0.95rem;
    border: 1px solid rgba(220, 227, 236, 0.95);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    cursor: pointer;
    transition: box-shadow 120ms ease, border-color 120ms ease, background 120ms ease;
}

.intent-list-button:hover[b-2s6xhjsgiv],
.intent-list-button:focus-visible[b-2s6xhjsgiv] {
    border-color: rgba(201, 79, 124, 0.28);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    outline: none;
}

.intent-list-button.is-selected[b-2s6xhjsgiv] {
    border-color: rgba(201, 79, 124, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.98));
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09);
}

.intent-list-icon-shell[b-2s6xhjsgiv] {
    position: relative;
    flex: 0 0 auto;
}

.intent-list-icon[b-2s6xhjsgiv],
.intent-editor-icon[b-2s6xhjsgiv],
.intent-empty-detail-icon[b-2s6xhjsgiv] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.intent-list-icon[b-2s6xhjsgiv] {
    width: 44px;
    height: 44px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 16px rgba(31, 41, 55, 0.22);
}

.intent-status[b-2s6xhjsgiv] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: var(--intent-rose);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}

.intent-status.is-active[b-2s6xhjsgiv] {
    background: #3aa675;
}

.intent-list-copy[b-2s6xhjsgiv] {
    display: grid;
    align-content: center;
    gap: 0.2rem;
    flex: 1 1 auto;
    min-width: 0;
}

.intent-list-copy strong[b-2s6xhjsgiv],
.intent-list-copy small[b-2s6xhjsgiv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.intent-list-copy strong[b-2s6xhjsgiv] {
    color: var(--intent-charcoal);
    font-size: 0.95rem;
    line-height: 1.2;
}

.intent-list-copy small[b-2s6xhjsgiv],
.intent-day-rail-index[b-2s6xhjsgiv] {
    color: var(--intent-rose);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.intent-empty-list[b-2s6xhjsgiv] {
    display: grid;
    place-items: center;
    gap: 7px;
    min-height: 180px;
    padding: 24px;
    color: #6a5a60;
    text-align: center;
    cursor: pointer;
}

.intent-empty-list:hover[b-2s6xhjsgiv] {
    background: #faf5f7;
}

.intent-empty-list strong[b-2s6xhjsgiv] {
    color: #242424;
}

.intent-empty-list span[b-2s6xhjsgiv] {
    font-size: 0.76rem;
    line-height: 1.5;
}

.intent-editor[b-2s6xhjsgiv]  .intent-empty-detail {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 360px;
    padding: 36px;
    color: #6a5a60;
    text-align: center;
}

.intent-detail[b-2s6xhjsgiv],
.intent-editor[b-2s6xhjsgiv]  .intent-editor-card,
.intent-chip-section[b-2s6xhjsgiv],
.intent-day-rail[b-2s6xhjsgiv],
.intent-day-detail[b-2s6xhjsgiv],
.intent-stay-blueprint-main[b-2s6xhjsgiv],
.intent-stay-blueprint-media[b-2s6xhjsgiv],
.intent-content-list[b-2s6xhjsgiv],
.intent-upgrade-list[b-2s6xhjsgiv],
.intent-content-body[b-2s6xhjsgiv] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.intent-editor[b-2s6xhjsgiv]  .intent-editor-card {
    padding: 16px;
}

.intent-editor-heading-action[b-2s6xhjsgiv],
.intent-day-heading[b-2s6xhjsgiv] {
    justify-content: space-between;
}

.intent-field-grid[b-2s6xhjsgiv] {
    display: grid;
    gap: 16px 12px;
}

.intent-field-grid-two[b-2s6xhjsgiv] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.intent-field-grid-three[b-2s6xhjsgiv] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.intent-field-grid-four[b-2s6xhjsgiv] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.intent-editor[b-2s6xhjsgiv]  .intent-editor-card .mud-input-label,
.intent-editor[b-2s6xhjsgiv]  .intent-editor-card .mud-input-label-text,
.intent-editor[b-2s6xhjsgiv]  .intent-editor-card label {
    color: #c04a6e !important;
    font-size: 0.9rem;
    font-weight: 650;
}

.intent-editor-empty[b-2s6xhjsgiv],
.intent-day-detail[b-2s6xhjsgiv],
.intent-content-row[b-2s6xhjsgiv],
.intent-included-service-row[b-2s6xhjsgiv],
.intent-upgrade-row[b-2s6xhjsgiv] {
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: linear-gradient(135deg, #fff 0%, #fdf9fa 100%);
}

.intent-editor-empty[b-2s6xhjsgiv] {
    padding: 18px;
    border-style: dashed;
    color: #7b6a70;
    text-align: center;
}

.intent-icon-picker[b-2s6xhjsgiv],
.intent-service-picker[b-2s6xhjsgiv] {
    position: relative;
}

.intent-icon-input-shell[b-2s6xhjsgiv],
.intent-image-input-shell[b-2s6xhjsgiv] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.intent-icon-input[b-2s6xhjsgiv],
.intent-image-input[b-2s6xhjsgiv] {
    flex: 1 1 auto;
}

.intent-icon-picker-button[b-2s6xhjsgiv],
.intent-icon-option[b-2s6xhjsgiv],
.intent-service-picker-option[b-2s6xhjsgiv] {
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: #fff;
    color: inherit;
    font: inherit;
}

.intent-icon-picker-button[b-2s6xhjsgiv],
.intent-image-upload-button[b-2s6xhjsgiv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.intent-icon-picker-popup[b-2s6xhjsgiv],
.intent-service-picker-popup[b-2s6xhjsgiv] {
    position: absolute;
    z-index: 5;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.99);
    box-shadow: 0 18px 38px rgba(36, 36, 36, 0.12);
}

.intent-icon-picker-popup[b-2s6xhjsgiv] {
    top: calc(100% + 6px);
    left: 0;
    width: min(100%, 640px);
    padding: 12px;
}

.intent-icon-picker-grid[b-2s6xhjsgiv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    max-height: 320px;
    overflow-y: auto;
}

.intent-icon-option[b-2s6xhjsgiv] {
    display: grid;
    justify-items: center;
    gap: 4px;
    min-height: 96px;
    padding: 10px 6px;
    text-align: center;
    cursor: pointer;
}

.intent-icon-option.is-selected[b-2s6xhjsgiv],
.intent-chip-button.is-selected[b-2s6xhjsgiv] {
    border-color: #c04a6e;
    background: #f4e7ec;
    color: #a13d5d;
}

.intent-icon-option-glyph[b-2s6xhjsgiv] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #f7edf1;
    color: #c04a6e;
}

.intent-icon-option-label[b-2s6xhjsgiv] {
    color: var(--intent-charcoal);
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.2;
}

.intent-chip-grid[b-2s6xhjsgiv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.intent-chip-button[b-2s6xhjsgiv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    justify-items: start;
    gap: 2px 8px;
    min-height: 52px;
    padding: 8px 10px;
    border: 1px solid #eadfe3;
    background: #fff;
    color: #65565b;
    cursor: pointer;
}

.intent-content-row[b-2s6xhjsgiv] {
    grid-template-columns: minmax(180px, 0.7fr) minmax(220px, 1.3fr) 52px 32px 48px 40px;
    grid-template-areas:
        "locale summary flag status delete collapse"
        "body body body body delete .";
    align-items: start;
    gap: 8px 12px;
    padding: 12px 10px 12px 14px;
}

.intent-content-row.is-collapsed[b-2s6xhjsgiv] {
    grid-template-areas: "locale summary flag status delete collapse";
}

.intent-content-locale[b-2s6xhjsgiv] { grid-area: locale; min-width: 0; }
.intent-content-summary[b-2s6xhjsgiv] { grid-area: summary; display: flex; align-items: center; min-height: 48px; }
.intent-content-flag[b-2s6xhjsgiv] { grid-area: flag; display: flex; align-items: center; justify-content: center; }
.intent-content-status[b-2s6xhjsgiv] { grid-area: status; display: flex; align-items: center; justify-content: center; }
.intent-content-body[b-2s6xhjsgiv] { grid-area: body; }
.intent-content-delete[b-2s6xhjsgiv] { grid-area: delete; display: flex; align-items: center; justify-content: center; }
.intent-content-collapse[b-2s6xhjsgiv] { grid-area: collapse; display: flex; align-items: center; justify-content: center; }

.intent-stay-blueprint-layout[b-2s6xhjsgiv],
.intent-day-layout[b-2s6xhjsgiv] {
    display: grid;
    align-items: start;
    gap: 16px;
}

.intent-stay-blueprint-layout[b-2s6xhjsgiv] {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 18px;
}

.intent-day-layout[b-2s6xhjsgiv] {
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
}

.intent-image-preview-shell[b-2s6xhjsgiv] {
    width: 264px;
    height: 156px;
    overflow: hidden;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: linear-gradient(135deg, #fff 0%, #fdf9fa 100%);
}

.intent-image-preview[b-2s6xhjsgiv] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.intent-service-picker-backdrop[b-2s6xhjsgiv] {
    position: fixed;
    inset: 0;
    z-index: 4;
    border: 0;
    background: transparent;
}

.intent-service-picker-popup[b-2s6xhjsgiv] {
    top: calc(100% + 6px);
    right: 0;
    width: 280px;
    max-height: 320px;
    overflow-y: auto;
    padding: 8px;
}

.intent-service-picker-list[b-2s6xhjsgiv],
.intent-included-service-list[b-2s6xhjsgiv] {
    display: grid;
    gap: 10px;
}

.intent-service-picker-separator[b-2s6xhjsgiv] {
    height: 1px;
    margin: 4px 6px;
    background: linear-gradient(90deg, rgba(201, 79, 124, 0), rgba(201, 79, 124, 0.3), rgba(201, 79, 124, 0));
}

.intent-service-picker-option[b-2s6xhjsgiv] {
    display: grid;
    gap: 2px;
    width: 100%;
    padding: 10px 12px;
    justify-items: start;
    text-align: left;
    cursor: pointer;
}

.intent-day-detail[b-2s6xhjsgiv],
.intent-included-service-row[b-2s6xhjsgiv],
.intent-upgrade-row[b-2s6xhjsgiv] {
    padding: 12px 14px;
}

.intent-included-service-row[b-2s6xhjsgiv] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1.4fr) 110px 150px auto;
    align-items: center;
    gap: 10px;
}

.intent-upgrade-row[b-2s6xhjsgiv] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) 110px 150px minmax(180px, 1fr) auto;
    align-items: center;
    gap: 10px;
}

@media (max-width: 1280px) {
    .intent-editor[b-2s6xhjsgiv],
    .intent-stay-blueprint-layout[b-2s6xhjsgiv],
    .intent-day-layout[b-2s6xhjsgiv] {
        grid-template-columns: 1fr;
    }

    .intent-field-grid-four[b-2s6xhjsgiv],
    .intent-field-grid-three[b-2s6xhjsgiv],
    .intent-chip-grid[b-2s6xhjsgiv],
    .intent-included-service-row[b-2s6xhjsgiv],
    .intent-upgrade-row[b-2s6xhjsgiv],
    .intent-content-row[b-2s6xhjsgiv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Admin/HotelConfigurationInterfacesEditor.razor.rz.scp.css */
.interfaces-editor[b-zn5fb2l8pe] {
    --interface-card-rose: #c94f7c;
    --interface-card-charcoal: #233042;
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    align-items: start;
    gap: 18px;
}

.interfaces-editor[b-zn5fb2l8pe]  .configuration-selection-panel,
.interfaces-editor[b-zn5fb2l8pe]  .configuration-selection-header-card,
.interfaces-editor[b-zn5fb2l8pe]  .configuration-selection-list-card,
.interfaces-editor[b-zn5fb2l8pe]  .interface-editor-card,
.interfaces-editor[b-zn5fb2l8pe]  .interface-empty-detail {
    min-width: 0;
}

.interfaces-editor[b-zn5fb2l8pe]  .configuration-selection-panel {
    position: sticky;
    top: 16px;
}

.interfaces-editor[b-zn5fb2l8pe]  .configuration-selection-header-card,
.interfaces-editor[b-zn5fb2l8pe]  .configuration-selection-list-card,
.interfaces-editor[b-zn5fb2l8pe]  .interface-editor-card,
.interfaces-editor[b-zn5fb2l8pe]  .interface-empty-detail {
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.interfaces-editor[b-zn5fb2l8pe]  .configuration-selection-heading .mud-typography-h6,
.interface-editor-heading[b-zn5fb2l8pe]  .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

.interfaces-editor[b-zn5fb2l8pe]  .configuration-selection-heading .mud-typography-caption,
.interface-editor-heading[b-zn5fb2l8pe]  .mud-typography-caption {
    display: block;
    margin-top: 2px;
    color: #6a5a60;
}

.interfaces-editor[b-zn5fb2l8pe]  .configuration-selection-button {
    min-height: 86px;
}

.interfaces-editor[b-zn5fb2l8pe]  .configuration-selection-button.is-selected {
    border-color: rgba(201, 79, 124, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.98));
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09);
}

.interfaces-editor[b-zn5fb2l8pe]  .configuration-selection-copy strong {
    color: var(--interface-card-charcoal);
}

.interfaces-editor[b-zn5fb2l8pe]  .configuration-selection-copy small {
    color: var(--interface-card-rose);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.interfaces-editor[b-zn5fb2l8pe]  .configuration-selection-icon {
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 16px rgba(31, 41, 55, 0.22);
}

.interface-status[b-zn5fb2l8pe] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: var(--interface-card-rose);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}

.interface-status.is-active[b-zn5fb2l8pe] {
    background: #3aa675;
}

.interface-empty-detail[b-zn5fb2l8pe],
.interface-detail[b-zn5fb2l8pe] {
    min-width: 0;
}

.interface-empty-detail[b-zn5fb2l8pe] {
    display: grid;
    place-items: center;
    gap: 8px;
    min-height: 220px;
    padding: 24px;
    text-align: center;
}

.interface-empty-detail-icon[b-zn5fb2l8pe],
.interface-editor-icon[b-zn5fb2l8pe] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.interface-detail[b-zn5fb2l8pe] {
    display: grid;
    gap: 18px;
}

.interfaces-editor[b-zn5fb2l8pe]  .interface-editor-card {
    display: grid;
    gap: 16px;
    padding: 16px;
}

.interface-editor-heading[b-zn5fb2l8pe],
.interface-editor-heading-copy[b-zn5fb2l8pe] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.interface-editor-heading-action[b-zn5fb2l8pe] {
    justify-content: space-between;
}

.interface-field-grid[b-zn5fb2l8pe] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 12px;
}

.interfaces-editor[b-zn5fb2l8pe]  .interface-editor-card .mud-input-label,
.interfaces-editor[b-zn5fb2l8pe]  .interface-editor-card .mud-input-label-text,
.interfaces-editor[b-zn5fb2l8pe]  .interface-editor-card label {
    color: #c04a6e !important;
    font-size: 0.9rem;
    font-weight: 650;
}

@media (max-width: 980px) {
    .interfaces-editor[b-zn5fb2l8pe] {
        grid-template-columns: 1fr;
    }

    .interfaces-editor[b-zn5fb2l8pe]  .configuration-selection-panel {
        position: static;
    }
}

@media (max-width: 720px) {
    .interface-editor-heading-action[b-zn5fb2l8pe] {
        align-items: flex-start;
        flex-direction: column;
    }

    .interface-field-grid[b-zn5fb2l8pe] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/HotelConfigurationLegalEditor.razor.rz.scp.css */
.legal-editor[b-i2w5bxizxg] {
    --legal-rose: #c94f7c;
    --legal-charcoal: #233042;
}

.legal-grid[b-i2w5bxizxg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 18px;
}

.legal-editor[b-i2w5bxizxg]  .legal-card {
    display: grid;
    align-content: start;
    gap: 16px;
    height: 100%;
    min-width: 0;
    padding: 16px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.legal-heading[b-i2w5bxizxg] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.legal-icon[b-i2w5bxizxg] {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.legal-heading[b-i2w5bxizxg]  .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

.legal-heading[b-i2w5bxizxg]  .mud-typography-caption {
    display: block;
    margin-top: 2px;
    color: #6a5a60;
}

.legal-editor[b-i2w5bxizxg]  .legal-card .mud-input-label,
.legal-editor[b-i2w5bxizxg]  .legal-card .mud-input-label-text,
.legal-editor[b-i2w5bxizxg]  .legal-card label {
    color: #c04a6e !important;
    font-size: 0.9rem;
    font-weight: 650;
}

.legal-editor[b-i2w5bxizxg]  .legal-card .mud-input-control {
    margin: 2px 0;
}

.legal-analytics-status[b-i2w5bxizxg] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 46px;
    padding: 10px 12px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: #faf5f7;
    color: #74656a;
    font-size: 0.78rem;
}

.legal-analytics-status[b-i2w5bxizxg]  .mud-icon-root {
    color: var(--legal-rose);
}

.legal-analytics-status.is-configured[b-i2w5bxizxg] {
    border-color: rgba(58, 166, 117, 0.25);
    background: rgba(58, 166, 117, 0.08);
    color: #286f52;
}

.legal-analytics-status.is-configured[b-i2w5bxizxg]  .mud-icon-root {
    color: #3aa675;
}

@media (max-width: 1050px) {
    .legal-grid[b-i2w5bxizxg] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/HotelConfigurationPromotionsEditor.razor.rz.scp.css */
.promotions-editor[b-9oqi7u7hvm] {
    --promotion-rose: #c94f7c;
    --promotion-charcoal: #233042;
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    align-items: start;
    gap: 18px;
}

.promotions-header-card[b-9oqi7u7hvm],
.promotions-list-card[b-9oqi7u7hvm],
.promotions-editor[b-9oqi7u7hvm]  .promotion-editor-card,
.promotions-editor[b-9oqi7u7hvm]  .promotion-empty-detail {
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.promotions-list-panel[b-9oqi7u7hvm] {
    position: sticky;
    top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: clamp(420px, calc(100vh - 160px), 840px);
    min-height: 0;
}

.promotions-header-card[b-9oqi7u7hvm],
.promotions-list-card[b-9oqi7u7hvm] {
    overflow: hidden;
}

.promotions-header-card[b-9oqi7u7hvm] {
    flex: 0 0 82px;
}

.promotions-list-card[b-9oqi7u7hvm] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.promotions-list-heading[b-9oqi7u7hvm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    height: 100%;
    padding: 16px;
    box-sizing: border-box;
}

.promotions-list-heading[b-9oqi7u7hvm]  .mud-typography-h6,
.promotion-editor-heading[b-9oqi7u7hvm]  .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

.promotions-list-heading[b-9oqi7u7hvm]  .mud-typography-caption,
.promotion-editor-heading[b-9oqi7u7hvm]  .mud-typography-caption {
    display: block;
    margin-top: 2px;
    color: #6a5a60;
}

.promotion-add-picker[b-9oqi7u7hvm] {
    flex: 0 0 auto;
    display: grid;
    gap: 8px;
    padding: 12px 16px 14px;
    border-bottom: 1px solid #eadfe3;
}

.promotion-add-picker-actions[b-9oqi7u7hvm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.promotions-list[b-9oqi7u7hvm] {
    display: grid;
    align-content: start;
    flex: 1 1 auto;
    gap: 0.8rem;
    padding: 12px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.promotion-list-button[b-9oqi7u7hvm],
.promotions-empty[b-9oqi7u7hvm] {
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.promotions-empty[b-9oqi7u7hvm] {
    flex: 1 1 auto;
    overflow-y: auto;
}

.promotion-list-button[b-9oqi7u7hvm] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    min-height: 86px;
    padding: 0.9rem 0.95rem;
    border: 1px solid rgba(220, 227, 236, 0.95);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    cursor: pointer;
    transition: box-shadow 120ms ease, border-color 120ms ease, background 120ms ease;
}

.promotion-list-button:hover[b-9oqi7u7hvm],
.promotion-list-button:focus-visible[b-9oqi7u7hvm] {
    border-color: rgba(201, 79, 124, 0.28);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    outline: none;
}

.promotion-list-button.is-selected[b-9oqi7u7hvm] {
    border-color: rgba(201, 79, 124, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.98));
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09);
}

.promotion-list-icon-shell[b-9oqi7u7hvm] {
    position: relative;
    flex: 0 0 auto;
}

.promotion-list-icon[b-9oqi7u7hvm],
.promotion-editor-icon[b-9oqi7u7hvm],
.promotion-empty-detail-icon[b-9oqi7u7hvm] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.promotion-list-icon[b-9oqi7u7hvm] {
    width: 44px;
    height: 44px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 16px rgba(31, 41, 55, 0.22);
}

.promotion-list-icon[b-9oqi7u7hvm]  .mud-icon-root {
    font-size: 1.15rem;
}

.promotion-status[b-9oqi7u7hvm] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: var(--promotion-rose);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}

.promotion-status.is-active[b-9oqi7u7hvm] {
    background: #3aa675;
}

.promotion-list-copy[b-9oqi7u7hvm] {
    display: grid;
    align-content: center;
    gap: 0.2rem;
    flex: 1 1 auto;
    min-width: 0;
}

.promotion-list-copy strong[b-9oqi7u7hvm],
.promotion-list-copy small[b-9oqi7u7hvm] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.promotion-list-copy strong[b-9oqi7u7hvm] {
    color: var(--promotion-charcoal);
    font-size: 0.95rem;
    line-height: 1.2;
}

.promotion-list-copy small[b-9oqi7u7hvm] {
    color: var(--promotion-rose);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.promotions-empty[b-9oqi7u7hvm] {
    display: grid;
    place-items: center;
    gap: 7px;
    min-height: 180px;
    padding: 24px;
    color: #6a5a60;
    text-align: center;
    cursor: pointer;
}

.promotions-empty:hover[b-9oqi7u7hvm] {
    background: #faf5f7;
}

.promotions-empty[b-9oqi7u7hvm]  .mud-icon-root {
    color: #c04a6e;
    font-size: 2rem;
}

.promotions-empty strong[b-9oqi7u7hvm] {
    color: #242424;
}

.promotions-empty span[b-9oqi7u7hvm] {
    font-size: 0.76rem;
    line-height: 1.5;
}

.promotions-editor[b-9oqi7u7hvm]  .promotion-empty-detail {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 360px;
    padding: 36px;
    color: #6a5a60;
    text-align: center;
}

.promotion-detail[b-9oqi7u7hvm] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.promotions-editor[b-9oqi7u7hvm]  .promotion-editor-card {
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 16px;
}

.promotion-editor-heading[b-9oqi7u7hvm],
.promotion-editor-heading-copy[b-9oqi7u7hvm] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.promotion-editor-heading-action[b-9oqi7u7hvm] {
    justify-content: space-between;
}

.promotion-editor-icon[b-9oqi7u7hvm] {
    flex: 0 0 42px;
}

.promotion-field-grid[b-9oqi7u7hvm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 12px;
}

.promotion-field-grid-three[b-9oqi7u7hvm] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.promotions-editor[b-9oqi7u7hvm]  .promotion-editor-card .mud-input-label,
.promotions-editor[b-9oqi7u7hvm]  .promotion-editor-card .mud-input-label-text,
.promotions-editor[b-9oqi7u7hvm]  .promotion-editor-card label {
    color: #c04a6e !important;
    font-size: 0.9rem;
    font-weight: 650;
}

.promotions-editor[b-9oqi7u7hvm]  .promotion-editor-card .mud-input-control {
    margin: 2px 0;
}

.promotions-editor[b-9oqi7u7hvm]  .promotion-editor-card .mud-input-root,
.promotions-editor[b-9oqi7u7hvm]  .promotion-editor-card .mud-input-outlined,
.promotions-editor[b-9oqi7u7hvm]  .promotion-editor-card .mud-input-outlined-border,
.promotions-editor[b-9oqi7u7hvm]  .promotion-editor-card fieldset {
    border-radius: 10px !important;
}

.promotion-editor-empty[b-9oqi7u7hvm],
.promotion-window-empty[b-9oqi7u7hvm] {
    padding: 18px;
    border: 1px dashed #d9cdd1;
    border-radius: 10px;
    color: #7b6a70;
    text-align: center;
}

.promotion-rate-grid[b-9oqi7u7hvm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.promotion-rate-button[b-9oqi7u7hvm] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 2px 8px;
    min-height: 52px;
    padding: 8px 10px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: #fff;
    color: #65565b;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.promotion-rate-button span[b-9oqi7u7hvm],
.promotion-rate-button small[b-9oqi7u7hvm] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.promotion-rate-button small[b-9oqi7u7hvm] {
    grid-column: 2;
    color: #9a6b7d;
    font-size: 0.68rem;
}

.promotion-rate-button.is-selected[b-9oqi7u7hvm] {
    border-color: #c04a6e;
    background: #f4e7ec;
    color: #a13d5d;
    font-weight: 700;
}

.promotion-window-grid[b-9oqi7u7hvm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.promotion-window-section[b-9oqi7u7hvm] {
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 14px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: #fdf9fa;
}

.promotion-window-heading[b-9oqi7u7hvm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.promotion-window-list[b-9oqi7u7hvm] {
    display: grid;
    gap: 10px;
}

.promotion-window-row[b-9oqi7u7hvm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    align-items: center;
    gap: 8px;
}

.promotion-window-empty[b-9oqi7u7hvm] {
    padding: 14px;
    background: #fff;
}

.promotion-weekdays[b-9oqi7u7hvm] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
}

@media (max-width: 980px) {
    .promotions-editor[b-9oqi7u7hvm] {
        grid-template-columns: 1fr;
    }

    .promotions-list-panel[b-9oqi7u7hvm] {
        position: static;
        height: auto;
    }

    .promotion-rate-grid[b-9oqi7u7hvm],
    .promotion-window-grid[b-9oqi7u7hvm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .promotion-editor-heading-action[b-9oqi7u7hvm],
    .promotion-window-heading[b-9oqi7u7hvm] {
        align-items: flex-start;
        flex-direction: column;
    }

    .promotion-field-grid[b-9oqi7u7hvm],
    .promotion-field-grid-three[b-9oqi7u7hvm],
    .promotion-window-grid[b-9oqi7u7hvm],
    .promotion-window-row[b-9oqi7u7hvm],
    .promotion-weekdays[b-9oqi7u7hvm],
    .promotion-rate-grid[b-9oqi7u7hvm] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/HotelConfigurationRatesEditor.razor.rz.scp.css */
.rates-editor[b-5qquc2pbhw] {
    --rate-rose: #c94f7c;
    --rate-charcoal: #233042;
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    align-items: start;
    gap: 18px;
}

.rates-header-card[b-5qquc2pbhw],
.rates-list-card[b-5qquc2pbhw],
.rates-editor[b-5qquc2pbhw]  .rate-editor-card,
.rates-editor[b-5qquc2pbhw]  .rate-empty-detail {
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.rates-list-panel[b-5qquc2pbhw] {
    position: sticky;
    top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: clamp(420px, calc(100vh - 160px), 840px);
    min-height: 0;
}

.rates-header-card[b-5qquc2pbhw],
.rates-list-card[b-5qquc2pbhw] {
    overflow: hidden;
}

.rates-header-card[b-5qquc2pbhw] {
    flex: 0 0 82px;
}

.rates-list-card[b-5qquc2pbhw] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.rates-list-heading[b-5qquc2pbhw],
.rate-editor-heading[b-5qquc2pbhw],
.rate-editor-heading-copy[b-5qquc2pbhw] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.rates-list-heading[b-5qquc2pbhw] {
    justify-content: space-between;
    height: 100%;
    padding: 16px;
    box-sizing: border-box;
}

.rate-editor-heading-action[b-5qquc2pbhw] {
    justify-content: space-between;
}

.rates-list-heading[b-5qquc2pbhw]  .mud-typography-h6,
.rate-editor-heading[b-5qquc2pbhw]  .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

.rates-list-heading[b-5qquc2pbhw]  .mud-typography-caption,
.rate-editor-heading[b-5qquc2pbhw]  .mud-typography-caption {
    display: block;
    margin-top: 2px;
    color: #6a5a60;
}

.rates-list[b-5qquc2pbhw] {
    display: grid;
    align-content: start;
    flex: 1 1 auto;
    gap: 0.8rem;
    padding: 12px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.rate-list-button[b-5qquc2pbhw],
.rates-empty[b-5qquc2pbhw] {
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.rates-empty[b-5qquc2pbhw] {
    flex: 1 1 auto;
    overflow-y: auto;
}

.rate-list-button[b-5qquc2pbhw] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    min-height: 86px;
    padding: 0.9rem 0.95rem;
    border: 1px solid rgba(220, 227, 236, 0.95);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    cursor: pointer;
    transition: box-shadow 120ms ease, border-color 120ms ease, background 120ms ease;
}

.rate-list-button:hover[b-5qquc2pbhw],
.rate-list-button:focus-visible[b-5qquc2pbhw] {
    border-color: rgba(201, 79, 124, 0.28);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    outline: none;
}

.rate-list-button.is-selected[b-5qquc2pbhw] {
    border-color: rgba(201, 79, 124, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.98));
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09);
}

.rate-list-icon-shell[b-5qquc2pbhw] {
    position: relative;
    flex: 0 0 auto;
}

.rate-list-icon[b-5qquc2pbhw],
.rate-editor-icon[b-5qquc2pbhw],
.rate-empty-detail-icon[b-5qquc2pbhw] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.rate-list-icon[b-5qquc2pbhw] {
    width: 44px;
    height: 44px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 16px rgba(31, 41, 55, 0.22);
}

.rate-list-icon[b-5qquc2pbhw]  .mud-icon-root {
    font-size: 1.15rem;
}

.rate-list-copy[b-5qquc2pbhw] {
    display: grid;
    align-content: center;
    gap: 0.2rem;
    flex: 1 1 auto;
    min-width: 0;
}

.rate-list-copy strong[b-5qquc2pbhw],
.rate-list-copy small[b-5qquc2pbhw] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rate-list-copy strong[b-5qquc2pbhw] {
    color: var(--rate-charcoal);
    font-size: 0.95rem;
    line-height: 1.2;
}

.rate-list-copy small[b-5qquc2pbhw] {
    color: var(--rate-rose);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.rate-status[b-5qquc2pbhw] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: var(--rate-rose);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}

.rate-status.is-active[b-5qquc2pbhw] {
    background: #3aa675;
}

.rate-drag-handle[b-5qquc2pbhw] {
    position: absolute;
    right: 12px;
    bottom: 5px;
    width: 18px;
    height: 10px;
    background-image: radial-gradient(circle, #5b6c7c 1.5px, transparent 1.7px);
    background-position: 0 0;
    background-size: 6px 5px;
}

.rates-empty[b-5qquc2pbhw] {
    display: grid;
    place-items: center;
    gap: 7px;
    min-height: 180px;
    padding: 24px;
    color: #6a5a60;
    text-align: center;
}

button.rates-empty[b-5qquc2pbhw] {
    cursor: pointer;
}

button.rates-empty:hover[b-5qquc2pbhw] {
    background: #faf5f7;
}

.rates-empty[b-5qquc2pbhw]  .mud-icon-root {
    color: #c04a6e;
    font-size: 2rem;
}

.rates-empty strong[b-5qquc2pbhw] {
    color: #242424;
}

.rates-empty span[b-5qquc2pbhw] {
    font-size: 0.76rem;
    line-height: 1.5;
}

.rates-editor[b-5qquc2pbhw]  .rate-empty-detail {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 360px;
    padding: 36px;
    color: #6a5a60;
    text-align: center;
}

.rate-detail[b-5qquc2pbhw] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.rates-editor[b-5qquc2pbhw]  .rate-editor-card {
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 16px;
}

.rate-field-grid[b-5qquc2pbhw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 12px;
}

.rate-field-grid-six[b-5qquc2pbhw] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.rate-field-grid-four[b-5qquc2pbhw] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rate-payment-grid[b-5qquc2pbhw] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rate-policy-grid[b-5qquc2pbhw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 18px;
}

.rates-editor[b-5qquc2pbhw]  .rate-editor-card .mud-input-label,
.rates-editor[b-5qquc2pbhw]  .rate-editor-card .mud-input-label-text,
.rates-editor[b-5qquc2pbhw]  .rate-editor-card label {
    color: #c04a6e !important;
    font-size: 0.9rem;
    font-weight: 650;
}

.rates-editor[b-5qquc2pbhw]  .rate-editor-card .mud-input-control {
    margin: 2px 0;
}

.rates-editor[b-5qquc2pbhw]  .rate-editor-card .mud-input-root,
.rates-editor[b-5qquc2pbhw]  .rate-editor-card .mud-input-outlined,
.rates-editor[b-5qquc2pbhw]  .rate-editor-card .mud-input-outlined-border,
.rates-editor[b-5qquc2pbhw]  .rate-editor-card fieldset {
    border-radius: 10px !important;
}

.rate-editor-empty[b-5qquc2pbhw] {
    padding: 18px;
    border: 1px dashed #d9cdd1;
    border-radius: 10px;
    color: #7b6a70;
    text-align: center;
}

.rate-content-list[b-5qquc2pbhw] {
    display: grid;
    gap: 14px;
}

.rate-content-item[b-5qquc2pbhw] {
    display: grid;
    grid-template-columns: minmax(180px, 0.65fr) minmax(260px, 1.35fr) 52px 32px 48px 40px;
    grid-template-areas:
        "locale name flag status delete collapse"
        "description description description description delete ."
        "policy policy policy policy . .";
    align-items: start;
    gap: 8px 12px;
    padding: 12px 10px 12px 14px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: linear-gradient(135deg, #fff 0%, #fdf9fa 100%);
    box-shadow: 0 1px 2px rgba(92, 55, 68, 0.04);
}

.rate-content-locale[b-5qquc2pbhw] {
    grid-area: locale;
}

.rate-content-name[b-5qquc2pbhw] {
    grid-area: name;
}

.rate-content-flag[b-5qquc2pbhw] {
    display: flex;
    grid-area: flag;
    align-items: center;
    align-self: stretch;
    justify-content: center;
}

.rate-content-status[b-5qquc2pbhw] {
    display: flex;
    grid-area: status;
    align-items: center;
    align-self: stretch;
    justify-content: center;
}

.rate-content-description[b-5qquc2pbhw] {
    grid-area: description;
}

.rate-content-policy[b-5qquc2pbhw] {
    grid-area: policy;
}

.rate-content-delete[b-5qquc2pbhw] {
    display: flex;
    grid-area: delete;
    align-items: center;
    align-self: stretch;
    justify-content: center;
    min-width: 48px;
}

.rate-content-collapse[b-5qquc2pbhw] {
    display: flex;
    grid-area: collapse;
    align-items: center;
    justify-content: center;
}

.rate-content-item.is-collapsed[b-5qquc2pbhw] {
    grid-template-areas: "locale name flag status delete collapse";
}

.rate-content-locale[b-5qquc2pbhw],
.rate-content-name[b-5qquc2pbhw],
.rate-content-description[b-5qquc2pbhw],
.rate-content-policy[b-5qquc2pbhw] {
    min-width: 0;
}

.rate-inclusion-list[b-5qquc2pbhw] {
    display: grid;
    gap: 12px;
}

.rate-inclusion-row[b-5qquc2pbhw] {
    display: grid;
    grid-template-columns: minmax(240px, 1.4fr) minmax(200px, 1fr) minmax(160px, 0.7fr) 48px;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: linear-gradient(135deg, #fff 0%, #fdf9fa 100%);
    box-shadow: 0 1px 2px rgba(92, 55, 68, 0.04);
}

@media (max-width: 1280px) {
    .rate-field-grid-four[b-5qquc2pbhw],
    .rate-field-grid-six[b-5qquc2pbhw],
    .rate-payment-grid[b-5qquc2pbhw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .rates-editor[b-5qquc2pbhw],
    .rate-policy-grid[b-5qquc2pbhw] {
        grid-template-columns: 1fr;
    }

    .rates-list-panel[b-5qquc2pbhw] {
        position: static;
        height: auto;
    }
}

@media (max-width: 720px) {
    .rate-editor-heading-action[b-5qquc2pbhw] {
        align-items: flex-start;
        flex-direction: column;
    }

    .rate-field-grid[b-5qquc2pbhw],
    .rate-inclusion-row[b-5qquc2pbhw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/HotelConfigurationRegionalSettingsEditor.razor.rz.scp.css */
.configuration-detail[b-arb99g0anp] {
    display: grid;
}

.configuration-detail-grid[b-arb99g0anp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 18px;
}

.configuration-detail-column[b-arb99g0anp] {
    display: grid;
    align-content: start;
    gap: 18px;
    min-width: 0;
}

:host[b-arb99g0anp]  .configuration-form-card {
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 16px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.configuration-form-heading[b-arb99g0anp],
.configuration-form-heading-copy[b-arb99g0anp] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.configuration-form-heading-action[b-arb99g0anp] {
    justify-content: space-between;
}

:host[b-arb99g0anp]  .configuration-form-heading .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

:host[b-arb99g0anp]  .configuration-form-heading .mud-typography-caption {
    display: block;
    margin-top: 2px;
    color: #6a5a60;
}

.configuration-form-icon[b-arb99g0anp] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.configuration-field-grid[b-arb99g0anp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 12px;
}

:host[b-arb99g0anp]  .configuration-form-card .mud-input-label,
:host[b-arb99g0anp]  .configuration-form-card .mud-input-label-text,
:host[b-arb99g0anp]  .configuration-form-card label {
    color: #c04a6e !important;
    font-size: 0.9rem;
    font-weight: 650;
}

:host[b-arb99g0anp]  .configuration-form-card .mud-input-control {
    margin: 2px 0;
}

:host[b-arb99g0anp]  .configuration-form-card .mud-input > input.mud-input-root-outlined,
:host[b-arb99g0anp]  .configuration-form-card .mud-input > div.mud-input-slot.mud-input-root-outlined {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
}

:host[b-arb99g0anp]  .configuration-form-card .mud-input-root,
:host[b-arb99g0anp]  .configuration-form-card .mud-input-outlined,
:host[b-arb99g0anp]  .configuration-form-card .mud-input-outlined-border,
:host[b-arb99g0anp]  .configuration-form-card fieldset {
    border-radius: 10px !important;
}

.configuration-editor-list[b-arb99g0anp] {
    display: grid;
    gap: 10px;
}

.configuration-list-row[b-arb99g0anp] {
    display: grid;
    align-items: center;
    gap: 9px;
}

.language-list-row[b-arb99g0anp] {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr) auto auto;
}

.language-flag-cell[b-arb99g0anp] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 14px;
}

.language-add-picker[b-arb99g0anp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: end;
    gap: 10px;
}

.configuration-list-empty[b-arb99g0anp] {
    padding: 18px;
    border: 1px dashed #d9cdd1;
    border-radius: 10px;
    color: #7b6a70;
    text-align: center;
}

@media (max-width: 980px) {
    .configuration-detail-grid[b-arb99g0anp],
    .configuration-field-grid[b-arb99g0anp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .configuration-form-heading-action[b-arb99g0anp],
    .language-add-picker[b-arb99g0anp],
    .language-list-row[b-arb99g0anp] {
        grid-template-columns: 1fr;
    }

    .configuration-form-heading-action[b-arb99g0anp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .language-flag-cell[b-arb99g0anp] {
        justify-content: flex-start;
        padding-top: 0;
    }
}
/* /Components/Pages/Admin/HotelConfigurationRoomsEditor.razor.rz.scp.css */
.rooms-editor[b-1s1q9h39o5] {
    --room-card-rose: #c94f7c;
    --room-card-charcoal: #233042;
    --room-card-border: rgba(220, 227, 236, 0.95);
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    align-items: start;
    gap: 18px;
}

.rooms-header-card[b-1s1q9h39o5],
.rooms-list-card[b-1s1q9h39o5],
.rooms-editor[b-1s1q9h39o5]  .room-editor-card,
.rooms-editor[b-1s1q9h39o5]  .room-empty-detail {
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.rooms-list-panel[b-1s1q9h39o5] {
    position: sticky;
    top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: clamp(420px, calc(100vh - 160px), 840px);
    min-height: 0;
}

.rooms-header-card[b-1s1q9h39o5],
.rooms-list-card[b-1s1q9h39o5] {
    overflow: hidden;
}

.rooms-header-card[b-1s1q9h39o5] {
    flex: 0 0 82px;
}

.rooms-list-card[b-1s1q9h39o5] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.rooms-list-heading[b-1s1q9h39o5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    height: 100%;
    padding: 16px;
    box-sizing: border-box;
}

.rooms-list-heading[b-1s1q9h39o5]  .mud-typography-h6,
.room-editor-heading[b-1s1q9h39o5]  .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

.rooms-list-heading[b-1s1q9h39o5]  .mud-typography-caption,
.room-editor-heading[b-1s1q9h39o5]  .mud-typography-caption {
    display: block;
    margin-top: 2px;
    color: #6a5a60;
}

.rooms-list[b-1s1q9h39o5] {
    display: grid;
    align-content: start;
    flex: 1 1 auto;
    gap: 0.8rem;
    padding: 12px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.room-list-button[b-1s1q9h39o5],
.rooms-empty[b-1s1q9h39o5] {
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.rooms-empty[b-1s1q9h39o5] {
    flex: 1 1 auto;
    overflow-y: auto;
}

.room-list-button[b-1s1q9h39o5] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    min-height: 86px;
    padding: 0.9rem 0.95rem;
    border: 1px solid var(--room-card-border);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    cursor: pointer;
}

.room-list-button.is-selected[b-1s1q9h39o5] {
    border-color: rgba(201, 79, 124, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.98));
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09);
}

.room-list-icon-shell[b-1s1q9h39o5] {
    position: relative;
    flex: 0 0 auto;
}

.room-list-icon[b-1s1q9h39o5],
.room-editor-icon[b-1s1q9h39o5],
.room-empty-detail-icon[b-1s1q9h39o5] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.room-list-icon[b-1s1q9h39o5] {
    width: 44px;
    height: 44px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 16px rgba(31, 41, 55, 0.22);
}

.room-list-copy[b-1s1q9h39o5] {
    display: grid;
    align-content: center;
    gap: 0.2rem;
    flex: 1 1 auto;
    min-width: 0;
}

.room-list-copy strong[b-1s1q9h39o5],
.room-list-copy small[b-1s1q9h39o5] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.room-list-copy strong[b-1s1q9h39o5] {
    color: var(--room-card-charcoal);
    font-size: 0.95rem;
    line-height: 1.2;
}

.room-list-copy small[b-1s1q9h39o5] {
    color: var(--room-card-rose);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.room-drag-handle[b-1s1q9h39o5] {
    position: absolute;
    right: 12px;
    bottom: 5px;
    width: 18px;
    height: 10px;
    background-image: radial-gradient(circle, #5b6c7c 1.5px, transparent 1.7px);
    background-position: 0 0;
    background-size: 6px 5px;
}

.room-status[b-1s1q9h39o5] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: var(--room-card-rose);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}

.room-status.is-active[b-1s1q9h39o5] {
    background: #3aa675;
}

.rooms-empty[b-1s1q9h39o5] {
    display: grid;
    place-items: center;
    gap: 7px;
    min-height: 180px;
    padding: 24px;
    color: #6a5a60;
    text-align: center;
    cursor: pointer;
}

.room-detail[b-1s1q9h39o5] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.rooms-editor[b-1s1q9h39o5]  .room-editor-card {
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 16px;
}

.room-editor-heading[b-1s1q9h39o5],
.room-editor-heading-copy[b-1s1q9h39o5] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.room-editor-heading-action[b-1s1q9h39o5] {
    justify-content: space-between;
}

.room-field-grid[b-1s1q9h39o5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 12px;
}

.room-field-grid-three[b-1s1q9h39o5] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.room-occupancy-grid[b-1s1q9h39o5] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rooms-editor[b-1s1q9h39o5]  .room-editor-card .mud-input-label,
.rooms-editor[b-1s1q9h39o5]  .room-editor-card .mud-input-label-text,
.rooms-editor[b-1s1q9h39o5]  .room-editor-card label {
    color: #c04a6e !important;
    font-size: 0.9rem;
    font-weight: 650;
}

.room-editor-empty[b-1s1q9h39o5] {
    padding: 18px;
    border: 1px dashed #d9cdd1;
    border-radius: 10px;
    color: #7b6a70;
    text-align: center;
}

.room-content-list[b-1s1q9h39o5],
.room-image-list[b-1s1q9h39o5] {
    display: grid;
    gap: 14px;
}

.room-content-row[b-1s1q9h39o5] {
    display: grid;
    grid-template-columns: minmax(180px, 0.65fr) minmax(260px, 1.35fr) 52px 32px 48px 40px;
    grid-template-areas:
        "locale name flag status delete collapse"
        "description description description description delete .";
    align-items: start;
    gap: 8px 12px;
    padding: 12px 10px 12px 14px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: linear-gradient(135deg, #fff 0%, #fdf9fa 100%);
    box-shadow: 0 1px 2px rgba(92, 55, 68, 0.04);
}

.room-content-locale[b-1s1q9h39o5] { grid-area: locale; }
.room-content-name[b-1s1q9h39o5] { grid-area: name; }
.room-content-flag[b-1s1q9h39o5] { display: flex; grid-area: flag; align-items: center; justify-content: center; }
.room-content-status[b-1s1q9h39o5] { display: flex; grid-area: status; align-items: center; justify-content: center; }
.room-content-description[b-1s1q9h39o5] { grid-area: description; }
.room-content-delete[b-1s1q9h39o5] { display: flex; grid-area: delete; align-items: center; justify-content: center; min-width: 48px; }
.room-content-collapse[b-1s1q9h39o5] { display: flex; grid-area: collapse; align-items: center; justify-content: center; }

.room-image-item[b-1s1q9h39o5] {
    display: grid;
    gap: 12px;
    padding-top: 14px;
    border-top: 1px solid #eadfe3;
}

.room-image-overview[b-1s1q9h39o5] {
    display: grid;
    grid-template-columns: 264px minmax(0, 1fr);
    align-items: start;
    gap: 16px;
}

.room-image-preview[b-1s1q9h39o5] {
    width: 264px;
    height: 156px;
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(135deg, #65432a 0%, #b78546 58%, #2d3f2f 100%);
}

.room-image-preview img[b-1s1q9h39o5] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.room-image-preview-empty[b-1s1q9h39o5] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 6px;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.74rem;
    font-weight: 700;
}

.room-image-fields[b-1s1q9h39o5] {
    display: grid;
    grid-template-rows: auto auto;
    align-content: space-between;
    gap: 14px;
    min-width: 0;
}

.room-image-field-row[b-1s1q9h39o5] {
    display: grid;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.room-image-field-row-primary[b-1s1q9h39o5] {
    grid-template-columns: minmax(0, 1fr) 86px;
    margin-top: 16px;
}

.room-image-field-row-secondary[b-1s1q9h39o5] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 16px;
    padding-right: 98px;
}

.room-image-actions[b-1s1q9h39o5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    width: 86px;
}

.room-image-upload-button[b-1s1q9h39o5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #c94f7c;
    cursor: pointer;
}

.room-image-upload-button:hover[b-1s1q9h39o5] {
    background: rgba(201, 79, 124, 0.1);
}

.room-image-caption-heading[b-1s1q9h39o5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.room-image-caption-editor[b-1s1q9h39o5] {
    display: grid;
    align-content: start;
    gap: 10px;
    min-width: 0;
}

.room-image-caption-row[b-1s1q9h39o5] {
    display: grid;
    grid-template-columns: minmax(150px, 0.6fr) minmax(220px, 1.4fr) auto;
    align-items: center;
    gap: 10px;
}

@media (max-width: 980px) {
    .rooms-editor[b-1s1q9h39o5] {
        grid-template-columns: 1fr;
    }

    .rooms-list-panel[b-1s1q9h39o5] {
        position: static;
        height: auto;
    }

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

@media (max-width: 720px) {
    .room-editor-heading-action[b-1s1q9h39o5],
    .room-image-caption-heading[b-1s1q9h39o5] {
        align-items: flex-start;
        flex-direction: column;
    }

    .room-field-grid[b-1s1q9h39o5],
    .room-field-grid-three[b-1s1q9h39o5],
    .room-occupancy-grid[b-1s1q9h39o5],
    .room-image-field-row-secondary[b-1s1q9h39o5],
    .room-image-caption-row[b-1s1q9h39o5] {
        grid-template-columns: 1fr;
    }

    .room-image-overview[b-1s1q9h39o5] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/HotelConfigurationServicesEditor.razor.rz.scp.css */
.services-editor[b-zkdru504qp] {
    --service-rose: #c94f7c;
    --service-charcoal: #233042;
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    align-items: start;
    gap: 18px;
}

.services-header-card[b-zkdru504qp],
.services-list-card[b-zkdru504qp],
.services-editor[b-zkdru504qp]  .service-editor-card,
.services-editor[b-zkdru504qp]  .service-empty-detail {
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.services-list-panel[b-zkdru504qp] {
    position: sticky;
    top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: clamp(420px, calc(100vh - 160px), 840px);
    min-height: 0;
}

.services-header-card[b-zkdru504qp],
.services-list-card[b-zkdru504qp] {
    overflow: hidden;
}

.services-header-card[b-zkdru504qp] {
    flex: 0 0 82px;
}

.services-list-card[b-zkdru504qp] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.services-list-heading[b-zkdru504qp],
.service-editor-heading[b-zkdru504qp],
.service-editor-heading-copy[b-zkdru504qp] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.services-list-heading[b-zkdru504qp] {
    justify-content: space-between;
    height: 100%;
    padding: 16px;
    box-sizing: border-box;
}

.service-editor-heading-action[b-zkdru504qp],
.service-range-heading[b-zkdru504qp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.services-list-heading[b-zkdru504qp]  .mud-typography-h6,
.service-editor-heading[b-zkdru504qp]  .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

.services-list-heading[b-zkdru504qp]  .mud-typography-caption,
.service-editor-heading[b-zkdru504qp]  .mud-typography-caption {
    display: block;
    margin-top: 2px;
    color: #6a5a60;
}

.service-add-picker[b-zkdru504qp] {
    flex: 0 0 auto;
    display: grid;
    gap: 8px;
    padding: 12px 16px 14px;
    border-bottom: 1px solid #eadfe3;
}

.service-add-picker-actions[b-zkdru504qp] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.services-list[b-zkdru504qp] {
    display: grid;
    align-content: start;
    flex: 1 1 auto;
    gap: 0.8rem;
    padding: 12px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.service-list-button[b-zkdru504qp],
.services-empty[b-zkdru504qp] {
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.services-empty[b-zkdru504qp] {
    flex: 1 1 auto;
    overflow-y: auto;
}

.service-list-button[b-zkdru504qp] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    min-height: 86px;
    padding: 0.9rem 0.95rem;
    border: 1px solid rgba(220, 227, 236, 0.95);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    cursor: pointer;
    transition: box-shadow 120ms ease, border-color 120ms ease, background 120ms ease;
}

.service-list-button:hover[b-zkdru504qp],
.service-list-button:focus-visible[b-zkdru504qp] {
    border-color: rgba(201, 79, 124, 0.28);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    outline: none;
}

.service-list-button.is-selected[b-zkdru504qp] {
    border-color: rgba(201, 79, 124, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.98));
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09);
}

.service-list-icon-shell[b-zkdru504qp] {
    position: relative;
    flex: 0 0 auto;
}

.service-list-icon[b-zkdru504qp],
.service-editor-icon[b-zkdru504qp],
.service-empty-detail-icon[b-zkdru504qp] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.service-list-icon[b-zkdru504qp] {
    width: 44px;
    height: 44px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 16px rgba(31, 41, 55, 0.22);
}

.service-list-copy[b-zkdru504qp] {
    display: grid;
    align-content: center;
    gap: 0.2rem;
    flex: 1 1 auto;
    min-width: 0;
}

.service-list-copy strong[b-zkdru504qp],
.service-list-copy small[b-zkdru504qp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.service-list-copy strong[b-zkdru504qp] {
    color: var(--service-charcoal);
    font-size: 0.95rem;
}

.service-list-copy small[b-zkdru504qp] {
    color: var(--service-rose);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.service-status[b-zkdru504qp] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: var(--service-rose);
}

.service-status.is-active[b-zkdru504qp] {
    background: #3aa675;
}

.service-drag-handle[b-zkdru504qp] {
    position: absolute;
    right: 12px;
    bottom: 5px;
    width: 18px;
    height: 10px;
    background-image: radial-gradient(circle, #5b6c7c 1.5px, transparent 1.7px);
    background-size: 6px 5px;
}

.services-empty[b-zkdru504qp] {
    display: grid;
    place-items: center;
    gap: 7px;
    min-height: 180px;
    padding: 24px;
    color: #6a5a60;
    text-align: center;
}

button.services-empty[b-zkdru504qp] {
    cursor: pointer;
}

.services-empty[b-zkdru504qp]  .mud-icon-root {
    color: #c04a6e;
    font-size: 2rem;
}

.services-empty strong[b-zkdru504qp] {
    color: #242424;
}

.services-empty span[b-zkdru504qp] {
    font-size: 0.76rem;
    line-height: 1.5;
}

.services-editor[b-zkdru504qp]  .service-empty-detail {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 360px;
    padding: 36px;
    color: #6a5a60;
    text-align: center;
}

.service-detail[b-zkdru504qp] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.services-editor[b-zkdru504qp]  .service-editor-card {
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 16px;
}

.service-field-grid[b-zkdru504qp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 12px;
}

.service-field-grid-three[b-zkdru504qp] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.services-editor[b-zkdru504qp]  .service-items-card {
    overflow: hidden;
}

.service-items-workspace[b-zkdru504qp] {
    display: grid;
    grid-template-columns: minmax(280px, 0.72fr) minmax(440px, 1.28fr);
    gap: 16px;
    min-width: 0;
}

.service-item-list[b-zkdru504qp] {
    display: grid;
    align-content: start;
    gap: 9px;
    min-width: 0;
}

.service-item-row[b-zkdru504qp] {
    overflow: hidden;
    border: 1px solid #e1d8dc;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(92, 55, 68, 0.04);
    transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.service-item-row:hover[b-zkdru504qp] {
    border-color: #d7b6c2;
    box-shadow: 0 8px 20px rgba(92, 55, 68, 0.08);
    transform: translateY(-1px);
}

.service-item-row.is-selected[b-zkdru504qp] {
    border-color: #c94f7c;
    box-shadow: 0 0 0 2px rgba(201, 79, 124, 0.11);
}

.service-item-select[b-zkdru504qp] {
    display: grid;
    grid-template-columns: 9px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 11px 12px 8px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.service-item-status[b-zkdru504qp] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #b8adb1;
}

.service-item-status.is-active[b-zkdru504qp] {
    background: #38a169;
    box-shadow: 0 0 0 3px rgba(56, 161, 105, 0.13);
}

.service-item-copy[b-zkdru504qp] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.service-item-copy strong[b-zkdru504qp],
.service-item-copy small[b-zkdru504qp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.service-item-copy strong[b-zkdru504qp] {
    color: #29354a;
    font-size: 0.9rem;
    font-weight: 700;
}

.service-item-copy small[b-zkdru504qp] {
    color: #c04a6e;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.service-item-badges[b-zkdru504qp] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
}

.service-item-badge[b-zkdru504qp] {
    padding: 2px 7px;
    border-radius: 999px;
    background: #f7e6ec;
    color: #ad3f65;
    font-size: 0.65rem;
    font-weight: 750;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.service-item-badge.is-muted[b-zkdru504qp] {
    background: #efecee;
    color: #75696e;
}

.service-item-row-footer[b-zkdru504qp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 34px;
    padding: 4px 7px 5px 31px;
    border-top: 1px solid #f0e9ec;
    background: #fdfafb;
}

.service-item-meta[b-zkdru504qp] {
    color: #75696e;
    font-size: 0.72rem;
}

.service-item-row-footer[b-zkdru504qp]  .mud-button-root {
    min-width: 0;
    padding: 3px 7px;
    font-size: 0.7rem;
}

.service-item-detail-panel[b-zkdru504qp] {
    display: grid;
    align-content: start;
    gap: 14px;
    min-width: 0;
    padding: 14px 16px 16px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: linear-gradient(145deg, #fff 0%, #fdf9fa 100%);
}

.service-item-detail-heading[b-zkdru504qp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee4e7;
}

.service-item-detail-heading > div[b-zkdru504qp] {
    min-width: 0;
}

.service-item-detail-heading[b-zkdru504qp]  .mud-typography-subtitle1 {
    overflow: hidden;
    color: #29354a;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.service-item-field-grid[b-zkdru504qp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 12px 16px;
    min-width: 0;
}

.services-editor[b-zkdru504qp]  .service-editor-card .mud-input-label,
.services-editor[b-zkdru504qp]  .service-editor-card .mud-input-label-text,
.services-editor[b-zkdru504qp]  .service-editor-card label {
    color: #c04a6e !important;
    font-size: 0.9rem;
    font-weight: 650;
}

.services-editor[b-zkdru504qp]  .service-editor-card .mud-input-control {
    margin: 2px 0;
}

.service-editor-empty[b-zkdru504qp] {
    padding: 18px;
    border: 1px dashed #d9cdd1;
    border-radius: 10px;
    color: #7b6a70;
    text-align: center;
}

.service-content-list[b-zkdru504qp],
.service-image-list[b-zkdru504qp] {
    display: grid;
    gap: 14px;
}

.service-content-row[b-zkdru504qp] {
    display: grid;
    grid-template-columns: minmax(180px, 0.65fr) minmax(260px, 1.35fr) 52px 32px 48px 40px;
    grid-template-areas:
        "locale name flag status delete collapse"
        "description description description description delete .";
    align-items: start;
    gap: 8px 12px;
    padding: 12px 10px 12px 14px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: linear-gradient(135deg, #fff 0%, #fdf9fa 100%);
    box-shadow: 0 1px 2px rgba(92, 55, 68, 0.04);
}

.service-content-locale[b-zkdru504qp] {
    grid-area: locale;
}

.service-content-name[b-zkdru504qp] {
    grid-area: name;
}

.service-content-flag[b-zkdru504qp] {
    display: flex;
    grid-area: flag;
    align-items: center;
    align-self: stretch;
    justify-content: center;
}

.service-content-status[b-zkdru504qp] {
    display: flex;
    grid-area: status;
    align-items: center;
    align-self: stretch;
    justify-content: center;
}

.service-content-description[b-zkdru504qp] {
    grid-area: description;
}

.service-content-delete[b-zkdru504qp] {
    display: flex;
    grid-area: delete;
    align-items: center;
    align-self: stretch;
    justify-content: center;
    min-width: 48px;
}

.service-content-collapse[b-zkdru504qp] {
    display: flex;
    grid-area: collapse;
    align-items: center;
    justify-content: center;
}

.service-content-row.is-collapsed[b-zkdru504qp] {
    grid-template-areas: "locale name flag status delete collapse";
}

.service-content-locale[b-zkdru504qp],
.service-content-name[b-zkdru504qp],
.service-content-description[b-zkdru504qp] {
    min-width: 0;
}

.service-image-item[b-zkdru504qp] {
    display: grid;
    gap: 12px;
    padding-top: 14px;
    border-top: 1px solid #eadfe3;
}

.service-image-item:first-child[b-zkdru504qp] {
    padding-top: 0;
    border-top: 0;
}

.service-image-overview[b-zkdru504qp] {
    display: grid;
    grid-template-columns: 264px minmax(0, 1fr);
    gap: 16px;
}

.service-image-preview[b-zkdru504qp] {
    width: 264px;
    height: 156px;
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(135deg, #65432a, #b78546 58%, #2d3f2f);
}

.service-image-preview img[b-zkdru504qp] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-image-preview-empty[b-zkdru504qp] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 6px;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.74rem;
    font-weight: 700;
}

.service-image-fields[b-zkdru504qp] {
    display: grid;
    align-content: space-between;
    gap: 14px;
    min-width: 0;
}

.service-image-primary[b-zkdru504qp],
.service-image-secondary[b-zkdru504qp] {
    display: grid;
    align-items: center;
    gap: 12px;
}

.service-image-primary[b-zkdru504qp] {
    grid-template-columns: minmax(0, 1fr) 48px;
    margin-top: 16px;
}

.service-image-secondary[b-zkdru504qp] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 16px;
    padding-right: 60px;
}

.service-image-actions[b-zkdru504qp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.service-image-upload-button[b-zkdru504qp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #c94f7c;
    cursor: pointer;
}

.service-image-upload-button:hover[b-zkdru504qp] {
    background: rgba(201, 79, 124, 0.1);
}

.service-image-caption-editor[b-zkdru504qp] {
    display: grid;
    gap: 10px;
}

.service-image-caption-row[b-zkdru504qp] {
    display: grid;
    grid-template-columns: minmax(170px, 0.65fr) minmax(240px, 1.35fr) auto;
    align-items: center;
    gap: 10px;
}

@media (max-width: 980px) {
    .services-editor[b-zkdru504qp] {
        grid-template-columns: 1fr;
    }

    .services-list-panel[b-zkdru504qp] {
        position: static;
        height: auto;
    }

    .service-items-workspace[b-zkdru504qp] {
        grid-template-columns: minmax(240px, 0.7fr) minmax(390px, 1.3fr);
    }
}

@media (max-width: 820px) {
    .service-items-workspace[b-zkdru504qp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .service-editor-heading-action[b-zkdru504qp],
    .service-range-heading[b-zkdru504qp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .service-field-grid[b-zkdru504qp],
    .service-item-field-grid[b-zkdru504qp],
    .service-image-secondary[b-zkdru504qp],
    .service-image-caption-row[b-zkdru504qp] {
        grid-template-columns: 1fr;
    }

    .service-item-detail-heading[b-zkdru504qp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .service-item-badges[b-zkdru504qp] {
        display: none;
    }

    .service-image-overview[b-zkdru504qp] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/HotelConfigurationTemplatesEditor.razor.rz.scp.css */
.templates-editor[b-cb78bc6bri] {
    --template-card-rose: #c94f7c;
    --template-card-charcoal: #233042;
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    align-items: start;
    gap: 18px;
}

.templates-editor[b-cb78bc6bri]  .configuration-selection-panel {
    position: sticky;
    top: 16px;
}

.template-browser-column[b-cb78bc6bri] {
    display: grid;
    gap: 14px;
}

.template-filter-card[b-cb78bc6bri] {
    display: grid;
    gap: 18px;
    padding: 0;
}

.template-filter-grid[b-cb78bc6bri] {
    display: grid;
    gap: 16px;
}

.templates-editor[b-cb78bc6bri]  .configuration-selection-header-card,
.templates-editor[b-cb78bc6bri]  .configuration-selection-list-card,
.templates-editor[b-cb78bc6bri]  .template-editor-card,
.templates-editor[b-cb78bc6bri]  .template-empty-detail {
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.templates-editor[b-cb78bc6bri]  .configuration-selection-heading .mud-typography-h6,
.template-editor-heading[b-cb78bc6bri]  .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

.templates-editor[b-cb78bc6bri]  .configuration-selection-heading .mud-typography-caption,
.template-editor-heading[b-cb78bc6bri]  .mud-typography-caption {
    display: block;
    margin-top: 2px;
    color: #6a5a60;
}

.templates-editor[b-cb78bc6bri]  .configuration-selection-button.is-selected {
    border-color: rgba(201, 79, 124, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.98));
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09);
}

.templates-editor[b-cb78bc6bri]  .configuration-selection-copy strong {
    color: var(--template-card-charcoal);
}

.templates-editor[b-cb78bc6bri]  .configuration-selection-copy small {
    color: var(--template-card-rose);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.templates-editor[b-cb78bc6bri]  .configuration-selection-icon {
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 16px rgba(31, 41, 55, 0.22);
}

.template-status[b-cb78bc6bri] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #d68a2f;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}

.template-status.is-active[b-cb78bc6bri] {
    background: #3aa675;
}

.template-empty-detail[b-cb78bc6bri] {
    display: block;
    padding: 0;
}

.template-empty-detail-content[b-cb78bc6bri] {
    display: grid;
    align-content: start;
    justify-items: start;
    gap: 12px;
    padding: 22px 20px;
    text-align: left;
}

.template-empty-detail-icon[b-cb78bc6bri],
.template-editor-icon[b-cb78bc6bri] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.template-detail[b-cb78bc6bri] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.template-empty-detail-content[b-cb78bc6bri]  .mud-typography-h5 {
    margin: 2px 0 0;
}

.template-empty-detail-content[b-cb78bc6bri]  .mud-typography-body2 {
    max-width: 32rem;
    line-height: 1.6;
}

.templates-editor[b-cb78bc6bri]  .template-editor-card {
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 22px 20px;
}

.template-editor-heading[b-cb78bc6bri],
.template-editor-heading-copy[b-cb78bc6bri] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.template-editor-heading-action[b-cb78bc6bri] {
    justify-content: space-between;
}

.template-field-grid[b-cb78bc6bri] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 12px;
}

.template-field-grid-three[b-cb78bc6bri] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.template-locale-option[b-cb78bc6bri] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.template-locale-option[b-cb78bc6bri]  .locale-flag-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.template-locale-option[b-cb78bc6bri]  .locale-flag-badge svg {
    width: auto;
    height: 1em;
}

.template-locale-option span:last-child[b-cb78bc6bri] {
    line-height: 1.2;
}

.template-editor-toolbar[b-cb78bc6bri] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.template-ai-brief-field[b-cb78bc6bri] {
    margin-top: 2px;
}

.template-warning-alert[b-cb78bc6bri] {
    display: grid;
    gap: 10px;
}

.template-warning-alert-copy[b-cb78bc6bri] {
    display: grid;
    gap: 2px;
}

.template-warning-list[b-cb78bc6bri] {
    margin: 0;
    padding-left: 18px;
    color: #6a5a60;
}

.template-warning-list li + li[b-cb78bc6bri] {
    margin-top: 4px;
}

.template-derive-grid[b-cb78bc6bri] {
    align-items: end;
}

.template-derive-action[b-cb78bc6bri] {
    display: flex;
    align-items: center;
    min-height: 56px;
}

.template-placeholders-panel[b-cb78bc6bri] {
    margin-top: 4px;
}

.template-placeholder-groups[b-cb78bc6bri] {
    display: grid;
    gap: 14px;
}

.template-placeholder-group[b-cb78bc6bri] {
    display: grid;
    gap: 6px;
}

.template-placeholder-chips[b-cb78bc6bri] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.template-placeholder-pill[b-cb78bc6bri] {
    border: 1px solid rgba(35, 48, 66, 0.12);
    border-radius: 999px;
    background: #fff;
    color: var(--template-card-charcoal);
    padding: 7px 12px;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.template-placeholder-pill:hover[b-cb78bc6bri],
.template-placeholder-pill:focus-visible[b-cb78bc6bri] {
    border-color: var(--template-card-rose);
    background: var(--template-card-rose);
    color: #fff;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.14);
    outline: none;
    transform: translateY(-1px);
}

.template-ai-loading[b-cb78bc6bri] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid #eadfe3;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(251, 245, 248, 0.98), rgba(255, 255, 255, 0.98));
}

.template-ai-loading-badge[b-cb78bc6bri] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 54px;
    height: 54px;
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, #f7d8e3, #c04a6e);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 10px 24px rgba(192, 74, 110, 0.18);
}

.template-ai-loading-dot[b-cb78bc6bri] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #fff;
    animation: template-ai-wave-b-cb78bc6bri 1.2s ease-in-out infinite;
}

.template-ai-loading-dot:nth-child(2)[b-cb78bc6bri] {
    animation-delay: 0.16s;
}

.template-ai-loading-dot:nth-child(3)[b-cb78bc6bri] {
    animation-delay: 0.32s;
}

.template-ai-loading-copy[b-cb78bc6bri] {
    display: grid;
    gap: 2px;
}

@keyframes template-ai-wave-b-cb78bc6bri {
    0%, 60%, 100% {
        transform: translateY(0) scale(0.92);
        opacity: 0.55;
    }

    30% {
        transform: translateY(-4px) scale(1);
        opacity: 1;
    }
}

.template-preview-shell[b-cb78bc6bri] {
    display: grid;
    gap: 10px;
}

.template-preview-overlay[b-cb78bc6bri] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 28px;
    background: rgba(20, 24, 33, 0.52);
    backdrop-filter: blur(4px);
    z-index: 1400;
}

.template-preview-dialog[b-cb78bc6bri] {
    display: grid;
    gap: 16px;
    width: min(1120px, calc(100vw - 56px));
    max-height: calc(100vh - 56px);
    padding: 22px 20px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.99);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
}

.template-preview-dialog-header[b-cb78bc6bri] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.template-designer-shell[b-cb78bc6bri] {
    display: grid;
    gap: 10px;
}

.template-preview-heading[b-cb78bc6bri] {
    display: grid;
    gap: 2px;
}

.template-grapes-host[b-cb78bc6bri] {
    min-height: 720px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.template-grapes-host[b-cb78bc6bri]  .template-grapes-canvas,
.template-grapes-host .template-grapes-canvas[b-cb78bc6bri] {
    min-height: 720px;
}

.template-preview-frame[b-cb78bc6bri] {
    width: 100%;
    min-height: 720px;
    height: calc(100vh - 180px);
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: #fff;
}

.template-raw-panel[b-cb78bc6bri] {
    margin-top: 4px;
}

.templates-editor[b-cb78bc6bri]  .template-editor-card .mud-input-label,
.templates-editor[b-cb78bc6bri]  .template-editor-card .mud-input-label-text,
.templates-editor[b-cb78bc6bri]  .template-editor-card label {
    color: #c04a6e !important;
    font-size: 0.9rem;
    font-weight: 650;
}

.templates-editor[b-cb78bc6bri]  .template-payload-field textarea {
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.9rem;
    line-height: 1.45;
}

@media (max-width: 980px) {
    .templates-editor[b-cb78bc6bri] {
        grid-template-columns: 1fr;
    }

    .templates-editor[b-cb78bc6bri]  .configuration-selection-panel {
        position: static;
    }
}

@media (max-width: 720px) {
    .template-editor-heading-action[b-cb78bc6bri] {
        align-items: flex-start;
        flex-direction: column;
    }

    .template-preview-overlay[b-cb78bc6bri] {
        padding: 16px;
    }

    .template-preview-dialog[b-cb78bc6bri] {
        width: min(100vw - 32px, 1120px);
        max-height: calc(100vh - 32px);
        padding: 18px 16px;
    }

    .template-preview-dialog-header[b-cb78bc6bri] {
        flex-direction: column;
    }

    .template-field-grid[b-cb78bc6bri],
    .template-field-grid-three[b-cb78bc6bri] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Merchants.razor.rz.scp.css */
.merchant-user-card-list[b-b26s1gv70a] {
    display: grid;
    gap: 0.9rem;
}

.merchant-user-card[b-b26s1gv70a] {
    display: flex;
    align-items: center;
    gap: 0.95rem;
    width: 100%;
    padding: 1rem 1.05rem;
    border: 1px solid rgba(216, 224, 232, 0.95);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    text-align: left;
    cursor: pointer;
    transition:
        box-shadow 120ms ease,
        border-color 120ms ease,
        background 120ms ease;
}

.merchant-user-card-main[b-b26s1gv70a] {
    display: flex;
    align-items: center;
    gap: 0.95rem;
    flex: 1 1 auto;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.merchant-user-card:hover[b-b26s1gv70a],
.merchant-user-card:focus-visible[b-b26s1gv70a] {
    border-color: rgba(201, 79, 124, 0.28);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    outline: none;
}

.merchant-user-card.is-selected[b-b26s1gv70a] {
    border-color: rgba(201, 79, 124, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.98));
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09);
}

.merchant-user-card-icon-shell[b-b26s1gv70a] {
    position: relative;
    flex: 0 0 auto;
}

.merchant-user-card-icon[b-b26s1gv70a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 8px 16px rgba(31, 41, 55, 0.22);
}

.merchant-user-card-icon[b-b26s1gv70a]  .mud-icon-root {
    font-size: 1.15rem;
}

.merchant-user-card-indicator[b-b26s1gv70a] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 2px solid #ffffff;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}

.merchant-user-card-indicator.is-complete[b-b26s1gv70a] {
    background: #3aa675;
}

.merchant-user-card-indicator.is-pending[b-b26s1gv70a] {
    background: #c94f7c;
}

.merchant-user-card-copy[b-b26s1gv70a] {
    display: grid;
    align-content: center;
    gap: 0.2rem;
    flex: 1 1 auto;
    min-width: 0;
}

.merchant-user-card-delete[b-b26s1gv70a] {
    flex: 0 0 auto;
    color: #94a3b8;
}

.merchant-user-card-delete:hover[b-b26s1gv70a] {
    color: #64748b;
}

.merchant-user-card-title[b-b26s1gv70a] {
    color: #132233;
    font-size: 0.95rem;
    line-height: 1.2;
}

.merchant-user-card-status[b-b26s1gv70a] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.merchant-user-card-status.is-complete[b-b26s1gv70a] {
    color: #2f7a57;
}

.merchant-user-card-status.is-pending[b-b26s1gv70a] {
    color: #c94f7c;
}

.merchant-user-card-meta[b-b26s1gv70a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1rem;
    color: #5a6b7f;
    font-size: 0.8rem;
    line-height: 1.4;
}

.merchant-assignment-picker-shell[b-b26s1gv70a] {
    margin-bottom: 1rem;
}

.merchant-search-button[b-b26s1gv70a] {
    width: 100%;
    min-height: 56px;
}

.merchant-assignment-card-grid[b-b26s1gv70a] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.merchant-assignment-card[b-b26s1gv70a] {
    border-radius: 12px;
    border-color: rgba(216, 224, 232, 0.95);
    background: rgba(255, 255, 255, 0.96);
}

.merchant-assignment-card-head[b-b26s1gv70a] {
    gap: 1rem;
}

.merchant-assignment-card-content[b-b26s1gv70a] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
}

.merchant-assignment-card-icon-shell[b-b26s1gv70a] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
}

.merchant-assignment-card-icon[b-b26s1gv70a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 8px 16px rgba(31, 41, 55, 0.18);
}

.merchant-assignment-card-icon[b-b26s1gv70a]  .mud-icon-root {
    font-size: 1.15rem;
}

.merchant-assignment-card-indicator[b-b26s1gv70a] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.18);
}

.merchant-assignment-card-indicator.is-active[b-b26s1gv70a] {
    background: #45b36b;
}

.merchant-assignment-card-indicator.is-inactive[b-b26s1gv70a] {
    background: #d96a7c;
}

.merchant-assignment-card-copy[b-b26s1gv70a] {
    min-width: 0;
}

.merchant-assignment-card-copy[b-b26s1gv70a]  .mud-typography-subtitle2 {
    color: #132233;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.2;
}

.merchant-assignment-card-copy[b-b26s1gv70a]  .mud-typography-body2 {
    color: #5a6b7f;
    font-size: 0.8rem;
    line-height: 1.4;
}

.merchant-assignment-card-controls[b-b26s1gv70a] {
    gap: 0.15rem;
    flex: 0 0 auto;
}

.merchant-assignment-card-remove[b-b26s1gv70a] {
    color: #94a3b8;
}

.merchant-assignment-card-remove:hover[b-b26s1gv70a] {
    color: #64748b;
}

@media (max-width: 900px) {
    .merchant-assignment-card-grid[b-b26s1gv70a] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/PaymentConfiguration.razor.rz.scp.css */
.payment-config-page[b-bwqqs0uisd] {
    --payment-config-rose: #c94f7c;
    --payment-config-rose-soft: rgba(201, 79, 124, 0.12);
    --payment-config-rose-border: rgba(201, 79, 124, 0.22);
    --payment-config-charcoal: #233042;
    --payment-config-charcoal-soft: #f6f8fc;
}

.payment-config-context[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    color: #6a5a60;
    font-size: 0.83rem;
    flex: 0 0 auto;
    white-space: nowrap;
}

.payment-config-context span + strong[b-bwqqs0uisd]::before,
.payment-config-context strong + span[b-bwqqs0uisd]::before,
.payment-config-context span + span[b-bwqqs0uisd]::before {
    content: "•";
    margin-right: 9px;
    color: #baaeb2;
}

.payment-config-customer-shell[b-bwqqs0uisd] {
    display: grid;
    gap: 1.25rem;
}

.payment-config-customer-hero[b-bwqqs0uisd] {
    display: grid;
    gap: 1.25rem;
    padding: 1.4rem;
    border-radius: 10px;
    border: 1px solid rgba(219, 226, 235, 0.92);
    background:
        radial-gradient(circle at top right, rgba(201, 79, 124, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.98));
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
    color: #5a6b7f;
}

.payment-config-customer-hero-copy[b-bwqqs0uisd] {
    display: grid;
    gap: 0.8rem;
}

.payment-config-kicker[b-bwqqs0uisd] {
    display: inline-flex;
    width: fit-content;
    padding: 0.35rem 0.7rem;
    border-radius: 10px;
    background: var(--payment-config-rose-soft);
    color: var(--payment-config-rose);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.payment-config-customer-title[b-bwqqs0uisd] {
    margin: 0;
    color: #172334;
    font-size: 1.45rem;
    line-height: 1.1;
    font-weight: 800;
}

.payment-config-customer-summary[b-bwqqs0uisd] {
    margin: 0;
    max-width: 56ch;
    font-size: 0.95rem;
    line-height: 1.55;
}

.payment-config-debug-action-row[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    padding-top: 0.15rem;
}

.payment-config-overview-grid[b-bwqqs0uisd] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.payment-config-main-card[b-bwqqs0uisd] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    width: 100%;
    padding: 1rem 1.05rem;
    border: 1px solid rgba(220, 227, 236, 0.95);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    text-align: left;
    cursor: pointer;
    transition:
        box-shadow 120ms ease,
        border-color 120ms ease,
        background 120ms ease;
}

.payment-config-main-card:hover[b-bwqqs0uisd],
.payment-config-main-card:focus-visible[b-bwqqs0uisd] {
    border-color: rgba(201, 79, 124, 0.28);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    outline: none;
}

.payment-config-main-card.is-selected[b-bwqqs0uisd] {
    border-color: rgba(201, 79, 124, 0.32);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.98));
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09);
}

.payment-config-main-card-icon[b-bwqqs0uisd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 8px 16px rgba(31, 41, 55, 0.22);
}

.payment-config-main-card-icon[b-bwqqs0uisd]  .mud-icon-root {
    font-size: 1.2rem;
}

.payment-config-main-card-copy[b-bwqqs0uisd] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

.payment-config-main-card-title[b-bwqqs0uisd] {
    color: var(--payment-config-charcoal);
    font-size: 0.98rem;
    line-height: 1.2;
}

.payment-config-main-card-body[b-bwqqs0uisd] {
    color: #5a6b7f;
    font-size: 0.86rem;
    line-height: 1.45;
}

.payment-config-setup-grid[b-bwqqs0uisd] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-auto-rows: 1fr;
    align-items: stretch;
}

.payment-config-setup-card[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    width: 100%;
    min-height: 86px;
    height: 100%;
    padding: 0.9rem 0.95rem;
    border-radius: 10px;
    border: 1px solid rgba(220, 227, 236, 0.95);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    text-align: left;
    cursor: pointer;
    transition:
        box-shadow 120ms ease,
        border-color 120ms ease,
        background 120ms ease;
}

.payment-config-setup-card:hover[b-bwqqs0uisd],
.payment-config-setup-card:focus-visible[b-bwqqs0uisd] {
    border-color: rgba(201, 79, 124, 0.28);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    outline: none;
}

.payment-config-setup-card.is-selected[b-bwqqs0uisd] {
    border-color: rgba(201, 79, 124, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.98));
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09);
}

.payment-config-setup-icon-shell[b-bwqqs0uisd] {
    position: relative;
    flex: 0 0 auto;
}

.payment-config-setup-icon[b-bwqqs0uisd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 8px 16px rgba(31, 41, 55, 0.22);
}

.payment-config-setup-icon[b-bwqqs0uisd]  .mud-icon-root {
    font-size: 1.15rem;
}

.payment-config-setup-indicator[b-bwqqs0uisd] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 2px solid #ffffff;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}

.payment-config-setup-indicator.is-complete[b-bwqqs0uisd] {
    background: #3aa675;
}

.payment-config-setup-indicator.is-partial[b-bwqqs0uisd] {
    background: #d68a2f;
}

.payment-config-setup-indicator.is-pending[b-bwqqs0uisd] {
    background: var(--payment-config-rose);
}

.payment-config-setup-copy[b-bwqqs0uisd] {
    display: grid;
    align-content: center;
    gap: 0.2rem;
    flex: 1 1 auto;
    min-width: 0;
}

.payment-config-setup-title[b-bwqqs0uisd] {
    color: var(--payment-config-charcoal);
    font-size: 0.95rem;
    line-height: 1.2;
}

.payment-config-setup-status[b-bwqqs0uisd] {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.payment-config-setup-status.is-complete[b-bwqqs0uisd] {
    color: #2f7a57;
}

.payment-config-setup-status.is-partial[b-bwqqs0uisd] {
    color: #d68a2f;
}

.payment-config-setup-status.is-pending[b-bwqqs0uisd] {
    color: var(--payment-config-rose);
}

.payment-config-stat-grid[b-bwqqs0uisd] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.payment-config-detail-grid[b-bwqqs0uisd] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.payment-config-invite-list[b-bwqqs0uisd] {
    display: grid;
    gap: 0.9rem;
}

.payment-config-invite-card[b-bwqqs0uisd] {
    align-items: center;
}

.payment-config-invite-card-shell[b-bwqqs0uisd] {
    position: relative;
}

.payment-config-invite-card-copy[b-bwqqs0uisd] {
    min-width: 0;
}

.payment-config-invite-card-meta[b-bwqqs0uisd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1rem;
    color: #5a6b7f;
    font-size: 0.9rem;
    line-height: 1.35;
}

.payment-config-invite-card-shell .payment-config-invite-card[b-bwqqs0uisd] {
    padding-right: 3rem;
}

.payment-config-invite-card-action[b-bwqqs0uisd] {
    position: absolute;
    top: 0.75rem;
    right: 0.7rem;
    z-index: 1;
}

.payment-config-invite-card-remove[b-bwqqs0uisd] {
    color: #94a3b8;
}

.payment-config-invite-card-remove:hover[b-bwqqs0uisd] {
    color: #64748b;
}

.payment-config-invite-token[b-bwqqs0uisd] {
    margin-top: 0.75rem;
    color: #5a6b7f;
    font-size: 0.9rem;
    word-break: break-all;
}

.payment-config-onboarding-link-panel[b-bwqqs0uisd] {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
    padding: 1rem 1.05rem;
    border: 1px solid rgba(201, 79, 124, 0.2);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.96));
}

.payment-config-email-preview-panel[b-bwqqs0uisd] {
    display: grid;
    gap: 0.8rem;
    margin-top: 1rem;
    padding: 1rem 1.05rem;
    border: 1px solid rgba(216, 224, 232, 0.95);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.96));
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.payment-config-email-preview-copy[b-bwqqs0uisd] {
    margin: 0;
}

.payment-config-email-preview-subject[b-bwqqs0uisd] {
    display: grid;
    gap: 0.2rem;
    padding: 0.8rem 0.9rem;
    border-radius: 8px;
    border: 1px solid rgba(216, 224, 232, 0.95);
    background: rgba(248, 251, 255, 0.92);
    color: #132233;
}

.payment-config-email-preview-subject-label[b-bwqqs0uisd] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #667587;
}

.payment-config-email-preview-frame[b-bwqqs0uisd] {
    width: 100%;
    min-height: 640px;
    border: 1px solid rgba(216, 224, 232, 0.95);
    border-radius: 12px;
    background: #f4f1f4;
}

.payment-config-onboarding-link-copy[b-bwqqs0uisd] {
    margin: 0;
}

.payment-config-onboarding-link-code[b-bwqqs0uisd] {
    display: block;
    padding: 0.85rem 0.9rem;
    border-radius: 8px;
    border: 1px solid rgba(216, 224, 232, 0.95);
    background: rgba(248, 251, 255, 0.92);
    color: #132233;
    font-size: 0.82rem;
    line-height: 1.5;
    word-break: break-all;
    white-space: pre-wrap;
}

.payment-config-editor-list[b-bwqqs0uisd] {
    display: grid;
    gap: 1.15rem;
}

.payment-config-method-editor-list[b-bwqqs0uisd] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.payment-config-editor-item[b-bwqqs0uisd] {
    padding: 1.5rem;
    border-radius: 10px;
    border-color: rgba(216, 224, 232, 0.95);
    background: rgba(255, 255, 255, 0.96);
}

.payment-config-editor-item.is-dragging[b-bwqqs0uisd] {
    opacity: 0.76;
    border-color: rgba(201, 79, 124, 0.55);
    box-shadow: 0 14px 30px rgba(27, 39, 53, 0.12);
}

.payment-config-method-editor-stack[b-bwqqs0uisd] {
    display: grid;
    gap: 1rem;
}

.payment-config-method-editor-head[b-bwqqs0uisd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.45rem 1rem 0 1rem;
}

.payment-config-method-editor-body[b-bwqqs0uisd] {
    padding: 0 1rem 0.55rem 1rem;
}

.payment-config-method-editor-fields[b-bwqqs0uisd] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
}

.payment-config-method-editor-section[b-bwqqs0uisd] {
    min-width: 0;
}

.payment-config-method-editor-header-content[b-bwqqs0uisd] {
    display: grid;
    gap: 0.9rem;
    min-width: 0;
    width: 100%;
}

.payment-config-method-editor-header-meta[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding-top: 0.15rem;
}

.payment-config-method-priority-icon[b-bwqqs0uisd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--payment-config-charcoal);
    color: #f6d7e2;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1;
    border: 1px solid rgba(201, 79, 124, 0.18);
    box-shadow: 0 8px 18px rgba(27, 39, 53, 0.2);
}

.payment-config-method-drag-hint[b-bwqqs0uisd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    color: #5b6c7c;
    background: rgba(27, 39, 53, 0.06);
    cursor: grab;
}

.payment-config-method-editor-delete-row[b-bwqqs0uisd] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 0 0 auto;
    padding-top: 2px;
}

.payment-config-method-editor-delete-button.mud-icon-button[b-bwqqs0uisd] {
    width: 40px;
    height: 40px;
    align-self: center;
    border-radius: 8px;
    border: 1px solid rgba(201, 79, 124, 0.22);
    background: rgba(201, 79, 124, 0.08);
}

.payment-config-method-preview[b-bwqqs0uisd] {
    display: inline-flex;
    align-items: center;
    gap: 0.9rem;
    min-height: 60px;
    min-width: 220px;
    padding: 0.8rem 1rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid var(--payment-config-rose-border);
    box-shadow: 0 10px 24px rgba(27, 39, 53, 0.08);
    color: #223347;
}

.payment-config-method-preview-row[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: nowrap;
    min-width: 0;
}

.payment-config-provider-preview[b-bwqqs0uisd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    min-height: 44px;
    padding: 0.2rem 0.4rem;
    background: transparent;
}

.payment-config-provider-preview-image[b-bwqqs0uisd] {
    display: block;
    width: auto;
    max-width: 88px;
    height: 24px;
    object-fit: contain;
    background: transparent !important;
}

.payment-config-method-preview-emblem[b-bwqqs0uisd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    border-radius: 10px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 8px 16px rgba(31, 41, 55, 0.22);
}

.payment-config-method-preview-emblem[b-bwqqs0uisd]  .mud-icon-root {
    font-size: 1.15rem;
}

.payment-config-method-preview-copy[b-bwqqs0uisd] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.payment-config-method-preview-label[b-bwqqs0uisd] {
    color: #667587;
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.payment-config-method-preview-name[b-bwqqs0uisd] {
    color: var(--payment-config-rose);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.payment-config-provider-catalog[b-bwqqs0uisd] {
    display: grid;
    gap: 0.9rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid rgba(201, 79, 124, 0.2);
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(250, 245, 247, 0.96));
}

.payment-config-provider-catalog-heading[b-bwqqs0uisd] {
    display: grid;
    gap: 0.2rem;
}

.payment-config-provider-catalog-heading > strong[b-bwqqs0uisd] {
    color: var(--payment-config-charcoal);
    font-size: 1rem;
}

.payment-config-provider-catalog-heading > span:last-child[b-bwqqs0uisd] {
    color: #667587;
    font-size: 0.8rem;
}

.payment-config-provider-catalog-grid[b-bwqqs0uisd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 280px));
    gap: 0.75rem;
    justify-content: start;
}

.payment-config-provider-catalog-card[b-bwqqs0uisd] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    min-height: 82px;
    padding: 0.75rem;
    border: 1px solid rgba(207, 216, 226, 0.95);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.96);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.payment-config-provider-catalog-card:hover[b-bwqqs0uisd],
.payment-config-provider-catalog-card:focus-visible[b-bwqqs0uisd] {
    border-color: rgba(201, 79, 124, 0.55);
    box-shadow: 0 10px 24px rgba(32, 42, 54, 0.09);
    transform: translateY(-1px);
    outline: none;
}

.payment-config-provider-catalog-logo[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    color: #728095;
}

.payment-config-provider-catalog-logo .payment-config-provider-preview-image[b-bwqqs0uisd] {
    max-width: 64px;
}

.payment-config-provider-catalog-copy[b-bwqqs0uisd] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.payment-config-provider-catalog-copy > strong[b-bwqqs0uisd] {
    color: var(--payment-config-charcoal);
    font-size: 0.92rem;
}

.payment-config-provider-catalog-copy > span[b-bwqqs0uisd] {
    color: #667587;
    font-size: 0.72rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.payment-config-provider-catalog-add-icon[b-bwqqs0uisd] {
    color: var(--payment-config-rose);
}

.payment-config-method-catalog-groups[b-bwqqs0uisd] {
    display: grid;
    gap: 1rem;
}

.payment-config-method-catalog-group[b-bwqqs0uisd] {
    display: grid;
    gap: 0.55rem;
}

.payment-config-method-catalog-group + .payment-config-method-catalog-group[b-bwqqs0uisd] {
    padding-top: 0.9rem;
    border-top: 1px solid rgba(216, 224, 232, 0.9);
}

.payment-config-method-catalog-group-title[b-bwqqs0uisd] {
    color: var(--payment-config-charcoal);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.payment-config-provider-editor-list[b-bwqqs0uisd] {
    grid-template-columns: 1fr;
}

.payment-config-provider-editor-stack[b-bwqqs0uisd] {
    display: grid;
    gap: 1rem;
    padding-top: 0.25rem;
}

.payment-config-provider-editor-head[b-bwqqs0uisd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.5rem 0.95rem 0 0.95rem;
}

.payment-config-provider-editor-summary[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
    flex: 1 1 auto;
}

.payment-config-provider-editor-provider[b-bwqqs0uisd] {
    display: grid;
    gap: 0.18rem;
    flex: 1 1 auto;
    min-width: 0;
}

.payment-config-provider-editor-select-row[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
}

.payment-config-provider-fixed-value[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    min-height: 40px;
}

.payment-config-provider-editor-actions[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    flex: 0 0 auto;
}

.payment-config-provider-editor-kicker[b-bwqqs0uisd] {
    color: #667587;
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.payment-config-provider-editor-title[b-bwqqs0uisd] {
    color: var(--payment-config-charcoal);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.2;
}

.payment-config-provider-delete-button.mud-icon-button[b-bwqqs0uisd] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid rgba(201, 79, 124, 0.22);
    background: rgba(201, 79, 124, 0.08);
}

.payment-config-provider-entry-list[b-bwqqs0uisd] {
    display: grid;
    gap: 0.85rem;
    padding: 0.25rem 0.95rem 0.65rem 0.95rem;
}

.payment-config-provider-entry-row[b-bwqqs0uisd] {
    display: grid;
    grid-template-columns: minmax(160px, 220px) minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
}

.payment-config-provider-entry-type[b-bwqqs0uisd] {
    display: grid;
    gap: 0.22rem;
    min-width: 0;
    padding: 0.25rem 0.15rem;
}

.payment-config-provider-entry-type-label[b-bwqqs0uisd] {
    color: #667587;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.2;
}

.payment-config-provider-entry-type-value[b-bwqqs0uisd] {
    color: var(--payment-config-charcoal);
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.payment-config-provider-entry-delete-button.mud-icon-button[b-bwqqs0uisd] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    color: #111111;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.payment-config-policy-editor-list[b-bwqqs0uisd] {
    grid-template-columns: 1fr;
}

.payment-config-policy-editor-stack[b-bwqqs0uisd] {
    display: grid;
    gap: 1rem;
    padding-top: 0.25rem;
}

.payment-config-policy-editor-head[b-bwqqs0uisd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.5rem 0.95rem 0 0.95rem;
}

.payment-config-policy-editor-header-meta[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
}

.payment-config-policy-editor-title-block[b-bwqqs0uisd] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.payment-config-policy-editor-body[b-bwqqs0uisd] {
    display: grid;
    gap: 1rem;
    padding: 0 0.95rem 0.3rem 0.95rem;
}

.payment-config-policy-top-grid[b-bwqqs0uisd] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: minmax(0, 1fr) 150px;
}

.payment-config-policy-section[b-bwqqs0uisd] {
    display: grid;
    gap: 0.8rem;
}

.payment-config-policy-section-header[b-bwqqs0uisd] {
    display: grid;
    gap: 0.2rem;
}

.payment-config-policy-selector-grid[b-bwqqs0uisd] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payment-config-policy-action-list[b-bwqqs0uisd] {
    display: grid;
    gap: 0.85rem;
}

.payment-config-policy-action-editor[b-bwqqs0uisd] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: end;
}

.payment-config-policy-action-editor.has-delete[b-bwqqs0uisd] {
    grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
}

.payment-config-policy-action-delete[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 0.2rem;
}

@media (max-width: 1100px) {
    .payment-config-overview-grid[b-bwqqs0uisd] {
        grid-template-columns: 1fr;
    }

    .payment-config-method-editor-list[b-bwqqs0uisd] {
        grid-template-columns: 1fr;
    }

    .payment-config-onboarding-columns[b-bwqqs0uisd] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .payment-config-provider-catalog-grid[b-bwqqs0uisd] {
        grid-template-columns: 1fr;
    }

    .payment-config-provider-catalog-card[b-bwqqs0uisd] {
        width: 100%;
    }

    .payment-config-method-editor-fields[b-bwqqs0uisd] {
        grid-template-columns: 1fr;
    }

    .payment-config-method-editor-head[b-bwqqs0uisd] {
        flex-direction: column;
        align-items: flex-start;
    }

    .payment-config-method-editor-delete-row[b-bwqqs0uisd] {
        justify-content: flex-start;
        padding-bottom: 0;
    }

    .payment-config-method-preview-row[b-bwqqs0uisd] {
        flex-wrap: wrap;
    }

    .payment-config-provider-editor-summary[b-bwqqs0uisd] {
        flex-direction: column;
        align-items: flex-start;
    }

    .payment-config-provider-entry-row[b-bwqqs0uisd] {
        grid-template-columns: 1fr;
    }

    .payment-config-policy-top-grid[b-bwqqs0uisd],
    .payment-config-policy-selector-grid[b-bwqqs0uisd],
    .payment-config-policy-action-editor[b-bwqqs0uisd],
    .payment-config-policy-action-editor.has-delete[b-bwqqs0uisd] {
        grid-template-columns: 1fr;
    }

    .payment-config-method-editor-head[b-bwqqs0uisd],
    .payment-config-method-editor-body[b-bwqqs0uisd] {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
}

.payment-config-editor-grid[b-bwqqs0uisd] {
    align-items: start;
}

.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control .mud-input-label {
    color: #c94f7c;
    font-weight: 700;
}

.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control .mud-input-label.mud-input-label-inputcontrol,
.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control .mud-input-label-outlined,
.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control .mud-input-label-inputcontrol,
.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control .mud-input-label-text,
.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control label {
    color: #c94f7c !important;
}

.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control legend,
.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control legend span {
    color: #c94f7c !important;
}

.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control .mud-input-slot {
    border-radius: 4px;
}

.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control,
.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control .mud-input-root,
.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control .mud-input-control,
.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control .mud-input-outlined,
.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control .mud-input-outlined-inputcontrol,
.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control .mud-select,
.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control .mud-select-input {
    border-radius: 4px !important;
}

.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control fieldset,
.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control .mud-input-outlined-border,
.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control .mud-input-control-input-container,
.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control .mud-input-slot {
    border-radius: 4px !important;
}

.payment-config-editor-grid[b-bwqqs0uisd]  .payment-config-editor-control .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    border-radius: 4px;
}

.payment-config-status-field[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0.3rem 0.7rem;
    border: 1px solid rgba(216, 224, 232, 0.95);
    border-radius: 4px;
    background: rgba(248, 251, 255, 0.82);
}

.payment-config-status-field.is-active[b-bwqqs0uisd] {
    border-color: rgba(58, 166, 117, 0.28);
    background: rgba(234, 249, 241, 0.95);
}

.payment-config-status-field.is-inactive[b-bwqqs0uisd] {
    border-color: rgba(214, 77, 77, 0.24);
    background: rgba(253, 239, 239, 0.95);
}

.payment-config-status-field[b-bwqqs0uisd]  .mud-switch {
    margin: 0;
}

.payment-config-status-field[b-bwqqs0uisd]  .mud-switch-label {
    margin-left: 0.4rem;
    font-size: 0.88rem;
    font-weight: 700;
}

.payment-config-status-field.is-active[b-bwqqs0uisd]  .mud-switch-label {
    color: #2f7a57;
}

.payment-config-status-field.is-inactive[b-bwqqs0uisd]  .mud-switch-label {
    color: #b34141;
}

.payment-config-integration-panel[b-bwqqs0uisd] {
    display: grid;
    gap: 1rem;
    padding: 1.1rem 1.15rem 1rem 1.15rem;
    border: 1px solid rgba(220, 227, 236, 0.95);
    border-radius: 12px;
    background:
        radial-gradient(circle at top right, rgba(201, 79, 124, 0.05), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.98));
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05);
}

.payment-config-integration-toggle-card[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    min-height: 76px;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(216, 224, 232, 0.9);
    border-radius: 12px;
    background: rgba(247, 250, 254, 0.92);
}

.payment-config-integration-switch[b-bwqqs0uisd] {
    width: 100%;
}

.payment-config-integration-switch[b-bwqqs0uisd]  .mud-input-control {
    margin: 0 !important;
    width: 100%;
}

.payment-config-integration-switch[b-bwqqs0uisd]  .mud-input-content {
    display: flex;
    align-items: center;
    min-height: 56px;
    margin: 0 !important;
    width: 100%;
}

.payment-config-integration-switch[b-bwqqs0uisd]  .mud-switch {
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.payment-config-integration-switch[b-bwqqs0uisd]  .mud-switch-button {
    flex: 0 0 auto;
    margin: 0 0.8rem 0 0 !important;
}

.payment-config-integration-switch[b-bwqqs0uisd]  .mud-switch-label {
    margin: 0 !important;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.5;
    color: #223347;
}

.payment-config-integration-help[b-bwqqs0uisd] {
    display: block;
    margin: 0;
    padding: 0 0.1rem;
    line-height: 1.55;
}

.payment-config-detail-card[b-bwqqs0uisd] {
    display: grid;
    gap: 0.3rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(216, 224, 232, 0.95);
    border-radius: 10px;
    background: rgba(248, 251, 255, 0.82);
}

.payment-config-detail-section[b-bwqqs0uisd] {
    display: grid;
    gap: 0.45rem;
    margin-top: 1rem;
}

.payment-config-summary-list[b-bwqqs0uisd] {
    display: grid;
    gap: 0.8rem;
}

.payment-config-summary-card[b-bwqqs0uisd] {
    display: grid;
    gap: 0.55rem;
    width: 100%;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(216, 224, 232, 0.95);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05);
    text-align: left;
    cursor: pointer;
    transition:
        box-shadow 120ms ease,
        border-color 120ms ease,
        background 120ms ease;
}

.payment-config-summary-card:hover[b-bwqqs0uisd],
.payment-config-summary-card:focus-visible[b-bwqqs0uisd] {
    border-color: rgba(201, 79, 124, 0.26);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    outline: none;
}

.payment-config-summary-card.is-selected[b-bwqqs0uisd] {
    border-color: rgba(201, 79, 124, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.98));
}

.payment-config-summary-card-head[b-bwqqs0uisd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.8rem;
}

.payment-config-summary-card-meta[b-bwqqs0uisd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem 1rem;
    color: #5a6b7f;
    font-size: 0.84rem;
    line-height: 1.45;
}

.payment-config-onboarding-columns[b-bwqqs0uisd] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payment-config-onboarding-group[b-bwqqs0uisd] {
    display: grid;
    gap: 0.75rem;
    align-content: start;
}

.payment-config-onboarding-panel[b-bwqqs0uisd] {
    padding: 1rem 1.05rem;
    border: 1px solid rgba(220, 227, 236, 0.95);
    border-radius: 12px;
    background:
        radial-gradient(circle at top right, rgba(201, 79, 124, 0.06), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.98));
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
}

.payment-config-panel-header[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 2.5rem;
}

.payment-config-panel-header-static[b-bwqqs0uisd] {
    justify-content: flex-start;
}

.payment-config-panel-actions[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.payment-config-panel-toggle[b-bwqqs0uisd] {
    margin-right: 0.1rem;
}

.payment-config-panel-toggle[b-bwqqs0uisd]  .mud-checkbox {
    margin: 0;
}

.payment-config-panel-toggle[b-bwqqs0uisd]  .mud-button-root {
    padding-left: 0;
}

.payment-config-merchant-card[b-bwqqs0uisd] {
    align-items: center;
}

.payment-config-merchant-card-copy[b-bwqqs0uisd] {
    gap: 0.28rem;
}

.payment-config-merchant-card-meta[b-bwqqs0uisd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.9rem;
    color: #5a6b7f;
    font-size: 0.84rem;
    line-height: 1.4;
}

.payment-config-customer-property-grid[b-bwqqs0uisd] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payment-config-customer-property-card[b-bwqqs0uisd] {
    display: grid;
    gap: 0.4rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(216, 224, 232, 0.95);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    min-width: 0;
}

.payment-config-static-sections-grid[b-bwqqs0uisd] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 0.35rem;
}

.payment-config-customer-shell-detail-open .payment-config-static-sections-grid[b-bwqqs0uisd] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payment-config-static-section[b-bwqqs0uisd] {
    display: grid;
    gap: 0.55rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(216, 224, 232, 0.95);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    min-width: 0;
}

.payment-config-static-section-head[b-bwqqs0uisd] {
    display: grid;
    gap: 0.45rem;
}

.payment-config-static-section-heading[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.payment-config-static-section-icon[b-bwqqs0uisd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    border-radius: 10px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 8px 16px rgba(31, 41, 55, 0.22);
}

.payment-config-static-section-icon[b-bwqqs0uisd]  .mud-icon-root {
    font-size: 1.15rem;
}

.payment-config-static-section-title-block[b-bwqqs0uisd] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.payment-config-static-summary[b-bwqqs0uisd] {
    margin: 0;
    line-height: 1.45;
}

.payment-config-static-chip-list[b-bwqqs0uisd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.payment-config-static-empty[b-bwqqs0uisd] {
    color: #607080;
    font-size: 0.82rem;
    font-weight: 600;
}

.payment-config-branding-grid[b-bwqqs0uisd] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payment-config-branding-card-span[b-bwqqs0uisd] {
    grid-column: 1 / -1;
}

.payment-config-color-editor-head[b-bwqqs0uisd] {
    display: grid;
    gap: 0.65rem;
    align-items: center;
    grid-template-columns: auto minmax(0, 1fr);
}

.payment-config-inline-action-field[b-bwqqs0uisd] {
    position: relative;
}

.payment-config-inline-action-anchor[b-bwqqs0uisd] {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    z-index: 2;
}

.payment-config-inline-action-button.mud-icon-button[b-bwqqs0uisd] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid rgba(201, 79, 124, 0.22);
    background: rgba(201, 79, 124, 0.08);
}

.payment-config-color-picker-input[b-bwqqs0uisd] {
    width: 56px;
    height: 36px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.payment-config-color-picker-popover[b-bwqqs0uisd] {
    position: absolute;
    bottom: calc(100% + 8px);
    right: 0;
    display: grid;
    gap: 0.6rem;
    padding: 0.75rem;
    border: 1px solid rgba(216, 224, 232, 0.95);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12);
    z-index: 4;
}

.payment-config-color-picker-actions[b-bwqqs0uisd] {
    display: flex;
    justify-content: flex-end;
    gap: 0.45rem;
}

.payment-config-branding-description-list[b-bwqqs0uisd] {
    display: grid;
    gap: 0.8rem;
}

.payment-config-branding-description-head[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.payment-config-section-label[b-bwqqs0uisd] {
    color: #607080;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.payment-config-stat-card[b-bwqqs0uisd] {
    display: grid;
    gap: 0.3rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(216, 224, 232, 0.95);
    border-radius: 16px;
    background: rgba(248, 251, 255, 0.78);
}

.payment-config-stat-label[b-bwqqs0uisd] {
    color: #607080;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.payment-config-stat-value[b-bwqqs0uisd] {
    color: #132233;
    font-size: 0.96rem;
    line-height: 1.45;
}

.payment-config-chip-row[b-bwqqs0uisd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.25rem;
}

.payment-config-chip[b-bwqqs0uisd] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.72rem;
    border-radius: 999px;
    background: rgba(236, 244, 255, 0.92);
    border: 1px solid rgba(194, 210, 228, 0.92);
    color: #223347;
    font-size: 0.82rem;
    font-weight: 700;
}

.payment-config-color-grid[b-bwqqs0uisd] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    margin-top: 0.25rem;
}

.payment-config-color-card[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.85rem 0.9rem;
    border-radius: 10px;
    border: 1px solid rgba(216, 224, 232, 0.95);
    background: rgba(255, 255, 255, 0.96);
}

.payment-config-color-swatch[b-bwqqs0uisd] {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    flex: 0 0 auto;
    border: 1px solid rgba(15, 23, 42, 0.12);
}

.payment-config-color-swatch-neutral[b-bwqqs0uisd] {
    background: linear-gradient(135deg, #dbe4ee, #f8fafc);
}

.payment-config-description-list[b-bwqqs0uisd] {
    display: grid;
    gap: 0.8rem;
    margin-top: 0.35rem;
}

.payment-config-description-card[b-bwqqs0uisd] {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
    border-radius: 10px;
    border: 1px solid rgba(216, 224, 232, 0.95);
    background: rgba(255, 255, 255, 0.96);
}

.payment-config-description-card p[b-bwqqs0uisd] {
    margin: 0;
    color: #223347;
    line-height: 1.5;
}

.payment-config-description-language[b-bwqqs0uisd] {
    font-size: 0.74rem;
    font-weight: 800;
    color: #607080;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.payment-config-method-grid[b-bwqqs0uisd],
.payment-config-psp-grid[b-bwqqs0uisd] {
    display: grid;
    gap: 0.85rem;
    margin-top: 0.35rem;
}

.payment-config-method-grid[b-bwqqs0uisd] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.payment-config-method-card[b-bwqqs0uisd],
.payment-config-psp-card[b-bwqqs0uisd] {
    display: grid;
    gap: 0.4rem;
    padding: 1rem;
    border-radius: 10px;
    border: 1px solid rgba(216, 224, 232, 0.95);
    background: rgba(255, 255, 255, 0.97);
}

.payment-config-method-priority[b-bwqqs0uisd] {
    width: fit-content;
    padding: 0.3rem 0.58rem;
    border-radius: 999px;
    background: rgba(236, 244, 255, 0.92);
    color: #27496d;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.payment-config-psp-head[b-bwqqs0uisd] {
    display: grid;
    gap: 0.2rem;
}

.payment-config-credential-list[b-bwqqs0uisd] {
    display: grid;
    gap: 0.55rem;
}

.payment-config-credential-row[b-bwqqs0uisd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(226, 232, 240, 0.9);
}

.payment-config-credential-type[b-bwqqs0uisd] {
    color: #475569;
    font-size: 0.82rem;
    font-weight: 700;
}

.payment-config-credential-value[b-bwqqs0uisd] {
    margin: 0;
    padding: 0.2rem 0.45rem;
    border-radius: 8px;
    background: rgba(241, 245, 249, 0.96);
    color: #0f172a;
    font-size: 0.78rem;
}

@media (max-width: 900px) {
    .payment-config-customer-hero[b-bwqqs0uisd] {
        padding: 1.1rem;
    }

    .payment-config-static-sections-grid[b-bwqqs0uisd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .payment-config-branding-grid[b-bwqqs0uisd] {
        grid-template-columns: 1fr;
    }

    .payment-config-branding-card-span[b-bwqqs0uisd] {
        grid-column: auto;
    }
}

@media (max-width: 760px) {
    .payment-config-page > .mud-stack[b-bwqqs0uisd] {
        align-items: stretch !important;
    }

    .payment-config-setup-card[b-bwqqs0uisd],
    .payment-config-credential-row[b-bwqqs0uisd] {
        flex-direction: column;
        align-items: flex-start;
    }

    .payment-config-customer-property-grid[b-bwqqs0uisd],
    .payment-config-static-sections-grid[b-bwqqs0uisd] {
        grid-template-columns: 1fr;
    }

    .payment-config-color-editor-head[b-bwqqs0uisd] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/ServiceMappingEditorDialog.razor.rz.scp.css */
[b-lnlporo32w] .service-mapping-dialog {
    width: 760px;
    max-width: calc(100vw - 32px);
}

[b-lnlporo32w] .service-mapping-dialog .mud-dialog-actions {
    padding: 16px 24px 28px;
}

.service-mapping-title[b-lnlporo32w],
.service-mapping-toolbar[b-lnlporo32w],
.service-mapping-card-header[b-lnlporo32w] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.service-mapping-title[b-lnlporo32w] {
    color: #233042;
}

.service-mapping-title[b-lnlporo32w]  .mud-icon-root {
    color: #c94f7c;
}

.service-mapping-toolbar[b-lnlporo32w] {
    justify-content: space-between;
    margin-bottom: 18px;
    gap: 16px;
}

.service-mapping-provider-alert[b-lnlporo32w] {
    margin-bottom: 18px;
}

.service-mapping-provider-alert strong[b-lnlporo32w],
.service-mapping-provider-alert span[b-lnlporo32w] {
    display: block;
}

.service-mapping-provider-alert span[b-lnlporo32w] {
    margin-top: 3px;
}

.service-mapping-empty[b-lnlporo32w] {
    display: grid;
    justify-items: center;
    gap: 10px;
    padding: 28px 18px;
    border: 1px dashed #d9c7cf;
    border-radius: 10px;
    color: #6a5a60;
}

.service-mapping-list[b-lnlporo32w] {
    display: grid;
    gap: 16px;
}

.service-mapping-card[b-lnlporo32w] {
    padding: 18px 20px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
}

.service-mapping-card-header[b-lnlporo32w] {
    justify-content: space-between;
    margin-bottom: 10px;
}

.service-mapping-grid[b-lnlporo32w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
    margin-bottom: 10px;
}

.service-mapping-selection-summary[b-lnlporo32w] {
    display: flex;
    align-items: center;
    gap: 8px 14px;
    flex-wrap: wrap;
    margin: 2px 0 12px;
    padding: 10px 12px;
    border-radius: 8px;
    background: #f8f4f5;
    color: #6a5a60;
    font-size: 0.76rem;
}

.service-mapping-selection-summary strong[b-lnlporo32w] {
    color: #233042;
}

@media (max-width: 900px) {
    .service-mapping-toolbar[b-lnlporo32w],
    .service-mapping-grid[b-lnlporo32w] {
        grid-template-columns: 1fr;
    }

    .service-mapping-toolbar[b-lnlporo32w] {
        display: grid;
    }
}
/* /Components/Pages/Admin/SystemConfiguration.razor.rz.scp.css */
.editor-shell[b-dsn35yctu9] {
    --configuration-rose: #c94f7c;
    --configuration-rose-soft: rgba(201, 79, 124, 0.12);
    --configuration-charcoal: #233042;
    display: grid;
    gap: 20px;
    max-width: 1760px;
    margin: 0 auto;
}

.editor-heading[b-dsn35yctu9] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 8px 4px;
}

.editor-heading[b-dsn35yctu9]  .editor-eyebrow {
    color: #c04a6e;
    font-weight: 850;
    letter-spacing: 0.16em;
}

.editor-heading[b-dsn35yctu9]  .editor-title {
    color: #242424;
    font-weight: 850;
    letter-spacing: -0.025em;
}

.editor-heading[b-dsn35yctu9]  .editor-subtitle {
    max-width: 760px;
    margin-top: 6px;
    color: #6a5a60;
}

.editor-shell[b-dsn35yctu9]  .editor-loading {
    min-height: 430px;
    border: 1px dashed #d9cdd1;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.76);
}

.editor-shell[b-dsn35yctu9]  .editor-alert {
    border-radius: 10px;
}

.configuration-overview[b-dsn35yctu9] {
    display: grid;
    gap: 1.25rem;
    padding: 1.4rem;
    border: 1px solid rgba(219, 226, 235, 0.92);
    border-radius: 10px;
    background:
        radial-gradient(circle at top right, rgba(201, 79, 124, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.98));
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
}

.configuration-overview-header[b-dsn35yctu9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.configuration-overview-header[b-dsn35yctu9]  .mud-typography-h6 {
    color: #242424;
    font-weight: 800;
}

.configuration-overview-header[b-dsn35yctu9]  .mud-typography-body2 {
    margin-top: 4px;
    color: #6a5a60;
}

.configuration-context[b-dsn35yctu9] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    color: #6a5a60;
    font-size: 0.83rem;
    white-space: nowrap;
}

.configuration-context-header[b-dsn35yctu9] {
    flex: 0 0 auto;
}

.configuration-context span + strong[b-dsn35yctu9]::before,
.configuration-context strong + span[b-dsn35yctu9]::before,
.configuration-context span + span[b-dsn35yctu9]::before {
    content: "•";
    margin-right: 9px;
    color: #baaeb2;
}

.configuration-groups[b-dsn35yctu9] {
    display: grid;
    gap: 1.5rem;
}

.configuration-group[b-dsn35yctu9] {
    display: grid;
    gap: 0.8rem;
    min-width: 0;
}

.configuration-group + .configuration-group[b-dsn35yctu9] {
    padding-top: 1.35rem;
    border-top: 1px solid rgba(220, 227, 236, 0.9);
}

.configuration-group-toggle[b-dsn35yctu9] {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.configuration-group-heading[b-dsn35yctu9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 0 0.15rem;
}

.configuration-group-heading-copy[b-dsn35yctu9] {
    display: grid;
    align-content: start;
    justify-items: start;
    gap: 0.2rem;
    text-align: left;
    min-width: 0;
    flex: 1 1 auto;
}

.configuration-group-heading[b-dsn35yctu9]  .mud-typography-h6 {
    color: var(--configuration-charcoal);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.25;
}

.configuration-group-heading[b-dsn35yctu9]  .mud-typography-body2 {
    color: #6a5a60;
    font-size: 0.82rem;
}

.configuration-group-heading[b-dsn35yctu9]  .mud-icon-root {
    flex: 0 0 auto;
    margin-top: 2px;
    color: #c04a6e;
}

.system-config-overview-section-button[b-dsn35yctu9] {
    padding: 0.15rem 0;
}

.system-config-overview-section-button:hover .configuration-group-heading[b-dsn35yctu9],
.system-config-overview-section-button:focus-visible .configuration-group-heading[b-dsn35yctu9] {
    opacity: 0.9;
}

.system-config-overview-section-meta[b-dsn35yctu9] {
    margin-top: 0.3rem;
    color: var(--configuration-rose);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.configuration-group-toggle:focus-visible[b-dsn35yctu9] {
    outline: none;
}

.configuration-group-toggle:focus-visible .configuration-group-heading[b-dsn35yctu9] {
    border-radius: 10px;
    box-shadow: 0 0 0 3px rgba(201, 79, 124, 0.16);
}

.configuration-card-grid[b-dsn35yctu9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    align-items: stretch;
    gap: 0.8rem;
}

.configuration-card[b-dsn35yctu9] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    min-width: 0;
    width: 100%;
    min-height: 112px;
    height: 100%;
    padding: 0.9rem 0.95rem;
    border: 1px solid rgba(220, 227, 236, 0.95);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition:
        box-shadow 120ms ease,
        border-color 120ms ease,
        background 120ms ease;
}

.configuration-card:hover[b-dsn35yctu9],
.configuration-card:focus-visible[b-dsn35yctu9] {
    border-color: rgba(201, 79, 124, 0.28);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    outline: none;
}

.configuration-card-icon-shell[b-dsn35yctu9] {
    position: relative;
    flex: 0 0 auto;
}

.configuration-card-icon[b-dsn35yctu9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 8px 16px rgba(31, 41, 55, 0.22);
}

.configuration-card-status[b-dsn35yctu9] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 999px;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}

.configuration-card-status.is-complete[b-dsn35yctu9] {
    background: #3aa675;
}

.configuration-card-status.needs-setup[b-dsn35yctu9] {
    background: #d68a2f;
}

.configuration-card-copy[b-dsn35yctu9] {
    display: grid;
    align-content: center;
    gap: 0.2rem;
    flex: 1 1 auto;
    min-width: 0;
}

.configuration-card-title[b-dsn35yctu9] {
    color: var(--configuration-charcoal);
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.2;
}

.configuration-card-description[b-dsn35yctu9] {
    display: -webkit-box;
    overflow: hidden;
    min-height: 2.8em;
    color: #5a6b7f;
    font-size: 0.8rem;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.configuration-card-meta[b-dsn35yctu9] {
    margin-top: 0.15rem;
    color: var(--configuration-rose);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.configuration-detail-navigation[b-dsn35yctu9] {
    display: flex;
    align-items: center;
}

.system-config-customer-hero[b-dsn35yctu9] {
    display: grid;
    gap: 1.25rem;
    padding: 1.4rem;
    border-radius: 10px;
    border: 1px solid rgba(219, 226, 235, 0.92);
    background:
        radial-gradient(circle at top right, rgba(201, 79, 124, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.98));
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
    color: #5a6b7f;
}

.system-config-customer-hero-copy[b-dsn35yctu9] {
    display: grid;
    gap: 0.5rem;
}

.system-config-kicker[b-dsn35yctu9] {
    display: inline-flex;
    width: fit-content;
    padding: 0.35rem 0.7rem;
    border-radius: 10px;
    background: rgba(201, 79, 124, 0.12);
    color: #c94f7c;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.system-config-customer-title[b-dsn35yctu9] {
    margin: 0;
    color: #172334;
    font-size: 1.45rem;
    line-height: 1.1;
    font-weight: 800;
}

.system-config-customer-summary[b-dsn35yctu9] {
    margin: 0;
    max-width: 56ch;
    font-size: 0.95rem;
    line-height: 1.55;
}

.system-config-editor-layout[b-dsn35yctu9] {
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    align-items: start;
    gap: 18px;
}

.system-config-payments-card-grid[b-dsn35yctu9] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.system-config-payments-card-grid .configuration-card-description[b-dsn35yctu9] {
    min-height: 0;
}

.system-config-payments-card-grid .configuration-card[b-dsn35yctu9] {
    min-height: 110px;
}

.system-config-page[b-dsn35yctu9]  .configuration-selection-panel,
.system-config-page[b-dsn35yctu9]  .configuration-selection-header-card,
.system-config-page[b-dsn35yctu9]  .configuration-selection-list-card,
.system-config-page[b-dsn35yctu9]  .configuration-form-card,
.system-config-page[b-dsn35yctu9]  .system-config-detail-paper,
.system-config-page[b-dsn35yctu9]  .system-config-empty-detail {
    min-width: 0;
}

.system-config-page[b-dsn35yctu9]  .configuration-selection-header-card,
.system-config-page[b-dsn35yctu9]  .configuration-selection-list-card,
.system-config-page[b-dsn35yctu9]  .configuration-form-card,
.system-config-page[b-dsn35yctu9]  .system-config-detail-paper,
.system-config-page[b-dsn35yctu9]  .system-config-empty-detail {
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(36, 36, 36, 0.06);
}

.system-config-page[b-dsn35yctu9]  .configuration-selection-button.is-selected {
    border-color: rgba(201, 79, 124, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.98));
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09);
}

.system-config-page[b-dsn35yctu9]  .configuration-selection-copy strong {
    color: var(--configuration-charcoal);
}

.system-config-page[b-dsn35yctu9]  .configuration-selection-copy small {
    color: var(--configuration-rose);
}

.system-config-page[b-dsn35yctu9]  .configuration-selection-icon {
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
}

.system-config-selection-status[b-dsn35yctu9] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 999px;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}

.system-config-selection-status.is-complete[b-dsn35yctu9] {
    background: #3aa675;
}

.system-config-selection-status.is-partial[b-dsn35yctu9] {
    background: #d68a2f;
}

.system-config-selection-status.is-pending[b-dsn35yctu9] {
    background: var(--configuration-rose);
}

.system-config-selection-trailing[b-dsn35yctu9] {
    color: #6a5a60;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.system-config-payment-section-card-selected[b-dsn35yctu9] {
    border-color: rgba(201, 79, 124, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.98));
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09);
}

.system-config-empty-detail[b-dsn35yctu9] {
    min-height: 260px;
}

.system-config-empty-detail-icon[b-dsn35yctu9],
.configuration-form-icon[b-dsn35yctu9] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f4e7ec;
    color: #c04a6e;
}

.configuration-form-card[b-dsn35yctu9],
.system-config-detail-paper[b-dsn35yctu9],
.system-config-general-detail[b-dsn35yctu9] {
    min-width: 0;
}

.configuration-form-card[b-dsn35yctu9],
.system-config-detail-paper[b-dsn35yctu9] {
    padding: 0;
}

.configuration-form-heading[b-dsn35yctu9],
.configuration-form-heading-copy[b-dsn35yctu9] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.configuration-form-heading-action[b-dsn35yctu9] {
    justify-content: space-between;
}

.system-config-paper-body[b-dsn35yctu9] {
    display: grid;
    gap: 16px;
    padding: 20px;
}

.system-config-paper-body-center[b-dsn35yctu9] {
    min-height: inherit;
    place-items: center;
    text-align: center;
}

.system-config-page[b-dsn35yctu9]  .configuration-form-card .mud-input-label,
.system-config-page[b-dsn35yctu9]  .configuration-form-card .mud-input-label-text,
.system-config-page[b-dsn35yctu9]  .configuration-form-card label,
.system-config-page[b-dsn35yctu9]  .system-config-detail-paper .mud-input-label,
.system-config-page[b-dsn35yctu9]  .system-config-detail-paper .mud-input-label-text,
.system-config-page[b-dsn35yctu9]  .system-config-detail-paper label {
    color: #c04a6e !important;
    font-size: 0.9rem;
    font-weight: 650;
}

.system-config-detail-paper[b-dsn35yctu9] {
    min-height: 100%;
}

.system-config-detail-header-actions[b-dsn35yctu9] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex: 0 0 auto;
}

.system-config-detail-add-button[b-dsn35yctu9],
.system-config-detail-save-button[b-dsn35yctu9] {
    border-radius: 999px;
    padding-inline: 0.3rem;
}

.system-config-detail-save-button[b-dsn35yctu9] {
    box-shadow: 0 10px 20px rgba(47, 122, 87, 0.16);
}

.system-config-detail-add-button[b-dsn35yctu9] {
    box-shadow: 0 10px 20px rgba(31, 41, 55, 0.14);
}

.system-config-detail-save-button[b-dsn35yctu9]  .mud-button-root,
.system-config-detail-add-button[b-dsn35yctu9]  .mud-button-root {
    border-radius: 999px;
    min-width: 0;
    padding: 0.45rem 1rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.system-config-detail-grid[b-dsn35yctu9] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.system-config-detail-card[b-dsn35yctu9] {
    display: grid;
    gap: 0.45rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(216, 224, 232, 0.95);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05);
}

.system-config-detail-card-compact[b-dsn35yctu9] {
    gap: 0.3rem;
    padding: 0.72rem 0.82rem;
}

.system-config-section-label[b-dsn35yctu9],
.system-config-stat-label[b-dsn35yctu9] {
    color: #607080;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.system-config-stat-value[b-dsn35yctu9] {
    color: var(--configuration-charcoal);
    font-size: 0.98rem;
    line-height: 1.35;
}

.system-config-stat-value-wrap[b-dsn35yctu9] {
    overflow-wrap: anywhere;
}

.system-config-detail-section[b-dsn35yctu9] {
    display: grid;
    gap: 0.9rem;
}

.system-config-editor-grid[b-dsn35yctu9] {
    width: 100%;
}

.system-config-customer-property-grid[b-dsn35yctu9] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.system-config-customer-property-card[b-dsn35yctu9] {
    display: grid;
    gap: 0.65rem;
    min-width: 0;
    padding: 1rem;
    border-radius: 10px;
    border: 1px solid rgba(216, 224, 232, 0.95);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05);
}

.system-config-customer-property-card-compact[b-dsn35yctu9] {
    gap: 0.35rem;
    padding: 0.68rem 0.74rem;
}

.system-config-customer-property-card-status[b-dsn35yctu9] {
    gap: 0.3rem;
    padding-top: 0.68rem;
    padding-bottom: 0.68rem;
}

.system-config-customer-property-card-wide[b-dsn35yctu9] {
    grid-column: 1 / -1;
}

.system-config-editor-control[b-dsn35yctu9] {
    min-width: 0;
}

.system-config-provider-brand-card[b-dsn35yctu9] {
    align-content: stretch;
}

.system-config-provider-brand-surface[b-dsn35yctu9] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    height: 100%;
    padding: 0.35rem 0.75rem;
    border-radius: 10px;
    border: 1px solid rgba(216, 224, 232, 0.95);
    background: linear-gradient(180deg, rgba(248, 250, 253, 0.96), rgba(255, 255, 255, 0.98));
}

.system-config-provider-brand-surface-compact[b-dsn35yctu9] {
    min-height: 32px;
    padding: 0.25rem 0.55rem;
}

.system-config-provider-brand-image[b-dsn35yctu9] {
    display: block;
    width: auto;
    max-width: 112px;
    height: 24px;
    object-fit: contain;
}

.system-config-provider-brand-fallback[b-dsn35yctu9] {
    color: #73849a;
}

.system-config-inline-action-field[b-dsn35yctu9] {
    position: relative;
}

.system-config-inline-action-anchor[b-dsn35yctu9] {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    z-index: 2;
}

.system-config-inline-action-button.mud-icon-button[b-dsn35yctu9] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid rgba(201, 79, 124, 0.22);
    background: rgba(201, 79, 124, 0.08);
}

.system-config-status-field[b-dsn35yctu9] {
    display: grid;
    gap: 0.45rem;
    min-height: 100%;
    padding: 0.9rem 0.95rem;
    border-radius: 10px;
    border: 1px solid rgba(216, 224, 232, 0.95);
    background: rgba(248, 250, 253, 0.92);
}

.system-config-status-field-compact[b-dsn35yctu9] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 40px;
    padding: 0 0.75rem;
    overflow: visible;
}

.system-config-status-switch-shell[b-dsn35yctu9] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    width: 100%;
    overflow: visible;
    transform: scale(0.82);
    transform-origin: left center;
}

.system-config-status-switch-compact[b-dsn35yctu9] {
    margin: 0;
}

.system-config-status-field.is-active[b-dsn35yctu9] {
    border-color: rgba(58, 166, 117, 0.28);
    background: rgba(234, 247, 240, 0.92);
}

.system-config-status-field.is-inactive[b-dsn35yctu9] {
    border-color: rgba(201, 79, 124, 0.18);
    background: rgba(252, 247, 249, 0.92);
}

.system-config-setup-grid[b-dsn35yctu9] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    grid-auto-rows: 1fr;
    align-items: stretch;
}

.system-config-setup-card[b-dsn35yctu9] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    width: 100%;
    min-height: 86px;
    height: 100%;
    padding: 0.9rem 0.95rem;
    border-radius: 10px;
    border: 1px solid rgba(220, 227, 236, 0.95);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    text-align: left;
    cursor: pointer;
    transition:
        box-shadow 120ms ease,
        border-color 120ms ease,
        background 120ms ease;
}

.system-config-setup-card:hover[b-dsn35yctu9],
.system-config-setup-card:focus-visible[b-dsn35yctu9] {
    border-color: rgba(201, 79, 124, 0.28);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    outline: none;
}

.system-config-setup-card.is-selected[b-dsn35yctu9] {
    border-color: rgba(201, 79, 124, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 245, 248, 0.98));
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09);
}

.system-config-setup-card:disabled[b-dsn35yctu9] {
    cursor: not-allowed;
    opacity: 0.58;
}

.system-config-setup-icon-shell[b-dsn35yctu9] {
    position: relative;
    flex: 0 0 auto;
}

.system-config-setup-icon[b-dsn35yctu9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: linear-gradient(180deg, #2c3748, #1f2937);
    color: #f6d7e2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 16px rgba(31, 41, 55, 0.22);
}

.system-config-setup-indicator[b-dsn35yctu9] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 2px solid #ffffff;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}

.system-config-setup-indicator.is-complete[b-dsn35yctu9] {
    background: #3aa675;
}

.system-config-setup-indicator.is-partial[b-dsn35yctu9] {
    background: #d68a2f;
}

.system-config-setup-indicator.is-pending[b-dsn35yctu9] {
    background: var(--configuration-rose);
}

.system-config-setup-copy[b-dsn35yctu9] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

.system-config-setup-title[b-dsn35yctu9] {
    color: var(--configuration-charcoal);
    font-size: 0.98rem;
    line-height: 1.2;
}

.system-config-setup-status[b-dsn35yctu9] {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.system-config-setup-status.is-complete[b-dsn35yctu9] {
    color: #2f7a57;
}

.system-config-setup-status.is-partial[b-dsn35yctu9] {
    color: #d68a2f;
}

.system-config-setup-status.is-pending[b-dsn35yctu9] {
    color: var(--configuration-rose);
}

.system-config-partner-card[b-dsn35yctu9],
.system-config-provider-card[b-dsn35yctu9],
.system-config-payment-method-card[b-dsn35yctu9] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    min-height: 110px;
}

.system-config-partner-card.is-draft[b-dsn35yctu9],
.system-config-provider-card.is-draft[b-dsn35yctu9],
.system-config-payment-method-card.is-draft[b-dsn35yctu9] {
    border-style: dashed;
    border-color: rgba(214, 138, 47, 0.45);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 249, 240, 0.98));
}

.system-config-partner-card-copy[b-dsn35yctu9],
.system-config-provider-card-copy[b-dsn35yctu9],
.system-config-payment-method-card-copy[b-dsn35yctu9] {
    align-self: center;
    align-content: center;
    gap: 0.4rem;
    justify-items: start;
    text-align: left;
}

.system-config-partner-status-dot[b-dsn35yctu9] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 999px;
    border: 2px solid #ffffff;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
    z-index: 1;
}

.system-config-partner-card-meta[b-dsn35yctu9],
.system-config-provider-card-meta[b-dsn35yctu9],
.system-config-payment-method-card-meta[b-dsn35yctu9] {
    display: block;
    width: 100%;
    color: #5a6b7f;
    font-size: 0.84rem;
    line-height: 1.4;
    text-align: left;
    overflow-wrap: anywhere;
}

.system-config-danger-zone[b-dsn35yctu9] {
    display: grid;
    gap: 0.85rem;
    padding-top: 0.35rem;
}

.system-config-danger-zone-divider[b-dsn35yctu9] {
    border-color: rgba(221, 228, 236, 0.92);
}

.system-config-danger-zone-actions[b-dsn35yctu9] {
    display: flex;
    justify-content: flex-start;
}

.system-config-detail-delete-link[b-dsn35yctu9]  .mud-button-root {
    min-width: 0;
    padding-inline: 0;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-transform: none;
}

.system-config-chip-row[b-dsn35yctu9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.system-config-chip[b-dsn35yctu9] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.72rem;
    border-radius: 999px;
    background: rgba(236, 244, 255, 0.92);
    border: 1px solid rgba(194, 210, 228, 0.92);
    color: #223347;
    font-size: 0.82rem;
    font-weight: 700;
}

.system-config-general-copy[b-dsn35yctu9] {
    color: #5a6b7f;
    line-height: 1.6;
}

.system-config-rules-header[b-dsn35yctu9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.system-config-rule-list[b-dsn35yctu9] {
    display: grid;
    gap: 0.9rem;
}

.system-config-rule-card[b-dsn35yctu9] {
    display: grid;
    gap: 0.8rem;
    padding: 0.9rem;
    border-radius: 10px;
    border: 1px solid rgba(216, 224, 232, 0.95);
    background: rgba(248, 250, 253, 0.8);
}

.system-config-rule-card-header[b-dsn35yctu9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.system-config-rule-card-title[b-dsn35yctu9] {
    color: var(--configuration-charcoal);
    font-size: 0.9rem;
}

.system-config-rule-grid[b-dsn35yctu9] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

@media (max-width: 1100px) {
    .configuration-card-grid[b-dsn35yctu9] {
        grid-template-columns: 1fr;
    }

    .system-config-editor-layout[b-dsn35yctu9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1400px) {
    .system-config-editor-layout[b-dsn35yctu9] {
        grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    }

    .system-config-payments-card-grid[b-dsn35yctu9] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .configuration-overview-header[b-dsn35yctu9] {
        flex-direction: column;
        align-items: flex-start;
    }

    .system-config-setup-grid[b-dsn35yctu9],
    .system-config-rule-grid[b-dsn35yctu9],
    .system-config-customer-property-grid[b-dsn35yctu9] {
        grid-template-columns: 1fr;
    }

    .system-config-customer-property-card-wide[b-dsn35yctu9] {
        grid-column: auto;
    }
}
/* /Components/Pages/Merchant/Dashboard.razor.rz.scp.css */
.merchant-dashboard-shell[b-pviajhox1l] {
    display: grid;
    gap: 1.5rem;
}

.merchant-dashboard-hero[b-pviajhox1l] {
    display: grid;
    gap: 0.65rem;
    padding: 1.25rem 0.15rem 0.35rem;
}

.merchant-dashboard-kicker[b-pviajhox1l] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: rgba(192, 74, 110, 0.11);
    color: #8d3350;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.merchant-dashboard-title[b-pviajhox1l] {
    margin: 0;
    color: #242424;
    font-size: clamp(2rem, 3vw, 2.7rem);
    line-height: 1.05;
}

.merchant-dashboard-copy[b-pviajhox1l] {
    max-width: 56rem;
    margin: 0;
    color: #5b4a50;
    font-size: 1rem;
    line-height: 1.8;
}

.merchant-dashboard-group[b-pviajhox1l] {
    display: grid;
    gap: 0.9rem;
}

.merchant-dashboard-overview[b-pviajhox1l] {
    display: grid;
    gap: 0;
    padding: 1.5rem 1.4rem 1rem;
    border: 1px solid rgba(208, 220, 238, 0.95);
    border-radius: 16px;
    background:
        radial-gradient(circle at top right, rgba(244, 228, 233, 0.55), transparent 22rem),
        rgba(255, 255, 255, 0.9);
    box-shadow: 0 18px 44px rgba(26, 37, 54, 0.06);
}

.merchant-dashboard-overview-header[b-pviajhox1l] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
    padding: 0 0.2rem 1.1rem;
}

.merchant-dashboard-overview-context[b-pviajhox1l] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    color: #6d5c62;
    font-size: 0.83rem;
    white-space: nowrap;
}

.merchant-dashboard-overview-context strong[b-pviajhox1l] {
    color: #7c4861;
    font-weight: 800;
}

.merchant-dashboard-overview-group[b-pviajhox1l] {
    gap: 0.95rem;
    padding: 1rem 0.2rem;
    border-top: 1px solid rgba(208, 220, 238, 0.95);
}

.merchant-dashboard-overview-group:first-child[b-pviajhox1l] {
    padding-top: 0.1rem;
    border-top: 0;
}

.merchant-dashboard-group-toggle[b-pviajhox1l] {
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.merchant-dashboard-group-heading[b-pviajhox1l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
    justify-items: start;
    width: 100%;
}

.merchant-dashboard-group-header[b-pviajhox1l] {
    display: grid;
    gap: 0.35rem;
    padding: 0 0.15rem;
    justify-items: start;
    text-align: left;
    width: 100%;
}

.merchant-dashboard-group-toggle .mud-icon-root[b-pviajhox1l] {
    margin-top: 0.25rem;
    color: #d34b73 !important;
    transition: transform 0.18s ease;
}

.merchant-dashboard-group-toggle .mud-icon-root svg[b-pviajhox1l] {
    fill: #d34b73;
}

.merchant-dashboard-group-toggle:hover .mud-icon-root[b-pviajhox1l],
.merchant-dashboard-group-toggle:focus-visible .mud-icon-root[b-pviajhox1l] {
    transform: scale(1.05);
}

.merchant-dashboard-group-toggle:focus-visible[b-pviajhox1l] {
    outline: 2px solid rgba(192, 74, 110, 0.24);
    outline-offset: 6px;
    border-radius: 18px;
}

.merchant-dashboard-group-kicker[b-pviajhox1l] {
    color: #d34b73;
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.merchant-dashboard-group-title[b-pviajhox1l] {
    margin: 0;
    color: #16233b;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.2;
}

.merchant-dashboard-group-copy[b-pviajhox1l] {
    max-width: 64rem;
    margin: 0;
    color: #5a6174;
    font-size: 0.92rem;
    line-height: 1.55;
}

.merchant-dashboard-grid[b-pviajhox1l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.merchant-dashboard-grid-three[b-pviajhox1l] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.merchant-dashboard-panel[b-pviajhox1l] {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    align-items: center;
    column-gap: 1rem;
    min-height: 100%;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(210, 220, 236, 0.95);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 8px 18px rgba(26, 37, 54, 0.05);
}

.merchant-dashboard-panel-link[b-pviajhox1l] {
    color: inherit;
    text-decoration: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.merchant-dashboard-panel-link:hover[b-pviajhox1l],
.merchant-dashboard-panel-link:focus-visible[b-pviajhox1l] {
    border-color: rgba(211, 75, 115, 0.35);
    box-shadow: 0 12px 24px rgba(26, 37, 54, 0.08);
    transform: translateY(-1px);
}

.merchant-dashboard-panel-disabled[b-pviajhox1l] {
    opacity: 0.68;
    background: rgba(250, 251, 253, 0.96);
    border-color: rgba(210, 220, 236, 0.75);
    box-shadow: none;
}

.merchant-dashboard-panel-disabled .merchant-dashboard-panel-image[b-pviajhox1l] {
    filter: grayscale(0.25) saturate(0.8);
}

.merchant-dashboard-panel-disabled .merchant-dashboard-panel-title[b-pviajhox1l] {
    color: #5f5458;
}

.merchant-dashboard-panel-visual[b-pviajhox1l] {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    border-radius: 14px;
    overflow: hidden;
}

.merchant-dashboard-panel-image[b-pviajhox1l] {
    display: block;
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 10px 18px rgba(26, 37, 54, 0.14);
}

.merchant-dashboard-panel-content[b-pviajhox1l] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    align-content: center;
    padding-top: 0.1rem;
}

.merchant-dashboard-panel-title[b-pviajhox1l] {
    color: #16233b;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.2;
}

.merchant-dashboard-panel-body[b-pviajhox1l] {
    color: #55617a;
    font-size: 0.8rem;
    line-height: 1.4;
}

@media (max-width: 1200px) {
    .merchant-dashboard-grid-three[b-pviajhox1l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .merchant-dashboard-panel[b-pviajhox1l] {
        min-height: 0;
    }
}

@media (max-width: 760px) {
    .merchant-dashboard-hero[b-pviajhox1l] {
        padding: 0.5rem 0 0;
    }

    .merchant-dashboard-overview[b-pviajhox1l] {
        padding: 1rem;
    }

    .merchant-dashboard-overview-header[b-pviajhox1l] {
        justify-content: flex-end;
    }

    .merchant-dashboard-group-heading[b-pviajhox1l] {
        grid-template-columns: 1fr;
        gap: 0.4rem;
    }

    .merchant-dashboard-grid[b-pviajhox1l],
    .merchant-dashboard-grid-three[b-pviajhox1l] {
        grid-template-columns: 1fr;
    }

    .merchant-dashboard-panel[b-pviajhox1l] {
        grid-template-columns: 72px minmax(0, 1fr);
        align-items: center;
        column-gap: 0.9rem;
        padding: 1rem 1.1rem;
    }

    .merchant-dashboard-panel-visual[b-pviajhox1l] {
        width: 64px;
        height: 64px;
    }

    .merchant-dashboard-panel-image[b-pviajhox1l] {
        width: 64px;
        height: 64px;
    }
}
/* /Components/Pages/Merchant/Onboarding.razor.rz.scp.css */
.merchant-onboarding-shell[b-q0jqvllfk1] {
    display: grid;
    place-items: center;
    min-height: calc(100vh - 170px);
}

.merchant-onboarding-card[b-q0jqvllfk1] {
    width: min(100%, 760px);
    padding: 38px 40px;
    border: 1px solid rgba(223, 215, 218, 0.95);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 20px 46px rgba(31, 41, 55, 0.08);
}

.merchant-onboarding-kicker[b-q0jqvllfk1] {
    display: inline-flex;
    margin-bottom: 18px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f4e7ec;
    color: #c04a6e;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.merchant-onboarding-card h1[b-q0jqvllfk1] {
    margin: 0 0 14px;
    color: #242424;
    font-size: clamp(1.9rem, 3vw, 2.4rem);
    line-height: 1.08;
}

.merchant-onboarding-card p[b-q0jqvllfk1] {
    margin: 0;
    color: #56484d;
    font-size: 1rem;
    line-height: 1.7;
}

.merchant-onboarding-icon[b-q0jqvllfk1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: 18px;
    border-radius: 999px;
}

.merchant-onboarding-icon .mud-icon-root[b-q0jqvllfk1] {
    font-size: 2rem;
}

.merchant-onboarding-icon.success[b-q0jqvllfk1] {
    background: rgba(226, 245, 231, 0.95);
    color: #2f8f58;
}

.merchant-onboarding-icon.error[b-q0jqvllfk1] {
    background: rgba(253, 236, 236, 0.95);
    color: #c84c4c;
}

.merchant-onboarding-summary[b-q0jqvllfk1] {
    display: grid;
    gap: 4px;
    margin-top: 22px;
    padding: 16px 18px;
    border: 1px solid rgba(223, 215, 218, 0.95);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(250, 246, 247, 0.96) 0%, rgba(247, 242, 244, 0.96) 100%);
}

.merchant-onboarding-summary-label[b-q0jqvllfk1] {
    color: #7c6e74;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.merchant-onboarding-summary strong[b-q0jqvllfk1] {
    color: #2d2428;
    font-size: 1.02rem;
}

.merchant-onboarding-hint[b-q0jqvllfk1] {
    margin-top: 14px !important;
    color: #3b3135 !important;
}

.merchant-onboarding-actions[b-q0jqvllfk1] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

@media (max-width: 760px) {
    .merchant-onboarding-shell[b-q0jqvllfk1] {
        min-height: calc(100vh - 220px);
    }

    .merchant-onboarding-card[b-q0jqvllfk1] {
        padding: 28px 22px;
        border-radius: 12px;
    }

    .merchant-onboarding-actions[b-q0jqvllfk1] {
        flex-direction: column;
    }
}
/* /Components/Shared/ConfirmationDialog.razor.rz.scp.css */
.confirmation-dialog-overlay[b-adjpkjphv0] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background:
        radial-gradient(circle at top, rgba(201, 79, 124, 0.18), transparent 32%),
        rgba(15, 23, 42, 0.58);
    backdrop-filter: blur(8px);
}

.confirmation-dialog-card[b-adjpkjphv0] {
    width: min(100%, 460px);
    display: grid;
    gap: 0.95rem;
    padding: 1.3rem 1.35rem;
    border-radius: 16px;
    border: 1px solid rgba(221, 228, 236, 0.94);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 253, 0.98));
    box-shadow:
        0 32px 60px rgba(15, 23, 42, 0.3),
        0 8px 20px rgba(15, 23, 42, 0.12);
}

.confirmation-dialog-kicker[b-adjpkjphv0] {
    display: inline-flex;
    width: fit-content;
    padding: 0.34rem 0.68rem;
    border-radius: 999px;
    background: rgba(201, 79, 124, 0.1);
    color: #c94f7c;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.confirmation-dialog-title[b-adjpkjphv0] {
    color: #172334;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700;
}

.confirmation-dialog-actions[b-adjpkjphv0] {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    padding-top: 0.2rem;
}

.confirmation-dialog-confirm-button[b-adjpkjphv0] {
    border-radius: 999px;
}
/* /Components/Shared/HotelSelector.razor.rz.scp.css */
.workspace-selector-menu[b-tmb89xlb1v] {
    position: relative;
    display: inline-flex;
    width: var(--workspace-selector-width, 420px);
    flex: 0 0 var(--workspace-selector-width, 420px);
}

.workspace-selector-pill[b-tmb89xlb1v] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 8px 14px 8px 8px;
    border: 1px solid rgba(223, 215, 218, 0.95);
    border-radius: 10px;
    background: #fff;
    color: inherit;
    cursor: pointer;
    text-align: left;
    box-shadow: none;
}

.workspace-selector-pill:focus-visible[b-tmb89xlb1v] {
    outline: 2px solid rgba(192, 74, 110, 0.35);
    outline-offset: 4px;
}

.workspace-selector-avatar[b-tmb89xlb1v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #f4e7ec;
    color: #c04a6e;
    font-size: 0.86rem;
    font-weight: 700;
}

.workspace-selector-copy[b-tmb89xlb1v] {
    display: grid;
    flex: 1 1 auto;
    gap: 2px;
    min-width: 0;
    margin-right: auto;
    text-align: left;
}

.workspace-selector-pill .mud-icon-root[b-tmb89xlb1v] {
    margin-left: auto;
    flex: 0 0 auto;
    color: #c04a6e;
}

.workspace-selector-name[b-tmb89xlb1v] {
    overflow: hidden;
    color: #242424;
    font-size: 0.98rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-selector-meta[b-tmb89xlb1v] {
    overflow: hidden;
    color: #6a5a60;
    font-size: 0.78rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-selector-dropdown[b-tmb89xlb1v] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    width: var(--workspace-selector-width, 420px);
    min-width: var(--workspace-selector-width, 420px);
    max-width: var(--workspace-selector-width, 420px);
    padding: 10px;
    border: 1px solid rgba(223, 215, 218, 0.98);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 38px rgba(36, 36, 36, 0.12);
    z-index: 20;
}

.workspace-selector-dropdown-top-row[b-tmb89xlb1v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(232, 225, 228, 0.95);
}

.workspace-selector-dropdown-header[b-tmb89xlb1v] {
    display: grid;
    gap: 12px;
    flex: 0 0 auto;
    min-width: 0;
}

.workspace-selector-search-shell[b-tmb89xlb1v] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 1 250px;
    width: 250px;
    padding: 0 12px;
    min-height: 46px;
    border: 1px solid rgba(223, 215, 218, 0.95);
    border-radius: 10px;
    background: #fff;
}

.workspace-selector-search-shell .mud-icon-root[b-tmb89xlb1v] {
    color: #c04a6e;
}

.workspace-selector-search-input[b-tmb89xlb1v] {
    width: 100%;
    border: 0;
    background: transparent;
    color: #242424;
    font: inherit;
    outline: none;
}

.workspace-selector-search-input[b-tmb89xlb1v]::placeholder {
    color: #8a7a80;
}

.workspace-selector-option-list[b-tmb89xlb1v] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.workspace-selector-empty[b-tmb89xlb1v] {
    padding: 6px 8px;
    color: #6a5a60;
    font-size: 0.88rem;
    line-height: 1.5;
}

.workspace-selector-empty-action[b-tmb89xlb1v] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.workspace-selector-empty-button[b-tmb89xlb1v] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #c04a6e;
    font: inherit;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
}

.workspace-selector-empty-button:hover[b-tmb89xlb1v] {
    color: #a53f60;
}

.workspace-selector-empty-button:focus-visible[b-tmb89xlb1v] {
    outline: 2px solid rgba(192, 74, 110, 0.35);
    outline-offset: 3px;
    border-radius: 4px;
}

.workspace-selector-option[b-tmb89xlb1v] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 3px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.workspace-selector-option:hover[b-tmb89xlb1v] {
    background: #f8f3f5;
}

.workspace-selector-option-selected[b-tmb89xlb1v] {
    border-color: rgba(192, 74, 110, 0.2);
    background: #fff3f6;
}

.workspace-selector-option-highlighted[b-tmb89xlb1v] {
    border-color: rgba(192, 74, 110, 0.28);
    background: #f8f3f5;
    box-shadow: inset 0 0 0 1px rgba(192, 74, 110, 0.08);
}

.workspace-selector-option-name[b-tmb89xlb1v] {
    display: block;
    width: 100%;
    align-self: stretch;
    overflow: hidden;
    color: #242424;
    font-size: 0.92rem;
    font-weight: 700;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-selector-option-meta[b-tmb89xlb1v] {
    display: block;
    width: 100%;
    align-self: stretch;
    overflow: hidden;
    color: #6a5a60;
    font-size: 0.78rem;
    font-weight: 600;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .workspace-selector-menu[b-tmb89xlb1v] {
        width: 100%;
        flex-basis: 100%;
    }

    .workspace-selector-dropdown[b-tmb89xlb1v] {
        left: 0;
        right: auto;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .workspace-selector-dropdown-top-row[b-tmb89xlb1v] {
        flex-wrap: wrap;
    }

    .workspace-selector-search-shell[b-tmb89xlb1v] {
        flex: 1 1 100%;
        width: 100%;
    }
}
/* /Components/Shared/ImageEditorDialog.razor.rz.scp.css */
[b-ob0rzn4t44] .image-editor-dialog {
    width: min(1120px, calc(100vw - 64px));
    max-width: none;
}

.image-editor-title[b-ob0rzn4t44] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.image-editor-title[b-ob0rzn4t44] >  .mud-icon-root {
    color: #c94f7c;
}

.image-editor-loading[b-ob0rzn4t44] {
    display: grid;
    min-height: 360px;
    place-items: center;
    align-content: center;
    gap: 12px;
}

.image-editor-shell[b-ob0rzn4t44] {
    display: grid;
    gap: 12px;
}

.image-editor-toolbar[b-ob0rzn4t44] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 42px;
    padding: 4px 8px;
    border: 1px solid #eadfe3;
    border-radius: 10px;
    background: #fdf9fa;
}

.image-editor-zoom[b-ob0rzn4t44] {
    width: 54px;
    color: #5b4a51;
    font-size: 0.8rem;
    font-weight: 800;
    text-align: center;
}

.image-editor-spacer[b-ob0rzn4t44] {
    flex: 1 1 auto;
}

.image-editor-viewport[b-ob0rzn4t44] {
    position: relative;
    width: 100%;
    height: min(62vh, 660px);
    min-height: 420px;
    overflow: auto;
    border: 1px solid #ddd1d6;
    border-radius: 10px;
    background-color: #eee8ea;
    background-image:
        linear-gradient(45deg, #e1d9dc 25%, transparent 25%),
        linear-gradient(-45deg, #e1d9dc 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #e1d9dc 75%),
        linear-gradient(-45deg, transparent 75%, #e1d9dc 75%);
    background-position: 0 0, 0 8px, 8px -8px, -8px 0;
    background-size: 16px 16px;
    cursor: grab;
    overscroll-behavior: contain;
}

.image-editor-viewport.is-panning[b-ob0rzn4t44] {
    cursor: grabbing;
    user-select: none;
}

.image-editor-stage[b-ob0rzn4t44] {
    position: relative;
    width: max-content;
    height: max-content;
    overflow: hidden;
}

.image-editor-source[b-ob0rzn4t44] {
    display: block;
    max-width: none;
    max-height: none;
    user-select: none;
    pointer-events: none;
}

.image-editor-snapshot[b-ob0rzn4t44] {
    position: absolute;
    z-index: 2;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 8px;
    color: #fff;
    cursor: move;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    user-select: none;
    touch-action: none;
    box-shadow:
        0 0 0 9999px rgba(29, 21, 25, 0.48),
        0 0 0 1px rgba(0, 0, 0, 0.45),
        0 8px 30px rgba(0, 0, 0, 0.28);
}

.image-editor-snapshot[b-ob0rzn4t44]::before,
.image-editor-snapshot[b-ob0rzn4t44]::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.image-editor-snapshot[b-ob0rzn4t44]::before {
    inset: 33.333% 0;
    border-top: 1px solid rgba(255, 255, 255, 0.55);
    border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}

.image-editor-snapshot[b-ob0rzn4t44]::after {
    inset: 0 33.333%;
    border-left: 1px solid rgba(255, 255, 255, 0.55);
    border-right: 1px solid rgba(255, 255, 255, 0.55);
}

.image-editor-help[b-ob0rzn4t44] {
    display: flex;
    gap: 24px;
    color: #6f5f65;
    font-size: 0.76rem;
}

.image-editor-help span[b-ob0rzn4t44] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
/* /Components/Shared/JsonDebugDialog.razor.rz.scp.css */
.json-debug-backdrop[b-ppsi6v8hpu] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(36, 36, 36, 0.45);
    backdrop-filter: blur(2px);
}

.json-debug-dialog[b-ppsi6v8hpu] {
    display: grid;
    gap: 16px;
    width: min(960px, 100%);
    max-height: min(88vh, 960px);
    padding: 18px 22px;
    overflow: hidden;
    border: 1px solid rgba(223, 215, 218, 0.95);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 38px rgba(36, 36, 36, 0.28);
}

.json-debug-head[b-ppsi6v8hpu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.json-debug-title[b-ppsi6v8hpu] {
    color: #3b3135;
    font-size: 1rem;
    font-weight: 700;
}

.json-debug-loading[b-ppsi6v8hpu] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #4f4146;
    font-weight: 600;
}

.json-debug-tabs[b-ppsi6v8hpu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.json-debug-tab[b-ppsi6v8hpu] {
    padding: 8px 12px;
    border: 1px solid rgba(192, 74, 110, 0.22);
    border-radius: 999px;
    background: rgba(192, 74, 110, 0.06);
    color: #6a3d4d;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}

.json-debug-tab:hover[b-ppsi6v8hpu] {
    background: rgba(192, 74, 110, 0.12);
    border-color: rgba(192, 74, 110, 0.4);
}

.json-debug-tab-active[b-ppsi6v8hpu] {
    background: #c04a6e;
    border-color: #c04a6e;
    color: #ffffff;
}

.json-debug-spinner[b-ppsi6v8hpu] {
    width: 20px;
    height: 20px;
    border-radius: 999px;
    border: 4px solid rgba(36, 36, 36, 0.14);
    border-top-color: #c04a6e;
    animation: json-debug-spin-b-ppsi6v8hpu 0.8s linear infinite;
}

.json-debug-content[b-ppsi6v8hpu] {
    padding: 16px;
    overflow-x: auto;
    overflow-y: auto;
    border-radius: 10px;
    background: #1e1e1e;
    border: 1px solid #343434;
    color: #d4d4d4;
    font-size: 0.84rem;
    line-height: 1.5;
    white-space: pre;
    max-height: min(68vh, 720px);
}

.json-debug-content[b-ppsi6v8hpu],
.json-debug-fallback[b-ppsi6v8hpu] {
    font-family: Consolas, "Courier New", monospace;
}

.json-debug-fallback[b-ppsi6v8hpu] {
    margin: 0;
    white-space: pre;
    color: #d4d4d4;
}

@keyframes json-debug-spin-b-ppsi6v8hpu {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 760px) {
    .json-debug-backdrop[b-ppsi6v8hpu] {
        padding: 12px;
    }

    .json-debug-head[b-ppsi6v8hpu] {
        flex-direction: column;
    }
}
/* /Components/Shared/JsonDebugNode.razor.rz.scp.css */
.json-node[b-q3qr43z86q] {
    padding-left: calc(var(--json-depth) * 0.5rem);
}

.json-node-row[b-q3qr43z86q] {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 0.15rem;
    line-height: 1.55;
    min-width: 0;
}

.json-node-inline[b-q3qr43z86q] {
    display: flex;
    align-items: baseline;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    min-width: 0;
    gap: 0.15rem;
    white-space: nowrap;
}

.json-node-container-row[b-q3qr43z86q],
.json-node-closing-row[b-q3qr43z86q] {
    color: #d4d4d4;
}

.json-node-toggle[b-q3qr43z86q] {
    width: 1.1rem;
    min-width: 1.1rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #d4d4d4;
    cursor: pointer;
    font: inherit;
    line-height: 1.2;
}

.json-node-toggle:hover[b-q3qr43z86q] {
    color: #ffffff;
}

.json-node-leaf-spacer[b-q3qr43z86q],
.json-node-closing-spacer[b-q3qr43z86q] {
    width: 1.1rem;
    min-width: 1.1rem;
}

.json-node-punctuation[b-q3qr43z86q] {
    color: #d4d4d4;
}

.json-node-meta[b-q3qr43z86q] {
    color: #808080;
    font-size: 0.8rem;
}

.json-key[b-q3qr43z86q] {
    color: #4fc1ff;
    flex: 0 0 auto;
    white-space: nowrap;
}

.json-value[b-q3qr43z86q] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.json-string[b-q3qr43z86q] {
    color: #ce9178;
}

.json-number[b-q3qr43z86q] {
    color: #b5cea8;
}

.json-boolean[b-q3qr43z86q] {
    color: #569cd6;
    font-weight: 600;
}

.json-null[b-q3qr43z86q] {
    color: #569cd6;
    font-style: normal;
}
/* /Components/Shared/LocaleFlagBadge.razor.rz.scp.css */
.locale-flag-badge[b-qn3cptyd4t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 30px;
    overflow: hidden;
    border: 1px solid #dfcbd2;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(92, 55, 68, 0.12);
}

.locale-flag-badge[b-qn3cptyd4t]  svg {
    display: block;
}
/* /Components/Shared/LocalizedContentStatusIndicator.razor.rz.scp.css */
.localized-content-status[b-9ov1vha8c2] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(92, 55, 68, 0.16), 0 1px 3px rgba(92, 55, 68, 0.18);
}

.localized-content-status.is-empty[b-9ov1vha8c2] {
    background: #d94f61;
}

.localized-content-status.is-partial[b-9ov1vha8c2] {
    background: #e59a32;
}

.localized-content-status.is-complete[b-9ov1vha8c2] {
    background: #3ba66b;
}
/* /Components/Shared/PaymentAuditExplorer.razor.rz.scp.css */
.payment-audit-explorer[b-alotl92p8m] {
    position: relative;
}

.section-title-row[b-alotl92p8m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-title-row h2[b-alotl92p8m] {
    margin: 0;
    color: #242424;
    font-size: 0.98rem;
}

.subtle-inline[b-alotl92p8m] {
    color: #6a5a60;
    font-size: 0.88rem;
}

.search-request-overlay[b-alotl92p8m] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.58);
    backdrop-filter: blur(1.5px);
}

.search-request-overlay-panel[b-alotl92p8m] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(36, 36, 36, 0.1);
    box-shadow: 0 18px 45px rgba(31, 41, 55, 0.06);
    color: rgba(36, 36, 36, 0.82);
    font-size: 0.95rem;
    font-weight: 700;
}

.search-request-spinner[b-alotl92p8m] {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    border: 4px solid rgba(36, 36, 36, 0.24);
    border-top-color: #c04a6e;
    animation: search-request-spin-b-alotl92p8m 0.8s linear infinite;
}

.search-shell[b-alotl92p8m] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    margin-top: 14px;
    padding: 0 16px;
    border: 1px solid rgba(223, 215, 218, 0.98);
    border-radius: 10px;
    background: #fcfafb;
    color: #7a6970;
}

.search-shell input[b-alotl92p8m] {
    flex: 1 1 auto;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    outline: none;
}

.search-error-label[b-alotl92p8m] {
    margin-top: 12px;
    color: #c04a6e;
    font-size: 0.9rem;
    font-weight: 600;
}

.search-grid[b-alotl92p8m] {
    display: grid;
    grid-template-columns: 440px minmax(0, 1fr);
    align-items: stretch;
    gap: 18px;
    margin-top: 18px;
}

.reservation-summary[b-alotl92p8m] {
    align-self: stretch;
    padding: 12px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid rgba(232, 225, 228, 0.95);
}

.reservation-summary-empty[b-alotl92p8m] {
    display: grid;
    align-content: start;
}

.reservation-summary-head[b-alotl92p8m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.reservation-reload-button-content[b-alotl92p8m] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
}

.reservation-reload-button-content .mud-icon-root[b-alotl92p8m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.reservation-reload-button-content > span:last-child[b-alotl92p8m] {
    display: inline-flex;
    align-items: center;
}

.reservation-label[b-alotl92p8m],
.reservation-facts dt[b-alotl92p8m] {
    color: #7a6970;
    font-size: 0.92rem;
}

.reservation-id[b-alotl92p8m] {
    display: block;
    margin-top: 6px;
    color: #c04a6e;
    font-size: 1.75rem;
    line-height: 1;
}

.reservation-facts[b-alotl92p8m] {
    display: grid;
    grid-template-columns: minmax(120px, 160px) minmax(0, 1fr);
    column-gap: 16px;
    row-gap: 12px;
    margin: 18px 0 0;
}

.reservation-facts div[b-alotl92p8m] {
    display: contents;
}

.reservation-facts dd[b-alotl92p8m] {
    margin: 0;
    color: #242424;
    font-size: 1rem;
    font-weight: 700;
    text-align: left;
}

.reservation-stay-value[b-alotl92p8m] {
    display: grid;
    gap: 3px;
}

.reservation-stay-duration[b-alotl92p8m] {
    color: #7a6970;
    font-size: 0.86rem;
    font-weight: 600;
}

.reservation-amount-grid[b-alotl92p8m] {
    display: grid;
    gap: 12px;
    margin-top: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.reservation-amount-grid > *[b-alotl92p8m] {
    min-width: 0;
}

.reservation-amount-card[b-alotl92p8m] {
    display: grid;
    gap: 10px;
    min-height: 80px;
    padding: 14px;
    border: 1px solid rgba(227, 196, 205, 0.7);
    border-radius: 10px;
    background: #fff9fb;
}

.reservation-amount-card-secondary[b-alotl92p8m] {
    border-color: rgba(208, 216, 226, 0.9);
    background: #fbfcfd;
}

.reservation-amount-card-secondary .reservation-amount-label[b-alotl92p8m] {
    color: #556a7f;
}

.reservation-amount-card-secondary .reservation-amount-value[b-alotl92p8m] {
    color: #3e556d;
}

.reservation-amount-label[b-alotl92p8m] {
    color: #91606e;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.reservation-amount-value[b-alotl92p8m] {
    display: block;
    margin: 0;
    color: #c04a6e;
    max-width: 100%;
    font-size: 1.55rem;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.03em;
    overflow-wrap: anywhere;
}

.audit-panel[b-alotl92p8m] {
    display: grid;
    align-content: start;
    gap: 16px;
    min-width: 0;
    padding: 16px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid rgba(232, 225, 228, 0.95);
}

.panel-section-head[b-alotl92p8m],
.workflow-card-head[b-alotl92p8m],
.workflow-card-meta[b-alotl92p8m],
.event-card-title-row[b-alotl92p8m],
.event-card-system-row[b-alotl92p8m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.panel-section-title[b-alotl92p8m] {
    color: #3b3135;
    font-size: 1rem;
    font-weight: 700;
}

.panel-section-count[b-alotl92p8m] {
    color: #a75a72;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.workflow-selector[b-alotl92p8m] {
    padding: 16px;
    border: 1px solid rgba(232, 225, 228, 0.95);
    border-radius: 10px;
    background: #ffffff;
}

.workflow-events[b-alotl92p8m] {
    min-width: 0;
}

.workflow-grid[b-alotl92p8m],
.event-card-list[b-alotl92p8m] {
    display: grid;
    gap: 14px;
    margin-top: 16px;
}

.workflow-grid[b-alotl92p8m] {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.event-card-list[b-alotl92p8m] {
    grid-template-columns: repeat(auto-fill, 260px);
    gap: 10px;
    justify-content: start;
    margin-top: 0;
}

.workflow-header-card[b-alotl92p8m] {
    cursor: default;
}

.workflow-header-card:hover[b-alotl92p8m] {
    border-color: rgba(232, 225, 228, 0.95);
    transform: none;
}

.workflow-reference-grid[b-alotl92p8m] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.workflow-reference-grid div[b-alotl92p8m] {
    min-width: 0;
}

.workflow-reference-grid dt[b-alotl92p8m] {
    color: #7a6970;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.workflow-reference-grid dd[b-alotl92p8m] {
    overflow: hidden;
    margin: 3px 0 0;
    color: #3b3135;
    font-size: 0.86rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workflow-last-state[b-alotl92p8m] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 9px;
    border-top: 1px solid rgba(228, 221, 224, 0.9);
    color: #7a6970;
    font-size: 0.78rem;
}

.workflow-last-state strong[b-alotl92p8m] {
    color: #3b3135;
    font-size: 0.84rem;
}

.workflow-last-state time[b-alotl92p8m] {
    margin-left: auto;
    white-space: nowrap;
}

.workflow-grid-single[b-alotl92p8m] {
    margin-top: 0;
}

.workflow-card[b-alotl92p8m],
.event-card[b-alotl92p8m] {
    appearance: none;
    width: 100%;
    border: 1px solid rgba(223, 215, 218, 0.98);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.94);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease;
}

.workflow-card[b-alotl92p8m] {
    display: grid;
    gap: 10px;
    padding: 16px;
    border: 1px solid rgba(232, 225, 228, 0.95);
    background: #ffffff;
}

.workflow-card:hover[b-alotl92p8m],
.event-card:hover[b-alotl92p8m] {
    border-color: rgba(208, 194, 199, 0.98);
}

.workflow-card-selected[b-alotl92p8m],
.event-card-selected[b-alotl92p8m] {
    border-color: rgba(208, 194, 199, 0.98);
    background: #ffffff;
}

.event-card.event-card-selected[b-alotl92p8m] {
    border-color: rgba(192, 74, 110, 0.72);
    background: #fff9fb;
}

.workflow-card-kicker[b-alotl92p8m] {
    color: #6a5a60;
    font-size: 0.82rem;
}

.workflow-card-title[b-alotl92p8m] {
    margin-top: 4px;
    color: #3b3135;
    font-size: 0.98rem;
    font-weight: 700;
}

.workflow-debug-hint[b-alotl92p8m] {
    margin-top: 6px;
    color: #7a6970;
    font-size: 0.78rem;
    line-height: 1.35;
}

.workflow-card-value[b-alotl92p8m] {
    color: #242424;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.workflow-card-meta[b-alotl92p8m] {
    color: #4f4146;
    font-size: 0.86rem;
    font-weight: 600;
}

.status-pill[b-alotl92p8m] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: #f9eef1;
    color: #a75a72;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-pill-button[b-alotl92p8m] {
    border: 0;
    cursor: pointer;
}

.status-pill-button:focus-visible[b-alotl92p8m] {
    outline: 2px solid rgba(192, 74, 110, 0.35);
    outline-offset: 2px;
}

.status-pill-started[b-alotl92p8m] {
    background: #fff1dd;
    color: #b56705;
}

.status-pill-completed[b-alotl92p8m] {
    background: #e7f5ec;
    color: #2f8a57;
}

.status-pill-failed[b-alotl92p8m] {
    background: #fde8eb;
    color: #b93d57;
}

.status-pill-partial[b-alotl92p8m] {
    background: #fff1dd;
    color: #b56705;
}

.status-pill-paid[b-alotl92p8m] {
    background: #e7f5ec;
    color: #2f8a57;
}

.workflow-card .status-pill[b-alotl92p8m] {
    justify-self: start;
}

.event-card[b-alotl92p8m] {
    position: relative;
    display: grid;
    gap: 7px;
    align-content: start;
    justify-items: stretch;
    width: 260px;
    max-width: 100%;
    min-height: 126px;
    padding: 10px;
    font: inherit;
    text-align: left;
    cursor: default;
}

.event-card-select[b-alotl92p8m] {
    all: unset;
    box-sizing: border-box;
    display: grid;
    gap: 7px;
    width: 100%;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.event-card-select:focus-visible[b-alotl92p8m] {
    border-radius: 8px;
    outline: 2px solid rgba(192, 74, 110, 0.35);
    outline-offset: 2px;
}

.event-card-top-row[b-alotl92p8m],
.event-card-icon-row[b-alotl92p8m],
.event-card-main[b-alotl92p8m],
.event-card-meta[b-alotl92p8m] {
    width: 100%;
    text-align: left;
}

.event-card-top-row[b-alotl92p8m] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding-right: 0;
}

.event-card-status-group[b-alotl92p8m] {
    margin-left: auto;
    align-self: flex-start;
    display: grid;
    justify-items: end;
    gap: 3px;
    flex: 0 0 auto;
}

.event-card-time[b-alotl92p8m] {
    display: grid;
    gap: 2px;
    color: #7a6970;
    font-size: 0.84rem;
}

.event-card-time span:last-child[b-alotl92p8m] {
    color: #9a8b90;
    font-size: 0.78rem;
}

.event-card-icon-row[b-alotl92p8m] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.event-card-icon[b-alotl92p8m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #f5edef;
    color: #a75a72;
    font-size: 1rem;
}

.event-card-title[b-alotl92p8m] {
    color: #3b3135;
    font-weight: 700;
    font-size: 0.88rem;
    line-height: 1.2;
}

.event-card-meta[b-alotl92p8m] {
    margin-top: 2px;
    color: #6a5a60;
    font-size: 0.82rem;
    line-height: 1.35;
}

.event-card-action[b-alotl92p8m] {
    display: grid;
    justify-items: stretch;
    gap: 7px;
    width: 100%;
    margin-top: 4px;
    padding-top: 9px;
    border-top: 1px solid rgba(228, 221, 224, 0.9);
    text-align: left;
}

.event-card-capture-button[b-alotl92p8m] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    width: 100%;
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid rgba(192, 74, 110, 0.42);
    border-radius: 7px;
    background: #c04a6e;
    color: #ffffff;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.event-card-capture-button:hover:not(:disabled)[b-alotl92p8m] {
    background: #a83d5f;
}

.event-card-capture-button:disabled[b-alotl92p8m] {
    cursor: wait;
    opacity: 0.68;
}

.event-card-action-error[b-alotl92p8m] {
    color: #b93d57;
    font-size: 0.74rem;
    line-height: 1.35;
    text-align: left;
}

.event-card .status-pill[b-alotl92p8m],
.event-card .event-system-badge[b-alotl92p8m] {
    min-height: 20px;
    padding: 0 7px;
    font-size: 0.66rem;
}

.event-card .status-pill[b-alotl92p8m] {
    position: static;
    flex: 0 0 auto;
}

.event-card-amount[b-alotl92p8m],
.workflow-record-amount[b-alotl92p8m] {
    color: #7a6970;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.1;
    white-space: nowrap;
}

.webhook-pill[b-alotl92p8m] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    height: 20px;
    padding: 0 7px;
    border: 1px solid rgba(111, 90, 146, 0.18);
    border-radius: 999px;
    background: #f1ecfa;
    color: #6f5a92;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.consent-proof-pill[b-alotl92p8m] {
    border: 0;
    cursor: pointer;
}

.consent-proof-pill:disabled[b-alotl92p8m] {
    opacity: 0.68;
    cursor: wait;
}

.consent-proof-pill:focus-visible[b-alotl92p8m] {
    outline: 2px solid rgba(192, 74, 110, 0.35);
    outline-offset: 2px;
}

.step-detail-panel[b-alotl92p8m] {
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(223, 215, 218, 0.98);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.94);
}

.step-detail-head[b-alotl92p8m] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.step-detail-title[b-alotl92p8m] {
    color: #3b3135;
    font-size: 0.92rem;
    font-weight: 700;
}

.step-detail-empty[b-alotl92p8m] {
    margin-top: 10px;
    color: #7a6970;
    font-size: 0.84rem;
}

.workflow-record-timeline[b-alotl92p8m] {
    display: grid;
    margin-top: 10px;
}

.workflow-record-row[b-alotl92p8m] {
    position: relative;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 10px;
    padding-bottom: 14px;
}

.workflow-record-row:not(:last-child)[b-alotl92p8m]::before {
    position: absolute;
    top: 10px;
    bottom: -2px;
    left: 5px;
    width: 1px;
    background: rgba(208, 194, 199, 0.98);
    content: "";
}

.workflow-record-marker[b-alotl92p8m] {
    position: relative;
    z-index: 1;
    width: 11px;
    height: 11px;
    margin-top: 4px;
    border: 2px solid #ffffff;
    border-radius: 999px;
    background: #c04a6e;
    box-shadow: 0 0 0 1px rgba(192, 74, 110, 0.45);
}

.workflow-record-content[b-alotl92p8m] {
    display: grid;
    gap: 6px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.workflow-record-badges[b-alotl92p8m],
.step-json-actions[b-alotl92p8m] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.workflow-record-proof-error[b-alotl92p8m] {
    color: #b93d57;
    font-size: 0.74rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.workflow-record-status-group[b-alotl92p8m] {
    display: grid;
    justify-items: start;
    gap: 3px;
}

.workflow-record-badges .status-pill[b-alotl92p8m],
.workflow-record-badges .event-system-badge[b-alotl92p8m] {
    min-height: 20px;
    padding: 0 7px;
    font-size: 0.66rem;
}

.step-json-actions[b-alotl92p8m] {
    padding-top: 9px;
    border-top: 1px solid rgba(228, 221, 224, 0.9);
}

.event-item-list[b-alotl92p8m] {
    display: grid;
    gap: 0;
    margin-top: 8px;
}

.event-item-row[b-alotl92p8m] {
    display: grid;
    gap: 6px;
    padding: 9px 0;
    border-top: 1px solid rgba(228, 221, 224, 0.9);
}

.event-item-row:first-child[b-alotl92p8m] {
    border-top: 0;
}

.event-item-head[b-alotl92p8m],
.event-item-title-row[b-alotl92p8m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.event-item-time[b-alotl92p8m] {
    color: #9a8b90;
    font-size: 0.76rem;
}

.event-item-title[b-alotl92p8m] {
    color: #3b3135;
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1.25;
}

.event-item-meta[b-alotl92p8m] {
    color: #6a5a60;
    font-size: 0.79rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.event-item-debug-button[b-alotl92p8m] {
    border: 1px solid rgba(208, 194, 199, 0.98);
    border-radius: 999px;
    background: #ffffff;
    color: #8f6673;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
    padding: 5px 8px;
    cursor: pointer;
}

.event-item-debug-button:disabled[b-alotl92p8m] {
    opacity: 0.45;
    cursor: default;
}

.timeline-badge[b-alotl92p8m] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border: 1px solid rgba(138, 103, 111, 0.2);
    border-radius: 999px;
    color: #8a676f;
    background: #f7f3f4;
    font-size: 0.76rem;
    font-weight: 700;
}

.timeline-badge-started[b-alotl92p8m] {
    color: #8c6a2f;
    background: #fff4df;
    border-color: rgba(183, 123, 28, 0.16);
}

.timeline-badge-initialized[b-alotl92p8m] {
    color: #6f5a92;
    background: #f1ecfa;
    border-color: rgba(111, 90, 146, 0.15);
}

.timeline-badge-completed[b-alotl92p8m] {
    color: #2f8a57;
    background: #e7f5ec;
    border-color: rgba(47, 138, 87, 0.16);
}

.timeline-badge-failed[b-alotl92p8m] {
    color: #b93d57;
    background: #fde8eb;
    border-color: rgba(185, 61, 87, 0.16);
}

.event-system-badge[b-alotl92p8m] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.event-system-staylink[b-alotl92p8m] {
    background: #edf3fb;
    color: #4d6f95;
}

.event-system-pms[b-alotl92p8m] {
    background: #f2efe9;
    color: #7b684b;
}

.event-system-default[b-alotl92p8m] {
    background: #f4eff2;
    color: #7a6970;
}

.empty-audit-state[b-alotl92p8m] {
    padding: 18px 0;
    color: #6a5a60;
    font-size: 0.92rem;
    line-height: 1.5;
}

@keyframes search-request-spin-b-alotl92p8m {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1200px) {
    .search-grid[b-alotl92p8m] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1100px) {
    .search-grid[b-alotl92p8m] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .reservation-amount-grid[b-alotl92p8m] {
        grid-template-columns: 1fr;
    }

    .panel-section-head[b-alotl92p8m] {
        align-items: flex-start;
        flex-direction: column;
    }

    .event-card-list[b-alotl92p8m] {
        grid-template-columns: 1fr;
    }

    .event-card[b-alotl92p8m] {
        width: 100%;
    }

    .workflow-reference-grid[b-alotl92p8m] {
        grid-template-columns: 1fr;
    }

    .workflow-last-state[b-alotl92p8m] {
        align-items: flex-start;
        flex-direction: column;
    }

    .workflow-last-state time[b-alotl92p8m] {
        margin-left: 0;
    }
}
/* /Components/Shared/PaymentTransactionExplorer.razor.rz.scp.css */
.transaction-explorer[b-njuye628zq] {
    display: grid;
    gap: 18px;
}

.transaction-filter-bar[b-njuye628zq] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 20px;
    border: 1px solid rgba(221, 214, 217, 0.95);
    border-radius: 12px;
    background:
        linear-gradient(120deg, rgba(192, 74, 110, 0.06), transparent 44%),
        #fcfbfb;
}

.transaction-filter-heading[b-njuye628zq] {
    min-width: 260px;
}

.transaction-kicker[b-njuye628zq] {
    color: #b34264;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.transaction-filter-heading h2[b-njuye628zq] {
    margin: 4px 0 3px;
    color: #29272a;
    font-size: 1.22rem;
    line-height: 1.25;
}

.transaction-filter-heading p[b-njuye628zq] {
    margin: 0;
    color: #74676c;
    font-size: 0.9rem;
}

.transaction-date-filters[b-njuye628zq] {
    display: grid;
    grid-template-columns: auto minmax(150px, 1fr) minmax(150px, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    min-width: min(100%, 620px);
}

.transaction-date-filters .mud-button-root[b-njuye628zq] {
    min-height: 40px;
    box-shadow: none;
}

.transaction-date-filters .transaction-range-button[b-njuye628zq] {
    width: 40px;
    height: 40px;
    border-color: rgba(114, 103, 108, 0.3);
    border-radius: 9px;
    color: #5f5559;
}

.transaction-alert[b-njuye628zq] {
    margin: 0;
}

.transaction-toolbar[b-njuye628zq] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(210px, 280px) auto;
    align-items: center;
    gap: 14px;
}

.transaction-result-count[b-njuye628zq] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px;
    color: #74676c;
    font-size: 0.82rem;
    white-space: nowrap;
}

.transaction-result-count strong[b-njuye628zq] {
    color: #29272a;
}

.transaction-table-shell[b-njuye628zq] {
    overflow: hidden;
    border: 1px solid rgba(221, 214, 217, 0.95);
    border-radius: 12px;
    background: #fff;
}

.transaction-table[b-njuye628zq] {
    min-width: 1320px;
}

.transaction-table[b-njuye628zq]  .mud-table-container {
    overflow-x: auto;
}

.transaction-table[b-njuye628zq]  .mud-table-head {
    background: #f7f4f5;
}

.transaction-table[b-njuye628zq]  .mud-table-cell {
    padding: 12px 14px;
    border-color: rgba(227, 221, 223, 0.82);
    color: #3f3a3c;
    vertical-align: middle;
}

.transaction-table[b-njuye628zq]  .mud-table-head .mud-table-cell {
    color: #6f6267;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    white-space: nowrap;
}

.transaction-date[b-njuye628zq],
.transaction-time[b-njuye628zq] {
    display: block;
    white-space: nowrap;
}

.transaction-date[b-njuye628zq] {
    color: #302d2e;
    font-weight: 700;
}

.transaction-type-icon[b-njuye628zq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(192, 74, 110, 0.25);
    border-radius: 8px;
    background: #fff5f8;
    color: #b34264;
}

.transaction-type-icon .mud-icon-root[b-njuye628zq] {
    font-size: 1.15rem;
}

.transaction-time[b-njuye628zq] {
    margin-top: 2px;
    color: #80757a;
    font-size: 0.78rem;
}

.transaction-reference[b-njuye628zq] {
    font-family: "Cascadia Mono", "IBM Plex Mono", monospace;
    font-size: 0.78rem;
    white-space: nowrap;
}

.transaction-amount[b-njuye628zq] {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    white-space: nowrap;
}

.transaction-status[b-njuye628zq] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 3px 9px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.transaction-status.success[b-njuye628zq] {
    border-color: #b7d8c7;
    background: #edf8f2;
    color: #2e7451;
}

.transaction-status.danger[b-njuye628zq] {
    border-color: #e9bdc8;
    background: #fff0f3;
    color: #a43455;
}

.transaction-status.pending[b-njuye628zq] {
    border-color: #ead4a7;
    background: #fff8e8;
    color: #80601f;
}

.transaction-status.neutral[b-njuye628zq] {
    border-color: #d6d9df;
    background: #f5f6f8;
    color: #606874;
}

.transaction-empty-state[b-njuye628zq] {
    display: grid;
    justify-items: center;
    gap: 7px;
    min-width: calc(100vw - 180px);
    padding: 44px 24px;
    color: #81747a;
    text-align: center;
}

.transaction-empty-state .mud-icon-root[b-njuye628zq] {
    color: #bd496d;
    font-size: 2rem;
}

.transaction-empty-state strong[b-njuye628zq] {
    color: #373234;
}

@media (max-width: 1050px) {
    .transaction-filter-bar[b-njuye628zq] {
        align-items: stretch;
        flex-direction: column;
    }

    .transaction-date-filters[b-njuye628zq] {
        min-width: 0;
    }

    .transaction-toolbar[b-njuye628zq] {
        grid-template-columns: 1fr 1fr;
    }

    .transaction-result-count[b-njuye628zq] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    .transaction-filter-bar[b-njuye628zq] {
        padding: 16px;
    }

    .transaction-toolbar[b-njuye628zq] {
        grid-template-columns: 1fr;
    }

    .transaction-date-filters[b-njuye628zq] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .transaction-range-previous[b-njuye628zq] {
        grid-column: 1;
        grid-row: 1 / span 2;
        align-self: center;
    }

    .transaction-date-filters[b-njuye628zq]  .mud-picker:first-of-type {
        grid-column: 2;
        grid-row: 1;
    }

    .transaction-date-filters[b-njuye628zq]  .mud-picker:nth-of-type(2) {
        grid-column: 2;
        grid-row: 2;
    }

    .transaction-range-next[b-njuye628zq] {
        grid-column: 3;
        grid-row: 1 / span 2;
        align-self: center;
    }

    .transaction-load-button[b-njuye628zq] {
        grid-column: 1 / -1;
        grid-row: 3;
    }

    .transaction-result-count[b-njuye628zq] {
        grid-column: auto;
    }

    .transaction-empty-state[b-njuye628zq] {
        min-width: calc(100vw - 72px);
    }
}
/* /Components/Shared/PosTransactionExplorer.razor.rz.scp.css */
.pos-transaction-explorer[b-78a0hmxkgz] {
    display: grid;
    gap: 18px;
}

.pos-transaction-hero[b-78a0hmxkgz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    gap: 12px;
    align-items: stretch;
}

.pos-transaction-header-aside[b-78a0hmxkgz] {
    min-width: 0;
}

.pos-transaction-explorer .transaction-filter-bar[b-78a0hmxkgz] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    min-height: 100%;
    padding: 22px 24px;
    border: 1px solid rgba(221, 214, 217, 0.95);
    border-radius: 12px;
    background:
        linear-gradient(120deg, rgba(192, 74, 110, 0.06), transparent 44%),
        #fcfbfb;
}

.pos-transaction-explorer .transaction-filter-heading[b-78a0hmxkgz] {
    min-width: 280px;
    max-width: 640px;
}

.pos-transaction-explorer .transaction-kicker[b-78a0hmxkgz] {
    color: #b34264;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.pos-transaction-explorer .transaction-filter-heading h2[b-78a0hmxkgz] {
    margin: 4px 0 3px;
    color: #29272a;
    font-size: 1.22rem;
    line-height: 1.25;
}

.pos-transaction-explorer .transaction-filter-heading p[b-78a0hmxkgz] {
    margin: 0;
    color: #74676c;
    font-size: 0.9rem;
}

.pos-transaction-explorer .transaction-date-filters[b-78a0hmxkgz] {
    display: grid;
    grid-template-columns: auto minmax(150px, 1fr) minmax(150px, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    min-width: min(100%, 620px);
}

.pos-transaction-explorer .transaction-date-filters .mud-button-root[b-78a0hmxkgz] {
    min-height: 40px;
    box-shadow: none;
}

.pos-transaction-explorer .transaction-date-filters .transaction-range-button[b-78a0hmxkgz] {
    width: 40px;
    height: 40px;
    border-color: rgba(114, 103, 108, 0.3);
    border-radius: 9px;
    color: #5f5559;
}

.pos-transaction-explorer .transaction-alert[b-78a0hmxkgz] {
    margin: 0;
}

.pos-transaction-explorer .transaction-loading-shell[b-78a0hmxkgz] {
    overflow: hidden;
    border: 1px solid rgba(221, 214, 217, 0.95);
    border-radius: 12px;
    background: #fff;
}

.pos-transaction-explorer .transaction-loading-bar[b-78a0hmxkgz] {
    display: block;
}

.pos-transaction-toolbar[b-78a0hmxkgz] {
    display: grid;
    grid-template-columns:
        minmax(180px, 1fr)
        minmax(150px, 0.8fr)
        minmax(170px, 0.9fr)
        minmax(260px, 1.25fr)
        minmax(160px, 0.8fr)
        minmax(140px, 0.7fr);
    gap: 14px;
    align-items: start;
}

.pos-transaction-toolbar .transaction-result-count[b-78a0hmxkgz] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px;
    color: #74676c;
    font-size: 0.82rem;
}

.pos-transaction-toolbar .transaction-result-count strong[b-78a0hmxkgz] {
    color: #29272a;
}

.pos-transaction-explorer .transaction-search[b-78a0hmxkgz],
.pos-transaction-explorer .transaction-method-filter[b-78a0hmxkgz] {
    min-width: 0;
}

.pos-transaction-explorer .transaction-table-shell[b-78a0hmxkgz] {
    overflow: hidden;
    border: 1px solid rgba(221, 214, 217, 0.95);
    border-radius: 12px;
    background: #fff;
}

.pos-transaction-explorer .transaction-table[b-78a0hmxkgz] {
    min-width: 1320px;
}

.pos-transaction-explorer[b-78a0hmxkgz]  .mud-table-container {
    overflow-x: auto;
}

.pos-transaction-explorer[b-78a0hmxkgz]  .mud-table-head {
    background: #f7f4f5;
}

.pos-transaction-explorer[b-78a0hmxkgz]  .mud-table-cell {
    padding: 12px 14px;
    border-color: rgba(227, 221, 223, 0.82);
    color: #3f3a3c;
    vertical-align: middle;
}

.pos-transaction-explorer[b-78a0hmxkgz]  .mud-table-head .mud-table-cell {
    color: #6f6267;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    white-space: nowrap;
}

.pos-transaction-explorer .transaction-date[b-78a0hmxkgz],
.pos-transaction-explorer .transaction-time[b-78a0hmxkgz] {
    display: block;
    white-space: nowrap;
}

.pos-transaction-explorer .transaction-date[b-78a0hmxkgz] {
    color: #302d2e;
    font-weight: 700;
}

.pos-transaction-explorer .transaction-time[b-78a0hmxkgz] {
    margin-top: 2px;
    color: #80757a;
    font-size: 0.78rem;
}

.pos-transaction-explorer .transaction-reference[b-78a0hmxkgz] {
    font-family: "Cascadia Mono", "IBM Plex Mono", monospace;
    font-size: 0.78rem;
    white-space: nowrap;
}

.pos-transaction-explorer[b-78a0hmxkgz]  th.transaction-amount,
.pos-transaction-explorer[b-78a0hmxkgz]  td.transaction-amount {
    text-align: right;
}

.pos-transaction-explorer .transaction-amount[b-78a0hmxkgz] {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    white-space: nowrap;
}

.pos-transaction-explorer .transaction-status[b-78a0hmxkgz] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 3px 9px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.pos-transaction-explorer[b-78a0hmxkgz]  td.transaction-result-cell {
    text-align: center;
}

.pos-transaction-explorer .transaction-status.success[b-78a0hmxkgz] {
    border-color: #b7d8c7;
    background: #edf8f2;
    color: #2e7451;
}

.pos-transaction-explorer .transaction-status.danger[b-78a0hmxkgz] {
    border-color: #e9bdc8;
    background: #fff0f3;
    color: #a43455;
}

.pos-transaction-explorer .transaction-empty-state[b-78a0hmxkgz] {
    display: grid;
    justify-items: center;
    gap: 7px;
    min-width: calc(100vw - 180px);
    padding: 44px 24px;
    color: #81747a;
    text-align: center;
}

.pos-transaction-explorer .transaction-empty-state .mud-icon-root[b-78a0hmxkgz] {
    color: #bd496d;
    font-size: 2rem;
}

.pos-transaction-explorer .transaction-empty-state strong[b-78a0hmxkgz] {
    color: #373234;
}

@media (max-width: 1200px) {
    .pos-transaction-toolbar[b-78a0hmxkgz] {
        grid-template-columns: repeat(3, minmax(180px, 1fr));
    }
}

@media (max-width: 1050px) {
    .pos-transaction-hero[b-78a0hmxkgz] {
        grid-template-columns: 1fr;
    }

    .pos-transaction-explorer .transaction-filter-bar[b-78a0hmxkgz] {
        align-items: stretch;
        flex-direction: column;
    }

    .pos-transaction-explorer .transaction-date-filters[b-78a0hmxkgz] {
        min-width: 0;
    }

    .pos-transaction-toolbar[b-78a0hmxkgz] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .pos-transaction-toolbar .transaction-result-count[b-78a0hmxkgz] {
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    .pos-transaction-explorer .transaction-filter-bar[b-78a0hmxkgz] {
        padding: 16px;
    }

    .pos-transaction-toolbar[b-78a0hmxkgz] {
        grid-template-columns: 1fr;
    }

    .pos-transaction-explorer .transaction-date-filters[b-78a0hmxkgz] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .pos-transaction-explorer .transaction-range-previous[b-78a0hmxkgz] {
        grid-column: 1;
        grid-row: 1 / span 2;
        align-self: center;
    }

    .pos-transaction-explorer .transaction-date-filters[b-78a0hmxkgz]  .mud-picker:first-of-type {
        grid-column: 2;
        grid-row: 1;
    }

    .pos-transaction-explorer .transaction-date-filters[b-78a0hmxkgz]  .mud-picker:nth-of-type(2) {
        grid-column: 2;
        grid-row: 2;
    }

    .pos-transaction-explorer .transaction-range-next[b-78a0hmxkgz] {
        grid-column: 3;
        grid-row: 1 / span 2;
        align-self: center;
    }

    .pos-transaction-explorer .transaction-load-button[b-78a0hmxkgz] {
        grid-column: 1 / -1;
        grid-row: 3;
    }

    .pos-transaction-explorer .transaction-empty-state[b-78a0hmxkgz] {
        min-width: calc(100vw - 72px);
    }
}
/* /Components/Shared/PosTransactionsPage.razor.rz.scp.css */
.pos-report-import-shell[b-ycv9fo5v5b] {
    display: grid;
    gap: 8px;
    height: 100%;
}

.pos-report-summary-status[b-ycv9fo5v5b] {
    display: grid;
    gap: 8px;
}

.pos-report-summary-actions[b-ycv9fo5v5b] {
    display: flex;
    justify-content: flex-start;
}

.pos-report-summary-actions .pos-summary-download-button[b-ycv9fo5v5b] {
    min-height: 36px;
    border-radius: 10px;
}

.pos-report-upload-feedback[b-ycv9fo5v5b] {
    display: grid;
    gap: 6px;
}

.pos-report-upload-note[b-ycv9fo5v5b] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 0.88rem;
    line-height: 1.35;
    border: 1px solid rgba(227, 221, 223, 0.9);
    background: #faf8f9;
    color: #5f5960;
}

.pos-report-upload-note.is-success[b-ycv9fo5v5b] {
    border-color: rgba(189, 73, 109, 0.2);
    background: rgba(189, 73, 109, 0.06);
    color: #7a3047;
}

.pos-report-upload-note.is-warning[b-ycv9fo5v5b] {
    border-color: rgba(210, 147, 31, 0.32);
    background: rgba(255, 247, 230, 0.9);
    color: #935f05;
}

.pos-report-upload-note.is-error[b-ycv9fo5v5b] {
    border-color: rgba(191, 69, 69, 0.24);
    background: rgba(255, 242, 242, 0.96);
    color: #9a3030;
}

.pos-report-import-progress-shell[b-ycv9fo5v5b] {
    margin-top: -2px;
    margin-bottom: 2px;
}

.pos-report-import-progress[b-ycv9fo5v5b] {
    display: block;
}

.pos-report-import-dropzone[b-ycv9fo5v5b] {
    position: relative;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 6px;
    min-height: 88px;
    padding: 10px 14px;
    border: 2px dashed rgba(189, 73, 109, 0.38);
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(192, 74, 110, 0.05), rgba(192, 74, 110, 0.02)),
        #fcfbfb;
    text-align: center;
    transition: border-color 120ms ease, background 120ms ease, transform 120ms ease;
    cursor: pointer;
}

.pos-report-import-dropzone.is-drag-active[b-ycv9fo5v5b] {
    border-color: #bd496d;
    background:
        linear-gradient(135deg, rgba(192, 74, 110, 0.14), rgba(192, 74, 110, 0.06)),
        #fffafb;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(198, 78, 119, 0.12);
}

.pos-report-import-input[b-ycv9fo5v5b] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.pos-report-import-input-host[b-ycv9fo5v5b] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.pos-report-import-picker[b-ycv9fo5v5b] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.pos-report-import-button[b-ycv9fo5v5b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    height: 36px;
    min-height: 36px;
    padding: 0 16px;
    border-radius: 10px;
    background: #c64e77;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(198, 78, 119, 0.24);
    cursor: pointer;
    transition: transform 120ms ease, filter 120ms ease, box-shadow 120ms ease;
}

.pos-report-import-button:hover[b-ycv9fo5v5b] {
    filter: brightness(1.03);
    box-shadow: 0 10px 22px rgba(198, 78, 119, 0.28);
}

.pos-report-import-button:active[b-ycv9fo5v5b] {
    transform: translateY(1px);
}

.pos-report-import-file-name[b-ycv9fo5v5b] {
    display: block;
    flex: 1 1 auto;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #5f5960;
    font-size: 0.88rem;
}

.pos-report-import-visual[b-ycv9fo5v5b] {
    display: grid;
    justify-items: center;
    gap: 6px;
}

.pos-report-import-icon[b-ycv9fo5v5b] {
    color: #bd496d;
    font-size: 1.05rem;
}

.pos-report-import-message[b-ycv9fo5v5b] {
    transition: color 120ms ease;
}

.pos-report-summary-shell[b-ycv9fo5v5b] {
    display: grid;
}

.pos-report-summary[b-ycv9fo5v5b] {
    display: grid;
    gap: 12px;
}

.pos-report-summary-header[b-ycv9fo5v5b] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}

.pos-report-summary-header .pos-summary-action-button[b-ycv9fo5v5b] {
    min-height: 40px;
    padding-inline: 18px;
    border-radius: 10px;
    background: #c64e77;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.02em;
    box-shadow: 0 8px 18px rgba(198, 78, 119, 0.24);
}

.pos-report-summary-header .pos-summary-action-button:hover[b-ycv9fo5v5b] {
    filter: brightness(1.03);
    box-shadow: 0 10px 22px rgba(198, 78, 119, 0.28);
}

.pos-report-summary-header[b-ycv9fo5v5b]  .pos-summary-action-button.mud-disabled {
    background: #c64e77;
    color: rgba(255, 255, 255, 0.94);
    opacity: 1;
    box-shadow: 0 8px 18px rgba(198, 78, 119, 0.24);
}

.pos-report-summary-header[b-ycv9fo5v5b]  .pos-summary-action-button .mud-button-label {
    white-space: nowrap;
}

.pos-report-summary-primary[b-ycv9fo5v5b] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 8px;
}

.pos-report-summary-meta[b-ycv9fo5v5b] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    color: #74676c;
    font-size: 0.82rem;
}

.pos-report-summary-meta strong[b-ycv9fo5v5b] {
    color: #29272a;
}

.pos-report-summary-item[b-ycv9fo5v5b] {
    display: grid;
    gap: 2px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f8f6f7;
    border: 1px solid rgba(227, 221, 223, 0.82);
}

.pos-report-summary-label[b-ycv9fo5v5b] {
    color: #74676c;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.pos-report-summary-item strong[b-ycv9fo5v5b] {
    color: #29272a;
    font-size: 1.1rem;
    line-height: 1.1;
}

.pos-reconciliation-shell[b-ycv9fo5v5b] {
    display: grid;
    gap: 12px;
}

.pos-reconciliation-header[b-ycv9fo5v5b] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}

.pos-reconciliation-summary[b-ycv9fo5v5b] {
    display: grid;
    gap: 10px;
}

.pos-reconciliation-primary[b-ycv9fo5v5b] {
    display: grid;
    grid-template-columns: repeat(5, minmax(120px, 1fr));
    gap: 8px;
}

.pos-reconciliation-meta[b-ycv9fo5v5b] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    color: #74676c;
    font-size: 0.82rem;
}

.pos-reconciliation-meta strong[b-ycv9fo5v5b] {
    color: #29272a;
}

.pos-reconciliation-stat[b-ycv9fo5v5b] {
    display: grid;
    gap: 2px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f8f6f7;
    border: 1px solid rgba(227, 221, 223, 0.82);
}

.pos-reconciliation-stat.is-match[b-ycv9fo5v5b] {
    border-color: rgba(75, 151, 103, 0.24);
    background: rgba(238, 249, 242, 0.96);
}

.pos-reconciliation-stat.is-neutral[b-ycv9fo5v5b] {
    border-color: rgba(95, 89, 96, 0.20);
    background: rgba(248, 246, 247, 0.96);
}

.pos-reconciliation-stat.is-mismatch[b-ycv9fo5v5b] {
    border-color: rgba(210, 147, 31, 0.32);
    background: rgba(255, 247, 230, 0.9);
}

.pos-reconciliation-stat.is-missing[b-ycv9fo5v5b] {
    border-color: rgba(191, 69, 69, 0.24);
    background: rgba(255, 242, 242, 0.96);
}

.pos-reconciliation-label[b-ycv9fo5v5b] {
    color: #74676c;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.pos-reconciliation-stat strong[b-ycv9fo5v5b] {
    color: #29272a;
    font-size: 1.1rem;
    line-height: 1.1;
}

.pos-reconciliation-issues[b-ycv9fo5v5b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.pos-reconciliation-issue[b-ycv9fo5v5b] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 10px;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid rgba(223, 215, 218, 0.98);
    background: rgba(255, 255, 255, 0.94);
    transition: border-color 0.18s ease, background 0.18s ease;
}

.pos-reconciliation-issue.is-mismatch[b-ycv9fo5v5b] {
    border-color: rgba(236, 206, 149, 0.98);
}

.pos-reconciliation-issue.is-missing[b-ycv9fo5v5b] {
    border-color: rgba(234, 193, 201, 0.98);
}

.pos-reconciliation-issue.is-resolved[b-ycv9fo5v5b] {
    border-color: rgba(194, 224, 205, 0.98);
    background: #ffffff;
}

.pos-reconciliation-issue:hover[b-ycv9fo5v5b] {
    border-color: rgba(208, 194, 199, 0.98);
}

.pos-reconciliation-issue-top-row[b-ycv9fo5v5b] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding-right: 0;
}

.pos-reconciliation-issue-icon-row[b-ycv9fo5v5b] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.pos-reconciliation-issue-icon[b-ycv9fo5v5b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #f5edef;
    color: #a75a72;
    font-size: 1rem;
    flex: 0 0 auto;
}

.pos-reconciliation-issue-time[b-ycv9fo5v5b] {
    display: grid;
    gap: 2px;
    color: #7a6970;
    font-size: 0.84rem;
    min-width: 0;
}

.pos-reconciliation-issue-time span:last-child[b-ycv9fo5v5b] {
    color: #9a8b90;
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.pos-reconciliation-issue-status-group[b-ycv9fo5v5b] {
    margin-left: auto;
    align-self: flex-start;
    display: grid;
    justify-items: end;
    gap: 3px;
    flex: 0 0 auto;
}

.status-pill[b-ycv9fo5v5b] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: #f9eef1;
    color: #a75a72;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-pill-button[b-ycv9fo5v5b] {
    border: 0;
    cursor: pointer;
}

.status-pill-button:focus-visible[b-ycv9fo5v5b] {
    outline: 2px solid rgba(192, 74, 110, 0.35);
    outline-offset: 2px;
}

.status-pill-started[b-ycv9fo5v5b] {
    background: #fff1dd;
    color: #b56705;
}

.status-pill-completed[b-ycv9fo5v5b] {
    background: #e7f5ec;
    color: #2f8a57;
}

.status-pill-failed[b-ycv9fo5v5b] {
    background: #fde8eb;
    color: #b93d57;
}

.status-pill-partial[b-ycv9fo5v5b] {
    background: #fff1dd;
    color: #b56705;
}

.pos-reconciliation-issue-main[b-ycv9fo5v5b] {
    display: grid;
    align-content: start;
    gap: 4px;
    min-height: 0;
}

.pos-reconciliation-issue-title[b-ycv9fo5v5b] {
    color: #3b3135;
    font-weight: 600;
    font-size: 0.88rem;
    line-height: 1.2;
}

.pos-reconciliation-issue-amount[b-ycv9fo5v5b] {
    color: #7a6970;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.1;
    white-space: nowrap;
}

.pos-reconciliation-issue-details[b-ycv9fo5v5b] {
    color: #6a5a60;
    font-size: 0.82rem;
    line-height: 1.35;
}

.pos-reconciliation-issue-action[b-ycv9fo5v5b] {
    display: grid;
    justify-items: center;
    gap: 7px;
    width: 100%;
    margin-top: 4px;
    padding-top: 9px;
    border-top: 1px solid rgba(228, 221, 224, 0.9);
    text-align: left;
}

.pos-reconciliation-issue-button[b-ycv9fo5v5b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 152px;
    max-width: 220px;
    min-height: 30px;
    padding: 5px 12px;
    border: 1px solid rgba(192, 74, 110, 0.42);
    border-radius: 7px;
    background: #c04a6e;
    color: #ffffff;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}

.pos-reconciliation-issue-button:hover[b-ycv9fo5v5b] {
    background: #a83d5f;
}

.pos-reconciliation-issue-button:focus-visible[b-ycv9fo5v5b] {
    outline: 2px solid rgba(192, 74, 110, 0.35);
    outline-offset: 2px;
}

.pos-reconciliation-issue-button.is-resolved[b-ycv9fo5v5b] {
    border-color: rgba(61, 154, 103, 0.34);
    background: #e7f5ec;
    color: #2f8a57;
}

.pos-reconciliation-issues-note[b-ycv9fo5v5b] {
    margin-top: 10px;
    color: #8f5360;
    font-size: 0.88rem;
}

@media (max-width: 900px) {
    .pos-report-summary-primary[b-ycv9fo5v5b] {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }

    .pos-reconciliation-primary[b-ycv9fo5v5b] {
        grid-template-columns: repeat(3, minmax(120px, 1fr));
    }

    .pos-reconciliation-issues[b-ycv9fo5v5b] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .pos-report-summary-header[b-ycv9fo5v5b] {
        flex-direction: column;
        align-items: flex-start;
    }

    .pos-report-summary-primary[b-ycv9fo5v5b] {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }

    .pos-reconciliation-header[b-ycv9fo5v5b] {
        flex-direction: column;
        align-items: flex-start;
    }

    .pos-reconciliation-primary[b-ycv9fo5v5b] {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }

    .pos-reconciliation-issue-top-row[b-ycv9fo5v5b] {
        flex-direction: column;
        align-items: flex-start;
    }

    .pos-reconciliation-issue-status-group[b-ycv9fo5v5b] {
        margin-left: 0;
        justify-items: start;
    }
}

@media (max-width: 520px) {
    .pos-report-summary-primary[b-ycv9fo5v5b] {
        grid-template-columns: 1fr;
    }

    .pos-reconciliation-primary[b-ycv9fo5v5b] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/ReservationActivityExplorer.razor.rz.scp.css */
.activity-explorer[b-yzigt2w5y0] {
    position: relative;
    display: grid;
    gap: 18px;
}

.activity-navigation-overlay[b-yzigt2w5y0] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.58);
    backdrop-filter: blur(1.5px);
}

.activity-navigation-overlay-panel[b-yzigt2w5y0] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border: 1px solid rgba(36, 36, 36, 0.1);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(31, 41, 55, 0.08);
    color: rgba(36, 36, 36, 0.82);
    font-size: 0.95rem;
    font-weight: 700;
}

.activity-navigation-spinner[b-yzigt2w5y0] {
    width: 24px;
    height: 24px;
    border: 4px solid rgba(36, 36, 36, 0.24);
    border-top-color: #c04a6e;
    border-radius: 999px;
    animation: activity-navigation-spin-b-yzigt2w5y0 0.8s linear infinite;
}

@keyframes activity-navigation-spin-b-yzigt2w5y0 {
    to {
        transform: rotate(360deg);
    }
}

.activity-filter-bar[b-yzigt2w5y0] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 20px;
    border: 1px solid rgba(221, 214, 217, 0.95);
    border-radius: 12px;
    background:
        linear-gradient(120deg, rgba(192, 74, 110, 0.06), transparent 44%),
        #fcfbfb;
}

.activity-filter-heading[b-yzigt2w5y0] {
    min-width: 260px;
}

.activity-kicker[b-yzigt2w5y0] {
    color: #b34264;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.activity-filter-heading h2[b-yzigt2w5y0] {
    margin: 4px 0 3px;
    color: #29272a;
    font-size: 1.22rem;
    line-height: 1.25;
}

.activity-filter-heading p[b-yzigt2w5y0] {
    margin: 0;
    color: #74676c;
    font-size: 0.9rem;
}

.activity-date-filters[b-yzigt2w5y0] {
    display: grid;
    grid-template-columns: auto minmax(145px, 0.9fr) minmax(150px, 1fr) minmax(150px, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    min-width: min(100%, 790px);
}

.activity-date-filters .mud-button-root[b-yzigt2w5y0] {
    min-height: 40px;
    box-shadow: none;
}

.activity-date-filters .activity-range-button[b-yzigt2w5y0] {
    width: 40px;
    height: 40px;
    border-color: rgba(114, 103, 108, 0.3);
    border-radius: 9px;
    color: #5f5559;
}

.activity-toolbar[b-yzigt2w5y0] {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) auto;
    align-items: center;
    gap: 14px;
}

.activity-result-count[b-yzigt2w5y0] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px;
    color: #74676c;
    font-size: 0.82rem;
    white-space: nowrap;
}

.activity-result-count strong[b-yzigt2w5y0] {
    color: #29272a;
}

.activity-table-shell[b-yzigt2w5y0] {
    overflow: hidden;
    border: 1px solid rgba(221, 214, 217, 0.95);
    border-radius: 12px;
    background: #fff;
}

.activity-table[b-yzigt2w5y0] {
    min-width: 1240px;
}

.activity-table[b-yzigt2w5y0]  .mud-table-container {
    overflow-x: auto;
}

.activity-table[b-yzigt2w5y0]  .mud-table-head {
    background: #f7f4f5;
}

.activity-table[b-yzigt2w5y0]  .mud-table-row {
    cursor: pointer;
}

.activity-table[b-yzigt2w5y0]  .mud-table-row:hover {
    background: #fff8fa;
}

.activity-table[b-yzigt2w5y0]  .mud-table-cell {
    padding: 12px 14px;
    border-color: rgba(227, 221, 223, 0.82);
    color: #3f3a3c;
    vertical-align: middle;
}

.activity-table[b-yzigt2w5y0]  .mud-table-head .mud-table-cell {
    color: #6f6267;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    white-space: nowrap;
}

.activity-date[b-yzigt2w5y0],
.activity-time[b-yzigt2w5y0] {
    display: block;
    white-space: nowrap;
}

.activity-date[b-yzigt2w5y0] {
    color: #302d2e;
    font-weight: 700;
}

.activity-time[b-yzigt2w5y0] {
    margin-top: 2px;
    color: #80757a;
    font-size: 0.78rem;
}

.activity-reference[b-yzigt2w5y0] {
    font-family: "Cascadia Mono", "IBM Plex Mono", monospace;
    font-size: 0.78rem;
    white-space: nowrap;
}

.activity-table[b-yzigt2w5y0]  .activity-type-icon {
    color: #c04a6e;
}

.activity-type-placeholder[b-yzigt2w5y0] {
    color: #9a8f94;
}

.activity-status[b-yzigt2w5y0] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 3px 9px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.activity-status.success[b-yzigt2w5y0] {
    border-color: #b7d8c7;
    background: #edf8f2;
    color: #2e7451;
}

.activity-status.danger[b-yzigt2w5y0] {
    border-color: #e9bdc8;
    background: #fff0f3;
    color: #a43455;
}

.activity-status.pending[b-yzigt2w5y0] {
    border-color: #ead4a7;
    background: #fff8e8;
    color: #80601f;
}

.activity-status.neutral[b-yzigt2w5y0] {
    border-color: #d6d9df;
    background: #f5f6f8;
    color: #606874;
}

.activity-empty-state[b-yzigt2w5y0] {
    display: grid;
    justify-items: center;
    gap: 7px;
    min-width: calc(100vw - 180px);
    padding: 44px 24px;
    color: #81747a;
    text-align: center;
}

.activity-empty-state .mud-icon-root[b-yzigt2w5y0] {
    color: #bd496d;
    font-size: 2rem;
}

.activity-empty-state strong[b-yzigt2w5y0] {
    color: #373234;
}

@media (max-width: 1050px) {
    .activity-filter-bar[b-yzigt2w5y0] {
        align-items: stretch;
        flex-direction: column;
    }

    .activity-date-filters[b-yzigt2w5y0] {
        min-width: 0;
    }

    .activity-toolbar[b-yzigt2w5y0] {
        grid-template-columns: 1fr;
    }

    .activity-result-count[b-yzigt2w5y0] {
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    .activity-filter-bar[b-yzigt2w5y0] {
        padding: 16px;
    }

    .activity-date-filters[b-yzigt2w5y0] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .activity-date-mode[b-yzigt2w5y0] {
        grid-column: 2;
        grid-row: 1;
    }

    .activity-range-previous[b-yzigt2w5y0] {
        grid-column: 1;
        grid-row: 1 / span 3;
        align-self: center;
    }

    .activity-date-filters[b-yzigt2w5y0]  .mud-picker:first-of-type {
        grid-column: 2;
        grid-row: 2;
    }

    .activity-date-filters[b-yzigt2w5y0]  .mud-picker:nth-of-type(2) {
        grid-column: 2;
        grid-row: 3;
    }

    .activity-range-next[b-yzigt2w5y0] {
        grid-column: 3;
        grid-row: 1 / span 3;
        align-self: center;
    }

    .activity-load-button[b-yzigt2w5y0] {
        grid-column: 1 / -1;
        grid-row: 4;
    }

    .activity-empty-state[b-yzigt2w5y0] {
        min-width: calc(100vw - 72px);
    }
}