/* /Components/Button/ImportButton.razor.rz.scp.css */
/* Groups the import button with the dropdown arrow (template download) as one visual control, Bootstrap's dropdown
   JS (data-bs-toggle) opens the menu; no extra script is needed. */
.import-button-group[b-s6wfh02qdc] {
    position: relative;
    display: inline-flex;
}

.import-button-group__main[b-s6wfh02qdc] {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.import-button-group__toggle[b-s6wfh02qdc] {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: 1px solid color-mix(in srgb, var(--rz-text-export-color) 25%, transparent);
    padding-left: 6px;
    padding-right: 6px;
    min-width: 1.8rem !important;
}

.import-button-group__toggle i[b-s6wfh02qdc] {
    font-size: 0.7rem;
}
/* /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__icon--custom[b-ewd3c8fue1] { background: color-mix(in srgb, var(--stat-card-color) 14%, var(--rz-base-background-color)); color: color-mix(in srgb, var(--stat-card-color) 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/DateRangePicker.razor.rz.scp.css */
/* Date and time range picker. Colours from the theme (Configurações → Tema). */
.drp[b-hkvctk9w5x] {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.drp__field[b-hkvctk9w5x] {
    display: flex;
    align-items: stretch;
    min-width: 360px;
    max-width: 100%;
    height: 38px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

.drp__field:focus-visible[b-hkvctk9w5x],
.drp__field[aria-expanded="true"][b-hkvctk9w5x] {
    border-color: var(--rz-primary);
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--rz-primary) 20%, transparent);
}

.drp__icon[b-hkvctk9w5x] {
    display: grid;
    place-items: center;
    width: 40px;
    border-right: 1px solid var(--rz-border-color);
    background: var(--rz-base-100, #f1f5f9);
    color: var(--rz-text-secondary-color);
}

.drp__text[b-hkvctk9w5x] {
    display: flex;
    align-items: center;
    padding: 0 12px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.drp__backdrop[b-hkvctk9w5x] {
    position: fixed;
    inset: 0;
    z-index: 1000;
}

.drp__popup[b-hkvctk9w5x] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 1001;
    padding: 12px 14px 10px;
    border: 1px solid var(--rz-border-color);
    border-radius: 10px;
    background: var(--rz-base-background-color);
    box-shadow: 0 12px 32px -8px rgba(15, 23, 42, 0.25);
}

.drp__months[b-hkvctk9w5x] {
    display: flex;
    gap: 20px;
}

@media (max-width: 640px) {
    .drp__months[b-hkvctk9w5x] {
        flex-direction: column;
    }
}

.drp__head[b-hkvctk9w5x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.drp__title[b-hkvctk9w5x] {
    font-size: 14px;
    font-weight: 700;
    color: var(--rz-text-title-color);
}

.drp__nav[b-hkvctk9w5x],
.drp__nav-space[b-hkvctk9w5x] {
    width: 28px;
    height: 28px;
}

.drp__nav[b-hkvctk9w5x] {
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--rz-text-title-color);
    cursor: pointer;
}

.drp__nav:hover[b-hkvctk9w5x] {
    background: var(--rz-base-100, #f1f5f9);
}

.drp__table[b-hkvctk9w5x] {
    border-collapse: separate;
    border-spacing: 0 2px;
}

.drp__table th[b-hkvctk9w5x] {
    width: 36px;
    padding: 4px 0;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    color: var(--rz-text-title-color);
}

.drp__table td[b-hkvctk9w5x] {
    padding: 0;
    text-align: center;
}

/* Days between the start and the end (or the day under the mouse). */
.drp__table td.is-in-range[b-hkvctk9w5x] {
    background: color-mix(in srgb, var(--rz-primary) 10%, var(--rz-base-background-color));
}

.drp__day[b-hkvctk9w5x] {
    width: 36px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--rz-text-color);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
}

.drp__day:hover[b-hkvctk9w5x] {
    background: color-mix(in srgb, var(--rz-primary) 14%, var(--rz-base-background-color));
}

.drp__day.is-off[b-hkvctk9w5x] {
    color: var(--rz-text-disabled-color);
}

.drp__day.is-today[b-hkvctk9w5x] {
    font-weight: 800;
}

.drp__day.is-start[b-hkvctk9w5x],
.drp__day.is-end[b-hkvctk9w5x] {
    background: var(--rz-primary);
    color: var(--rz-on-primary);
    font-weight: 700;
}

.drp__time[b-hkvctk9w5x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 10px;
}

.drp__time select[b-hkvctk9w5x] {
    height: 30px;
    padding: 0 6px;
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.drp__footer[b-hkvctk9w5x] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--rz-border-color);
}

.drp__summary[b-hkvctk9w5x] {
    margin-right: auto;
    color: var(--rz-text-color);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}
/* /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;
}
/* /Components/MyRadzen/VirtualGridFooter.razor.rz.scp.css */
.virtual-grid-footer[b-2266ad6py5] {
    flex: 0 0 2rem;
    min-height: 2rem;
    width: 100%;
    margin-top: auto;
    border-top: 1px solid var(--rz-border-color);
    font-size: 0.82rem;
}
/* /Components/Xml/XmlViewer.razor.rz.scp.css */
/* XML viewer: gutter with the line numbers, a guide line per level, tags in blue, attribute names in red, values in
   dark blue (like the editors). */
.xv[b-mbx83g2htc] {
    --xv-tag: #1d4ed8;
    --xv-attr: #c2410c;
    --xv-value: #1e3a8a;
    --xv-text: var(--rz-text-color);
    --xv-punct: #64748b;
    --xv-guide: color-mix(in srgb, var(--rz-border-color) 80%, transparent);
    --xv-step: 20px; /* indent of a level */
    display: flex;
    flex-direction: column;
    border: 1px solid var(--rz-border-color);
    border-radius: 10px;
    background: var(--rz-base-background-color);
    overflow: hidden;
    /* Fixed height: the popup keeps its size when the nodes open or close (or the search shows); the code scrolls. */
    height: min(60vh, 640px);
    min-height: 240px;
}

/* ---------- Search ---------- */

.xv-search[b-mbx83g2htc] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-bottom: 1px solid var(--rz-border-color);
    background: color-mix(in srgb, var(--rz-primary) 4%, var(--rz-base-background-color));
    color: var(--rz-text-secondary-color);
}

.xv-search input[b-mbx83g2htc] {
    flex: 1;
    min-width: 0;
    height: 30px;
    padding: 0 8px;
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    font-size: 13px;
}

.xv-search input:focus[b-mbx83g2htc] {
    border-color: var(--rz-primary);
    outline: none;
}

.xv-search__count[b-mbx83g2htc] {
    font-size: 12px;
    white-space: nowrap;
}

.xv-search__close[b-mbx83g2htc] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: none;
    color: inherit;
    cursor: pointer;
}

.xv-search__close:hover[b-mbx83g2htc] {
    background: var(--rz-base-200, rgba(0, 0, 0, 0.06));
}

/* ---------- Code ---------- */

.xv-code[b-mbx83g2htc],
.xv-raw[b-mbx83g2htc] {
    flex: 1 1 auto;
    min-height: 0;
    margin: 0;
    overflow: auto;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 13px;
    line-height: 22px;
}

.xv-raw[b-mbx83g2htc] {
    padding: 10px 14px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.xv-code[b-mbx83g2htc] {
    padding: 6px 0;
}

.xv-line[b-mbx83g2htc] {
    display: flex;
    min-width: max-content;
}

.xv-line:hover[b-mbx83g2htc] {
    background: color-mix(in srgb, var(--rz-primary) 5%, transparent);
}

/* Line numbers: they stay in place when the code scrolls sideways. */
.xv-num[b-mbx83g2htc] {
    position: sticky;
    left: 0;
    flex: 0 0 auto;
    min-width: 48px;
    padding: 0 12px 0 8px;
    border-right: 1px solid var(--rz-border-color);
    background: color-mix(in srgb, var(--rz-base-200, #f1f5f9) 60%, var(--rz-base-background-color));
    color: var(--rz-text-tertiary-color);
    text-align: right;
    user-select: none;
}

.xv-text[b-mbx83g2htc] {
    display: flex;
    align-items: stretch;
    padding: 0 16px 0 8px;
    white-space: pre;
}

.xv-guide[b-mbx83g2htc] {
    flex: 0 0 var(--xv-step);
    background: linear-gradient(var(--xv-guide), var(--xv-guide)) 8px 0 / 1px 100% no-repeat;
}

.xv-toggle[b-mbx83g2htc],
.xv-toggle-space[b-mbx83g2htc] {
    flex: 0 0 18px;
}

.xv-toggle[b-mbx83g2htc] {
    display: grid;
    place-items: center;
    height: 22px;
    margin-right: 2px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: none;
    color: var(--rz-text-secondary-color);
    font-size: 12px;
    cursor: pointer;
}

.xv-toggle:hover[b-mbx83g2htc] {
    background: var(--rz-base-200, rgba(0, 0, 0, 0.06));
    color: var(--rz-text-color);
}

.xv-toggle:focus-visible[b-mbx83g2htc] {
    outline: 2px solid var(--rz-primary);
    outline-offset: -2px;
}

.xv-toggle-space[b-mbx83g2htc] {
    margin-right: 2px;
}

.xv-tag[b-mbx83g2htc] { color: var(--xv-tag); }
.xv-attr[b-mbx83g2htc] { color: var(--xv-attr); }
.xv-value[b-mbx83g2htc] { color: var(--xv-value); }
.xv-content[b-mbx83g2htc] { color: var(--xv-text); }
.xv-punct[b-mbx83g2htc] { color: var(--xv-punct); }
.xv-decl[b-mbx83g2htc] { color: var(--xv-punct); font-style: italic; }

.xv-ellipsis[b-mbx83g2htc] {
    margin: 0 2px;
    padding: 0 4px;
    border-radius: 4px;
    background: var(--rz-base-200, rgba(0, 0, 0, 0.06));
    color: var(--rz-text-tertiary-color);
}

.xv-line mark[b-mbx83g2htc] {
    padding: 0;
    border-radius: 2px;
    background: rgba(250, 204, 21, 0.55);
    color: inherit;
}
/* /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/EventCheckIn.razor.rz.scp.css */
/* Colours from the theme (Configurações → Tema). */
.event-checkin[b-pc3myzbbtu] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}

.event-checkin__closed[b-pc3myzbbtu] {
    margin: 0 0 16px;
    color: var(--rz-text-secondary-color);
}

.event-checkin__legend[b-pc3myzbbtu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 12px;
    color: var(--rz-text-secondary-color);
    font-size: 13px;
}

/* Registered in the event: green dot. */
.dot[b-pc3myzbbtu] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--rz-text-secondary-color) 35%, transparent);
}

.dot.is-registered[b-pc3myzbbtu] {
    background: var(--bs-success);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bs-success) 22%, transparent);
}

.checkins-pill[b-pc3myzbbtu] {
    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;
}

/* The card takes the rest of the page and the grid fills it, so the list scrolls inside and no white strip is left at the bottom. */
.event-checkin[b-pc3myzbbtu]  .event-checkin__card {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.event-checkin[b-pc3myzbbtu]  .event-checkin__card .rz-data-grid {
    flex: 1 1 0;
    min-height: 0;
}
/* /Pages/Events/EventCheckInDialog.razor.rz.scp.css */
/* Colours from the theme (Configurações → Tema). */
.checkin__head[b-zh3bmr5uxl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.checkin__name[b-zh3bmr5uxl] {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
}

.checkin__meta[b-zh3bmr5uxl] {
    margin: 2px 0 0;
    color: var(--rz-text-secondary-color);
}

.checkin__badges[b-zh3bmr5uxl] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.checkin__title[b-zh3bmr5uxl] {
    margin: 20px 0 10px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--rz-text-secondary-color);
}

.checkin__row-actions[b-zh3bmr5uxl] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.checkin__pin-row[b-zh3bmr5uxl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
}

.checkin__pin-row .checkin__row-actions[b-zh3bmr5uxl] {
    margin-left: auto;
}

.checkin__digits[b-zh3bmr5uxl] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
}

.checkin__digits span[b-zh3bmr5uxl] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 56px;
    border: 1px solid var(--rz-border-color);
    border-radius: 12px;
    background: var(--app-surface-accent-soft);
    color: var(--rz-primary);
    font-size: 28px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.checkin__pin-info[b-zh3bmr5uxl] {
    margin: 0 0 12px;
    padding: 10px 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;
}

.checkin__footer[b-zh3bmr5uxl] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid var(--rz-border-color);
}

.registered-flag[b-zh3bmr5uxl] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.registered-flag[b-zh3bmr5uxl]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.registered-flag.is-registered[b-zh3bmr5uxl] {
    background: color-mix(in srgb, var(--bs-success) 14%, var(--rz-base-background-color));
    color: color-mix(in srgb, var(--bs-success) 75%, black);
}

.registered-flag.is-not-registered[b-zh3bmr5uxl] {
    background: color-mix(in srgb, var(--rz-text-secondary-color) 14%, var(--rz-base-background-color));
    color: var(--rz-text-secondary-color);
}
/* /Pages/Events/EventColorField.razor.rz.scp.css */
/* One colour of the event card (EventColorField): hint and "Repor" under the picker. */

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

.event-color__meta[b-xwrvfoe7rl] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

.event-color__reset[b-xwrvfoe7rl] {
    margin-left: auto;
    padding: 0;
    border: 0;
    background: none;
    color: var(--rz-primary);
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}
/* /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;
}

/* RadzenTabs wraps each tab's content in its own panel: without this the flex chain above stops there and the grid
   (PageCard, flex-grow-1) keeps only its natural height instead of reaching the bottom of the page. */
.event-detail[b-7r54knhem2]  .rz-tabview {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}

.event-detail[b-7r54knhem2]  .rz-tabview-panels {
    display: flex;
    flex: 1;
    min-height: 0;
}

.event-detail[b-7r54knhem2]  .rz-tabview-panel {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    width: 100%;
}

/* Whether the registered NIF is an ATL customer. */
.customer-flag[b-7r54knhem2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.customer-flag[b-7r54knhem2]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.customer-flag.is-customer[b-7r54knhem2] {
    background: color-mix(in srgb, var(--bs-success) 14%, var(--rz-base-background-color));
    color: color-mix(in srgb, var(--bs-success) 75%, black);
}

.customer-flag.is-not-customer[b-7r54knhem2] {
    background: color-mix(in srgb, var(--rz-text-secondary-color) 14%, var(--rz-base-background-color));
    color: var(--rz-text-secondary-color);
}

/* Position in the event's stands screen; the grip says the row can be dragged. Same look as Suppliers.razor.css. */
.position-pill[b-7r54knhem2] {
    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-7r54knhem2] {
    color: var(--rz-text-tertiary-color);
}

/* Logo thumbnail of a stand: bounded to a fixed square, never larger, whatever the uploaded image's own size.
   28px tall, like Suppliers.razor.css's .supplier-logo, so it fits the grid's row height instead of being clipped. */
.stand-logo[b-7r54knhem2] {
    display: block;
    width: 28px;
    height: 28px;
    max-width: 28px;
    max-height: 28px;
    object-fit: contain;
    border-radius: 4px;
    background: var(--rz-base-100);
}
/* /Pages/Events/EventForm.razor.rz.scp.css */
/* Preview of the card (the shop app's own component, at the width of a phone, tablet or desktop) and its colours. */

.event-preview__devices[b-vg0l5x7um1] {
    display: flex;
    justify-content: center;
}

/* Width of the card in the app (one event): phone 375 − 2 × 20 gutter; tablet 768 − 2 × 24; desktop the home column
   (1160) − 2 × 24, shown up to what the dialog has. */
.event-preview[b-vg0l5x7um1] {
    width: 100%;
    max-width: 335px;
    margin: 0 auto;
    transition: max-width 200ms ease;
}

.event-preview--tablet[b-vg0l5x7um1] {
    max-width: 720px;
}

.event-preview--desktop[b-vg0l5x7um1] {
    max-width: 1112px;
}

/* The colours of the card in a grid (fewer per row when narrow). */
.event-color[b-vg0l5x7um1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px 24px;
}

/* SAP data and time slots sections. */

.event-section[b-vg0l5x7um1] {
    padding: 14px 16px;
    border: 1px solid var(--rz-border-color, #d6d6d6);
    border-radius: 8px;
}

.event-section__title[b-vg0l5x7um1] {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 600;
}

/* Required section (Horários): the same asterisk as the required fields (.rz-required-field, wwwroot/css/app.css). */
.event-section__required[b-vg0l5x7um1] {
    color: var(--rz-danger);
    font-weight: 800;
}

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

.event-section__actions[b-vg0l5x7um1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.slot-row[b-vg0l5x7um1] {
    display: grid;
    grid-template-columns: minmax(150px, 1.3fr) minmax(110px, 1fr) minmax(110px, 1fr) 40px;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}

.slot-row--head[b-vg0l5x7um1] {
    font-size: 12px;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
}

@media (max-width: 640px) {
    .slot-row[b-vg0l5x7um1] {
        grid-template-columns: 1fr 1fr;
    }

    .slot-row--head[b-vg0l5x7um1] {
        display: none;
    }
}
/* /Pages/Events/Events.razor.rz.scp.css */
/* 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-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; }
}

/* ---------- More events ---------- */

.dash-side[b-i4vvgn286j]  .event-list__more {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    justify-self: end;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--dash-primary);
    text-decoration: none;
}

.dash-side[b-i4vvgn286j]  .event-list__more:hover {
    text-decoration: underline;
}
/* /Pages/Orders/OrderDetailDialog.razor.rz.scp.css */
/* Colours from the theme (Configurações → Tema). The dialog is rendered outside the cockpit, so the SAP state colours
   are repeated here (same theme settings and fallbacks as Orders.razor.css). */
.order-dialog[b-0yxnd4xk1h] {
    --sap-pending: var(--app-sap-pending, rgb(234, 179, 8));
    --sap-error: var(--app-sap-error, rgb(220, 38, 38));
    --sap-sent: var(--app-sap-sent, rgb(22, 163, 74));
    --sap-retry: var(--app-sap-retry, rgb(37, 99, 235));
}

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

/* ---------- Order data ---------- */

.order-dialog__info[b-0yxnd4xk1h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 24px;
    margin: 0 0 16px;
}

@media (max-width: 640px) {
    .order-dialog__info[b-0yxnd4xk1h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.order-dialog__info dt[b-0yxnd4xk1h] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--rz-text-tertiary-color);
}

.order-dialog__info dd[b-0yxnd4xk1h] {
    margin: 2px 0 0;
    font-weight: 600;
    color: var(--rz-text-title-color);
    overflow-wrap: anywhere;
}

.sap-pill--pending[b-0yxnd4xk1h] { --sap-color: var(--sap-pending); }
.sap-pill--error[b-0yxnd4xk1h] { --sap-color: var(--sap-error); }
.sap-pill--sent[b-0yxnd4xk1h] { --sap-color: var(--sap-sent); }
.sap-pill--retry[b-0yxnd4xk1h] { --sap-color: var(--sap-retry); }

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

.sap-pill[b-0yxnd4xk1h]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--sap-color);
}

.order-dialog__error[b-0yxnd4xk1h] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin: 0 0 16px;
    padding: 10px 12px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--sap-error) 10%, var(--rz-base-background-color));
    color: color-mix(in srgb, var(--sap-error) 80%, black);
}

.order-dialog__error i[b-0yxnd4xk1h] {
    margin-top: 3px;
}

/* ---------- Lines ---------- */

.order-dialog__table-wrap[b-0yxnd4xk1h] {
    overflow-x: auto;
}

.order-dialog__table[b-0yxnd4xk1h] {
    width: 100%;
    border-collapse: collapse;
}

.order-dialog__table th[b-0yxnd4xk1h] {
    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);
    white-space: nowrap;
}

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

/* Amounts never wrap/clip; the product name gets room instead of breaking into one word per line. */
.order-dialog__table td.num[b-0yxnd4xk1h] {
    white-space: nowrap;
}

.order-dialog__table tbody td:nth-child(2)[b-0yxnd4xk1h] {
    min-width: 240px;
}

.order-dialog__supplier[b-0yxnd4xk1h] {
    display: block;
    font-size: 12px;
    color: var(--rz-text-secondary-color);
}

.order-dialog__table tfoot td[b-0yxnd4xk1h] {
    border-bottom: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: right;
    color: var(--rz-text-secondary-color);
}

.order-dialog__table tfoot tr:first-child td[b-0yxnd4xk1h] {
    padding-top: 14px;
}

.order-dialog__table tfoot .order-dialog__total td[b-0yxnd4xk1h] {
    font-size: 16px;
    font-weight: 800;
    color: var(--rz-primary);
}

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

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

.order-dialog__table .muted[b-0yxnd4xk1h] {
    color: var(--rz-text-secondary-color);
}
/* /Pages/Orders/Orders.razor.rz.scp.css */
/* Orders cockpit. The SAP colours are theme settings (Configurações → Tema → "Order SAP … Color"); the values after
   the comma are only used until those settings exist. */
/* display: contents: the wrapper only carries the colours, so PageCard (h-100) still fills the page like on the other
   screens. */
.orders-cockpit[b-dtkhs1ksqu] {
    display: contents;
    --sap-pending: var(--app-sap-pending, rgb(234, 179, 8));
    --sap-error: var(--app-sap-error, rgb(220, 38, 38));
    --sap-sent: var(--app-sap-sent, rgb(22, 163, 74));
    --sap-retry: var(--app-sap-retry, rgb(37, 99, 235));
    --sap-all: var(--rz-primary);
}

.sap-filter--all[b-dtkhs1ksqu] { --sap-color: var(--sap-all); }
.sap-filter--pending[b-dtkhs1ksqu], .sap-pill--pending[b-dtkhs1ksqu] { --sap-color: var(--sap-pending); }
.sap-filter--error[b-dtkhs1ksqu], .sap-pill--error[b-dtkhs1ksqu] { --sap-color: var(--sap-error); }
.sap-filter--sent[b-dtkhs1ksqu], .sap-pill--sent[b-dtkhs1ksqu] { --sap-color: var(--sap-sent); }
.sap-filter--retry[b-dtkhs1ksqu], .sap-pill--retry[b-dtkhs1ksqu] { --sap-color: var(--sap-retry); }

/* ---------- Status cards (also the filter) ---------- */

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

@media (max-width: 1200px) {
    .sap-filters[b-dtkhs1ksqu] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .sap-filters[b-dtkhs1ksqu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.sap-filter[b-dtkhs1ksqu] {
    display: block;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0.75rem;
    background: none;
    text-align: left;
    cursor: pointer;
}

.sap-filter[b-dtkhs1ksqu]  .stat-card {
    height: 100%;
    transition: border-color 150ms ease, background-color 150ms ease;
}

.sap-filter:hover[b-dtkhs1ksqu]  .stat-card {
    border-color: color-mix(in srgb, var(--sap-color) 45%, var(--rz-border-color));
}

/* Selected filter: border and a light tint in the colour of the state. */
.sap-filter.is-active[b-dtkhs1ksqu]  .stat-card {
    border-color: var(--sap-color);
    background: color-mix(in srgb, var(--sap-color) 10%, var(--rz-base-background-color));
}

.sap-filter:focus-visible[b-dtkhs1ksqu] {
    outline: 2px solid var(--sap-color);
    outline-offset: 2px;
}

/* ---------- Period and search ---------- */

.orders-filters[b-dtkhs1ksqu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.orders-filters__search[b-dtkhs1ksqu] {
    flex: 1 1 280px;
    max-width: 520px;
}

/* ---------- Grid ---------- */

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

.sap-pill[b-dtkhs1ksqu]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--sap-color);
}

.sap-number[b-dtkhs1ksqu] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

/* XML column: arrow up = sent, arrow down = returned. */
.sap-xml-links[b-dtkhs1ksqu] {
    display: inline-flex;
    gap: 4px;
}

.sap-xml-link[b-dtkhs1ksqu] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    background: var(--rz-base-background-color);
    color: var(--rz-primary);
    cursor: pointer;
}

.sap-xml-link:hover:not(:disabled)[b-dtkhs1ksqu] {
    background: color-mix(in srgb, var(--rz-primary) 10%, var(--rz-base-background-color));
}

.sap-xml-link:disabled[b-dtkhs1ksqu] {
    color: var(--rz-text-disabled-color);
    cursor: default;
}
/* /Pages/Orders/SapXmlDialog.razor.rz.scp.css */
/* XMLs of an order's call to SAP. Colours from the theme (Configurações → Tema). */
.sap-xml[b-ef3uak5g51] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sap-xml__meta[b-ef3uak5g51] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--rz-text-secondary-color);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.sap-xml__result[b-ef3uak5g51] {
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

.sap-xml__result.is-success[b-ef3uak5g51] {
    background: color-mix(in srgb, var(--app-sap-sent, rgb(22, 163, 74)) 16%, var(--rz-base-background-color));
    color: color-mix(in srgb, var(--app-sap-sent, rgb(22, 163, 74)) 75%, black);
}

.sap-xml__result.is-error[b-ef3uak5g51] {
    background: color-mix(in srgb, var(--app-sap-error, rgb(220, 38, 38)) 14%, var(--rz-base-background-color));
    color: color-mix(in srgb, var(--app-sap-error, rgb(220, 38, 38)) 80%, black);
}

.sap-xml__error[b-ef3uak5g51] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--app-sap-error, rgb(220, 38, 38)) 30%, var(--rz-base-background-color));
    border-radius: 10px;
    background: color-mix(in srgb, var(--app-sap-error, rgb(220, 38, 38)) 8%, var(--rz-base-background-color));
    color: color-mix(in srgb, var(--app-sap-error, rgb(220, 38, 38)) 80%, black);
    font-size: 13px;
    overflow-wrap: anywhere;
}

.sap-xml__error i[b-ef3uak5g51] {
    margin-top: 2px;
}

/* ---------- Tabs (left) and tools (right) on one row ---------- */

.sap-xml__bar[b-ef3uak5g51] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px 16px;
    border-bottom: 1px solid var(--rz-border-color);
}

.sap-xml__tabs[b-ef3uak5g51] {
    display: flex;
    gap: 4px;
}

.sap-xml__tab[b-ef3uak5g51] {
    margin-bottom: -1px;
    padding: 8px 14px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: none;
    color: var(--rz-text-secondary-color);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.sap-xml__tab:hover[b-ef3uak5g51] {
    color: var(--rz-text-color);
}

.sap-xml__tab.is-active[b-ef3uak5g51] {
    border-bottom-color: var(--rz-primary);
    color: var(--rz-primary);
}

.sap-xml__tab:focus-visible[b-ef3uak5g51],
.sap-xml__tool:focus-visible[b-ef3uak5g51] {
    outline: 2px solid var(--rz-primary);
    outline-offset: 2px;
}

.sap-xml__tools[b-ef3uak5g51] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding-bottom: 6px;
}

.sap-xml__tool[b-ef3uak5g51] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    font-size: 13px;
    white-space: nowrap;
    cursor: pointer;
}

.sap-xml__tool:hover[b-ef3uak5g51] {
    background: color-mix(in srgb, var(--rz-primary) 8%, var(--rz-base-background-color));
}

.sap-xml__tool i[b-ef3uak5g51] {
    color: var(--rz-text-secondary-color);
}

.sap-xml__tool kbd[b-ef3uak5g51] {
    padding: 1px 5px;
    border: 1px solid var(--rz-border-color);
    border-radius: 4px;
    background: var(--rz-base-200, rgba(0, 0, 0, 0.04));
    color: var(--rz-text-tertiary-color);
    font-family: inherit;
    font-size: 11px;
}

/* Same height as the XML viewer, also when there is no XML to show: the popup does not change size between tabs. */
.sap-xml__body[b-ef3uak5g51] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: max(min(60vh, 640px), 240px);
}

.sap-xml__empty[b-ef3uak5g51] {
    margin: 24px 0;
    color: var(--rz-text-tertiary-color);
    text-align: center;
}
/* /Pages/Products/Products.razor.rz.scp.css */
/* Number of units of measure: opens the units and prices. Colours from the theme (Configurações → Tema). */
.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);
}

/* /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/ApiUsersTab/GeneratedApiPasswordDialog.razor.rz.scp.css */
/* Colours from the theme (Configurações → Tema); same look as Customers/GeneratedPinDialog. */
.generated-password__fields[b-e97bvguioo] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px 16px;
    margin: 0 0 16px;
}

.generated-password__fields dt[b-e97bvguioo] {
    color: var(--rz-text-secondary-color);
    font-weight: 600;
}

.generated-password__fields dd[b-e97bvguioo] {
    margin: 0;
    min-width: 0;
}

.generated-password__fields code[b-e97bvguioo] {
    color: var(--rz-text-color);
    overflow-wrap: anywhere;
}

.generated-password__value[b-e97bvguioo] {
    display: block;
    padding: 10px 12px;
    border: 1px solid var(--rz-border-color);
    border-radius: 12px;
    background: var(--app-surface-accent-soft);
    color: var(--rz-primary) !important;
    font-size: 16px;
    font-weight: 700;
}

.generated-password__info[b-e97bvguioo] {
    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-password__actions[b-e97bvguioo] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
/* /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: 6px;
    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/TranslationsBrowser.razor.rz.scp.css */
/* Colours from the theme (Configurações → Tema); the sidebar is the one of Permissões (TabPermissions). */
.translations-filters[b-rmmoanig6y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

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

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

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

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

/* Sidebar */

.translations-sidebar[b-rmmoanig6y] {
    flex: 0 0 250px;
    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);
}

.translations-sidebar-all[b-rmmoanig6y],
.translations-screen-item[b-rmmoanig6y] {
    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;
}

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

.translations-screen-item[b-rmmoanig6y] {
    font-size: 0.9rem;
}

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

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

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

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

.translations-count-badge[b-rmmoanig6y],
.translations-missing-badge[b-rmmoanig6y] {
    flex: 0 0 auto;
    min-width: 1.5rem;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
}

.translations-count-badge[b-rmmoanig6y] {
    background-color: var(--app-surface-accent-soft, rgba(0, 0, 0, 0.06));
    color: var(--rz-text-secondary-color, #6c757d);
}

.translations-missing-badge[b-rmmoanig6y] {
    background: color-mix(in srgb, var(--bs-warning) 18%, var(--rz-base-background-color));
    color: color-mix(in srgb, var(--bs-warning) 70%, black);
}

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

.translations-category-title[b-rmmoanig6y] {
    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 / grid */

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

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

.screen-pill[b-rmmoanig6y] {
    background: color-mix(in srgb, var(--bs-primary) 12%, var(--rz-base-background-color));
    color: color-mix(in srgb, var(--bs-primary) 80%, black);
}

.missing-pill[b-rmmoanig6y] {
    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-key[b-rmmoanig6y] {
    font-size: 12px;
    color: var(--rz-text-secondary-color);
    background: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

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

@media (max-width: 900px) {
    .translations-layout[b-rmmoanig6y] {
        flex-direction: column;
    }

    .translations-sidebar[b-rmmoanig6y] {
        flex: 0 0 auto;
        max-height: 220px;
        border-right: none;
        border-bottom: var(--rz-border-normal, 1px solid #e2e5e9);
        padding: 0 0 0.5rem;
    }
}
/* /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;
}
/* /Pages/UserShops/UserShopForm.razor.rz.scp.css */
/* Colours from the theme (Configurações → Tema). */
.user-shop-form__hint[b-2usypvc7x4] {
    display: block;
    margin-top: 4px;
    color: var(--rz-text-secondary-color);
}

.user-shop-form__customers[b-2usypvc7x4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.user-shop-form__list[b-2usypvc7x4] {
    max-height: 240px;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    list-style: none;
    border: 1px solid var(--rz-base-300);
    border-radius: var(--rz-border-radius);
}

.user-shop-form__list li[b-2usypvc7x4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 4px 8px;
}

.user-shop-form__list li + li[b-2usypvc7x4] {
    border-top: 1px solid var(--rz-base-200);
}

.user-shop-form__linked[b-2usypvc7x4] {
    padding: 8px 0 0;
    font-weight: 600;
}
/* /Pages/UserShops/UserShops.razor.rz.scp.css */
/* Same pills as Clientes. Colours from the theme (Configurações → Tema). */
.status-pill[b-2znhhgsp1x] {
    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-2znhhgsp1x]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.status-pill.is-ok[b-2znhhgsp1x] {
    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-2znhhgsp1x] {
    background: color-mix(in srgb, var(--bs-warning) 14%, var(--rz-base-background-color));
    color: color-mix(in srgb, var(--bs-warning) 70%, black);
}