@import '_content/SufiChain.SufiPlatform.Account.Blazor/SufiChain.SufiPlatform.Account.Blazor.yhtiot3bik.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.AuditLogging.Blazor/SufiChain.SufiPlatform.AuditLogging.Blazor.effxx3abmb.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.BackgroundJobs.Blazor/SufiChain.SufiPlatform.BackgroundJobs.Blazor.699qswzop7.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.Branding.Blazor/SufiChain.SufiPlatform.Branding.Blazor.vvoppw0zkb.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.Calendar.Copilot.Blazor/SufiChain.SufiPlatform.Calendar.Copilot.Blazor.7yzxjbpkgs.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.Features.Blazor/SufiChain.SufiPlatform.Features.Blazor.2voqr6oz8w.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.FileManager.Blazor.Public/SufiChain.SufiPlatform.FileManager.Blazor.Public.4ch7fyakwc.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.FileManager.Blazor/SufiChain.SufiPlatform.FileManager.Blazor.xqntps25gm.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.HelpDesk.Blazor/SufiChain.SufiPlatform.HelpDesk.Blazor.czbremt6cr.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.HelpDesk.KnowledgeBase.Blazor/SufiChain.SufiPlatform.HelpDesk.KnowledgeBase.Blazor.miodbo93dm.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.HelpDesk.LiveChat.Blazor/SufiChain.SufiPlatform.HelpDesk.LiveChat.Blazor.ghv7lmv50u.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.HelpDesk.Ticketing.Blazor/SufiChain.SufiPlatform.HelpDesk.Ticketing.Blazor.z0bwwqfcsl.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.Identity.Blazor/SufiChain.SufiPlatform.Identity.Blazor.e7poqejllg.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.Settings.Blazor/SufiChain.SufiPlatform.Settings.Blazor.1qygjm8lb1.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.ShortLinks.Blazor/SufiChain.SufiPlatform.ShortLinks.Blazor.xu9wrbb8vd.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.SufiAI.Copilots.Blazor.Public/SufiChain.SufiPlatform.SufiAI.Copilots.Blazor.Public.9km4k3x1hj.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.SufiAI.Copilots.Blazor/SufiChain.SufiPlatform.SufiAI.Copilots.Blazor.zsgh6l6fk7.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.SufiCMS.Blazor/SufiChain.SufiPlatform.SufiCMS.Blazor.pf6tufi38k.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.SufiCMS.Public.Blazor/SufiChain.SufiPlatform.SufiCMS.Public.Blazor.nmmwztmch6.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.SufiCom.Blazor.Public/SufiChain.SufiPlatform.SufiCom.Blazor.Public.pif8hgw60s.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.SufiCom.Blazor/SufiChain.SufiPlatform.SufiCom.Blazor.85uayacsl3.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.SufiCom.Chat.Blazor.Public/SufiChain.SufiPlatform.SufiCom.Chat.Blazor.Public.uh0u2n9vo6.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.SufiCom.Chat.Blazor/SufiChain.SufiPlatform.SufiCom.Chat.Blazor.ymkkjzvxoj.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.SufiForms.Blazor/SufiChain.SufiPlatform.SufiForms.Blazor.bswyxy5qt6.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.SufiSaas.Blazor/SufiChain.SufiPlatform.SufiSaas.Blazor.ovs7s4x3hf.bundle.scp.css';
@import '_content/SufiChain.SufiPlatform.UI.Blazor/SufiChain.SufiPlatform.UI.Blazor.s1iydt14dy.bundle.scp.css';
@import '_content/SufiChain.SufiTheme.Blazor/SufiChain.SufiTheme.Blazor.7dg8vankom.bundle.scp.css';

/* /Shared/Account/SufiPlatformAccountLayout.razor.rz.scp.css */
.sufi-platform-account-shell[b-wg4i1rse4r] {
    --account-canvas: #050712;
    --account-elevated: #0b1020;
    --account-surface: #11182a;
    --account-surface-bright: #172238;
    --account-text: #e7eaf2;
    --account-text-muted: #a8b2c7;
    --account-text-dim: #78859c;
    --account-border: rgb(168 178 199 / 16%);
    --account-border-strong: rgb(168 178 199 / 30%);
    --account-primary: #7c3aed;
    --account-primary-hover: #8b5cf6;
    --account-link: #a78bfa;
    --account-focus: #22d3ee;
    height: 100vh;
    height: 100dvh;
    padding: clamp(1rem, 3vw, 2.5rem);
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at top left, rgb(124 58 237 / 24%), transparent 32rem),
        linear-gradient(135deg, var(--account-canvas) 0%, var(--account-elevated) 100%);
    color: var(--account-text);
}

.sufi-platform-account-frame[b-wg4i1rse4r] {
    width: min(100%, 92rem);
    height: 100%;
    max-height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: 2fr 1fr;
    overflow: hidden;
    border-radius: 1.35rem;
    background: var(--account-elevated);
    box-shadow: 0 2.5rem 6rem rgb(0 0 0 / 48%);
}

.sufi-platform-account-visual[b-wg4i1rse4r] {
    position: relative;
    margin: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    border-radius: 0;
    background-image: var(--sufi-platform-account-bg, url('/images/bg-1.png'));
    background-size: cover;
    background-position: center;
}

.sufi-platform-account-visual__shade[b-wg4i1rse4r] {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(112, 87, 201, 0.32) 0%, rgba(23, 18, 35, 0.12) 42%, rgba(16, 12, 25, 0.82) 100%),
        linear-gradient(90deg, rgba(83, 58, 156, 0.24), rgba(16, 12, 25, 0.18));
}

.sufi-platform-account-visual__topbar[b-wg4i1rse4r],
.sufi-platform-account-visual__content[b-wg4i1rse4r] {
    position: relative;
    z-index: 1;
}

.sufi-platform-account-visual__topbar[b-wg4i1rse4r] {
    padding: clamp(1.5rem, 3vw, 2.35rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.sufi-platform-account-brand[b-wg4i1rse4r] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
}

.sufi-platform-account-brand__logo[b-wg4i1rse4r] {
    max-width: 10rem;
    max-height: 3rem;
    object-fit: contain;
    filter: drop-shadow(0 0.75rem 1.5rem rgba(0, 0, 0, 0.32));
}

.sufi-platform-account-brand__mark[b-wg4i1rse4r] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    font-size: 1.45rem;
    font-weight: 700;
    backdrop-filter: blur(14px);
}

.sufi-platform-account-back-link[b-wg4i1rse4r] {
    padding: 0.65rem 1rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.92) !important;
    text-decoration: none;
    backdrop-filter: blur(14px);
}

.sufi-platform-account-visual__content[b-wg4i1rse4r] {
    min-height: calc(85% - 7rem);
    padding: clamp(1.5rem, 3vw, 2.75rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
}

.sufi-platform-account-copy[b-wg4i1rse4r] {
    max-width: 28rem;
    margin-bottom: 2rem;
}

.sufi-platform-account-copy__eyebrow[b-wg4i1rse4r] {
    display: inline-flex;
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.82rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.sufi-platform-account-copy h1[b-wg4i1rse4r] {
    margin: 0 0 0.75rem;
    color: #fff;
    font-size: clamp(2rem, 3.6vw, 3rem);
    line-height: 1.08;
    font-weight: 600;
}

.sufi-platform-account-copy p[b-wg4i1rse4r] {
    margin: 0;
    color: rgba(255, 255, 255, 0.74);
    line-height: 1.7;
}


.sufi-platform-account-form-panel[b-wg4i1rse4r] {
    --sb-color-background: var(--account-canvas);
    --sb-color-surface: var(--account-surface);
    --sb-color-surface-variant: var(--account-surface-bright);
    --sb-color-surface-hover: rgb(167 139 250 / 12%);
    --sb-color-text: var(--account-text);
    --sb-color-text-secondary: var(--account-text-muted);
    --sb-color-text-muted: var(--account-text-muted);
    --sb-color-border: var(--account-border);
    --sb-color-border-strong: var(--account-border-strong);
    --sb-color-primary: var(--account-primary);
    --sb-color-primary-hover: var(--account-primary-hover);
    --sb-color-primary-light: rgb(124 58 237 / 20%);
    --sb-color-secondary: var(--account-text);
    --sb-color-secondary-light: rgb(168 178 199 / 12%);
    --sb-focus-ring-color: var(--account-focus);
    position: relative;
    min-height: 0;
    overflow-y: auto;
    padding: clamp(1.25rem, 2.5vw, 2rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        radial-gradient(circle at top right, rgb(124 58 237 / 16%), transparent 22rem),
        var(--account-elevated);
    color: var(--account-text);
}

.sufi-platform-account-tools[b-wg4i1rse4r] {
    position: absolute;
    top: 1.5rem;
    inset-inline-end: 1.5rem;
    z-index: 2;
}

.sufi-platform-account-mobile-brand[b-wg4i1rse4r] {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 2rem;
    color: var(--account-text);
}

.sufi-platform-account-mobile-brand img[b-wg4i1rse4r] {
    max-height: 2.5rem;
    max-width: 8rem;
    object-fit: contain;
}

.sufi-platform-account-form[b-wg4i1rse4r] {
    width: min(94%, 34rem);
    min-height: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.sufi-platform-account-form[b-wg4i1rse4r] (.account-page) {
    width: 100%;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--account-text);
}

.sufi-platform-account-form[b-wg4i1rse4r] (.account-card),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-card) {
    width: 100%;
    min-height: 0;
    display: flex;
    align-items: stretch;
    border: 0;
    box-shadow: none;
    background: rgb(5 7 18 / 36%);
    border-radius: 0.75rem;
}

.sufi-platform-account-form[b-wg4i1rse4r] (.sb-card__body),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-card-body) {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sufi-platform-account-form[b-wg4i1rse4r] (.w-full) {
    width: 100%;
}

.sufi-platform-account-form[b-wg4i1rse4r] (.sb-stack) {
    color: inherit;
}

.sufi-platform-account-form[b-wg4i1rse4r] (.sb-heading),
.sufi-platform-account-form[b-wg4i1rse4r] (h1),
.sufi-platform-account-form[b-wg4i1rse4r] (h2),
.sufi-platform-account-form[b-wg4i1rse4r] (h3) {
    color: var(--account-text);
}

.sufi-platform-account-form[b-wg4i1rse4r] (.sb-text),
.sufi-platform-account-form[b-wg4i1rse4r] (label),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-form-field__label),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-text-field__label),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-select-label),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-select__label),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-checkbox__label) {
    color: var(--account-text);
}

.sufi-platform-account-form[b-wg4i1rse4r] (.sb-text--muted),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-text-field__helper),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-select-trigger__placeholder),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-select-empty) {
    color: var(--account-text-muted);
}

.sufi-platform-account-form[b-wg4i1rse4r] (input),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-text-field),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-input),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-select-trigger) {
    border-color: var(--account-border);
    background-color: var(--account-surface);
    color: var(--account-text);
}

.sufi-platform-account-form[b-wg4i1rse4r] (.sb-text-field__input),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-select-trigger__main),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-select-trigger__value),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-select-search__input) {
    color: var(--account-text);
}

.sufi-platform-account-form[b-wg4i1rse4r] (input::placeholder),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-text-field__input::placeholder) {
    color: var(--account-text-dim);
    opacity: 1;
}

.sufi-platform-account-form[b-wg4i1rse4r] (.sb-text-field__input:-webkit-autofill),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-text-field__input:-webkit-autofill:hover),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-text-field__input:-webkit-autofill:focus),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-text-field__input:-webkit-autofill:active) {
    -webkit-text-fill-color: var(--account-text) !important;
    caret-color: var(--account-text);
}

.sufi-platform-account-form[b-wg4i1rse4r] (.sb-text-field:focus-within),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-select-trigger:focus-within) {
    border-color: var(--account-focus);
    box-shadow: 0 0 0 3px rgb(34 211 238 / 20%);
}

.sufi-platform-account-form[b-wg4i1rse4r] (.sb-text-field__adornment),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-text-field__clear),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-text-field__toggle-password),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-select-trigger__icon),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-select-trigger__clear) {
    color: var(--account-text-muted);
}

.sufi-platform-account-form[b-wg4i1rse4r] (.sb-checkbox__box) {
    border-color: var(--account-border-strong);
    background-color: var(--account-surface);
}

.sufi-platform-account-form[b-wg4i1rse4r] (.sb-checkbox--checked .sb-checkbox__box),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-checkbox--indeterminate .sb-checkbox__box) {
    border-color: var(--account-primary);
    background-color: var(--account-primary);
}

.sufi-platform-account-form[b-wg4i1rse4r] (.sb-select-dropdown) {
    border-color: var(--account-border);
    background-color: var(--account-surface);
    color: var(--account-text);
}

.sufi-platform-account-form[b-wg4i1rse4r] (.sb-select-option) {
    color: var(--account-text);
}

.sufi-platform-account-form[b-wg4i1rse4r] (.sb-select-option:hover:not(.sb-select-option--disabled)),
.sufi-platform-account-form[b-wg4i1rse4r] (.sb-select-option--selected) {
    background-color: rgb(124 58 237 / 20%);
    color: var(--account-text);
}

.sufi-platform-account-form[b-wg4i1rse4r]  .sb-alert__title,
.sufi-platform-account-form[b-wg4i1rse4r]  .sb-alert__message,
.sufi-platform-account-form[b-wg4i1rse4r]  .sb-alert__content {
    color: var(--account-text);
}

.sufi-platform-account-form[b-wg4i1rse4r] (.sb-button--outline.sb-button--secondary) {
    border-color: var(--account-border-strong);
    color: var(--account-text);
}

.sufi-platform-account-form[b-wg4i1rse4r] (.sb-button--outline.sb-button--secondary:hover:not(:disabled)) {
    border-color: var(--account-link);
    background-color: rgb(167 139 250 / 12%);
    color: #fff;
}

.sufi-platform-account-form[b-wg4i1rse4r]  .sufi-abp-captcha-simple__question {
    border-color: var(--account-border);
    background: var(--account-surface-bright);
    color: var(--account-text);
}

.sufi-platform-account-form[b-wg4i1rse4r]  .sb-alert--info {
    color: var(--sb-color-info-hover);
}

.sufi-platform-account-form[b-wg4i1rse4r]  .sb-alert--success {
    color: var(--sb-color-success-hover);
}

.sufi-platform-account-form[b-wg4i1rse4r]  .sb-alert--warning {
    color: var(--sb-color-warning-hover);
}

.sufi-platform-account-form[b-wg4i1rse4r]  .sb-alert--danger {
    color: var(--sb-color-danger-hover);
}

.sufi-platform-account-form[b-wg4i1rse4r] (a) {
    color: var(--account-link);
}

.sufi-platform-account-form[b-wg4i1rse4r] (a:hover) {
    color: #c4b5fd;
}

.sufi-platform-account-form[b-wg4i1rse4r] (a:focus-visible),
.sufi-platform-account-back-link:focus-visible[b-wg4i1rse4r] {
    outline: 2px solid var(--account-focus);
    outline-offset: 3px;
}

.sufi-platform-account-tenant-selector[b-wg4i1rse4r] {
    width: min(100%, 34rem);
    margin: 1rem auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    text-align: center;
}

.sufi-platform-account-tenant-selector__label[b-wg4i1rse4r] {
    font-size: 0.875rem;
    color: var(--account-text-muted);
}

.sufi-platform-account-tenant-selector__label strong[b-wg4i1rse4r] {
    color: var(--account-text);
}

.sufi-platform-account-footer[b-wg4i1rse4r] {
    width: min(100%, 34rem);
    margin: 1.25rem auto 0;
    color: var(--account-text-muted);
    font-size: 0.85rem;
    text-align: center;
}

.sufi-platform-account-footer[b-wg4i1rse4r] (.sufi-footer__link) {
    color: var(--account-link);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.sufi-platform-account-footer[b-wg4i1rse4r] (.sufi-footer__link:hover) {
    color: #c4b5fd;
}

@media (max-width: 980px) {
    .sufi-platform-account-shell[b-wg4i1rse4r] {
        height: auto;
        min-height: 100vh;
        overflow-y: auto;
        padding: 1rem;
    }

    .sufi-platform-account-frame[b-wg4i1rse4r] {
        grid-template-columns: 1fr;
        height: auto;
        min-height: calc(100vh - 2rem);
    }

    .sufi-platform-account-visual[b-wg4i1rse4r] {
        display: none;
    }

    .sufi-platform-account-form-panel[b-wg4i1rse4r] {
        overflow-y: visible;
        padding: 4rem clamp(1.25rem, 6vw, 2rem) 1.5rem;
    }

    .sufi-platform-account-mobile-brand[b-wg4i1rse4r] {
        display: flex;
    }
}
