@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* _content/SaasWeb/Components/Pages/AdminPages/AdminPages.razor.rz.scp.css */
.admin-pages[b-cno682o45x] {
    box-sizing: border-box;
    color: var(--neutral-foreground-rest);
    margin: 0 auto;
    max-width: 88rem;
    padding: 1rem clamp(1rem, 2vw, 1.5rem) 2.5rem;
    width: 100%;
}

.admin-pages-heading[b-cno682o45x] {
    margin-bottom: 1.25rem;
}

.eyebrow[b-cno682o45x] {
    color: var(--accent-foreground-rest);
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.admin-pages-heading h1[b-cno682o45x] {
    font-size: clamp(1.625rem, 2vw, 2rem);
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.2;
    margin: 0;
}

.admin-pages-heading p[b-cno682o45x],
.section-heading p[b-cno682o45x] {
    color: var(--neutral-foreground-hint);
    font-size: 0.9375rem;
    line-height: 1.5;
    margin: 0.4rem 0 0;
}

.admin-pages-warning[b-cno682o45x] {
    display: block;
    font-size: 0.875rem;
    line-height: 1.45;
    margin-bottom: 1.5rem;
}

.section-heading[b-cno682o45x] {
    margin-bottom: 1rem;
}

.section-heading h2[b-cno682o45x] {
    font-size: 1.35rem;
    font-weight: 600;
    letter-spacing: -0.015em;
    line-height: 1.25;
    margin: 0;
}

.admin-page-grid[b-cno682o45x] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-page-card[b-cno682o45x] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 0.875rem;
    box-shadow: 0 2px 8px rgb(0 0 0 / 7%);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 17rem;
    padding: 1.35rem;
    transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.admin-page-card:hover[b-cno682o45x] {
    border-color: color-mix(in srgb, var(--accent-fill-rest) 45%, var(--neutral-stroke-rest));
    box-shadow: 0 7px 18px rgb(0 0 0 / 10%);
    transform: translateY(-2px);
}

.admin-page-icon[b-cno682o45x] {
    align-items: center;
    background: color-mix(in srgb, var(--accent-fill-rest) 13%, var(--neutral-layer-1));
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 25%, transparent);
    border-radius: 0.7rem;
    color: var(--accent-foreground-rest);
    display: inline-flex;
    height: 2.75rem;
    justify-content: center;
    margin-bottom: 1rem;
    width: 2.75rem;
}

.admin-page-content[b-cno682o45x] {
    flex: 1 1 auto;
}

.tool-category[b-cno682o45x] {
    color: var(--neutral-foreground-hint);
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.055em;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.admin-page-content h3[b-cno682o45x] {
    font-size: 1.1rem;
    font-weight: 650;
    line-height: 1.3;
    margin: 0;
}

.admin-page-content p[b-cno682o45x] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
    line-height: 1.55;
    margin: 0.55rem 0 1.2rem;
}

.admin-page-link[b-cno682o45x] {
    align-items: center;
    align-self: flex-start;
    color: var(--accent-foreground-rest);
    display: inline-flex;
    font-size: 0.875rem;
    font-weight: 650;
    gap: 0.45rem;
    text-decoration: none;
}

.admin-page-link:hover[b-cno682o45x] {
    text-decoration: underline;
}

.admin-page-link:focus-visible[b-cno682o45x] {
    border-radius: 0.25rem;
    outline: 2px solid var(--focus-stroke-outer);
    outline-offset: 0.25rem;
}

@media (max-width: 70rem) {
    .admin-page-grid[b-cno682o45x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 44rem) {
    .admin-pages[b-cno682o45x] {
        padding: 0.75rem 0.75rem 2rem;
    }

    .admin-page-grid[b-cno682o45x] {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-page-card[b-cno682o45x] {
        min-height: auto;
    }
}
/* _content/SaasWeb/Components/Pages/AdminPages/MilestoneProcessing.razor.rz.scp.css */
.milestone-processing-page[b-pw0dv5yhm3] {
    box-sizing: border-box;
    color: var(--neutral-foreground-rest);
    font-size: 0.9375rem;
    margin: 0 auto;
    max-width: 112rem;
    padding: 1rem clamp(1rem, 2vw, 1.5rem) 2.5rem;
    width: 100%;
}

.page-heading[b-pw0dv5yhm3] {
    align-items: flex-start;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.page-heading h1[b-pw0dv5yhm3] {
    color: var(--neutral-foreground-rest);
    font-size: clamp(1.625rem, 2vw, 2rem);
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.2;
    margin: 0;
}

.page-heading p[b-pw0dv5yhm3] {
    color: var(--neutral-foreground-hint);
    font-size: 0.9375rem;
    line-height: 1.5;
    margin: 0.4rem 0 0;
}

.environment-badge[b-pw0dv5yhm3] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.75rem;
    font-weight: 650;
    letter-spacing: 0.025em;
    line-height: 1;
    padding: 0.45rem 0.7rem;
    text-transform: uppercase;
}

.environment-badge.test[b-pw0dv5yhm3] {
    background: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent);
    border-color: color-mix(in srgb, var(--accent-fill-rest) 35%, transparent);
    color: var(--accent-foreground-rest);
}

.environment-badge.production[b-pw0dv5yhm3] {
    background: #fff1f0;
    border-color: #ffccc7;
    color: #a8071a;
}

.processing-warning[b-pw0dv5yhm3] {
    display: block;
    font-size: 0.875rem;
    line-height: 1.45;
    margin-bottom: 1rem;
}

.production-lock-card[b-pw0dv5yhm3],
.campaign-search-card[b-pw0dv5yhm3],
.milestones-card[b-pw0dv5yhm3] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 0.875rem;
    box-shadow: 0 2px 8px rgb(0 0 0 / 7%);
    display: block;
    margin-bottom: 1.25rem;
    padding: clamp(1.1rem, 2vw, 1.6rem);
}

.section-heading[b-pw0dv5yhm3] {
    align-items: flex-start;
    display: flex;
    gap: 0.8rem;
}

.section-heading h2[b-pw0dv5yhm3] {
    color: var(--neutral-foreground-rest);
    font-size: 1.35rem;
    font-weight: 600;
    letter-spacing: -0.015em;
    line-height: 1.25;
    margin: 0;
}

.section-heading p[b-pw0dv5yhm3] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
    line-height: 1.45;
    margin: 0.25rem 0 0;
}

.step-number[b-pw0dv5yhm3] {
    align-items: center;
    background: color-mix(in srgb, var(--accent-fill-rest) 14%, var(--neutral-layer-1));
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 30%, transparent);
    border-radius: 50%;
    color: var(--accent-foreground-rest);
    display: inline-flex;
    flex: 0 0 2rem;
    font-size: 0.9rem;
    font-weight: 700;
    height: 2rem;
    justify-content: center;
}

.campaign-controls[b-pw0dv5yhm3] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(20rem, 38rem) max-content;
    margin: 1.25rem 0 0;
}

[b-pw0dv5yhm3] fluent-combobox.campaign-picker {
    min-width: 0;
    width: 100%;
}

[b-pw0dv5yhm3] fluent-button.load-milestones-button::part(control) {
    min-height: 2.25rem;
    padding-inline: 1rem;
}

.campaign-summary[b-pw0dv5yhm3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 1rem 0 0;
}

.campaign-summary > span[b-pw0dv5yhm3] {
    align-items: center;
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 0.5rem;
    display: inline-flex;
    font-size: 0.8125rem;
    gap: 0.35rem;
    min-height: 1.9rem;
    padding: 0.25rem 0.55rem;
}

.summary-label[b-pw0dv5yhm3] {
    color: var(--neutral-foreground-hint);
}

.milestones-toolbar[b-pw0dv5yhm3] {
    align-items: end;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
}

[b-pw0dv5yhm3] fluent-search.milestone-search {
    flex: 0 1 22rem;
    min-width: 18rem;
}

.milestones-grid-container[b-pw0dv5yhm3] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 0.7rem;
    margin-top: 1.25rem;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-color: var(--neutral-stroke-strong-rest) transparent;
    scrollbar-gutter: stable;
}

[b-pw0dv5yhm3] .milestone-processing-grid {
    font-size: 0.875rem;
    min-width: 95rem;
}

.milestones-grid-container[b-pw0dv5yhm3]  .fluent-data-grid-row[row-type="header"],
.milestones-grid-container[b-pw0dv5yhm3]  .fluent-data-grid-row[row-type="sticky-header"] {
    background: var(--neutral-layer-3);
    min-height: 2.75rem !important;
}

.milestones-grid-container[b-pw0dv5yhm3]  th.column-header {
    color: var(--neutral-foreground-rest);
    font-size: 0.8125rem;
    font-weight: 650;
    padding: 0.65rem 0.75rem;
}

.milestones-grid-container[b-pw0dv5yhm3]  .fluent-data-grid-row:not([row-type="header"]):not([row-type="sticky-header"]) {
    height: auto !important;
    min-height: 4.75rem !important;
}

.milestones-grid-container[b-pw0dv5yhm3]  td {
    border-bottom-color: var(--neutral-stroke-divider-rest);
    line-height: 1.35;
    padding: 0.8rem 0.75rem;
    vertical-align: middle;
}

.milestones-grid-container[b-pw0dv5yhm3]  .fluent-data-grid-row:last-child td {
    border-bottom: 0;
}

.secondary-text[b-pw0dv5yhm3] {
    color: var(--neutral-foreground-hint);
    font-size: 0.78rem;
    line-height: 1.3;
    margin-top: 0.2rem;
}

[b-pw0dv5yhm3] fluent-stack.action-buttons {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

[b-pw0dv5yhm3] fluent-button.milestone-action {
    font-size: 0.8125rem;
}

[b-pw0dv5yhm3] fluent-button.milestone-action::part(control) {
    border-radius: 0.4rem;
    min-height: 2.25rem;
    padding-inline: 0.75rem;
    white-space: nowrap;
}

[b-pw0dv5yhm3] fluent-button.milestone-action[disabled]::part(control) {
    filter: saturate(0.55);
    opacity: 0.48;
}

.paginator-bar[b-pw0dv5yhm3] {
    align-items: center;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    color: var(--neutral-foreground-hint);
    display: flex;
    font-size: 0.8125rem;
    justify-content: space-between;
    margin-top: 1rem;
    padding-top: 0.9rem;
}

.empty-state[b-pw0dv5yhm3] {
    color: var(--neutral-foreground-hint);
    padding: 2.5rem 1.5rem;
    text-align: center;
}

@media (max-width: 900px) {
    .page-heading[b-pw0dv5yhm3],
    .milestones-toolbar[b-pw0dv5yhm3] {
        align-items: stretch;
        flex-direction: column;
    }

    .environment-badge[b-pw0dv5yhm3] {
        align-self: flex-start;
    }

    .campaign-controls[b-pw0dv5yhm3] {
        grid-template-columns: minmax(0, 1fr);
    }

    [b-pw0dv5yhm3] fluent-button.load-milestones-button {
        justify-self: start;
    }

    [b-pw0dv5yhm3] fluent-search.milestone-search {
        flex-basis: auto;
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .milestone-processing-page[b-pw0dv5yhm3] {
        font-size: 0.875rem;
        padding: 0.75rem 0.75rem 2rem;
    }

    .production-lock-card[b-pw0dv5yhm3],
    .campaign-search-card[b-pw0dv5yhm3],
    .milestones-card[b-pw0dv5yhm3] {
        border-radius: 0.65rem;
        padding: 1rem;
    }

    .paginator-bar[b-pw0dv5yhm3] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.75rem;
    }
}
/* _content/SaasWeb/Components/Pages/Campaign/AnniversaryCampaignForm.razor.rz.scp.css */
[b-1qdxh1b7jb] .fluent-datepicker-input::placeholder {
    color: transparent !important;
}

.date-format-hint[b-1qdxh1b7jb] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
    margin-top: 4px;
}
/* _content/SaasWeb/Components/Pages/Campaign/CampaignView.razor.rz.scp.css */
.campaign-details-table[b-9t4u0jn2od] {
    border-collapse: collapse;
    width: 100%;
}

.campaign-details-row[b-9t4u0jn2od] {
    border-bottom: 1px solid #eee;
}

[b-9t4u0jn2od] .campaign-brands-summary {
    font-size: 0.9rem;
}

[b-9t4u0jn2od] .campaign-brands-info-icon {
    margin-bottom: 0.2rem;
    margin-left: 0.2rem;
}

.campaign-tooltip-title[b-9t4u0jn2od] {
    font-size: 1rem;
}

.campaign-tooltip-item[b-9t4u0jn2od] {
    font-size: 0.9rem;
    margin: 0;
}

.campaign-upload-icon[b-9t4u0jn2od] {
    width: 38px;
    vertical-align: middle;
    margin-right: 0.5em;
}

.campaign-upload-copy[b-9t4u0jn2od] {
    margin-inline: 0.5em;
}
/* _content/SaasWeb/Components/Pages/Campaign/ManualCampaignForm.razor.rz.scp.css */
.form-field[b-v2zvw2go9c]  fluent-text-field {
    width: 100%;
}

.voucher-option__image[b-v2zvw2go9c] {
    height: auto;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

[b-v2zvw2go9c] .voucher-info-icon {
    margin-bottom: 0.2rem;
    margin-left: 0.2rem;
}

.voucher-tooltip-title[b-v2zvw2go9c] {
    font-size: 1rem;
}

.voucher-tooltip-title--spaced[b-v2zvw2go9c],
.voucher-tooltip-link[b-v2zvw2go9c] {
    margin-top: 0.5rem;
}

.voucher-tooltip-body[b-v2zvw2go9c] {
    font-size: 0.9rem;
    white-space: pre-line;
}

.voucher-meta[b-v2zvw2go9c] {
    font-size: 0.9rem;
    color: gray;
}

[b-v2zvw2go9c] .manual-campaign-actions {
    margin-top: 1.5rem;
}

/* app.css pushes every submit button down by 1rem; the action row aligns its own buttons. */
[b-v2zvw2go9c] .manual-campaign-actions fluent-button[type="submit"] {
    margin-top: 0;
}
/* _content/SaasWeb/Components/Pages/Campaign/Steps/ChooseCampaignType.razor.rz.scp.css */
.campaign-type-step[b-zji2tv904a] {
  max-width: 1100px;
  margin: 0 auto;
  padding: 3rem 0;
}

.title[b-zji2tv904a] {
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: 600;
}

.subtitle[b-zji2tv904a] {
  text-align: center;
  color: #605e5c;
  margin-bottom: 3rem;
  font-size: 1.1rem;
}

.cards-container[b-zji2tv904a] {
  display: flex;
  justify-content: center;
  gap: 3rem;
  flex-wrap: 1 1 0;
}

.type-card[b-zji2tv904a] {
  cursor: pointer;
  position: relative;
  flex: 0 1 420px;
  max-width: 420px;
}

.type-card:hover .card-inner[b-zji2tv904a] {
  transform: translateY(-6px);
}

.card-inner[b-zji2tv904a] {
  height: 100%;
  padding: 2.5rem 2rem;
  border: 2px solid transparent;
  border-radius: 12px;
  transition: all 0.25s ease;
}

.type-card.selected .card-inner[b-zji2tv904a] {
  border: 2px solid #0078d4;
  box-shadow: 0 0 0 6px rgba(0, 120, 212, 0.15);
  background: rgba(0, 120, 212, 0.04);
}

.type-card input[type="radio"][b-zji2tv904a] {
  accent-color: #0078d4;
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
  z-index: 10;
}

.header-row[b-zji2tv904a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.header-row h4[b-zji2tv904a] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
}

.type-card p[b-zji2tv904a] {
  color: #605e5c;
  margin: 1.5rem 0;
  line-height: 1.5;
}

.type-card ul[b-zji2tv904a] {
  margin: 0;
  padding-left: 1.4rem;
  color: #605e5c;
}

.type-card li[b-zji2tv904a] {
  margin: 0.6rem 0;
}

@media (max-width: 992px) {
  .cards-container[b-zji2tv904a] {
    flex-direction: column;
    align-items: center;
  }

  .type-card[b-zji2tv904a] {
    width: 100%;
    max-width: 500px;
  }
}
/* _content/SaasWeb/Components/Pages/Campaign/Steps/StepCampaignCadence.razor.rz.scp.css */
.cadence-step[b-gov1ptw3nt] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2.5rem 0;
}

    .cadence-step .title[b-gov1ptw3nt] {
        text-align: left;
        margin-bottom: 0.5rem;
        font-size: 1.5rem;
        font-weight: 600;
    }

    .cadence-step .subtitle[b-gov1ptw3nt] {
        color: #605e5c;
        margin-bottom: 1.5rem;
        font-size: 1rem;
    }

    .cadence-step .cards-container[b-gov1ptw3nt] {
        display: flex;
        gap: 1.25rem;
        flex-direction: column;
    }

    .cadence-step .option-card[b-gov1ptw3nt] {
        cursor: pointer;
        position: relative;
        display: block;
    }

    .cadence-step[b-gov1ptw3nt]  .card-inner {
        padding: 1.25rem 1.25rem;
        border: 2px solid transparent;
        border-radius: 12px;
        transition: all 0.2s ease;
    }

    .cadence-step .option-card.selected[b-gov1ptw3nt]  .card-inner {
        border-color: #11a1af;
        box-shadow: 0 2px 12px rgba(17, 161, 175, 0.15);
    }

    .cadence-step .header-row[b-gov1ptw3nt] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 44px;
        margin-bottom: 0.35rem;
    }

        .cadence-step .header-row h4[b-gov1ptw3nt] {
            margin: 0;
            font-size: 1.1rem;
            font-weight: 600;
        }

    .cadence-step .option-card p[b-gov1ptw3nt] {
        color: rgba(26, 31, 32, 0.5);
        margin: 0.25rem 0 0 0;
        line-height: 1.4;
    }

    .cadence-step .month-day-row[b-gov1ptw3nt] {
        margin-top: 0.9rem;
    }

        .cadence-step .month-day-row[b-gov1ptw3nt]  .month-day-input {
            width: 12rem;
        }

    .cadence-step .footer-row[b-gov1ptw3nt] {
        margin-top: 1.25rem;
    }

    .cadence-step .manager-email-editor[b-gov1ptw3nt] {
        margin-top: 1.25rem;
    }

    .cadence-step[b-gov1ptw3nt]  .manager-email-card {
        padding: 1.25rem;
    }

    .cadence-step .manager-email-card-header[b-gov1ptw3nt] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 1rem;
    }

        .cadence-step .manager-email-card-header h4[b-gov1ptw3nt] {
            margin: 0;
            font-size: 1.1rem;
            font-weight: 600;
        }

    .cadence-step .manager-email-card-header p[b-gov1ptw3nt] {
        color: #605e5c;
        margin: 0.25rem 0 0;
    }

    .cadence-step .manager-email-actions[b-gov1ptw3nt] {
        display: flex;
        gap: 0.5rem;
    }

@media (max-width: 480px) {
    .cadence-step .manager-email-card-header[b-gov1ptw3nt] {
        align-items: stretch;
        flex-direction: column;
    }

        .cadence-step .manager-email-card-header[b-gov1ptw3nt]  button {
            align-self: flex-start;
        }

        .cadence-step .manager-email-actions[b-gov1ptw3nt] {
            flex-wrap: wrap;
        }
}

@media (max-width: 768px) {
    .cadence-step[b-gov1ptw3nt] {
        padding: 2rem 1rem;
    }

        .cadence-step .option-card input[type="radio"][b-gov1ptw3nt] {
            top: 1rem;
            right: 1rem;
        }
}
/* _content/SaasWeb/Components/Pages/Campaign/Steps/StepEventType.razor.rz.scp.css */
.event-type-step[b-41gmzy3wsx] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 3rem 0;
}

.title[b-41gmzy3wsx] {
    text-align: center;
    margin-bottom: 3rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.cards-container[b-41gmzy3wsx] {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.type-card[b-41gmzy3wsx] {
    cursor: pointer;
    position: relative;
    flex: 1 1 380px;
    max-width: 420px;
    min-width: 320px;
}

[b-41gmzy3wsx] .card-inner {
    height: 100%;
    padding: 2.5rem 2rem;
    border: 2px solid transparent;
    border-radius: 12px;
    transition: all 0.25s ease;
    position: relative;
}

.type-card input[type="radio"][b-41gmzy3wsx] {
    accent-color: #0078d4;
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 24px;
    height: 24px;
    margin: 0;
    cursor: pointer;
    z-index: 10;
}

.header-row[b-41gmzy3wsx] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-right: 40px;
}

.icon[b-41gmzy3wsx] {
    font-size: 48px;
    flex-shrink: 0;
}

.header-row h4[b-41gmzy3wsx] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.type-card p[b-41gmzy3wsx] {
    color: #605e5c;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

.type-card ul[b-41gmzy3wsx] {
    margin: 0;
    padding-left: 1.4rem;
    color: #605e5c;
}

.type-card li[b-41gmzy3wsx] {
    margin: 0.6rem 0;
}

@media (max-width: 860px) {
    .cards-container[b-41gmzy3wsx] {
        flex-direction: column;
        align-items: center;
    }

    .type-card[b-41gmzy3wsx] {
        width: 100%;
        max-width: 500px;
    }

    .header-row[b-41gmzy3wsx] {
        padding-right: 50px;
    }
}

@media (max-width: 480px) {
    .event-type-step[b-41gmzy3wsx] {
        padding: 2rem 1rem;
    }

    [b-41gmzy3wsx] .card-inner {
        padding: 2rem 1.5rem;
    }

    .header-row[b-41gmzy3wsx] {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        gap: 0.75rem;
        padding-right: 60px;
    }

    .header-row h4[b-41gmzy3wsx] {
        font-size: 1.35rem;
    }
}
/* _content/SaasWeb/Components/Pages/Campaign/Steps/StepRewardsByYearsOfService.razor.rz.scp.css */
.milestone-intro[b-ez0jnu5inh] {
  width: 100%;
}

.milestone-add-row[b-ez0jnu5inh] {
  padding-bottom: 1rem;
}

[b-ez0jnu5inh] .milestone-year-input {
  width: 200px;
}

.milestone-add__error[b-ez0jnu5inh] {
  color: #b42318;
  font-size: 0.875rem;
}

.milestone-list[b-ez0jnu5inh] {
  display: grid;
  gap: 1.25rem;
}

.milestone-year-card[b-ez0jnu5inh] {
  overflow: visible;
  width: 100%;
  border: 1px solid rgba(173, 185, 189, 0.45);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(20, 29, 41, 0.08);
}

.milestone-year-card__header[b-ez0jnu5inh] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 64px;
  padding: 0.75rem 1.25rem;
  background: #ffffff;
  border-radius: 0.85rem;
  box-shadow: none;
}

.milestone-year-card__header--collapsed[b-ez0jnu5inh] {
  border-bottom: 0;
}

.milestone-year-card__toggle[b-ez0jnu5inh],
.milestone-year-card__summary[b-ez0jnu5inh],
.reward-card__header[b-ez0jnu5inh],
.reward-card__actions[b-ez0jnu5inh] {
  display: flex;
  align-items: center;
}

.milestone-year-card__toggle[b-ez0jnu5inh] {
  gap: 0.75rem;
  min-width: 0;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.milestone-year-card__toggle:focus-visible[b-ez0jnu5inh] {
  border-radius: 4px;
  outline: 2px solid #07867f;
  outline-offset: 4px;
}

.milestone-year-card__toggle h4[b-ez0jnu5inh] {
  margin: 0;
  color: #07867f;
  font-size: 1rem;
  font-weight: 700;
  white-space: nowrap;
}

.milestone-year-card__chevron[b-ez0jnu5inh] {
  color: #07867f;
  font-size: 1rem;
  line-height: 1;
}

.milestone-badge[b-ez0jnu5inh] {
  display: grid;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  margin: 0;
  place-items: center;
  border-radius: 999px;
  background: #d9f7f3;
  color: #07867f;
  font-size: 0.875rem;
  font-weight: 700;
}

.milestone-year-card__summary[b-ez0jnu5inh] {
  justify-content: flex-end;
  gap: 0.5rem;
}

.milestone-reward-summary[b-ez0jnu5inh] {
  min-width: 176px;
  padding: 0.4rem 0.75rem;
  border: 1px solid rgba(173, 185, 189, 0.45);
  border-radius: 4px;
  color: rgba(20, 29, 41, 0.6);
  background: rgba(20, 29, 41, 0.025);
  font-size: 0.875rem;
  text-align: center;
}

.milestone-year-card__body[b-ez0jnu5inh] {
  display: grid;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
}

.milestone-year-card__body[hidden][b-ez0jnu5inh] {
  display: none;
}

.reward-entry[b-ez0jnu5inh] {
  display: grid;
  gap: 0.35rem;
}

.reward-entry__label[b-ez0jnu5inh] {
  color: rgba(20, 29, 41, 0.5);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.reward-card[b-ez0jnu5inh] {
  display: grid;
  gap: 0.9rem;
  padding: 1rem;
  border: 1px solid rgba(173, 185, 189, 0.45);
  border-radius: 8px;
  background: rgba(20, 29, 41, 0.025);
}

.reward-card__header[b-ez0jnu5inh] {
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.reward-card__type[b-ez0jnu5inh] {
  display: grid;
  gap: 0.35rem;
  min-width: 210px;
}

.reward-card__actions[b-ez0jnu5inh] {
  justify-content: flex-end;
  gap: 1rem;
  flex-wrap: wrap;
}

.reward-field-label[b-ez0jnu5inh] {
  color: rgba(20, 29, 41, 0.62);
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.reward-card__fields[b-ez0jnu5inh] {
  display: grid;
  grid-template-columns:
    minmax(180px, 250px) minmax(170px, 230px) minmax(150px, 1fr)
    auto;
  align-items: stretch;
  gap: 1rem;
}

.reward-amount[b-ez0jnu5inh],
.reward-brand[b-ez0jnu5inh] {
  display: grid;
  /*  grid-template-rows: 1.25rem 42px;*/
  gap: 0.35rem;
  width: 100%;
  min-width: 0;
}

.reward-amount[b-ez0jnu5inh]  fluent-select,
.reward-amount[b-ez0jnu5inh]  fluent-number-field,
.reward-brand[b-ez0jnu5inh]  fluent-button {
  align-self: stretch;
  width: 100%;
}

.reward-amount[b-ez0jnu5inh]  fluent-select::part(control),
.reward-amount[b-ez0jnu5inh]  fluent-number-field::part(root),
.reward-brand[b-ez0jnu5inh]  fluent-button::part(control) {
  box-sizing: border-box;
  min-height: 42px;
  height: 42px;
  font-family: inherit;
  font-size: 0.875rem;
}

.amount-currency-symbol[b-ez0jnu5inh] {
  color: rgba(20, 29, 41, 0.72);
  font-family: inherit;
  font-size: 0.875rem;
  padding-inline-end: 0.5rem;
  pointer-events: none;
}

.reward-brand[b-ez0jnu5inh]  fluent-button::part(control) {
  align-items: center;
  justify-content: center;
}

.milestone-side__selected[b-ez0jnu5inh] {
  display: flex;
  align-self: stretch;
  align-items: center;
  box-sizing: border-box;
  min-height: calc(1.25rem + 0.35rem + 42px);
  padding: calc(1.25rem + 0.35rem) 0 0;
  color: rgba(20, 29, 41, 0.7);
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.milestone-side__selected strong[b-ez0jnu5inh] {
  color: #141d29;
}

.reward-email[b-ez0jnu5inh] {
  display: grid;
  grid-column: 4;
  grid-template-rows: 1.25rem 42px;
  align-items: center;
  gap: 0.35rem;
  min-width: max-content;
}

.reward-email[b-ez0jnu5inh]  fluent-button {
  grid-row: 2;
}

.reward-email[b-ez0jnu5inh]  fluent-button::part(control) {
  box-sizing: border-box;
  min-height: 42px;
  height: 42px;
}

.milestone-side__loading[b-ez0jnu5inh],
.milestone-side__error[b-ez0jnu5inh] {
  margin-top: 0;
}

.milestone-side__error[b-ez0jnu5inh] {
  color: #b42318;
  font-size: 0.875rem;
}

.add-reward-action[b-ez0jnu5inh] {
  display: flex;
  border: 1px dashed #11a1af;
  border-radius: 7px;
  background: #fff !important;
}

[b-ez0jnu5inh] .add-reward-button {
  width: 100%;
}

[b-ez0jnu5inh] fluent-button.add-reward-button::part(control) {
  width: 100%;
  justify-content: flex-start;
  color: #07867f !important;
  background: #fff !important;
  font-weight: 600;
}

[b-ez0jnu5inh] fluent-button.add-reward-button:hover::part(control),
[b-ez0jnu5inh] fluent-button.add-reward-button:focus::part(control),
[b-ez0jnu5inh] fluent-button.add-reward-button:focus-visible::part(control),
[b-ez0jnu5inh] fluent-button.add-reward-button:active::part(control) {
  color: #07867f !important;
  background: #f6fbfb !important;
}

[b-ez0jnu5inh] fluent-button.milestone-remove::part(control) {
  color: #d64550;
}

[b-ez0jnu5inh] fluent-button.reward-remove::part(control) {
  padding-right: 0;
}

.picker[b-ez0jnu5inh] {
  width: 100%;
  margin-top: 0;
}

.picker__item[b-ez0jnu5inh] {
  min-width: 0;
}

.picker__item .picker__img[b-ez0jnu5inh] {
  flex: 0 0 72px;
  width: 72px;
  max-width: 72px;
  height: 48px;
  object-fit: contain;
}

.picker__list .picker__info[b-ez0jnu5inh] {
  min-width: 0;
  padding-right: 4.5rem;
}

.picker__name[b-ez0jnu5inh],
.picker__meta[b-ez0jnu5inh] {
  overflow-wrap: anywhere;
}

.picker__name[b-ez0jnu5inh] {
  line-height: 1.25;
}

.picker__meta[b-ez0jnu5inh] {
  line-height: 1.35;
}

@media (max-width: 760px) {
  .milestone-year-card__header[b-ez0jnu5inh],
  .reward-card__header[b-ez0jnu5inh] {
    align-items: stretch;
    flex-direction: column;
  }

  .milestone-year-card__summary[b-ez0jnu5inh],
  .reward-card__actions[b-ez0jnu5inh] {
    justify-content: flex-start;
  }

  .milestone-reward-summary[b-ez0jnu5inh],
  .reward-card__type[b-ez0jnu5inh] {
    min-width: 0;
    width: 100%;
  }

  .reward-card__fields[b-ez0jnu5inh] {
    grid-template-columns: minmax(140px, 1fr) minmax(140px, 1fr) auto;
    align-items: stretch;
  }

  .reward-amount[b-ez0jnu5inh],
  .reward-brand[b-ez0jnu5inh] {
    width: 100%;
  }

  .reward-email[b-ez0jnu5inh] {
    grid-column: 3;
    min-width: max-content;
  }
  .reward-email:first-child[b-ez0jnu5inh] {
    justify-content: flex-start;
  }
  .reward-email:last-child[b-ez0jnu5inh] {
    justify-content: flex-end;
  }

  .milestone-side__selected[b-ez0jnu5inh] {
    grid-column: 1 / -1;
    min-height: auto;
    padding-top: 0;
  }

  .picker__item .picker__img[b-ez0jnu5inh] {
    flex-basis: 56px;
    width: 56px;
    max-width: 56px;
    height: 40px;
  }
}

@media (max-width: 1140px) {
  .reward-card__fields[b-ez0jnu5inh] {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0;
  }
  .reward-card__fields .milestone-side__selected[b-ez0jnu5inh],
  .reward-card__fields .reward-email[b-ez0jnu5inh] {
    width: 50%;
  }
}
@media (max-width: 880px) {
  .reward-card__fields .milestone-side__selected[b-ez0jnu5inh],
  .reward-card__fields .reward-email[b-ez0jnu5inh] {
    width: 100%;
  }
  .reward-email[b-ez0jnu5inh] {
    grid-template-rows: auto;
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 520px) {
  .reward-card__fields[b-ez0jnu5inh] {
    grid-template-columns: 1fr;
  }

  .reward-email[b-ez0jnu5inh] {
    grid-column: 1;
    grid-template-rows: auto;
    justify-content: stretch;
    gap: 0;
    min-width: 0;
  }

  .reward-email[b-ez0jnu5inh]  fluent-button {
    grid-row: 1;
    width: 100%;
  }

  .milestone-side__selected[b-ez0jnu5inh] {
    grid-column: 1;
  }
}
/* _content/SaasWeb/Components/Pages/Campaign/Steps/StepSaveAllDetails.razor.rz.scp.css */
.setup-overview-step[b-u6cyvtdaaw] {
    max-width: 720px;
    margin: 0 auto;
    padding-top: 24px;
}

.setup-overview-step h3[b-u6cyvtdaaw] {
    margin-bottom: 4px;
}

.setup-overview-step p[b-u6cyvtdaaw] {
    margin-bottom: 16px;
    color: var(--neutral-foreground-rest);
}

[b-u6cyvtdaaw] .overview-card {
    width: 100%;
}

.label[b-u6cyvtdaaw] {
    color: var(--neutral-foreground-hint);
    font-size: 0.95rem;
}

.value[b-u6cyvtdaaw] {
    font-weight: 600;
    text-align: right;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-actions[b-u6cyvtdaaw] {
    margin-top: 16px;
}

[b-u6cyvtdaaw] .overview-expand-button {
    margin-top: 15px;
}

@media (max-width: 768px) {
    .value[b-u6cyvtdaaw] {
        max-width: 55%;
    }
}
/* _content/SaasWeb/Components/Pages/CompanyOnboarding.razor.rz.scp.css */
.form-field[b-80nrgcw66v]  fluent-text-field {
    width: 100%;
}

.form-field--plain[b-80nrgcw66v] {
    background: none !important;
}

[b-80nrgcw66v] .company-onboarding-agreement-row {
    margin-bottom: 0.5rem;
}
/* _content/SaasWeb/Components/Pages/CompanyUsers.razor.rz.scp.css */
/* Grid cell overflow fix */
.company-users-page[b-kf8evfd8m0]  [role="gridcell"]:has(fluent-select) {
    overflow: visible !important;
}

.company-users-page[b-kf8evfd8m0]  [role="gridcell"]:has(.user-status),
.company-users-page[b-kf8evfd8m0]  [role="gridcell"]:has(fluent-button.user-status-action) {
    display: flex;
    align-items: center;
}

.company-users-page[b-kf8evfd8m0]  [role="gridcell"]:has(.user-status) {
    justify-content: flex-start;
}

.company-users-page[b-kf8evfd8m0]  [role="gridcell"]:has(fluent-button.user-status-action) {
    justify-content: center;
}

/* Invite users button */
.company-users-page[b-kf8evfd8m0]  .btn-invite:active:not(:disabled) {
    transform: translateY(0);
    box-shadow: none;
}

.company-users-page[b-kf8evfd8m0]  .btn-invite:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.company-users-page[b-kf8evfd8m0]  .btn-invite svg {
    flex-shrink: 0;
    opacity: 0.9;
}

.center-wrapper[b-kf8evfd8m0] {
    display: flex;
    align-items: center;
    padding: 20px 0;
    margin: 0;
}

/* Role selector */
.company-users-page[b-kf8evfd8m0]  .role-select {
    width: 120px;
    min-width: 120px;
    --height: 24px;
}

.company-users-page[b-kf8evfd8m0]  .role-select::part(control) {
    position: relative;
    box-sizing: border-box !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 28px 0 8px !important;
    line-height: 24px !important;
}

.company-users-page[b-kf8evfd8m0]  .role-select::part(selected-value) {
    display: block;
    width: 100%;
    overflow: hidden;
    line-height: 24px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-users-page[b-kf8evfd8m0]  .role-select::part(indicator) {
    position: absolute;
    top: 50%;
    right: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px !important;
    height: 12px !important;
    transform: translateY(-50%);
    pointer-events: none;
}

/* User status */
.company-users-page[b-kf8evfd8m0]  .user-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 92px;
    padding: 3px 9px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
}

.company-users-page[b-kf8evfd8m0]  .user-status__indicator {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: currentColor;
}

.company-users-page[b-kf8evfd8m0]  .user-status--active {
    color: var(--primitive-dark-slate-gray-500);
    background: var(--primitive-teal-100);
    border-color: var(--primitive-teal-200);
}

.company-users-page[b-kf8evfd8m0]  .user-status--active .user-status__indicator {
    color: var(--primitive-teal-300);
}

.company-users-page[b-kf8evfd8m0]  .user-status--deactivated {
    color: var(--primitive-gray-400);
    background: var(--primitive-gray-100);
    border-color: var(--primitive-gray-200);
}

.company-users-page[b-kf8evfd8m0]  .user-status--deactivated .user-status__indicator {
    color: var(--primitive-gray-300);
}

/* User status action */
.company-users-page[b-kf8evfd8m0]  fluent-button.user-status-action {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    height: 22px;
    background: transparent !important;
}

.company-users-page[b-kf8evfd8m0]  fluent-button.user-status-action::part(control) {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 22px;
    height: 22px;
    justify-content: center;
    gap: 4px;
    padding: 0 6px !important;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.company-users-page[b-kf8evfd8m0]  fluent-button.user-status-action--activate,
.company-users-page[b-kf8evfd8m0]  fluent-button.user-status-action--activate::part(control) {
    color: var(--primitive-dark-slate-gray-500) !important;
    background: var(--primitive-teal-100);
    border-color: var(--primitive-teal-200);
}

.company-users-page[b-kf8evfd8m0]  fluent-button.user-status-action--activate:hover::part(control),
.company-users-page[b-kf8evfd8m0]  fluent-button.user-status-action--activate:focus-visible::part(control) {
    color: var(--surface-primary) !important;
    background: var(--primitive-teal-300);
    border-color: var(--primitive-teal-300);
}

.company-users-page[b-kf8evfd8m0]  fluent-button.user-status-action--deactivate,
.company-users-page[b-kf8evfd8m0]  fluent-button.user-status-action--deactivate::part(control) {
    color: var(--text-error) !important;
    background: var(--surface-error);
    border-color: var(--primitive-red-200);
}

.company-users-page[b-kf8evfd8m0]  fluent-button.user-status-action--deactivate:hover::part(control),
.company-users-page[b-kf8evfd8m0]  fluent-button.user-status-action--deactivate:focus-visible::part(control) {
    color: var(--surface-primary) !important;
    background: var(--text-error);
    border-color: var(--text-error);
}

.company-users-page[b-kf8evfd8m0]  fluent-button.user-status-action[disabled],
.company-users-page[b-kf8evfd8m0]  fluent-button.user-status-action[disabled]::part(control) {
    color: var(--text-muted) !important;
    background: var(--primitive-gray-100) !important;
    border-color: var(--primitive-gray-200);
}

.company-users-page[b-kf8evfd8m0]  .user-status-action__icon {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    color: inherit;
}
/* _content/SaasWeb/Components/Pages/Dashboard.razor.rz.scp.css */
[b-c61pjk3uce] .dashboard-card-controls {
    margin-bottom: 1rem;
}

[b-c61pjk3uce] .dashboard-report-button {
    z-index: 20;
}

.dashboard-chart-host[b-c61pjk3uce],
.chart-host[b-c61pjk3uce] {
    position: relative;
    width: 100%;
    min-width: 0;
}

.dashboard-chart-host--compact[b-c61pjk3uce] {
    max-width: 25rem;
    margin: 0 auto;
}

.dashboard-chart-host[b-c61pjk3uce]  canvas,
.chart-host[b-c61pjk3uce]  canvas {
    display: block;
    width: 100% !important;
    max-width: 100%;
}

.dashboard-chart-host--bar[b-c61pjk3uce] {
    min-height: 280px;
}
/* _content/SaasWeb/Components/Pages/Dialogs/AddCoreHrReportDialog.razor.rz.scp.css */
.corehr-dialog-grid[b-5xi2e1454c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 32px;
    padding: 8px 0;
}

.corehr-dialog-field[b-5xi2e1454c] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.corehr-dialog-field[b-5xi2e1454c]  .corehr-dialog-input,
.corehr-dialog-field[b-5xi2e1454c]  fluent-text-field,
.corehr-dialog-field[b-5xi2e1454c]  fluent-select {
    width: 100% !important;
}

[b-5xi2e1454c] .country-select::part(listbox) {
    max-height: 200px !important;
    overflow-y: auto !important;
    z-index: 99999 !important;
}

.corehr-secret-row[b-5xi2e1454c] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.corehr-secret-input[b-5xi2e1454c] {
    background-color: var(--surface-field);
    border: none;
    outline: none;
    box-shadow: none;
    color: var(--text-body);
    height: 40px;
    padding: 0 8px;
    width: 100%;
    font-family: inherit;
    font-size: inherit;
}

.corehr-secret-input:focus[b-5xi2e1454c] {
    background-color: var(--surface-field);
    border: none;
    outline: none;
    box-shadow: none;
}

@media (max-width: 600px) {
    .corehr-dialog-grid[b-5xi2e1454c] {
        grid-template-columns: 1fr;
    }
}
/* _content/SaasWeb/Components/Pages/Dialogs/AddFundsCalculatorView.razor.rz.scp.css */
.add-funds-dialog[b-xchr85zpey] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

[b-xchr85zpey] .add-funds-amount-field {
    width: 100%;
}

.add-funds-intro[b-xchr85zpey] {
    margin: 0;
}

.calculation-table[b-xchr85zpey] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.calculation-row[b-xchr85zpey] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e5e5e5;
}

.calculation-row span[b-xchr85zpey] {
    font-size: 1rem;
}

.calculation-row strong[b-xchr85zpey] {
    font-size: 1rem;
    white-space: nowrap;
}

.calculation-row.total strong[b-xchr85zpey] {
    font-size: 1.1rem;
}

.calculation-row.available[b-xchr85zpey] {
    color: #007c89;
}

.dialog-actions[b-xchr85zpey] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
    margin-top: 0.5rem;
    align-items: stretch;
}

.dialog-actions[b-xchr85zpey]  fluent-button.download-action-button {
    width: 100%;
    height: 52px;
    min-height: 52px;
    display: block !important;
}

.dialog-actions[b-xchr85zpey]  fluent-button.download-action-button::part(control),
.dialog-actions[b-xchr85zpey]  fluent-button.download-action-button::part(control):hover,
.dialog-actions[b-xchr85zpey]  fluent-button.download-action-button::part(control):focus,
.dialog-actions[b-xchr85zpey]  fluent-button.download-action-button::part(control):focus-visible,
.dialog-actions[b-xchr85zpey]  fluent-button.download-action-button::part(control):active {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    box-sizing: border-box !important;
    padding: 0 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    transform: none !important;
    scale: 1 !important;
    overflow: visible !important;
    line-height: 1.2 !important;
}

.dialog-actions[b-xchr85zpey]  fluent-button.download-action-button:not([disabled])::part(control),
.dialog-actions[b-xchr85zpey]  fluent-button.download-action-button:not([disabled])::part(control):hover,
.dialog-actions[b-xchr85zpey]  fluent-button.download-action-button:not([disabled])::part(control):focus,
.dialog-actions[b-xchr85zpey]  fluent-button.download-action-button:not([disabled])::part(control):focus-visible,
.dialog-actions[b-xchr85zpey]  fluent-button.download-action-button:not([disabled])::part(control):active {
    background: var(--surface-button-primary) !important;
    color: #ffffff !important;
}

.dialog-actions[b-xchr85zpey]  fluent-button.download-action-button[disabled]::part(control) {
    background: var(--surface-button) !important;
    color: var(--text-headline-regular) !important;
    opacity: 1 !important;
}

.dialog-actions[b-xchr85zpey]  fluent-button.download-action-button::part(start),
.dialog-actions[b-xchr85zpey]  fluent-button.download-action-button::part(content) {
    transform: none !important;
    overflow: visible !important;
}

.dialog-actions[b-xchr85zpey]  fluent-button.download-action-button::part(start) {
    color: currentColor !important;
    fill: currentColor !important;
}

.dialog-actions[b-xchr85zpey]  fluent-button.download-action-button::part(content) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    line-height: 1.2 !important;
}

.close-action[b-xchr85zpey] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    margin-top: 2rem;
}

.close-action[b-xchr85zpey]  fluent-button {
    width: auto;
}

.close-action[b-xchr85zpey]  fluent-button::part(control) {
    width: auto;
    min-height: 2.5rem;
}
/* _content/SaasWeb/Components/Pages/Dialogs/CampaignFullDetailsDialog.razor.rz.scp.css */
[b-r0l93li9ic] .campaign-details-root {
    width: 100%;
    min-width: 0;
}

.dialog-title[b-r0l93li9ic] {
    margin: 0 0 6px 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
}

.campaign-details-layout[b-r0l93li9ic] {
    display: grid;
    grid-template-columns: minmax(420px, 1fr) minmax(360px, 420px);
    gap: 20px;
    align-items: start;
    width: 100%;
    min-width: 0;
}

.left-column[b-r0l93li9ic],
.right-column[b-r0l93li9ic] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.details-section[b-r0l93li9ic] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 18px;
    background: #fff;
}

.section-title[b-r0l93li9ic] {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 14px;
}

.details-grid[b-r0l93li9ic] {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    column-gap: 18px;
    row-gap: 12px;
    align-items: start;
    width: 100%;
    min-width: 0;
    justify-items: start;
    text-align: left;
}

.details-grid > .label[b-r0l93li9ic],
.details-grid > .value[b-r0l93li9ic] {
    min-width: 0;
    align-self: start;
    justify-self: start;
    text-align: left !important;
}

.details-grid > .value[b-r0l93li9ic] {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: break-word;
}

.label[b-r0l93li9ic] {
    font-weight: 600;
    color: #6b7280;
}

.value[b-r0l93li9ic] {
    font-weight: 500;
    min-width: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    word-break: break-word;
}

.milestones-section[b-r0l93li9ic] {
    height: 100%;
    max-height: min(68vh, 760px);
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.milestones-list[b-r0l93li9ic] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    min-height: 0;
}

.milestone-card[b-r0l93li9ic] {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 14px;
    background: #fafafa;
}

.milestone-year[b-r0l93li9ic] {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
}

.milestone-summary[b-r0l93li9ic] {
    font-size: 15px;
    margin-bottom: 8px;
    font-weight: 500;
}

.milestone-meta[b-r0l93li9ic] {
    font-size: 14px;
    margin-top: 6px;
    line-height: 1.45;
    word-break: break-word;
}

.meta-label[b-r0l93li9ic] {
    font-weight: 700;
}

.empty-state[b-r0l93li9ic] {
    color: #6b7280;
}
/* _content/SaasWeb/Components/Pages/Dialogs/EditRecipientDialog.razor.rz.scp.css */
.recipient-dialog[b-yd1i3c598p] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-top: 4px;
    min-width: 0;
}

.recipient-dialog__alert[b-yd1i3c598p] {
    margin-bottom: 2px;
}

.recipient-dialog__section[b-yd1i3c598p] {
    border: 1px solid #ececec;
    border-radius: 12px;
    background: #fafafa;
    padding: 16px 16px 12px 16px;
}

.recipient-dialog__section-title[b-yd1i3c598p] {
    font-size: 14px;
    font-weight: 600;
    color: #384250;
    margin-bottom: 12px;
}

.recipient-dialog__hint[b-yd1i3c598p] {
    font-size: 12px;
    color: #667085;
    padding: 0 2px;
}

[b-yd1i3c598p] .recipient-dialog__field {
    width: 100%;
}

[b-yd1i3c598p] .recipient-dialog__country-option {
    max-height: 120px;
}

[b-yd1i3c598p] .validation-message {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #b42318;
}
/* _content/SaasWeb/Components/Pages/Dialogs/ReportCampaignSelectorDialog.razor.rz.scp.css */
.campaign-dialog[b-bsvhlev168] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.campaign-dialog-header[b-bsvhlev168] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    padding-bottom: 14px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 14px;
}

.campaign-dialog-title[b-bsvhlev168] {
    font-size: 18px;
    font-weight: 700;
    color: #075f66;
}

.campaign-dialog-subtitle[b-bsvhlev168] {
    margin-top: 4px;
    font-size: 13px;
    color: #666;
}

.campaign-dialog-count[b-bsvhlev168] {
    flex: 0 0 auto;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef7f8;
    color: #075f66;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.campaign-dialog-toolbar[b-bsvhlev168] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    align-items: center;
    margin-bottom: 12px;
    width: 100%;
}

[b-bsvhlev168] .campaign-search {
    width: 100%;
    min-width: 0;
}

.campaign-list[b-bsvhlev168] {
    max-height: 320px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-right: 4px;
}

.campaign-row[b-bsvhlev168] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.campaign-row:hover[b-bsvhlev168] {
    background: #f8fbfb;
    border-color: #b7dfe2;
}

.campaign-row.selected[b-bsvhlev168] {
    background: #eef7f8;
    border-color: #13a4ad;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.campaign-row-content[b-bsvhlev168] {
    min-width: 0;
}

.campaign-name[b-bsvhlev168] {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.campaign-empty[b-bsvhlev168] {
    padding: 24px;
    text-align: center;
    border: 1px dashed #ccc;
    border-radius: 10px;
    color: #666;
    background: #fafafa;
}

.campaign-dialog-footer[b-bsvhlev168] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
}

.campaign-dialog-footer[b-bsvhlev168]  fluent-button {
    flex: 0 0 auto;
}
/* _content/SaasWeb/Components/Pages/Dialogs/ScheduledServiceCycleDialog.razor.rz.scp.css */
.execution-cycle-dialog[b-s7uas89ysz] {
    width: min(72rem, calc(100vw - 3rem));
}

.execution-cycle-details[b-s7uas89ysz] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(9rem, auto);
}

.execution-cycle-name[b-s7uas89ysz] {
    grid-column: 1 / 3;
    min-width: 0;
}

.execution-cycle-start[b-s7uas89ysz] {
    grid-column: 1;
    min-width: 0;
}

.execution-cycle-end[b-s7uas89ysz] {
    grid-column: 2;
    min-width: 0;
}

.execution-cycle-enabled[b-s7uas89ysz] {
    align-self: center;
    grid-column: 3;
    grid-row: 1 / 3;
}

.execution-cycle-selector-help[b-s7uas89ysz] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
    margin: 0;
    white-space: nowrap;
}

.execution-cycle-selector-grid[b-s7uas89ysz] {
    align-items: start;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.execution-cycle-selector[b-s7uas89ysz] {
    align-self: start;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 0.5rem;
    min-width: 0;
    padding: 0.5rem;
}

.execution-cycle-selector-toggle[b-s7uas89ysz] {
    display: flex;
    justify-content: space-between;
    text-align: left;
    width: 100%;
}

.execution-cycle-selector-toggle span[b-s7uas89ysz] {
    color: var(--neutral-foreground-hint);
    font-size: 0.8rem;
    margin-left: 0.5rem;
}

.execution-cycle-option-list[b-s7uas89ysz] {
    display: grid;
    gap: 0.2rem;
    margin-top: 0.5rem;
    max-height: 13rem;
    overflow-y: auto;
    padding: 0.25rem;
}

@media (max-width: 68rem) {
    .execution-cycle-selector-grid[b-s7uas89ysz] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 48rem) {
    .execution-cycle-dialog[b-s7uas89ysz] {
        width: 100%;
    }

    .execution-cycle-details[b-s7uas89ysz],
    .execution-cycle-selector-grid[b-s7uas89ysz] {
        grid-template-columns: 1fr;
    }

    .execution-cycle-name[b-s7uas89ysz],
    .execution-cycle-start[b-s7uas89ysz],
    .execution-cycle-end[b-s7uas89ysz],
    .execution-cycle-enabled[b-s7uas89ysz] {
        grid-column: 1;
        grid-row: auto;
    }

    .execution-cycle-selector-help[b-s7uas89ysz] {
        white-space: normal;
    }
}
/* _content/SaasWeb/Components/Pages/Privacy.razor.rz.scp.css */
.privacy-list[b-o31uk7xeue] {
    margin-top: 0cm;
}
/* _content/SaasWeb/Components/Pages/Reports/ReportView.razor.rz.scp.css */
.report-view-header[b-2vk0e9qqq1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 24px;
    width: 100%;
}

.report-view-header > h1[b-2vk0e9qqq1] {
    min-width: 0;
}

.report-view-structure-selector[b-2vk0e9qqq1] {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-self: end;
}

@media (max-width: 800px) {
    .report-view-header[b-2vk0e9qqq1] {
        grid-template-columns: 1fr;
        row-gap: 12px;
    }

    .report-view-structure-selector[b-2vk0e9qqq1] {
        justify-self: start;
        margin-bottom: 30px;
    }
}
/* _content/SaasWeb/Components/Pages/Terms.razor.rz.scp.css */
.text-page-list-item-step[b-nsfal0k70f] {
    display: flex;
    gap: 1rem;
    padding: 0.35rem 0;
}

.text-page-list-item-step span:first-child[b-nsfal0k70f] {
    flex-shrink: 0;
    min-width: 2rem;
}

.text-page-list-item-step.step-two span:first-child[b-nsfal0k70f] {
    padding-left: 1rem;
}

.terms-definition[b-nsfal0k70f] {
    min-width: 17%;
}

.terms-list[b-nsfal0k70f] {
    list-style: none;
}
/* _content/SaasWeb/Components/Shared/InformationLabel.razor.rz.scp.css */
.information-label[b-fqs4u0h9lr] {
    --information-label-accent: var(--surface-sidebar, var(--accent-base-color, #11a1af));

    align-items: center;
    background:
        radial-gradient(circle at 8% 25%, color-mix(in srgb, var(--information-label-accent) 16%, transparent), transparent 36%),
        linear-gradient(105deg, color-mix(in srgb, var(--information-label-accent) 7%, var(--surface-primary, #fff)), var(--surface-primary, #fff));
    border: 1px solid color-mix(in srgb, var(--information-label-accent) 30%, var(--border-color-field, #c9c9c9));
    border-radius: 12px;
    box-shadow: 0 8px 24px color-mix(in srgb, var(--information-label-accent) 10%, transparent);
    cursor: pointer;
    display: flex;
    gap: 0.8rem;
    margin-block: 0 1rem;
    min-height: 56px;
    overflow: hidden;
    padding: 0.75rem 0.85rem;
    position: relative;
}

.information-label[b-fqs4u0h9lr]::after {
    background: linear-gradient(90deg, var(--information-label-accent), color-mix(in srgb, var(--information-label-accent) 30%, transparent));
    bottom: 0;
    content: "";
    height: 3px;
    inset-inline: 0;
    position: absolute;
}

.information-label__icon[b-fqs4u0h9lr] {
    align-items: center;
    background: var(--information-label-accent);
    border-radius: 50%;
    color: var(--surface-primary, #fff);
    display: flex;
    flex: 0 0 32px;
    font-size: 1rem;
    height: 32px;
    justify-content: center;
}

.information-label__message[b-fqs4u0h9lr] {
    flex: 1;
    font-size: 0.95rem;
    line-height: 1.45;
    margin: 0;
}

.information-label__next[b-fqs4u0h9lr] {
    align-items: center;
    align-self: stretch;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: var(--information-label-accent);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 1.7rem;
    justify-content: center;
    min-width: 36px;
    padding: 0;
}

.information-label__next:hover[b-fqs4u0h9lr],
.information-label__next:focus-visible[b-fqs4u0h9lr] {
    background: color-mix(in srgb, var(--information-label-accent) 10%, transparent);
}

.information-label__next:focus-visible[b-fqs4u0h9lr] {
    outline: 2px solid var(--information-label-accent);
    outline-offset: 1px;
}

@media (max-width: 600px) {
    .information-label[b-fqs4u0h9lr] {
        align-items: flex-start;
    }

    .information-label__next[b-fqs4u0h9lr] {
        align-self: center;
    }
}
/* _content/SaasWeb/Components/Shared/Reports/CampaignsWithFundsDueComponent.razor.rz.scp.css */
.funds-due-report-root[b-ol06c4dtl9],
.funds-due-report-toolbar[b-ol06c4dtl9] {
    margin-bottom: 10px;
}

.funds-due-report-selector[b-ol06c4dtl9] {
    margin-inline-end: 1em;
    z-index: 20;
}

.funds-due-report-grid[b-ol06c4dtl9] {
    width: 50rem;
}
/* _content/SaasWeb/Components/Shared/Reports/OrderHistoryReportComponent.razor.rz.scp.css */
[b-bqg23dx8ns] .order-history-toolbar {
    margin-bottom: 10px;
    flex-wrap: wrap;
}

[b-bqg23dx8ns] .order-history-date-picker {
    width: 125px;
}

[b-bqg23dx8ns] .order-history-selected-badge {
    margin-bottom: 10px;
}

[b-bqg23dx8ns] .select-campaign-button {
    margin-right: auto !important;
}

[b-bqg23dx8ns] .select-campaign-button::part(control) {
    margin-right: auto !important;
}
/* _content/SaasWeb/Components/Shared/Reports/PredictiveRewardCostReportComponent.razor.rz.scp.css */
.predictive-summary-heading[b-37az9mbm1p] {
    flex-shrink: 0;
    white-space: nowrap;
}

.predictive-reward-tabs[b-37az9mbm1p] {
    width: 100%;
}

.predictive-reward-tabs[b-37az9mbm1p]  fluent-tab {
    border-left: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px 4px 0 0;
    border-right: 1px solid var(--neutral-stroke-rest);
    border-top: 1px solid var(--neutral-stroke-rest);
    margin-right: 4px;
}
/* _content/SaasWeb/Components/Shared/Reports/StatementOfAccountReportComponent.razor.rz.scp.css */
[b-zho1wdlrtx] .statement-account-toolbar {
    margin-bottom: 10px;
    flex-wrap: wrap;
}

[b-zho1wdlrtx] .statement-account-date-picker {
    width: 125px;
}

[b-zho1wdlrtx] .statement-account-selected-badge {
    margin-bottom: 10px;
}
/* _content/SaasWeb/Components/Shared/Reports/TotalAvailableBalanceComponent.razor.rz.scp.css */
[b-y01x9eg5s0] .available-balance-report-root,
[b-y01x9eg5s0] .available-balance-report-toolbar {
    margin-bottom: 10px;
}

[b-y01x9eg5s0] .available-balance-report-selector {
    margin-inline-end: 1em;
    z-index: 20;
}
/* _content/SaasWeb/Components/Shared/Reports/TotalSpentRewardsReportComponent.razor.rz.scp.css */
[b-8k62kel0k6] .spent-rewards-report-root,
[b-8k62kel0k6] .spent-rewards-report-toolbar {
    margin-bottom: 10px;
}

[b-8k62kel0k6] .spent-rewards-report-date-picker {
    width: 125px;
}