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

/* /AutomaticResponses/Pages/AutomaticResponses.razor.rz.scp.css */
.automatic-responses-page[b-snnehsayrx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.automatic-responses-header[b-snnehsayrx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 0.5rem;
}

.automatic-responses-header p[b-snnehsayrx] {
    max-width: 720px;
}

.automatic-responses-filter-card[b-snnehsayrx],
.automatic-responses-table-card[b-snnehsayrx] {
    content-visibility: visible;
    contain: initial;
}

.automatic-responses-filter-grid[b-snnehsayrx] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 1rem;
    align-items: end;
}

.rule-name[b-snnehsayrx] {
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.rule-id[b-snnehsayrx] {
    margin-top: 0.2rem;
    font-family: monospace;
    font-size: 0.78rem;
    color: var(--neutral-foreground-hint);
}

.scenario-badges[b-snnehsayrx] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.scenario-badge[b-snnehsayrx],
.type-badge[b-snnehsayrx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-height: 1.55rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
}

.scenario-badge[b-snnehsayrx]  fluent-icon,
.scenario-badge[b-snnehsayrx]  svg {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

.scenario-badge.positive[b-snnehsayrx] {
    color: #00c951;
    background: #00c9511a;
    border: 1px solid #00c95155;
}

.scenario-badge.negative[b-snnehsayrx] {
    color: #ff6467;
    background: #ff64671a;
    border: 1px solid #ff646755;
}

.type-badge.free-rule[b-snnehsayrx] {
    color: #3b82f6;
    background: #3b82f61a;
    border: 1px solid #3b82f655;
}

.type-badge.template[b-snnehsayrx] {
    color: #b784f7;
    background: #b784f71a;
    border: 1px solid #b784f755;
}

.type-badge.block-list[b-snnehsayrx] {
    color: #ff6467;
    background: #ff64671a;
    border: 1px solid #ff646755;
}

.empty-state[b-snnehsayrx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

@media (max-width: 900px) {
    .automatic-responses-header[b-snnehsayrx] {
        flex-direction: column;
    }

    .automatic-responses-filter-grid[b-snnehsayrx] {
        grid-template-columns: 1fr;
    }
}
/* /AutomaticResponses/Pages/CreateOrEditAutomaticResponses.razor.rz.scp.css */
.grid-rule[b-9wjwp8izq0] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
}

.scenarios-container[b-9wjwp8izq0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.scenario-item[b-9wjwp8izq0] {
  margin-bottom: 1rem;
}

.text-color[b-9wjwp8izq0] {
  color: var(--neutral-foreground-rest);
}

.origin-template-panel[b-9wjwp8izq0] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 1.5rem;
  padding: 1.5rem;
  border: 1px solid var(--neutral-stroke-rest);
  border-radius: 8px;
  background: var(--neutral-fill-input-rest);
}

.decision-tree-header[b-9wjwp8izq0] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1.5rem 1rem 0;
  margin-bottom: -1.5rem;
}

.decision-tree-title[b-9wjwp8izq0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--neutral-foreground-hint);
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.02rem;
  text-transform: uppercase;
}

.decision-tree-title[b-9wjwp8izq0]  svg {
  fill: var(--color-purple-400);
}

.decision-tree-flow[b-9wjwp8izq0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  width: min(420px, 100%);
}

.decision-message-card[b-9wjwp8izq0] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  min-width: 280px;
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--color-purple-400);
  border-radius: 8px;
  background: color-mix(in srgb, var(--color-purple-400) 8%, var(--neutral-layer-1));
  color: var(--neutral-foreground-rest);
}

.decision-message-card[b-9wjwp8izq0] >  svg {
  fill: var(--color-purple-400);
  margin-top: 0.15rem;
}

.decision-message-card div[b-9wjwp8izq0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.decision-message-card strong[b-9wjwp8izq0] {
  font-size: 1rem;
}

.decision-message-card span[b-9wjwp8izq0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--neutral-foreground-hint);
  font-weight: 700;
}

.decision-received-label[b-9wjwp8izq0] {
  position: relative;
  min-height: 150px;
  padding-top: 4.5rem;
  color: var(--neutral-foreground-hint);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.18rem;
  text-transform: uppercase;
}

.decision-received-label[b-9wjwp8izq0]::before,
.decision-received-label[b-9wjwp8izq0]::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.decision-received-label[b-9wjwp8izq0]::before {
  top: 0.75rem;
  height: 3rem;
  border-left: 1px solid var(--neutral-stroke-rest);
}

.decision-evaluate-node[b-9wjwp8izq0] {
  position: relative;
  width: 156px;
  height: 156px;
  margin-top: -0.4rem;
  margin-bottom: 7rem;
  border: 2px dashed color-mix(in srgb, var(--color-purple-400) 70%, transparent);
  border-radius: 8px;
  transform: rotate(45deg);
}

.decision-evaluate-content[b-9wjwp8izq0] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  text-align: center;
  transform: rotate(-45deg);
}

.decision-evaluate-content[b-9wjwp8izq0]  svg {
  fill: var(--color-purple-400);
}

.decision-evaluate-content strong[b-9wjwp8izq0] {
  color: var(--neutral-foreground-rest);
}

.decision-evaluate-content span[b-9wjwp8izq0] {
  color: var(--neutral-foreground-hint);
  font-weight: 700;
}

.grid-scenarios[b-9wjwp8izq0] {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 1rem;
}

.grid-scenarios-content[b-9wjwp8izq0] {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1rem;
}

.arrow-fluent-icon[b-9wjwp8izq0] {
  margin: auto 0;
}

@media (max-width: 768px) {
  .decision-tree-header[b-9wjwp8izq0] {
    min-height: 430px;
    padding-inline: 0;
  }

  .decision-evaluate-node[b-9wjwp8izq0] {
    width: 132px;
    height: 132px;
    margin-bottom: 5rem;
  }

  .grid-scenarios-content[b-9wjwp8izq0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .arrow-fluent-icon[b-9wjwp8izq0] {
    transform: rotate(90deg);
  }
}

.shield-fluent-icon[b-9wjwp8izq0] {
  display: flex;
  justify-content: end;
  align-items: start;
  width: 100%;
}
/* /AutomaticResponses/Views/ScenarioCard.razor.rz.scp.css */
.scenario-flow[b-3rzytzud0z] {
  display: grid;
  grid-template-columns: 48px minmax(280px, 1fr) 32px minmax(280px, 1fr);
  gap: 1rem;
  align-items: center;
  width: 100%;
}

.scenario-priority[b-3rzytzud0z] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}

.scenario-priority[b-3rzytzud0z]  fluent-button::part(control) {
  min-width: 28px;
  width: 28px;
  height: 24px;
}

.scenario-index[b-3rzytzud0z] {
  color: var(--neutral-foreground-hint);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.scenario-condition-card[b-3rzytzud0z],
.scenario-action-card[b-3rzytzud0z] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
  min-height: 116px;
  width: 100%;
  padding: 1.5rem 2rem;
  border: 1px solid var(--neutral-stroke-rest);
  border-radius: 8px;
  background: var(--neutral-fill-stealth-rest);
  color: var(--neutral-foreground-rest);
  text-align: left;
  cursor: pointer;
  min-height: 140px;
}

.scenario-condition-card:hover[b-3rzytzud0z],
.scenario-action-card:hover[b-3rzytzud0z] {
  border-color: var(--accent-fill-rest);
}

.scenario-condition-card strong[b-3rzytzud0z],
.scenario-action-card strong[b-3rzytzud0z] {
  font-size: 1.125rem;
}

.scenario-action-card[b-3rzytzud0z] {
  border-color: color-mix(in srgb, var(--color-green-500) 60%, transparent);
  background: color-mix(in srgb, var(--color-green-500) 10%, var(--neutral-layer-1));
}

.scenario-action-card.negative[b-3rzytzud0z] {
  border-color: color-mix(in srgb, var(--color-red-500) 65%, transparent);
  background: color-mix(in srgb, var(--color-red-500) 10%, var(--neutral-layer-1));
}

.scenario-condition-header[b-3rzytzud0z] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  width: 100%;
}

.scenario-condition-header strong[b-3rzytzud0z] {
  min-width: 0;
  overflow-wrap: anywhere;
}

.scenario-keywords[b-3rzytzud0z] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.keyword-chip[b-3rzytzud0z] {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 0.25rem 0.65rem;
  border-radius: 6px;
  background: var(--neutral-fill-stealth-hover);
  color: var(--neutral-foreground-rest);
  font-weight: 700;
}

.scenario-edit-icon[b-3rzytzud0z] {
  opacity: 0.75;
  justify-self: end;
  flex: 0 0 auto;
}

.scenario-delete-button[b-3rzytzud0z] {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  opacity: 0.75;
}

.scenario-delete-button:hover[b-3rzytzud0z] {
  background: var(--neutral-fill-stealth-hover);
  opacity: 1;
}

.scenario-delete-button:disabled[b-3rzytzud0z] {
  cursor: not-allowed;
  opacity: 0.35;
}

.scenario-arrow[b-3rzytzud0z] {
  justify-self: center;
}

.scenario-action-column[b-3rzytzud0z] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}

.action-detail[b-3rzytzud0z] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--neutral-foreground-hint);
  font-weight: 700;
}

.action-detail.danger[b-3rzytzud0z] {
  color: var(--color-red-400);
}

.template-badge[b-3rzytzud0z] {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 0.65rem;
  border: 1px solid var(--neutral-stroke-rest);
  border-radius: 999px;
  color: var(--neutral-foreground-rest);
  font-size: 0.75rem;
  font-weight: 800;
}

.scenario-continuity-card[b-3rzytzud0z] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  width: calc(100% - 2rem);
  margin-left: 2rem;
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--color-purple-400);
  border-radius: 8px;
  background: color-mix(in srgb, var(--color-purple-400) 10%, var(--neutral-layer-1));
  color: var(--neutral-foreground-rest);
  text-align: left;
  cursor: pointer;
}

.scenario-continuity-card[b-3rzytzud0z]::before {
  content: "";
  position: absolute;
  top: -0.75rem;
  left: -1.25rem;
  width: 1.25rem;
  height: calc(50% + 0.75rem);
  border-left: 1px dashed var(--color-purple-400);
  border-bottom: 1px dashed var(--color-purple-400);
  border-bottom-left-radius: 8px;
}

.scenario-continuity-card.without-continuity[b-3rzytzud0z] {
  border-style: dashed;
  border-color: var(--neutral-stroke-rest);
  background: transparent;
}

.scenario-continuity-card.without-continuity[b-3rzytzud0z]::before {
  border-color: var(--neutral-stroke-rest);
}

.scenario-continuity-card:hover[b-3rzytzud0z] {
  border-color: var(--accent-fill-rest);
}

.continuity-header[b-3rzytzud0z] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--color-purple-400);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.16rem;
}

.scenario-continuity-card.without-continuity .continuity-header[b-3rzytzud0z] {
  color: var(--neutral-foreground-hint);
}

.continuity-open-icon[b-3rzytzud0z] {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  opacity: 0.75;
}

@media (max-width: 980px) {
  .scenario-flow[b-3rzytzud0z] {
    grid-template-columns: 40px 1fr;
  }

  .scenario-priority[b-3rzytzud0z] {
    grid-row: span 3;
  }

  .scenario-arrow[b-3rzytzud0z] {
    transform: rotate(90deg);
    justify-self: center;
  }
}



.grid-scenarios[b-3rzytzud0z] {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 1rem;
}

.grid-scenarios-content[b-3rzytzud0z] {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1rem;
  align-items: start;
}

.arrow-fluent-icon[b-3rzytzud0z] {
  margin-top: 2.75rem;
}

@media (max-width: 768px) {
  .grid-scenarios-content[b-3rzytzud0z] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .arrow-fluent-icon[b-3rzytzud0z] {
    transform: rotate(90deg);
  }
}

.cursor-default[b-3rzytzud0z] {
  cursor: default !important;
}
/* /AutomaticResponses/Views/ScenarioEditorDialog.razor.rz.scp.css */
.scenario-editor-dialog[b-xxlsrmn9te] {
  width: 100%;
  min-height: 100vh;
}

.dialog-intro p[b-xxlsrmn9te] {
  margin: 0;
  font-size: 1.1rem;
}

.dialog-content[b-xxlsrmn9te] {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.field-label[b-xxlsrmn9te] {
  margin-top: 1.25rem;
  color: var(--neutral-foreground-hint);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
}

.keywords-box[b-xxlsrmn9te] {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0.75rem;
  width: 100%;
  min-height: 68px;
  padding: 1rem;
  border: 1px solid var(--neutral-stroke-rest);
  border-radius: 8px;
  background: var(--neutral-fill-input-rest);
}

.keyword-chip[b-xxlsrmn9te] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  max-width: 100%;
  min-height: 2rem;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  background: var(--neutral-fill-stealth-hover);
  color: var(--neutral-foreground-rest);
  font-weight: 700;
}

.keyword-remove[b-xxlsrmn9te] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: -0.25rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: 1;
}

.keyword-remove:hover[b-xxlsrmn9te] {
  background: var(--neutral-fill-stealth-hover);
}

.keyword-input[b-xxlsrmn9te] {
  flex: 1 1 180px;
  min-width: 140px;
  height: 2rem;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--neutral-foreground-rest);
  font: inherit;
}

.continuity-panel[b-xxlsrmn9te],
.block-list-panel[b-xxlsrmn9te] {
  display: flex;
  gap: 0.85rem;
  margin-top: 0.25rem;
  padding: 1.25rem;
  border: 1px solid var(--color-purple-400);
  border-radius: 8px;
  background: color-mix(in srgb, var(--color-purple-400) 10%, var(--neutral-layer-1));
  color: var(--neutral-foreground-rest);
}

.continuity-panel p[b-xxlsrmn9te],
.block-list-panel span[b-xxlsrmn9te] {
  display: block;
  margin: 0.4rem 0 0;
}

.continuity-panel[b-xxlsrmn9te]  svg {
  fill: var(--color-purple-400);
  flex: 0 0 auto;
}

.block-list-panel[b-xxlsrmn9te] {
  flex-direction: column;
  border-color: var(--color-red-400);
  background: color-mix(in srgb, var(--color-red-500) 10%, var(--neutral-layer-1));
  color: var(--color-red-400);
}

.dialog-actions[b-xxlsrmn9te] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 3rem;
}

.remove-button[b-xxlsrmn9te] {
  color: var(--color-red-400);
}

.dialog-actions[b-xxlsrmn9te]  fluent-button[appearance="accent"]::part(control) {
  min-width: 140px;
}

@media (max-width: 640px) {
  .dialog-actions[b-xxlsrmn9te] {
    align-items: stretch;
    flex-direction: column-reverse;
  }
}
/* /Components/ButtonSwitcher.razor.rz.scp.css */
.button-switcher[b-s75815n1pj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    background-color: var(--neutral-fill-rest);
    padding: 0.325rem;
    border-radius: 0.5rem;
}

.switch-button[b-s75815n1pj] {
    background: transparent;
    border: none;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    color: var(--neutral-foreground-rest);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.switch-button.active[b-s75815n1pj] {
    background: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
}

.switch-button.active[b-s75815n1pj]  svg {
    fill: var(--foreground-on-accent-rest) !important;
}
/* /Components/FilePreview/FilePreview.razor.rz.scp.css */
.template-file-preview[b-i1k2kf02is] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 1rem;
  margin: 1.5rem 0;
  width: 100%;
}

.template-file-preview__header[b-i1k2kf02is] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
  width: 100%;
}

.template-file-preview__image-wrapper[b-i1k2kf02is] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.template-file-preview__image[b-i1k2kf02is] {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 450px;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin: 0 auto;
  object-fit: contain;
}

.template-file-preview__file[b-i1k2kf02is] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.25rem;
}

.template-file-preview__name[b-i1k2kf02is] {
  word-break: break-word;
}

.template-file-preview__actions[b-i1k2kf02is] {
  margin-top: 0.5rem;
  display: flex;
  justify-content: flex-end;
}
/* /Components/StrongPassword/StrongPassword.razor.rz.scp.css */
.strong-password[b-hefwyzjcdg] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  overflow: hidden;
  max-height: 360px;
  opacity: 1;
  transform: translateY(0);
  transition: max-height 180ms ease, opacity 180ms ease, transform 180ms ease;
  will-change: max-height, opacity, transform;
  margin-top: 1rem;
}

.strong-password.is-hidden[b-hefwyzjcdg] {
  max-height: 0;
  opacity: 0;
  transform: translateY(-4px);
}


.strength-header[b-hefwyzjcdg] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--neutral-foreground-hint);
  font-size: 0.95rem;
}

.strength-header span[b-hefwyzjcdg] {
  font-size: 14px;
}

.strength-status[b-hefwyzjcdg] {
  font-weight: 600;
}

.strength-bars[b-hefwyzjcdg] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
}

.strength-bar[b-hefwyzjcdg] {
  height: 6px;
  border-radius: 999px;
  background: var(--neutral-stroke-rest);
}

.strength-bar.active.strength-weak[b-hefwyzjcdg] {
  background: var(--color-red-500);
}

.strength-bar.active.strength-medium[b-hefwyzjcdg] {
  background: var(--color-amber-400);
}

.strength-bar.active.strength-strong[b-hefwyzjcdg] {
  background: var(--color-violet-500);
}

.strength-bar.active.strength-very-strong[b-hefwyzjcdg] {
  background: var(--color-green-600);
}

.strength-status.strength-weak[b-hefwyzjcdg] {
  color: var(--color-red-500);
}

.strength-status.strength-medium[b-hefwyzjcdg] {
  color: var(--color-amber-400);
}

.strength-status.strength-strong[b-hefwyzjcdg] {
  color: var(--color-violet-500);
}

.strength-status.strength-very-strong[b-hefwyzjcdg] {
  color: var(--color-green-600);
}

.strength-rules[b-hefwyzjcdg] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem 1.2rem;
  color: var(--neutral-foreground-hint);
}

.strength-rule[b-hefwyzjcdg]  svg {
  fill: var(--neutral-foreground-hint) !important;
}

.strength-rule[b-hefwyzjcdg] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.strength-rule.ok[b-hefwyzjcdg] {
  color: var(--color-green-400);
}

.strength-rule.ok[b-hefwyzjcdg]  svg {
  fill: var(--color-green-400) !important;
}
/* /ContactGroups/Pages/ContactGroups.razor.rz.scp.css */
.contact-groups-header[b-arax2nclf5] {
  margin-bottom: 1.5rem;
}
/* /Contacts/Dialogs/SanitizeContactsDialog.razor.rz.scp.css */
.sanitize-warning[b-fdmc0z55vf] {
    background: var(--neutral-layer-3);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 14px;
    padding: 12px 14px;
}
/* /Contacts/Pages/Contacts.razor.rz.scp.css */
.contacts-header[b-wtoiywh2dq] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 1.5rem;
}

.contacts-summary-grid[b-wtoiywh2dq] {
  margin-bottom: 1rem;
}

.contacts-summary-card[b-wtoiywh2dq] {
  padding: 16px;
  min-height: 88px;
  background: var(--neutral-layer-3);
  border: 1px solid var(--neutral-stroke-rest);
  border-radius: 16px;
}

.contacts-toolbar[b-wtoiywh2dq] {
  margin-bottom: 1.25rem;
}

.contacts-toolbar-actions[b-wtoiywh2dq] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 16px;
}

.wrap-buttons[b-wtoiywh2dq] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  gap: 8px;
}

.contacts-selection-card[b-wtoiywh2dq] {
    padding: 12px 16px;
    border-radius: 16px;
    background: var(--neutral-layer-3);
    border: 1px solid var(--neutral-stroke-rest);
}
/* /Credentials/Credentials.razor.rz.scp.css */
.credential-header[b-c8ncrbbr49] {
  margin-bottom: 1.5rem;
}

.client-email-colored[b-c8ncrbbr49] {
  color: var(--accent-fill-hover);
}
.text-overflow[b-c8ncrbbr49] {
  white-space: wrap;
}

.credential-filters[b-c8ncrbbr49] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 1rem 0 2rem;
  gap: 0.75rem;
}

/* /Layout/Components/AuthHeader.razor.rz.scp.css */
.auth-title[b-0ep9js8nqd] {
  font-size: 36px;
  color: #fff;
}

.auth-title strong[b-0ep9js8nqd] {
  color: var(--accent-fill-rest);
}

.auth-header[b-0ep9js8nqd] {
  display: none;
  position: relative;
}

@media (min-width: 768px) {
  .auth-header[b-0ep9js8nqd] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.75rem;
  }
}


@keyframes pulse-b-0ep9js8nqd {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.auth-pulse[b-0ep9js8nqd] {
  background-color: hsl(270 70% 75% / 0.2);
  animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running
    pulse-b-0ep9js8nqd;
  height: 12rem;
  width: 12rem;
  position: absolute;
  top: -6rem;
  left: -6rem;
  border-radius: 50%;
  filter: blur(64px);
  z-index: 5;
}

.auth-info[b-0ep9js8nqd] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 14px;
}



.auth-description[b-0ep9js8nqd] {
  font-size: 18px;
}
/* /Layout/Components/AuthLayout.razor.rz.scp.css */
.auth-image[b-c0wpj2y3j3] {
  position: absolute;
  inset: 0;
  background: url("/images/authenticate.avif") center / cover no-repeat;
  z-index: 0;
}

.auth-backdrop[b-c0wpj2y3j3] {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
    to bottom right,
    hsl(240 10% 8% / 0.95),
    hsl(240 10% 8% / 0.85),
    hsl(270 70% 75% / 0.2)
  );
  z-index: 4;
}

.auth-content[b-c0wpj2y3j3] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  z-index: 10;
  padding: 1rem;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .auth-content[b-c0wpj2y3j3] {
    display: grid;
    grid-template-columns: minmax(0, 450px) minmax(0, 600px);
    place-items: center;
  }
}

.auth-copyright[b-c0wpj2y3j3] {
  font-size: 14px;
  margin: 0 auto 0.5rem;
  position: inherit;
  z-index: 9;
  background-color: transparent;
}
/* /Layout/Components/OrganizationSwitcher.razor.rz.scp.css */
.organization-switcher[b-jh6wwq0lra] {
  position: relative;
  width: 100%;
  display: block;
  box-sizing: border-box;
}

.organization-switcher.expanded[b-jh6wwq0lra] {
  padding: 0 0.75rem;
}

.organization-switcher.collapsed[b-jh6wwq0lra] {
  padding: 0 0.25rem;
}

.organization-switcher-trigger[b-jh6wwq0lra] {
  width: 100%;
  min-height: var(--layout-header-height);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  border: none;
  background: transparent;
  color: var(--neutral-foreground-rest);
  padding: 0.5rem 0.0;
  border-radius: 12px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}



.organization-switcher-trigger:disabled[b-jh6wwq0lra] {
  opacity: 0.7;
  cursor: not-allowed;
}

.organization-switcher-avatar[b-jh6wwq0lra] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-fill-rest) 24%, transparent);
  color: var(--accent-fill-rest);
  flex-shrink: 0;
}

.organization-switcher-meta[b-jh6wwq0lra] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  text-align: left;
}

.organization-switcher-name[b-jh6wwq0lra] {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.organization-switcher-subtitle[b-jh6wwq0lra] {
  color: var(--neutral-foreground-hint);
  font-size: 0.92rem;
}

.organization-switcher-chevron[b-jh6wwq0lra] {
  color: var(--neutral-foreground-hint);
}

.organization-switcher-overlay[b-jh6wwq0lra] {
  position: fixed;
  inset: 0;
  z-index: 30;
}

.organization-switcher-menu[b-jh6wwq0lra] {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 0.5rem;
  width: min(560px, calc(100vw - 1rem));
  max-height: min(72vh, 780px);
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--neutral-stroke-1-rest) 70%, transparent);
  background: var(--neutral-layer-1);
  backdrop-filter: blur(6px);
  box-shadow: var(--elevation-shadow-card-rest);
  z-index: 40;
}

.organization-switcher-menu-title[b-jh6wwq0lra] {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--neutral-foreground-hint);
  font-weight: 700;
  font-size: 0.95rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--neutral-stroke-1-rest);
}

.organization-switcher-list[b-jh6wwq0lra] {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.organization-switcher-item[b-jh6wwq0lra] {
  width: 100%;
  border: none;
  background: transparent;
  color: var(--neutral-foreground-rest);
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.85rem 1.1rem;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.organization-switcher-item:hover:not(:disabled)[b-jh6wwq0lra] {
  background: color-mix(in srgb, var(--neutral-layer-2) 80%, transparent);
}

.organization-switcher-item:disabled[b-jh6wwq0lra] {
  cursor: not-allowed;
  opacity: 0.75;
}

.organization-switcher-item.current[b-jh6wwq0lra] {
  background: color-mix(in srgb, var(--neutral-layer-4) 72%, transparent);
}

.organization-switcher-item-avatar[b-jh6wwq0lra] {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-fill-rest) 20%, transparent);
  color: var(--accent-fill-rest);
  flex-shrink: 0;
}

.organization-switcher-item-meta[b-jh6wwq0lra] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.organization-switcher-item-name[b-jh6wwq0lra] {
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.organization-switcher-item-subtitle[b-jh6wwq0lra] {
  color: var(--neutral-foreground-hint);
  font-size: 0.95rem;
}

.organization-switcher-all[b-jh6wwq0lra] {
  width: 100%;
  border: none;
  border-top: 1px solid var(--neutral-stroke-1-rest);
  background: transparent;
  color: var(--neutral-foreground-rest);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.1rem;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.organization-switcher-all:hover:not(:disabled)[b-jh6wwq0lra] {
  background: color-mix(in srgb, var(--neutral-layer-2) 80%, transparent);
}

.organization-switcher-all:disabled[b-jh6wwq0lra] {
  opacity: 0.7;
  cursor: not-allowed;
}

.organization-switcher.collapsed .organization-switcher-trigger[b-jh6wwq0lra] {
  justify-content: center;
  padding: 0.5rem;
}

@media (max-width: 900px) {
  .organization-switcher-menu[b-jh6wwq0lra] {
    left: 100%;
    margin-left: 0.5rem;
    width: min(440px, calc(100vw - 1rem));
    max-height: min(70vh, 640px);
  }
}

@media (max-width: 600px) {
  .organization-switcher-menu[b-jh6wwq0lra] {
    left: 0;
    top: 100%;
    margin: 0.5rem 0 0;
    max-width: var(--sidebar-width);
    height: 100vh;
    border-radius: 0;
  }
}
/* /Messages/Components/AccordionSection.razor.rz.scp.css */
.message-accordion[b-xkgw650gb7] {
  position: relative;
  interpolate-size: allow-keywords;
  border: 1px solid var(--neutral-stroke-layer-rest);
  border-color: color-mix(
    in srgb,
    var(--neutral-layer-1) 16%,
    var(--neutral-stroke-layer-rest)
  );
  background:
    radial-gradient(
      circle at 16% 20%,
      color-mix(in srgb, var(--neutral-layer-1) 16%, transparent) 0%,
      transparent 55%
    ),
    var(--neutral-layer-1);
  box-shadow: var(--elevation-shadow-card-rest);
  border-radius: 8px;
}

.message-accordion__summary[b-xkgw650gb7] {
  list-style: none;
  cursor: pointer;
  padding: 1.25rem 1.25rem 0;
  border-radius: 8px;
  transition: background 0.18s ease;
}

.message-accordion__summary[b-xkgw650gb7]::-webkit-details-marker {
  display: none;
}

.message-accordion[b-xkgw650gb7]::details-content {
  block-size: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    block-size 0.28s ease,
    opacity 0.2s ease,
    content-visibility 0.28s allow-discrete;
}

.message-accordion[open][b-xkgw650gb7]::details-content {
  block-size: auto;
  opacity: 1;
}

.message-accordion__content[b-xkgw650gb7] {
  padding: 0 1.25rem 1.25rem;
}

.message-accordion__hero[b-xkgw650gb7] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 0;
}

.message-accordion__copy[b-xkgw650gb7] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  flex: 1;
}

.message-accordion__eyebrow[b-xkgw650gb7] {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--accent-fill-rest);
}

.message-accordion__subtitle[b-xkgw650gb7] {
  max-width: 48rem;
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--input-placeholder-hover);
}

.message-accordion__indicator[b-xkgw650gb7] {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.9rem;
  flex-shrink: 0;
  color: var(--accent-fill-rest);
  background: color-mix(in srgb, var(--accent-fill-rest) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, transparent);
  transition:
    transform 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease;
}

.message-accordion[open] .message-accordion__indicator[b-xkgw650gb7] {
  transform: rotate(180deg);
}

.message-accordion:not([open]) .message-accordion__summary:hover[b-xkgw650gb7] {
  background: color-mix(in srgb, var(--accent-fill-rest) 6%, transparent);
}

.message-accordion:not([open])
  .message-accordion__summary:hover
  .message-accordion__subtitle[b-xkgw650gb7] {
  color: var(--neutral-foreground-rest);
}

.message-accordion:not([open])
  .message-accordion__summary:hover
  .message-accordion__indicator[b-xkgw650gb7] {
  transform: translateY(-1px) scale(1.04);
  background: color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
  border-color: color-mix(in srgb, var(--accent-fill-rest) 38%, transparent);
  box-shadow: 0 10px 24px color-mix(in srgb, black 10%, transparent);
}

@media (max-width: 768px) {
  .message-accordion__hero[b-xkgw650gb7] {
    flex-direction: column;
  }

  .message-accordion__indicator[b-xkgw650gb7] {
    width: 2.35rem;
    height: 2.35rem;
  }
}
/* /Messages/Components/AccordionStateToggle/AccordionStateToggle.razor.rz.scp.css */
.accordion-state-toggle-row[b-p6c9af3zb4] {
        display: flex;
        justify-content: flex-end;
        margin: 1rem 0 1.25rem;
    }

    .accordion-state-toggle-button[b-p6c9af3zb4] {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        min-height: 2.75rem;
        padding: .7rem 1rem;
        border-radius: 8px;
        border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, var(--neutral-stroke-rest));
        background: linear-gradient(180deg,
            color-mix(in srgb, var(--accent-fill-rest) 4%, var(--fill-color-base)) 0%,
            color-mix(in srgb, var(--accent-fill-rest) 1%, var(--fill-color-base)) 100%);
        color: var(--neutral-foreground-rest);
        font: inherit;
        font-weight: 600;
        cursor: pointer;
        transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
    }

    .accordion-state-toggle-button:hover[b-p6c9af3zb4] {
        transform: translateY(-1px);
        border-color: color-mix(in srgb, var(--accent-fill-rest) 34%, var(--neutral-stroke-rest));
        background: linear-gradient(180deg,
            color-mix(in srgb, var(--accent-fill-rest) 8%, var(--fill-color-base)) 0%,
            color-mix(in srgb, var(--accent-fill-rest) 3%, var(--fill-color-base)) 100%);
        box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
    }

    .accordion-state-toggle-button:focus-visible[b-p6c9af3zb4] {
        outline: 2px solid color-mix(in srgb, var(--accent-fill-rest) 48%, transparent);
        outline-offset: 2px;
    }
/* /Messages/Components/AutomaticResponseSelector/AutomaticResponseSelector.razor.rz.scp.css */
.automatic-response-panel[b-k2fj4fa8ja] {
    display: grid;
    gap: 1rem;
}

.automatic-response-search-box[b-k2fj4fa8ja] {
    margin-bottom: 0;
}

.automatic-response-picker-grid[b-k2fj4fa8ja] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: .75rem;
    justify-content: start;
    max-height: 350px;
    overflow-y: scroll;
}

.automatic-response-option-card[b-k2fj4fa8ja] {
    width: 100%;
    min-height: 138px;
    text-align: left;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 78%, transparent);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--neutral-layer-1) 88%, transparent) 0%,
        color-mix(in srgb, var(--neutral-layer-2) 92%, transparent) 100%);
    color: var(--neutral-foreground-rest);
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease, background .18s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.automatic-response-option-card:hover[b-k2fj4fa8ja] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--accent-fill-rest) 36%, transparent);
    box-shadow: 0 10px 24px color-mix(in srgb, black 12%, transparent);
}

.automatic-response-option-card.selected[b-k2fj4fa8ja] {
    border-color: color-mix(in srgb, var(--accent-fill-rest) 58%, transparent);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--accent-fill-rest) 10%, var(--neutral-layer-1)) 0%,
        color-mix(in srgb, var(--accent-fill-rest) 6%, var(--neutral-layer-2)) 100%);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent-fill-rest) 22%, transparent);
}

.automatic-response-option-top[b-k2fj4fa8ja] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.automatic-response-option-name[b-k2fj4fa8ja] {
    color: var(--neutral-foreground-rest);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

.automatic-response-option-badge[b-k2fj4fa8ja] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: .3rem .65rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, transparent);
    background: color-mix(in srgb, var(--accent-fill-rest) 10%, transparent);
    color: var(--accent-fill-rest);
    font-size: .78rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.automatic-response-option-footer[b-k2fj4fa8ja] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
}

.automatic-response-option-meta[b-k2fj4fa8ja],
.automatic-response-option-selected[b-k2fj4fa8ja] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .75rem;
    font-weight: 600;
}

.automatic-response-option-meta[b-k2fj4fa8ja] {
    color: var(--neutral-foreground-rest);
}

.automatic-response-option-selected[b-k2fj4fa8ja] {
    color: var(--accent-fill-rest);
}

.automatic-response-footer[b-k2fj4fa8ja] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.automatic-response-family[b-k2fj4fa8ja] {
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 35%, transparent);
    border-radius: 999px;
    color: var(--accent-foreground-rest);
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0.25rem 0.6rem;
    white-space: nowrap;
}

.automatic-response-help[b-k2fj4fa8ja] {
    color: var(--neutral-foreground-rest);
    font-size: 0.9rem;
    opacity: 0.72;
}

@media (max-width: 768px) {
    .automatic-response-option-top[b-k2fj4fa8ja],
    .automatic-response-footer[b-k2fj4fa8ja] {
        align-items: flex-start;
        flex-direction: column;
        gap: .55rem;
    }
}
/* /Messages/Components/ContactGroup/ContactGroup.razor.rz.scp.css */
    .recipients-info-banner[b-fr9mlnv2z0] {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: .9rem;
            align-items: start;
            padding: 1rem 1.1rem;
            margin-bottom: 1rem;
            border-radius: 1rem;
            border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 30%, transparent);
            background: linear-gradient(135deg, color-mix(in srgb, var(--accent-fill-rest) 10%, transparent), color-mix(in srgb, var(--accent-fill-rest) 3%, var(--fill-color-base)));
        }

        .recipients-info-banner strong[b-fr9mlnv2z0] {
            display: block;
            margin-bottom: .25rem;
        }

        .recipients-info-banner p[b-fr9mlnv2z0] {
            margin: 0;
            color: var(--neutral-foreground-rest);
            line-height: 1.5;
        }

        .recipients-info-emphasis[b-fr9mlnv2z0] {
            display: inline-block;
            margin-top: .55rem;
            color: var(--accent-fill-rest);
            font-size: .9rem;
            font-weight: 600;
        }

        .recipients-info-icon[b-fr9mlnv2z0] {
            display: grid;
            place-items: center;
            width: 2rem;
            height: 2rem;
            margin-top: .1rem;
            border-radius: 8px;
            color: var(--accent-fill-rest);
            background: color-mix(in srgb, var(--accent-fill-rest) 14%, transparent);
        }

        .recipients-selection-panel[b-fr9mlnv2z0] {
            padding: 1rem;
            border-radius: .5rem;
            border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 70%, transparent);
            background: color-mix(in srgb, var(--neutral-layer-2) 88%, var(--fill-color-base));
        }

        .recipients-selection-header[b-fr9mlnv2z0] {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 1rem;
            margin-bottom: .9rem;
        }

        .recipients-selection-header p[b-fr9mlnv2z0] {
            margin: .2rem 0 0;
            color: var(--input-placeholder-hover);
        }

        .recipients-selection-label[b-fr9mlnv2z0] {
            display: inline-block;
            font-size: .82rem;
            font-weight: 700;
            color: var(--neutral-foreground-rest);
        }

        .recipients-counter[b-fr9mlnv2z0] {
            white-space: nowrap;
            padding: .35rem .7rem;
            border-radius: 999px;
            border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, transparent);
            background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent);
            color: var(--accent-fill-rest);
            font-size: .8rem;
            font-weight: 700;
        }

        .recipients-toggle-group[b-fr9mlnv2z0] {
            display: flex;
            width: 100%;
            gap: .5rem;
            padding: .35rem;
            margin-bottom: 1rem;
            border-radius: 8px;
            border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 70%, transparent);
            background: color-mix(in srgb, var(--neutral-layer-1) 88%, transparent);
        }

        .recipients-toggle-button[b-fr9mlnv2z0] {
            display: inline-flex;
            flex: 1 1 0;
            align-items: center;
            justify-content: center;
            gap: .45rem;
            border: 0;
            border-radius: 8px;
            padding: .65rem 1rem;
            background: transparent;
            color: var(--neutral-foreground-rest);
            font-weight: 600;
            cursor: pointer;
            transition: background .18s ease, color .18s ease, box-shadow .18s ease;
        }

        .recipients-toggle-button.active[b-fr9mlnv2z0] {
            background: color-mix(in srgb, var(--accent-fill-rest) 14%, transparent);
            color: var(--accent-fill-rest);
            box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-fill-rest) 28%, transparent);
        }

        .recipients-input-panel[b-fr9mlnv2z0] {
            padding: .15rem;
        }

        .group-search-box[b-fr9mlnv2z0] {
            margin-bottom: 1rem;
        }

        .group-picker-list[b-fr9mlnv2z0] {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: .85rem;
            max-height: calc((132px * 2) + .85rem + .25rem);
            overflow-y: auto;
            overflow-x: hidden;
            padding: .25rem .25rem 0 0;
            align-items: start;
            justify-content: start;
        }

        .group-option-row[b-fr9mlnv2z0] {
            width: 100%;
            text-align: left;
            min-height: 132px;
            padding: .95rem 1rem;
            border-radius: 8px;
            border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 78%, transparent);
            background: linear-gradient(
                180deg,
                color-mix(in srgb, var(--neutral-layer-1) 88%, transparent) 0%,
                color-mix(in srgb, var(--neutral-layer-2) 92%, transparent) 100%);
            color: var(--neutral-foreground-rest);
            transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease, background .18s ease;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            gap: .85rem;
        }

        .group-option-row:hover[b-fr9mlnv2z0] {
            transform: translateY(-1px);
            border-color: color-mix(in srgb, var(--accent-fill-rest) 36%, transparent);
            box-shadow: 0 10px 24px color-mix(in srgb, black 12%, transparent);
        }

        .group-option-row.selected[b-fr9mlnv2z0] {
            border-color: color-mix(in srgb, var(--accent-fill-rest) 58%, transparent);
            background: linear-gradient(
                180deg,
                color-mix(in srgb, var(--accent-fill-rest) 10%, var(--neutral-layer-1)) 0%,
                color-mix(in srgb, var(--accent-fill-rest) 6%, var(--neutral-layer-2)) 100%);
            box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent-fill-rest) 22%, transparent);
        }

        .group-option-main[b-fr9mlnv2z0] {
            display: flex;
            flex-direction: column;
            gap: .55rem;
            min-width: 0;
            flex: 1;
        }

        .group-option-main-top[b-fr9mlnv2z0] {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: flex-start;
            gap: .75rem;
            width: 100%;
            min-width: 0;
        }

        .group-option-name[b-fr9mlnv2z0] {
            font-size: 1rem;
            font-weight: 700;
            line-height: 1.35;
            color: var(--neutral-foreground-rest);
            display: block;
            min-width: 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .group-option-stats[b-fr9mlnv2z0] {
            display: flex;
            gap: .5rem;
            flex-wrap: wrap;
            margin: 0;
        }

        .group-option-stat[b-fr9mlnv2z0] {
            display: inline-flex;
            align-items: center;
            padding: .28rem .6rem;
            border-radius: 999px;
            font-size: .78rem;
            font-weight: 700;
        }

        .group-option-stat.valid[b-fr9mlnv2z0] {
            color: var(--badge-fill-success);
            background: var(--badge-background-success);
        }

        .group-option-stat.invalid[b-fr9mlnv2z0] {
            color: var(--color-red-400);
            background: color-mix(in srgb, var(--color-red-600) 18%, transparent);
        }

        .group-option-side[b-fr9mlnv2z0] {
            display: inline-flex;
            align-items: center;
            justify-content: space-between;
            align-self: stretch;
            flex-shrink: 0;
            min-height: 1.25rem;
        }

        .group-option-meta[b-fr9mlnv2z0],
        .group-option-selected[b-fr9mlnv2z0] {
            display: inline-flex;
            align-items: center;
            gap: .35rem;
            font-size: .8rem;
            font-weight: 600;
        }

        .group-option-meta[b-fr9mlnv2z0] {
            color: var(--neutral-foreground-rest);
        }

        .group-option-selected[b-fr9mlnv2z0] {
            color: var(--accent-fill-rest);
            margin-left: auto;
            flex-shrink: 0;
            white-space: nowrap;
        }

        .group-picker-empty[b-fr9mlnv2z0] {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: .8rem;
            align-items: start;
            padding: 1rem;
            border-radius: 1rem;
            border: 1px dashed color-mix(in srgb, var(--neutral-stroke-rest) 82%, transparent);
            background: color-mix(in srgb, var(--neutral-layer-2) 88%, transparent);
            color: var(--neutral-foreground-rest);
        }

        .group-picker-empty strong[b-fr9mlnv2z0] {
            display: block;
            margin-bottom: .2rem;
        }

        .group-picker-empty p[b-fr9mlnv2z0] {
            margin: 0;
            color: var(--input-placeholder-hover);
            line-height: 1.5;
        }

        @media (max-width: 768px) {
            .recipients-selection-header[b-fr9mlnv2z0] {
                flex-direction: column;
            }

            .recipients-toggle-group[b-fr9mlnv2z0] {
                width: 100%;
                display: grid;
                grid-template-columns: 1fr 1fr;
            }

            .recipients-toggle-button[b-fr9mlnv2z0] {
                justify-content: center;
            }

            .group-option-row[b-fr9mlnv2z0],
            .group-option-main-top[b-fr9mlnv2z0] {
                align-items: flex-start;
                flex-direction: column;
            }

            .group-picker-list[b-fr9mlnv2z0] {
                grid-template-columns: 1fr;
            }

            .group-option-side[b-fr9mlnv2z0] {
                width: 100%;
            }
        }
/* /Messages/Components/Content/Content.razor.rz.scp.css */
fluent-text-area[b-0anuy1shbc] {
        width: 100%;
    }

    .content-info-banner strong[b-0anuy1shbc] {
        display: block;
        margin-bottom: .25rem;
    }

    .content-info-banner p[b-0anuy1shbc] {
        margin: 0;
        color: var(--neutral-foreground-rest);
        line-height: 1.5;
    }

    .content-info-icon[b-0anuy1shbc] {
        display: grid;
        place-items: center;
        width: 2rem;
        height: 2rem;
        margin-top: .1rem;
        border-radius: 999px;
        color: var(--accent-fill-rest);
        background: color-mix(in srgb, var(--accent-fill-rest) 14%, transparent);
    }

    .content-selection-header[b-0anuy1shbc] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 1rem;
        margin-bottom: 1rem;
    }

    .content-selection-header p[b-0anuy1shbc] {
        margin: .2rem 0 0;
        color: var(--input-placeholder-hover);
    }

    .content-sms-note[b-0anuy1shbc] {
        max-width: 48rem;
    }

    .content-estimated-cost[b-0anuy1shbc] {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        width: 100%;
        padding: .9rem 1rem;
        border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 78%, transparent);
        border-radius: .7rem;
        background: color-mix(in srgb, var(--neutral-layer-2) 88%, transparent);
    }

    .content-estimated-cost strong[b-0anuy1shbc],
    .content-estimated-cost span[b-0anuy1shbc] {
        display: block;
    }

    .content-estimated-cost strong[b-0anuy1shbc] {
        color: var(--neutral-foreground-rest);
    }

    .content-estimated-cost span[b-0anuy1shbc] {
        color: var(--neutral-foreground-hint);
        font-size: .86rem;
    }

    .content-estimated-cost-values[b-0anuy1shbc] {
        text-align: right;
        white-space: nowrap;
    }

    .content-estimated-cost-values strong[b-0anuy1shbc] {
        font-size: 1.25rem;
    }

    .content-selection-label[b-0anuy1shbc] {
        display: inline-block;
        font-size: .82rem;
        font-weight: 700;
        color: var(--neutral-foreground-rest);
    }

    .content-editor-layout[b-0anuy1shbc] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(220px, 260px);
        gap: 1rem;
        align-items: start;
    }

    .content-editor-layout--full[b-0anuy1shbc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .content-editor-panel[b-0anuy1shbc],
    .content-params-panel[b-0anuy1shbc] {
        border-radius: 1rem;
        border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 78%, transparent);
        background: color-mix(in srgb, var(--neutral-layer-1) 90%, transparent);
        padding: 1rem;
    }

    .content-params-panel[b-0anuy1shbc] {
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .content-params-label[b-0anuy1shbc] {
        font-size: .82rem;
        font-weight: 700;
        color: var(--neutral-foreground-rest);
    }

    .content-params-list[b-0anuy1shbc] {
        display: flex;
        flex-direction: column;
        gap: .65rem;
    }

    .content-param-button[b-0anuy1shbc] {
        width: 100%;
        text-align: left;
        border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 80%, transparent);
        background: color-mix(in srgb, var(--neutral-layer-2) 92%, transparent);
        color: var(--neutral-foreground-rest);
        border-radius: .95rem;
        padding: .8rem .9rem;
        cursor: pointer;
        transition: transform .18s ease, border-color .18s ease, background .18s ease;
    }

    .content-param-button strong[b-0anuy1shbc],
    .content-param-button span[b-0anuy1shbc] {
        display: block;
    }

    .content-param-button strong[b-0anuy1shbc] {
        margin-bottom: .2rem;
    }

    .content-param-button span[b-0anuy1shbc] {
        color: var(--accent-fill-rest);
        font-size: .82rem;
        font-weight: 700;
    }

    .content-param-button:hover[b-0anuy1shbc] {
        transform: translateY(-1px);
        border-color: color-mix(in srgb, var(--accent-fill-rest) 30%, transparent);
        background: color-mix(in srgb, var(--neutral-layer-3) 94%, transparent);
    }

    @media (max-width: 768px) {
        .content-selection-header[b-0anuy1shbc],
        .content-editor-layout[b-0anuy1shbc] {
            flex-direction: column;
            grid-template-columns: 1fr;
        }

        .content-estimated-cost[b-0anuy1shbc] {
            flex-direction: column;
        }

        .content-estimated-cost-values[b-0anuy1shbc] {
            text-align: left;
        }
    }
/* /Messages/Components/FileField/FileField.razor.rz.scp.css */
.uploader-content[b-4atjd1tfij] {
    display: grid;
    place-items: center;
    gap: 12px;
    text-align: center;
    color: var(--neutral-foreground-rest);
    height: 100%;
}

.uploader-text label[b-4atjd1tfij] {
    color: var(--accent-fill-rest);
    cursor: pointer;
    text-decoration: underline;
}

[b-4atjd1tfij] .inputfile-content {
    position: relative;
    z-index: 2 !important;
}

[b-4atjd1tfij] .file-field-uploader {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    height: 320px;
    border: 1px dashed var(--accent-fill-rest);
    border-radius: .5rem !important;
}

.file-field-info-banner[b-4atjd1tfij] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .9rem;
    align-items: start;
    padding: 1rem 1.1rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 30%, transparent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent-fill-rest) 10%, transparent), color-mix(in srgb, var(--accent-fill-rest) 3%, var(--fill-color-base)));
}

.file-field-info-icon[b-4atjd1tfij] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .9rem;
    color: var(--accent-fill-rest);
    background: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent);
}

.file-field-info-banner strong[b-4atjd1tfij] {
    display: block;
    margin-bottom: .25rem;
    color: var(--neutral-foreground-rest);
}

.file-field-info-banner p[b-4atjd1tfij] {
    margin: 0;
    color: var(--input-placeholder-hover);
    line-height: 1.5;
}

.file-field-panel[b-4atjd1tfij] {
    padding: 1.15rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 75%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-1) 94%, transparent);
}

.file-field-panel-header[b-4atjd1tfij] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.file-field-panel-label[b-4atjd1tfij] {
    display: inline-flex;
    margin-bottom: .3rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .75rem;
    font-weight: 700;
    color: var(--accent-fill-rest);
}

.file-field-panel-header p[b-4atjd1tfij] {
    margin: 0;
    color: var(--input-placeholder-hover);
    line-height: 1.5;
}

.file-field-counter[b-4atjd1tfij] {
    display: inline-flex;
    align-items: center;
    padding: .45rem .8rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-fill-rest) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, transparent);
    color: var(--accent-fill-rest);
    font-size: .82rem;
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .file-field-panel-header[b-4atjd1tfij] {
        flex-direction: column;
    }
}
/* /Messages/Components/ImageButtons/ImageButtons.razor.rz.scp.css */
.button-card[b-oo5zyez8ou] {
        margin-top: 12px;
        border: 1px solid var(--neutral-stroke-strong);
    }

    .empty-buttons[b-oo5zyez8ou] {
        text-align: center;
        padding: 16px;
        color: var(--neutral-foreground-rest);
        font-size: 1.05rem;
    }

    .image-buttons-info-banner[b-oo5zyez8ou] {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: .9rem;
        align-items: start;
        padding: 1rem 1.1rem;
        margin-bottom: 1rem;
        border-radius: 1rem;
        border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 30%, transparent);
        background: linear-gradient(135deg, color-mix(in srgb, var(--accent-fill-rest) 10%, transparent), color-mix(in srgb, var(--accent-fill-rest) 3%, var(--fill-color-base)));
    }

    .image-buttons-info-icon[b-oo5zyez8ou] {
        display: grid;
        place-items: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: .9rem;
        color: var(--accent-fill-rest);
        background: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent);
    }

    .image-buttons-info-banner strong[b-oo5zyez8ou] {
        display: block;
        margin-bottom: .25rem;
        color: var(--neutral-foreground-rest);
    }

    .image-buttons-info-banner p[b-oo5zyez8ou] {
        margin: 0;
        color: var(--input-placeholder-hover);
        line-height: 1.5;
    }

    .image-buttons-panel[b-oo5zyez8ou] {
        padding: 1.15rem;
        border-radius: 1rem;
        border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 75%, transparent);
        background: color-mix(in srgb, var(--neutral-layer-1) 94%, transparent);
    }

    .image-buttons-panel-header[b-oo5zyez8ou] {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        align-items: flex-start;
        margin-bottom: 1rem;
    }

    .image-buttons-panel-label[b-oo5zyez8ou] {
        display: inline-flex;
        margin-bottom: .3rem;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-size: .75rem;
        font-weight: 700;
        color: var(--accent-fill-rest);
    }

    .image-buttons-panel-header p[b-oo5zyez8ou] {
        margin: 0;
        color: var(--input-placeholder-hover);
        line-height: 1.5;
    }

    .image-buttons-counter[b-oo5zyez8ou] {
        display: inline-flex;
        align-items: center;
        padding: .45rem .8rem;
        border-radius: 999px;
        background: color-mix(in srgb, var(--accent-fill-rest) 10%, transparent);
        border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, transparent);
        color: var(--accent-fill-rest);
        font-size: .82rem;
        font-weight: 700;
        white-space: nowrap;
    }

    .image-buttons-list[b-oo5zyez8ou] {
        display: grid;
        gap: 1rem;
    }

    .image-button-card[b-oo5zyez8ou] {
        border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 80%, transparent);
        background: color-mix(in srgb, var(--neutral-layer-1) 92%, var(--fill-color-base));
    }

    .image-button-card-header[b-oo5zyez8ou] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 1rem;
        margin-bottom: .85rem;
    }

    .image-button-card-header strong[b-oo5zyez8ou] {
        display: block;
        color: var(--neutral-foreground-rest);
        margin-bottom: .2rem;
    }

    .image-button-card-header p[b-oo5zyez8ou] {
        margin: 0;
        color: var(--input-placeholder-hover);
        font-size: .88rem;
    }

    .image-button-card-body[b-oo5zyez8ou] {
        display: grid;
        gap: .85rem;
    }

    .image-button-field[b-oo5zyez8ou] {
        display: grid;
        gap: .45rem;
    }

    @media (max-width: 720px) {
        .image-buttons-panel-header[b-oo5zyez8ou] {
            flex-direction: column;
        }
    }
/* /Messages/Components/ImageField/ImageField.razor.rz.scp.css */
.uploader-content[b-3720naq7md] {
        display: grid;
        place-items: center;
        gap: 12px;
        text-align: center;
        color: var(--neutral-foreground-rest);
        height: 100%;
    }

.uploader-text label[b-3720naq7md] {
        color: var(--accent-fill-rest);
        cursor: pointer;
        text-decoration: underline;
    }

    [b-3720naq7md] .inputfile-content {
        position: relative;
        z-index: 2 !important;
        border-radius: .5rem !important;
    }

    [b-3720naq7md] .image-field-uploader {
        position: relative;
        overflow: hidden;
        isolation: isolate;
        height: 320px;
        border: 1px dashed var(--accent-fill-rest);
        border-radius: .5rem !important;
    }

    .image-field-info-banner[b-3720naq7md] {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: .9rem;
        align-items: start;
        padding: 1rem 1.1rem;
        margin-bottom: 1rem;
        border-radius: 1rem;
        border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 30%, transparent);
        background: linear-gradient(135deg, color-mix(in srgb, var(--accent-fill-rest) 10%, transparent), color-mix(in srgb, var(--accent-fill-rest) 3%, var(--fill-color-base)));
    }

    .image-field-info-icon[b-3720naq7md] {
        display: grid;
        place-items: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: .9rem;
        color: var(--accent-fill-rest);
        background: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent);
    }

    .image-field-info-banner strong[b-3720naq7md] {
        display: block;
        margin-bottom: .25rem;
        color: var(--neutral-foreground-rest);
    }

    .image-field-info-banner p[b-3720naq7md] {
        margin: 0;
        color: var(--input-placeholder-hover);
        line-height: 1.5;
    }

    .image-field-panel[b-3720naq7md] {
        padding: 1.15rem;
        border-radius: 1rem;
        border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 75%, transparent);
        background: color-mix(in srgb, var(--neutral-layer-1) 94%, transparent);
    }

    .image-field-panel-header[b-3720naq7md] {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        align-items: flex-start;
        margin-bottom: 1rem;
    }

    .image-field-panel-label[b-3720naq7md] {
        display: inline-flex;
        margin-bottom: .3rem;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-size: .75rem;
        font-weight: 700;
        color: var(--accent-fill-rest);
    }

    .image-field-panel-header p[b-3720naq7md] {
        margin: 0;
        color: var(--input-placeholder-hover);
        line-height: 1.5;
    }

    .image-field-counter[b-3720naq7md] {
        display: inline-flex;
        align-items: center;
        padding: .45rem .8rem;
        border-radius: 999px;
        background: color-mix(in srgb, var(--accent-fill-rest) 10%, transparent);
        border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, transparent);
        color: var(--accent-fill-rest);
        font-size: .82rem;
        font-weight: 700;
        white-space: nowrap;
    }

    .image-field-layout[b-3720naq7md] {
        display: grid;
        gap: 1rem;
    }

    .image-field-form[b-3720naq7md] {
        display: grid;
        gap: .45rem;
    }

    .image-field-upload-shell[b-3720naq7md] {
        min-width: 0;
    }

    @media (max-width: 720px) {
        .image-field-panel-header[b-3720naq7md] {
            flex-direction: column;
        }
    }
/* /Messages/Components/RcsCarouselCardForm.razor.rz.scp.css */
.carousel-card-form[b-5431am9aek] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.carousel-card-form-section[b-5431am9aek] {
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 78%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-1) 90%, transparent);
}

.carousel-card-form-section-header[b-5431am9aek] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .85rem;
    align-items: start;
    margin-bottom: 1rem;
}

.carousel-card-form-section-icon[b-5431am9aek] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .9rem;
    color: var(--accent-fill-rest);
    background: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent);
}

.carousel-card-form-section-header strong[b-5431am9aek] {
    display: block;
    margin-bottom: .25rem;
    color: var(--neutral-foreground-rest);
}

.carousel-card-form-section-header p[b-5431am9aek] {
    margin: 0;
    color: var(--input-placeholder-hover);
    line-height: 1.5;
}

.carousel-card-form-fields[b-5431am9aek] {
    display: grid;
    gap: .9rem;
}

.carousel-card-form-message[b-5431am9aek] {
    margin-bottom: 1rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 80%, transparent);
    border-radius: .75rem;
}

.carousel-card-form-uploader[b-5431am9aek] {
    height: 320px;
    width: 100%;
    border: 1px dashed var(--accent-fill-rest);
    border-radius: .75rem;
}

.carousel-card-form-uploader-icon[b-5431am9aek] {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    margin-top: 1.2rem;
}

.carousel-card-form-uploader-copy[b-5431am9aek] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
    text-align: center;
    padding: .5rem 1rem 0;
}

.carousel-card-form-uploader-copy p[b-5431am9aek],
.carousel-card-form-uploader-copy em[b-5431am9aek] {
    margin: 0;
}

.carousel-card-form-file-list[b-5431am9aek] {
    margin-top: 1rem;
}

.carousel-card-form-file-list ul[b-5431am9aek] {
    margin: .5rem 0 0;
    padding-left: 1rem;
}

.carousel-card-form-empty[b-5431am9aek] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .75rem;
    align-items: start;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: .9rem;
    border: 1px dashed color-mix(in srgb, var(--neutral-stroke-rest) 82%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 88%, transparent);
}

.carousel-card-form-empty strong[b-5431am9aek] {
    display: block;
    margin-bottom: .2rem;
}

.carousel-card-form-empty p[b-5431am9aek] {
    margin: 0;
    color: var(--input-placeholder-hover);
}

.carousel-card-form-buttons[b-5431am9aek] {
    display: grid;
    gap: .75rem;
    margin-bottom: 1rem;
}

.carousel-card-form-button-item[b-5431am9aek] {
    display: grid;
    gap: .75rem;
    padding: .9rem;
    border-radius: .9rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 78%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 92%, transparent);
}

.carousel-card-form-button-header[b-5431am9aek] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.carousel-card-form-remove-button[b-5431am9aek] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: var(--neutral-foreground-rest);
    cursor: pointer;
}

.carousel-card-form-remove-button:hover[b-5431am9aek] {
    background: color-mix(in srgb, var(--error) 10%, transparent);
    color: var(--error);
}

@media (max-width: 768px) {
    .carousel-card-form-section-header[b-5431am9aek] {
        grid-template-columns: 1fr;
    }
}
/* /Messages/Components/RcsCarouselCards.razor.rz.scp.css */
.carousel-cards-info-banner[b-ahm3dccl8k] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .9rem;
    align-items: start;
    padding: 1rem 1.1rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 30%, transparent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent-fill-rest) 10%, transparent), color-mix(in srgb, var(--accent-fill-rest) 3%, var(--fill-color-base)));
}

.carousel-cards-info-banner strong[b-ahm3dccl8k] {
    display: block;
    margin-bottom: .25rem;
}

.carousel-cards-info-banner p[b-ahm3dccl8k] {
    margin: 0;
    color: var(--neutral-foreground-rest);
    line-height: 1.5;
}

.carousel-cards-info-icon[b-ahm3dccl8k] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .9rem;
    color: var(--accent-fill-rest);
    background: color-mix(in srgb, var(--accent-fill-rest) 14%, transparent);
}

.carousel-cards-panel[b-ahm3dccl8k] {
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 72%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-1) 88%, transparent);
}

.carousel-cards-panel-header[b-ahm3dccl8k] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.carousel-cards-panel-header p[b-ahm3dccl8k] {
    margin: .2rem 0 0;
    color: var(--input-placeholder-hover);
}

.carousel-cards-panel-label[b-ahm3dccl8k] {
    display: inline-block;
    font-size: .82rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.carousel-cards-panel-actions[b-ahm3dccl8k] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-shrink: 0;
}

.carousel-cards-counter[b-ahm3dccl8k] {
    white-space: nowrap;
    padding: .35rem .7rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, transparent);
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent);
    color: var(--accent-fill-rest);
    font-size: .8rem;
    font-weight: 700;
}

.carousel-cards-empty[b-ahm3dccl8k] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .8rem;
    align-items: start;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px dashed color-mix(in srgb, var(--neutral-stroke-rest) 82%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 88%, transparent);
    color: var(--neutral-foreground-rest);
}

.carousel-cards-empty strong[b-ahm3dccl8k] {
    display: block;
    margin-bottom: .2rem;
}

.carousel-cards-empty p[b-ahm3dccl8k] {
    margin: 0;
    color: var(--input-placeholder-hover);
    line-height: 1.5;
}

.carousel-cards-workspace[b-ahm3dccl8k] {
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 1rem;
    align-items: stretch;
}

.carousel-cards-list-shell[b-ahm3dccl8k] {
    min-height: 0;
    height: 100%;
}

.carousel-cards-list[b-ahm3dccl8k] {
    display: grid;
    gap: .75rem;
    height: 100%;
    min-height: 0;
    align-content: start;
    grid-auto-rows: max-content;
    overflow-y: auto;
    padding-right: .2rem;
}

.carousel-card-tile[b-ahm3dccl8k] {
    width: 100%;
    text-align: left;
    padding: .9rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 82%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 92%, transparent);
    color: var(--neutral-foreground-rest);
    display: flex;
    flex-direction: column;
    gap: .75rem;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.carousel-card-tile:hover[b-ahm3dccl8k] {
    border-color: color-mix(in srgb, var(--accent-fill-rest) 26%, transparent);
}

.carousel-card-tile--selected[b-ahm3dccl8k] {
    border-color: color-mix(in srgb, var(--accent-fill-rest) 38%, transparent);
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, var(--neutral-layer-1));
}

.carousel-card-tile-top[b-ahm3dccl8k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.carousel-card-tile-number[b-ahm3dccl8k] {
    font-size: .78rem;
    font-weight: 700;
    color: var(--accent-fill-rest);
    text-transform: uppercase;
    letter-spacing: .08em;
}

.carousel-card-tile-state[b-ahm3dccl8k] {
    font-size: .72rem;
    font-weight: 700;
    color: var(--accent-fill-rest);
}

.carousel-card-tile-title[b-ahm3dccl8k] {
    display: block;
    line-height: 1.4;
}

.carousel-card-tile-meta[b-ahm3dccl8k] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.carousel-card-tile-pill[b-ahm3dccl8k] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .32rem .55rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--neutral-layer-1) 94%, transparent);
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 76%, transparent);
    color: var(--neutral-foreground-rest);
    font-size: .75rem;
    font-weight: 600;
}

.carousel-card-tile-pill--ready[b-ahm3dccl8k] {
    color: var(--accent-fill-rest);
    border-color: color-mix(in srgb, var(--accent-fill-rest) 22%, transparent);
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent);
}

.carousel-card-editor-shell[b-ahm3dccl8k] {
    min-width: 0;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 72%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 86%, transparent);
}

.carousel-card-editor-header[b-ahm3dccl8k] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.carousel-card-editor-header > div[b-ahm3dccl8k] {
    min-width: 0;
    flex: 1;
}

.carousel-card-editor-header strong[b-ahm3dccl8k] {
    display: block;
    margin-top: .2rem;
    font-size: 1.05rem;
    color: var(--neutral-foreground-rest);
}

.carousel-card-editor-header p[b-ahm3dccl8k] {
    margin: .25rem 0 0;
    color: var(--input-placeholder-hover);
}

.carousel-card-editor-label[b-ahm3dccl8k] {
    display: inline-flex;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--accent-fill-rest);
}

[b-ahm3dccl8k] fluent-button.carousel-card-editor-remove::part(control) {
    border-radius: 8px;
}

@media (max-width: 1180px) {
    .carousel-card-editor-header[b-ahm3dccl8k] {
        flex-direction: column;
        align-items: stretch;
    }

    [b-ahm3dccl8k] fluent-button.carousel-card-editor-remove {
        width: 100%;
    }
}

@media (max-width: 920px) {
    .carousel-cards-panel-header[b-ahm3dccl8k],
    .carousel-card-editor-header[b-ahm3dccl8k],
    .carousel-cards-panel-actions[b-ahm3dccl8k] {
        flex-direction: column;
        align-items: stretch;
    }

    .carousel-cards-workspace[b-ahm3dccl8k] {
        grid-template-columns: 1fr;
    }

    .carousel-cards-list-shell[b-ahm3dccl8k] {
        height: auto;
    }

    .carousel-cards-list[b-ahm3dccl8k] {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        max-height: 18rem;
        height: auto;
    }
}

@media (max-width: 768px) {
    .carousel-cards-info-banner[b-ahm3dccl8k] {
        grid-template-columns: 1fr;
    }
}
/* /Messages/Components/Routes/Routes.razor.rz.scp.css */
    .routes-info-banner strong[b-yw7rtqi3dq] {
        display: block;
        margin-bottom: .25rem;
    }

    .routes-info-banner p[b-yw7rtqi3dq] {
        margin: 0;
        color: var(--neutral-foreground-rest);
        line-height: 1.5;
    }

    .routes-info-icon[b-yw7rtqi3dq] {
        display: grid;
        place-items: center;
        width: 2rem;
        height: 2rem;
        margin-top: .1rem;
        border-radius: 999px;
        color: var(--accent-fill-rest);
        background: color-mix(in srgb, var(--accent-fill-rest) 14%, transparent);
    }

    .routes-search-box[b-yw7rtqi3dq] {
        margin-bottom: 1rem;
    }

    .routes-picker-grid[b-yw7rtqi3dq] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: .75rem;
        justify-content: start;
    }

    .route-option-card[b-yw7rtqi3dq] {
        width: 100%;
        min-height: 138px;
        text-align: left;
        padding: 1rem;
        border-radius: 8px;
        border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 78%, transparent);
        background: linear-gradient(
            180deg,
            color-mix(in srgb, var(--neutral-layer-1) 88%, transparent) 0%,
            color-mix(in srgb, var(--neutral-layer-2) 92%, transparent) 100%);
        color: var(--neutral-foreground-rest);
        transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease, background .18s ease;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        gap: .75rem;
    }

    .route-option-card:hover[b-yw7rtqi3dq] {
        transform: translateY(-1px);
        border-color: color-mix(in srgb, var(--accent-fill-rest) 36%, transparent);
        box-shadow: 0 10px 24px color-mix(in srgb, black 12%, transparent);
    }

    .route-option-card.selected[b-yw7rtqi3dq] {
        border-color: color-mix(in srgb, var(--accent-fill-rest) 58%, transparent);
        background: linear-gradient(
            180deg,
            color-mix(in srgb, var(--accent-fill-rest) 10%, var(--neutral-layer-1)) 0%,
            color-mix(in srgb, var(--accent-fill-rest) 6%, var(--neutral-layer-2)) 100%);
        box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent-fill-rest) 22%, transparent);
    }

    .route-option-top[b-yw7rtqi3dq] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: .75rem;
    }

    .route-option-name[b-yw7rtqi3dq] {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.35;
        color: var(--neutral-foreground-rest);
    }

    .route-option-price[b-yw7rtqi3dq] {
        display: inline-flex;
        align-items: center;
        padding: .3rem .65rem;
        border-radius: 999px;
        font-size: .78rem;
        font-weight: 700;
        color: var(--accent-fill-rest);
        background: color-mix(in srgb, var(--accent-fill-rest) 10%, transparent);
        border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, transparent);
    }

    .route-option-meta[b-yw7rtqi3dq],
    .route-option-selected[b-yw7rtqi3dq] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
        font-size: .75rem;
        font-weight: 600;
    }

    .route-option-meta[b-yw7rtqi3dq] {
        color: var(--neutral-foreground-rest);
    }

    .route-option-selected[b-yw7rtqi3dq] {
        color: var(--accent-fill-rest);
    }

    .routes-picker-empty[b-yw7rtqi3dq] {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: .75rem;
        align-items: start;
        padding: 1rem;
        border-radius: 0.5rem;
        border: 1px dashed color-mix(in srgb, var(--neutral-stroke-rest) 82%, transparent);
        background: color-mix(in srgb, var(--neutral-layer-2) 88%, transparent);
        color: var(--neutral-foreground-rest);
    }

    .routes-picker-empty strong[b-yw7rtqi3dq] {
        display: block;
        margin-bottom: .2rem;
    }

    .routes-picker-empty p[b-yw7rtqi3dq] {
        margin: 0;
        color: var(--input-placeholder-hover);
        line-height: 1.5;
    }

    .route-option-footer[b-yw7rtqi3dq] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: .75rem;
    }

    @media (max-width: 768px) {
        .route-option-top[b-yw7rtqi3dq] {
            align-items: flex-start;
            flex-direction: column;
            gap: .55rem;
        }
    }
/* /Messages/Components/Scheduler/Scheduler.razor.rz.scp.css */
.scheduler-info-banner[b-klfu998w72] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.75rem;
  align-items: start;
  padding: 1rem 1.1rem;
  margin-bottom: 1rem;
  border-radius: 1rem;
  border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 30%, transparent);
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--accent-fill-rest) 10%, transparent),
    color-mix(in srgb, var(--accent-fill-rest) 3%, var(--fill-color-base))
  );
}

.scheduler-info-banner strong[b-klfu998w72] {
  display: block;
  margin-bottom: 0.25rem;
}

.scheduler-info-banner p[b-klfu998w72] {
  margin: 0;
  color: var(--neutral-foreground-rest);
  line-height: 1.5;
}

.scheduler-info-emphasis[b-klfu998w72] {
  display: inline-block;
  margin-top: 0.55rem;
  color: var(--accent-fill-rest);
  font-size: 0.9rem;
  font-weight: 600;
}

.scheduler-info-icon[b-klfu998w72] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  margin-top: 0.1rem;
  border-radius: 999px;
  color: var(--accent-fill-rest);
  background: color-mix(in srgb, var(--accent-fill-rest) 14%, transparent);
}

.scheduler-selection-panel[b-klfu998w72] {
  padding: 1rem;
  border-radius: .5rem;
  border: 1px solid
    color-mix(in srgb, var(--neutral-stroke-rest) 70%, transparent);
  background: color-mix(
    in srgb,
    var(--neutral-layer-2) 88%,
    var(--fill-color-base)
  );
}

.scheduler-selection-header[b-klfu998w72] {
  margin-bottom: 0.9rem;
}

.scheduler-selection-header p[b-klfu998w72] {
  margin: 0.2rem 0 0;
  color: var(--input-placeholder-hover);
}

.scheduler-selection-label[b-klfu998w72] {
  display: inline-block;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--neutral-foreground-rest);
}

.scheduler-switch-panel[b-klfu998w72] {
  padding: 0.2rem 0 0.35rem;
}

.scheduler-fields-panel[b-klfu998w72] {
  margin-top: 0.85rem;
  padding-top: 1rem;
  border-top: 1px solid
    color-mix(in srgb, var(--neutral-stroke-rest) 65%, transparent);
}
/* /Messages/Components/SendActionPanel.razor.rz.scp.css */
.send-action-panel[b-u6z0nhq4tg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    margin-top: 1.25rem;
    padding: 1.15rem 1.25rem;
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-color: color-mix(in srgb, var(--neutral-layer-1) 16%, var(--neutral-stroke-layer-rest));
    background:
        radial-gradient(circle at 16% 20%, color-mix(in srgb, var(--neutral-layer-1) 16%, transparent) 0%, transparent 55%),
        var(--neutral-layer-1);
    box-shadow: var(--elevation-shadow-card-rest);
}

.send-action-copy[b-u6z0nhq4tg] {
    display: flex;
    flex-direction: column;
    gap: .28rem;
}

.send-action-copy strong[b-u6z0nhq4tg] {
    font-size: 1.08rem;
    line-height: 1.35;
    color: var(--neutral-foreground-rest);
}

.send-action-copy p[b-u6z0nhq4tg] {
    margin: 0;
    color: var(--input-placeholder-hover);
    line-height: 1.5;
}

.send-action-kicker[b-u6z0nhq4tg] {
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .72rem;
    font-weight: 700;
    color: var(--accent-fill-rest);
}

.send-action-cta[b-u6z0nhq4tg] {
    display: flex;
    align-items: center;
    gap: .9rem;
    flex-shrink: 0;
}

.send-action-pill[b-u6z0nhq4tg] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem .75rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 80%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-1) 92%, transparent);
    color: var(--neutral-foreground-rest);
    font-size: .82rem;
    font-weight: 700;
    white-space: nowrap;
}

.send-action-button[b-u6z0nhq4tg] {
    min-width: 220px;
}

[b-u6z0nhq4tg] fluent-button.send-action-button::part(control) {
    border-radius: 8px;
}

@media (max-width: 900px) {
    .send-action-panel[b-u6z0nhq4tg],
    .send-action-cta[b-u6z0nhq4tg] {
        align-items: stretch;
        flex-direction: column;
    }

    .send-action-panel[b-u6z0nhq4tg],
    .send-action-cta[b-u6z0nhq4tg],
    .send-action-button[b-u6z0nhq4tg] {
        width: 100%;
    }

    .send-action-copy[b-u6z0nhq4tg],
    .send-action-pill[b-u6z0nhq4tg] {
        text-align: center;
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .send-action-pill[b-u6z0nhq4tg] {
        white-space: normal;
    }
}
/* /Messages/Components/SendFeedbackOverlay.razor.rz.scp.css */
.send-feedback-overlay[b-jbbg6c4da8] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1.5rem;
}

.send-feedback-backdrop[b-jbbg6c4da8] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--accent-fill-rest) 14%, transparent), transparent 28%),
        color-mix(in srgb, black 84%, var(--fill-color-base) 16%);
    backdrop-filter: blur(12px);
}

.send-feedback-panel[b-jbbg6c4da8] {
    position: relative;
    width: min(100%, 30rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .85rem;
    padding: 2rem 1.5rem 1.5rem;
    border-radius: 1.5rem;
    border: 1px solid var(--neutral-stroke-layer-rest);
    background: var(--neutral-layer-1);
    box-shadow: var(--elevation-shadow-card-rest);
    text-align: center;
}

.send-feedback-panel strong[b-jbbg6c4da8] {
    font-size: 1.2rem;
    line-height: 1.35;
    color: var(--neutral-foreground-rest);
}

.send-feedback-panel p[b-jbbg6c4da8] {
    margin: 0;
    max-width: 24rem;
    color: var(--input-placeholder-hover);
    line-height: 1.6;
}

.send-feedback-kicker[b-jbbg6c4da8] {
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .72rem;
    font-weight: 800;
    color: var(--accent-fill-rest);
}

.send-feedback-stage[b-jbbg6c4da8] {
    position: relative;
    width: 10rem;
    height: 10rem;
    display: grid;
    place-items: center;
    margin-bottom: .15rem;
}

.send-feedback-ring[b-jbbg6c4da8] {
    position: absolute;
    inset: .55rem;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, transparent);
    animation: send-feedback-spin-b-jbbg6c4da8 8s linear infinite;
}

.send-feedback-ring[b-jbbg6c4da8]::before,
.send-feedback-ring[b-jbbg6c4da8]::after {
    content: "";
    position: absolute;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent-fill-rest), color-mix(in srgb, var(--accent-fill-rest) 48%, white 52%));
    box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
}

.send-feedback-ring[b-jbbg6c4da8]::before {
    top: -.3rem;
    left: 50%;
    transform: translateX(-50%);
}

.send-feedback-ring[b-jbbg6c4da8]::after {
    right: .65rem;
    bottom: .2rem;
}

.send-feedback-ring--delayed[b-jbbg6c4da8] {
    inset: 1.35rem;
    border-style: dashed;
    animation-duration: 10s;
    animation-direction: reverse;
}

.send-feedback-loader-core[b-jbbg6c4da8] {
    width: 4.6rem;
    height: 4.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top, color-mix(in srgb, white 82%, var(--accent-fill-rest) 18%), color-mix(in srgb, var(--neutral-layer-1) 84%, var(--accent-fill-rest) 16%));
    box-shadow:
        0 1rem 2rem color-mix(in srgb, var(--accent-fill-rest) 22%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 65%, transparent);
    animation: send-feedback-breathe-b-jbbg6c4da8 2.8s ease-in-out infinite;
}

.send-feedback-loader-core span[b-jbbg6c4da8] {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: var(--accent-fill-rest);
    box-shadow: 0 .25rem .7rem color-mix(in srgb, var(--accent-fill-rest) 28%, transparent);
    animation: send-feedback-pulse-b-jbbg6c4da8 1.2s ease-in-out infinite;
}

.send-feedback-loader-core span:nth-child(2)[b-jbbg6c4da8] {
    animation-delay: .15s;
}

.send-feedback-loader-core span:nth-child(3)[b-jbbg6c4da8] {
    animation-delay: .3s;
}

.send-feedback-orb[b-jbbg6c4da8] {
    position: absolute;
    border-radius: 999px;
    filter: blur(14px);
    opacity: .65;
    pointer-events: none;
}

.send-feedback-orb--left[b-jbbg6c4da8] {
    width: 10rem;
    height: 10rem;
    top: -4rem;
    left: -3rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-fill-rest) 20%, transparent), transparent 70%);
}

.send-feedback-orb--right[b-jbbg6c4da8] {
    width: 12rem;
    height: 12rem;
    right: -5rem;
    bottom: -5rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-fill-rest) 14%, transparent), transparent 72%);
}

.send-feedback-progress[b-jbbg6c4da8] {
    width: min(100%, 18rem);
    height: .6rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent);
    margin-top: .25rem;
}

.send-feedback-progress span[b-jbbg6c4da8] {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--accent-fill-rest), color-mix(in srgb, var(--accent-fill-rest) 40%, white 60%));
    animation: send-feedback-progress-b-jbbg6c4da8 1.4s ease-in-out infinite;
}

@keyframes send-feedback-spin-b-jbbg6c4da8 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes send-feedback-breathe-b-jbbg6c4da8 {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

@keyframes send-feedback-pulse-b-jbbg6c4da8 {
    0%,
    100% {
        opacity: .35;
        transform: translateY(.2rem) scale(.82);
    }

    50% {
        opacity: 1;
        transform: translateY(-.2rem) scale(1);
    }
}

@keyframes send-feedback-progress-b-jbbg6c4da8 {
    0% {
        transform: translateX(-120%);
    }

    100% {
        transform: translateX(320%);
    }
}

@media (max-width: 768px) {
    .send-feedback-panel[b-jbbg6c4da8] {
        flex-direction: column;
    }

    .send-feedback-stage[b-jbbg6c4da8] {
        width: 8.5rem;
        height: 8.5rem;
    }
}
/* /Messages/Components/StepProgress/StepProgress.razor.rz.scp.css */
.step-header[b-n2liwbvh8r] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: var(--neutral-layer-2);
  z-index: 5;
  border-bottom: 1px solid var(--input-placeholder-hover);
  margin-bottom: 1.5rem;
  margin-top: -1.5rem;
}

.step-container[b-n2liwbvh8r] {
  margin: 0 auto;
  padding: 1.5rem 0;
}

.step-list[b-n2liwbvh8r] {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.step-wrapper[b-n2liwbvh8r] {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 8px;
}

.step-item[b-n2liwbvh8r] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  width: 100%;
  border-radius: 8px;
  border: 2px solid transparent;
  transition: all 0.2s ease;
  padding: 8px 16px !important;
  background-color: var(--fill-color);
}

.step-item.completed[b-n2liwbvh8r] {
  background: var(--panel-bg);
  border: 2px solid var(--accent-fill-rest);
}

.step-circle[b-n2liwbvh8r] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  color: var(--input-placeholder-hover);
  transition: all 0.3s ease;
}

.step-circle.done[b-n2liwbvh8r] {
  background: var(--accent-fill-rest);
  fill: none !important;
  stroke: #fff;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.step-number[b-n2liwbvh8r] {
  font-size: 12px;
  font-weight: bold;
}

.step-label[b-n2liwbvh8r] {
  font-size: 14px;
  font-weight: 500;
  color: var(--input-placeholder-hover);
  transition: color 0.2s;
}

.step-label.label-done[b-n2liwbvh8r] {
  color: var(--accent-fill-rest);
  font-weight: 600;
}

.step-connector[b-n2liwbvh8r] {
  height: 3px;
  width: 24px;
  background: var(--input-placeholder-hover);
  border-radius: 2px;
  transition: all 0.25s;
}

.step-connector.conn-active[b-n2liwbvh8r] {
  background: var(--accent-fill-rest);
}

.step-link[b-n2liwbvh8r] {
  text-decoration: none;
  width: 100%;
  background-color: transparent;
  outline: none;
  border: none;
}
/* /Messages/Components/Summary/SummaryConfirmationDialog.razor.rz.scp.css */
.summary-dialog-card[b-2cv9lq4gfv] {
        width: 100%;
        background: var(--panel-bg);
        border-radius: 12px;
        border: 1px solid var(--accent-fill-rest);
        padding: 20px;
    }

    .summary-row[b-2cv9lq4gfv] {
        font-size: 14px;
        color: var(--neutral-foreground-rest);
    }

    .summary-row.total[b-2cv9lq4gfv] {
        padding: 1rem 0;
        border-top: 1px solid var(--input-placeholder-hover);
        border-bottom: 1px solid var(--input-placeholder-hover);
    }

    .summary-row.total strong[b-2cv9lq4gfv] {
        color: var(--accent-fill-rest);
    }

    .schedule-info[b-2cv9lq4gfv] {
        margin: 0;
        color: var(--neutral-foreground-rest);
        line-height: 1.5;
        font-size: 14px;
    }
/* /Messages/Components/Tags/Tags.razor.rz.scp.css */
.tags-selection-header[b-tfqs9ua3qi] {
  margin-bottom: 1rem;
}

.tags-selection-header p[b-tfqs9ua3qi] {
  margin: 0.2rem 0 0;
  color: var(--input-placeholder-hover);
}

.tags-fields-grid[b-tfqs9ua3qi] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
}

.tags-field-block[b-tfqs9ua3qi] {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.tags-help-text[b-tfqs9ua3qi] {
  color: var(--input-placeholder-hover);
  line-height: 1.5;
  font-size: 0.92rem;
}

.tag-footer-message[b-tfqs9ua3qi] {
  margin-top: 1rem;
}
/* /Messages/Dialog/GenerateTextDialog.razor.rz.scp.css */
.generate-dialog[b-nv12qrlsmi] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 320px;
}

.dialog-options-grid[b-nv12qrlsmi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .75rem;
}

.dialog-options-grid > *[b-nv12qrlsmi],
.ai-settings-card > *[b-nv12qrlsmi],
.capacity-options > *[b-nv12qrlsmi] {
    min-width: 0;
}

[b-nv12qrlsmi] fluent-select,
[b-nv12qrlsmi] fluent-text-area {
    max-width: 100%;
}

.text-card[b-nv12qrlsmi] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    background: var(--neutral-layer-2);
    padding: .85rem 1rem;
}

.text-card span[b-nv12qrlsmi] {
    display: block;
    margin-bottom: .45rem;
    color: var(--neutral-foreground-hint);
    font-size: .84rem;
    font-weight: 700;
}

.text-card p[b-nv12qrlsmi] {
    margin: 0;
    color: var(--neutral-foreground-rest);
    font-weight: 600;
    line-height: 1.45;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.text-card--suggestion[b-nv12qrlsmi] {
    border-color: color-mix(in srgb, #c084fc 55%, var(--neutral-stroke-rest));
    background: color-mix(in srgb, #c084fc 8%, var(--neutral-layer-2));
}

.text-card--suggestion span[b-nv12qrlsmi] {
    color: #c084fc;
}

.ai-settings-card[b-nv12qrlsmi] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    background: var(--neutral-layer-1);
    padding: 0.875rem 1rem;
    width: 100%;
}

.capacity-group[b-nv12qrlsmi] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
    margin-top: 1rem;
}

.capacity-label[b-nv12qrlsmi] {
    color: var(--neutral-foreground-rest);
    font-size: 0.875rem;
    font-weight: 700;
}

.capacity-options[b-nv12qrlsmi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .75rem;
}

.capacity-option[b-nv12qrlsmi] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
    min-height: 60px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    background: var(--neutral-layer-2);
    color: var(--neutral-foreground-rest);
    padding: .75rem 1rem;
    text-align: left;
    cursor: pointer;
}

.capacity-option strong[b-nv12qrlsmi] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
}

.capacity-option strong[b-nv12qrlsmi]  svg {
    width: 16px;
    height: 16px;
}

.capacity-option span[b-nv12qrlsmi] {
    color: var(--neutral-foreground-hint);
    font-size: .875rem;
}

.capacity-option.is-selected[b-nv12qrlsmi] {
    border-color: #c084fc;
    background: color-mix(in srgb, #c084fc 12%, var(--neutral-layer-2));
}

.capacity-option.is-selected strong[b-nv12qrlsmi],
.capacity-option.is-selected span[b-nv12qrlsmi] {
    color: #c084fc;
}

.capacity-option:disabled[b-nv12qrlsmi] {
    cursor: not-allowed;
    opacity: 0.65;
}

.ai-settings-empty[b-nv12qrlsmi] {
    display: block;
    margin-top: 0.75rem;
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
    font-weight: 600;
}

@media (max-width: 720px) {
    .dialog-options-grid[b-nv12qrlsmi],
    .capacity-options[b-nv12qrlsmi] {
        grid-template-columns: 1fr;
    }
}
/* /Messages/Dialog/OptimizeTextDialog.razor.rz.scp.css */

.optimize-dialog[b-figb2fll7v] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 320px;
}

.dialog-options-grid[b-figb2fll7v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .75rem;
}

.dialog-options-grid > *[b-figb2fll7v],
.ai-settings-card > *[b-figb2fll7v],
.capacity-options > *[b-figb2fll7v] {
    min-width: 0;
}

[b-figb2fll7v] fluent-select,
[b-figb2fll7v] fluent-text-area {
    max-width: 100%;
}

.text-card[b-figb2fll7v] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    background: var(--neutral-layer-2);
    padding: .85rem 1rem;
}

.text-card span[b-figb2fll7v] {
    display: block;
    margin-bottom: .5rem;
    color: var(--neutral-foreground-hint);
    font-size: .85rem;
    font-weight: 700;
}

.text-card p[b-figb2fll7v] {
    margin: 0;
    color: var(--neutral-foreground-rest);
    font-weight: 600;
    line-height: 1.45;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.text-card--suggestion[b-figb2fll7v] {
    border-color: color-mix(in srgb, #c084fc 55%, var(--neutral-stroke-rest));
    background: color-mix(in srgb, #c084fc 8%, var(--neutral-layer-2));
}

.text-card--suggestion span[b-figb2fll7v] {
    color: #c084fc;
}

.ai-settings-card[b-figb2fll7v] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    background: var(--neutral-layer-1);
    padding: .85rem 1rem;
}

.capacity-group[b-figb2fll7v] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    margin-top: 1rem;
}

.capacity-label[b-figb2fll7v] {
    color: var(--neutral-foreground-rest);
    font-size: 0.875rem;
    font-weight: 700;
}

.capacity-options[b-figb2fll7v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.75rem;
}

.capacity-option[b-figb2fll7v] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    min-height: 60px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    background: var(--neutral-layer-2);
    color: var(--neutral-foreground-rest);
    padding: 0.75rem 1rem;
    text-align: left;
    cursor: pointer;
}

.capacity-option strong[b-figb2fll7v] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
}

.capacity-option strong[b-figb2fll7v]  svg {
    width: 16px;
    height: 16px;
}

.capacity-option span[b-figb2fll7v] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

.capacity-option.is-selected[b-figb2fll7v] {
    border-color: #c084fc;
    background: color-mix(in srgb, #c084fc 12%, var(--neutral-layer-2));
}

.capacity-option.is-selected strong[b-figb2fll7v],
.capacity-option.is-selected span[b-figb2fll7v] {
    color: #c084fc;
}

.capacity-option:disabled[b-figb2fll7v] {
    cursor: not-allowed;
    opacity: 0.65;
}

.ai-settings-empty[b-figb2fll7v] {
    display: block;
    margin-top: 0.75rem;
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
    font-weight: 600;
}

@media (max-width: 720px) {
    .dialog-options-grid[b-figb2fll7v],
    .capacity-options[b-figb2fll7v] {
        grid-template-columns: 1fr;
    }
}
/* /Messages/Pages/Rcs/SendRcsBasicMessage.razor.rz.scp.css */
.advanced-link-row[b-xa3bj891k6] {
    display: flex;
    justify-content: center;
    margin: .5rem 0 1rem;
}

.advanced-link-button[b-xa3bj891k6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 85%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 92%, var(--fill-color-base));
    color: var(--neutral-foreground-rest);
    padding: .7rem 1rem;
    font-size: .95rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 8px;
    min-width: 240px;
    transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.advanced-link-button:hover[b-xa3bj891k6] {
    background: color-mix(in srgb, var(--neutral-layer-3) 94%, var(--fill-color-base));
    border-color: color-mix(in srgb, var(--neutral-stroke-hover) 90%, transparent);
    transform: translateY(-1px);
    box-shadow: 0 10px 20px color-mix(in srgb, black 8%, transparent);
}

.send-feedback-overlay[b-xa3bj891k6] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1.5rem;
}

.send-feedback-backdrop[b-xa3bj891k6] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--accent-fill-rest) 20%, transparent), transparent 32%),
        color-mix(in srgb, var(--fill-color-base) 68%, black 32%);
    backdrop-filter: blur(12px);
}

.send-feedback-panel[b-xa3bj891k6] {
    position: relative;
    width: min(100%, 30rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .85rem;
    padding: 2rem 1.5rem 1.5rem;
    border-radius: 1.5rem;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--neutral-stroke-rest));
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--neutral-layer-1) 96%, transparent), color-mix(in srgb, var(--neutral-layer-2) 94%, transparent)),
        var(--fill-color-base);
    box-shadow:
        0 1.5rem 4rem color-mix(in srgb, black 18%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 45%, transparent);
    text-align: center;
}

.send-feedback-panel strong[b-xa3bj891k6] {
    font-size: 1.2rem;
    line-height: 1.35;
    color: var(--neutral-foreground-rest);
}

.send-feedback-panel p[b-xa3bj891k6] {
    margin: 0;
    max-width: 24rem;
    color: var(--input-placeholder-hover);
    line-height: 1.6;
}

.send-feedback-kicker[b-xa3bj891k6] {
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .72rem;
    font-weight: 800;
    color: var(--accent-fill-rest);
}

.send-feedback-stage[b-xa3bj891k6] {
    position: relative;
    width: 10rem;
    height: 10rem;
    display: grid;
    place-items: center;
    margin-bottom: .15rem;
}

.send-feedback-ring[b-xa3bj891k6] {
    position: absolute;
    inset: .55rem;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, transparent);
    animation: send-feedback-spin-b-xa3bj891k6 8s linear infinite;
}

.send-feedback-ring[b-xa3bj891k6]::before,
.send-feedback-ring[b-xa3bj891k6]::after {
    content: "";
    position: absolute;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent-fill-rest), color-mix(in srgb, var(--accent-fill-rest) 48%, white 52%));
    box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
}

.send-feedback-ring[b-xa3bj891k6]::before {
    top: -.3rem;
    left: 50%;
    transform: translateX(-50%);
}

.send-feedback-ring[b-xa3bj891k6]::after {
    right: .65rem;
    bottom: .2rem;
}

.send-feedback-ring--delayed[b-xa3bj891k6] {
    inset: 1.35rem;
    border-style: dashed;
    animation-duration: 10s;
    animation-direction: reverse;
}

.send-feedback-logo-shell[b-xa3bj891k6] {
    width: 4.6rem;
    height: 4.6rem;
    display: grid;
    place-items: center;
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top, color-mix(in srgb, white 82%, var(--accent-fill-rest) 18%), color-mix(in srgb, var(--neutral-layer-1) 84%, var(--accent-fill-rest) 16%));
    box-shadow:
        0 1rem 2rem color-mix(in srgb, var(--accent-fill-rest) 22%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 65%, transparent);
    animation: send-feedback-breathe-b-xa3bj891k6 2.8s ease-in-out infinite;
}

.send-feedback-logo[b-xa3bj891k6] {
    width: 2rem;
    filter: drop-shadow(0 .3rem .6rem color-mix(in srgb, var(--accent-fill-rest) 22%, transparent));
}

.send-feedback-orb[b-xa3bj891k6] {
    position: absolute;
    border-radius: 999px;
    filter: blur(14px);
    opacity: .65;
    pointer-events: none;
}

.send-feedback-orb--left[b-xa3bj891k6] {
    width: 10rem;
    height: 10rem;
    top: -4rem;
    left: -3rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-fill-rest) 20%, transparent), transparent 70%);
}

.send-feedback-orb--right[b-xa3bj891k6] {
    width: 12rem;
    height: 12rem;
    right: -5rem;
    bottom: -5rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-fill-rest) 14%, transparent), transparent 72%);
}

.send-feedback-progress[b-xa3bj891k6] {
    width: min(100%, 18rem);
    height: .6rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent);
    margin-top: .25rem;
}

.send-feedback-progress span[b-xa3bj891k6] {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--accent-fill-rest), color-mix(in srgb, var(--accent-fill-rest) 40%, white 60%));
    animation: send-feedback-progress-b-xa3bj891k6 1.4s ease-in-out infinite;
}

@keyframes send-feedback-spin-b-xa3bj891k6 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes send-feedback-breathe-b-xa3bj891k6 {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

@keyframes send-feedback-progress-b-xa3bj891k6 {
    0% {
        transform: translateX(-120%);
    }

    100% {
        transform: translateX(320%);
    }
}

@media (max-width: 768px) {
    .send-action-panel[b-xa3bj891k6],
    .send-action-cta[b-xa3bj891k6],
    .send-feedback-panel[b-xa3bj891k6] {
        flex-direction: column;
    }

    .send-action-panel[b-xa3bj891k6],
    .send-action-cta[b-xa3bj891k6],
    .send-action-button[b-xa3bj891k6] {
        width: 100%;
    }

    .send-action-copy[b-xa3bj891k6],
    .send-action-pill[b-xa3bj891k6] {
        width: 100%;
    }

    .send-action-pill[b-xa3bj891k6] {
        justify-content: center;
    }

    .send-feedback-stage[b-xa3bj891k6] {
        width: 8.5rem;
        height: 8.5rem;
    }
}
/* /Messages/Pages/Rcs/SendRcsCardMessage.razor.rz.scp.css */
.advanced-link-row[b-zdg4f8dmop] {
    display: flex;
    justify-content: center;
    margin: .5rem 0 1rem;
}

.advanced-link-button[b-zdg4f8dmop] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 85%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 92%, var(--fill-color-base));
    color: var(--neutral-foreground-rest);
    padding: .7rem 1rem;
    font-size: .95rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 8px;
    min-width: 240px;
    transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.advanced-link-button:hover[b-zdg4f8dmop] {
    background: color-mix(in srgb, var(--neutral-layer-3) 94%, var(--fill-color-base));
    border-color: color-mix(in srgb, var(--neutral-stroke-hover) 90%, transparent);
    transform: translateY(-1px);
    box-shadow: 0 10px 20px color-mix(in srgb, black 8%, transparent);
}

.send-feedback-overlay[b-zdg4f8dmop] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1.5rem;
}

.send-feedback-backdrop[b-zdg4f8dmop] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--accent-fill-rest) 20%, transparent), transparent 32%),
        color-mix(in srgb, var(--fill-color-base) 68%, black 32%);
    backdrop-filter: blur(12px);
}

.send-feedback-panel[b-zdg4f8dmop] {
    position: relative;
    width: min(100%, 30rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .85rem;
    padding: 2rem 1.5rem 1.5rem;
    border-radius: 1.5rem;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--neutral-stroke-rest));
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--neutral-layer-1) 96%, transparent), color-mix(in srgb, var(--neutral-layer-2) 94%, transparent)),
        var(--fill-color-base);
    box-shadow:
        0 1.5rem 4rem color-mix(in srgb, black 18%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 45%, transparent);
    text-align: center;
}

.send-feedback-panel strong[b-zdg4f8dmop] {
    font-size: 1.2rem;
    line-height: 1.35;
    color: var(--neutral-foreground-rest);
}

.send-feedback-panel p[b-zdg4f8dmop] {
    margin: 0;
    max-width: 24rem;
    color: var(--input-placeholder-hover);
    line-height: 1.6;
}

.send-feedback-kicker[b-zdg4f8dmop] {
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .72rem;
    font-weight: 800;
    color: var(--accent-fill-rest);
}

.send-feedback-stage[b-zdg4f8dmop] {
    position: relative;
    width: 10rem;
    height: 10rem;
    display: grid;
    place-items: center;
    margin-bottom: .15rem;
}

.send-feedback-ring[b-zdg4f8dmop] {
    position: absolute;
    inset: .55rem;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, transparent);
    animation: send-feedback-spin-b-zdg4f8dmop 8s linear infinite;
}

.send-feedback-ring[b-zdg4f8dmop]::before,
.send-feedback-ring[b-zdg4f8dmop]::after {
    content: "";
    position: absolute;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent-fill-rest), color-mix(in srgb, var(--accent-fill-rest) 48%, white 52%));
    box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
}

.send-feedback-ring[b-zdg4f8dmop]::before {
    top: -.3rem;
    left: 50%;
    transform: translateX(-50%);
}

.send-feedback-ring[b-zdg4f8dmop]::after {
    right: .65rem;
    bottom: .2rem;
}

.send-feedback-ring--delayed[b-zdg4f8dmop] {
    inset: 1.35rem;
    border-style: dashed;
    animation-duration: 10s;
    animation-direction: reverse;
}

.send-feedback-logo-shell[b-zdg4f8dmop] {
    width: 4.6rem;
    height: 4.6rem;
    display: grid;
    place-items: center;
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top, color-mix(in srgb, white 82%, var(--accent-fill-rest) 18%), color-mix(in srgb, var(--neutral-layer-1) 84%, var(--accent-fill-rest) 16%));
    box-shadow:
        0 1rem 2rem color-mix(in srgb, var(--accent-fill-rest) 22%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 65%, transparent);
    animation: send-feedback-breathe-b-zdg4f8dmop 2.8s ease-in-out infinite;
}

.send-feedback-logo[b-zdg4f8dmop] {
    width: 2rem;
    filter: drop-shadow(0 .3rem .6rem color-mix(in srgb, var(--accent-fill-rest) 22%, transparent));
}

.send-feedback-orb[b-zdg4f8dmop] {
    position: absolute;
    border-radius: 999px;
    filter: blur(14px);
    opacity: .65;
    pointer-events: none;
}

.send-feedback-orb--left[b-zdg4f8dmop] {
    width: 10rem;
    height: 10rem;
    top: -4rem;
    left: -3rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-fill-rest) 20%, transparent), transparent 70%);
}

.send-feedback-orb--right[b-zdg4f8dmop] {
    width: 12rem;
    height: 12rem;
    right: -5rem;
    bottom: -5rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-fill-rest) 14%, transparent), transparent 72%);
}

.send-feedback-progress[b-zdg4f8dmop] {
    width: min(100%, 18rem);
    height: .6rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent);
    margin-top: .25rem;
}

.send-feedback-progress span[b-zdg4f8dmop] {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--accent-fill-rest), color-mix(in srgb, var(--accent-fill-rest) 40%, white 60%));
    animation: send-feedback-progress-b-zdg4f8dmop 1.4s ease-in-out infinite;
}

@keyframes send-feedback-spin-b-zdg4f8dmop {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes send-feedback-breathe-b-zdg4f8dmop {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

@keyframes send-feedback-progress-b-zdg4f8dmop {
    0% {
        transform: translateX(-120%);
    }

    100% {
        transform: translateX(320%);
    }
}

@media (max-width: 840px) {
    .send-action-panel[b-zdg4f8dmop] {
        flex-direction: column;
        align-items: stretch;
    }

    .send-action-cta[b-zdg4f8dmop] {
        flex-direction: column;
        align-items: stretch;
    }

    .send-action-pill[b-zdg4f8dmop],
    .send-action-button[b-zdg4f8dmop] {
        width: 100%;
        justify-content: center;
    }
}
/* /Messages/Pages/Rcs/SendRcsCarouselMessage.razor.rz.scp.css */
.advanced-link-row[b-hnb23aowtr] {
    display: flex;
    justify-content: center;
    margin: .5rem 0 1rem;
}

.advanced-link-button[b-hnb23aowtr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 85%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 92%, var(--fill-color-base));
    color: var(--neutral-foreground-rest);
    padding: .7rem 1rem;
    font-size: .95rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 8px;
    min-width: 240px;
    transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.advanced-link-button:hover[b-hnb23aowtr] {
    background: color-mix(in srgb, var(--neutral-layer-3) 94%, var(--fill-color-base));
    border-color: color-mix(in srgb, var(--neutral-stroke-hover) 90%, transparent);
    transform: translateY(-1px);
    box-shadow: 0 10px 20px color-mix(in srgb, black 8%, transparent);
}

.send-feedback-overlay[b-hnb23aowtr] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1.5rem;
}

.send-feedback-backdrop[b-hnb23aowtr] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--accent-fill-rest) 20%, transparent), transparent 32%),
        color-mix(in srgb, var(--fill-color-base) 68%, black 32%);
    backdrop-filter: blur(12px);
}

.send-feedback-panel[b-hnb23aowtr] {
    position: relative;
    width: min(100%, 30rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .85rem;
    padding: 2rem 1.5rem 1.5rem;
    border-radius: 1.5rem;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--neutral-stroke-rest));
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--neutral-layer-1) 96%, transparent), color-mix(in srgb, var(--neutral-layer-2) 94%, transparent)),
        var(--fill-color-base);
    box-shadow:
        0 1.5rem 4rem color-mix(in srgb, black 18%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 45%, transparent);
    text-align: center;
}

.send-feedback-panel strong[b-hnb23aowtr] {
    font-size: 1.2rem;
    line-height: 1.35;
    color: var(--neutral-foreground-rest);
}

.send-feedback-panel p[b-hnb23aowtr] {
    margin: 0;
    max-width: 24rem;
    color: var(--input-placeholder-hover);
    line-height: 1.6;
}

.send-feedback-kicker[b-hnb23aowtr] {
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .72rem;
    font-weight: 800;
    color: var(--accent-fill-rest);
}

.send-feedback-stage[b-hnb23aowtr] {
    position: relative;
    width: 10rem;
    height: 10rem;
    display: grid;
    place-items: center;
    margin-bottom: .15rem;
}

.send-feedback-ring[b-hnb23aowtr] {
    position: absolute;
    inset: .55rem;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, transparent);
    animation: send-feedback-spin-b-hnb23aowtr 8s linear infinite;
}

.send-feedback-ring[b-hnb23aowtr]::before,
.send-feedback-ring[b-hnb23aowtr]::after {
    content: "";
    position: absolute;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent-fill-rest), color-mix(in srgb, var(--accent-fill-rest) 48%, white 52%));
    box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
}

.send-feedback-ring[b-hnb23aowtr]::before {
    top: -.3rem;
    left: 50%;
    transform: translateX(-50%);
}

.send-feedback-ring[b-hnb23aowtr]::after {
    right: .65rem;
    bottom: .2rem;
}

.send-feedback-ring--delayed[b-hnb23aowtr] {
    inset: 1.35rem;
    border-style: dashed;
    animation-duration: 10s;
    animation-direction: reverse;
}

.send-feedback-logo-shell[b-hnb23aowtr] {
    width: 4.6rem;
    height: 4.6rem;
    display: grid;
    place-items: center;
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top, color-mix(in srgb, white 82%, var(--accent-fill-rest) 18%), color-mix(in srgb, var(--neutral-layer-1) 84%, var(--accent-fill-rest) 16%));
    box-shadow:
        0 1rem 2rem color-mix(in srgb, var(--accent-fill-rest) 22%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 65%, transparent);
    animation: send-feedback-breathe-b-hnb23aowtr 2.8s ease-in-out infinite;
}

.send-feedback-logo[b-hnb23aowtr] {
    width: 2rem;
    filter: drop-shadow(0 .3rem .6rem color-mix(in srgb, var(--accent-fill-rest) 22%, transparent));
}

.send-feedback-orb[b-hnb23aowtr] {
    position: absolute;
    border-radius: 999px;
    filter: blur(14px);
    opacity: .65;
    pointer-events: none;
}

.send-feedback-orb--left[b-hnb23aowtr] {
    width: 10rem;
    height: 10rem;
    top: -4rem;
    left: -3rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-fill-rest) 20%, transparent), transparent 70%);
}

.send-feedback-orb--right[b-hnb23aowtr] {
    width: 12rem;
    height: 12rem;
    right: -5rem;
    bottom: -5rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-fill-rest) 14%, transparent), transparent 72%);
}

.send-feedback-progress[b-hnb23aowtr] {
    width: min(100%, 18rem);
    height: .6rem;
    padding: .12rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--neutral-layer-3) 90%, transparent);
    overflow: hidden;
}

.send-feedback-progress span[b-hnb23aowtr] {
    display: block;
    width: 45%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--accent-fill-rest) 75%, white 25%),
        var(--accent-fill-rest),
        color-mix(in srgb, var(--accent-fill-rest) 70%, white 30%));
    animation: send-feedback-progress-b-hnb23aowtr 1.3s ease-in-out infinite;
}

@keyframes send-feedback-spin-b-hnb23aowtr {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes send-feedback-breathe-b-hnb23aowtr {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.04); }
}

@keyframes send-feedback-progress-b-hnb23aowtr {
    0% { transform: translateX(-65%); }
    50% { transform: translateX(75%); }
    100% { transform: translateX(205%); }
}

@media (max-width: 768px) {
    .send-action-panel[b-hnb23aowtr] {
        flex-direction: column;
        align-items: stretch;
    }

    .send-action-cta[b-hnb23aowtr] {
        flex-direction: column;
        align-items: stretch;
    }

    .send-action-pill[b-hnb23aowtr],
    .send-action-button[b-hnb23aowtr] {
        width: 100%;
        justify-content: center;
    }
}
/* /Messages/Pages/Rcs/SendRcsFileMessage.razor.rz.scp.css */
.advanced-link-row[b-fqq37bfmj4] {
    display: flex;
    justify-content: center;
    margin: .5rem 0 1rem;
}

.advanced-link-button[b-fqq37bfmj4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 85%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 92%, var(--fill-color-base));
    color: var(--neutral-foreground-rest);
    padding: .7rem 1rem;
    font-size: .95rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 8px;
    min-width: 240px;
    transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.advanced-link-button:hover[b-fqq37bfmj4] {
    background: color-mix(in srgb, var(--neutral-layer-3) 94%, var(--fill-color-base));
    border-color: color-mix(in srgb, var(--neutral-stroke-hover) 90%, transparent);
    transform: translateY(-1px);
    box-shadow: 0 10px 20px color-mix(in srgb, black 8%, transparent);
}

.send-feedback-overlay[b-fqq37bfmj4] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1.5rem;
}

.send-feedback-backdrop[b-fqq37bfmj4] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--accent-fill-rest) 20%, transparent), transparent 32%),
        color-mix(in srgb, var(--fill-color-base) 68%, black 32%);
    backdrop-filter: blur(12px);
}

.send-feedback-panel[b-fqq37bfmj4] {
    position: relative;
    width: min(100%, 30rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .85rem;
    padding: 2rem 1.5rem 1.5rem;
    border-radius: 1.5rem;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--neutral-stroke-rest));
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--neutral-layer-1) 96%, transparent), color-mix(in srgb, var(--neutral-layer-2) 94%, transparent)),
        var(--fill-color-base);
    box-shadow:
        0 1.5rem 4rem color-mix(in srgb, black 18%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 45%, transparent);
    text-align: center;
}

.send-feedback-panel strong[b-fqq37bfmj4] {
    font-size: 1.2rem;
    line-height: 1.35;
    color: var(--neutral-foreground-rest);
}

.send-feedback-panel p[b-fqq37bfmj4] {
    margin: 0;
    max-width: 24rem;
    color: var(--input-placeholder-hover);
    line-height: 1.6;
}

.send-feedback-kicker[b-fqq37bfmj4] {
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .72rem;
    font-weight: 800;
    color: var(--accent-fill-rest);
}

.send-feedback-stage[b-fqq37bfmj4] {
    position: relative;
    width: 10rem;
    height: 10rem;
    display: grid;
    place-items: center;
    margin-bottom: .15rem;
}

.send-feedback-ring[b-fqq37bfmj4] {
    position: absolute;
    inset: .55rem;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, transparent);
    animation: send-feedback-spin-b-fqq37bfmj4 8s linear infinite;
}

.send-feedback-ring[b-fqq37bfmj4]::before,
.send-feedback-ring[b-fqq37bfmj4]::after {
    content: "";
    position: absolute;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent-fill-rest), color-mix(in srgb, var(--accent-fill-rest) 48%, white 52%));
    box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
}

.send-feedback-ring[b-fqq37bfmj4]::before {
    top: -.3rem;
    left: 50%;
    transform: translateX(-50%);
}

.send-feedback-ring[b-fqq37bfmj4]::after {
    right: .65rem;
    bottom: .2rem;
}

.send-feedback-ring--delayed[b-fqq37bfmj4] {
    inset: 1.35rem;
    border-style: dashed;
    animation-duration: 10s;
    animation-direction: reverse;
}

.send-feedback-logo-shell[b-fqq37bfmj4] {
    width: 4.6rem;
    height: 4.6rem;
    display: grid;
    place-items: center;
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top, color-mix(in srgb, white 82%, var(--accent-fill-rest) 18%), color-mix(in srgb, var(--neutral-layer-1) 84%, var(--accent-fill-rest) 16%));
    box-shadow:
        0 1rem 2rem color-mix(in srgb, var(--accent-fill-rest) 22%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 65%, transparent);
    animation: send-feedback-breathe-b-fqq37bfmj4 2.8s ease-in-out infinite;
}

.send-feedback-logo[b-fqq37bfmj4] {
    width: 2rem;
    filter: drop-shadow(0 .3rem .6rem color-mix(in srgb, var(--accent-fill-rest) 22%, transparent));
}

.send-feedback-orb[b-fqq37bfmj4] {
    position: absolute;
    border-radius: 999px;
    filter: blur(14px);
}

.send-feedback-orb--left[b-fqq37bfmj4] {
    width: 8rem;
    height: 8rem;
    left: -2rem;
    top: 3rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-fill-rest) 16%, transparent), transparent 68%);
}

.send-feedback-orb--right[b-fqq37bfmj4] {
    width: 7rem;
    height: 7rem;
    right: -1.5rem;
    bottom: 2rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-fill-rest) 14%, transparent), transparent 70%);
}

.send-feedback-progress[b-fqq37bfmj4] {
    width: 100%;
    max-width: 18rem;
    height: .45rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--neutral-stroke-rest) 70%, transparent);
}

.send-feedback-progress span[b-fqq37bfmj4] {
    display: block;
    width: 40%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, transparent, var(--accent-fill-rest), transparent);
    animation: send-feedback-progress-b-fqq37bfmj4 1.4s ease-in-out infinite;
}

@keyframes send-feedback-spin-b-fqq37bfmj4 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes send-feedback-breathe-b-fqq37bfmj4 {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.04);
    }
}

@keyframes send-feedback-progress-b-fqq37bfmj4 {
    0% {
        transform: translateX(-140%);
    }
    100% {
        transform: translateX(340%);
    }
}

@media (max-width: 860px) {
    .send-action-panel[b-fqq37bfmj4],
    .send-action-cta[b-fqq37bfmj4] {
        flex-direction: column;
        align-items: stretch;
    }

    .send-action-pill[b-fqq37bfmj4],
    .send-action-button[b-fqq37bfmj4] {
        justify-content: center;
        width: 100%;
    }

    .send-action-button[b-fqq37bfmj4] {
        min-width: 0;
    }
}
/* /Messages/Pages/Rcs/SendRcsSingleTextMessage.razor.rz.scp.css */
.advanced-link-row[b-5do1ugp3h0] {
    display: flex;
    justify-content: center;
    margin: .5rem 0 1rem;
}

.advanced-link-button[b-5do1ugp3h0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 85%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 92%, var(--fill-color-base));
    color: var(--neutral-foreground-rest);
    padding: .7rem 1rem;
    font-size: .95rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 8px;
    min-width: 240px;
    transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.advanced-link-button:hover[b-5do1ugp3h0] {
    background: color-mix(in srgb, var(--neutral-layer-3) 94%, var(--fill-color-base));
    border-color: color-mix(in srgb, var(--neutral-stroke-hover) 90%, transparent);
    transform: translateY(-1px);
    box-shadow: 0 10px 20px color-mix(in srgb, black 8%, transparent);
}

.send-feedback-overlay[b-5do1ugp3h0] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1.5rem;
}

.send-feedback-backdrop[b-5do1ugp3h0] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--accent-fill-rest) 20%, transparent), transparent 32%),
        color-mix(in srgb, var(--fill-color-base) 68%, black 32%);
    backdrop-filter: blur(12px);
}

.send-feedback-panel[b-5do1ugp3h0] {
    position: relative;
    width: min(100%, 30rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .85rem;
    padding: 2rem 1.5rem 1.5rem;
    border-radius: 1.5rem;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--neutral-stroke-rest));
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--neutral-layer-1) 96%, transparent), color-mix(in srgb, var(--neutral-layer-2) 94%, transparent)),
        var(--fill-color-base);
    box-shadow:
        0 1.5rem 4rem color-mix(in srgb, black 18%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 45%, transparent);
    text-align: center;
}

.send-feedback-panel strong[b-5do1ugp3h0] {
    font-size: 1.2rem;
    line-height: 1.35;
    color: var(--neutral-foreground-rest);
}

.send-feedback-panel p[b-5do1ugp3h0] {
    margin: 0;
    max-width: 24rem;
    color: var(--input-placeholder-hover);
    line-height: 1.6;
}

.send-feedback-kicker[b-5do1ugp3h0] {
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .72rem;
    font-weight: 800;
    color: var(--accent-fill-rest);
}

.send-feedback-stage[b-5do1ugp3h0] {
    position: relative;
    width: 10rem;
    height: 10rem;
    display: grid;
    place-items: center;
    margin-bottom: .15rem;
}

.send-feedback-ring[b-5do1ugp3h0] {
    position: absolute;
    inset: .55rem;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, transparent);
    animation: send-feedback-spin-b-5do1ugp3h0 8s linear infinite;
}

.send-feedback-ring[b-5do1ugp3h0]::before,
.send-feedback-ring[b-5do1ugp3h0]::after {
    content: "";
    position: absolute;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent-fill-rest), color-mix(in srgb, var(--accent-fill-rest) 48%, white 52%));
    box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
}

.send-feedback-ring[b-5do1ugp3h0]::before {
    top: -.3rem;
    left: 50%;
    transform: translateX(-50%);
}

.send-feedback-ring[b-5do1ugp3h0]::after {
    right: .65rem;
    bottom: .2rem;
}

.send-feedback-ring--delayed[b-5do1ugp3h0] {
    inset: 1.35rem;
    border-style: dashed;
    animation-duration: 10s;
    animation-direction: reverse;
}

.send-feedback-logo-shell[b-5do1ugp3h0] {
    width: 4.6rem;
    height: 4.6rem;
    display: grid;
    place-items: center;
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top, color-mix(in srgb, white 82%, var(--accent-fill-rest) 18%), color-mix(in srgb, var(--neutral-layer-1) 84%, var(--accent-fill-rest) 16%));
    box-shadow:
        0 1rem 2rem color-mix(in srgb, var(--accent-fill-rest) 22%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 65%, transparent);
    animation: send-feedback-breathe-b-5do1ugp3h0 2.8s ease-in-out infinite;
}

.send-feedback-logo[b-5do1ugp3h0] {
    width: 2rem;
    filter: drop-shadow(0 .3rem .6rem color-mix(in srgb, var(--accent-fill-rest) 22%, transparent));
}

.send-feedback-orb[b-5do1ugp3h0] {
    position: absolute;
    border-radius: 999px;
    filter: blur(14px);
    opacity: .65;
    pointer-events: none;
}

.send-feedback-orb--left[b-5do1ugp3h0] {
    width: 10rem;
    height: 10rem;
    top: -4rem;
    left: -3rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-fill-rest) 20%, transparent), transparent 70%);
}

.send-feedback-orb--right[b-5do1ugp3h0] {
    width: 12rem;
    height: 12rem;
    right: -5rem;
    bottom: -5rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-fill-rest) 14%, transparent), transparent 72%);
}

.send-feedback-progress[b-5do1ugp3h0] {
    width: min(100%, 18rem);
    height: .6rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent);
    margin-top: .25rem;
}

.send-feedback-progress span[b-5do1ugp3h0] {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--accent-fill-rest), color-mix(in srgb, var(--accent-fill-rest) 40%, white 60%));
    animation: send-feedback-progress-b-5do1ugp3h0 1.4s ease-in-out infinite;
}

@keyframes send-feedback-spin-b-5do1ugp3h0 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes send-feedback-breathe-b-5do1ugp3h0 {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

@keyframes send-feedback-progress-b-5do1ugp3h0 {
    0% {
        transform: translateX(-120%);
    }

    100% {
        transform: translateX(320%);
    }
}

@media (max-width: 768px) {
    .send-action-panel[b-5do1ugp3h0],
    .send-action-cta[b-5do1ugp3h0],
    .send-feedback-panel[b-5do1ugp3h0] {
        flex-direction: column;
    }

    .send-action-panel[b-5do1ugp3h0],
    .send-action-cta[b-5do1ugp3h0],
    .send-action-button[b-5do1ugp3h0] {
        width: 100%;
    }

    .send-action-copy[b-5do1ugp3h0],
    .send-action-pill[b-5do1ugp3h0] {
        width: 100%;
    }

    .send-action-pill[b-5do1ugp3h0] {
        justify-content: center;
    }

    .send-feedback-stage[b-5do1ugp3h0] {
        width: 8.5rem;
        height: 8.5rem;
    }
}
/* /Messages/Pages/Sms/SendSmsMessage.razor.rz.scp.css */
.advanced-link-row[b-vwcftcd0xm] {
    display: flex;
    justify-content: center;
    margin: .5rem 0 1rem;
}

.advanced-link-button[b-vwcftcd0xm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 85%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 92%, var(--fill-color-base));
    color: var(--neutral-foreground-rest);
    padding: .7rem 1rem;
    font-size: .95rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 8px;
    min-width: 240px;
    transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.advanced-link-button:hover[b-vwcftcd0xm] {
    background: color-mix(in srgb, var(--neutral-layer-3) 94%, var(--fill-color-base));
    border-color: color-mix(in srgb, var(--neutral-stroke-hover) 90%, transparent);
    transform: translateY(-1px);
    box-shadow: 0 10px 20px color-mix(in srgb, black 8%, transparent);
}

.send-feedback-overlay[b-vwcftcd0xm] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1.5rem;
}

.send-feedback-backdrop[b-vwcftcd0xm] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--accent-fill-rest) 20%, transparent), transparent 32%),
        color-mix(in srgb, var(--fill-color-base) 68%, black 32%);
    backdrop-filter: blur(12px);
}

.send-feedback-panel[b-vwcftcd0xm] {
    position: relative;
    width: min(100%, 30rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .85rem;
    padding: 2rem 1.5rem 1.5rem;
    border-radius: 1.5rem;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--neutral-stroke-rest));
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--neutral-layer-1) 96%, transparent), color-mix(in srgb, var(--neutral-layer-2) 94%, transparent)),
        var(--fill-color-base);
    box-shadow:
        0 1.5rem 4rem color-mix(in srgb, black 18%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 45%, transparent);
    text-align: center;
}

.send-feedback-panel strong[b-vwcftcd0xm] {
    font-size: 1.2rem;
    line-height: 1.35;
    color: var(--neutral-foreground-rest);
}

.send-feedback-panel p[b-vwcftcd0xm] {
    margin: 0;
    max-width: 24rem;
    color: var(--input-placeholder-hover);
    line-height: 1.6;
}

.send-feedback-kicker[b-vwcftcd0xm] {
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .72rem;
    font-weight: 800;
    color: var(--accent-fill-rest);
}

.send-feedback-stage[b-vwcftcd0xm] {
    position: relative;
    width: 10rem;
    height: 10rem;
    display: grid;
    place-items: center;
    margin-bottom: .15rem;
}

.send-feedback-ring[b-vwcftcd0xm] {
    position: absolute;
    inset: .55rem;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, transparent);
    animation: send-feedback-spin-b-vwcftcd0xm 8s linear infinite;
}

.send-feedback-ring[b-vwcftcd0xm]::before,
.send-feedback-ring[b-vwcftcd0xm]::after {
    content: "";
    position: absolute;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent-fill-rest), color-mix(in srgb, var(--accent-fill-rest) 48%, white 52%));
    box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
}

.send-feedback-ring[b-vwcftcd0xm]::before {
    top: -.3rem;
    left: 50%;
    transform: translateX(-50%);
}

.send-feedback-ring[b-vwcftcd0xm]::after {
    right: .65rem;
    bottom: .2rem;
}

.send-feedback-ring--delayed[b-vwcftcd0xm] {
    inset: 1.35rem;
    border-style: dashed;
    animation-duration: 10s;
    animation-direction: reverse;
}

.send-feedback-logo-shell[b-vwcftcd0xm] {
    width: 4.6rem;
    height: 4.6rem;
    display: grid;
    place-items: center;
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top, color-mix(in srgb, white 82%, var(--accent-fill-rest) 18%), color-mix(in srgb, var(--neutral-layer-1) 84%, var(--accent-fill-rest) 16%));
    box-shadow:
        0 1rem 2rem color-mix(in srgb, var(--accent-fill-rest) 22%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 65%, transparent);
    animation: send-feedback-breathe-b-vwcftcd0xm 2.8s ease-in-out infinite;
}

.send-feedback-logo[b-vwcftcd0xm] {
    width: 2rem;
    filter: drop-shadow(0 .3rem .6rem color-mix(in srgb, var(--accent-fill-rest) 22%, transparent));
}

.send-feedback-orb[b-vwcftcd0xm] {
    position: absolute;
    border-radius: 999px;
    filter: blur(14px);
    opacity: .65;
    pointer-events: none;
}

.send-feedback-orb--left[b-vwcftcd0xm] {
    width: 10rem;
    height: 10rem;
    top: -4rem;
    left: -3rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-fill-rest) 20%, transparent), transparent 70%);
}

.send-feedback-orb--right[b-vwcftcd0xm] {
    width: 12rem;
    height: 12rem;
    right: -5rem;
    bottom: -5rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-fill-rest) 14%, transparent), transparent 72%);
}

.send-feedback-progress[b-vwcftcd0xm] {
    width: min(100%, 18rem);
    height: .6rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent);
    margin-top: .25rem;
}

.send-feedback-progress span[b-vwcftcd0xm] {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--accent-fill-rest), color-mix(in srgb, var(--accent-fill-rest) 40%, white 60%));
    animation: send-feedback-progress-b-vwcftcd0xm 1.4s ease-in-out infinite;
}

@keyframes send-feedback-spin-b-vwcftcd0xm {
    to {
        transform: rotate(360deg);
    }
}

@keyframes send-feedback-breathe-b-vwcftcd0xm {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

@keyframes send-feedback-progress-b-vwcftcd0xm {
    0% {
        transform: translateX(-120%);
    }

    100% {
        transform: translateX(320%);
    }
}

@media (max-width: 768px) {
    .send-action-panel[b-vwcftcd0xm],
    .send-action-cta[b-vwcftcd0xm],
    .send-feedback-panel[b-vwcftcd0xm] {
        flex-direction: column;
    }

    .send-action-panel[b-vwcftcd0xm],
    .send-action-cta[b-vwcftcd0xm],
    .send-action-button[b-vwcftcd0xm] {
        width: 100%;
    }

    .send-action-copy[b-vwcftcd0xm],
    .send-action-pill[b-vwcftcd0xm] {
        width: 100%;
    }

    .send-action-pill[b-vwcftcd0xm] {
        justify-content: center;
    }

    .send-feedback-stage[b-vwcftcd0xm] {
        width: 8.5rem;
        height: 8.5rem;
    }
}
/* /Messages/Pages/Templates/CreateOrEdit/CreateOrEditMessagesTemplates.razor.rz.scp.css */
.muted[b-j58nl79sz5] {
    color: var(--input-placeholder-hover);
}

.advanced-link-row[b-j58nl79sz5] {
    display: flex;
    justify-content: center;
    margin: .5rem 0 1rem;
}

.advanced-link-button[b-j58nl79sz5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 85%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 92%, var(--fill-color-base));
    color: var(--neutral-foreground-rest);
    padding: .7rem 1rem;
    font-size: .95rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 8px;
    min-width: 240px;
    transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.advanced-link-button:hover[b-j58nl79sz5] {
    background: color-mix(in srgb, var(--neutral-layer-3) 94%, var(--fill-color-base));
    border-color: color-mix(in srgb, var(--neutral-stroke-hover) 90%, transparent);
    transform: translateY(-1px);
    box-shadow: 0 10px 20px color-mix(in srgb, black 8%, transparent);
}

.advanced-link-button:active[b-j58nl79sz5] {
    transform: translateY(0);
}

.advanced-link-button:focus-visible[b-j58nl79sz5] {
    outline: 2px solid color-mix(in srgb, var(--neutral-stroke-strong-rest) 78%, transparent);
    outline-offset: 2px;
}

.send-action-panel[b-j58nl79sz5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    margin-top: 1.25rem;
    padding: 1.15rem 1.25rem;
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-color: color-mix(in srgb, var(--neutral-layer-1) 16%, var(--neutral-stroke-layer-rest));
    background:
        radial-gradient(circle at 16% 20%, color-mix(in srgb, var(--neutral-layer-1) 16%, transparent) 0%, transparent 55%),
        var(--neutral-layer-1);
    box-shadow: var(--elevation-shadow-card-rest);
}

.send-action-copy[b-j58nl79sz5] {
    display: flex;
    flex-direction: column;
    gap: .28rem;
}

.send-action-copy strong[b-j58nl79sz5] {
    font-size: 1.08rem;
    line-height: 1.35;
    color: var(--neutral-foreground-rest);
}

.send-action-copy p[b-j58nl79sz5] {
    margin: 0;
    color: var(--input-placeholder-hover);
    line-height: 1.5;
}

.send-action-kicker[b-j58nl79sz5] {
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .72rem;
    font-weight: 700;
    color: var(--accent-fill-rest);
}

.send-action-cta[b-j58nl79sz5] {
    display: flex;
    align-items: center;
    gap: .9rem;
    flex-shrink: 0;
}

.send-action-pill[b-j58nl79sz5] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem .75rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 80%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-1) 92%, transparent);
    color: var(--neutral-foreground-rest);
    font-size: .82rem;
    font-weight: 700;
    white-space: nowrap;
}

.template-accordion[b-j58nl79sz5] {
    position: relative;
    overflow: visible;
    interpolate-size: allow-keywords;
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-color: color-mix(in srgb, var(--neutral-layer-1) 16%, var(--neutral-stroke-layer-rest));
    background:
        radial-gradient(circle at 16% 20%, color-mix(in srgb, var(--neutral-layer-1) 16%, transparent) 0%, transparent 55%),
        var(--neutral-layer-1);
    box-shadow: var(--elevation-shadow-card-rest);
    border-radius: 8px;
    z-index: 0;
}

.template-accordion-summary[b-j58nl79sz5] {
    list-style: none;
    cursor: pointer;
    padding: 1.25rem 1.25rem 0;
    border-radius: 8px;
    transition: background .18s ease, transform .18s ease;
    overflow: visible;
}

.template-accordion-summary[b-j58nl79sz5]::-webkit-details-marker {
    display: none;
}

.template-accordion[b-j58nl79sz5]::details-content {
    block-size: 0;
    opacity: 0;
    overflow: hidden;
    transition:
        block-size .28s ease,
        opacity .2s ease,
        content-visibility .28s allow-discrete;
}

.template-accordion[open][b-j58nl79sz5]::details-content {
    block-size: auto;
    opacity: 1;
    overflow: visible;
}

.template-accordion-content[b-j58nl79sz5] {
    padding: 0 1.25rem 1.25rem;
    overflow: visible;
}

.template-hero[b-j58nl79sz5] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding-bottom: 1rem;
}

.template-hero-icon[b-j58nl79sz5] {
    display: grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1rem;
    color: color-mix(in srgb, white 78%, var(--accent-fill-rest) 22%);
    background: color-mix(in srgb, var(--neutral-layer-3) 88%, var(--accent-fill-rest) 12%);
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, transparent);
    flex-shrink: 0;
}

.template-accordion:hover[b-j58nl79sz5] {
    z-index: 2;
}

.template-accordion:focus-within[b-j58nl79sz5] {
    z-index: 12;
}

.template-form-grid[b-j58nl79sz5],
.template-form-grid > *[b-j58nl79sz5],
.template-accordion-panel[b-j58nl79sz5],
.template-checkbox-shell[b-j58nl79sz5] {
    overflow: visible;
}

.template-name-panel[b-j58nl79sz5] {
    padding: 1rem 1.1rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 70%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-1) 92%, var(--fill-color-base));
}

.template-type-row[b-j58nl79sz5] {
    align-items: stretch;
}

.template-type-selection-panel[b-j58nl79sz5] {
    padding: 1rem 1.1rem 1.1rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 70%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 88%, var(--fill-color-base));
}

.template-type-selection-header[b-j58nl79sz5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: .9rem;
}

.template-type-selection-header p[b-j58nl79sz5] {
    margin: .2rem 0 0;
    color: var(--input-placeholder-hover);
}

.template-type-selection-label[b-j58nl79sz5] {
    display: inline-block;
    font-size: .82rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.template-type-counter[b-j58nl79sz5] {
    white-space: nowrap;
    padding: .35rem .7rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, transparent);
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent);
    color: var(--accent-fill-rest);
    font-size: .8rem;
    font-weight: 700;
}

.template-type-card-grid[b-j58nl79sz5] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.template-type-card-grid > .template-type-card[b-j58nl79sz5] {
    flex: 1 1 250px;
    min-width: min(250px, 100%);
    max-width: 100%;
}

.template-category-card-grid > .template-type-card[b-j58nl79sz5],
.template-auth-toggle-grid > .template-type-card[b-j58nl79sz5] {
    flex-basis: 250px;
}

.template-type-card[b-j58nl79sz5] {
    width: 100%;
    min-height: 148px;
    text-align: left;
    padding: .95rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 78%, transparent);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--neutral-layer-1) 88%, transparent) 0%,
        color-mix(in srgb, var(--neutral-layer-2) 92%, transparent) 100%);
    color: var(--neutral-foreground-rest);
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease, background .18s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.template-type-card:hover:not(:disabled)[b-j58nl79sz5] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--template-type-accent) 36%, transparent);
    box-shadow: 0 10px 24px color-mix(in srgb, black 12%, transparent);
}

.template-type-card.selected[b-j58nl79sz5] {
    border-color: color-mix(in srgb, var(--template-type-accent) 58%, transparent);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--template-type-accent) 10%, var(--neutral-layer-1)) 0%,
        color-mix(in srgb, var(--template-type-accent) 6%, var(--neutral-layer-2)) 100%);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--template-type-accent) 22%, transparent);
}

.template-type-card:disabled[b-j58nl79sz5] {
    cursor: default;
    opacity: 1;
}

.template-type-card-top[b-j58nl79sz5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.template-type-card-icon[b-j58nl79sz5] {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .9rem;
    color: var(--template-type-accent);
    background: color-mix(in srgb, var(--template-type-accent) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--template-type-accent) 20%, transparent);
    flex-shrink: 0;
}

.template-type-card-icon[b-j58nl79sz5]  svg,
.template-type-card-icon[b-j58nl79sz5]  path {
    fill: var(--template-type-accent);
}

.template-type-card-selected[b-j58nl79sz5] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    flex-shrink: 0;
    padding: .28rem .55rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--template-type-accent) 20%, transparent);
    background: color-mix(in srgb, var(--template-type-accent) 8%, transparent);
    color: var(--template-type-accent);
    font-size: .74rem;
    font-weight: 700;
}

.template-type-card-title[b-j58nl79sz5] {
    font-size: .98rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--neutral-foreground-rest);
}

.template-type-card-description[b-j58nl79sz5] {
    margin: 0;
    color: var(--input-placeholder-hover);
    line-height: 1.5;
}

.template-category-card[b-j58nl79sz5] {
    min-height: 156px;
}

.template-auth-toggle-grid[b-j58nl79sz5] {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.template-auth-toggle-card[b-j58nl79sz5] {
    min-height: 148px;
}

[b-j58nl79sz5] fluent-select,
[b-j58nl79sz5] fluent-combobox {
    position: relative;
    z-index: 30;
}

.template-accordion-indicator[b-j58nl79sz5] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .9rem;
    flex-shrink: 0;
    color: var(--accent-fill-rest);
    background: color-mix(in srgb, var(--accent-fill-rest) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, transparent);
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.template-accordion[open] .template-accordion-indicator[b-j58nl79sz5] {
    transform: rotate(180deg);
}

.template-hero-copy[b-j58nl79sz5] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    flex: 1;
}

.template-hero-copy strong[b-j58nl79sz5] {
    font-size: 1rem;
    line-height: 1.35;
    color: var(--neutral-foreground-rest);
}

.template-eyebrow[b-j58nl79sz5] {
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .72rem;
    font-weight: 700;
    color: var(--accent-fill-rest);
}

.template-subtitle[b-j58nl79sz5] {
    max-width: 48rem;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--input-placeholder-hover);
}

.template-accordion:not([open]) .template-accordion-summary:hover[b-j58nl79sz5] {
    background: color-mix(in srgb, var(--accent-fill-rest) 6%, transparent);
}

.template-accordion:not([open]) .template-accordion-summary:hover .template-subtitle[b-j58nl79sz5] {
    color: var(--neutral-foreground-rest);
}

.template-accordion:not([open]) .template-accordion-summary:hover .template-accordion-indicator[b-j58nl79sz5] {
    transform: translateY(-1px) scale(1.04);
    background: color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
    border-color: color-mix(in srgb, var(--accent-fill-rest) 38%, transparent);
    box-shadow: 0 10px 24px color-mix(in srgb, black 10%, transparent);
}

.template-info-banner[b-j58nl79sz5] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .9rem;
    align-items: start;
    padding: 1rem 1.1rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 30%, transparent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent-fill-rest) 10%, transparent), color-mix(in srgb, var(--accent-fill-rest) 3%, var(--fill-color-base)));
}

.template-info-banner strong[b-j58nl79sz5] {
    display: block;
    margin-bottom: .25rem;
}

.template-info-banner p[b-j58nl79sz5] {
    margin: 0;
    color: var(--input-placeholder-hover);
    line-height: 1.5;
}

.template-info-icon[b-j58nl79sz5] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .9rem;
    color: var(--accent-fill-rest);
    background: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent);
}

.template-page-subtitle[b-j58nl79sz5],
.template-muted-text[b-j58nl79sz5] {
    color: var(--input-placeholder-hover);
}

.message-template-info[b-j58nl79sz5] {
    font-size: 12px;
}

.template-form-grid[b-j58nl79sz5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
}

.template-form-grid + .template-form-grid[b-j58nl79sz5] {
    margin-top: 1rem;
}

.template-checkbox-shell[b-j58nl79sz5] {
    display: flex;
    align-items: end;
}

.template-upload-shell[b-j58nl79sz5] {
    padding: 1.25rem;
    border: 1px dashed color-mix(in srgb, var(--accent-fill-rest) 35%, transparent);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--neutral-layer-2) 88%, var(--fill-color-base));
}

.template-upload-content[b-j58nl79sz5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    padding: 1rem 0.5rem;
}

.template-upload-content p[b-j58nl79sz5] {
    margin: 0;
    color: var(--input-placeholder-hover);
}

.template-token-row[b-j58nl79sz5] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: .75rem;
    margin: .75rem 0 1rem;
}

.template-ai-row[b-j58nl79sz5] {
    display: flex;
    justify-content: flex-end;
}

.template-centered-action[b-j58nl79sz5] {
    width: 100%;
    display: grid;
    place-items: center;
    margin-top: 1rem;
}

.template-save-panel[b-j58nl79sz5] {
    margin: 1.25rem 0 1rem;
}

.template-action-buttons[b-j58nl79sz5] {
    display: flex;
    align-items: center;
    gap: .9rem;
    flex-wrap: wrap;
}

.admin-internal-alert[b-j58nl79sz5] {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 70%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 88%, var(--fill-color-base));
}

.admin-internal-messagebar[b-j58nl79sz5] {
    margin-bottom: 1rem;
}

.mb-1[b-j58nl79sz5] {
    margin-bottom: 1rem;
}

.mt-2[b-j58nl79sz5] {
    margin-top: 2rem;
}

.wrap[b-j58nl79sz5] {
    flex-wrap: wrap;
}

.card-button-grid[b-j58nl79sz5] {
    display: grid;
    grid-template-columns: 1fr 40px;
    gap: 16px;
    place-items: end;
}

.delete-button[b-j58nl79sz5] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: var(--error);
    background: transparent;
    outline: none;
    border: none;
    cursor: pointer;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    width: 100%;
}

.delete-button:hover[b-j58nl79sz5] {
    background: oklch(88.5% 0.062 18.334);
}

@media (max-width: 900px) {
    .template-hero[b-j58nl79sz5],
    .send-action-panel[b-j58nl79sz5] {
        flex-direction: column;
        align-items: stretch;
    }

    .template-accordion-indicator[b-j58nl79sz5] {
        display: none;
    }

    .send-action-cta[b-j58nl79sz5] {
        flex-direction: column;
        align-items: stretch;
    }

    .template-action-buttons[b-j58nl79sz5] {
        justify-content: stretch;
    }
}

@media (max-width: 560px) {
    .template-type-card-grid > .template-type-card[b-j58nl79sz5] {
        flex-basis: 100%;
    }
}
/* /Messages/Pages/WhatsApp/SendWhatsAppTemplateMessage.razor.rz.scp.css */
.muted[b-zp320xr77r] {
    color: var(--input-placeholder-hover);
}

.advanced-link-row[b-zp320xr77r] {
    display: flex;
    justify-content: center;
    margin: .5rem 0 1rem;
}

.advanced-link-button[b-zp320xr77r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 85%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 92%, var(--fill-color-base));
    color: var(--neutral-foreground-rest);
    padding: .7rem 1rem;
    font-size: .95rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 8px;
    min-width: 240px;
    transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.advanced-link-button:hover[b-zp320xr77r] {
    background: color-mix(in srgb, var(--neutral-layer-3) 94%, var(--fill-color-base));
    border-color: color-mix(in srgb, var(--neutral-stroke-hover) 90%, transparent);
    transform: translateY(-1px);
    box-shadow: 0 10px 20px color-mix(in srgb, black 8%, transparent);
}

.advanced-link-button:active[b-zp320xr77r] {
    transform: translateY(0);
}

.advanced-link-button:focus-visible[b-zp320xr77r] {
    outline: 2px solid color-mix(in srgb, var(--neutral-stroke-strong-rest) 78%, transparent);
    outline-offset: 2px;
}

.send-feedback-overlay[b-zp320xr77r] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1.5rem;
}

.send-feedback-backdrop[b-zp320xr77r] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--accent-fill-rest) 20%, transparent), transparent 32%),
        color-mix(in srgb, var(--fill-color-base) 68%, black 32%);
    backdrop-filter: blur(12px);
}

.send-feedback-panel[b-zp320xr77r] {
    position: relative;
    width: min(100%, 30rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .85rem;
    padding: 2rem 1.5rem 1.5rem;
    border-radius: 1.5rem;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--neutral-stroke-rest));
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--neutral-layer-1) 96%, transparent), color-mix(in srgb, var(--neutral-layer-2) 94%, transparent)),
        var(--fill-color-base);
    box-shadow:
        0 1.5rem 4rem color-mix(in srgb, black 18%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 45%, transparent);
    text-align: center;
}

.send-feedback-panel strong[b-zp320xr77r] {
    font-size: 1.2rem;
    line-height: 1.35;
    color: var(--neutral-foreground-rest);
}

.send-feedback-panel p[b-zp320xr77r] {
    margin: 0;
    max-width: 24rem;
    color: var(--input-placeholder-hover);
    line-height: 1.6;
}

.send-feedback-kicker[b-zp320xr77r] {
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .72rem;
    font-weight: 800;
    color: var(--accent-fill-rest);
}

.send-feedback-stage[b-zp320xr77r] {
    position: relative;
    width: 10rem;
    height: 10rem;
    display: grid;
    place-items: center;
    margin-bottom: .15rem;
}

.send-feedback-ring[b-zp320xr77r] {
    position: absolute;
    inset: .55rem;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, transparent);
    animation: send-feedback-spin-b-zp320xr77r 8s linear infinite;
}

.send-feedback-ring[b-zp320xr77r]::before,
.send-feedback-ring[b-zp320xr77r]::after {
    content: "";
    position: absolute;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent-fill-rest), color-mix(in srgb, var(--accent-fill-rest) 48%, white 52%));
    box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
}

.send-feedback-ring[b-zp320xr77r]::before {
    top: -.3rem;
    left: 50%;
    transform: translateX(-50%);
}

.send-feedback-ring[b-zp320xr77r]::after {
    right: .65rem;
    bottom: .2rem;
}

.send-feedback-ring--delayed[b-zp320xr77r] {
    inset: 1.35rem;
    border-style: dashed;
    animation-duration: 10s;
    animation-direction: reverse;
}

.send-feedback-logo-shell[b-zp320xr77r] {
    width: 4.6rem;
    height: 4.6rem;
    display: grid;
    place-items: center;
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top, color-mix(in srgb, white 82%, var(--accent-fill-rest) 18%), color-mix(in srgb, var(--neutral-layer-1) 84%, var(--accent-fill-rest) 16%));
    box-shadow:
        0 1rem 2rem color-mix(in srgb, var(--accent-fill-rest) 22%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 65%, transparent);
    animation: send-feedback-breathe-b-zp320xr77r 2.8s ease-in-out infinite;
}

.send-feedback-logo[b-zp320xr77r] {
    width: 2rem;
    filter: drop-shadow(0 .3rem .6rem color-mix(in srgb, var(--accent-fill-rest) 22%, transparent));
}

.send-feedback-orb[b-zp320xr77r] {
    position: absolute;
    border-radius: 8px;
    filter: blur(14px);
    opacity: .65;
    pointer-events: none;
}

.send-feedback-orb--left[b-zp320xr77r] {
    width: 10rem;
    height: 10rem;
    top: -4rem;
    left: -3rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-fill-rest) 20%, transparent), transparent 70%);
}

.send-feedback-orb--right[b-zp320xr77r] {
    width: 12rem;
    height: 12rem;
    right: -5rem;
    bottom: -5rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-fill-rest) 14%, transparent), transparent 72%);
}

.send-feedback-progress[b-zp320xr77r] {
    width: min(100%, 18rem);
    height: .6rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent);
    margin-top: .25rem;
}

.send-feedback-progress span[b-zp320xr77r] {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--accent-fill-rest), color-mix(in srgb, var(--accent-fill-rest) 40%, white 60%));
    animation: send-feedback-progress-b-zp320xr77r 1.4s ease-in-out infinite;
}

@keyframes send-feedback-spin-b-zp320xr77r {
    to {
        transform: rotate(360deg);
    }
}

@keyframes send-feedback-breathe-b-zp320xr77r {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

@keyframes send-feedback-progress-b-zp320xr77r {
    0% {
        transform: translateX(-120%);
    }

    100% {
        transform: translateX(320%);
    }
}

.template-accordion[b-zp320xr77r] {
    position: relative;
    overflow: hidden;
    interpolate-size: allow-keywords;
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-color: color-mix(in srgb, var(--neutral-layer-1) 16%, var(--neutral-stroke-layer-rest));
    background:
        radial-gradient(circle at 16% 20%, color-mix(in srgb, var(--neutral-layer-1) 16%, transparent) 0%, transparent 55%),
        var(--neutral-layer-1);
    box-shadow: var(--elevation-shadow-card-rest);
    border-radius: 8px;
}

.template-accordion-summary[b-zp320xr77r] {
    list-style: none;
    cursor: pointer;
    padding: 1.25rem 1.25rem 0;
    border-radius: 8px;
    transition: background .18s ease, transform .18s ease;
}

.template-accordion-summary[b-zp320xr77r]::-webkit-details-marker {
    display: none;
}

.template-accordion[b-zp320xr77r]::details-content {
    block-size: 0;
    opacity: 0;
    overflow: hidden;
    transition:
        block-size .28s ease,
        opacity .2s ease,
        content-visibility .28s allow-discrete;
}

.template-accordion[open][b-zp320xr77r]::details-content {
    block-size: auto;
    opacity: 1;
}

.template-accordion-content[b-zp320xr77r] {
    padding: 0 1.25rem 1.25rem;
}

.template-hero[b-zp320xr77r] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding-bottom: 1rem;
}

.template-accordion-indicator[b-zp320xr77r] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .9rem;
    flex-shrink: 0;
    color: var(--accent-fill-rest);
    background: color-mix(in srgb, var(--accent-fill-rest) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, transparent);
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.template-accordion[open] .template-accordion-indicator[b-zp320xr77r] {
    transform: rotate(180deg);
}

.template-hero-copy[b-zp320xr77r] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    flex: 1;
}

.template-eyebrow[b-zp320xr77r] {
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .72rem;
    font-weight: 700;
    color: var(--accent-fill-rest);
}

.template-subtitle[b-zp320xr77r] {
    max-width: 48rem;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
}

.accordion-hint[b-zp320xr77r] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-top: .45rem;
    font-size: .82rem;
    font-weight: 700;
    color: color-mix(in srgb, var(--accent-fill-rest) 74%, var(--neutral-foreground-rest));
}

.accordion-hint[b-zp320xr77r]::before {
    content: "";
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: currentColor;
    opacity: .8;
}

.template-accordion[open] .accordion-hint[b-zp320xr77r] {
    opacity: 0;
    transform: translateY(-2px);
    pointer-events: none;
}

.template-accordion:not([open]) .template-accordion-summary:hover[b-zp320xr77r] {
    background: color-mix(in srgb, var(--accent-fill-rest) 6%, transparent);
}

.template-accordion:not([open]) .template-accordion-summary:hover .template-subtitle[b-zp320xr77r] {
    color: var(--neutral-foreground-rest);
}

.template-accordion:not([open]) .template-accordion-summary:hover .template-accordion-indicator[b-zp320xr77r] {
    transform: translateY(-1px) scale(1.04);
    background: color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
    border-color: color-mix(in srgb, var(--accent-fill-rest) 38%, transparent);
    box-shadow: 0 10px 24px color-mix(in srgb, black 10%, transparent);
}

.template-info-banner[b-zp320xr77r] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .9rem;
    align-items: start;
    padding: 1rem 1.1rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 30%, transparent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent-fill-rest) 10%, transparent), color-mix(in srgb, var(--accent-fill-rest) 3%, var(--fill-color-base)));
}

.template-info-banner strong[b-zp320xr77r] {
    display: block;
    margin-bottom: .25rem;
}

.template-info-banner p[b-zp320xr77r] {
    margin: 0;
    color: var(--neutral-foreground-rest);
    line-height: 1.5;
}

.template-info-icon[b-zp320xr77r] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    margin-top: .1rem;
    border-radius: 999px;
    color: var(--accent-fill-rest);
    background: color-mix(in srgb, var(--accent-fill-rest) 14%, transparent);
}

.template-selection-panel[b-zp320xr77r] {
    padding: 1rem 1.1rem 1.1rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 70%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 88%, var(--fill-color-base));
}

.template-selection-header[b-zp320xr77r] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: .9rem;
}

.template-selection-header p[b-zp320xr77r] {
    margin: .2rem 0 0;
    color: var(--input-placeholder-hover);
}

.template-selection-label[b-zp320xr77r] {
    display: inline-block;
    font-size: .82rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.template-counter[b-zp320xr77r] {
    white-space: nowrap;
    padding: .35rem .7rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, transparent);
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent);
    color: var(--accent-fill-rest);
    font-size: .8rem;
    font-weight: 700;
}

.template-search-box[b-zp320xr77r] {
    margin-bottom: 1rem;
}

.template-show-more-row[b-zp320xr77r] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.template-show-more-button[b-zp320xr77r] {
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 82%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-1) 92%, transparent);
    color: var(--neutral-foreground-rest);
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.template-show-more-button[b-zp320xr77r] {
    padding: .7rem 1rem;
}

.template-show-more-button:hover[b-zp320xr77r] {
    border-color: color-mix(in srgb, var(--accent-fill-rest) 28%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 94%, transparent);
    transform: translateY(-1px);
}

.template-picker-grid[b-zp320xr77r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: .75rem;
    justify-content: start;
}

.template-option-card[b-zp320xr77r] {
    width: 100%;
    min-height: 190px;
    text-align: left;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 78%, transparent);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--neutral-layer-1) 88%, transparent) 0%,
        color-mix(in srgb, var(--neutral-layer-2) 92%, transparent) 100%);
    color: var(--neutral-foreground-rest);
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease, background .18s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

.template-option-card:hover[b-zp320xr77r] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--accent-fill-rest) 36%, transparent);
    box-shadow: 0 10px 24px color-mix(in srgb, black 12%, transparent);
}

.template-option-card.selected[b-zp320xr77r] {
    border-color: color-mix(in srgb, var(--accent-fill-rest) 58%, transparent);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--accent-fill-rest) 10%, var(--neutral-layer-1)) 0%,
        color-mix(in srgb, var(--accent-fill-rest) 6%, var(--neutral-layer-2)) 100%);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent-fill-rest) 22%, transparent);
}

.template-option-top[b-zp320xr77r] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.template-option-top strong[b-zp320xr77r] {
    display: block;
    margin-top: .2rem;
    font-size: 1rem;
    line-height: 1.35;
}

.template-option-kicker[b-zp320xr77r] {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--neutral-foreground-rest);
}

.template-option-language[b-zp320xr77r] {
    flex-shrink: 0;
    padding: .28rem .6rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 20%, transparent);
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent);
    color: var(--accent-fill-rest);
    font-size: .78rem;
    font-weight: 700;
}

.template-option-content[b-zp320xr77r] {
    margin: .8rem 0 1rem;
    color: var(--input-placeholder-hover);
    line-height: 1.55;
    min-height: 4.6rem;
}

.template-option-footer[b-zp320xr77r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    margin-top: auto;
}

.template-option-meta[b-zp320xr77r],
.template-option-selected[b-zp320xr77r] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .8rem;
    font-weight: 600;
}

.template-option-meta[b-zp320xr77r] {
    color: var(--neutral-foreground-rest);
}

.template-option-selected[b-zp320xr77r] {
    color: var(--accent-fill-rest);
}

.template-picker-empty[b-zp320xr77r] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .8rem;
    align-items: start;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px dashed color-mix(in srgb, var(--neutral-stroke-rest) 82%, transparent);
    background: color-mix(in srgb, var(--neutral-layer-2) 88%, transparent);
    color: var(--neutral-foreground-rest);
}

.template-picker-empty strong[b-zp320xr77r] {
    display: block;
    margin-bottom: .2rem;
}

.template-picker-empty p[b-zp320xr77r] {
    margin: 0;
    color: var(--input-placeholder-hover);
    line-height: 1.5;
}

.template-hero-icon[b-zp320xr77r] {
    display: grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1rem;
    color: color-mix(in srgb, white 78%, var(--accent-fill-rest) 22%);
    background: color-mix(in srgb, var(--neutral-layer-3) 88%, var(--accent-fill-rest) 12%);
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, transparent);
    box-shadow: none;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .template-hero[b-zp320xr77r],
    .template-selection-header[b-zp320xr77r],
    .send-feedback-panel[b-zp320xr77r],
    .send-action-panel[b-zp320xr77r],
    .send-action-cta[b-zp320xr77r] {
        flex-direction: column;
    }

    .template-accordion-indicator[b-zp320xr77r] {
        width: 2.35rem;
        height: 2.35rem;
    }

    .template-hero-icon[b-zp320xr77r] {
        width: 2.85rem;
        height: 2.85rem;
    }

    .template-option-footer[b-zp320xr77r] {
        align-items: flex-start;
        flex-direction: column;
    }

    .send-action-panel[b-zp320xr77r],
    .send-action-cta[b-zp320xr77r],
    .send-action-button[b-zp320xr77r] {
        width: 100%;
    }

    .send-action-copy[b-zp320xr77r] {
        width: 100%;
    }

    .send-action-pill[b-zp320xr77r] {
        justify-content: center;
        width: 100%;
    }

    .send-feedback-stage[b-zp320xr77r] {
        width: 8.5rem;
        height: 8.5rem;
    }
}
/* /SendControl/Pages/SendControlWhitelistAccess.razor.rz.scp.css */
.send-control-access-card[b-ikk7e1ca3b] {
    max-width: 520px;
}
/* /SendControl/Pages/SendControlWhitelistContent.razor.rz.scp.css */
.send-control-helper[b-dostcunioh] {
    border: 1px solid var(--accent-fill-rest);
}

.send-control-column-card[b-dostcunioh] {
    flex: 1;
    min-width: 320px;
}

.send-control-item-row[b-dostcunioh] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 10px;
    padding: 10px 12px;
}


.send-control-columns[b-dostcunioh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 16px;
}
/* /Users/Components/IpRestrictionAuditView.razor.rz.scp.css */
.ip-audit-card[b-6a54mas3as] {
    border: 1px solid color-mix(in srgb, var(--neutral-stroke-rest) 86%, transparent);
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.14);
}

.ip-audit-toolbar[b-6a54mas3as],
.ip-audit-toolbar-right[b-6a54mas3as],
.ip-audit-pagination[b-6a54mas3as] {
    display: flex;
    gap: 12px;
}

.ip-audit-toolbar[b-6a54mas3as] {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.ip-audit-toolbar-right[b-6a54mas3as] {
    align-items: center;
    justify-content: flex-end;
    width: min(560px, 100%);
}

.ip-audit-grid[b-6a54mas3as] {
    width: 100%;
}

.ip-audit-mono[b-6a54mas3as] {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

.ip-audit-empty[b-6a54mas3as] {
    text-align: center;
    color: var(--neutral-foreground-hint);
}

.ip-audit-badge[b-6a54mas3as] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 700;
    border: 1px solid transparent;
}

.ip-audit-badge.is-permitted[b-6a54mas3as] {
    color: #2ea96b;
    background: rgba(27, 114, 71, 0.16);
    border-color: rgba(46, 169, 107, 0.35);
}

.ip-audit-badge.is-monitored[b-6a54mas3as] {
    color: #d98b28;
    background: rgba(146, 91, 22, 0.18);
    border-color: rgba(217, 139, 40, 0.34);
}

.ip-audit-badge.is-blocked[b-6a54mas3as] {
    color: #de5151;
    background: rgba(123, 33, 33, 0.2);
    border-color: rgba(222, 81, 81, 0.34);
}

@media (max-width: 720px) {
    .ip-audit-toolbar[b-6a54mas3as] {
        flex-direction: column;
        align-items: stretch;
    }

    .ip-audit-toolbar-right[b-6a54mas3as] {
        justify-content: stretch;
    }
}
/* /Users/Components/IpRestrictionConfigurationView.razor.rz.scp.css */
.ip-restriction-copy[b-wf1e0b6pzs],
.ip-explainer-copy[b-wf1e0b6pzs],
.ip-toggle-description[b-wf1e0b6pzs],
.ip-mode-description[b-wf1e0b6pzs],
.ip-textarea-hint[b-wf1e0b6pzs] {
  color: var(--neutral-foreground-hint);
}

.ip-restriction-grid[b-wf1e0b6pzs] {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.95fr);
  gap: 22px;
}

.ip-restriction-main-card[b-wf1e0b6pzs],
.ip-restriction-side-card[b-wf1e0b6pzs] {
  border: 1px solid
    color-mix(in srgb, var(--neutral-stroke-rest) 86%, transparent);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.14);
}

.ip-toggle-card[b-wf1e0b6pzs] {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 18px 20px;
  border-radius: 12px;
  background: var(--neutral-layer-2);
  width: 100%;
}

.ip-toggle-title[b-wf1e0b6pzs],
.ip-explainer-title[b-wf1e0b6pzs],
.ip-textarea-title[b-wf1e0b6pzs],
.ip-mode-title[b-wf1e0b6pzs] {
  font-weight: 700;
}

.ip-textarea-title span[b-wf1e0b6pzs] {
  color: var(--neutral-foreground-hint);
  font-weight: 500;
}

.ip-textarea[b-wf1e0b6pzs] {
  width: 100%;
  min-height: 220px;
  padding: 16px;
  border-radius: 12px;
  background: var(--neutral-layer-2);
  color: var(--neutral-foreground-rest);
  font: inherit;
  resize: vertical;
}

.ip-actions[b-wf1e0b6pzs] {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 1rem;
}

.ip-mode-panel[b-wf1e0b6pzs],
.ip-warning-panel[b-wf1e0b6pzs] {
  display: flex;
  flex-direction: column;
  justify-content: start;
  padding: 18px;
  border-radius: 12px;
  border: 1px solid transparent;
  width: 100%;
}

.ip-mode-panel.is-disabled[b-wf1e0b6pzs] {
  background: color-mix(in srgb, var(--neutral-layer-2) 88%, transparent);
  border-color: color-mix(in srgb, var(--neutral-stroke-rest) 70%, transparent);
}

.ip-mode-panel.is-blocked[b-wf1e0b6pzs] {
  background: color-mix(in srgb, var(--color-red-800) 32%, var(--neutral-layer-2));
  border-color: color-mix(in srgb, var(--color-red-300) 55%, transparent);
}

.ip-mode-panel.is-monitored[b-wf1e0b6pzs],
.ip-warning-panel[b-wf1e0b6pzs] {
  background: color-mix(in srgb, var(--color-yellow-500) 22%, var(--neutral-layer-2));
  border-color: color-mix(in srgb, var(--color-yellow-300) 45%, transparent);
}

.ip-warning-panel[b-wf1e0b6pzs] {
  color: var(--neutral-foreground-rest);
}

.ip-explainer-block[b-wf1e0b6pzs] {
  display: grid;
  gap: 4px;
}

@media (max-width: 1080px) {
  .ip-restriction-grid[b-wf1e0b6pzs] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .ip-toggle-card[b-wf1e0b6pzs],
  .ip-actions[b-wf1e0b6pzs] {
    flex-direction: column;
    align-items: stretch;
  }
}
/* /Users/Components/IpRestrictionSettings.razor.rz.scp.css */
.ip-restriction-shell[b-y5hwzrj5yw] {
    display: grid;
    gap: 20px;
    width: 100%;
}

.ip-restriction-header[b-y5hwzrj5yw] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 16px;
}

.ip-restriction-header-icon[b-y5hwzrj5yw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background:
        radial-gradient(circle at top, color-mix(in srgb, var(--accent-fill-rest) 38%, transparent), transparent 70%),
        color-mix(in srgb, var(--neutral-layer-3) 92%, black);
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 26%, var(--neutral-stroke-rest));
}

.ip-restriction-subtitle[b-y5hwzrj5yw],
.ip-restriction-copy[b-y5hwzrj5yw] {
    color: var(--neutral-foreground-hint);
}
/* /Users/Components/SocialLoginButtons.razor.rz.scp.css */
.auth-social-grid[b-6ujx2lz0xg] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  width: 100%;
}

.auth-social-button[b-6ujx2lz0xg] {
  background-color: var(--neutral-layer-3);
  outline: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  width: 100%;
  border-radius: 0.375rem;
  transition: background-color 0.2s ease-in-out;
}

.auth-social-button img[b-6ujx2lz0xg] {
  width: 20px;
}

.auth-social-button:hover[b-6ujx2lz0xg] {
  background-color: var(--neutral-layer-1);
}

.divider[b-6ujx2lz0xg] {
  position: relative;
  width: 100%;
}

.divider-line-wrapper[b-6ujx2lz0xg] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
}

.divider-line[b-6ujx2lz0xg] {
  width: 100%;
  border-top: 1px solid var(--input-placeholder-hover);
  opacity: 0.5;
}

.divider-text-wrapper[b-6ujx2lz0xg] {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 12px;
  text-transform: uppercase;
}

.divider-text[b-6ujx2lz0xg] {
  background: var(--neutral-layer-3);
  padding: 2px 6px;
  color: var(--neutral-foreground-rest);
  border-radius: 4px;
}
/* /Users/Components/User2FA.razor.rz.scp.css */
.user-2fa-container[b-yj47vwu1u8] {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: .75rem;
}

.user-2fa-info[b-yj47vwu1u8] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: .25rem;
}

.user-2fa-info-label[b-yj47vwu1u8] {
    color: var(--neutral-foreground-rest) !important;
}
/* /Users/Components/UserEmailAndPassword.razor.rz.scp.css */
.cmtl-login-container[b-e6kx6yt3gm] {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  width: 100%;
  gap: .5rem;
  border-radius: 0.5rem;
  border: 1px solid var(--fill-color);
}

.cmtl-login-header[b-e6kx6yt3gm] {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  width: 100%;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: var(--fill-color);
  padding: 1rem 1.5rem;
  gap: 0.5rem;
}

.bordered-spacer[b-e6kx6yt3gm] {
  border-bottom: 1px solid var(--fill-color);
}

.cmtl-login-data[b-e6kx6yt3gm] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .5rem 1.5rem;
  gap: 1rem;
}

.cmtl-login-info[b-e6kx6yt3gm] {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  padding: .25rem 0 .5rem;
}

.save-button[b-e6kx6yt3gm] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: transparent;
  outline: none;
  border: none;
  color: var(--accent-fill-rest);
  cursor: pointer;
}
/* /Users/Components/UserSocialLogins.razor.rz.scp.css */
.cmtl-social-login-header[b-kju5wr0zbk] {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  width: 100%;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: var(--fill-color);
  padding: 1rem 1.5rem;
  gap: 0.5rem;
}

.cmtl-social-add[b-kju5wr0zbk] {
    border-radius: 0.5rem;
    justify-content: space-between;
}

.cmtl-social-img[b-kju5wr0zbk] {
  width: 20px;
}
/* /Users/Components/Webhooks.razor.rz.scp.css */
.webhook-flex-container[b-ls4w5kao19] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 1rem;
    width: 100%;
}
/* /Users/Pages/LoginBy2fa.razor.rz.scp.css */
.otp-center[b-2lj0gcbzqk] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.otp-inputs[b-2lj0gcbzqk] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.75rem;
  width: 100%;
  margin: 1rem 0 1.5rem;
}

.otp-input[b-2lj0gcbzqk] {
  width: min(100%, 72px);
  height: clamp(56px, 12vw, 72px);
  border-radius: 16px;
  border: 1px solid var(--neutral-stroke-2-rest);
  background: var(--neutral-layer-3);
  color: var(--neutral-foreground-rest);
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  outline: none;
  box-shadow: inset 0 0 0 1px hsl(0 0% 100% / 0.02);
  transition: border-color 0.2s ease, box-shadow 0.2s ease,
    background-color 0.2s ease;
}

.otp-input:focus[b-2lj0gcbzqk] {
  border-color: var(--accent-fill-rest);
  box-shadow: 0 0 0 2px hsl(270 70% 60% / 0.35);
  background: var(--neutral-layer-2);
}

.otp-input:disabled[b-2lj0gcbzqk] {
  opacity: 0.6;
  cursor: not-allowed;
}

.custom-icon-container[b-2lj0gcbzqk] {
  margin: 1rem 0;
  border-radius: 50% !important;
  width: 80px;
  height: 80px;
}


.otp-info-container[b-2lj0gcbzqk] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: var(--neutral-layer-3);
  padding: 1rem;
  border-radius: 12px;
  margin: 1.5rem 0 0;
  width: 100%;
}

.otp-info-container p[b-2lj0gcbzqk] {
  margin: 0;
}

.otp-row[b-2lj0gcbzqk] {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}

.otp-circle-icon[b-2lj0gcbzqk] {
  border-radius: 50%;
}
/* /Users/Pages/LoginByCredentials.razor.rz.scp.css */
.credential-center[b-rw3zx021fd] {
  display: grid;
  justify-content: center;
  width: 100%;
}

.auth-info-container[b-rw3zx021fd] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  width: 100%;
  margin-top: 1rem;
}

.auth-info-item[b-rw3zx021fd] {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.25rem;
}

.auth-info-text[b-rw3zx021fd] {
  font-size: 30px;
  font-weight: 600;
}
/* /Users/Pages/PasswordReset.razor.rz.scp.css */
.margin-title[b-ox8poe4fze] {
    margin: 1rem 0 .5rem;
}

.recovery-row[b-ox8poe4fze] {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
/* /Users/Pages/RegisterCredentialByInvite.razor.rz.scp.css */
.register-row[b-08g8q3r0cy] {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}

.credential-center[b-08g8q3r0cy] {
  display: grid;
  justify-content: center;
  width: 100%;
}
/* /Users/Pages/SelectOrganization.razor.rz.scp.css */
.select-org-shell[b-bpt6sqc8yr] {
  grid-column: 1 / -1;
  width: min(768px, 100%);
  margin: 0 auto;
}

.select-org-card[b-bpt6sqc8yr] {
  padding: 1.5rem;
}

.select-org-header[b-bpt6sqc8yr] {
  display: grid;
  gap: 0.5rem;
  justify-items: center;
  text-align: center;
  margin-bottom: 1rem;
}

.select-org-grid[b-bpt6sqc8yr] {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.select-org-grid > :last-child:nth-child(odd)[b-bpt6sqc8yr] {
  grid-column: 1 / -1;
}

.select-org-item[b-bpt6sqc8yr] {
  border: 1px solid var(--neutral-stroke-2-rest);
  background: color-mix(in srgb, var(--neutral-layer-2) 88%, transparent);
  color: var(--neutral-foreground-rest);
  border-radius: 12px;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  transition: border-color 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

.select-org-item:hover:not(:disabled)[b-bpt6sqc8yr] {
  border-color: var(--accent-fill-rest);
  transform: translateY(-2px) scale(1.02);
}

.select-org-item:disabled[b-bpt6sqc8yr] {
  opacity: 0.65;
  cursor: not-allowed;
}

.select-org-item-main[b-bpt6sqc8yr] {
  display: grid;
  gap: 0.5rem;
  text-align: left;
  width: 100%;
}

.select-org-item-name[b-bpt6sqc8yr] {
  font-size: 1.1rem;
  font-weight: 700;
}

.select-org-item-doc[b-bpt6sqc8yr] {
  font-size: 0.95rem;
}

.select-org-item-tags[b-bpt6sqc8yr] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.select-org-empty[b-bpt6sqc8yr] {
  margin-top: 1.25rem;
  padding: 1rem;
  border: 1px dashed var(--neutral-stroke-2-rest);
  border-radius: 12px;
  text-align: center;
}

.select-org-footer[b-bpt6sqc8yr] {
  margin-top: 1rem;
  text-align: center;
  font-size: 0.95rem;
}

.skeleton[b-bpt6sqc8yr] {
  min-height: 120px;
  border: none;
  background:
    linear-gradient(
      110deg,
      color-mix(in srgb, var(--neutral-layer-3) 80%, transparent) 25%,
      color-mix(in srgb, var(--neutral-layer-4) 90%, transparent) 45%,
      color-mix(in srgb, var(--neutral-layer-3) 80%, transparent) 65%
    )
    0 0 / 200% 100%;
  animation: select-org-skeleton-b-bpt6sqc8yr 1.2s ease-in-out infinite;
}

@keyframes select-org-skeleton-b-bpt6sqc8yr {
  to {
    background-position: -200% 0;
  }
}

@media (max-width: 900px) {
  .select-org-grid[b-bpt6sqc8yr] {
    grid-template-columns: 1fr;
  }

  .select-org-card[b-bpt6sqc8yr] {
    padding: 1rem;
  }
}
/* /Users/Pages/Settings.razor.rz.scp.css */
.settings-flex[b-zid72ksxd9] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 1rem;
}

.settings-nav[b-zid72ksxd9] {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: nowrap;
  overflow: hidden;
  width: 100%;
  min-width: 0;
}

.settings-nav-button[b-zid72ksxd9] {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: transparent;
  border: none;
  outline: none;
  box-sizing: border-box;
  color: var(--input-placeholder-hover);
  overflow: hidden;
}

.settings-nav-button.is-active[b-zid72ksxd9] {
  border-bottom: 1px solid var(--accent-fill-rest);
  color: var(--accent-fill-rest);
}

.settings-nav-button[b-zid72ksxd9]  svg {
  fill: var(--input-placeholder-hover) !important;
  flex: 0 0 auto;
}

.settings-nav-button.is-active[b-zid72ksxd9]  svg {
  fill: var(--accent-fill-rest) !important;
}

.nowrap[b-zid72ksxd9] {
  white-space: nowrap;
}

.settings-nav.is-compact .settings-nav-button span[b-zid72ksxd9] {
  display: none;
}

.settings-nav.is-compact .settings-nav-button[b-zid72ksxd9] {
  padding: 0.5rem 0.6rem;
}
/* /Users/UI/BasicInfoSettings.razor.rz.scp.css */
.basic-info-header[b-l7cj3zq8jd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1.5rem;
}

.bordered-spacer[b-l7cj3zq8jd] {
  border-top: 1px solid var(--input-placeholder-hover);
  width: 100%;
  margin: 0.5rem 0;
}
/* /Users/UI/OrganizationSettings.razor.rz.scp.css */
.organization-header[b-ycpqdoxdky] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1.5rem;
}