/* _content/BeneficiosAramark.Web/Components/Account/Pages/AccessDenied.razor.rz.scp.css */
.access-screen[b-s494q2enwk] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 1.5rem 1rem;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0) 34%),
        linear-gradient(180deg, #eef2f5 0%, #e7edf1 100%);
}

.access-shell[b-s494q2enwk] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.access-panel[b-s494q2enwk] {
    width: min(100%, 34rem);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 248, 251, 0.99));
    border: 1px solid rgba(22, 40, 56, 0.08);
    border-radius: 1.6rem;
    box-shadow: 0 1.25rem 3rem rgba(21, 40, 56, 0.1);
    padding: 2rem 1.9rem 1.8rem;
    display: grid;
    gap: 1.1rem;
}

.access-brand[b-s494q2enwk] {
    display: flex;
    justify-content: center;
}

.access-brand-logo[b-s494q2enwk] {
    width: clamp(12rem, 34vw, 18rem);
    height: auto;
}

.access-badge[b-s494q2enwk] {
    justify-self: center;
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    background: #fff1f3;
    color: #b41d37;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.access-copy[b-s494q2enwk] {
    display: grid;
    gap: 0.55rem;
    text-align: center;
}

.access-copy h1[b-s494q2enwk] {
    margin: 0;
    color: #21394d;
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    line-height: 1.08;
}

.access-copy p[b-s494q2enwk] {
    margin: 0;
    color: #5a6e7f;
    font-size: 1rem;
    line-height: 1.55;
}

.access-actions[b-s494q2enwk] {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.3rem;
}

.access-secondary-form[b-s494q2enwk] {
    margin: 0;
}

.access-primary[b-s494q2enwk],
.access-secondary[b-s494q2enwk] {
    min-height: 3rem;
    width: 100%;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.access-primary[b-s494q2enwk] {
    border: none;
    background: linear-gradient(135deg, #21394d, #2f536d);
}

.access-primary:hover[b-s494q2enwk],
.access-primary:focus[b-s494q2enwk] {
    background: linear-gradient(135deg, #1b3142, #28475d);
}

@media (max-width: 575.98px) {
    .access-screen[b-s494q2enwk] {
        padding: 1rem 0.75rem 2rem;
    }

    .access-panel[b-s494q2enwk] {
        padding: 1.45rem 1rem 1.3rem;
        border-radius: 1.15rem;
    }
}
/* _content/BeneficiosAramark.Web/Components/Account/Pages/Login.razor.rz.scp.css */
.login-screen[b-n0y1qnry6z] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background:
        radial-gradient(circle at top left, rgba(215, 25, 45, 0.16), transparent 28%),
        radial-gradient(circle at 90% 12%, rgba(217, 176, 90, 0.16), transparent 24%),
        linear-gradient(145deg, #eef2f5 0%, #f7f8fa 100%);
}

.login-shell[b-n0y1qnry6z] {
    width: min(460px, 100%);
    display: flex;
    justify-content: center;
}

.login-panel[b-n0y1qnry6z] {
    width: 100%;
    border-radius: 30px;
    border: 1px solid rgba(18, 34, 48, 0.08);
    box-shadow: 0 28px 80px rgba(17, 30, 42, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 248, 251, 0.98));
    padding: 2rem 1.75rem 1.7rem;
    display: grid;
    gap: 1.15rem;
    align-content: center;
}

.login-brand[b-n0y1qnry6z] {
    display: grid;
    justify-items: center;
    gap: 0.95rem;
    text-align: center;
}

.login-brand-logo[b-n0y1qnry6z] {
    width: clamp(11rem, 32vw, 16rem);
    height: auto;
    display: block;
}

.login-brand-copy[b-n0y1qnry6z] {
    display: grid;
    gap: 0.28rem;
    justify-items: center;
}

.login-brand-kicker[b-n0y1qnry6z] {
    color: #a61c35;
    margin: 0;
    margin-bottom: 0.1rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.login-brand h2[b-n0y1qnry6z] {
    margin: 0;
    margin-bottom: 0.1rem;
    font-size: 1.65rem;
    letter-spacing: -0.02em;
}

.login-brand-copy span[b-n0y1qnry6z] {
    color: #5c7183;
    font-size: 0.95rem;
    line-height: 1.45;
    max-width: 28ch;
}

.login-form[b-n0y1qnry6z] {
    display: grid;
    gap: 1.1rem;
}

.login-primary[b-n0y1qnry6z] {
    display: grid;
    gap: 0.8rem;
}

.login-credentials[b-n0y1qnry6z] {
    display: grid;
    gap: 0.9rem;
}

.login-field[b-n0y1qnry6z] {
    display: grid;
    gap: 0.34rem;
}

.login-label[b-n0y1qnry6z] {
    color: #304657;
    font-size: 0.9rem;
    font-weight: 700;
}

.login-input[b-n0y1qnry6z] {
    min-height: 3.1rem;
    border-radius: 1rem;
    border-color: #d5dee6;
    background: rgba(255, 255, 255, 0.96);
    padding-inline: 1rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.login-input:focus[b-n0y1qnry6z] {
    border-color: #c62a41;
    box-shadow: 0 0 0 0.2rem rgba(198, 42, 65, 0.12);
}

.login-checkbox[b-n0y1qnry6z] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: #4d6374;
    font-size: 0.94rem;
    margin-top: 0.05rem;
}

.login-submit[b-n0y1qnry6z] {
    min-height: 3.1rem;
    border: none;
    border-radius: 999px;
    background: linear-gradient(135deg, #d7192d, #a81326);
    box-shadow: 0 16px 28px rgba(168, 19, 38, 0.22);
    font-weight: 700;
    width: 100%;
}

.login-submit:hover[b-n0y1qnry6z],
.login-submit:focus[b-n0y1qnry6z] {
    background: linear-gradient(135deg, #e32037, #b1142a);
}

.login-actions[b-n0y1qnry6z] {
    padding-top: 0.1rem;
}

.login-secondary[b-n0y1qnry6z] {
    display: grid;
    gap: 0.8rem;
    padding-top: 0.95rem;
    margin-top: 0.15rem;
    border-top: 1px solid rgba(219, 228, 236, 0.9);
}

.login-divider[b-n0y1qnry6z] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-divider[b-n0y1qnry6z]::before {
    content: "";
    position: absolute;
    inset: 50% 0 auto;
    border-top: 1px solid #dbe4ec;
    transform: translateY(-50%);
}

.login-divider span[b-n0y1qnry6z] {
    position: relative;
    z-index: 1;
    padding: 0 0.8rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 248, 251, 0.99));
    color: #8798a7;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.login-social-actions[b-n0y1qnry6z] {
    display: grid;
    gap: 0.75rem;
}

.login-social-button[b-n0y1qnry6z] {
    min-height: 3rem;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    border-radius: 1rem;
    border: 1px solid #d7e1ea;
    background: #ffffff;
    color: #314657;
    font-weight: 600;
    box-shadow: 0 0.4rem 1rem rgba(24, 41, 57, 0.05);
    cursor: not-allowed;
    opacity: 1;
}

.login-social-button:disabled[b-n0y1qnry6z] {
    color: #314657;
    background: #ffffff;
    border-color: #d7e1ea;
    opacity: 1;
}

.login-social-icon[b-n0y1qnry6z] {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

@media (max-width: 980px) {
    .login-shell[b-n0y1qnry6z] {
        width: min(460px, 100%);
    }
}

@media (max-width: 640px) {
    .login-screen[b-n0y1qnry6z] {
        padding: 1rem 0.75rem 1.5rem;
    }

    .login-panel[b-n0y1qnry6z] {
        border-radius: 24px;
    }

    .login-panel[b-n0y1qnry6z] {
        padding: 1.35rem 1rem;
    }

    .login-checkbox[b-n0y1qnry6z] {
        font-size: 0.9rem;
    }

    .login-form[b-n0y1qnry6z] {
        gap: 1rem;
    }

    .login-secondary[b-n0y1qnry6z] {
        gap: 0.7rem;
        padding-top: 0.85rem;
    }
}
/* _content/BeneficiosAramark.Web/Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.manage-shell[b-ylcn9zfa2q] {
    --manage-accent: #6b2ecf;
    --manage-accent-soft: rgba(107, 46, 207, 0.12);
    --manage-accent-border: rgba(107, 46, 207, 0.22);
    --manage-accent-contrast: #ffffff;
    color: #102a43;
}

.manage-consumer[b-ylcn9zfa2q] {
    --manage-accent: #8f1730;
    --manage-accent-soft: rgba(143, 23, 48, 0.1);
    --manage-accent-border: rgba(143, 23, 48, 0.2);
}

.manage-business[b-ylcn9zfa2q] {
    --manage-accent: #173755;
    --manage-accent-soft: rgba(23, 55, 85, 0.1);
    --manage-accent-border: rgba(23, 55, 85, 0.2);
}

.manage-operations[b-ylcn9zfa2q] {
    --manage-accent: #15535d;
    --manage-accent-soft: rgba(21, 83, 93, 0.12);
    --manage-accent-border: rgba(21, 83, 93, 0.22);
}

.manage-header[b-ylcn9zfa2q] {
    margin-bottom: 1.25rem;
}

.manage-kicker[b-ylcn9zfa2q] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--manage-accent);
    margin-bottom: 0.3rem;
}

.manage-header h1[b-ylcn9zfa2q] {
    margin: 0 0 0.35rem;
    font-size: clamp(1.8rem, 3vw, 2.35rem);
}

.manage-header p[b-ylcn9zfa2q] {
    margin: 0;
    color: #52667a;
    max-width: 760px;
}

.manage-card[b-ylcn9zfa2q] {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #d9e2ec;
    border-radius: 1.25rem;
    padding: 1.35rem;
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.06);
}

.manage-card-header[b-ylcn9zfa2q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.manage-card-header h2[b-ylcn9zfa2q] {
    margin: 0;
    font-size: 1.05rem;
    color: #243b53;
}

.manage-badge[b-ylcn9zfa2q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    background: var(--manage-accent-soft);
    border: 1px solid var(--manage-accent-border);
    color: var(--manage-accent);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.manage-shell[b-ylcn9zfa2q]  .nav.nav-pills {
    gap: 0.45rem;
}

.manage-shell[b-ylcn9zfa2q]  .nav-pills .nav-link {
    border-radius: 0.9rem;
    color: #486581;
    border: 1px solid transparent;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.manage-shell[b-ylcn9zfa2q]  .nav-pills .nav-link:hover {
    background: var(--manage-accent-soft);
    border-color: var(--manage-accent-border);
    color: var(--manage-accent);
}

.manage-shell[b-ylcn9zfa2q]  .nav-pills .nav-link.active,
.manage-shell[b-ylcn9zfa2q]  .nav-pills .show > .nav-link {
    background: var(--manage-accent);
    border-color: var(--manage-accent);
    color: var(--manage-accent-contrast);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
}

.manage-shell[b-ylcn9zfa2q]  .btn-primary {
    background: var(--manage-accent);
    border-color: var(--manage-accent);
}

.manage-shell[b-ylcn9zfa2q]  .btn-primary:hover,
.manage-shell[b-ylcn9zfa2q]  .btn-primary:focus,
.manage-shell[b-ylcn9zfa2q]  .btn-primary:active {
    background: color-mix(in srgb, var(--manage-accent) 88%, black);
    border-color: color-mix(in srgb, var(--manage-accent) 88%, black);
}

.manage-shell[b-ylcn9zfa2q]  .text-danger ul {
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .manage-card[b-ylcn9zfa2q] {
        padding: 1rem;
        border-radius: 1rem;
    }

    .manage-card-header[b-ylcn9zfa2q] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/BeneficiosAramark.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.shell[b-88n7reh7mf] {
    --shell-accent: #c6283e;
    --shell-accent-strong: #a91d31;
    --shell-accent-soft: rgba(198, 40, 62, 0.14);
    --shell-accent-glow: rgba(198, 40, 62, 0.18);
    --shell-bg-start: #eff3f6;
    --shell-bg-end: #f7f8fa;
    --shell-orb-a: rgba(198, 40, 62, 0.12);
    --shell-orb-b: rgba(214, 171, 76, 0.12);
    --shell-sidebar-start: #101923;
    --shell-sidebar-end: #172635;
    --shell-sidebar-border: rgba(255, 255, 255, 0.08);
    --shell-topbar-bg: rgba(252, 253, 254, 0.88);
    --shell-topbar-border: rgba(210, 220, 230, 0.88);
    --shell-pill-bg: rgba(255, 255, 255, 0.88);
    --shell-pill-border: #d7e0e8;
    --shell-pill-text: #1a3548;
    --shell-note: #5d7183;
    --shell-nav-text: #e5edf3;
    --shell-nav-muted: #94a8b8;
    --shell-nav-border: rgba(255, 255, 255, 0.1);
    --shell-nav-bg: rgba(255, 255, 255, 0.05);
    --shell-nav-hover: rgba(255, 255, 255, 0.09);
    --shell-nav-active-bg: linear-gradient(180deg, #ffffff, #f8fafc);
    --shell-nav-active-text: #173548;
    min-height: 100vh;
    display: flex;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 14% 10%, var(--shell-orb-a) 0%, transparent 30%),
        radial-gradient(circle at 88% 12%, var(--shell-orb-b) 0%, transparent 28%),
        linear-gradient(145deg, var(--shell-bg-start) 0%, var(--shell-bg-end) 100%);
}

.shell[b-88n7reh7mf]::before,
.shell[b-88n7reh7mf]::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    opacity: 0.9;
}

.shell[b-88n7reh7mf]::before {
    inset: auto auto -140px -80px;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, var(--shell-accent-glow) 0%, transparent 72%);
}

.shell[b-88n7reh7mf]::after {
    inset: 96px -70px auto auto;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.68) 0%, transparent 72%);
}

.sidebar[b-88n7reh7mf] {
    width: 296px;
    min-width: 296px;
    background: linear-gradient(180deg, var(--shell-sidebar-start) 0%, var(--shell-sidebar-end) 100%);
    color: var(--shell-nav-text);
    padding: 1.15rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden;
    position: relative;
    transition: width 0.25s ease, min-width 0.25s ease, padding 0.25s ease, transform 0.25s ease, opacity 0.25s ease;
    box-shadow: 28px 0 48px rgba(8, 16, 24, 0.12);
    z-index: 2;
}

.sidebar[b-88n7reh7mf]::before {
    content: "";
    position: absolute;
    inset: 1rem auto 1rem 0;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--shell-accent) 0%, rgba(255, 255, 255, 0.34) 100%);
}

.shell.sidebar-hidden .sidebar[b-88n7reh7mf] {
    width: 0;
    min-width: 0;
    padding: 1.15rem 0;
    opacity: 0;
    transform: translateX(-24px);
    pointer-events: none;
}

.sidebar-header[b-88n7reh7mf] {
    display: grid;
    gap: 0.55rem;
}

.brand-block[b-88n7reh7mf] {
    display: grid;
    justify-items: center;
    gap: 0.5rem;
    padding: 0.9rem 0.95rem 0.8rem;
    border-radius: 24px;
    border: 1px solid var(--shell-sidebar-border);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04)),
        radial-gradient(circle at top right, var(--shell-accent-soft) 0%, transparent 42%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.brand-logo[b-88n7reh7mf] {
    width: min(210px, 100%);
    height: auto;
    display: block;
    margin-inline: auto;
}

.brand-copy[b-88n7reh7mf] {
    display: grid;
    justify-items: center;
    text-align: center;
}

.brand-subtitle[b-88n7reh7mf] {
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #d7e3ec;
    line-height: 1.2;
}

.sidebar-workspace-card[b-88n7reh7mf] {
    position: relative;
    display: grid;
    gap: 0.22rem;
    padding: 0.9rem 0.95rem 0.95rem;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03));
    overflow: hidden;
}

.sidebar-workspace-card[b-88n7reh7mf]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, var(--shell-accent), rgba(255, 255, 255, 0.24));
}

.sidebar-workspace-label[b-88n7reh7mf] {
    padding-left: 0.15rem;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(216, 227, 236, 0.72);
}

.sidebar-workspace-card strong[b-88n7reh7mf] {
    padding-left: 0.15rem;
    font-size: 1rem;
    line-height: 1.1;
    color: #ffffff;
}

.sidebar-workspace-note[b-88n7reh7mf] {
    padding-left: 0.15rem;
    font-size: 0.8rem;
    line-height: 1.35;
    color: #bed0dd;
}

.sidebar-nav-area[b-88n7reh7mf] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.2rem;
    margin-right: -0.2rem;
}

.sidebar-nav-area[b-88n7reh7mf]::-webkit-scrollbar {
    width: 8px;
}

.sidebar-nav-area[b-88n7reh7mf]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.16);
    border-radius: 999px;
}

.sidebar-nav-area[b-88n7reh7mf]::-webkit-scrollbar-track {
    background: transparent;
}

.main-area[b-88n7reh7mf] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.shell-floating-layer[b-88n7reh7mf] {
    position: sticky;
    top: 0;
    z-index: 6;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.5rem 0;
    pointer-events: none;
}

.shell-floating-left[b-88n7reh7mf],
.shell-floating-right[b-88n7reh7mf] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    pointer-events: auto;
}

.shell-floating-right[b-88n7reh7mf] {
    margin-left: auto;
}

.shell-context-card[b-88n7reh7mf] {
    display: grid;
    gap: 0.22rem;
    min-width: 220px;
    max-width: min(380px, calc(100vw - 2rem));
    padding: 0.68rem 0.82rem;
    border-radius: 18px;
    border: 1px solid var(--shell-pill-border);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 14px 30px rgba(18, 30, 42, 0.08);
    backdrop-filter: blur(10px);
}

.shell-context-card-label[b-88n7reh7mf] {
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--shell-note);
}

.shell-context-card-copy[b-88n7reh7mf] {
    display: grid;
    gap: 0.12rem;
}

.shell-context-card-value[b-88n7reh7mf] {
    font-size: 0.94rem;
    line-height: 1.1;
    color: var(--shell-pill-text);
}

.shell-context-card .workspace-note[b-88n7reh7mf] {
    white-space: normal;
}

.shell-context-card-select[b-88n7reh7mf] {
    min-width: 220px;
    max-width: 100%;
    border-radius: 12px;
    border-color: var(--shell-pill-border);
    box-shadow: none;
}

.shell-cart-chip[b-88n7reh7mf] {
    display: inline-flex;
    align-items: center;
    gap: 0.72rem;
    padding: 0.72rem 0.9rem;
    border-radius: 18px;
    border: 1px solid rgba(170, 24, 43, 0.18);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 245, 247, 0.98));
    color: #8b1328;
    text-decoration: none;
    box-shadow: 0 16px 34px rgba(126, 18, 39, 0.16);
    backdrop-filter: blur(10px);
}

.consumer-shell .shell-floating-right[b-88n7reh7mf] {
    position: fixed;
    top: 1rem;
    right: 1.5rem;
    z-index: 12;
    margin-left: 0;
}

.consumer-shell .shell-cart-chip[b-88n7reh7mf] {
    max-width: min(280px, calc(100vw - 7rem));
}

.shell-cart-chip:hover[b-88n7reh7mf] {
    color: #7d1224;
    text-decoration: none;
    transform: translateY(-1px);
}

.shell-cart-chip-icon[b-88n7reh7mf] {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.shell-cart-chip-text[b-88n7reh7mf] {
    display: grid;
    gap: 0.04rem;
    line-height: 1.05;
}

.shell-cart-chip-text span[b-88n7reh7mf] {
    font-size: 0.72rem;
    color: #a14858;
}

.shell-cart-chip-text strong[b-88n7reh7mf] {
    font-size: 0.92rem;
}

.shell-login-chip[b-88n7reh7mf] {
    border-radius: 999px;
    box-shadow: 0 14px 30px rgba(18, 30, 42, 0.08);
}

.topbar[b-88n7reh7mf] {
    position: sticky;
    top: 0;
    z-index: 5;
    background: var(--shell-topbar-bg);
    border-bottom: 1px solid var(--shell-topbar-border);
    backdrop-filter: blur(14px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.95rem 1.5rem;
}

.topbar-left[b-88n7reh7mf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.topbar-brand[b-88n7reh7mf] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
    padding-right: 0.85rem;
    border-right: 1px solid rgba(212, 220, 229, 0.9);
}

.topbar-logo[b-88n7reh7mf] {
    height: 36px;
    width: auto;
    display: block;
    object-fit: contain;
    flex: 0 0 auto;
}

.topbar-brand-copy[b-88n7reh7mf] {
    display: grid;
    min-width: 0;
    line-height: 1.05;
}

.topbar-brand-copy span[b-88n7reh7mf] {
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--shell-note);
}

.topbar-brand-copy strong[b-88n7reh7mf] {
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--shell-pill-text);
}

.workspace-pill[b-88n7reh7mf] {
    display: grid;
    gap: 0.12rem;
    padding: 0.48rem 0.8rem;
    border-radius: 16px;
    border: 1px solid var(--shell-pill-border);
    background: var(--shell-pill-bg);
    min-width: 140px;
    box-shadow: 0 10px 28px rgba(18, 30, 42, 0.05);
}

.workspace-pill-label[b-88n7reh7mf] {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--shell-note);
}

.workspace-pill strong[b-88n7reh7mf] {
    font-size: 0.92rem;
    line-height: 1.05;
    color: var(--shell-accent-strong);
}

.topbar-meta[b-88n7reh7mf] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.workspace-note[b-88n7reh7mf] {
    font-size: 0.83rem;
    color: var(--shell-note);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topbar-business-site[b-88n7reh7mf] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-left: auto;
    min-width: 0;
    padding: 0.42rem 0.45rem 0.42rem 0.7rem;
    border-radius: 16px;
    border: 1px solid var(--shell-pill-border);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 10px 24px rgba(18, 30, 42, 0.04);
}

.topbar-business-site-label[b-88n7reh7mf] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--shell-note);
    white-space: nowrap;
}

.topbar-business-site-value[b-88n7reh7mf] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--shell-pill-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topbar-business-site-select[b-88n7reh7mf] {
    min-width: 240px;
    max-width: 360px;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--shell-pill-text);
    border-radius: 12px;
    border-color: var(--shell-pill-border);
    box-shadow: none;
}

.menu-toggle[b-88n7reh7mf],
.pin-toggle[b-88n7reh7mf] {
    border: 1px solid var(--shell-pill-border);
    background: rgba(255, 255, 255, 0.86);
    color: var(--shell-pill-text);
    border-radius: 14px;
    height: 42px;
    min-width: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 10px 24px rgba(18, 30, 42, 0.04);
}

.menu-toggle:hover[b-88n7reh7mf],
.pin-toggle:hover[b-88n7reh7mf] {
    background: #ffffff;
    border-color: rgba(190, 203, 215, 0.96);
    transform: translateY(-1px);
}

.pin-toggle[b-88n7reh7mf] {
    padding: 0 0.7rem;
    gap: 0.4rem;
    font-size: 0.78rem;
    font-weight: 700;
}

.toolbar-icon[b-88n7reh7mf] {
    width: 20px;
    height: 20px;
    display: block;
    flex: 0 0 auto;
}

.pin-toggle.active[b-88n7reh7mf] {
    border-color: rgba(0, 0, 0, 0.04);
    background: linear-gradient(135deg, var(--shell-accent-soft), rgba(255, 255, 255, 0.96));
    color: var(--shell-accent-strong);
    box-shadow: 0 12px 28px rgba(18, 30, 42, 0.08);
}

.topbar-cart[b-88n7reh7mf] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    color: var(--shell-pill-text);
    border: 1px solid var(--shell-pill-border);
    background: rgba(255, 255, 255, 0.84);
    border-radius: 16px;
    padding: 0.48rem 0.82rem;
    text-decoration: none;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    box-shadow: 0 10px 24px rgba(18, 30, 42, 0.04);
}

.topbar-cart:hover[b-88n7reh7mf] {
    border-color: rgba(190, 203, 215, 0.96);
    background: #ffffff;
    color: var(--shell-accent-strong);
    transform: translateY(-1px);
}

.topbar-cart-icon[b-88n7reh7mf] {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.topbar-cart-text[b-88n7reh7mf] {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
}

.topbar-cart-text span[b-88n7reh7mf] {
    font-size: 0.71rem;
    color: var(--shell-note);
}

.topbar-cart-text strong[b-88n7reh7mf] {
    font-size: 0.9rem;
}

.sidebar-footer[b-88n7reh7mf] {
    margin-top: auto;
    padding-top: 0.9rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-user-card[b-88n7reh7mf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: 20px;
    padding: 0.75rem 0.8rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.sidebar-user-avatar[b-88n7reh7mf] {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    overflow: hidden;
    flex: 0 0 44px;
    background: rgba(255, 255, 255, 0.14);
    display: grid;
    place-items: center;
    color: #ffffff;
}

.sidebar-user-avatar img[b-88n7reh7mf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar-user-avatar svg[b-88n7reh7mf] {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sidebar-user-meta[b-88n7reh7mf] {
    min-width: 0;
}

.sidebar-user-email[b-88n7reh7mf] {
    font-size: 0.83rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-logout-btn[b-88n7reh7mf] {
    padding: 0;
    margin-top: 0.06rem;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.78rem;
    font-weight: 700;
}

.sidebar-logout-btn:hover[b-88n7reh7mf] {
    color: #ffffff;
    text-decoration: underline;
}

.content-wrap[b-88n7reh7mf] {
    padding: 1rem 1.6rem 2rem;
    position: relative;
    z-index: 1;
}

.sidebar-backdrop[b-88n7reh7mf] {
    position: fixed;
    inset: 0;
    border: 0;
    background: rgba(10, 18, 26, 0.46);
    z-index: 20;
}

.portal-shell[b-88n7reh7mf] {
    --shell-accent: #d7192d;
    --shell-accent-strong: #a81326;
    --shell-accent-soft: rgba(215, 25, 45, 0.14);
    --shell-accent-glow: rgba(215, 25, 45, 0.18);
    --shell-orb-a: rgba(215, 25, 45, 0.12);
    --shell-orb-b: rgba(231, 171, 56, 0.12);
}

.business-shell[b-88n7reh7mf] {
    --shell-accent: #2f6ca7;
    --shell-accent-strong: #1d4f82;
    --shell-accent-soft: rgba(47, 108, 167, 0.14);
    --shell-accent-glow: rgba(47, 108, 167, 0.18);
    --shell-orb-a: rgba(47, 108, 167, 0.12);
    --shell-orb-b: rgba(229, 179, 94, 0.12);
}

.operations-shell[b-88n7reh7mf] {
    --shell-accent: #17706d;
    --shell-accent-strong: #125956;
    --shell-accent-soft: rgba(23, 112, 109, 0.15);
    --shell-accent-glow: rgba(23, 112, 109, 0.18);
    --shell-orb-a: rgba(23, 112, 109, 0.12);
    --shell-orb-b: rgba(217, 174, 90, 0.12);
}

.admin-shell[b-88n7reh7mf] {
    --shell-accent: #8a6a3e;
    --shell-accent-strong: #5b4630;
    --shell-accent-soft: rgba(138, 106, 62, 0.15);
    --shell-accent-glow: rgba(138, 106, 62, 0.18);
    --shell-orb-a: rgba(138, 106, 62, 0.11);
    --shell-orb-b: rgba(71, 108, 150, 0.1);
}

.shell.sidebar-unpinned .sidebar[b-88n7reh7mf] {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
}

.shell.sidebar-unpinned .main-area[b-88n7reh7mf] {
    width: 100%;
}

.shell.sidebar-unpinned.sidebar-hidden .sidebar[b-88n7reh7mf] {
    width: 296px;
    min-width: 296px;
    padding: 1.15rem 1rem 1rem;
    opacity: 1;
    transform: translateX(-100%);
    pointer-events: none;
}

.shell.sidebar-unpinned.sidebar-visible .sidebar[b-88n7reh7mf] {
    transform: translateX(0);
    pointer-events: auto;
}

@media (min-width: 901px) {
    .shell.sidebar-pinned .sidebar[b-88n7reh7mf] {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .shell.sidebar-pinned .main-area[b-88n7reh7mf] {
        width: calc(100% - 296px);
        margin-left: 296px;
        min-height: 100vh;
    }

    .shell.sidebar-pinned.sidebar-hidden .main-area[b-88n7reh7mf] {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 1120px) {
    .shell-floating-layer[b-88n7reh7mf] {
        flex-wrap: wrap;
        padding-inline: 1rem;
    }

    .shell-floating-right[b-88n7reh7mf] {
        width: 100%;
        justify-content: flex-end;
    }

    .consumer-shell .shell-floating-right[b-88n7reh7mf] {
        width: auto;
    }
}

@media (max-width: 900px) {
    .sidebar[b-88n7reh7mf] {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 30;
    }

    .shell.sidebar-hidden .sidebar[b-88n7reh7mf] {
        width: 296px;
        min-width: 296px;
        padding: 1.15rem 1rem 1rem;
        opacity: 1;
        transform: translateX(-100%);
        pointer-events: none;
    }

    .shell-floating-layer[b-88n7reh7mf] {
        padding-top: 0.85rem;
    }

    .shell-floating-left[b-88n7reh7mf],
    .shell-floating-right[b-88n7reh7mf] {
        width: 100%;
        justify-content: flex-start;
    }

    .consumer-shell .shell-floating-right[b-88n7reh7mf] {
        top: 0.85rem;
        right: 1rem;
        width: auto;
    }

    .pin-toggle span:last-child[b-88n7reh7mf] {
        display: none;
    }

    .content-wrap[b-88n7reh7mf] {
        padding: 1rem 1rem 1.5rem;
    }
}

@media (max-width: 640px) {
    .shell-context-card[b-88n7reh7mf] {
        min-width: 0;
        width: 100%;
        max-width: none;
    }

    .shell-context-card-select[b-88n7reh7mf] {
        min-width: 0;
        width: 100%;
    }

    .consumer-shell .shell-floating-right[b-88n7reh7mf] {
        top: 0.8rem;
        right: 0.85rem;
    }

    .consumer-shell .shell-cart-chip[b-88n7reh7mf] {
        max-width: calc(100vw - 4.9rem);
        padding: 0.68rem 0.8rem;
    }

    .shell-cart-chip-text span[b-88n7reh7mf] {
        font-size: 0.68rem;
    }

    .shell-cart-chip-text strong[b-88n7reh7mf] {
        font-size: 0.88rem;
    }
}
/* _content/BeneficiosAramark.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.nav-menu[b-c1naypp72i] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.nav-section[b-c1naypp72i] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-top: 0.95rem;
    margin-bottom: 0.2rem;
    padding: 0.28rem 0.6rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--shell-nav-muted);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.nav-group[b-c1naypp72i] {
    display: flex;
    flex-direction: column;
    gap: 0.32rem;
}

.nav-group + .nav-group[b-c1naypp72i] {
    margin-top: 0.2rem;
}

.nav-group-toggle[b-c1naypp72i] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border: 1px solid var(--shell-nav-border);
    border-radius: 16px;
    background: var(--shell-nav-bg);
    color: var(--shell-nav-text);
    padding: 0.82rem 0.95rem;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-align: left;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.nav-group-toggle:hover[b-c1naypp72i] {
    background: var(--shell-nav-hover);
    border-color: rgba(255, 255, 255, 0.16);
    transform: translateX(2px);
}

.nav-group-toggle-text[b-c1naypp72i] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-group-chevron[b-c1naypp72i] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.2s ease;
}

.nav-group-toggle.expanded .nav-group-chevron[b-c1naypp72i] {
    transform: rotate(180deg);
}

.nav-group-links[b-c1naypp72i] {
    display: flex;
    flex-direction: column;
    gap: 0.34rem;
    padding-left: 0.35rem;
}

[b-c1naypp72i] .nav-link-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.72rem;
    text-align: left;
    color: var(--shell-nav-text) !important;
    text-decoration: none !important;
    border-radius: 18px;
    border: 1px solid var(--shell-nav-border);
    background: var(--shell-nav-bg);
    padding: 0.82rem 0.92rem;
    font-size: 0.92rem;
    font-weight: 700;
    width: 100%;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    overflow: hidden;
}

[b-c1naypp72i] a.nav-link-item,
[b-c1naypp72i] a.nav-link-item:link,
[b-c1naypp72i] a.nav-link-item:visited,
[b-c1naypp72i] a.nav-link-item:hover,
[b-c1naypp72i] a.nav-link-item:active {
    text-decoration: none !important;
}

[b-c1naypp72i] .nav-link-item::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0;
    border-radius: 18px 0 0 18px;
    background: linear-gradient(180deg, var(--shell-accent) 0%, var(--shell-accent-strong) 100%);
    transition: width 0.2s ease;
}

[b-c1naypp72i] .nav-link-item:hover {
    background: var(--shell-nav-hover);
    border-color: rgba(255, 255, 255, 0.16);
    color: #ffffff !important;
    transform: translateX(2px);
}

[b-c1naypp72i] .nav-link-item.active {
    background: var(--shell-nav-active-bg) !important;
    color: var(--shell-nav-active-text) !important;
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
    text-shadow: none;
    box-shadow: 0 12px 28px rgba(10, 18, 26, 0.18);
    text-decoration: none !important;
}

[b-c1naypp72i] .nav-link-item.active::before {
    width: 4px;
}

[b-c1naypp72i] a.nav-link-item.active,
[b-c1naypp72i] a.nav-link-item.active:link,
[b-c1naypp72i] a.nav-link-item.active:visited,
[b-c1naypp72i] a.nav-link-item.active:hover,
[b-c1naypp72i] a.nav-link-item.active:active {
    color: var(--shell-nav-active-text) !important;
    text-decoration: none !important;
}

[b-c1naypp72i] .nav-link-item.active .nav-label,
[b-c1naypp72i] .nav-link-item.active .nav-icon {
    color: var(--shell-nav-active-text) !important;
    stroke: currentColor !important;
    opacity: 1 !important;
}

.nav-label[b-c1naypp72i] {
    line-height: 1.1;
    white-space: nowrap;
}

.nav-icon[b-c1naypp72i] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: inline-block;
    vertical-align: middle;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.96;
}
/* _content/BeneficiosAramark.Web/Components/Pages/Admin/Circuitos.razor.rz.scp.css */
.multi-select[b-av915dvfdp] {
    position: relative;
}

.multi-select-backdrop[b-av915dvfdp] {
    position: fixed;
    inset: 0;
    border: 0;
    background: transparent;
    z-index: 19;
}

.multi-select-toggle[b-av915dvfdp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    text-align: left;
    min-height: 42px;
    background-image: none;
}

.multi-select-chevron[b-av915dvfdp] {
    color: #6b7785;
    font-size: 0.8rem;
    flex: 0 0 auto;
}

.multi-select-panel[b-av915dvfdp] {
    position: absolute;
    top: calc(100% + 0.4rem);
    left: 0;
    right: 0;
    z-index: 20;
    background: #fff;
    border: 1px solid #d9e2ec;
    border-radius: 14px;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12);
    padding: 0.75rem;
}

.multi-select-panel-sites[b-av915dvfdp] {
    width: max(100%, 560px);
    max-width: min(760px, calc(100vw - 3rem));
}

.multi-select-search[b-av915dvfdp] {
    margin-bottom: 0.65rem;
}

.multi-select-options[b-av915dvfdp] {
    display: grid;
    gap: 0.35rem;
    max-height: 260px;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.multi-select-option[b-av915dvfdp] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.45rem 0.55rem;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.multi-select-option:hover[b-av915dvfdp] {
    background: #f7fafc;
}

.multi-select-option input[b-av915dvfdp] {
    margin-top: 0.15rem;
}

.multi-select-option span[b-av915dvfdp] {
    white-space: nowrap;
}

.multi-select-empty[b-av915dvfdp] {
    padding: 0.45rem 0.55rem;
    color: #6b7785;
    font-size: 0.9rem;
}
/* _content/BeneficiosAramark.Web/Components/Pages/Admin/Minimos.razor.rz.scp.css */
.minimum-select-field[b-yvkxrbtsyd] {
    min-width: 0;
}

.multi-select[b-yvkxrbtsyd] {
    position: relative;
}

.multi-select-backdrop[b-yvkxrbtsyd] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 19;
}

.multi-select-toggle[b-yvkxrbtsyd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    max-width: 100%;
    text-align: left;
    min-height: 42px;
    background-image: none;
}

.multi-select-toggle > span:first-child[b-yvkxrbtsyd] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.multi-select-chevron[b-yvkxrbtsyd] {
    color: #6b7785;
    font-size: 0.8rem;
    flex: 0 0 auto;
}

.multi-select-panel[b-yvkxrbtsyd] {
    position: absolute;
    top: calc(100% + 0.4rem);
    left: 0;
    right: 0;
    z-index: 20;
    background: #fff;
    border: 1px solid #d9e2ec;
    border-radius: 14px;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12);
    padding: 0.75rem;
}

.multi-select-panel-sites[b-yvkxrbtsyd] {
    width: max(100%, 560px);
    max-width: min(760px, calc(100vw - 3rem));
}

.multi-select-search[b-yvkxrbtsyd] {
    margin-bottom: 0.65rem;
}

.multi-select-options[b-yvkxrbtsyd] {
    display: grid;
    gap: 0.35rem;
    max-height: 260px;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.multi-select-option[b-yvkxrbtsyd] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.45rem 0.55rem;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.multi-select-option:hover[b-yvkxrbtsyd] {
    background: #f7fafc;
}

.multi-select-option input[b-yvkxrbtsyd] {
    margin-top: 0.15rem;
}

.multi-select-option span[b-yvkxrbtsyd] {
    white-space: nowrap;
}

.multi-select-empty[b-yvkxrbtsyd] {
    padding: 0.45rem 0.55rem;
    color: #6b7785;
    font-size: 0.9rem;
}

@media (max-width: 768px) {
    .minimum-select-field[b-yvkxrbtsyd] {
        min-width: 220px;
    }
}
/* _content/BeneficiosAramark.Web/Components/Pages/Operacion/Accesos.razor.rz.scp.css */
.access-hero[b-tcrwf91kwb] {
    align-items: center;
}

.access-layout[b-tcrwf91kwb] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
}

.access-panel[b-tcrwf91kwb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.access-site-summary[b-tcrwf91kwb] {
    border: 1px solid #d9e2ec;
    border-radius: 1rem;
    background: #f8fafc;
    padding: 1rem;
}

.access-site-name[b-tcrwf91kwb] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #102a43;
}

.access-actions[b-tcrwf91kwb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.access-state-grid[b-tcrwf91kwb] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.access-value[b-tcrwf91kwb] {
    font-weight: 600;
    color: #102a43;
}

@media (max-width: 991.98px) {
    .access-layout[b-tcrwf91kwb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .access-state-grid[b-tcrwf91kwb] {
        grid-template-columns: 1fr;
    }

    .access-actions[b-tcrwf91kwb] {
        flex-direction: column;
    }

    .access-actions > *[b-tcrwf91kwb] {
        width: 100%;
    }
}
/* _content/BeneficiosAramark.Web/Components/Pages/Registro/ConfirmarCorreoComedor.razor.rz.scp.css */
.register-screen[b-w0xs25s4we] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.25rem;
    background:
        radial-gradient(circle at top left, rgba(157, 24, 51, 0.08), transparent 30%),
        radial-gradient(circle at bottom right, rgba(16, 42, 67, 0.08), transparent 26%),
        linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}

.register-shell[b-w0xs25s4we] {
    width: 100%;
    max-width: 620px;
}

.register-panel[b-w0xs25s4we] {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(217, 226, 236, 0.9);
    border-radius: 1.5rem;
    box-shadow: 0 24px 54px rgba(15, 23, 42, 0.08);
    padding: 2rem;
}

.register-brand[b-w0xs25s4we] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.register-brand-logo[b-w0xs25s4we] {
    width: min(220px, 68%);
    height: auto;
}

.register-header[b-w0xs25s4we] {
    text-align: center;
    margin-bottom: 1.25rem;
}

.register-header h1[b-w0xs25s4we] {
    margin-bottom: 0.4rem;
    font-size: clamp(1.7rem, 3vw, 2.2rem);
    color: #102a43;
}

.register-header p[b-w0xs25s4we] {
    margin: 0;
    color: #486581;
}

.register-site-card[b-w0xs25s4we] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    border: 1px solid #d9e2ec;
    border-radius: 1rem;
    background: #f8fafc;
    padding: 1rem 1.1rem;
    margin-bottom: 1.25rem;
    color: #102a43;
}

.register-form[b-w0xs25s4we] {
    display: grid;
    gap: 1rem;
}

.register-field[b-w0xs25s4we] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.register-actions[b-w0xs25s4we] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding-top: 0.35rem;
}

.register-submit[b-w0xs25s4we] {
    min-width: 180px;
}

@media (max-width: 575.98px) {
    .register-screen[b-w0xs25s4we] {
        padding: 1rem 0.75rem;
    }

    .register-panel[b-w0xs25s4we] {
        padding: 1.4rem;
        border-radius: 1.1rem;
    }

    .register-actions[b-w0xs25s4we] {
        flex-direction: column;
    }

    .register-actions > *[b-w0xs25s4we] {
        width: 100%;
    }
}
/* _content/BeneficiosAramark.Web/Components/Pages/Registro/RegistroComedor.razor.rz.scp.css */
.register-screen[b-vek38gms4j] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.25rem;
    background:
        radial-gradient(circle at top left, rgba(157, 24, 51, 0.08), transparent 30%),
        radial-gradient(circle at bottom right, rgba(16, 42, 67, 0.08), transparent 26%),
        linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}

.register-shell[b-vek38gms4j] {
    width: 100%;
    max-width: 680px;
}

.register-panel[b-vek38gms4j] {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(217, 226, 236, 0.9);
    border-radius: 1.5rem;
    box-shadow: 0 24px 54px rgba(15, 23, 42, 0.08);
    padding: 2rem;
}

.register-brand[b-vek38gms4j] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.register-brand-logo[b-vek38gms4j] {
    width: min(220px, 68%);
    height: auto;
}

.register-header[b-vek38gms4j] {
    text-align: center;
    margin-bottom: 1.25rem;
}

.register-header h1[b-vek38gms4j] {
    margin-bottom: 0.4rem;
    font-size: clamp(1.7rem, 3vw, 2.2rem);
    color: #102a43;
}

.register-header p[b-vek38gms4j] {
    margin: 0;
    color: #486581;
}

.register-site-card[b-vek38gms4j] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    border: 1px solid #d9e2ec;
    border-radius: 1rem;
    background: #f8fafc;
    padding: 1rem 1.1rem;
    margin-bottom: 1.25rem;
    color: #102a43;
}

.register-site-address[b-vek38gms4j] {
    color: #486581;
    line-height: 1.35;
}

.register-form[b-vek38gms4j] {
    display: grid;
    gap: 1rem;
}

.register-field[b-vek38gms4j] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.register-actions[b-vek38gms4j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding-top: 0.35rem;
}

.register-submit[b-vek38gms4j] {
    min-width: 160px;
}

@media (max-width: 575.98px) {
    .register-screen[b-vek38gms4j] {
        padding: 1rem 0.75rem;
    }

    .register-panel[b-vek38gms4j] {
        padding: 1.4rem;
        border-radius: 1.1rem;
    }

    .register-actions[b-vek38gms4j] {
        flex-direction: column;
    }

    .register-actions > *[b-vek38gms4j] {
        width: 100%;
    }
}