/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-shell[b-jpnp7si8o4] {
    min-height: 100vh;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.workspace-shell[b-kcpwb5i09g] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    background:
        radial-gradient(circle at top left, rgba(72, 144, 204, 0.16), transparent 28%),
        radial-gradient(circle at 90% 10%, rgba(0, 60, 84, 0.12), transparent 24%),
        linear-gradient(135deg, #eff4f8 0%, #e9eff4 52%, #e3eaf0 100%);
}

.workspace-sidebar[b-kcpwb5i09g] {
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 26px;
    padding: 28px 22px 24px;
    background:
        radial-gradient(circle at top right, rgba(111, 174, 217, 0.18), transparent 25%),
        linear-gradient(180deg, rgba(0, 42, 60, 0.98), rgba(0, 60, 84, 0.95));
    color: rgba(255, 255, 255, 0.94);
    box-shadow: 20px 0 60px rgba(0, 27, 41, 0.15);
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(111, 174, 217, 0.42) transparent;
}

.workspace-brand[b-kcpwb5i09g] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 4px 0 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.workspace-brand__logo[b-kcpwb5i09g] {
    width: 56px;
    height: 56px;
    object-fit: contain;
    filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.25));
}

.workspace-brand__copy[b-kcpwb5i09g] {
    display: grid;
    gap: 4px;
}

.workspace-brand__copy span[b-kcpwb5i09g] {
    font-size: 0.85rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(224, 236, 244, 0.76);
}

.workspace-brand__copy strong[b-kcpwb5i09g] {
    font-size: 1rem;
    color: #fff;
}

.workspace-nav[b-kcpwb5i09g] {
    display: grid;
    gap: 12px;
}

.workspace-nav-group[b-kcpwb5i09g] {
    display: grid;
    gap: 0;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(255, 255, 255, 0.035);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 10px 24px rgba(0, 19, 30, 0.08);
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.workspace-nav-group:hover[b-kcpwb5i09g],
.workspace-nav-group:focus-within[b-kcpwb5i09g] {
    border-color: rgba(111, 174, 217, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 18px 30px rgba(0, 19, 30, 0.16);
}

.workspace-nav-group summary[b-kcpwb5i09g] {
    list-style: none;
}

.workspace-nav-group summary[b-kcpwb5i09g]::-webkit-details-marker {
    display: none;
}

.workspace-nav-group__summary[b-kcpwb5i09g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 56px;
    padding: 15px 16px;
    color: rgba(235, 244, 249, 0.88);
    cursor: pointer;
    user-select: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
    transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
    position: relative;
    overflow: hidden;
}

.workspace-nav-group__summary:hover[b-kcpwb5i09g] {
    background: linear-gradient(135deg, rgba(72, 144, 204, 0.2), rgba(255, 255, 255, 0.12));
    color: rgba(255, 255, 255, 0.98);
    transform: translateX(1px);
}

.workspace-nav-group__summary:focus-visible[b-kcpwb5i09g],
.workspace-nav__item:focus-visible[b-kcpwb5i09g],
.workspace-logout:focus-visible[b-kcpwb5i09g] {
    outline: 2px solid rgba(111, 174, 217, 0.72);
    outline-offset: 2px;
}

.workspace-nav-group__summary[b-kcpwb5i09g]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, rgba(111, 174, 217, 0), rgba(111, 174, 217, 0.9), rgba(72, 144, 204, 0));
    opacity: 0;
    transition: opacity 0.18s ease;
}

.workspace-nav-group__summary:hover[b-kcpwb5i09g]::before,
.workspace-nav-group[open] .workspace-nav-group__summary[b-kcpwb5i09g]::before {
    opacity: 1;
}

.workspace-nav-group__label[b-kcpwb5i09g] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    font-size: 0.78rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
}

.workspace-nav-group__icon[b-kcpwb5i09g] {
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(111, 174, 217, 0.92), rgba(72, 144, 204, 0.72));
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
    line-height: 0;
}

.workspace-nav-group__chevron[b-kcpwb5i09g] {
    width: 8px;
    height: 8px;
    border-right: 2px solid rgba(235, 244, 249, 0.72);
    border-bottom: 2px solid rgba(235, 244, 249, 0.72);
    transform: rotate(45deg);
    transition: transform 0.18s ease;
}

.workspace-nav-group[open] .workspace-nav-group__chevron[b-kcpwb5i09g] {
    transform: rotate(225deg);
}

.workspace-nav-group__items[b-kcpwb5i09g] {
    display: grid;
    gap: 8px;
    padding: 12px 12px 14px;
    position: relative;
}

.workspace-nav-group[open][b-kcpwb5i09g] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 12px 28px rgba(0, 19, 30, 0.16);
}

.workspace-nav__item[b-kcpwb5i09g],
.workspace-logout[b-kcpwb5i09g] {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-height: 50px;
    padding: 0 16px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    color: rgba(245, 250, 253, 0.9);
    background: rgba(255, 255, 255, 0.035);
    transition: background 0.18s ease, transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.workspace-nav__item--nested[b-kcpwb5i09g] {
    margin-left: 12px;
    width: calc(100% - 12px);
    background: rgba(255, 255, 255, 0.02);
}

.workspace-nav__item--nested .workspace-nav__icon[b-kcpwb5i09g] {
    background: linear-gradient(135deg, rgba(111, 174, 217, 0.88), rgba(72, 144, 204, 0.66));
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.workspace-nav__item:hover[b-kcpwb5i09g],
.workspace-logout:hover[b-kcpwb5i09g] {
    background: linear-gradient(135deg, rgba(72, 144, 204, 0.22), rgba(255, 255, 255, 0.12));
    transform: translateX(4px);
    border-color: rgba(111, 174, 217, 0.36);
    box-shadow:
        inset 0 0 0 1px rgba(111, 174, 217, 0.1),
        0 14px 24px rgba(0, 0, 0, 0.12);
}

.workspace-nav__item:hover .workspace-nav__icon[b-kcpwb5i09g],
.workspace-logout:hover .workspace-nav__icon[b-kcpwb5i09g] {
    background: linear-gradient(135deg, rgba(163, 208, 239, 0.98), rgba(111, 174, 217, 0.84));
    transform: scale(1.06);
}

.workspace-nav__item[b-kcpwb5i09g]::before,
.workspace-logout[b-kcpwb5i09g]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, rgba(111, 174, 217, 0), rgba(111, 174, 217, 0.96), rgba(72, 144, 204, 0));
    opacity: 0;
    transition: opacity 0.18s ease;
}

.workspace-nav__item:hover[b-kcpwb5i09g]::before,
.workspace-logout:hover[b-kcpwb5i09g]::before {
    opacity: 1;
}

.workspace-nav__item.active[b-kcpwb5i09g] {
    background: linear-gradient(135deg, rgba(111, 174, 217, 0.24), rgba(255, 255, 255, 0.12));
    border-color: rgba(111, 174, 217, 0.5);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.06),
        0 12px 24px rgba(0, 17, 27, 0.18);
}

.workspace-nav__item.active[b-kcpwb5i09g]::before {
    opacity: 1;
}

.workspace-nav__item.active:focus-visible[b-kcpwb5i09g] {
    outline-color: rgba(255, 255, 255, 0.78);
}

.workspace-nav__icon[b-kcpwb5i09g] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(111, 174, 217, 0.9), rgba(72, 144, 204, 0.72));
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
    font-size: 0.92rem;
    line-height: 1;
    transition: background 0.18s ease, transform 0.18s ease;
}

.workspace-nav__badge[b-kcpwb5i09g] {
    margin-left: auto;
    min-width: 1.8rem;
    padding: 0.22rem 0.45rem;
    border-radius: 999px;
    background: rgba(111, 174, 217, 0.22);
    border: 1px solid rgba(111, 174, 217, 0.28);
    color: #fff;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

.workspace-nav__item:hover[b-kcpwb5i09g],
.workspace-nav__item:hover span:last-child[b-kcpwb5i09g],
.workspace-logout:hover[b-kcpwb5i09g],
.workspace-logout:hover span:last-child[b-kcpwb5i09g] {
    color: #ffffff;
}

.workspace-logout[b-kcpwb5i09g] {
    text-align: left;
    font: inherit;
    margin-top: 6px;
}

.workspace-usercard[b-kcpwb5i09g] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.workspace-usercard__avatar[b-kcpwb5i09g] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(111, 174, 217, 0.95), rgba(72, 144, 204, 0.65));
    color: white;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.workspace-usercard strong[b-kcpwb5i09g] {
    display: block;
    font-size: 0.98rem;
    line-height: 1.2;
}

.workspace-usercard span[b-kcpwb5i09g] {
    display: block;
    margin-top: 4px;
    color: rgba(235, 244, 249, 0.72);
    font-size: 0.88rem;
}

.workspace-content[b-kcpwb5i09g] {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 22px;
    padding: 28px 30px 30px;
}

.workspace-topbar[b-kcpwb5i09g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.workspace-topbar__eyebrow[b-kcpwb5i09g] {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 0.84rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #607786;
}

.workspace-topbar h1[b-kcpwb5i09g] {
    margin: 0;
    font-size: clamp(2rem, 3vw, 3rem);
    letter-spacing: -0.04em;
    color: var(--sfa-navy-deep);
}

.workspace-topbar__chip[b-kcpwb5i09g] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 11px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.84);
    box-shadow: 0 14px 30px rgba(16, 44, 58, 0.08);
    color: #34505d;
    backdrop-filter: blur(14px);
}

.workspace-topbar__chip span[b-kcpwb5i09g] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, #4890cc, #0b5877);
    box-shadow: 0 0 0 6px rgba(72, 144, 204, 0.12);
}

.workspace-main[b-kcpwb5i09g] {
    min-height: calc(100vh - 140px);
}

@media (max-width: 1080px) {
    .workspace-shell[b-kcpwb5i09g] {
        grid-template-columns: 1fr;
    }

    .workspace-sidebar[b-kcpwb5i09g] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        position: relative;
        height: auto;
    }
}

@media (max-width: 720px) {
    .workspace-content[b-kcpwb5i09g] {
        padding: 16px;
        gap: 16px;
    }

    .workspace-topbar[b-kcpwb5i09g] {
        flex-direction: column;
        align-items: flex-start;
    }

    .workspace-topbar__chip[b-kcpwb5i09g] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Companies.razor.rz.scp.css */
.companies-shell[b-yhn16tzz2z] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.companies-hero[b-yhn16tzz2z],
.companies-actions[b-yhn16tzz2z],
.companies-grid[b-yhn16tzz2z],
.companies-alert[b-yhn16tzz2z] {
    border-radius: var(--sfa-radius-xl);
    min-width: 0;
}

.companies-hero[b-yhn16tzz2z] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 30px;
}

.companies-hero p[b-yhn16tzz2z] {
    max-width: 72ch;
    line-height: 1.65;
}

.companies-hero__metrics[b-yhn16tzz2z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: 12px;
}

.companies-hero__metrics article[b-yhn16tzz2z] {
    min-width: 120px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.88);
    text-align: center;
}

.companies-hero__metrics strong[b-yhn16tzz2z] {
    display: block;
    margin-bottom: 6px;
    font-size: 1.7rem;
    color: var(--sfa-navy-deep);
}

.companies-hero__metrics span[b-yhn16tzz2z] {
    color: var(--sfa-muted);
}

.companies-actions[b-yhn16tzz2z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
}

.companies-actions__toolbar[b-yhn16tzz2z] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.companies-actions__status[b-yhn16tzz2z] {
    color: var(--sfa-muted);
}

.companies-grid[b-yhn16tzz2z] {
    padding: 18px;
    min-width: 0;
    overflow: visible;
}

.companies-grid__scroller[b-yhn16tzz2z] {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.companies-grid__table[b-yhn16tzz2z] {
    width: 100%;
    min-width: 0;
}

.companies-row-actions[b-yhn16tzz2z] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
    justify-content: flex-start;
}

.companies-status[b-yhn16tzz2z] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 700;
}

.companies-status.is-active[b-yhn16tzz2z] {
    background: rgba(16, 137, 62, 0.12);
    color: #0f7a36;
}

.companies-status.is-inactive[b-yhn16tzz2z] {
    background: rgba(232, 17, 35, 0.08);
    color: #9d1f2c;
}

.companies-empty[b-yhn16tzz2z] {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 260px;
    text-align: center;
    color: var(--sfa-muted);
}

.companies-empty strong[b-yhn16tzz2z] {
    color: var(--sfa-navy-deep);
    font-size: 1.06rem;
}

.company-form-grid[b-yhn16tzz2z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.companies-input[b-yhn16tzz2z] {
    width: 100%;
    min-width: 0;
}

.company-detail[b-yhn16tzz2z] {
    display: grid;
    gap: 18px;
}

.company-detail__intro[b-yhn16tzz2z] {
    display: grid;
    gap: 10px;
}

.company-detail__intro h3[b-yhn16tzz2z] {
    margin: 0;
    font-size: 1.55rem;
    letter-spacing: -0.03em;
    color: var(--sfa-navy-deep);
}

.company-detail__intro p[b-yhn16tzz2z] {
    margin: 0;
    color: var(--sfa-muted);
    line-height: 1.6;
}

.company-detail__grid[b-yhn16tzz2z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.company-detail__grid article[b-yhn16tzz2z] {
    padding: 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(0, 60, 84, 0.1);
    display: grid;
    gap: 6px;
}

.company-detail__grid span[b-yhn16tzz2z] {
    color: var(--sfa-muted);
    font-size: 0.9rem;
}

.company-detail__grid strong[b-yhn16tzz2z] {
    color: var(--sfa-navy-deep);
    font-size: 1.02rem;
}

@media (max-width: 1100px) {
    .companies-hero[b-yhn16tzz2z] {
        flex-direction: column;
        align-items: stretch;
    }

    .companies-hero__metrics[b-yhn16tzz2z] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .companies-actions[b-yhn16tzz2z] {
        flex-direction: column;
        align-items: stretch;
    }

    .company-form-grid[b-yhn16tzz2z],
    .company-detail__grid[b-yhn16tzz2z] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ConfigurationGeneral.razor.rz.scp.css */
.config-general-shell[b-yhux8777vn] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.config-general-hero[b-yhux8777vn],
.config-general-actions[b-yhux8777vn],
.config-general-panel[b-yhux8777vn] {
    border-radius: var(--sfa-radius-xl);
    min-width: 0;
}

.config-general-hero[b-yhux8777vn] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 30px;
}

.config-general-hero p[b-yhux8777vn] {
    max-width: 78ch;
    line-height: 1.65;
}

.config-general-hero__metrics[b-yhux8777vn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 12px;
}

.config-general-hero__metrics article[b-yhux8777vn] {
    min-width: 140px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.88);
    text-align: center;
}

.config-general-hero__metrics strong[b-yhux8777vn] {
    display: block;
    margin-bottom: 6px;
    font-size: 1.35rem;
    color: var(--sfa-navy-deep);
}

.config-general-hero__metrics span[b-yhux8777vn] {
    color: var(--sfa-muted);
}

.config-general-actions[b-yhux8777vn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
}

.config-general-actions__filters[b-yhux8777vn] {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: 12px;
}

.config-general-actions__selector[b-yhux8777vn] {
    display: grid;
    gap: 8px;
    min-width: min(420px, 100%);
}

.config-general-actions__selector label[b-yhux8777vn] {
    font-size: 0.84rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--sfa-muted);
}

.config-general-actions__status[b-yhux8777vn] {
    color: var(--sfa-muted);
}

.config-general-tabs[b-yhux8777vn] {
    min-width: 0;
}

.config-general-panel[b-yhux8777vn] {
    display: grid;
    gap: 16px;
    padding: 22px;
    min-width: 0;
}

.config-general-form[b-yhux8777vn] {
    min-width: 0;
}

.config-general-form__grid[b-yhux8777vn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.config-general-field[b-yhux8777vn] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.config-general-field--full[b-yhux8777vn] {
    grid-column: 1 / -1;
}

.config-general-field label[b-yhux8777vn] {
    font-size: 0.84rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--sfa-muted);
}

.config-general-input[b-yhux8777vn] {
    width: 100%;
    min-width: 0;
}

.config-general-checks[b-yhux8777vn] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    padding: 10px 0 2px;
}

.config-general-toggle[b-yhux8777vn] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 32px;
    color: var(--sfa-text);
    font-weight: 600;
}

.config-general-toggle span[b-yhux8777vn] {
    line-height: 1.2;
}

.config-general-sync[b-yhux8777vn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.config-general-sync__card[b-yhux8777vn] {
    display: grid;
    gap: 8px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(0, 60, 84, 0.1);
}

.config-general-sync__card strong[b-yhux8777vn] {
    color: var(--sfa-navy-deep);
    font-size: 1.05rem;
}

.config-general-sync__card span[b-yhux8777vn] {
    color: var(--sfa-muted);
}

.config-general-empty[b-yhux8777vn] {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 200px;
    text-align: center;
    color: var(--sfa-muted);
}

.config-general-empty strong[b-yhux8777vn] {
    color: var(--sfa-navy-deep);
    font-size: 1.05rem;
}

.config-general-note[b-yhux8777vn] {
    margin: 0;
    color: var(--sfa-muted);
    font-size: 0.92rem;
}

@media (max-width: 1100px) {
    .config-general-hero[b-yhux8777vn] {
        flex-direction: column;
        align-items: stretch;
    }

    .config-general-hero__metrics[b-yhux8777vn],
    .config-general-sync[b-yhux8777vn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .config-general-actions[b-yhux8777vn] {
        flex-direction: column;
        align-items: stretch;
    }

    .config-general-actions__selector[b-yhux8777vn] {
        min-width: 0;
        width: 100%;
    }

    .config-general-form__grid[b-yhux8777vn],
    .config-general-sync[b-yhux8777vn],
    .config-general-hero__metrics[b-yhux8777vn] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Customers.razor.rz.scp.css */
.customers-shell[b-iq23y16di9] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.customers-hero[b-iq23y16di9],
.customers-actions[b-iq23y16di9],
.customers-grid[b-iq23y16di9],
.customers-pager[b-iq23y16di9] {
    border-radius: var(--sfa-radius-xl);
    min-width: 0;
}

.customers-hero[b-iq23y16di9] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 30px;
}

.customers-hero h2[b-iq23y16di9] {
    margin: 10px 0 8px;
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    letter-spacing: -0.04em;
    color: var(--sfa-navy-deep);
}

.customers-hero p[b-iq23y16di9] {
    max-width: 68ch;
    line-height: 1.65;
}

.customers-hero__metrics[b-iq23y16di9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: 12px;
}

.customers-hero__metrics article[b-iq23y16di9] {
    min-width: 120px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.88);
    text-align: center;
}

.customers-hero__metrics strong[b-iq23y16di9] {
    display: block;
    margin-bottom: 6px;
    font-size: 1.7rem;
    color: var(--sfa-navy-deep);
}

.customers-hero__metrics span[b-iq23y16di9] {
    color: var(--sfa-muted);
}

.customers-actions[b-iq23y16di9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
}

.customers-actions__filters[b-iq23y16di9] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    min-width: 0;
}

.customers-actions__status[b-iq23y16di9] {
    color: var(--sfa-muted);
}

.customers-grid[b-iq23y16di9] {
    padding: 18px;
    min-width: 0;
    overflow: visible;
}

.customers-grid__scroller[b-iq23y16di9] {
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.customers-grid__table[b-iq23y16di9] {
    width: 100%;
    min-width: 0;
}

.customers-status[b-iq23y16di9] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 700;
}

.customers-status--is-active[b-iq23y16di9] {
    background: rgba(16, 137, 62, 0.12);
    color: #0f7a36;
}

.customers-status--is-pending[b-iq23y16di9] {
    background: rgba(72, 144, 204, 0.12);
    color: #0b5877;
}

.customers-status--is-inactive[b-iq23y16di9],
.customers-status--is-blocked[b-iq23y16di9] {
    background: rgba(232, 17, 35, 0.08);
    color: #9d1f2c;
}

.customers-pager[b-iq23y16di9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
}

.customers-pager__info[b-iq23y16di9] {
    display: grid;
    gap: 4px;
}

.customers-pager__info strong[b-iq23y16di9] {
    color: var(--sfa-navy-deep);
}

.customers-pager__info span[b-iq23y16di9] {
    color: var(--sfa-muted);
}

.customers-pager__actions[b-iq23y16di9] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.customers-input[b-iq23y16di9] {
    width: 100%;
    min-width: 220px;
}

.customers-popup[b-iq23y16di9] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.customers-form[b-iq23y16di9] {
    display: grid;
    gap: 18px;
}

.customers-form__grid[b-iq23y16di9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.customers-field[b-iq23y16di9] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.customers-field--wide[b-iq23y16di9],
.customers-field--full[b-iq23y16di9] {
    grid-column: 1 / -1;
}

.customers-field label[b-iq23y16di9] {
    font-weight: 700;
    color: var(--sfa-navy-deep);
}

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

.customers-detail-grid article[b-iq23y16di9] {
    display: grid;
    gap: 8px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 60, 84, 0.14);
    box-shadow: 0 10px 24px rgba(0, 27, 41, 0.05);
    min-height: 92px;
}

.customers-detail-grid span[b-iq23y16di9] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--sfa-muted);
}

.customers-detail-grid strong[b-iq23y16di9] {
    color: var(--sfa-navy-deep);
    line-height: 1.5;
}

.customers-detail-grid__wide[b-iq23y16di9] {
    grid-column: 1 / -1;
}

.customers-addresses[b-iq23y16di9] {
    display: grid;
    gap: 12px;
}

.customers-addresses__header[b-iq23y16di9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.customers-addresses__list article[b-iq23y16di9] {
    display: grid;
    gap: 6px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 60, 84, 0.14);
    box-shadow: 0 10px 24px rgba(0, 27, 41, 0.05);
}

.customers-detail-grid__card[b-iq23y16di9] {
    position: relative;
}

.customers-detail-grid__card strong[b-iq23y16di9],
.customers-addresses__item strong[b-iq23y16di9] {
    color: var(--sfa-navy-deep);
}

.customers-addresses__item span[b-iq23y16di9] {
    color: var(--sfa-muted);
    line-height: 1.5;
}

.customers-popup .role-popup__footer[b-iq23y16di9],
.customers-popup .role-confirm__footer[b-iq23y16di9] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.customers-popup .role-popup__footer--split[b-iq23y16di9] {
    justify-content: space-between;
    width: 100%;
}

.customers-popup .role-popup__footer-group[b-iq23y16di9] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.customers-popup .role-popup__footer > .dx-button[b-iq23y16di9],
.customers-popup .role-confirm__footer > .dx-button[b-iq23y16di9] {
    min-width: 140px;
}

.customers-popup .role-popup__message[b-iq23y16di9] {
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid transparent;
    box-shadow: 0 10px 24px rgba(0, 27, 41, 0.05);
}

.customers-popup .role-popup__message--success[b-iq23y16di9] {
    background: rgba(234, 249, 240, 0.96);
    border-color: rgba(178, 226, 199, 0.92);
    color: #135d32;
}

.customers-popup .role-popup__message--error[b-iq23y16di9] {
    background: rgba(255, 243, 243, 0.94);
    border-color: rgba(231, 194, 197, 0.9);
    color: #8f1825;
}

.customers-empty-popup[b-iq23y16di9] {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 160px;
    text-align: center;
}

.customers-confirm[b-iq23y16di9] {
    display: grid;
    gap: 16px;
}

.customers-confirm .customers-field[b-iq23y16di9] {
    margin-top: 4px;
}

@media (max-width: 960px) {
    .customers-hero[b-iq23y16di9],
    .customers-actions[b-iq23y16di9],
    .customers-pager[b-iq23y16di9] {
        flex-direction: column;
        align-items: stretch;
    }

    .customers-actions__filters[b-iq23y16di9],
    .customers-pager__actions[b-iq23y16di9] {
        justify-content: flex-start;
    }

    .customers-form__grid[b-iq23y16di9],
    .customers-detail-grid[b-iq23y16di9],
    .customers-addresses__list[b-iq23y16di9] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/GeoCatalogs.razor.rz.scp.css */
.geo-shell[b-x1l4gopwlq] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.geo-hero[b-x1l4gopwlq],
.geo-actions[b-x1l4gopwlq],
.geo-panel[b-x1l4gopwlq],
.geo-rail[b-x1l4gopwlq] {
    border-radius: var(--sfa-radius-xl);
    min-width: 0;
}

.geo-hero[b-x1l4gopwlq] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 30px;
}

.geo-hero p[b-x1l4gopwlq] {
    max-width: 72ch;
    line-height: 1.65;
}

.geo-hero__metrics[b-x1l4gopwlq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: 12px;
}

.geo-hero__metrics article[b-x1l4gopwlq] {
    min-width: 120px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.88);
    text-align: center;
}

.geo-hero__metrics strong[b-x1l4gopwlq] {
    display: block;
    margin-bottom: 6px;
    font-size: 1.7rem;
    color: var(--sfa-navy-deep);
}

.geo-hero__metrics span[b-x1l4gopwlq] {
    color: var(--sfa-muted);
}

.geo-actions[b-x1l4gopwlq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
}

.geo-actions__filters[b-x1l4gopwlq] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.geo-actions__status[b-x1l4gopwlq] {
    color: var(--sfa-muted);
}

.geo-workbench[b-x1l4gopwlq] {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 18px;
    min-width: 0;
    align-items: start;
}

.geo-rail[b-x1l4gopwlq],
.geo-panel[b-x1l4gopwlq] {
    padding: 22px;
}

.geo-rail[b-x1l4gopwlq] {
    display: grid;
    gap: 16px;
    position: sticky;
    top: 18px;
    align-self: start;
}

.geo-rail__header[b-x1l4gopwlq] {
    display: grid;
    gap: 10px;
}

.geo-rail__header h3[b-x1l4gopwlq] {
    margin: 0;
    font-size: 1.3rem;
    color: var(--sfa-navy-deep);
}

.geo-tabs[b-x1l4gopwlq] {
    width: 100%;
}

.geo-rail__group[b-x1l4gopwlq] {
    display: grid;
    gap: 10px;
    max-height: calc(100vh - 320px);
    overflow: auto;
    padding-right: 4px;
}

.geo-resource__button[b-x1l4gopwlq] {
    display: grid;
    gap: 8px;
    padding: 16px 18px 16px 20px;
    border-radius: 18px;
    border: 1px solid rgba(0, 60, 84, 0.12);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 24px rgba(0, 27, 41, 0.05);
    color: var(--sfa-text);
    text-align: left;
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.geo-resource__button:hover[b-x1l4gopwlq] {
    transform: translateY(-1px) translateX(1px);
    border-color: rgba(72, 144, 204, 0.28);
    box-shadow: 0 16px 28px rgba(0, 27, 41, 0.08);
}

.geo-resource__button.is-active[b-x1l4gopwlq] {
    background: linear-gradient(135deg, rgba(72, 144, 204, 0.18), rgba(255, 255, 255, 0.98));
    border-color: rgba(72, 144, 204, 0.42);
}

.geo-resource__button--module[b-x1l4gopwlq] {
    border-style: dashed;
    border-color: rgba(72, 144, 204, 0.22);
    background: linear-gradient(135deg, rgba(0, 60, 84, 0.06), rgba(255, 255, 255, 0.96));
}

.geo-resource__top[b-x1l4gopwlq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.geo-resource__meta[b-x1l4gopwlq] {
    color: var(--sfa-muted);
    line-height: 1.45;
}

.geo-panel[b-x1l4gopwlq] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-self: start;
    justify-content: flex-start;
}

.geo-panel__intro[b-x1l4gopwlq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.geo-panel__intro h3[b-x1l4gopwlq] {
    margin: 10px 0 8px;
    font-size: 1.5rem;
    color: var(--sfa-navy-deep);
}

.geo-panel__summary[b-x1l4gopwlq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(110px, 1fr));
    gap: 12px;
}

.geo-panel__summary article[b-x1l4gopwlq] {
    min-width: 120px;
    padding: 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.92);
    text-align: center;
}

.geo-panel__summary strong[b-x1l4gopwlq] {
    display: block;
    margin-bottom: 5px;
    font-size: 1.4rem;
    color: var(--sfa-navy-deep);
}

.geo-panel__summary span[b-x1l4gopwlq] {
    color: var(--sfa-muted);
}

.geo-input[b-x1l4gopwlq],
.geo-panel__search[b-x1l4gopwlq] {
    min-width: 0;
    width: min(100%, 340px);
}

.geo-grid-wrap[b-x1l4gopwlq] {
    width: 100%;
    min-width: 0;
    overflow: visible;
}

.geo-grid[b-x1l4gopwlq] {
    width: 100%;
    min-width: 0;
}

.geo-badge[b-x1l4gopwlq],
.geo-status[b-x1l4gopwlq] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 700;
}

.geo-badge--yes[b-x1l4gopwlq],
.geo-status.is-active[b-x1l4gopwlq] {
    background: rgba(16, 137, 62, 0.12);
    color: #0f7a36;
}

.geo-badge--no[b-x1l4gopwlq],
.geo-status.is-inactive[b-x1l4gopwlq] {
    background: rgba(232, 17, 35, 0.08);
    color: #9d1f2c;
}

.geo-row-actions[b-x1l4gopwlq] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.geo-form[b-x1l4gopwlq] {
    display: grid;
    gap: 18px;
}

.geo-form__grid[b-x1l4gopwlq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.geo-field[b-x1l4gopwlq] {
    display: grid;
    gap: 8px;
}

.geo-field--full[b-x1l4gopwlq] {
    grid-column: 1 / -1;
}

.geo-field label[b-x1l4gopwlq] {
    font-weight: 700;
    color: var(--sfa-navy-deep);
}

.geo-detail[b-x1l4gopwlq] {
    display: grid;
    gap: 18px;
}

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

.geo-detail-grid__card[b-x1l4gopwlq] {
    display: grid;
    gap: 8px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 60, 84, 0.14);
    box-shadow: 0 10px 24px rgba(0, 27, 41, 0.05);
    min-height: 92px;
}

.geo-detail-grid__card span[b-x1l4gopwlq] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--sfa-muted);
}

.geo-detail-grid__card strong[b-x1l4gopwlq] {
    color: var(--sfa-navy-deep);
    line-height: 1.5;
}

.geo-detail-grid__wide[b-x1l4gopwlq] {
    grid-column: 1 / -1;
}

@media (max-width: 1200px) {
    .geo-workbench[b-x1l4gopwlq] {
        grid-template-columns: 1fr;
    }

    .geo-rail[b-x1l4gopwlq] {
        position: static;
    }
}
/* /Components/Pages/Goals.razor.rz.scp.css */
.goals-shell[b-xygtlq9q7n] {
    display: grid;
    gap: 1.25rem;
}

.goals-hero[b-xygtlq9q7n],
.goals-actions[b-xygtlq9q7n],
.goals-filters[b-xygtlq9q7n],
.goals-grid[b-xygtlq9q7n],
.goals-dashboard[b-xygtlq9q7n] {
    width: 100%;
}

.goals-hero[b-xygtlq9q7n] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    padding: 1.5rem;
    border-radius: 28px;
}

.goals-hero__copy[b-xygtlq9q7n] {
    max-width: 760px;
}

.goals-hero__copy .pill[b-xygtlq9q7n] {
    margin-bottom: 0.5rem;
}

.goals-hero__metrics[b-xygtlq9q7n] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: 0.75rem;
}

.goals-hero__metrics article[b-xygtlq9q7n],
.goals-metric-card[b-xygtlq9q7n] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(72, 144, 204, 0.12);
    border-radius: 20px;
    padding: 1rem 1.1rem;
    display: grid;
    gap: 0.2rem;
    box-shadow: 0 12px 30px rgba(0, 60, 84, 0.06);
}

.goals-hero__metrics strong[b-xygtlq9q7n],
.goals-metric-card strong[b-xygtlq9q7n] {
    color: #003c54;
    font-size: 1.4rem;
}

.goals-hero__metrics span[b-xygtlq9q7n],
.goals-metric-card span[b-xygtlq9q7n] {
    color: #6b8192;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.goals-actions[b-xygtlq9q7n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
}

.goals-actions__toolbar[b-xygtlq9q7n] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.goals-actions__status[b-xygtlq9q7n] {
    color: #6b8192;
    font-size: 0.95rem;
}

.goals-filters[b-xygtlq9q7n] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
    gap: 1rem;
    align-items: end;
    padding: 1rem 1.25rem;
}

.goals-filter[b-xygtlq9q7n] {
    display: grid;
    gap: 0.45rem;
}

.goals-filter label[b-xygtlq9q7n] {
    color: #6b8192;
    font-size: 0.83rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.goals-filter--action[b-xygtlq9q7n] {
    min-width: 130px;
}

.goals-input[b-xygtlq9q7n] {
    width: 100%;
}

.goals-dashboard[b-xygtlq9q7n] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
}

.goals-grid[b-xygtlq9q7n] {
    padding: 1rem;
    overflow: hidden;
}

.goals-grid__table[b-xygtlq9q7n] {
    width: 100%;
}

.goal-pill[b-xygtlq9q7n],
.goal-scope[b-xygtlq9q7n] {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.6rem;
    border-radius: 999px;
    background: rgba(72, 144, 204, 0.12);
    color: #003c54;
    font-weight: 700;
    font-size: 0.82rem;
}

.goal-status[b-xygtlq9q7n] {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.82rem;
}

.goal-status--active[b-xygtlq9q7n] {
    color: #0f7a3c;
    background: rgba(22, 163, 74, 0.12);
}

.goal-status--inactive[b-xygtlq9q7n] {
    color: #a33;
    background: rgba(220, 38, 38, 0.12);
}

.goals-progress-cell[b-xygtlq9q7n] {
    display: grid;
    gap: 0.35rem;
}

.goals-progress-bar[b-xygtlq9q7n] {
    position: relative;
    height: 8px;
    border-radius: 999px;
    background: rgba(0, 60, 84, 0.12);
    overflow: hidden;
}

.goals-progress-bar > div[b-xygtlq9q7n] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #4890cc, #1f6fa8);
}

.goals-progress-bar--large[b-xygtlq9q7n] {
    height: 14px;
}

.goals-row-actions[b-xygtlq9q7n] {
    display: flex;
    gap: 0.45rem;
}

.goals-empty[b-xygtlq9q7n] {
    padding: 2rem;
    text-align: center;
    color: #6b8192;
}

.goals-popup[b-xygtlq9q7n] {
    display: grid;
    gap: 1rem;
}

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

.goals-field[b-xygtlq9q7n] {
    display: grid;
    gap: 0.45rem;
}

.goals-field--wide[b-xygtlq9q7n] {
    grid-column: span 2;
}

.goals-field--full[b-xygtlq9q7n] {
    grid-column: 1 / -1;
}

.goals-field label[b-xygtlq9q7n] {
    color: #6b8192;
    font-size: 0.83rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.goals-detail[b-xygtlq9q7n] {
    display: grid;
    gap: 1rem;
}

.goals-detail__grid[b-xygtlq9q7n],
.goals-detail__progress[b-xygtlq9q7n] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.goals-detail__grid article[b-xygtlq9q7n],
.goals-progress-summary[b-xygtlq9q7n] {
    display: grid;
    gap: 0.2rem;
    padding: 0.95rem 1rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(72, 144, 204, 0.12);
}

.goals-detail__grid span[b-xygtlq9q7n],
.goals-progress-summary span[b-xygtlq9q7n],
.goals-weeks header span[b-xygtlq9q7n] {
    color: #6b8192;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.goals-detail__grid strong[b-xygtlq9q7n],
.goals-progress-summary strong[b-xygtlq9q7n] {
    color: #003c54;
    font-size: 1rem;
}

.goals-detail__bar[b-xygtlq9q7n] {
    padding: 0.75rem 0;
}

.goals-weeks[b-xygtlq9q7n] {
    display: grid;
    gap: 0.75rem;
}

.goals-weeks header[b-xygtlq9q7n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.goals-week-bars[b-xygtlq9q7n] {
    display: grid;
    gap: 0.85rem;
}

.goals-week-row[b-xygtlq9q7n] {
    display: grid;
    gap: 0.35rem;
}

.goals-week-row__head[b-xygtlq9q7n] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: #003c54;
    font-weight: 600;
}

.goals-detail__loading[b-xygtlq9q7n] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    color: #6b8192;
}

@media (max-width: 1100px) {
    .goals-hero[b-xygtlq9q7n],
    .goals-actions[b-xygtlq9q7n],
    .goals-filters[b-xygtlq9q7n],
    .goals-dashboard[b-xygtlq9q7n],
    .goals-detail__grid[b-xygtlq9q7n],
    .goals-detail__progress[b-xygtlq9q7n] {
        grid-template-columns: 1fr 1fr;
    }

    .goals-hero[b-xygtlq9q7n] {
        flex-direction: column;
        align-items: stretch;
    }

    .goals-filters[b-xygtlq9q7n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .goals-form__grid[b-xygtlq9q7n],
    .goals-filters[b-xygtlq9q7n],
    .goals-dashboard[b-xygtlq9q7n],
    .goals-detail__grid[b-xygtlq9q7n],
    .goals-detail__progress[b-xygtlq9q7n] {
        grid-template-columns: 1fr;
    }

    .goals-field--wide[b-xygtlq9q7n],
    .goals-field--full[b-xygtlq9q7n] {
        grid-column: auto;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-hero[b-2tyxm6h91j] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
    gap: 24px;
    padding: 32px;
    border-radius: var(--sfa-radius-xl);
}

.dashboard-hero__copy[b-2tyxm6h91j] {
    display: grid;
    gap: 14px;
    align-content: start;
}

.dashboard-hero__copy h2[b-2tyxm6h91j] {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.5rem);
    line-height: 1;
    letter-spacing: -0.05em;
    color: var(--sfa-navy-deep);
    max-width: 12ch;
}

.dashboard-hero__copy p[b-2tyxm6h91j] {
    max-width: 60ch;
    line-height: 1.75;
}

.dashboard-hero__actions[b-2tyxm6h91j] {
    display: flex;
    gap: 12px;
    margin-top: 10px;
}

.dashboard-hero__stats[b-2tyxm6h91j] {
    display: grid;
    gap: 14px;
    align-content: start;
}

.dashboard-hero__stats article[b-2tyxm6h91j] {
    padding: 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.82);
}

.dashboard-hero__stats strong[b-2tyxm6h91j] {
    display: block;
    font-size: 1.8rem;
    color: var(--sfa-navy-deep);
    margin-bottom: 6px;
}

.dashboard-hero__stats span[b-2tyxm6h91j] {
    color: var(--sfa-muted);
}

.dashboard-grid[b-2tyxm6h91j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 20px;
}

.dashboard-card[b-2tyxm6h91j] {
    padding: 22px;
    border-radius: 22px;
}

.dashboard-card__head[b-2tyxm6h91j] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.dashboard-card__head span[b-2tyxm6h91j] {
    font-size: 0.82rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #607786;
}

.dashboard-card__head strong[b-2tyxm6h91j] {
    font-size: 1.1rem;
    color: var(--sfa-navy-deep);
}

.dashboard-card p[b-2tyxm6h91j] {
    margin: 0;
    color: var(--sfa-muted);
    line-height: 1.7;
}

@media (max-width: 960px) {
    .dashboard-hero[b-2tyxm6h91j],
    .dashboard-grid[b-2tyxm6h91j] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/OrderDetail.razor.rz.scp.css */
.order-detail-shell[b-8p3ptvw2m4] {
    display: grid;
    gap: 20px;
}

.order-detail-hero[b-8p3ptvw2m4],
.order-detail-actions[b-8p3ptvw2m4] {
    border-radius: 28px;
    padding: 24px;
}

.order-detail-hero[b-8p3ptvw2m4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.order-detail-hero__copy[b-8p3ptvw2m4] {
    max-width: 720px;
    display: grid;
    gap: 16px;
}

.order-detail-hero__metrics[b-8p3ptvw2m4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 12px;
}

.order-detail-hero__metrics article[b-8p3ptvw2m4] {
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(0, 60, 84, 0.08);
    border-radius: 18px;
    padding: 16px 18px;
}

.order-detail-hero__metrics strong[b-8p3ptvw2m4] {
    display: block;
    color: var(--sfa-navy);
    font-size: 1.2rem;
}

.order-detail-hero__metrics span[b-8p3ptvw2m4] {
    color: var(--sfa-muted);
    font-size: 0.92rem;
}

.order-detail-actions[b-8p3ptvw2m4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.order-detail-grid[b-8p3ptvw2m4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.order-detail-card[b-8p3ptvw2m4] {
    padding: 18px;
    border-radius: 22px;
    display: grid;
    gap: 10px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 60, 84, 0.08);
}

.order-detail-card span[b-8p3ptvw2m4] {
    color: var(--sfa-muted);
    font-size: 0.88rem;
}

.order-detail-card strong[b-8p3ptvw2m4] {
    color: var(--sfa-navy-deep);
}

.order-detail-panels[b-8p3ptvw2m4] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.order-detail-panel[b-8p3ptvw2m4] {
    padding: 20px;
    border-radius: 24px;
    display: grid;
    gap: 16px;
}

.order-detail-panel--full[b-8p3ptvw2m4] {
    grid-column: 1 / -1;
}

.order-detail-panel__header[b-8p3ptvw2m4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 18px;
}

.order-detail-panel__header h3[b-8p3ptvw2m4] {
    margin-top: 10px;
    color: var(--sfa-navy);
    font-size: 1.4rem;
}

.order-detail-totals[b-8p3ptvw2m4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.order-detail-totals article[b-8p3ptvw2m4] {
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(0, 60, 84, 0.08);
    border-radius: 18px;
    padding: 16px 18px;
    display: grid;
    gap: 6px;
}

.order-detail-totals span[b-8p3ptvw2m4] {
    color: var(--sfa-muted);
    font-size: 0.88rem;
}

.order-detail-totals strong[b-8p3ptvw2m4] {
    color: var(--sfa-navy);
    font-size: 1.1rem;
}

.order-detail-photos[b-8p3ptvw2m4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
}

.order-detail-photo[b-8p3ptvw2m4] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(0, 60, 84, 0.08);
}

.order-detail-photo img[b-8p3ptvw2m4] {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 14px;
}

.order-detail-photo span[b-8p3ptvw2m4] {
    color: var(--sfa-muted);
    font-size: 0.84rem;
}

.orders-reject-form[b-8p3ptvw2m4] {
    display: grid;
    gap: 16px;
}

.orders-field[b-8p3ptvw2m4] {
    display: grid;
    gap: 8px;
}

@media (max-width: 1100px) {
    .order-detail-hero[b-8p3ptvw2m4] {
        flex-direction: column;
        align-items: stretch;
    }

    .order-detail-grid[b-8p3ptvw2m4],
    .order-detail-totals[b-8p3ptvw2m4] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Orders.razor.rz.scp.css */
.orders-shell[b-5upiebraon] {
    display: grid;
    gap: 20px;
}

.orders-hero[b-5upiebraon],
.orders-actions[b-5upiebraon],
.orders-filters[b-5upiebraon],
.orders-tabs-card[b-5upiebraon] {
    border-radius: 28px;
    padding: 24px;
}

.orders-hero[b-5upiebraon] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.orders-hero__copy[b-5upiebraon] {
    max-width: 720px;
    display: grid;
    gap: 16px;
}

.orders-hero__metrics[b-5upiebraon] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 12px;
}

.orders-hero__metrics article[b-5upiebraon] {
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(0, 60, 84, 0.08);
    border-radius: 18px;
    padding: 16px 18px;
}

.orders-hero__metrics strong[b-5upiebraon] {
    display: block;
    color: var(--sfa-navy);
    font-size: 1.7rem;
}

.orders-hero__metrics span[b-5upiebraon] {
    color: var(--sfa-muted);
    font-size: 0.92rem;
}

.orders-actions[b-5upiebraon] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.orders-actions__toolbar[b-5upiebraon] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.orders-actions__status[b-5upiebraon] {
    color: var(--sfa-muted);
}

.orders-filters[b-5upiebraon] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.orders-filter[b-5upiebraon] {
    display: grid;
    gap: 8px;
}

.orders-filter--action[b-5upiebraon] {
    align-content: end;
}

.orders-input[b-5upiebraon] {
    width: 100%;
}

.orders-tabs-card[b-5upiebraon] {
    display: grid;
}

.orders-tab[b-5upiebraon] {
    display: grid;
    gap: 18px;
}

.orders-tab--cards[b-5upiebraon] {
    gap: 0;
}

.orders-card-grid[b-5upiebraon] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}

.orders-card[b-5upiebraon] {
    padding: 18px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 60, 84, 0.08);
    display: grid;
    gap: 16px;
}

.orders-card__head[b-5upiebraon] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.orders-card__head h3[b-5upiebraon] {
    margin-top: 8px;
    color: var(--sfa-navy);
    font-size: 1.15rem;
}

.orders-card__detail[b-5upiebraon] {
    display: grid;
    gap: 10px;
}

.orders-card__detail > div[b-5upiebraon] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 60, 84, 0.08);
}

.orders-card__detail dt[b-5upiebraon] {
    color: var(--sfa-muted);
    font-size: 0.88rem;
}

.orders-card__detail dd[b-5upiebraon] {
    margin: 0;
    color: var(--sfa-navy-deep);
    font-weight: 600;
    text-align: right;
}

.orders-card__actions[b-5upiebraon],
.orders-row-actions[b-5upiebraon] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.orders-grid__table[b-5upiebraon] {
    min-width: 1180px;
}

.order-status[b-5upiebraon] {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.order-status--sale[b-5upiebraon] {
    background: rgba(72, 144, 204, 0.16);
    color: var(--sfa-navy);
}

.order-status--return[b-5upiebraon],
.order-status--exchange[b-5upiebraon] {
    background: rgba(111, 174, 217, 0.16);
    color: #0d5f88;
}

.order-status--draft[b-5upiebraon] {
    background: rgba(96, 119, 134, 0.12);
    color: var(--sfa-muted);
}

.order-status--pending[b-5upiebraon] {
    background: rgba(255, 188, 85, 0.18);
    color: #8c5b00;
}

.order-status--confirmed[b-5upiebraon],
.order-status--approved[b-5upiebraon],
.order-status--delivered[b-5upiebraon],
.order-status--processed[b-5upiebraon] {
    background: rgba(16, 137, 62, 0.12);
    color: #0f7a36;
}

.order-status--rejected[b-5upiebraon],
.order-status--void[b-5upiebraon] {
    background: rgba(210, 40, 58, 0.12);
    color: #b91d2d;
}

.orders-reject-form[b-5upiebraon] {
    display: grid;
    gap: 16px;
}

.orders-field[b-5upiebraon] {
    display: grid;
    gap: 8px;
}

@media (max-width: 1100px) {
    .orders-hero[b-5upiebraon] {
        flex-direction: column;
        align-items: stretch;
    }

    .orders-actions[b-5upiebraon],
    .orders-filters[b-5upiebraon] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/PendingOrders.razor.rz.scp.css */
.pending-orders-shell[b-2klvhovmgq] {
    display: grid;
    gap: 20px;
}

.pending-orders-hero[b-2klvhovmgq],
.pending-orders-actions[b-2klvhovmgq] {
    border-radius: 28px;
    padding: 24px;
}

.pending-orders-hero[b-2klvhovmgq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.pending-orders-hero__copy[b-2klvhovmgq] {
    max-width: 720px;
    display: grid;
    gap: 16px;
}

.pending-orders-hero__metrics[b-2klvhovmgq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 12px;
}

.pending-orders-hero__metrics article[b-2klvhovmgq] {
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(0, 60, 84, 0.08);
    border-radius: 18px;
    padding: 16px 18px;
}

.pending-orders-hero__metrics strong[b-2klvhovmgq] {
    display: block;
    color: var(--sfa-navy);
    font-size: 1.7rem;
}

.pending-orders-hero__metrics span[b-2klvhovmgq] {
    color: var(--sfa-muted);
    font-size: 0.92rem;
}

.pending-orders-actions[b-2klvhovmgq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.pending-orders-actions__toolbar[b-2klvhovmgq] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.pending-orders-actions__status[b-2klvhovmgq] {
    color: var(--sfa-muted);
}

.pending-orders-grid[b-2klvhovmgq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 16px;
}

.pending-order-card[b-2klvhovmgq] {
    padding: 18px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 60, 84, 0.08);
    display: grid;
    gap: 16px;
}

.pending-order-card__head[b-2klvhovmgq] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.pending-order-card__head h3[b-2klvhovmgq] {
    margin-top: 8px;
    color: var(--sfa-navy);
    font-size: 1.15rem;
}

.pending-order-card__detail[b-2klvhovmgq] {
    display: grid;
    gap: 10px;
}

.pending-order-card__detail > div[b-2klvhovmgq] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 60, 84, 0.08);
}

.pending-order-card__detail dt[b-2klvhovmgq] {
    color: var(--sfa-muted);
    font-size: 0.88rem;
}

.pending-order-card__detail dd[b-2klvhovmgq] {
    margin: 0;
    color: var(--sfa-navy-deep);
    font-weight: 600;
    text-align: right;
}

.pending-order-card__actions[b-2klvhovmgq] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pending-orders-form[b-2klvhovmgq] {
    display: grid;
    gap: 16px;
}

.pending-orders-field[b-2klvhovmgq] {
    display: grid;
    gap: 8px;
}

@media (max-width: 1100px) {
    .pending-orders-hero[b-2klvhovmgq] {
        flex-direction: column;
        align-items: stretch;
    }

    .pending-orders-actions[b-2klvhovmgq] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/PriceLists.razor.rz.scp.css */
.price-lists-shell[b-p6cd5ncga5] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.price-lists-hero[b-p6cd5ncga5],
.price-lists-actions[b-p6cd5ncga5],
.price-lists-grid[b-p6cd5ncga5] {
    border-radius: var(--sfa-radius-xl);
    min-width: 0;
}

.price-lists-hero[b-p6cd5ncga5] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 30px;
}

.price-lists-hero h2[b-p6cd5ncga5] {
    margin: 10px 0 8px;
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    letter-spacing: -0.04em;
    color: var(--sfa-navy-deep);
}

.price-lists-hero p[b-p6cd5ncga5] {
    max-width: 68ch;
    line-height: 1.65;
}

.price-lists-hero__metrics[b-p6cd5ncga5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: 12px;
}

.price-lists-hero__metrics article[b-p6cd5ncga5] {
    min-width: 120px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.88);
    text-align: center;
}

.price-lists-hero__metrics strong[b-p6cd5ncga5] {
    display: block;
    margin-bottom: 6px;
    font-size: 1.7rem;
    color: var(--sfa-navy-deep);
}

.price-lists-hero__metrics span[b-p6cd5ncga5] {
    color: var(--sfa-muted);
}

.price-lists-actions[b-p6cd5ncga5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
}

.price-lists-actions__filters[b-p6cd5ncga5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.price-lists-actions__context[b-p6cd5ncga5] {
    display: grid;
    gap: 4px;
    min-width: 0;
    color: var(--sfa-navy-deep);
}

.price-lists-actions__context strong[b-p6cd5ncga5] {
    font-size: 0.98rem;
    font-weight: 800;
}

.price-lists-actions__status[b-p6cd5ncga5] {
    color: var(--sfa-muted);
}

.price-lists-grid[b-p6cd5ncga5] {
    padding: 18px;
    min-width: 0;
    overflow: visible;
}

.price-lists-grid__scroller[b-p6cd5ncga5] {
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.price-lists-grid__table-wrap[b-p6cd5ncga5] {
    position: relative;
    min-height: 240px;
}

.price-lists-grid__table[b-p6cd5ncga5] {
    width: 100%;
    min-width: 0;
}

.price-lists-grid__loading-overlay[b-p6cd5ncga5] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 18px;
    background: linear-gradient(180deg, rgba(247, 250, 253, 0.72), rgba(247, 250, 253, 0.92));
    backdrop-filter: blur(2px);
    border-radius: 18px;
    z-index: 2;
}

.price-lists-grid__loading-pill[b-p6cd5ncga5] {
    padding: 14px 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 60, 84, 0.12);
    box-shadow: 0 12px 30px rgba(0, 27, 41, 0.12);
}

.price-lists-status[b-p6cd5ncga5],
.price-lists-badge[b-p6cd5ncga5] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 700;
}

.price-lists-status--is-active[b-p6cd5ncga5],
.price-lists-badge--default[b-p6cd5ncga5] {
    background: rgba(16, 137, 62, 0.12);
    color: #0f7a36;
}

.price-lists-status--is-inactive[b-p6cd5ncga5],
.price-lists-badge--neutral[b-p6cd5ncga5] {
    background: rgba(232, 17, 35, 0.08);
    color: #9d1f2c;
}

.price-lists-status--is-pending[b-p6cd5ncga5] {
    background: rgba(72, 144, 204, 0.12);
    color: #0b5877;
}

.price-lists-popup[b-p6cd5ncga5] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.price-lists-form[b-p6cd5ncga5] {
    display: grid;
    gap: 18px;
}

.price-lists-form__grid[b-p6cd5ncga5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.price-lists-field[b-p6cd5ncga5] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.price-lists-field--full[b-p6cd5ncga5] {
    grid-column: 1 / -1;
}

.price-lists-field label[b-p6cd5ncga5] {
    font-weight: 700;
    color: var(--sfa-navy-deep);
}

.price-lists-input[b-p6cd5ncga5] {
    width: 100%;
    min-width: 0;
}

.price-lists-input--readonly[b-p6cd5ncga5] {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(108, 108, 108, 0.18);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.78);
    color: var(--sfa-navy-deep);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.price-lists-empty-popup[b-p6cd5ncga5] {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 160px;
    text-align: center;
}

.price-lists-detail[b-p6cd5ncga5] {
    display: grid;
    gap: 18px;
}

.price-lists-detail-grid[b-p6cd5ncga5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.price-lists-detail-grid__card[b-p6cd5ncga5] {
    display: grid;
    gap: 8px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 60, 84, 0.14);
    box-shadow: 0 10px 24px rgba(0, 27, 41, 0.05);
    min-height: 92px;
}

.price-lists-detail-grid__card span[b-p6cd5ncga5] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--sfa-muted);
}

.price-lists-detail-grid__card strong[b-p6cd5ncga5] {
    color: var(--sfa-navy-deep);
    line-height: 1.5;
}

.price-lists-detail-grid__wide[b-p6cd5ncga5] {
    grid-column: 1 / -1;
}

.price-lists-section[b-p6cd5ncga5] {
    display: grid;
    gap: 14px;
}

.price-lists-section__header[b-p6cd5ncga5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.price-lists-section__assign[b-p6cd5ncga5] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.price-lists-section__assign-select[b-p6cd5ncga5] {
    min-width: 300px;
}

.price-lists-entries-grid[b-p6cd5ncga5],
.price-lists-customers-grid[b-p6cd5ncga5] {
    width: 100%;
    min-width: 0;
}

.price-lists-row-actions[b-p6cd5ncga5] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.price-lists-confirm[b-p6cd5ncga5] {
    display: grid;
    gap: 16px;
}

.price-lists-confirm__intro[b-p6cd5ncga5] {
    color: var(--sfa-muted);
    line-height: 1.6;
}

@media (max-width: 1100px) {
    .price-lists-hero[b-p6cd5ncga5],
    .price-lists-actions[b-p6cd5ncga5] {
        flex-direction: column;
        align-items: flex-start;
    }

    .price-lists-detail-grid[b-p6cd5ncga5],
    .price-lists-form__grid[b-p6cd5ncga5] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Products.razor.rz.scp.css */
.products-shell[b-wy52lwu20x] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.products-hero[b-wy52lwu20x],
.products-actions[b-wy52lwu20x],
.products-grid[b-wy52lwu20x] {
    border-radius: var(--sfa-radius-xl);
    min-width: 0;
}

.products-hero[b-wy52lwu20x] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 30px;
}

.products-hero h2[b-wy52lwu20x] {
    margin: 10px 0 8px;
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    letter-spacing: -0.04em;
    color: var(--sfa-navy-deep);
}

.products-hero p[b-wy52lwu20x] {
    max-width: 68ch;
    line-height: 1.65;
}

.products-hero__metrics[b-wy52lwu20x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: 12px;
}

.products-hero__metrics article[b-wy52lwu20x] {
    min-width: 120px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.88);
    text-align: center;
}

.products-hero__metrics strong[b-wy52lwu20x] {
    display: block;
    margin-bottom: 6px;
    font-size: 1.7rem;
    color: var(--sfa-navy-deep);
}

.products-hero__metrics span[b-wy52lwu20x] {
    color: var(--sfa-muted);
}

.products-actions[b-wy52lwu20x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
}

.products-actions__filters[b-wy52lwu20x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.products-actions__context[b-wy52lwu20x] {
    display: grid;
    gap: 4px;
    min-width: 0;
    color: var(--sfa-navy-deep);
}

.products-actions__context strong[b-wy52lwu20x] {
    font-size: 0.98rem;
    font-weight: 800;
}

.products-actions__status[b-wy52lwu20x] {
    color: var(--sfa-muted);
}

.products-grid[b-wy52lwu20x] {
    padding: 18px;
    min-width: 0;
    overflow: visible;
}

.products-grid__scroller[b-wy52lwu20x] {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.products-grid__table[b-wy52lwu20x] {
    width: 100%;
    min-width: 0;
    min-width: 1600px;
}

.products-status[b-wy52lwu20x] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 700;
}

.products-status--is-active[b-wy52lwu20x] {
    background: rgba(16, 137, 62, 0.12);
    color: #0f7a36;
}

.products-status--is-pending[b-wy52lwu20x] {
    background: rgba(72, 144, 204, 0.12);
    color: #0b5877;
}

.products-status--is-inactive[b-wy52lwu20x] {
    background: rgba(232, 17, 35, 0.08);
    color: #9d1f2c;
}

.products-popup[b-wy52lwu20x] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.products-form[b-wy52lwu20x] {
    display: grid;
    gap: 18px;
}

.products-form__section[b-wy52lwu20x] {
    display: grid;
    gap: 10px;
}

.products-form__section-head[b-wy52lwu20x],
.products-uoms-section__header[b-wy52lwu20x],
.products-additional-uoms__header[b-wy52lwu20x],
.products-base-uom__header[b-wy52lwu20x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.products-form__grid[b-wy52lwu20x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.products-form__grid--compact[b-wy52lwu20x] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.products-form__grid--uom[b-wy52lwu20x] {
    margin-top: 4px;
}

.products-field[b-wy52lwu20x] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.products-field--wide[b-wy52lwu20x],
.products-field--full[b-wy52lwu20x] {
    grid-column: 1 / -1;
}

.products-field--wide[b-wy52lwu20x] {
    grid-column: span 2;
}

.products-field label[b-wy52lwu20x] {
    font-weight: 700;
    color: var(--sfa-navy-deep);
}

.products-input[b-wy52lwu20x] {
    width: 100%;
    min-width: 0;
}

.products-input--readonly[b-wy52lwu20x] {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(108, 108, 108, 0.18);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.78);
    color: var(--sfa-navy-deep);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.products-base-uom[b-wy52lwu20x] {
    display: grid;
    gap: 16px;
    padding: 18px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.56);
    border: 1px solid rgba(0, 60, 84, 0.12);
}

.products-additional-uoms[b-wy52lwu20x] {
    display: grid;
    gap: 14px;
}

.products-uom-row[b-wy52lwu20x] {
    display: grid;
    grid-template-columns: 1fr 1.4fr 0.8fr auto;
    gap: 12px;
    align-items: end;
    padding: 14px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(0, 60, 84, 0.12);
}

.products-uom-row__actions[b-wy52lwu20x] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.products-detail[b-wy52lwu20x] {
    display: grid;
    gap: 18px;
}

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

.products-detail-grid__card[b-wy52lwu20x] {
    display: grid;
    gap: 8px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 60, 84, 0.14);
    box-shadow: 0 10px 24px rgba(0, 27, 41, 0.05);
    min-height: 92px;
}

.products-detail-grid__card span[b-wy52lwu20x] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--sfa-muted);
}

.products-detail-grid__card strong[b-wy52lwu20x] {
    color: var(--sfa-navy-deep);
    line-height: 1.5;
}

.products-detail-grid__wide[b-wy52lwu20x] {
    grid-column: 1 / -1;
}

.products-uoms-section[b-wy52lwu20x] {
    display: grid;
    gap: 14px;
    padding: 18px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(0, 60, 84, 0.12);
}

.products-uoms-grid[b-wy52lwu20x] {
    min-width: 0;
}

.products-row-actions[b-wy52lwu20x] {
    display: inline-flex;
    gap: 8px;
    flex-wrap: wrap;
}

.products-uom-badge[b-wy52lwu20x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.products-uom-badge--base[b-wy52lwu20x] {
    background: rgba(72, 144, 204, 0.14);
    color: #0b5877;
}

.products-uom-badge--normal[b-wy52lwu20x],
.products-uom-badge--active[b-wy52lwu20x] {
    background: rgba(16, 137, 62, 0.12);
    color: #0f7a36;
}

.products-uom-badge--inactive[b-wy52lwu20x] {
    background: rgba(232, 17, 35, 0.08);
    color: #9d1f2c;
}

.products-empty-popup[b-wy52lwu20x] {
    display: grid;
    gap: 6px;
    place-items: center;
    padding: 30px 18px;
    color: var(--sfa-muted);
}

@media (max-width: 1100px) {
    .products-hero[b-wy52lwu20x],
    .products-actions[b-wy52lwu20x] {
        flex-direction: column;
        align-items: flex-start;
    }

    .products-detail-grid[b-wy52lwu20x],
    .products-form__grid[b-wy52lwu20x],
    .products-uom-row[b-wy52lwu20x] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Promotions.razor.rz.scp.css */
.promotions-shell[b-wh82a60da3] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.promotions-hero[b-wh82a60da3],
.promotions-actions[b-wh82a60da3],
.promotions-grid[b-wh82a60da3] {
    border-radius: var(--sfa-radius-xl);
    min-width: 0;
}

.promotions-hero[b-wh82a60da3] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 30px;
}

.promotions-hero p[b-wh82a60da3] {
    max-width: 68ch;
    line-height: 1.65;
}

.promotions-hero__metrics[b-wh82a60da3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: 12px;
}

.promotions-hero__metrics article[b-wh82a60da3] {
    min-width: 120px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.88);
    text-align: center;
}

.promotions-hero__metrics strong[b-wh82a60da3] {
    display: block;
    margin-bottom: 6px;
    font-size: 1.7rem;
    color: var(--sfa-navy-deep);
}

.promotions-hero__metrics span[b-wh82a60da3] {
    color: var(--sfa-muted);
}

.promotions-actions[b-wh82a60da3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
}

.promotions-actions__filters[b-wh82a60da3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.promotions-actions__filters[b-wh82a60da3] (.users-filter-editor) {
    flex: 0 1 190px;
    min-width: 190px;
}

.promotions-actions__filters[b-wh82a60da3] (.promotions-actions__search) {
    flex: 1 1 260px;
    min-width: 260px;
}

.promotions-actions__context[b-wh82a60da3] {
    display: grid;
    gap: 4px;
    min-width: 0;
    color: var(--sfa-navy-deep);
}

.promotions-actions__context strong[b-wh82a60da3] {
    font-size: 0.98rem;
    font-weight: 800;
}

.promotions-actions__status[b-wh82a60da3] {
    color: var(--sfa-muted);
}

.promotions-grid[b-wh82a60da3] {
    padding: 18px;
    min-width: 0;
    overflow: visible;
}

.promotions-grid__scroller[b-wh82a60da3] {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.promotions-grid__table[b-wh82a60da3] {
    width: 100%;
    min-width: 0;
}

.promotions-status[b-wh82a60da3] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 700;
}

.promotions-status.is-active[b-wh82a60da3] {
    background: rgba(16, 137, 62, 0.12);
    color: #0f7a36;
}

.promotions-status.is-inactive[b-wh82a60da3] {
    background: rgba(232, 17, 35, 0.08);
    color: #9d1f2c;
}

.promotions-status.is-pending[b-wh82a60da3] {
    background: rgba(72, 144, 204, 0.12);
    color: #0b5877;
}

.promotions-popup[b-wh82a60da3] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.promotions-form[b-wh82a60da3] {
    display: grid;
    gap: 18px;
}

.promotions-form__section[b-wh82a60da3] {
    display: grid;
    gap: 10px;
}

.promotions-form__section-head[b-wh82a60da3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.promotions-form__grid[b-wh82a60da3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.promotions-field[b-wh82a60da3] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.promotions-field--full[b-wh82a60da3] {
    grid-column: 1 / -1;
}

.promotions-field--wide[b-wh82a60da3] {
    grid-column: span 2;
}

.promotions-field label[b-wh82a60da3] {
    font-weight: 700;
    color: var(--sfa-navy-deep);
}

.promotions-input[b-wh82a60da3] {
    width: 100%;
    min-width: 0;
}

.promotions-input--select[b-wh82a60da3] {
    min-height: 44px;
}

.promotions-field[b-wh82a60da3] (.dx-texteditor),
.promotions-field[b-wh82a60da3] (.dx-texteditor-input),
.promotions-field[b-wh82a60da3] (.dx-blazor-text-box),
.promotions-field[b-wh82a60da3] (.dx-blazor-spin-edit),
.promotions-field[b-wh82a60da3] (.dx-blazor-combo-box) {
    min-height: 44px;
}

.promotions-field[b-wh82a60da3] (.dx-texteditor-input) {
    height: 44px;
    box-sizing: border-box;
}

.promotions-field[b-wh82a60da3] (.dx-texteditor-input-container) {
    min-height: 44px;
}

.promotions-input--readonly[b-wh82a60da3] {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(108, 108, 108, 0.18);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.78);
    color: var(--sfa-navy-deep);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.promotions-tabs[b-wh82a60da3] {
    margin-top: 2px;
}

.promotions-tab-section[b-wh82a60da3] {
    display: grid;
    gap: 16px;
}

.promotions-tab-section__header[b-wh82a60da3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.promotions-empty-popup[b-wh82a60da3],
.promotions-empty-state[b-wh82a60da3] {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 160px;
    text-align: center;
}

.promotions-collection[b-wh82a60da3] {
    display: grid;
    gap: 14px;
}

.promotions-row-card[b-wh82a60da3] {
    display: grid;
    gap: 14px;
    padding: 18px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(0, 60, 84, 0.12);
    box-shadow: 0 10px 24px rgba(0, 27, 41, 0.05);
}

.promotions-row-card__header[b-wh82a60da3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.promotions-row-grid[b-wh82a60da3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.promotions-detail[b-wh82a60da3] {
    display: grid;
    gap: 14px;
}

.promotions-detail-hero[b-wh82a60da3] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, 1fr);
    gap: 18px;
    padding: 22px 24px;
    border-radius: 24px;
    background:
        linear-gradient(135deg, rgba(0, 60, 84, 0.92), rgba(26, 104, 150, 0.9)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
    color: #fff;
    box-shadow: 0 18px 38px rgba(0, 27, 41, 0.14);
}

.promotions-detail-hero__copy[b-wh82a60da3] {
    display: grid;
    align-content: start;
    gap: 10px;
    min-width: 0;
}

.promotions-detail-hero__copy .pill[b-wh82a60da3] {
    justify-self: start;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.18);
}

.promotions-detail-hero__copy strong[b-wh82a60da3] {
    font-size: clamp(1.55rem, 2.4vw, 2.2rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
    word-break: break-word;
}

.promotions-detail-hero__copy p[b-wh82a60da3] {
    max-width: 72ch;
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
    line-height: 1.6;
}

.promotions-detail-hero__meta[b-wh82a60da3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.promotions-detail-hero__meta article[b-wh82a60da3] {
    display: grid;
    gap: 8px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(10px);
}

.promotions-detail-hero__meta span[b-wh82a60da3] {
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}

.promotions-detail-hero__meta strong[b-wh82a60da3] {
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
    color: #fff;
    word-break: break-word;
}

.promotions-detail-grid[b-wh82a60da3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.promotions-detail-grid--nested[b-wh82a60da3] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.promotions-detail-grid__card[b-wh82a60da3] {
    display: grid;
    gap: 8px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 60, 84, 0.14);
    box-shadow: 0 10px 24px rgba(0, 27, 41, 0.05);
    min-height: 92px;
}

.promotions-detail-grid__wide[b-wh82a60da3] {
    grid-column: 1 / -1;
}

.promotions-detail-grid__card span[b-wh82a60da3] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--sfa-muted);
}

.promotions-detail-grid__card strong[b-wh82a60da3] {
    color: var(--sfa-navy-deep);
    line-height: 1.5;
}

.promotions-detail-section[b-wh82a60da3] {
    display: grid;
    gap: 12px;
}

.promotions-detail-subsection[b-wh82a60da3] {
    display: grid;
    gap: 10px;
    padding-top: 4px;
}

.promotions-detail-subsection > strong[b-wh82a60da3] {
    font-size: 0.95rem;
    color: var(--sfa-navy-deep);
}

.promotions-row-actions[b-wh82a60da3] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 1100px) {
    .promotions-form__grid[b-wh82a60da3],
    .promotions-row-grid[b-wh82a60da3],
    .promotions-detail-grid[b-wh82a60da3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .promotions-detail-hero[b-wh82a60da3] {
        grid-template-columns: 1fr;
    }

    .promotions-detail-hero__meta[b-wh82a60da3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 780px) {
    .promotions-hero[b-wh82a60da3],
    .promotions-actions[b-wh82a60da3] {
        flex-direction: column;
        align-items: stretch;
    }

    .promotions-hero__metrics[b-wh82a60da3] {
        grid-template-columns: 1fr;
    }

    .promotions-form__grid[b-wh82a60da3],
    .promotions-row-grid[b-wh82a60da3],
    .promotions-detail-grid[b-wh82a60da3] {
        grid-template-columns: 1fr;
    }

    .promotions-detail-hero__meta[b-wh82a60da3] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/RolePermissions.razor.rz.scp.css */
.role-permissions-shell[b-d5cchcmot7] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.role-permissions-hero[b-d5cchcmot7],
.role-permissions-rail[b-d5cchcmot7],
.role-permissions-panel[b-d5cchcmot7] {
    border-radius: var(--sfa-radius-xl);
    min-width: 0;
}

.role-permissions-hero[b-d5cchcmot7] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 30px;
}

.role-permissions-hero h2[b-d5cchcmot7] {
    margin: 10px 0 8px;
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    letter-spacing: -0.04em;
    color: var(--sfa-navy-deep);
}

.role-permissions-hero p[b-d5cchcmot7] {
    max-width: 68ch;
    line-height: 1.65;
}

.role-permissions-hero__metrics[b-d5cchcmot7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: 12px;
}

.role-permissions-hero__metrics article[b-d5cchcmot7] {
    min-width: 120px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.88);
    text-align: center;
}

.role-permissions-hero__metrics strong[b-d5cchcmot7] {
    display: block;
    margin-bottom: 6px;
    font-size: 1.7rem;
    color: var(--sfa-navy-deep);
}

.role-permissions-hero__metrics span[b-d5cchcmot7] {
    color: var(--sfa-muted);
}

.role-permissions-workbench[b-d5cchcmot7] {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 18px;
    min-width: 0;
}

.role-permissions-rail[b-d5cchcmot7] {
    display: grid;
    gap: 18px;
    padding: 22px;
    position: sticky;
    top: 18px;
    align-self: start;
}

.role-permissions-rail__header[b-d5cchcmot7] {
    display: grid;
    gap: 14px;
    align-items: start;
}

.role-permissions-rail__header h3[b-d5cchcmot7] {
    font-size: 1.3rem;
    letter-spacing: -0.03em;
    color: var(--sfa-navy-deep);
}

.role-permissions-rail__search[b-d5cchcmot7] {
    width: 100%;
    max-width: 320px;
    min-width: 0;
    justify-self: start;
}

.role-permissions-list[b-d5cchcmot7] {
    display: grid;
    gap: 12px;
    max-height: calc(100vh - 280px);
    overflow: auto;
    padding-right: 4px;
}

.role-permissions-list__item[b-d5cchcmot7] {
    display: grid;
    gap: 10px;
    padding: 16px 18px 16px 20px;
    border-radius: 18px;
    border: 1px solid rgba(0, 60, 84, 0.12);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 24px rgba(0, 27, 41, 0.05);
    color: var(--sfa-text);
    text-align: left;
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
    position: relative;
    overflow: hidden;
}

.role-permissions-list__item:hover[b-d5cchcmot7] {
    transform: translateY(-1px) translateX(1px);
    border-color: rgba(72, 144, 204, 0.28);
    box-shadow: 0 16px 28px rgba(0, 27, 41, 0.08);
}

.role-permissions-list__item:focus-visible[b-d5cchcmot7] {
    outline: 2px solid rgba(111, 174, 217, 0.72);
    outline-offset: 2px;
}

.role-permissions-list__item.is-active[b-d5cchcmot7] {
    background: linear-gradient(135deg, rgba(72, 144, 204, 0.18), rgba(255, 255, 255, 0.98));
    border-color: rgba(72, 144, 204, 0.42);
    box-shadow:
        inset 0 0 0 1px rgba(72, 144, 204, 0.14),
        0 18px 32px rgba(0, 27, 41, 0.12);
    transform: translateX(2px);
}

.role-permissions-list__item.is-superadmin[b-d5cchcmot7] {
    border-color: rgba(0, 60, 84, 0.2);
}

.role-permissions-list__item.is-active[b-d5cchcmot7]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, rgba(72, 144, 204, 0.3), rgba(72, 144, 204, 0.95), rgba(0, 60, 84, 0.6));
}

.role-permissions-list__top[b-d5cchcmot7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.role-permissions-list__identity[b-d5cchcmot7] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.role-permissions-list__bullet[b-d5cchcmot7] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(72, 144, 204, 0.65), rgba(0, 60, 84, 0.9));
    box-shadow: 0 0 0 6px rgba(72, 144, 204, 0.12);
    flex: 0 0 auto;
}

.role-permissions-list__item:not(.is-active) .role-permissions-list__bullet[b-d5cchcmot7] {
    background: rgba(111, 174, 217, 0.35);
    box-shadow: 0 0 0 6px rgba(111, 174, 217, 0.08);
}

.role-permissions-list__top strong[b-d5cchcmot7] {
    font-size: 1rem;
    color: var(--sfa-navy-deep);
}

.role-permissions-list__badge[b-d5cchcmot7] {
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(72, 144, 204, 0.12);
    color: var(--sfa-navy);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.role-permissions-list__badge--total[b-d5cchcmot7] {
    background: rgba(0, 60, 84, 0.14);
    color: var(--sfa-navy-deep);
}

.role-permissions-list__meta[b-d5cchcmot7],
.role-permissions-list__footer[b-d5cchcmot7] {
    color: var(--sfa-muted);
    line-height: 1.45;
}

.role-permissions-list__meta[b-d5cchcmot7] {
    display: block;
    font-size: 0.92rem;
}

.role-permissions-list__footer[b-d5cchcmot7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 0.86rem;
}

.role-permissions-list__selected[b-d5cchcmot7] {
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(72, 144, 204, 0.14);
    color: var(--sfa-navy-deep);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.role-permissions-list__item.is-active .role-permissions-list__selected[b-d5cchcmot7] {
    background: rgba(0, 60, 84, 0.14);
}

.role-permissions-panel[b-d5cchcmot7] {
    display: grid;
    gap: 18px;
    padding: 22px;
    position: relative;
}

.role-permissions-panel__intro[b-d5cchcmot7] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
}

.role-permissions-panel__intro h3[b-d5cchcmot7] {
    margin: 10px 0 8px;
    font-size: 1.5rem;
    letter-spacing: -0.03em;
    color: var(--sfa-navy-deep);
}

.role-permissions-panel__summary[b-d5cchcmot7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(110px, 1fr));
    gap: 12px;
}

.role-permissions-panel__summary article[b-d5cchcmot7] {
    min-width: 120px;
    padding: 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.92);
    text-align: center;
}

.role-permissions-panel__summary strong[b-d5cchcmot7] {
    display: block;
    margin-bottom: 5px;
    font-size: 1.4rem;
    color: var(--sfa-navy-deep);
}

.role-permissions-panel__summary span[b-d5cchcmot7] {
    color: var(--sfa-muted);
}

.role-permissions-panel__role[b-d5cchcmot7] {
    margin: 10px 0 8px;
    font-size: clamp(1.7rem, 2.4vw, 2.2rem);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--sfa-navy-deep);
}

.role-permissions-toolbar[b-d5cchcmot7] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.role-permissions-input[b-d5cchcmot7] {
    min-width: 0;
    max-width: 100%;
}

.role-permissions-toolbar__search[b-d5cchcmot7],
.role-permissions-toolbar__action[b-d5cchcmot7] {
    width: min(100%, 320px);
    justify-self: start;
}

.role-permissions-grid-wrap[b-d5cchcmot7] {
    width: 100%;
    min-width: 0;
    overflow: visible;
}

.role-permissions-grid[b-d5cchcmot7] {
    width: 100%;
    min-width: 0;
}

.role-permissions-grid__na[b-d5cchcmot7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(96, 119, 134, 0.1);
    color: var(--sfa-muted);
    font-size: 0.84rem;
    font-weight: 700;
}

.role-permissions-note[b-d5cchcmot7] {
    padding: 16px 18px;
    background: rgba(255, 243, 243, 0.94);
    color: #8f1825;
    border: 1px solid rgba(231, 194, 197, 0.9);
    border-radius: 18px;
}

.role-permissions-note--success[b-d5cchcmot7] {
    background: rgba(234, 249, 240, 0.96);
    border-color: rgba(178, 226, 199, 0.92);
    color: #135d32;
}

.role-permissions-loading[b-d5cchcmot7],
.role-permissions-empty[b-d5cchcmot7] {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 260px;
    text-align: center;
    color: var(--sfa-muted);
}

.role-permissions-loading--panel[b-d5cchcmot7] {
    min-height: 340px;
}

.role-permissions-empty strong[b-d5cchcmot7] {
    color: var(--sfa-navy-deep);
    font-size: 1.06rem;
}

.role-permissions-footer[b-d5cchcmot7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding-top: 8px;
}

.role-permissions-footer__group[b-d5cchcmot7] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.role-permissions-overlay[b-d5cchcmot7] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(246, 248, 250, 0.58);
    backdrop-filter: blur(6px);
    border-radius: inherit;
    z-index: 5;
}

.role-permissions-overlay__card[b-d5cchcmot7] {
    display: grid;
    place-items: center;
    gap: 10px;
    padding: 22px 26px;
    min-width: 240px;
    text-align: center;
    border-radius: 22px;
}

.role-permissions-overlay__card strong[b-d5cchcmot7] {
    color: var(--sfa-navy-deep);
}

@media (max-width: 1180px) {
    .role-permissions-workbench[b-d5cchcmot7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .role-permissions-hero[b-d5cchcmot7],
    .role-permissions-panel[b-d5cchcmot7],
    .role-permissions-rail[b-d5cchcmot7] {
        padding: 18px;
    }

    .role-permissions-hero[b-d5cchcmot7],
    .role-permissions-panel__intro[b-d5cchcmot7],
    .role-permissions-footer[b-d5cchcmot7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .role-permissions-panel__summary[b-d5cchcmot7],
    .role-permissions-hero__metrics[b-d5cchcmot7] {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Roles.razor.rz.scp.css */
.roles-shell[b-00ykyxoqin] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.roles-hero[b-00ykyxoqin],
.roles-actions[b-00ykyxoqin],
.roles-grid[b-00ykyxoqin],
.roles-alert[b-00ykyxoqin] {
    border-radius: var(--sfa-radius-xl);
    min-width: 0;
}

.roles-hero[b-00ykyxoqin] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 30px;
}

.roles-hero h2[b-00ykyxoqin] {
    margin: 10px 0 8px;
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    letter-spacing: -0.04em;
    color: var(--sfa-navy-deep);
}

.roles-hero p[b-00ykyxoqin] {
    max-width: 68ch;
    line-height: 1.65;
}

.roles-hero__metrics[b-00ykyxoqin] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: 12px;
}

.roles-hero__metrics article[b-00ykyxoqin] {
    min-width: 120px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.88);
    text-align: center;
}

.roles-hero__metrics strong[b-00ykyxoqin] {
    display: block;
    margin-bottom: 6px;
    font-size: 1.7rem;
    color: var(--sfa-navy-deep);
}

.roles-hero__metrics span[b-00ykyxoqin] {
    color: var(--sfa-muted);
}

.roles-actions[b-00ykyxoqin] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
}

.roles-actions__toolbar[b-00ykyxoqin] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.roles-actions__status[b-00ykyxoqin] {
    color: var(--sfa-muted);
}

.roles-loading[b-00ykyxoqin],
.roles-ready[b-00ykyxoqin] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.roles-ready[b-00ykyxoqin]::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4890cc, #0b5877);
    box-shadow: 0 0 0 6px rgba(72, 144, 204, 0.12);
}

.roles-alert[b-00ykyxoqin] {
    padding: 18px 22px;
    background: rgba(255, 243, 243, 0.94);
    color: #8f1825;
    border: 1px solid rgba(231, 194, 197, 0.9);
}

.roles-alert--success[b-00ykyxoqin] {
    background: rgba(234, 249, 240, 0.96);
    border-color: rgba(178, 226, 199, 0.92);
    color: #135d32;
}

.roles-grid[b-00ykyxoqin] {
    padding: 18px;
    min-width: 0;
    overflow: visible;
}

.roles-grid__scroller[b-00ykyxoqin] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.roles-grid__table[b-00ykyxoqin] {
    width: 100%;
    min-width: 0;
}

.roles-row-actions[b-00ykyxoqin] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
    justify-content: flex-start;
}

.roles-status[b-00ykyxoqin] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 700;
}

.roles-status.is-system[b-00ykyxoqin] {
    background: rgba(72, 144, 204, 0.12);
    color: #0b5877;
}

.roles-status.is-custom[b-00ykyxoqin] {
    background: rgba(16, 137, 62, 0.12);
    color: #0f7a36;
}

.roles-empty[b-00ykyxoqin] {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 260px;
    text-align: center;
    color: var(--sfa-muted);
}

.roles-empty strong[b-00ykyxoqin] {
    color: var(--sfa-navy-deep);
    font-size: 1.06rem;
}

.role-popup[b-00ykyxoqin] {
    display: grid;
    gap: 22px;
    padding: 24px;
    border-radius: 26px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 251, 254, 0.94));
    border: 1px solid rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.role-popup__intro[b-00ykyxoqin],
.role-popup__empty[b-00ykyxoqin] {
    display: grid;
    gap: 10px;
}

.role-popup__intro h3[b-00ykyxoqin],
.role-popup__empty h3[b-00ykyxoqin] {
    margin: 0;
    font-size: 1.55rem;
    letter-spacing: -0.03em;
    color: var(--sfa-navy-deep);
}

.role-popup__intro p[b-00ykyxoqin],
.role-popup__empty p[b-00ykyxoqin] {
    margin: 0;
    color: var(--sfa-muted);
    line-height: 1.6;
}

.role-popup__form[b-00ykyxoqin] {
    display: grid;
    gap: 20px;
}

.role-form-grid[b-00ykyxoqin] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.role-field[b-00ykyxoqin] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.role-field--full[b-00ykyxoqin] {
    grid-column: 1 / -1;
}

.role-field label[b-00ykyxoqin] {
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #607786;
}

.role-input[b-00ykyxoqin] {
    width: 100%;
    min-width: 0;
}

.role-detail-grid[b-00ykyxoqin] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.role-detail-grid article[b-00ykyxoqin] {
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(72, 144, 204, 0.16);
    box-shadow: 0 10px 24px rgba(0, 27, 41, 0.05);
}

.role-detail-grid article span[b-00ykyxoqin] {
    display: block;
    margin-bottom: 8px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--sfa-muted);
}

.role-detail-grid article strong[b-00ykyxoqin] {
    font-size: 1rem;
    color: var(--sfa-navy-deep);
    line-height: 1.5;
}

.roles-permissions[b-00ykyxoqin] {
    display: grid;
    gap: 18px;
    padding: 22px;
    border-radius: var(--sfa-radius-xl);
    min-width: 0;
}

.roles-permissions-popup[b-00ykyxoqin] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.roles-permissions__header[b-00ykyxoqin] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.roles-permissions__copy[b-00ykyxoqin] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.roles-permissions__copy h3[b-00ykyxoqin] {
    margin: 0;
    font-size: 1.55rem;
    letter-spacing: -0.03em;
    color: var(--sfa-navy-deep);
}

.roles-permissions__copy p[b-00ykyxoqin] {
    max-width: 68ch;
    line-height: 1.65;
}

.roles-permissions__toolbar[b-00ykyxoqin] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
    min-width: 0;
}

.roles-permissions__toolbar--popup[b-00ykyxoqin] {
    justify-content: flex-start;
}

.roles-permissions__role-select[b-00ykyxoqin] {
    min-width: 240px;
}

.roles-permissions__loading[b-00ykyxoqin] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--sfa-muted);
}

.roles-permissions__grid[b-00ykyxoqin] {
    width: 100%;
    min-width: 0;
}

.roles-permissions__na[b-00ykyxoqin] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    color: var(--sfa-muted);
    font-weight: 700;
}

@media (max-width: 960px) {
    .roles-permissions__header[b-00ykyxoqin] {
        flex-direction: column;
        align-items: stretch;
    }

    .roles-permissions__toolbar[b-00ykyxoqin] {
        justify-content: flex-start;
    }
}

.role-detail-grid__wide[b-00ykyxoqin] {
    grid-column: 1 / -1;
}

.role-popup__footer[b-00ykyxoqin],
.role-confirm__footer[b-00ykyxoqin] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.role-confirm__footer--stretch[b-00ykyxoqin] {
    justify-content: space-between;
    width: 100%;
}

.role-popup__footer--split[b-00ykyxoqin] {
    justify-content: space-between;
}

.role-popup__footer-group[b-00ykyxoqin] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.role-popup__message[b-00ykyxoqin] {
    padding: 14px 16px;
    border-radius: 16px;
    line-height: 1.5;
}

.role-popup__message--success[b-00ykyxoqin] {
    background: rgba(234, 249, 240, 0.96);
    border: 1px solid rgba(178, 226, 199, 0.92);
    color: #135d32;
}

.role-popup__message--error[b-00ykyxoqin] {
    background: rgba(255, 243, 243, 0.94);
    border: 1px solid rgba(231, 194, 197, 0.9);
    color: #8f1825;
}

.role-popup__loading[b-00ykyxoqin],
.role-confirm__intro[b-00ykyxoqin] {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 160px;
    text-align: center;
}

@media (max-width: 960px) {
    .roles-hero[b-00ykyxoqin],
    .roles-actions[b-00ykyxoqin] {
        align-items: flex-start;
        flex-direction: column;
    }

    .roles-hero__metrics[b-00ykyxoqin] {
        width: 100%;
    }

    .role-form-grid[b-00ykyxoqin],
    .role-detail-grid[b-00ykyxoqin] {
        grid-template-columns: 1fr;
    }

    .role-detail-grid__wide[b-00ykyxoqin] {
        grid-column: auto;
    }
}
/* /Components/Pages/RouteManagement.razor.rz.scp.css */
.routes-shell[b-9oskop83ir] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.routes-hero[b-9oskop83ir],
.routes-actions[b-9oskop83ir],
.routes-grid[b-9oskop83ir] {
    border-radius: var(--sfa-radius-xl);
    min-width: 0;
}

.routes-hero[b-9oskop83ir] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 30px;
}

.routes-hero p[b-9oskop83ir] {
    max-width: 72ch;
    line-height: 1.65;
}

.routes-hero__metrics[b-9oskop83ir] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: 12px;
}

.routes-hero__metrics article[b-9oskop83ir] {
    min-width: 120px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.88);
    text-align: center;
}

.routes-hero__metrics strong[b-9oskop83ir] {
    display: block;
    margin-bottom: 6px;
    font-size: 1.7rem;
    color: var(--sfa-navy-deep);
}

.routes-hero__metrics span[b-9oskop83ir] {
    color: var(--sfa-muted);
}

.routes-actions[b-9oskop83ir] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
}

.routes-actions__filters[b-9oskop83ir] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.routes-actions__status[b-9oskop83ir] {
    color: var(--sfa-muted);
}

.routes-grid[b-9oskop83ir] {
    padding: 22px;
}

.routes-grid__scroller[b-9oskop83ir] {
    width: 100%;
    min-width: 0;
    overflow: visible;
}

.routes-grid__table[b-9oskop83ir] {
    width: 100%;
    min-width: 0;
}

.routes-status[b-9oskop83ir] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 700;
}

.routes-status.active[b-9oskop83ir],
.routes-status--active[b-9oskop83ir] {
    background: rgba(16, 137, 62, 0.12);
    color: #0f7a36;
}

.routes-status.inactive[b-9oskop83ir],
.routes-status--inactive[b-9oskop83ir] {
    background: rgba(232, 17, 35, 0.08);
    color: #9d1f2c;
}

.routes-row-actions[b-9oskop83ir] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.route-tabs[b-9oskop83ir] {
    width: 100%;
}

.route-form[b-9oskop83ir] {
    display: grid;
    gap: 18px;
}

.route-form__grid[b-9oskop83ir],
.route-toolbar__grid[b-9oskop83ir] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.route-field[b-9oskop83ir] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.route-field--wide[b-9oskop83ir] {
    grid-column: span 2;
}

.route-field label[b-9oskop83ir] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--sfa-navy-deep);
}

.route-input[b-9oskop83ir] {
    width: 100%;
    min-width: 0;
}

.route-detail[b-9oskop83ir] {
    display: grid;
    gap: 18px;
}

.route-detail-grid[b-9oskop83ir] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.route-detail-grid__card[b-9oskop83ir] {
    display: grid;
    gap: 6px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid rgba(0, 60, 84, 0.12);
    background: rgba(255, 255, 255, 0.82);
}

.route-detail-grid__card span[b-9oskop83ir] {
    color: var(--sfa-muted);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.route-detail-grid__card strong[b-9oskop83ir] {
    color: var(--sfa-navy-deep);
}

.route-toolbar[b-9oskop83ir] {
    display: grid;
    gap: 14px;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(0, 60, 84, 0.1);
}

.route-days[b-9oskop83ir] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.route-day-pill[b-9oskop83ir] {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid rgba(0, 60, 84, 0.12);
    background: rgba(255, 255, 255, 0.84);
    gap: 8px;
}

.route-day-pill span[b-9oskop83ir] {
    color: var(--sfa-navy-deep);
    font-weight: 600;
    white-space: nowrap;
}

.route-toolbar__action[b-9oskop83ir] {
    width: auto;
    align-self: start;
    padding-inline: 16px;
    white-space: nowrap;
}

@media (max-width: 992px) {
    .routes-hero[b-9oskop83ir],
    .routes-actions[b-9oskop83ir] {
        flex-direction: column;
        align-items: stretch;
    }

    .routes-hero__metrics[b-9oskop83ir] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .route-form__grid[b-9oskop83ir],
    .route-toolbar__grid[b-9oskop83ir],
    .route-detail-grid[b-9oskop83ir] {
        grid-template-columns: 1fr;
    }

    .route-field--wide[b-9oskop83ir] {
        grid-column: auto;
    }
}

@media (max-width: 720px) {
    .routes-hero[b-9oskop83ir],
    .routes-actions[b-9oskop83ir],
    .routes-grid[b-9oskop83ir] {
        padding: 18px;
    }

    .routes-hero__metrics[b-9oskop83ir] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Scheduling.razor.rz.scp.css */
.scheduling-shell[b-12aa6th5so] {
    display: grid;
    gap: 20px;
}

.scheduling-hero[b-12aa6th5so],
.scheduling-actions[b-12aa6th5so],
.scheduling-filters[b-12aa6th5so],
.scheduling-board[b-12aa6th5so] {
    border-radius: 28px;
    padding: 24px;
}

.scheduling-hero[b-12aa6th5so] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.scheduling-hero__copy[b-12aa6th5so] {
    max-width: 780px;
    display: grid;
    gap: 16px;
}

.scheduling-hero__metrics[b-12aa6th5so] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: 12px;
}

.scheduling-hero__metrics article[b-12aa6th5so] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(0, 60, 84, 0.08);
    border-radius: 20px;
    padding: 18px 20px;
    min-width: 140px;
}

.scheduling-hero__metrics strong[b-12aa6th5so] {
    display: block;
    font-size: 1.8rem;
    color: var(--sfa-navy);
}

.scheduling-hero__metrics span[b-12aa6th5so] {
    color: var(--sfa-muted);
    font-size: 0.92rem;
}

.scheduling-actions[b-12aa6th5so] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.scheduling-actions__toolbar[b-12aa6th5so] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.scheduling-actions__status[b-12aa6th5so] {
    color: var(--sfa-muted);
}

.scheduling-filters[b-12aa6th5so] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.scheduling-filter[b-12aa6th5so] {
    display: grid;
    gap: 8px;
}

.scheduling-filter--action[b-12aa6th5so] {
    align-content: end;
}

.scheduling-input[b-12aa6th5so] {
    width: 100%;
}

.scheduling-board[b-12aa6th5so] {
    display: grid;
    gap: 18px;
}

.scheduling-board__header[b-12aa6th5so] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-end;
}

.scheduling-board__header h3[b-12aa6th5so] {
    margin-top: 10px;
    color: var(--sfa-navy);
    font-size: 1.8rem;
}

.scheduling-board__table-wrap[b-12aa6th5so] {
    overflow: auto;
    padding-bottom: 8px;
}

.scheduling-board__table[b-12aa6th5so] {
    width: 100%;
    min-width: 1180px;
    border-collapse: separate;
    border-spacing: 0;
}

.scheduling-board__table th[b-12aa6th5so],
.scheduling-board__table td[b-12aa6th5so] {
    border-bottom: 1px solid rgba(0, 60, 84, 0.08);
    padding: 12px;
    vertical-align: top;
}

.scheduling-board__table thead th[b-12aa6th5so] {
    position: sticky;
    top: 0;
    background: rgba(255, 255, 255, 0.96);
    z-index: 1;
    color: var(--sfa-muted);
    text-align: left;
}

.scheduling-board__sticky[b-12aa6th5so] {
    position: sticky;
    left: 0;
    background: rgba(255, 255, 255, 0.98);
    z-index: 2;
    min-width: 260px;
}

.scheduling-board__sticky strong[b-12aa6th5so] {
    display: block;
    color: var(--sfa-navy);
}

.scheduling-board__sticky span[b-12aa6th5so] {
    display: block;
    margin-top: 4px;
    color: var(--sfa-muted);
    font-size: 0.9rem;
}

.scheduling-cell[b-12aa6th5so] {
    width: 100%;
    min-height: 90px;
    border: 1px solid rgba(0, 60, 84, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.8);
    padding: 12px 14px;
    display: grid;
    gap: 4px;
    text-align: left;
}

.scheduling-cell--filled[b-12aa6th5so] {
    background: linear-gradient(180deg, rgba(72, 144, 204, 0.14), rgba(255, 255, 255, 0.92));
}

.scheduling-cell--empty[b-12aa6th5so] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 90px;
    color: var(--sfa-muted);
}

.scheduling-days[b-12aa6th5so] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.scheduling-day[b-12aa6th5so] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 16px;
    border: 1px solid rgba(0, 60, 84, 0.08);
    background: rgba(255, 255, 255, 0.72);
}

@media (max-width: 1100px) {
    .scheduling-hero[b-12aa6th5so],
    .scheduling-actions[b-12aa6th5so],
    .scheduling-filters[b-12aa6th5so],
    .scheduling-board[b-12aa6th5so] {
        padding: 18px;
    }

    .scheduling-hero[b-12aa6th5so] {
        flex-direction: column;
        align-items: stretch;
    }

    .scheduling-filters[b-12aa6th5so] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Surveys.razor.rz.scp.css */
.surveys-shell[b-flethuqn1t],
.surveys-results-shell[b-flethuqn1t] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.surveys-hero[b-flethuqn1t],
.surveys-actions[b-flethuqn1t],
.surveys-filters[b-flethuqn1t],
.surveys-grid[b-flethuqn1t],
.surveys-results-hero[b-flethuqn1t],
.surveys-results-actions[b-flethuqn1t] {
    border-radius: var(--sfa-radius-xl);
    min-width: 0;
}

.surveys-hero[b-flethuqn1t],
.surveys-results-hero[b-flethuqn1t] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 30px;
}

.surveys-hero__copy[b-flethuqn1t],
.surveys-results-hero__copy[b-flethuqn1t] {
    display: grid;
    gap: 14px;
    max-width: 72ch;
}

.surveys-hero__metrics[b-flethuqn1t],
.surveys-results-hero__metrics[b-flethuqn1t] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: 12px;
}

.surveys-hero__metrics article[b-flethuqn1t],
.surveys-results-hero__metrics article[b-flethuqn1t] {
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 60, 84, 0.08);
}

.surveys-hero__metrics strong[b-flethuqn1t],
.surveys-results-hero__metrics strong[b-flethuqn1t] {
    display: block;
    color: var(--sfa-navy-deep);
    font-size: 1.1rem;
}

.surveys-hero__metrics span[b-flethuqn1t],
.surveys-results-hero__metrics span[b-flethuqn1t] {
    color: var(--sfa-muted);
    font-size: 0.88rem;
}

.surveys-actions[b-flethuqn1t],
.surveys-results-actions[b-flethuqn1t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
}

.surveys-actions__toolbar[b-flethuqn1t] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.surveys-actions__status[b-flethuqn1t] {
    color: var(--sfa-muted);
}

.surveys-filters[b-flethuqn1t] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 14px;
    padding: 18px 22px;
    align-items: end;
}

.surveys-filter[b-flethuqn1t] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.surveys-filter--action[b-flethuqn1t] {
    align-self: end;
}

.surveys-input[b-flethuqn1t] {
    width: 100%;
    min-width: 0;
}

.surveys-grid[b-flethuqn1t] {
    padding: 18px;
}

.surveys-grid__scroller[b-flethuqn1t] {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.surveys-grid__table[b-flethuqn1t] {
    width: 100%;
    min-width: 0;
}

.survey-pill[b-flethuqn1t] {
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    min-height: 30px;
    border-radius: 999px;
    background: rgba(72, 144, 204, 0.12);
    color: var(--sfa-navy);
    font-size: 0.84rem;
    font-weight: 700;
}

.survey-badge[b-flethuqn1t],
.survey-status[b-flethuqn1t] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.86rem;
    font-weight: 700;
}

.survey-badge--warning[b-flethuqn1t] {
    background: rgba(255, 191, 0, 0.12);
    color: #886200;
}

.survey-badge--neutral[b-flethuqn1t] {
    background: rgba(96, 119, 134, 0.12);
    color: #4e6270;
}

.survey-status--active[b-flethuqn1t] {
    background: rgba(16, 137, 62, 0.12);
    color: #0f7a36;
}

.survey-status--inactive[b-flethuqn1t] {
    background: rgba(232, 17, 35, 0.08);
    color: #9d1f2c;
}

.surveys-row-actions[b-flethuqn1t] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.surveys-empty[b-flethuqn1t] {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 240px;
    text-align: center;
    color: var(--sfa-muted);
}

.surveys-empty--compact[b-flethuqn1t] {
    min-height: 120px;
}

.surveys-empty strong[b-flethuqn1t] {
    color: var(--sfa-navy-deep);
    font-size: 1.05rem;
}

.surveys-popup[b-flethuqn1t],
.surveys-form[b-flethuqn1t],
.surveys-detail[b-flethuqn1t] {
    display: grid;
    gap: 18px;
}

.surveys-form__grid[b-flethuqn1t],
.surveys-detail__grid[b-flethuqn1t] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.surveys-field[b-flethuqn1t] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.surveys-field--wide[b-flethuqn1t] {
    grid-column: span 2;
}

.surveys-toggle[b-flethuqn1t] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(0, 60, 84, 0.08);
}

.surveys-builder[b-flethuqn1t] {
    display: grid;
    gap: 14px;
    padding-top: 4px;
}

.surveys-builder__head[b-flethuqn1t],
.surveys-options__head[b-flethuqn1t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.surveys-scope-builder[b-flethuqn1t],
.surveys-question-builder[b-flethuqn1t] {
    display: grid;
    gap: 14px;
}

.surveys-scope-row[b-flethuqn1t],
.surveys-question-builder__card[b-flethuqn1t] {
    display: grid;
    gap: 14px;
    padding: 18px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 60, 84, 0.08);
}

.surveys-scope-row__main[b-flethuqn1t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.surveys-question-builder__head[b-flethuqn1t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.surveys-question-builder__fields[b-flethuqn1t] {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.surveys-options[b-flethuqn1t] {
    display: grid;
    gap: 12px;
    padding-top: 6px;
}

.surveys-options--empty[b-flethuqn1t] {
    color: var(--sfa-muted);
    font-style: italic;
}

.surveys-option-row[b-flethuqn1t] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
}

.surveys-detail[b-flethuqn1t] {
    gap: 20px;
}

.surveys-detail__grid[b-flethuqn1t] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.surveys-detail__grid article[b-flethuqn1t] {
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 60, 84, 0.08);
    display: grid;
    gap: 6px;
}

.surveys-detail__grid span[b-flethuqn1t],
.surveys-question-card__meta[b-flethuqn1t],
.surveys-scope-chip span[b-flethuqn1t] {
    color: var(--sfa-muted);
    font-size: 0.88rem;
}

.surveys-detail__grid strong[b-flethuqn1t] {
    color: var(--sfa-navy-deep);
}

.surveys-detail__blocks[b-flethuqn1t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.surveys-detail__block[b-flethuqn1t] {
    display: grid;
    gap: 14px;
    padding: 18px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 60, 84, 0.08);
}

.surveys-detail__block header[b-flethuqn1t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.surveys-scope-list[b-flethuqn1t],
.surveys-question-list[b-flethuqn1t] {
    display: grid;
    gap: 12px;
}

.surveys-scope-chip[b-flethuqn1t],
.surveys-question-card[b-flethuqn1t] {
    display: grid;
    gap: 8px;
    padding: 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(0, 60, 84, 0.08);
}

.surveys-question-card__head[b-flethuqn1t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.surveys-question-card__head h4[b-flethuqn1t] {
    margin-top: 8px;
    color: var(--sfa-navy-deep);
}

.surveys-results-grid[b-flethuqn1t] {
    display: grid;
    gap: 16px;
}

.surveys-result-card[b-flethuqn1t] {
    display: grid;
    gap: 16px;
    padding: 22px;
    border-radius: 24px;
}

.surveys-result-card__head[b-flethuqn1t] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.surveys-result-card__head h3[b-flethuqn1t] {
    margin-top: 10px;
    color: var(--sfa-navy-deep);
}

.surveys-result-bars[b-flethuqn1t] {
    display: grid;
    gap: 12px;
}

.surveys-result-bar-row[b-flethuqn1t] {
    display: grid;
    gap: 8px;
}

.surveys-result-bar-row__head[b-flethuqn1t] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.surveys-result-bar[b-flethuqn1t] {
    height: 12px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(72, 144, 204, 0.12);
}

.surveys-result-bar > div[b-flethuqn1t] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--sfa-navy), var(--sfa-blue));
}

.surveys-result-stats[b-flethuqn1t] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.surveys-result-stats article[b-flethuqn1t] {
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 60, 84, 0.08);
    display: grid;
    gap: 6px;
}

.surveys-result-stats span[b-flethuqn1t] {
    color: var(--sfa-muted);
    font-size: 0.88rem;
}

.surveys-result-stats strong[b-flethuqn1t] {
    color: var(--sfa-navy-deep);
    font-size: 1.05rem;
}

@media (max-width: 1200px) {
    .surveys-hero[b-flethuqn1t],
    .surveys-results-hero[b-flethuqn1t],
    .surveys-actions[b-flethuqn1t],
    .surveys-results-actions[b-flethuqn1t] {
        flex-direction: column;
        align-items: stretch;
    }

    .surveys-filters[b-flethuqn1t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .surveys-form__grid[b-flethuqn1t],
    .surveys-detail__grid[b-flethuqn1t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .surveys-detail__blocks[b-flethuqn1t] {
        grid-template-columns: 1fr;
    }

    .surveys-question-builder__fields[b-flethuqn1t],
    .surveys-scope-row__main[b-flethuqn1t] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 800px) {
    .surveys-hero__metrics[b-flethuqn1t],
    .surveys-results-hero__metrics[b-flethuqn1t],
    .surveys-form__grid[b-flethuqn1t],
    .surveys-detail__grid[b-flethuqn1t],
    .surveys-result-stats[b-flethuqn1t],
    .surveys-question-builder__fields[b-flethuqn1t],
    .surveys-scope-row__main[b-flethuqn1t],
    .surveys-filters[b-flethuqn1t] {
        grid-template-columns: 1fr;
    }

    .surveys-option-row[b-flethuqn1t] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Users.razor.rz.scp.css */
.users-shell[b-t8878foj64] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.users-hero[b-t8878foj64],
.users-actions[b-t8878foj64],
.users-grid[b-t8878foj64],
.users-alert[b-t8878foj64] {
    border-radius: var(--sfa-radius-xl);
    min-width: 0;
}

.users-hero[b-t8878foj64] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 30px;
}

.users-hero h2[b-t8878foj64] {
    margin: 10px 0 8px;
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    letter-spacing: -0.04em;
    color: var(--sfa-navy-deep);
}

.users-hero p[b-t8878foj64] {
    max-width: 68ch;
    line-height: 1.65;
}

.users-hero__metrics[b-t8878foj64] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: 12px;
}

.users-hero__metrics article[b-t8878foj64] {
    min-width: 120px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.88);
    text-align: center;
}

.users-hero__metrics strong[b-t8878foj64] {
    display: block;
    margin-bottom: 6px;
    font-size: 1.7rem;
    color: var(--sfa-navy-deep);
}

.users-hero__metrics span[b-t8878foj64] {
    color: var(--sfa-muted);
}

.users-actions[b-t8878foj64] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
}

.users-actions__toolbar[b-t8878foj64] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.users-actions__status[b-t8878foj64] {
    color: var(--sfa-muted);
}

.users-loading[b-t8878foj64],
.users-ready[b-t8878foj64] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.users-ready[b-t8878foj64]::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4890cc, #0b5877);
    box-shadow: 0 0 0 6px rgba(72, 144, 204, 0.12);
}

.users-alert[b-t8878foj64] {
    padding: 18px 22px;
    background: rgba(255, 243, 243, 0.94);
    color: #8f1825;
    border: 1px solid rgba(231, 194, 197, 0.9);
}

.users-alert--success[b-t8878foj64] {
    background: rgba(234, 249, 240, 0.96);
    border-color: rgba(178, 226, 199, 0.92);
    color: #135d32;
}

.users-grid[b-t8878foj64] {
    padding: 18px;
    min-width: 0;
    overflow: visible;
}

.users-grid__scroller[b-t8878foj64] {
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.users-grid__table[b-t8878foj64] {
    width: 100%;
    min-width: 0;
}

.users-row-actions[b-t8878foj64] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
    justify-content: flex-start;
}

.users-status[b-t8878foj64] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 700;
}

.users-status.is-active[b-t8878foj64] {
    background: rgba(16, 137, 62, 0.12);
    color: #0f7a36;
}

.users-status.is-inactive[b-t8878foj64] {
    background: rgba(232, 17, 35, 0.12);
    color: #a21322;
}

.users-empty[b-t8878foj64] {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 260px;
    text-align: center;
    color: var(--sfa-muted);
}

.users-empty strong[b-t8878foj64] {
    color: var(--sfa-navy-deep);
    font-size: 1.06rem;
}

.user-popup[b-t8878foj64] {
    display: grid;
    gap: 22px;
    padding: 24px;
    border-radius: 26px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 251, 254, 0.94));
    border: 1px solid rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.user-popup__intro[b-t8878foj64] {
    display: grid;
    gap: 10px;
}

.user-popup__intro h3[b-t8878foj64] {
    margin: 0;
    font-size: 1.55rem;
    letter-spacing: -0.03em;
    color: var(--sfa-navy-deep);
}

.user-popup__intro p[b-t8878foj64] {
    margin: 0;
    color: var(--sfa-muted);
    line-height: 1.6;
}

.user-popup__form[b-t8878foj64] {
    display: grid;
    gap: 20px;
}

.user-form-grid[b-t8878foj64] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.user-field[b-t8878foj64] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.user-field--full[b-t8878foj64] {
    grid-column: 1 / -1;
}

.user-field--password-stack[b-t8878foj64] {
    grid-column: 1 / 2;
    width: 100%;
}

.user-field label[b-t8878foj64] {
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #607786;
}

.user-input[b-t8878foj64] {
    width: 100%;
    min-width: 0;
}

.user-help[b-t8878foj64] {
    display: block;
    color: var(--sfa-muted);
    line-height: 1.45;
    font-size: 0.88rem;
}

.user-detail-grid[b-t8878foj64] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.user-detail-grid article[b-t8878foj64] {
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(72, 144, 204, 0.16);
    box-shadow: 0 10px 24px rgba(0, 27, 41, 0.05);
}

.user-detail-grid span[b-t8878foj64] {
    display: block;
    margin-bottom: 6px;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #667987;
}

.user-detail-grid strong[b-t8878foj64] {
    color: var(--sfa-navy-deep);
}

.user-popup__companies[b-t8878foj64] {
    display: grid;
    gap: 12px;
}

.user-popup__companies > span[b-t8878foj64] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: #667987;
}

.user-popup__companies > div[b-t8878foj64] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.user-company-pill[b-t8878foj64] {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(72, 144, 204, 0.12);
    color: var(--sfa-navy-deep);
    font-size: 0.9rem;
    border: 1px solid rgba(72, 144, 204, 0.18);
}

.user-popup__footer[b-t8878foj64] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    padding-top: 4px;
}

.user-popup__loading[b-t8878foj64],
.user-popup__error[b-t8878foj64] {
    min-height: 180px;
    display: grid;
    place-items: center;
    text-align: center;
}

.user-popup__loading[b-t8878foj64] {
    gap: 12px;
    color: var(--sfa-muted);
}

.user-popup__error[b-t8878foj64] {
    color: #8f1825;
    padding: 24px;
}

.spinner[b-t8878foj64] {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    border: 2px solid rgba(72, 144, 204, 0.16);
    border-top-color: #4890cc;
    animation: spin-b-t8878foj64 0.9s linear infinite;
}

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

@media (max-width: 1120px) {
    .users-hero[b-t8878foj64],
    .users-actions[b-t8878foj64] {
        flex-direction: column;
        align-items: flex-start;
    }

    .users-hero__metrics[b-t8878foj64] {
        width: 100%;
    }

    .users-hero__metrics[b-t8878foj64],
    .users-actions__toolbar[b-t8878foj64] {
        width: 100%;
    }

    .user-form-grid[b-t8878foj64],
    .user-detail-grid[b-t8878foj64] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .user-field--password-stack[b-t8878foj64] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .users-hero__metrics[b-t8878foj64] {
        grid-template-columns: 1fr;
    }

    .users-actions__toolbar[b-t8878foj64] {
        flex-direction: column;
    }

    .users-row-actions[b-t8878foj64] {
        min-width: 280px;
    }

    .user-popup[b-t8878foj64] {
        padding: 18px;
    }

    .user-popup__footer[b-t8878foj64] {
        justify-content: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Visits.razor.rz.scp.css */
.visits-shell[b-kz5zxemj8w] {
    display: grid;
    gap: 20px;
}

.visits-hero[b-kz5zxemj8w],
.visits-tabs-card[b-kz5zxemj8w] {
    border-radius: 28px;
    padding: 24px;
}

.visits-hero[b-kz5zxemj8w] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
}

.visits-hero__copy[b-kz5zxemj8w] {
    max-width: 760px;
    display: grid;
    gap: 16px;
}

.visits-hero__metrics[b-kz5zxemj8w] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 12px;
}

.visits-hero__metrics article[b-kz5zxemj8w],
.visits-summary article[b-kz5zxemj8w] {
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(0, 60, 84, 0.08);
    border-radius: 18px;
    padding: 16px 18px;
}

.visits-hero__metrics strong[b-kz5zxemj8w],
.visits-summary strong[b-kz5zxemj8w] {
    display: block;
    color: var(--sfa-navy);
    font-size: 1.7rem;
}

.visits-hero__metrics span[b-kz5zxemj8w],
.visits-summary span[b-kz5zxemj8w] {
    color: var(--sfa-muted);
    font-size: 0.92rem;
}

.visits-tabs-card[b-kz5zxemj8w] {
    display: grid;
}

.visits-tab[b-kz5zxemj8w] {
    display: grid;
    gap: 18px;
}

.visits-summary[b-kz5zxemj8w] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.visits-grid[b-kz5zxemj8w],
.visits-filters[b-kz5zxemj8w],
.visits-map[b-kz5zxemj8w] {
    border-radius: 24px;
    padding: 20px;
}

.visits-filters[b-kz5zxemj8w] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.visits-filter[b-kz5zxemj8w] {
    display: grid;
    gap: 8px;
}

.visits-filter--action[b-kz5zxemj8w] {
    align-content: end;
}

.visits-input[b-kz5zxemj8w] {
    width: 100%;
}

.visit-status[b-kz5zxemj8w] {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.visit-status--completed[b-kz5zxemj8w],
.visit-status--checkedin[b-kz5zxemj8w] {
    background: rgba(72, 144, 204, 0.16);
    color: var(--sfa-navy);
}

.visit-status--pending[b-kz5zxemj8w] {
    background: rgba(96, 119, 134, 0.12);
    color: var(--sfa-muted);
}

.visit-status--skipped[b-kz5zxemj8w],
.visit-status--rejected[b-kz5zxemj8w] {
    background: rgba(210, 40, 58, 0.12);
    color: #b91d2d;
}

.visits-map[b-kz5zxemj8w] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) 1fr;
    gap: 18px;
}

.visits-map__board[b-kz5zxemj8w] {
    display: grid;
    gap: 12px;
    align-content: start;
}

.visits-map__board strong[b-kz5zxemj8w] {
    color: var(--sfa-navy);
    font-size: 1.4rem;
}

.visits-track-table[b-kz5zxemj8w] {
    width: 100%;
    border-collapse: collapse;
}

.visits-track-table th[b-kz5zxemj8w],
.visits-track-table td[b-kz5zxemj8w] {
    padding: 10px 12px;
    border-bottom: 1px solid rgba(0, 60, 84, 0.08);
    text-align: left;
}

@media (max-width: 1100px) {
    .visits-hero[b-kz5zxemj8w] {
        flex-direction: column;
        align-items: stretch;
    }

    .visits-summary[b-kz5zxemj8w],
    .visits-filters[b-kz5zxemj8w],
    .visits-map[b-kz5zxemj8w] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/VisitStats.razor.rz.scp.css */
.visit-stats-shell[b-jquns6ut6d] {
    display: grid;
    gap: 20px;
}

.visit-stats-hero[b-jquns6ut6d],
.visit-stats-actions[b-jquns6ut6d],
.visit-stats-filters[b-jquns6ut6d],
.visit-stats-grid[b-jquns6ut6d] {
    border-radius: 28px;
    padding: 24px;
}

.visit-stats-hero[b-jquns6ut6d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.visit-stats-hero__copy[b-jquns6ut6d] {
    max-width: 720px;
    display: grid;
    gap: 16px;
}

.visit-stats-hero__metrics[b-jquns6ut6d] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 12px;
}

.visit-stats-hero__metrics article[b-jquns6ut6d],
.visit-stats-summary article[b-jquns6ut6d] {
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(0, 60, 84, 0.08);
    border-radius: 18px;
    padding: 16px 18px;
}

.visit-stats-hero__metrics strong[b-jquns6ut6d],
.visit-stats-summary strong[b-jquns6ut6d] {
    display: block;
    color: var(--sfa-navy);
    font-size: 1.7rem;
}

.visit-stats-hero__metrics span[b-jquns6ut6d],
.visit-stats-summary span[b-jquns6ut6d] {
    color: var(--sfa-muted);
    font-size: 0.92rem;
}

.visit-stats-actions[b-jquns6ut6d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.visit-stats-actions__toolbar[b-jquns6ut6d] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.visit-stats-actions__status[b-jquns6ut6d] {
    color: var(--sfa-muted);
}

.visit-stats-filters[b-jquns6ut6d] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.visit-stats-filter[b-jquns6ut6d] {
    display: grid;
    gap: 8px;
}

.visit-stats-filter--action[b-jquns6ut6d] {
    align-content: end;
}

.visit-stats-input[b-jquns6ut6d] {
    width: 100%;
}

.visit-stats-summary[b-jquns6ut6d] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.visit-stats-grid[b-jquns6ut6d] {
    display: grid;
}

@media (max-width: 1100px) {
    .visit-stats-hero[b-jquns6ut6d] {
        flex-direction: column;
        align-items: stretch;
    }

    .visit-stats-actions[b-jquns6ut6d],
    .visit-stats-filters[b-jquns6ut6d],
    .visit-stats-summary[b-jquns6ut6d] {
        grid-template-columns: 1fr;
    }
}