/* /Components/Card/SectionCard.razor.rz.scp.css */
.section-card[b-5esvzhjyai] {
    padding: 0.75rem 1rem;
    border: 1px solid var(--rz-border-color);
    border-radius: 0.75rem;
    background: var(--rz-base-background-color);
    box-shadow: var(--app-shadow-soft);
}

.section-card__head[b-5esvzhjyai] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.35rem;
}

.section-card__title[b-5esvzhjyai] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--rz-text-title-color);
}

.section-card__head[b-5esvzhjyai]  a {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--rz-primary);
    text-decoration: none;
}

.section-card__head[b-5esvzhjyai]  a:hover {
    text-decoration: underline;
}
/* /Components/Card/StatCard.razor.rz.scp.css */
.stat-card[b-ewd3c8fue1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.75rem 1rem;
    border: 1px solid var(--rz-border-color);
    border-radius: 0.75rem;
    background: var(--rz-base-background-color);
    box-shadow: var(--app-shadow-soft);
}

.stat-card--danger[b-ewd3c8fue1] {
    border-color: color-mix(in srgb, var(--bs-danger) 35%, var(--rz-base-background-color));
    background: color-mix(in srgb, var(--bs-danger) 10%, var(--rz-base-background-color));
}

.stat-card__icon[b-ewd3c8fue1] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.6rem;
    font-size: 0.9rem;
}

.stat-card__icon--primary[b-ewd3c8fue1] { background: var(--app-surface-accent-soft); color: var(--rz-primary); }
.stat-card__icon--warning[b-ewd3c8fue1] { background: color-mix(in srgb, var(--bs-warning) 14%, var(--rz-base-background-color)); color: color-mix(in srgb, var(--bs-warning) 70%, black); }
.stat-card__icon--danger[b-ewd3c8fue1] { background: color-mix(in srgb, var(--bs-danger) 10%, var(--rz-base-background-color)); color: color-mix(in srgb, var(--bs-danger) 80%, black); }
.stat-card__icon--success[b-ewd3c8fue1] { background: color-mix(in srgb, var(--bs-success) 14%, var(--rz-base-background-color)); color: color-mix(in srgb, var(--bs-success) 75%, black); }

.stat-card__body[b-ewd3c8fue1] {
    min-width: 0;
}

.stat-card__label[b-ewd3c8fue1],
.stat-card__meta[b-ewd3c8fue1] {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.75rem;
    color: var(--rz-text-secondary-color);
}

.stat-card__label[b-ewd3c8fue1] {
    font-weight: 600;
}

.stat-card__value[b-ewd3c8fue1] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    color: var(--rz-text-title-color);
}

.stat-card__value small[b-ewd3c8fue1] {
    margin-left: 0.15rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--rz-text-tertiary-color);
}
/* /Components/Inputs/ImageField.razor.rz.scp.css */
/* Image picker of the shop app images (ImageField.razor). Colours from the theme (Configurações → Tema). */

.image-field[b-kmdmbza3lz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.image-field__label[b-kmdmbza3lz] {
    font-size: 13px;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
}

/* Banners: the app shows them whole (they carry the event's texts), so the preview does not crop them either. */
.image-field__preview[b-kmdmbza3lz],
.image-field__empty[b-kmdmbza3lz] {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
}

.image-field__empty[b-kmdmbza3lz] {
    aspect-ratio: 3 / 1;
}

.image-field__preview[b-kmdmbza3lz] {
    background: var(--app-surface-muted);
}

.image-field__preview img[b-kmdmbza3lz] {
    display: block;
    width: 100%;
    height: auto;
}

.image-field__empty[b-kmdmbza3lz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px dashed var(--app-border-strong);
    background: var(--app-surface-soft);
    color: var(--rz-text-tertiary-color);
    font-size: 13px;
}

.image-field__empty i[b-kmdmbza3lz] {
    font-size: 22px;
}

.image-field__actions[b-kmdmbza3lz] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.image-field__pick[b-kmdmbza3lz] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 32px;
    padding: 0 14px;
    border-radius: 8px;
    background: var(--rz-primary);
    color: var(--rz-on-primary);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.image-field__pick:hover[b-kmdmbza3lz] {
    background: var(--rz-primary-dark);
}

.image-field__pick:focus-within[b-kmdmbza3lz] {
    outline: 2px solid var(--rz-secondary);
    outline-offset: 2px;
}

/* The native file input covers the button, so a click anywhere opens the picker. */
.image-field__pick[b-kmdmbza3lz]  input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.image-field__hint[b-kmdmbza3lz] {
    font-size: 12px;
    color: var(--rz-text-tertiary-color);
}

/* Logo: shown whole in a small box, like the supplier cards of the app. */
.image-field--logo .image-field__preview[b-kmdmbza3lz],
.image-field--logo .image-field__empty[b-kmdmbza3lz] {
    width: 200px;
    height: 96px;
    aspect-ratio: auto;
}

.image-field--logo .image-field__preview[b-kmdmbza3lz] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border: 1px solid var(--rz-border-color);
    background: var(--rz-base-background-color);
}

.image-field--logo .image-field__preview img[b-kmdmbza3lz] {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}
/* /Layout/AuthenticationLayout/AuthenticationLayout.razor.rz.scp.css */
/* ATL-branded authentication layout (login, password recovery).
   Colours come from the theme (Configurações → Tema): primary panel and buttons, secondary accents, page background. */

.atl-auth[b-6t5fjoopg8] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(420px, 46%) 1fr;
    border-top: 6px solid var(--rz-secondary);
    background: var(--rz-layout-body-background-color);
    color: var(--rz-text-title-color);
    font-family: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
}

/* ---------- Brand panel ---------- */

.atl-auth__brand[b-6t5fjoopg8] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 64px clamp(40px, 6vw, 88px) 160px;
    background:
        radial-gradient(circle at 85% 12%, color-mix(in srgb, var(--rz-secondary) 18%, transparent), transparent 38%),
        radial-gradient(circle at 10% 90%, color-mix(in srgb, var(--rz-on-primary) 8%, transparent), transparent 45%),
        linear-gradient(160deg, var(--rz-primary) 0%, var(--rz-primary-darker) 100%);
    color: var(--rz-on-primary);
}

.atl-auth__brand-inner[b-6t5fjoopg8] {
    position: relative;
    z-index: 1;
    max-width: 460px;
    animation: atl-auth-rise-b-6t5fjoopg8 280ms cubic-bezier(0.2, 0, 0, 1) both;
}

.atl-auth__logo[b-6t5fjoopg8] {
    display: block;
    width: 132px;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 12px 32px -12px rgba(0, 0, 0, 0.45);
}

.atl-auth__overline[b-6t5fjoopg8] {
    margin: 48px 0 16px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--rz-secondary);
}

.atl-auth__headline[b-6t5fjoopg8] {
    margin: 0;
    font-size: clamp(34px, 3.4vw, 48px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.02em;
    color: var(--rz-on-primary);
}

.atl-auth__lead[b-6t5fjoopg8] {
    margin: 20px 0 0;
    max-width: 40ch;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.55;
    color: color-mix(in srgb, var(--rz-on-primary) 72%, transparent);
}

.atl-auth__wave[b-6t5fjoopg8] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 120px;
    fill: var(--rz-secondary);
}

/* ---------- Form side ---------- */

.atl-auth__main[b-6t5fjoopg8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 48px 24px;
}

.atl-auth__card[b-6t5fjoopg8] {
    width: 100%;
    max-width: 440px;
    padding: 32px 28px 24px;
    border-radius: 28px;
    background: var(--rz-base-background-color);
    box-shadow: 0 24px 48px -16px color-mix(in srgb, var(--rz-text-title-color) 18%, transparent);
    animation: atl-auth-rise-b-6t5fjoopg8 280ms cubic-bezier(0.2, 0, 0, 1) 60ms both;
}

.atl-auth__footnote[b-6t5fjoopg8] {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: var(--rz-text-tertiary-color);
    text-align: center;
}

/* Page content (Login.razor, RecoverPassword...) is rendered by child components, hence ::deep. */

.atl-auth__card[b-6t5fjoopg8]  h3 {
    color: var(--rz-text-title-color) !important;
    font-weight: 800 !important;
    letter-spacing: -0.015em;
}

.atl-auth__card[b-6t5fjoopg8]  .card-header {
    padding-left: 0;
    padding-right: 0;
}

.atl-auth__card[b-6t5fjoopg8]  .card-body {
    padding-left: 0;
    padding-right: 0;
}

.atl-auth__card[b-6t5fjoopg8]  .modern-auth-btn,
.atl-auth__card[b-6t5fjoopg8]  .rz-button.rz-primary {
    height: 48px;
    border-radius: 12px !important;
    background-color: var(--rz-primary) !important;
    color: var(--rz-on-primary) !important;
    font-weight: 700;
    box-shadow: 0 10px 24px -8px color-mix(in srgb, var(--rz-primary) 45%, transparent) !important;
    transition: background-color 180ms ease, transform 120ms ease, box-shadow 180ms ease !important;
}

.atl-auth__card[b-6t5fjoopg8]  .modern-auth-btn:hover:not(:disabled),
.atl-auth__card[b-6t5fjoopg8]  .rz-button.rz-primary:hover:not(:disabled) {
    background-color: var(--rz-primary-dark) !important;
    transform: translateY(-1px);
    box-shadow: 0 14px 28px -10px color-mix(in srgb, var(--rz-primary) 55%, transparent) !important;
}

.atl-auth__card[b-6t5fjoopg8]  .rz-button.rz-secondary {
    height: 48px;
    border-radius: 12px !important;
}

/* Secondary action on the recovery pages (e.g. back to login): navy outline. */
.atl-auth__card[b-6t5fjoopg8]  .microsoft-btn {
    height: 48px;
    border: 1px solid var(--app-border-strong) !important;
    border-radius: 12px !important;
    background-color: var(--rz-base-background-color) !important;
    color: var(--rz-primary) !important;
    font-weight: 700;
    box-shadow: none !important;
}

.atl-auth__card[b-6t5fjoopg8]  .microsoft-btn:hover:not(:disabled) {
    border-color: var(--rz-primary) !important;
    background-color: var(--app-surface-accent-soft) !important;
}

.atl-auth__card[b-6t5fjoopg8]  .rz-form-field-content {
    border-radius: 12px !important;
    background-color: var(--app-surface-soft);
}

.atl-auth__card[b-6t5fjoopg8]  a,
.atl-auth__card[b-6t5fjoopg8]  .rz-link {
    color: var(--rz-primary) !important;
}

@keyframes atl-auth-rise-b-6t5fjoopg8 {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .atl-auth__brand-inner[b-6t5fjoopg8],
    .atl-auth__card[b-6t5fjoopg8] {
        animation: none;
    }
}

/* ---------- Tablet / phone: the brand becomes a compact band on top ---------- */

@media (max-width: 991.98px) {
    .atl-auth[b-6t5fjoopg8] {
        grid-template-columns: 1fr;
    }

    .atl-auth__brand[b-6t5fjoopg8] {
        padding: 32px 24px 72px;
    }

    .atl-auth__overline[b-6t5fjoopg8] {
        margin-top: 28px;
    }

    .atl-auth__lead[b-6t5fjoopg8] {
        display: none;
    }

    .atl-auth__wave[b-6t5fjoopg8] {
        height: 56px;
    }

    .atl-auth__main[b-6t5fjoopg8] {
        justify-content: flex-start;
        padding: 0 16px 32px;
    }

    .atl-auth__card[b-6t5fjoopg8] {
        position: relative;
        z-index: 1;
        margin-top: -40px;
        padding: 28px 20px 20px;
    }
}
/* /Layout/MainLayout/VerticalMenu.razor.rz.scp.css */
.g-sidenav-show .sidenav .nav-item .collapse[b-tbbekfq3am] {
    transition: all 0.2s ease-in-out, border-left 0s ease-in-out !important;
}

[b-tbbekfq3am] .menu-item-link {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    text-decoration: none !important;
}

[b-tbbekfq3am] .menu-item-link:hover,
[b-tbbekfq3am] .menu-item-link:focus,
[b-tbbekfq3am] .menu-item-link.active {
    text-decoration: none !important;
}

[b-tbbekfq3am] .menu-item-link,
[b-tbbekfq3am] .menu-item-link:hover,
[b-tbbekfq3am] .menu-item-link:focus,
[b-tbbekfq3am] .menu-item-link.active,
[b-tbbekfq3am] .menu-item-link .menu-item-label {
    text-decoration: none !important;
}

[b-tbbekfq3am] .menu-item-icon {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.85rem;
    color: inherit;
    transition: all 0.2s ease-in-out;
}

[b-tbbekfq3am] .menu-item-icon .fa-solid,
[b-tbbekfq3am] .menu-item-icon .material-icons-round {
    margin: 0 !important;
    line-height: 1;
    font-size: 1rem;
    width: 1.1rem;
    text-align: center;
}

[b-tbbekfq3am] .menu-item-icon .material-icons-round {
    font-size: 1.15rem;
    opacity: 1 !important;
}

[b-tbbekfq3am] .menu-item-label {
    margin: 0;
    padding-top: 0.02rem;
}


.user-avatar[b-tbbekfq3am] {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--rz-primary), var(--rz-primary-dark));
    color: var(--rz-on-primary);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}


.copyright-year[b-tbbekfq3am] {
    font-size: 0.7rem;
    opacity: 0.72;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.copyright-brand[b-tbbekfq3am] {
    font-size: 0.72rem;
    margin-top: 0.1rem;
}

.copyright-version[b-tbbekfq3am] {
    font-size: 0.65rem;
    opacity: 0.6;
    margin-top: 0.15rem;
}

.sidebar-footer[b-tbbekfq3am] {
    transition: all 0.2s ease-in-out;
}

.g-sidenav-show .user-summary-item .user-avatar[b-tbbekfq3am] {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    font-size: 0.8rem;
}

.g-sidenav-show .sidebar-footer .copyright-year[b-tbbekfq3am] {
    font-size: 0.82rem;
    opacity: 0.9;
    letter-spacing: normal;
    text-transform: none;
}

.g-sidenav-show .sidebar-footer .copyright-brand[b-tbbekfq3am] {
    font-size: 0.8rem;
    margin-top: 0.2rem;
}

.g-sidenav-show .sidebar-footer .copyright-version[b-tbbekfq3am] {
    font-size: 0.74rem;
    opacity: 0.75;
    margin-top: 0.25rem;
}

.g-sidenav-hidden .user-summary-item .user-avatar[b-tbbekfq3am] {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    font-size: 0.75rem;
}

.g-sidenav-hidden .navbar-vertical[b-tbbekfq3am]  .nav-item>.collapse,
.g-sidenav-hidden .navbar-vertical[b-tbbekfq3am]  .nav-item>.collapsing {
    display: none !important;
}

.g-sidenav-hidden .navbar-vertical[b-tbbekfq3am]  .menu-item-link {
    display: grid;
    place-items: center;
    padding: 0.45rem 0 !important;
}

.g-sidenav-hidden .navbar-vertical[b-tbbekfq3am]  .menu-item-icon {
    width: 2.6rem;
    height: 2.6rem;
    min-width: 2.6rem;
    border-radius: 0.95rem;
    background: rgba(15, 23, 42, 0.05);
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}

.g-sidenav-hidden .navbar-vertical[b-tbbekfq3am]  .nav-link.active .menu-item-icon {
    background: var(--rz-primary);
    color: var(--rz-on-primary);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
}

.g-sidenav-hidden .navbar-vertical[b-tbbekfq3am]  .outline-nav-item .menu-item-link {
    border-color: transparent;
}

/* Environment and User Item Minified Overrides */
.env-icon-container[b-tbbekfq3am] {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    border-radius: 0.35rem;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

.g-sidenav-hidden .navbar-vertical .env-icon-container[b-tbbekfq3am] {
    display: inline-flex !important;
}

.g-sidenav-hidden .navbar-vertical .env-summary-item .env-item[b-tbbekfq3am] {
    display: grid !important;
    place-items: center !important;
    border-width: 0 !important;
    padding: 0.45rem 0 !important;
    background: transparent !important;
}

.g-sidenav-hidden .navbar-vertical .env-summary-item .env-container[b-tbbekfq3am] {
    width: 2.6rem;
    min-width: 2.6rem;
    justify-content: center !important;
}

.g-sidenav-hidden .navbar-vertical .user-summary-item .user-item[b-tbbekfq3am] {
    display: grid !important;
    place-items: center !important;
    border-width: 0 !important;
    padding: 0.45rem 0 !important;
    background: transparent !important;
}

.g-sidenav-hidden .navbar-vertical .user-summary-item .username-container[b-tbbekfq3am] {
    width: 2.6rem;
    min-width: 2.6rem;
    justify-content: center !important;
    position: relative;
}

.g-sidenav-hidden .navbar-vertical .user-summary-item .buttons-container[b-tbbekfq3am] {
    display: none !important;
}


.g-sidenav-hidden .navbar-vertical .env-icon-container[b-tbbekfq3am],
.g-sidenav-hidden .navbar-vertical .user-summary-item .user-avatar[b-tbbekfq3am] {
    width: 2.6rem;
    height: 2.6rem;
    min-width: 2.6rem;
    border-radius: 0.95rem;
}

.g-sidenav-hidden .navbar-vertical .sidebar-footer .copyright-brand[b-tbbekfq3am],
.g-sidenav-hidden .navbar-vertical .sidebar-footer .copyright-version[b-tbbekfq3am] {
    display: none;
}

.g-sidenav-hidden .navbar-vertical .sidebar-footer .copyright-year[b-tbbekfq3am] {
    font-size: 0.68rem;
    letter-spacing: 0.14em;
}

.user-item[b-tbbekfq3am] {
    transition: all 0.2s ease-in-out;
    text-decoration: none !important;
}

.env-item[b-tbbekfq3am] {
    transition: all 0.2s ease-in-out;
    text-decoration: none !important;
}

.user-item .nav-link-text[b-tbbekfq3am],
.user-item .username-text[b-tbbekfq3am],
.env-item .nav-link-text[b-tbbekfq3am],
.env-item .env-text[b-tbbekfq3am] {
    text-decoration: none !important;
}

/* =====================================================
   ATL branding: navy sidebar, white text, yellow marker on the current page.
   Colours come from the theme (Configurações → Tema): primary = sidebar, secondary = marker, on-primary = text.
   ===================================================== */

.sidenav[b-tbbekfq3am] {
    background: radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--rz-secondary) 14%, transparent), transparent 40%),
                linear-gradient(170deg, var(--rz-primary) 0%, var(--rz-primary-darker) 100%) !important;
    color: var(--rz-on-primary);
    box-shadow: 0 18px 40px -18px color-mix(in srgb, var(--rz-primary-darker) 55%, transparent) !important;
}

.sidenav hr.horizontal[b-tbbekfq3am] {
    background-image: linear-gradient(90deg, transparent, color-mix(in srgb, var(--rz-on-primary) 22%, transparent), transparent) !important;
    opacity: 1;
}

/* ---------- Brand ---------- */

[b-tbbekfq3am] .atl-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 20px 16px;
    text-decoration: none !important;
}

.atl-brand__logo[b-tbbekfq3am] {
    flex: none;
    display: block;
    width: 52px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 8px 20px -10px rgba(0, 0, 0, 0.55);
}

.atl-brand__text[b-tbbekfq3am] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.atl-brand__name[b-tbbekfq3am] {
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
    color: var(--rz-on-primary);
}

.atl-brand__sub[b-tbbekfq3am] {
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--rz-secondary);
}

.g-sidenav-hidden .navbar-vertical[b-tbbekfq3am]  .atl-brand {
    justify-content: center;
    padding: 16px 0 12px;
}

.g-sidenav-hidden .navbar-vertical .atl-brand__logo[b-tbbekfq3am] {
    width: 44px;
}

/* ---------- Group headings ---------- */

.menu-group[b-tbbekfq3am] {
    padding: 14px 16px 6px;
}

.menu-group__label[b-tbbekfq3am] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--rz-on-primary) 45%, transparent);
}

/* Collapsed: the heading becomes a short divider between the groups. */
.g-sidenav-hidden .navbar-vertical .menu-group[b-tbbekfq3am] {
    padding: 8px 0;
}

.g-sidenav-hidden .navbar-vertical .menu-group[b-tbbekfq3am]::before {
    content: "";
    display: block;
    width: 24px;
    height: 1px;
    margin: 0 auto;
    background: color-mix(in srgb, var(--rz-on-primary) 20%, transparent);
}

/* ---------- Links ---------- */

[b-tbbekfq3am] .menu-item-link {
    position: relative;
    color: color-mix(in srgb, var(--rz-on-primary) 78%, transparent) !important;
    font-weight: 600 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: background-color 150ms ease, color 150ms ease;
}

[b-tbbekfq3am] .menu-item-link:hover {
    background: color-mix(in srgb, var(--rz-on-primary) 8%, transparent) !important;
    color: var(--rz-on-primary) !important;
}

[b-tbbekfq3am] .menu-item-link:focus-visible {
    outline: 2px solid var(--rz-secondary);
    outline-offset: 2px;
}

[b-tbbekfq3am] .menu-item-link.active {
    background: color-mix(in srgb, var(--rz-on-primary) 14%, transparent) !important;
    color: var(--rz-on-primary) !important;
}

[b-tbbekfq3am] .menu-item-link.active .menu-item-icon {
    color: var(--rz-secondary);
}

/* Yellow marker on the current page. */
[b-tbbekfq3am] .menu-item-link.active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 4px;
    border-radius: 999px;
    background: var(--rz-secondary);
}

/* Settings shortcut at the bottom: outlined. */
[b-tbbekfq3am] .outline-nav-item .menu-item-link {
    border: 1px solid color-mix(in srgb, var(--rz-on-primary) 16%, transparent) !important;
}

[b-tbbekfq3am] .outline-nav-item .menu-item-link.active {
    border-color: transparent !important;
}

/* Collapsed: square "bubbles"; the current page gets the yellow one. */
.g-sidenav-hidden .navbar-vertical[b-tbbekfq3am]  .menu-item-link,
.g-sidenav-hidden .navbar-vertical[b-tbbekfq3am]  .menu-item-link:hover,
.g-sidenav-hidden .navbar-vertical[b-tbbekfq3am]  .menu-item-link.active {
    background: transparent !important;
}

.g-sidenav-hidden .navbar-vertical[b-tbbekfq3am]  .menu-item-link.active::before {
    display: none;
}

.g-sidenav-hidden .navbar-vertical[b-tbbekfq3am]  .menu-item-icon {
    background: color-mix(in srgb, var(--rz-on-primary) 8%, transparent) !important;
    box-shadow: none !important;
    color: color-mix(in srgb, var(--rz-on-primary) 85%, transparent);
}

.g-sidenav-hidden .navbar-vertical[b-tbbekfq3am]  .menu-item-link:hover .menu-item-icon {
    background: color-mix(in srgb, var(--rz-on-primary) 16%, transparent) !important;
    box-shadow: none !important;
}

.g-sidenav-hidden .navbar-vertical[b-tbbekfq3am]  .nav-link.active .menu-item-icon,
.g-sidenav-hidden .navbar-vertical[b-tbbekfq3am]  .nav-link.active:hover .menu-item-icon {
    background: var(--rz-secondary) !important;
    color: var(--rz-on-secondary) !important;
    box-shadow: 0 8px 18px -6px color-mix(in srgb, var(--rz-secondary) 60%, transparent) !important;
}

/* ---------- User, environment and footer on the navy background ---------- */

.user-item[b-tbbekfq3am] {
    border-color: color-mix(in srgb, var(--rz-on-primary) 16%, transparent) !important;
    color: var(--rz-on-primary) !important;
}

.user-item:hover[b-tbbekfq3am] {
    background: color-mix(in srgb, var(--rz-on-primary) 8%, transparent) !important;
}

.user-avatar[b-tbbekfq3am] {
    background: var(--rz-secondary);
    color: var(--rz-on-secondary);
    box-shadow: none;
}

.env-item[b-tbbekfq3am] {
    background: color-mix(in srgb, var(--rz-on-primary) 6%, transparent) !important;
}

.sidebar-footer[b-tbbekfq3am],
.sidebar-footer a[b-tbbekfq3am] {
    color: color-mix(in srgb, var(--rz-on-primary) 60%, transparent) !important;
}
/* /Pages/Customers/Customers.razor.rz.scp.css */
/* Colours from the theme (Configurações → Tema). */
.status-pill[b-ic67h73be9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.status-pill[b-ic67h73be9]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.status-pill.is-ok[b-ic67h73be9] {
    background: color-mix(in srgb, var(--bs-success) 14%, var(--rz-base-background-color));
    color: color-mix(in srgb, var(--bs-success) 75%, black);
}

.status-pill.is-missing[b-ic67h73be9] {
    background: color-mix(in srgb, var(--bs-warning) 14%, var(--rz-base-background-color));
    color: color-mix(in srgb, var(--bs-warning) 70%, black);
}
/* /Pages/Customers/GeneratedPinDialog.razor.rz.scp.css */
/* Colours from the theme (Configurações → Tema). */
.generated-pin__customer[b-ecec6iy66j] {
    margin: 0 0 16px;
    color: var(--rz-text-secondary-color);
}

.generated-pin__digits[b-ecec6iy66j] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 16px;
}

.generated-pin__digits span[b-ecec6iy66j] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 60px;
    border: 1px solid var(--rz-border-color);
    border-radius: 12px;
    background: var(--app-surface-accent-soft);
    color: var(--rz-primary);
    font-size: 30px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.generated-pin__info[b-ecec6iy66j] {
    margin: 0 0 20px;
    padding: 12px 14px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--bs-warning) 14%, var(--rz-base-background-color));
    color: color-mix(in srgb, var(--bs-warning) 60%, black);
    font-size: 13px;
    font-weight: 600;
}

.generated-pin__actions[b-ecec6iy66j] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
/* /Pages/Events/EventDetail.razor.rz.scp.css */
/* Event header on the registrations page, in the event's colour (--event-color, set in the event); the highlights come
   from the theme (Configurações → Tema). */

.event-hero[b-7r54knhem2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 16px;
    padding: 24px 28px;
    border-radius: 20px;
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--rz-secondary) 30%, transparent), transparent 45%),
        linear-gradient(160deg, var(--event-color, var(--rz-primary)) 0%, color-mix(in srgb, var(--event-color, var(--rz-primary)) 70%, black) 100%);
    color: var(--rz-on-primary);
    box-shadow: 0 18px 36px -18px color-mix(in srgb, var(--event-color, var(--rz-primary)) 70%, transparent);
}

.event-hero__main[b-7r54knhem2] {
    min-width: 0;
}

.event-hero__overline[b-7r54knhem2] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--rz-secondary);
}

.event-hero__status[b-7r54knhem2] {
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 10px;
    letter-spacing: 0.08em;
}

.event-hero__status.is-active[b-7r54knhem2] {
    background: color-mix(in srgb, var(--bs-success) 30%, transparent);
    color: color-mix(in srgb, var(--bs-success) 45%, white);
}

.event-hero__status.is-inactive[b-7r54knhem2] {
    background: color-mix(in srgb, var(--rz-on-primary) 14%, transparent);
    color: color-mix(in srgb, var(--rz-on-primary) 75%, transparent);
}

.event-hero__title[b-7r54knhem2] {
    margin: 0 0 12px;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--rz-on-primary);
}

.event-hero__description[b-7r54knhem2] {
    max-width: 70ch;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    white-space: pre-line;
    color: color-mix(in srgb, var(--rz-on-primary) 82%, transparent);
}

.event-hero__side[b-7r54knhem2] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    flex: none;
}

.event-hero__count[b-7r54knhem2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 120px;
    padding: 12px 20px;
    border-radius: 16px;
    background: var(--rz-secondary);
    color: var(--rz-on-secondary);
}

.event-hero__count-value[b-7r54knhem2] {
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.event-hero__count-label[b-7r54knhem2] {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

@media (max-width: 767.98px) {
    .event-hero[b-7r54knhem2] {
        flex-direction: column;
        align-items: stretch;
        padding: 20px;
    }

    .event-hero__side[b-7r54knhem2] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

/* Fills the page so the registrations grid reaches the bottom, like the other lists. */
.event-detail[b-7r54knhem2] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}
/* /Pages/Events/EventForm.razor.rz.scp.css */
/* Preview of the card (the shop app's own component, same width as on the phone) and the event colour (picker and swatches). */

.event-preview[b-vg0l5x7um1] {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}

.event-color__hint[b-vg0l5x7um1] {
    margin: 6px 0 10px;
    font-size: 12px;
    color: var(--rz-text-secondary-color);
}

.event-color__swatches[b-vg0l5x7um1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.event-color__swatch[b-vg0l5x7um1] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 2px solid var(--rz-base-background-color, #fff);
    border-radius: 50%;
    background: var(--swatch);
    box-shadow: 0 0 0 1px var(--rz-border-color, #d6d6d6);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.event-color__swatch:hover[b-vg0l5x7um1] {
    transform: scale(1.08);
}

.event-color__swatch:focus-visible[b-vg0l5x7um1],
.event-color__swatch.is-selected[b-vg0l5x7um1] {
    outline: none;
    box-shadow: 0 0 0 2px var(--swatch);
}
/* /Pages/Events/Events.razor.rz.scp.css */
.event-link[b-dqidfltoud] {
    font-weight: 700;
    color: var(--rz-primary);
    text-decoration: none;
}

.event-link:hover[b-dqidfltoud] {
    text-decoration: underline;
}

/* Registration count: opens the event with the list of registered customers. */
.registrations-pill[b-dqidfltoud] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--app-surface-accent-soft);
    color: var(--rz-primary);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-decoration: none;
    transition: background-color 150ms ease;
}

.registrations-pill:hover[b-dqidfltoud] {
    background: var(--app-surface-accent-hover);
}

/* Event colour (the card of the shop app) next to the title. */
.event-name[b-dqidfltoud] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.event-dot[b-dqidfltoud] {
    flex: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--event-color);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--event-color) 22%, transparent);
}

.event-description[b-dqidfltoud] {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--rz-text-secondary-color);
}
/* /Pages/Home.razor.rz.scp.css */
/* ATL dashboard. Colours come from the theme (Configurações → Tema). KPI tiles and titled sections are the StatCard / SectionCard components. */

.atl-dash[b-i4vvgn286j] {
    --dash-primary: var(--rz-primary);
    --dash-primary-dark: var(--rz-primary-darker);
    --dash-accent: var(--rz-secondary);
    --dash-ink: var(--rz-text-title-color);
    --dash-muted: var(--rz-text-secondary-color);
    --dash-subtle: var(--rz-text-tertiary-color);
    --dash-divider: var(--app-border-muted);
    --dash-soft: var(--app-surface-soft);
    --dash-surface: var(--rz-base-background-color);
    --dash-accent-soft: var(--app-surface-accent-soft);
    --dash-success: color-mix(in srgb, var(--bs-success) 75%, black);
    --dash-success-soft: color-mix(in srgb, var(--bs-success) 14%, var(--rz-base-background-color));
    --dash-warning: color-mix(in srgb, var(--bs-warning) 70%, black);
    --dash-warning-soft: color-mix(in srgb, var(--bs-warning) 14%, var(--rz-base-background-color));
    --dash-danger: color-mix(in srgb, var(--bs-danger) 80%, black);
    --dash-danger-soft: color-mix(in srgb, var(--bs-danger) 10%, var(--rz-base-background-color));

    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 0.25rem 0.25rem 1rem;
    color: var(--dash-ink);
}

.dash-alert[b-i4vvgn286j] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    background: var(--dash-danger-soft);
    color: var(--dash-danger);
    font-weight: 600;
}

/* ---------- Layout ---------- */

.dash-kpis[b-i4vvgn286j] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.dash-grid[b-i4vvgn286j] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr);
    gap: 0.75rem;
    flex: 1;
    align-items: stretch;
}

/* The recent-orders card grows to the bottom of the page; its empty state sits centred in the space. */
.dash-grid > .section-card[b-i4vvgn286j] {
    display: flex;
    flex-direction: column;
}

.dash-grid > .section-card > .empty[b-i4vvgn286j] {
    flex: 1;
    justify-content: center;
}

.dash-side[b-i4vvgn286j] {
    display: grid;
    gap: 0.75rem;
    align-content: start;
}

/* ---------- Recent orders ---------- */

.orders-table-wrap[b-i4vvgn286j] {
    overflow-x: auto;
}

.orders-table[b-i4vvgn286j] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.orders-table th[b-i4vvgn286j] {
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid var(--dash-divider);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: left;
    color: var(--dash-subtle);
}

.orders-table td[b-i4vvgn286j] {
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid var(--dash-divider);
    color: var(--dash-ink);
    vertical-align: middle;
}

.orders-table tbody tr:last-child td[b-i4vvgn286j] {
    border-bottom: 0;
}

.orders-table tbody tr:hover td[b-i4vvgn286j] {
    background: var(--dash-soft);
}

.orders-table .num[b-i4vvgn286j] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.orders-table .strong[b-i4vvgn286j],
.orders-table__id[b-i4vvgn286j] {
    font-weight: 800;
    white-space: nowrap;
}

.orders-table__sap[b-i4vvgn286j] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.orders-table .muted[b-i4vvgn286j] {
    color: var(--dash-muted);
    white-space: nowrap;
}

.pill[b-i4vvgn286j] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
}

.pill[b-i4vvgn286j]::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
}

.pill--ok[b-i4vvgn286j] { background: var(--dash-success-soft); color: var(--dash-success); }
.pill--pending[b-i4vvgn286j] { background: var(--dash-warning-soft); color: var(--dash-warning); }
.pill--error[b-i4vvgn286j] { background: var(--dash-danger-soft); color: var(--dash-danger); }

.empty[b-i4vvgn286j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem 1rem;
    text-align: center;
}

.empty__icon[b-i4vvgn286j] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 0.5rem;
    border-radius: 50%;
    background: var(--dash-accent-soft);
    color: var(--dash-primary);
    font-size: 1rem;
}

.empty__title[b-i4vvgn286j] {
    margin: 0 0 0.15rem;
    font-size: 0.9rem;
    font-weight: 800;
}

.empty__text[b-i4vvgn286j] {
    margin: 0;
    max-width: 36ch;
    font-size: 0.8rem;
    color: var(--dash-muted);
}

/* ---------- Next event ---------- */

.event-card[b-i4vvgn286j] {
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--dash-accent) 30%, transparent), transparent 45%),
        linear-gradient(160deg, var(--dash-primary) 0%, var(--dash-primary-dark) 100%);
    color: var(--rz-on-primary);
}

.event-card__overline[b-i4vvgn286j] {
    margin: 0 0 0.2rem;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--dash-accent);
}

.event-card__title[b-i4vvgn286j] {
    margin: 0 0 0.4rem;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.2;
    color: var(--rz-on-primary);
}

.event-card__meta[b-i4vvgn286j] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0 0 0.2rem;
    font-size: 0.8rem;
    color: color-mix(in srgb, var(--rz-on-primary) 75%, transparent);
}

/* Description of the event: up to three lines. */
.event-card__description[b-i4vvgn286j] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.45;
}

.event-card__footer[b-i4vvgn286j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.event-card__footer[b-i4vvgn286j]  .event-card__link {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--rz-on-primary);
    text-decoration: none;
}

.event-card__footer[b-i4vvgn286j]  .event-card__link:hover {
    text-decoration: underline;
}

.event-card__count[b-i4vvgn286j] {
    display: inline-block;
    margin: 0;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: var(--dash-accent);
    color: var(--rz-on-secondary);
    font-size: 0.75rem;
    font-weight: 800;
}

/* ---------- Catalog and customers ---------- */

.stat-list[b-i4vvgn286j] {
    list-style: none;
    margin: 0.4rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.4rem;
}

.stat-list li[b-i4vvgn286j] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.4rem 0.6rem;
    border-radius: 0.6rem;
    background: var(--dash-soft);
}

.stat-list__icon[b-i4vvgn286j] {
    display: grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 0.5rem;
    background: var(--dash-surface);
    color: var(--dash-primary);
    font-size: 0.8rem;
}

.stat-list__label[b-i4vvgn286j] {
    font-size: 0.8rem;
    font-weight: 600;
}

.stat-list__value[b-i4vvgn286j] {
    margin-left: auto;
    font-size: 1rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

/* ---------- Responsive ---------- */

@media (max-width: 1199.98px) {
    .dash-grid[b-i4vvgn286j] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 991.98px) {
    .dash-kpis[b-i4vvgn286j] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
    .dash-kpis[b-i4vvgn286j] { grid-template-columns: minmax(0, 1fr); }
    .orders-table th:nth-child(3)[b-i4vvgn286j],
    .orders-table td:nth-child(3)[b-i4vvgn286j] { display: none; }
}
/* /Pages/Products/Products.razor.rz.scp.css */
/* Colours from the theme (Configurações → Tema). */
.product-link[b-sxl23fbubk] {
    font-weight: 700;
    color: var(--rz-primary);
    text-decoration: none;
}

.product-link:hover[b-sxl23fbubk] {
    text-decoration: underline;
}

/* Number of units of measure: opens the units and prices. */
.units-pill[b-sxl23fbubk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--app-surface-accent-soft);
    color: var(--rz-primary);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-decoration: none;
}

.units-pill:hover[b-sxl23fbubk] {
    background: var(--app-surface-accent-hover);
}
/* /Pages/Products/ProductUnitsDialog.razor.rz.scp.css */
/* Colours from the theme (Configurações → Tema). */
.units-dialog__meta[b-upjnq4bo1x] {
    margin: 0 0 12px;
    color: var(--rz-text-secondary-color);
}

.units-dialog__loading[b-upjnq4bo1x],
.units-dialog__empty[b-upjnq4bo1x] {
    display: flex;
    justify-content: center;
    padding: 24px 0;
    color: var(--rz-text-secondary-color);
}

.units-dialog__table-wrap[b-upjnq4bo1x] {
    overflow-x: auto;
}

.units-dialog__table[b-upjnq4bo1x] {
    width: 100%;
    border-collapse: collapse;
}

.units-dialog__table th[b-upjnq4bo1x] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--rz-border-color);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: left;
    color: var(--rz-text-tertiary-color);
}

.units-dialog__table td[b-upjnq4bo1x] {
    padding: 12px;
    border-bottom: 1px solid var(--app-border-muted);
    color: var(--rz-text-title-color);
}

.units-dialog__table tbody tr:last-child td[b-upjnq4bo1x] {
    border-bottom: 0;
}

.units-dialog__table .num[b-upjnq4bo1x] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.units-dialog__table .strong[b-upjnq4bo1x] {
    font-weight: 800;
    color: var(--rz-primary);
}

.units-dialog__table .muted[b-upjnq4bo1x] {
    color: var(--rz-text-secondary-color);
}

.units-dialog__table tr.is-inactive td[b-upjnq4bo1x] {
    opacity: 0.55;
}
/* /Pages/Ratings/Ratings.razor.rz.scp.css */
/* Ratings summary and levels. Colours from the theme (Configurações → Tema):
   1-2 = error colour, 3 = warning colour, 4-5 = success colour. */

.rating-summary[b-x2kdwwkdud] {
    display: grid;
    grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
    gap: 24px;
    align-items: center;
    margin-bottom: 16px;
    padding: 20px 24px;
    border: 1px solid var(--rz-border-color);
    border-radius: 18px;
    background: var(--rz-base-background-color);
}

.rating-summary__average[b-x2kdwwkdud] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-right: 24px;
    border-right: 1px solid var(--app-border-muted);
}

.rating-summary__label[b-x2kdwwkdud] {
    font-size: 13px;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
}

.rating-summary__value[b-x2kdwwkdud] {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
    color: var(--rz-text-title-color);
}

.rating-summary__value small[b-x2kdwwkdud] {
    margin-left: 2px;
    font-size: 18px;
    font-weight: 700;
    color: var(--rz-text-tertiary-color);
}

.rating-summary__count[b-x2kdwwkdud] {
    font-size: 13px;
    color: var(--rz-text-tertiary-color);
}

.rating-summary__levels[b-x2kdwwkdud] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rating-level[b-x2kdwwkdud] {
    display: grid;
    grid-template-columns: minmax(150px, 180px) minmax(0, 1fr) 90px;
    gap: 12px;
    align-items: center;
    font-size: 13px;
}

.rating-level__name[b-x2kdwwkdud] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--rz-text-title-color);
}

.rating-level__bar[b-x2kdwwkdud] {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--app-surface-muted);
}

.rating-level__fill[b-x2kdwwkdud] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--score-color);
    transition: width 300ms ease;
}

.rating-level__count[b-x2kdwwkdud] {
    text-align: right;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--rz-text-title-color);
}

.rating-level__count small[b-x2kdwwkdud] {
    font-weight: 500;
    color: var(--rz-text-tertiary-color);
}

/* One colour per level, from the theme status colours. */
.score-1[b-x2kdwwkdud] { --score-color: var(--bs-danger); }
.score-2[b-x2kdwwkdud] { --score-color: color-mix(in srgb, var(--bs-danger) 55%, var(--bs-warning)); }
.score-3[b-x2kdwwkdud] { --score-color: var(--bs-warning); }
.score-4[b-x2kdwwkdud] { --score-color: color-mix(in srgb, var(--bs-success) 70%, var(--bs-warning)); }
.score-5[b-x2kdwwkdud] { --score-color: var(--bs-success); }

.score-dot[b-x2kdwwkdud] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--score-color);
}

.score-pill[b-x2kdwwkdud] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--score-color) 16%, var(--rz-base-background-color));
    color: color-mix(in srgb, var(--score-color) 75%, black);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.score-pill[b-x2kdwwkdud]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.rating-comment[b-x2kdwwkdud] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .rating-summary[b-x2kdwwkdud] {
        grid-template-columns: minmax(0, 1fr);
    }

    .rating-summary__average[b-x2kdwwkdud] {
        padding-right: 0;
        padding-bottom: 16px;
        border-right: 0;
        border-bottom: 1px solid var(--app-border-muted);
    }

    .rating-level[b-x2kdwwkdud] {
        grid-template-columns: minmax(110px, 140px) minmax(0, 1fr) 70px;
    }
}
/* /Pages/Settings/PermissionsTab/TabPermissions.razor.rz.scp.css */
.permissions-total-count[b-h8ftx2uie6] {
    color: var(--rz-text-secondary-color, #6c757d);
    font-size: 0.875rem;
}

.permissions-layout[b-h8ftx2uie6] {
    display: flex;
    align-items: stretch;
    gap: 1rem;
    height: 100%;
    min-height: 0;
}

/* Sidebar */

.permissions-sidebar[b-h8ftx2uie6] {
    flex: 0 0 260px;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    overflow-y: auto;
    padding: 0.25rem 0.5rem 0.25rem 0;
    border-right: var(--rz-border-normal, 1px solid #e2e5e9);
}

.permissions-sidebar-all[b-h8ftx2uie6],
.permissions-screen-item[b-h8ftx2uie6] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    border: none;
    background: transparent;
    text-align: left;
    padding: 0.55rem 0.65rem;
    border-radius: var(--rz-border-radius, 0.75rem);
    color: var(--rz-text-color, #344050);
    cursor: pointer;
    transition: background-color .12s ease-in-out;
}

.permissions-sidebar-all[b-h8ftx2uie6] {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.permissions-screen-item[b-h8ftx2uie6] {
    font-size: 0.9rem;
}

.permissions-sidebar-all:hover[b-h8ftx2uie6],
.permissions-screen-item:hover[b-h8ftx2uie6] {
    background-color: var(--app-surface-accent-hover, rgba(0, 0, 0, 0.04));
}

.permissions-sidebar-all.active[b-h8ftx2uie6],
.permissions-screen-item.active[b-h8ftx2uie6] {
    background-color: var(--app-surface-accent-soft, color-mix(in srgb, var(--rz-primary) 12%, transparent));
    color: var(--rz-primary);
    font-weight: 600;
}

.permissions-screen-icon[b-h8ftx2uie6] {
    flex: 0 0 auto;
    width: 1.1rem;
    text-align: center;
    opacity: 0.85;
}

.permissions-screen-name[b-h8ftx2uie6] {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.permissions-count-badge[b-h8ftx2uie6] {
    flex: 0 0 auto;
    min-width: 1.5rem;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    background-color: var(--app-surface-accent-soft, rgba(0, 0, 0, 0.06));
    color: var(--rz-text-secondary-color, #6c757d);
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
}

.permissions-screen-item.active .permissions-count-badge[b-h8ftx2uie6],
.permissions-sidebar-all.active .permissions-count-badge[b-h8ftx2uie6] {
    background-color: var(--rz-primary);
    color: #fff;
}

.permissions-category-title[b-h8ftx2uie6] {
    margin: 0.85rem 0 0.15rem 0.65rem;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--rz-text-secondary-color, #8a94a6);
}

/* Content / table */

.permissions-content[b-h8ftx2uie6] {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    overflow: hidden;
}

.permissions-table-scroll[b-h8ftx2uie6] {
    height: 100%;
    overflow: auto;
}

.permissions-table[b-h8ftx2uie6] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.permissions-table thead th[b-h8ftx2uie6] {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--rz-base-background-color, #fff);
    border-bottom: var(--rz-border-normal, 1px solid #e2e5e9);
    padding: 0.5rem 0.75rem 0.75rem;
    text-align: left;
    font-weight: 700;
}

.permissions-col-description[b-h8ftx2uie6] {
    width: auto;
}

.permissions-col-role[b-h8ftx2uie6] {
    width: 110px;
    text-align: center;
}

.permissions-role-header[b-h8ftx2uie6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.permissions-role-name[b-h8ftx2uie6] {
    font-weight: 700;
}

.permissions-role-users[b-h8ftx2uie6] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--rz-text-secondary-color, #8a94a6);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.permissions-section-row td[b-h8ftx2uie6] {
    padding: 0.6rem 0.75rem;
    background-color: var(--app-surface-accent-soft, rgba(0, 0, 0, 0.035));
    font-weight: 700;
    color: var(--rz-text-color, #344050);
}

.permissions-section-row td i[b-h8ftx2uie6] {
    margin-right: 0.5rem;
    opacity: 0.8;
}

.permissions-row td[b-h8ftx2uie6] {
    padding: 0.55rem 0.75rem;
    border-bottom: var(--rz-border-normal, 1px solid #eef0f3);
    vertical-align: middle;
}

.permissions-row:hover td[b-h8ftx2uie6] {
    background-color: var(--rz-grid-hover-background-color, rgba(0, 0, 0, 0.02));
}

.permission-text[b-h8ftx2uie6] {
    display: flex;
    flex-direction: column;
    margin-top: 0.3rem;
}

.permission-description[b-h8ftx2uie6] {
    font-weight: 600;
    font-size: 0.9rem;
}

.permission-code[b-h8ftx2uie6] {
    font-family: var(--rz-code-font-family, "Consolas", monospace);
    font-size: 0.72rem;
    letter-spacing: 0.02em;
    color: var(--rz-text-secondary-color, #9aa3b2);
    text-transform: uppercase;
}

.permission-badge[b-h8ftx2uie6] {
    display: inline-block;
    padding: 0.12rem 0.5rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.badge-view[b-h8ftx2uie6] {
    background-color: color-mix(in srgb, #4a90d9 18%, white);
    color: #1f5a9c;
}

.badge-create[b-h8ftx2uie6] {
    background-color: color-mix(in srgb, #35b56a 18%, white);
    color: #1e7a45;
}

.badge-update[b-h8ftx2uie6] {
    background-color: color-mix(in srgb, #e6a23c 20%, white);
    color: #92600f;
}

.badge-delete[b-h8ftx2uie6] {
    background-color: color-mix(in srgb, #e5484d 18%, white);
    color: #a0272b;
}

.badge-other[b-h8ftx2uie6] {
    background-color: color-mix(in srgb, #8a94a6 18%, white);
    color: #565f70;
}

/* Checkboxes */

.permission-checkbox[b-h8ftx2uie6] {
    width: 1.05rem;
    height: 1.05rem;
    accent-color: var(--rz-primary);
    cursor: pointer;
}

.permission-checkbox:disabled[b-h8ftx2uie6] {
    cursor: not-allowed;
    opacity: 0.6;
}

.permission-checkbox-header[b-h8ftx2uie6] {
    margin-top: 0.1rem;
}
/* /Pages/Settings/Translations/TranslationForm.razor.rz.scp.css */
.translation-where[b-yjnociu1du] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px;
    margin-bottom: 16px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--bs-primary) 8%, var(--rz-base-background-color));
}

.translation-where__label[b-yjnociu1du] {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--rz-text-secondary-color);
}

.translation-where__key[b-yjnociu1du] {
    font-size: 12px;
    color: var(--rz-text-secondary-color);
    background: none;
    word-break: break-all;
}

.translation-field[b-yjnociu1du] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 16px;
}

.translation-field__hint[b-yjnociu1du] {
    color: var(--rz-text-secondary-color);
}

.translation-field__warning[b-yjnociu1du] {
    color: color-mix(in srgb, var(--bs-warning) 70%, black);
}
/* /Pages/Settings/Translations/TranslationsList.razor.rz.scp.css */
/* Colours from the theme (Configurações → Tema), like the status pills of Clientes. */
.translations-filters[b-z0h2x4ej9i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.translations-filters[b-z0h2x4ej9i]  .rz-form-field {
    max-width: 360px !important;
}

.translations-filters__missing[b-z0h2x4ej9i] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.translations-help[b-z0h2x4ej9i] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 4px 0 12px;
    font-size: 13px;
    color: var(--rz-text-secondary-color);
}

.area-pill[b-z0h2x4ej9i],
.missing-pill[b-z0h2x4ej9i] {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.area-pill.is-app[b-z0h2x4ej9i] {
    background: color-mix(in srgb, var(--bs-primary) 14%, var(--rz-base-background-color));
    color: color-mix(in srgb, var(--bs-primary) 80%, black);
}

.area-pill.is-backoffice[b-z0h2x4ej9i] {
    background: color-mix(in srgb, var(--rz-text-secondary-color) 14%, var(--rz-base-background-color));
    color: var(--rz-text-secondary-color);
}

.missing-pill[b-z0h2x4ej9i] {
    background: color-mix(in srgb, var(--bs-warning) 14%, var(--rz-base-background-color));
    color: color-mix(in srgb, var(--bs-warning) 70%, black);
}

.translation-screen[b-z0h2x4ej9i] {
    margin-left: 6px;
    font-weight: 600;
}

.translation-key[b-z0h2x4ej9i] {
    font-size: 12px;
    color: var(--rz-text-secondary-color);
    background: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.translation-value[b-z0h2x4ej9i] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.translation-fallback[b-z0h2x4ej9i] {
    color: var(--rz-text-disabled-color);
}
/* /Pages/Shop/ShopSectionPlaceholder.razor.rz.scp.css */
.shop-placeholder-page[b-3dzvf7uu82]  .shop-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    max-width: 520px;
    margin: 48px auto;
    padding: 40px 32px;
    border-radius: 20px;
    text-align: center;
}

.shop-placeholder__icon[b-3dzvf7uu82] {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: var(--app-surface-accent-soft);
    color: var(--rz-primary);
    font-size: 22px;
}

.shop-placeholder__title[b-3dzvf7uu82] {
    margin: 4px 0 0;
    font-size: 22px;
    font-weight: 800;
    color: var(--rz-text-title-color);
}

.shop-placeholder__text[b-3dzvf7uu82] {
    margin: 0 0 8px;
    max-width: 40ch;
    color: var(--rz-text-secondary-color);
}
/* /Pages/Suppliers/Suppliers.razor.rz.scp.css */
/* Position in the app's suppliers screen; the grip says the row can be dragged. Colours from the theme. */
.position-pill[b-v2dcn0k18s] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 3px 10px;
    border-radius: 999px;
    background: var(--rz-base-100);
    color: var(--rz-text-title-color);
    font-size: 12px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.position-pill i[b-v2dcn0k18s] {
    color: var(--rz-text-tertiary-color);
}

/* Logo thumbnail, whole (like the supplier cards of the app). */
.supplier-logo[b-v2dcn0k18s] {
    display: block;
    max-width: 72px;
    max-height: 28px;
    object-fit: contain;
}