.st-card,
.st-panel,
.st-floating-card {
  background: var(--st-surface);
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
}

.st-card {
  box-shadow: var(--st-shadow-sm);
  padding: var(--st-space-lg);
}

.st-panel,
.st-floating-card {
  box-shadow: var(--st-shadow-md);
  display: flex;
  flex-direction: column;
  gap: var(--st-space-md);
  padding: 20px;
}

.st-card-kicker {
  color: var(--st-text-secondary);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: var(--st-space-md);
  text-transform: uppercase;
}

.st-icon {
  height: 20px;
  stroke-width: 1.85;
  width: 20px;
}

.st-icon-button,
.st-chrome-button {
  align-items: center;
  background: var(--st-surface);
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-button);
  color: var(--st-action-default);
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  height: 42px;
  justify-content: center;
  min-width: 42px;
  padding: 0;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.st-icon-button:hover,
.st-chrome-button:hover {
  background: var(--st-hover-bg);
  border-color: rgba(30, 58, 47, 0.14);
  color: var(--st-forest-green);
}

.st-icon-button.is-muted {
  color: var(--st-text-secondary);
}

.st-link-button {
  background: transparent;
  border: 0;
  color: var(--st-forest-green);
  cursor: pointer;
  font-size: 0.84rem;
  font-weight: 700;
  padding: 0;
}

.st-link-button:disabled {
  color: var(--st-steel-gray);
  cursor: default;
}

.e-btn.st-btn,
.st-btn {
  align-items: center;
  border: 1px solid transparent;
  border-radius: var(--st-radius-md);
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--st-font-small-size);
  font-weight: var(--st-font-weight-medium);
  justify-content: center;
  line-height: var(--st-line-height-tight);
  min-height: 40px;
  padding: 0 var(--st-space-6);
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.e-btn.st-btn:disabled,
.e-btn.st-btn.e-disabled,
.st-btn:disabled {
  cursor: not-allowed;
}

.e-btn.st-btn-primary,
.st-btn-primary {
  background: var(--st-color-brand-primary);
  box-shadow: var(--st-elevation-sm);
  color: var(--st-color-surface-white);
}

.e-btn.st-btn-primary:hover,
.st-btn-primary:hover {
  background: #27483b;
}

.e-btn.st-btn-primary:disabled,
.e-btn.st-btn-primary:disabled:hover,
.st-btn-primary:disabled,
.st-btn-primary:disabled:hover {
  box-shadow: none;
  background: var(--st-steel-gray);
  border-color: var(--st-steel-gray);
  color: var(--st-surface);
  cursor: not-allowed;
  opacity: 1;
}

.e-btn.st-btn-critical,
.st-btn-critical {
  background: var(--btn-critical-bg);
  color: var(--btn-critical-text);
}

.e-btn.st-btn-critical:hover,
.st-btn-critical:hover {
  background: #eb6d12;
}

.e-btn.st-btn-critical:disabled,
.e-btn.st-btn-critical:disabled:hover,
.st-btn-critical:disabled,
.st-btn-critical:disabled:hover {
  background: var(--st-steel-gray);
  border-color: var(--st-steel-gray);
  color: var(--st-surface);
  cursor: not-allowed;
  font-weight: 700;
  opacity: 1;
}

.st-btn-send-quote:disabled {
  background: var(--st-steel-gray);
  border-color: var(--st-steel-gray);
  color: var(--st-surface);
  cursor: not-allowed;
  opacity: 1;
}

.e-btn.st-btn:not(.st-btn-primary):not(.st-btn-critical),
.st-btn:not(.st-btn-primary):not(.st-btn-critical) {
  background: var(--st-surface);
  border-color: var(--st-border-soft);
  color: var(--st-action-default);
}

.e-btn.st-btn:not(.st-btn-primary):not(.st-btn-critical):hover,
.st-btn:not(.st-btn-primary):not(.st-btn-critical):hover {
  background: var(--st-hover-bg);
  border-color: rgba(30, 58, 47, 0.14);
  color: var(--st-forest-green);
}

.st-btn-content {
  align-items: center;
  display: inline-flex;
  gap: var(--st-space-sm);
}

.st-banner {
  border-radius: var(--st-radius-card);
  display: flex;
  flex-direction: column;
  gap: var(--st-space-xs);
  margin-bottom: var(--st-space-sm);
  padding: var(--st-space-md);
}

.st-status-success {
  background: var(--status-success-bg);
  color: var(--status-success-text);
}

.st-status-warning {
  background: var(--status-warning-bg);
  color: var(--status-warning-text);
}

.st-status-error {
  background: var(--status-error-bg);
  color: var(--status-error-text);
}

.st-status-info {
  background: var(--status-info-bg);
  color: var(--status-info-text);
}

.st-status-pill {
  border-radius: var(--st-radius-pill);
  display: inline-flex;
  font-size: 0.82rem;
  font-weight: 700;
  padding: 6px 10px;
}

.st-grid-primary {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.st-grid-primary span {
  color: var(--st-text-secondary);
  font-size: 0.85rem;
}

.st-list-view-toolbar {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: var(--st-space-sm);
  justify-content: flex-end;
}

.st-list-view-toggle {
  align-items: center;
  background: #f2f2f1;
  border: 0;
  border-radius: 10px;
  box-sizing: border-box;
  display: inline-flex;
  gap: 4px;
  height: 36px;
  padding: 4px;
  width: 182px;
}

.st-list-view-toggle-button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 1px 1px rgba(16, 24, 40, 0.1);
  color: #6b7280;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 85px;
  font-size: 14px;
  font-weight: var(--st-font-weight-semibold);
  gap: 7px;
  height: 28px;
  justify-content: center;
  line-height: normal;
  min-height: 28px;
  padding: 0 8px;
  transition: background-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.st-list-view-toggle-button .st-icon {
  flex: 0 0 15px;
  height: 15px;
  width: 15px;
}

.st-list-view-toggle-button:hover {
  background: rgba(255, 255, 255, 0.68);
  color: #181b1e;
}

.st-list-view-toggle-button.is-active {
  background: var(--st-color-surface-white);
  color: #181b1e;
  font-weight: var(--st-font-weight-medium);
}

.st-list-view-toggle-button:focus-visible {
  outline: 2px solid rgba(30, 58, 47, 0.28);
  outline-offset: 2px;
}

.st-list-grid,
.st-list-cards,
.st-list-card {
  display: grid;
  gap: var(--st-space-md);
}

.st-grid-detail-list {
  display: grid;
  gap: 4px;
}

.st-grid-detail-list span {
  color: var(--st-text-secondary);
  font-size: 0.82rem;
}

.st-grid-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.st-grid-actions .st-btn {
  min-height: 36px;
  padding: 0 12px;
}

.st-service-grid-frame .e-grid {
  min-width: 1080px;
}

.st-service-methods-grid.e-grid {
  min-width: 1020px;
}

.st-service-admin-grid .e-gridheader {
  background: #f7f9f8;
}

.st-service-admin-grid .e-headercell {
  color: var(--st-text-secondary);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  padding: 10px 12px !important;
  text-transform: uppercase;
}

.st-service-admin-grid .e-rowcell {
  padding: 10px 12px !important;
  vertical-align: middle;
}

.st-service-admin-grid .e-row:hover .e-rowcell {
  background: rgba(30, 58, 47, 0.025);
}

.st-service-admin-grid .st-status-pill {
  white-space: nowrap;
}

.st-service-grid-count {
  align-items: flex-end;
  text-align: right;
}

.st-service-grid-muted {
  color: var(--st-text-secondary);
  font-size: 0.84rem;
}

.st-service-grid-warning {
  color: var(--status-warning-text);
  font-size: 0.78rem;
  font-weight: 700;
}

.st-service-grid-action-shell {
  display: flex;
  justify-content: flex-end;
}

.st-service-grid-action-toggle {
  min-width: 42px;
}

.st-service-grid-action-toggle .e-caret {
  display: none;
}

.st-service-grid-action-toggle .e-btn-content {
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  line-height: 1;
}

.st-service-grid-actions {
  align-items: center;
  gap: 10px;
}

.st-service-grid-actions .st-btn {
  min-height: 32px;
  padding: 0 10px;
}

.st-service-grid-toggle {
  align-items: center;
  color: var(--st-text-secondary);
  display: inline-flex;
  font-size: 0.84rem;
  font-weight: 700;
  gap: 8px;
  white-space: nowrap;
}

.st-service-grid-toggle input {
  margin: 0;
}

.st-service-grid-toggle input:disabled,
.st-service-grid-toggle input:disabled + span {
  opacity: 0.72;
}

.st-field {
  display: flex;
  flex-direction: column;
  gap: var(--st-space-xs);
}

.st-settings-page .st-field,
.st-workspace-root .st-field,
.st-members-dialog .st-field,
.st-service-settings-dialog .st-field {
  gap: 5px;
  min-width: 0;
}

.st-field label {
  color: var(--st-text-primary);
  font-size: 0.9rem;
  font-weight: 700;
}

.st-settings-page .st-field label,
.st-workspace-root .st-field label,
.st-members-dialog .st-field label,
.st-service-settings-dialog .st-field label {
  color: var(--st-color-text-secondary);
  font-size: var(--st-font-caption-size);
  font-weight: var(--st-font-weight-medium);
  line-height: 1;
}

.st-settings-page .st-required-asterisk,
.st-workspace-root .st-required-asterisk,
.st-members-dialog .st-required-asterisk,
.st-service-settings-dialog .st-required-asterisk {
  color: var(--st-color-danger);
  margin-left: 2px;
}

.st-field .validation-message,
.st-field .validation-errors,
.st-field .validation-message *,
.st-field .validation-errors * {
  color: var(--status-error-text);
  font-size: 0.84rem;
}

.st-form-grid {
  display: grid;
  gap: var(--st-space-md);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: var(--st-space-md);
}

.st-form-actions {
  display: flex;
  gap: var(--st-space-sm);
  justify-content: flex-end;
  margin-top: var(--st-space-lg);
}

.st-settings-nav-shell {
  display: grid;
  gap: var(--st-space-md);
}

.st-settings-nav-header {
  align-items: flex-start;
  display: flex;
  gap: var(--st-space-md);
  justify-content: space-between;
}

.st-settings-nav-grid {
  display: grid;
  gap: var(--st-space-sm);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.st-settings-nav-link {
  background: #fbfcfc;
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-button);
  color: inherit;
  display: grid;
  gap: 6px;
  min-height: 92px;
  padding: 14px 16px;
  text-decoration: none;
  transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.st-settings-nav-link:hover {
  border-color: rgba(30, 58, 47, 0.24);
  box-shadow: 0 8px 20px rgba(23, 34, 25, 0.06);
  transform: translateY(-1px);
}

.st-settings-nav-link.active {
  background: var(--st-selected-bg);
  border-color: rgba(30, 58, 47, 0.28);
  box-shadow: 0 0 0 1px rgba(30, 58, 47, 0.08);
}

.st-settings-nav-title {
  color: var(--st-text-primary);
  font-size: 0.95rem;
  font-weight: 700;
}

.st-settings-nav-copy {
  color: var(--st-text-secondary);
  line-height: 1.5;
}

.st-settings-home-grid,
.st-settings-placeholder-grid,
.st-settings-card-grid,
.st-settings-summary-grid {
  display: grid;
  gap: var(--st-space-md);
}

.st-settings-home-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.st-settings-placeholder-grid,
.st-settings-summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.st-settings-card-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.st-settings-card-grid .st-card {
  display: flex;
  flex-direction: column;
  gap: var(--st-space-md);
}

.st-settings-card-grid .st-card.is-full {
  grid-column: 1 / -1;
}

.st-settings-home-card {
  display: grid;
  gap: var(--st-space-md);
}

.st-settings-page {
  display: grid;
  gap: var(--st-space-lg);
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
}

.st-settings-page.st-page-workspace {
  gap: 0;
}

.st-settings-page-header {
  margin-bottom: 0;
}

.st-settings-page .st-card,
.st-settings-page .st-panel,
.st-settings-page .st-grid-stack,
.st-settings-page .st-settings-card-grid,
.st-settings-page .st-settings-summary-grid,
.st-settings-page .st-form-grid,
.st-settings-page .st-field,
.st-settings-page .st-service-settings-card-copy,
.st-settings-page .st-service-settings-copy,
.st-settings-page .st-service-settings-meta,
.st-settings-page .st-service-settings-readonly,
.st-settings-page .st-service-settings-readonly-panel,
.st-settings-page .st-grid-primary,
.st-settings-page .st-empty-state,
.st-settings-page .st-branding-preview-empty {
  min-width: 0;
}

.st-settings-page .st-service-settings-copy,
.st-settings-page .st-service-settings-meta,
.st-settings-page .st-service-settings-readonly,
.st-settings-page .st-service-settings-readonly-panel,
.st-settings-page .st-grid-primary,
.st-settings-page .st-empty-state,
.st-settings-page .st-branding-preview-empty,
.st-settings-page .st-banner {
  overflow-wrap: anywhere;
}

.st-settings-page .st-field > :is(.e-input-group, .e-control.e-textbox, .e-control.e-dropdownlist, .e-control.e-textarea, textarea),
.st-members-dialog .st-field > :is(.e-input-group, .e-control.e-textbox, .e-control.e-dropdownlist, .e-control.e-textarea, textarea),
.st-service-settings-dialog .st-field > :is(.e-input-group, .e-control.e-textbox, .e-control.e-dropdownlist, .e-control.e-textarea, textarea) {
  max-width: 100%;
  width: 100%;
}

.st-settings-tabs-shell {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  width: 100%;
}

.st-settings-tabs.e-tab {
  background: transparent;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  width: 100%;
}

.st-settings-tabs.e-tab > .e-tab-header {
  background: #fff;
  border-bottom: 1px solid var(--st-border-soft);
  flex: 0 0 auto;
  max-width: 100%;
  min-height: auto;
  min-width: 0;
  overflow: hidden;
  padding: 0 0 0 24px;
  width: 100%;
}

.st-settings-tabs.e-tab > .e-tab-header.e-hscroll,
.st-settings-tabs.e-tab > .e-tab-header .e-hscroll {
  max-width: 100%;
  min-width: 0;
}

.st-settings-tabs.e-tab > .e-tab-header .e-toolbar-items {
  gap: 8px;
  white-space: nowrap;
}

.st-settings-tabs.e-tab > .e-tab-header .e-toolbar-item {
  flex: 0 0 auto;
  margin: 0;
}

.st-settings-tabs.e-tab > .e-tab-header .e-scroll-nav:not(.e-overlay) {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  min-width: 36px;
  z-index: 1;
}

.st-settings-tabs.e-tab > .e-tab-header .e-toolbar-item .e-tab-wrap {
  border: 0;
  border-radius: 0;
  color: var(--st-text-secondary);
  font-weight: 700;
  min-height: 42px;
  padding: 0 4px;
  transition: color 120ms ease;
}

.st-settings-tabs.e-tab > .e-tab-header .e-toolbar-item .e-tab-text {
  color: inherit;
  line-height: 1.2;
}

.st-settings-tabs.e-tab > .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
  color: var(--st-forest-green);
}

.st-settings-tabs.e-tab > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
  background: transparent;
  color: var(--st-forest-green);
}

.st-settings-tabs.e-tab > .e-tab-header .e-indicator {
  background: var(--st-forest-green);
}

.st-settings-tabs.e-tab > .e-content {
  background: transparent;
  display: flex;
  flex: 1 1 auto;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.st-settings-tabs.e-tab > .e-content .e-item {
  background: transparent;
  flex: 1 1 auto;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  padding: 0;
}

.st-settings-tabs.e-tab > .e-content .e-item.e-active {
  display: flex;
  flex-direction: column;
}

.st-settings-tabs.e-tab > .e-content .e-item > .st-page-content {
  flex: 1 1 auto;
  min-height: 0;
}

.st-settings-tab-panel {
  display: grid;
  gap: var(--st-space-md);
  min-width: 0;
}

.st-settings-tab-panel[hidden] {
  display: none !important;
}

.st-settings-tab-stack {
  gap: var(--st-space-lg);
}

.st-settings-placeholder-card {
  align-content: start;
  min-height: 220px;
}

.st-payment-settings-card-grid {
  align-items: start;
}

.st-payment-settings-minimal-shell {
  display: grid;
  gap: var(--st-space-md);
  max-width: 820px;
  min-width: 0;
  width: 100%;
}

.st-settings-payment-receiving-banner {
  align-items: center;
  background: #1b3a2d;
  border-radius: 16px;
  box-shadow: 0 4px 7px rgba(16, 24, 40, 0.1);
  color: #fff;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding: 24px 32px;
  width: 100%;
}

.st-settings-payment-receiving-banner__main {
  align-items: center;
  display: flex;
  gap: 16px;
  min-width: 0;
}

.st-settings-payment-receiving-banner__icon {
  align-items: center;
  background: #2e4d40;
  border-radius: 14px;
  color: #fff;
  display: inline-flex;
  flex: 0 0 auto;
  height: 64px;
  justify-content: center;
  width: 64px;
}

.st-settings-payment-receiving-banner__icon .st-icon {
  height: 40px;
  stroke-width: 1.75;
  width: 40px;
}

.st-settings-payment-receiving-banner__copy {
  display: grid;
  gap: 4px;
  max-width: 620px;
  min-width: 0;
}

.st-settings-payment-receiving-banner__copy > * {
  margin: 0;
}

.st-settings-payment-receiving-banner__kicker {
  color: #a6c7b8;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  text-transform: uppercase;
}

.st-settings-payment-receiving-banner__copy strong {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
}

.st-settings-payment-receiving-banner__copy span {
  color: #c7dbd1;
  font-size: 14px;
  line-height: 1.35;
}

.e-btn.st-settings-payment-receiving-banner__action,
.st-settings-payment-receiving-banner__action {
  align-items: center;
  background: #fff;
  border: 0;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(16, 24, 40, 0.05);
  color: #1b3a2d;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 15px;
  font-weight: 700;
  justify-content: center;
  line-height: 1.2;
  min-height: 46px;
  padding: 0 24px;
}

.e-btn.st-settings-payment-receiving-banner__action:hover,
.st-settings-payment-receiving-banner__action:hover {
  background: #f4faf7;
  color: #1b3a2d;
}

.st-payment-settings-minimal-card {
  border-color: #e1e2e0;
  border-radius: 16px;
  box-shadow: 0 1px 1px rgba(16, 24, 40, 0.05);
  display: grid;
  gap: 10px;
  padding: 32px;
}

.st-payment-settings-method-row {
  align-items: center;
  border: 1px solid #ebecea;
  border-radius: 12px;
  display: flex;
  gap: var(--st-space-md);
  justify-content: space-between;
  min-width: 0;
  padding: 16px;
}

.st-payment-settings-method-copy {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  min-width: 0;
}

.st-payment-settings-method-copy strong,
.st-payment-settings-separation strong {
  color: #15181c;
  display: block;
  font-size: 0.94rem;
  font-weight: 600;
  line-height: 1.25;
}

.st-payment-settings-method-copy span {
  color: #8c919c;
  display: block;
  font-size: 0.82rem;
  line-height: 1.35;
  margin-top: 4px;
}

.st-payment-settings-method-icon {
  align-items: center;
  background: #eaf1ee;
  border-radius: 9px;
  color: var(--st-color-brand-primary);
  display: inline-flex;
  flex: 0 0 auto;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.st-payment-settings-method-icon .st-icon {
  height: 20px;
  width: 20px;
}

.st-payment-settings-switch {
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.st-payment-settings-switch input {
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 1px;
}

.st-payment-settings-switch span {
  background: #d9dedb;
  border-radius: var(--st-radius-pill);
  cursor: pointer;
  display: inline-flex;
  height: 24px;
  position: relative;
  transition: background 140ms ease;
  width: 42px;
}

.st-payment-settings-switch span::after {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.2);
  content: "";
  height: 20px;
  left: 2px;
  position: absolute;
  top: 2px;
  transition: transform 140ms ease;
  width: 20px;
}

.st-payment-settings-switch input:checked + span {
  background: var(--st-color-brand-primary);
}

.st-payment-settings-switch input:checked + span::after {
  transform: translateX(18px);
}

.st-payment-settings-switch input:disabled + span {
  cursor: not-allowed;
  opacity: 0.62;
}

.st-payment-settings-switch input:focus-visible + span {
  box-shadow: 0 0 0 3px rgba(27, 58, 45, 0.16);
  outline: 0;
}

.st-payment-settings-manual-section {
  display: grid;
  gap: 20px;
  padding-top: 2px;
}

.st-payment-settings-section-copy {
  display: grid;
  gap: 5px;
}

.st-payment-settings-section-copy .st-card-kicker {
  color: #8c919c;
  font-size: 0.75rem;
  margin: 0;
}

.st-payment-settings-section-copy p:not(.st-card-kicker) {
  color: #69707e;
  font-size: 0.82rem;
  line-height: 1.35;
  margin: 0;
}

.st-payment-settings-manual-fields {
  display: grid;
  gap: 8px;
}

.st-payment-settings-minimal-card .st-field {
  gap: 6px;
}

.st-payment-settings-minimal-card .st-field label {
  color: #15181c;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.25;
}

.st-payment-settings-minimal-card .st-field textarea {
  min-height: 84px;
}

.st-payment-settings-minimal-card .st-field #manual-payment-instructions {
  min-height: 96px;
}

.st-payment-settings-terms-field {
  max-width: 189px;
}

.st-payment-settings-terms-field :is(.e-input-group, .e-control.e-numerictextbox) {
  max-width: 160px;
}

.st-payment-settings-separation {
  display: grid;
  gap: 4px;
  margin-top: 12px;
}

.st-payment-settings-separation strong {
  font-size: 0.82rem;
}

.st-payment-settings-separation p {
  color: #8c919c;
  font-size: 0.75rem;
  line-height: 1.35;
  margin: 0;
}

.st-settings-inline-save {
  justify-content: flex-start;
  margin-top: var(--st-space-md);
}

.st-subscription-workspace-page {
  display: grid;
  gap: var(--st-space-lg);
}

.st-subscription-workspace-header {
  align-items: flex-start;
  gap: var(--st-space-md);
}

.st-subscription-workspace-header h1 {
  margin-bottom: 0;
}

.st-subscription-workspace-grid {
  align-items: start;
  display: grid;
  gap: var(--st-space-lg);
  grid-template-columns: minmax(280px, 0.38fr) minmax(0, 1fr);
}

.st-subscription-workspace-summary-card,
.st-subscription-workspace-action-card,
.st-subscription-checkout-card,
.st-subscription-workspace-error-card {
  display: grid;
  gap: var(--st-space-md);
}

.st-subscription-workspace-summary-card {
  position: sticky;
  top: calc(var(--st-shell-header-height, 72px) + var(--st-space-md));
}

.st-subscription-checkout-loading {
  align-items: center;
  color: var(--st-text-secondary);
  display: flex;
  gap: var(--st-space-sm);
  min-height: 44px;
}

.st-subscription-checkout-workspace-primary {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0;
  width: 100%;
}

.st-subscription-checkout-workspace-state {
  align-items: center;
  color: var(--st-text-secondary);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--st-space-md);
  justify-content: center;
  min-height: 360px;
  padding: 24px;
  text-align: center;
}

.st-subscription-pricing-shell,
.st-subscription-management-shell {
  display: grid;
  gap: var(--st-space-lg);
}

.st-subscription-pricing-header {
  display: grid;
  gap: var(--st-space-xs);
  margin: 0 auto;
  max-width: 560px;
  text-align: center;
}

.st-subscription-change-header {
  align-items: start;
  display: grid;
  gap: var(--st-space-md);
  grid-template-columns: minmax(0, 1fr) auto;
}

.st-subscription-change-header .st-btn {
  justify-self: end;
}

.st-subscription-change-header h2 {
  color: var(--st-charcoal);
  font-family: var(--st-heading-font, inherit);
  font-size: 1.7rem;
  margin: 0;
}

.st-subscription-change-header p:not(.st-card-kicker) {
  color: var(--st-text-secondary);
  line-height: 1.55;
  margin: 0;
  max-width: 640px;
}

.st-public-dialog.st-subscription-plan-change-dialog {
  max-height: min(760px, calc(100vh - 64px));
  max-width: min(820px, calc(100vw - 32px));
  overflow-y: auto;
  width: min(820px, calc(100vw - 32px));
}

.st-subscription-pricing-header h2 {
  color: var(--st-charcoal);
  font-family: var(--st-heading-font, inherit);
  font-size: 1.7rem;
  margin: 0;
}

.st-subscription-pricing-header p:not(.st-card-kicker) {
  color: var(--st-text-secondary);
  line-height: 1.55;
  margin: 0;
}

.st-subscription-pricing-grid {
  display: grid;
  gap: var(--st-space-md);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.st-subscription-pricing-card {
  display: grid;
  gap: var(--st-space-md);
  position: relative;
}

.st-subscription-pricing-card.is-popular {
  border-color: var(--st-chainsaw-orange);
  box-shadow: 0 8px 24px rgba(255, 122, 26, 0.12);
}

.st-subscription-pricing-card.is-current {
  background: #fbfcfc;
  border-color: rgba(30, 58, 47, 0.18);
}

.st-subscription-state-hero {
  align-items: center;
  background: var(--st-surface);
  border: 1px solid var(--st-border-soft);
  border-left: 6px solid var(--st-forest-green);
  border-radius: var(--st-radius-card);
  box-shadow: var(--st-shadow-sm);
  display: grid;
  gap: var(--st-space-lg);
  grid-template-columns: minmax(0, 1fr) auto;
  padding: clamp(20px, 3vw, 28px);
}

.st-subscription-state-hero.is-info {
  background: var(--st-color-brand-primary);
  border-color: var(--st-color-brand-primary);
  border-left-color: var(--st-color-brand-primary);
  color: var(--st-color-surface-white);
}

.st-subscription-state-hero.is-success {
  background: #f5fbf7;
  border-color: rgba(30, 58, 47, 0.14);
  border-left-color: var(--status-success-text);
}

.st-subscription-state-hero.is-warning {
  background: #fffbeb;
  border-color: rgba(180, 83, 9, 0.22);
  border-left-color: var(--status-warning-text);
}

.st-subscription-state-copy {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.st-subscription-state-copy .st-card-kicker {
  margin: 0;
}

.st-subscription-state-hero.is-info .st-card-kicker {
  color: #a6c7b8;
}

.st-subscription-state-heading-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.st-subscription-state-hero h2 {
  color: inherit;
  font-family: var(--st-heading-font, inherit);
  font-size: clamp(1.45rem, 2.1vw, 1.9rem);
  letter-spacing: 0;
  line-height: 1.15;
  margin: 0;
}

.st-subscription-state-copy p:not(.st-card-kicker) {
  color: var(--st-text-secondary);
  line-height: 1.5;
  margin: 0;
  max-width: 72ch;
}

.st-subscription-state-hero.is-info .st-subscription-state-copy p:not(.st-card-kicker) {
  color: #c7dbd1;
}

.st-subscription-state-hero.is-info .st-status-pill {
  background: #295240;
  color: #99d9b2;
}

.st-subscription-trial-progress {
  background: #38574a;
  border-radius: 999px;
  height: 8px;
  max-width: 420px;
  overflow: hidden;
  width: 100%;
}

.st-subscription-trial-progress span {
  background: #8cd1a8;
  border-radius: inherit;
  display: block;
  height: 100%;
  min-width: 8px;
}

.st-subscription-state-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--st-space-sm);
  justify-content: flex-end;
  min-width: min(100%, 320px);
}

.st-subscription-state-action-group {
  align-items: center;
  display: grid;
  gap: 4px;
  justify-items: center;
}

.st-subscription-state-action-note {
  color: #c7dbd1;
  font-size: 0.75rem;
  line-height: 1.35;
  text-align: center;
}

.st-subscription-state-actions .st-btn-primary {
  min-height: 48px;
  padding-inline: 22px;
}

.st-subscription-state-hero.is-info .st-btn-primary {
  background: var(--st-color-surface-white);
  color: var(--st-color-brand-primary);
}

.st-subscription-state-hero.is-info .st-btn-primary:hover {
  background: #f7f7f6;
  color: var(--st-color-brand-primary);
}

.st-subscription-management-summary-row {
  align-items: start;
  display: grid;
  gap: var(--st-space-lg);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
}

.st-subscription-management-summary-row > .st-card {
  height: 100%;
  min-width: 0;
}

.st-subscription-plan-facts-card {
  align-content: start;
  display: grid;
  gap: var(--st-space-md);
}

.st-subscription-plan-facts-card .st-card-kicker {
  margin-bottom: 0;
}

.st-subscription-plan-facts {
  display: grid;
  margin: 0;
}

.st-subscription-plan-fact-row {
  align-items: center;
  border-bottom: 1px solid var(--st-border-soft);
  display: grid;
  gap: var(--st-space-sm);
  grid-template-columns: minmax(110px, 0.8fr) minmax(0, 1.2fr);
  padding: 11px 0;
}

.st-subscription-plan-fact-row:first-child {
  padding-top: 0;
}

.st-subscription-plan-fact-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.st-subscription-plan-fact-row dt,
.st-subscription-plan-fact-row dd {
  line-height: 1.35;
  margin: 0;
  min-width: 0;
}

.st-subscription-plan-fact-row dt {
  color: var(--st-text-secondary);
  font-size: 0.88rem;
  font-weight: 400;
}

.st-subscription-plan-fact-row dd {
  color: var(--st-charcoal);
  font-size: 0.88rem;
  font-weight: 600;
  text-align: right;
}

.st-subscription-plan-fact-row.is-emphasized dd {
  font-weight: 800;
}

.st-subscription-plan-fact-value {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--st-space-sm);
  justify-content: flex-end;
  min-width: 0;
  text-align: right;
}

.st-subscription-plan-fact-value > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.st-subscription-plan-row-cta {
  min-height: 34px;
  padding: 0 12px;
  white-space: nowrap;
}

.st-subscription-upgrade-card {
  border: 2px solid var(--st-color-brand-primary);
  box-shadow: 0 4px 14px rgba(16, 24, 40, 0.1);
  display: grid;
  gap: var(--st-space-lg);
  padding: var(--st-space-8);
}

.st-subscription-upgrade-card-main {
  display: grid;
  gap: var(--st-space-md);
}

.st-subscription-upgrade-card-header {
  align-items: start;
  display: flex;
  gap: var(--st-space-lg);
  justify-content: space-between;
}

.st-subscription-upgrade-copy {
  display: grid;
  gap: var(--st-space-sm);
  min-width: 0;
}

.st-subscription-upgrade-copy .st-subscription-recommended-badge {
  background: var(--st-color-brand-primary-light);
  border-radius: var(--st-radius-button);
  justify-self: start;
  padding: 10px 12px;
}

.st-subscription-upgrade-copy h3 {
  color: var(--st-charcoal);
  font-family: var(--st-heading-font, inherit);
  font-size: 1.6rem;
  line-height: 1.15;
  margin: 0 0 4px;
}

.st-subscription-upgrade-copy p {
  color: var(--st-text-secondary);
  font-size: 0.9rem;
  line-height: 1.45;
  margin: 0;
}

.st-subscription-upgrade-price {
  align-items: baseline;
  display: flex;
  gap: 6px;
  white-space: nowrap;
}

.st-subscription-upgrade-price strong {
  color: var(--st-charcoal);
  font-family: var(--st-heading-font, inherit);
  font-size: clamp(1.8rem, 3vw, 2.35rem);
  line-height: 1;
}

.st-subscription-upgrade-price span {
  color: var(--st-text-secondary);
  font-size: 0.82rem;
}

.st-subscription-upgrade-features {
  gap: 12px;
  padding-top: var(--st-space-md);
}

.st-subscription-upgrade-features li {
  padding-left: 28px;
}

.st-subscription-upgrade-features li::before {
  background: #e2f4e8;
  border: 0;
  border-radius: 50%;
  height: 18px;
  top: 1px;
  transform: none;
  width: 18px;
}

.st-subscription-upgrade-features li::after {
  border-bottom: 2px solid var(--st-forest-green);
  border-left: 2px solid var(--st-forest-green);
  content: "";
  height: 4px;
  left: 5px;
  position: absolute;
  top: 7px;
  transform: rotate(-45deg);
  width: 8px;
}

.st-subscription-upgrade-action {
  min-height: 50px;
  width: 100%;
}

.st-subscription-popular-badge {
  background: var(--st-chainsaw-orange);
  border-radius: var(--st-radius-pill);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
  justify-self: start;
  letter-spacing: 0.08em;
  padding: 4px 10px;
  text-transform: uppercase;
}

.st-subscription-current-badge {
  background: var(--st-selected-bg);
  border-radius: var(--st-radius-pill);
  color: var(--st-forest-green);
  font-size: 0.72rem;
  font-weight: 800;
  justify-self: start;
  letter-spacing: 0.08em;
  padding: 4px 10px;
  text-transform: uppercase;
}

.st-subscription-plan-change-note {
  background: #f6f7f5;
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-button);
  display: grid;
  gap: 4px;
  padding: 12px;
}

.st-subscription-plan-change-note strong {
  color: var(--st-charcoal);
  font-size: 0.9rem;
}

.st-subscription-plan-change-note span {
  color: var(--st-text-secondary);
  font-size: 0.84rem;
  line-height: 1.45;
}

.st-subscription-pricing-card h3,
.st-subscription-cancel-option h3 {
  color: var(--st-charcoal);
  font-size: 1.15rem;
  margin: 0 0 var(--st-space-xs);
}

.st-subscription-price-row {
  align-items: baseline;
  display: flex;
  gap: var(--st-space-xs);
}

.st-subscription-price-row span {
  color: var(--st-charcoal);
  font-family: var(--st-heading-font, inherit);
  font-size: 2rem;
  font-weight: 800;
}

.st-subscription-price-row small,
.st-subscription-pricing-card p,
.st-subscription-note-card span,
.st-subscription-cancel-option p,
.st-subscription-limited-panel p {
  color: var(--st-text-secondary);
  line-height: 1.5;
}

.st-subscription-feature-list,
.st-subscription-cancel-option ul {
  display: grid;
  gap: var(--st-space-sm);
  list-style: none;
  margin: 0;
  padding: var(--st-space-md) 0 0;
}

.st-subscription-feature-list {
  border-top: 1px solid var(--st-border-soft);
}

.st-subscription-feature-list li,
.st-subscription-cancel-option li {
  color: var(--st-text-primary);
  font-size: 0.9rem;
  line-height: 1.4;
  padding-left: 18px;
  position: relative;
}

.st-subscription-feature-list li::before,
.st-subscription-cancel-option li::before {
  border-bottom: 2px solid var(--st-forest-green);
  border-left: 2px solid var(--st-forest-green);
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg);
  width: 8px;
}

.st-subscription-note-grid {
  display: grid;
  gap: var(--st-space-md);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.st-subscription-note-card {
  display: grid;
  gap: 4px;
}

.st-subscription-status-card {
  align-items: center;
  border-radius: var(--st-radius-card);
  display: flex;
  gap: var(--st-space-sm);
  padding: var(--st-space-md);
}

.st-banner-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--st-space-sm);
  margin-top: var(--st-space-xs);
}

.st-subscription-status-card strong {
  margin-left: auto;
}

.st-subscription-status-dot {
  background: currentColor;
  border-radius: 50%;
  box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 16%, transparent);
  height: 8px;
  width: 8px;
}

.st-subscription-management-card,
.st-subscription-cancel-card {
  display: grid;
  gap: var(--st-space-md);
}

.st-subscription-payment-row {
  align-items: center;
  display: grid;
  gap: var(--st-space-md);
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.st-subscription-payment-row strong {
  color: var(--st-charcoal);
  display: block;
  font-size: 0.96rem;
  margin-bottom: 2px;
}

.st-subscription-payment-row span {
  color: var(--st-text-secondary);
  font-size: 0.9rem;
  line-height: 1.45;
}

.st-subscription-card-icon {
  align-items: center;
  background: var(--st-selected-bg);
  border: 1px solid rgba(30, 58, 47, 0.1);
  border-radius: var(--st-radius-button);
  color: var(--st-forest-green);
  display: inline-flex;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.st-subscription-history-table {
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-button);
  overflow: hidden;
}

.st-subscription-history-header,
.st-subscription-history-row {
  align-items: center;
  display: grid;
  gap: var(--st-space-sm);
  grid-template-columns: minmax(120px, 1.25fr) minmax(100px, 1fr) minmax(90px, 0.7fr) minmax(110px, 0.9fr) auto;
  padding: 12px 14px;
}

.st-subscription-history-header {
  background: #f6f7f5;
  color: var(--st-text-secondary);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.st-subscription-history-row {
  background: var(--st-surface);
  color: var(--st-text-primary);
  font-size: 0.9rem;
}

.st-btn-icon {
  min-height: 34px;
  padding: 0;
  width: 34px;
}

.st-subscription-limited-panel {
  background: var(--status-warning-bg);
  border: 1px solid rgba(142, 84, 0, 0.18);
  border-radius: var(--st-radius-card);
  display: grid;
  gap: var(--st-space-xs);
  padding: var(--st-space-md);
}

.st-subscription-limited-panel strong {
  color: var(--status-warning-text);
}

.st-subscription-cancel-trigger {
  border-color: rgba(180, 35, 24, 0.28) !important;
  color: var(--status-error-text) !important;
  justify-self: start;
}

.st-subscription-cancel-trigger:hover {
  background: rgba(180, 35, 24, 0.05) !important;
  border-color: rgba(180, 35, 24, 0.42) !important;
  color: var(--status-error-text) !important;
}

.st-subscription-cancel-trigger-row {
  display: flex;
  justify-content: flex-start;
}

.st-subscription-cancel-card h3 {
  color: var(--st-charcoal);
  font-size: 1.15rem;
  margin: 0;
}

.st-subscription-cancel-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--st-space-md);
  justify-content: space-between;
}

.st-subscription-cancel-action-group {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.st-subscription-recommended-badge {
  color: var(--st-forest-green);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.st-subscription-cancel-confirm-box {
  background: #fbfcfc;
  border: 1px solid rgba(30, 58, 47, 0.08);
  border-radius: var(--st-radius-card);
  display: grid;
  gap: var(--st-space-sm);
  padding: var(--st-space-md);
}

.st-subscription-cancel-confirm-box > strong {
  color: var(--st-charcoal);
  font-size: 1rem;
}

.st-subscription-cancel-confirm-box > p {
  color: var(--st-text-secondary);
  line-height: 1.5;
  margin: 0;
}

.st-subscription-confirmation-card {
  border-left: 6px solid var(--st-forest-green);
  display: grid;
  gap: var(--st-space-md);
}

.st-subscription-confirmation-card.is-timeout {
  border-left-color: var(--status-warning-text);
}

.st-subscription-confirmation-header {
  align-items: flex-start;
  display: flex;
  gap: var(--st-space-md);
}

.st-subscription-confirmation-spinner {
  align-items: center;
  background: var(--st-color-brand-primary);
  border-radius: 999px;
  color: var(--st-color-surface-white);
  display: inline-flex;
  flex: 0 0 auto;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.st-subscription-confirmation-progress {
  background: #e7edea;
  border-radius: 999px;
  height: 8px;
  overflow: hidden;
}

.st-subscription-confirmation-progress span {
  background: var(--st-forest-green);
  border-radius: inherit;
  display: block;
  height: 100%;
  transition: width 180ms ease;
}

.st-subscription-confirmation-facts {
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-button);
  display: grid;
  margin: 0;
  overflow: hidden;
}

.st-subscription-confirmation-facts div {
  align-items: center;
  background: var(--st-surface);
  border-bottom: 1px solid var(--st-border-soft);
  display: grid;
  gap: var(--st-space-sm);
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  padding: 11px 12px;
}

.st-subscription-confirmation-facts div:last-child {
  border-bottom: 0;
}

.st-subscription-confirmation-facts dt,
.st-subscription-confirmation-facts dd {
  font-size: 0.86rem;
  line-height: 1.35;
  margin: 0;
  min-width: 0;
}

.st-subscription-confirmation-facts dt {
  color: var(--st-text-secondary);
}

.st-subscription-confirmation-facts dd {
  color: var(--st-charcoal);
  font-weight: 700;
  text-align: right;
}

.st-subscription-cancel-options {
  display: grid;
  gap: var(--st-space-md);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.st-subscription-cancel-option {
  background: #fbfcfc;
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
  display: grid;
  gap: var(--st-space-sm);
  padding: var(--st-space-md);
}

.st-subscription-cancel-option.is-recommended {
  background: var(--st-selected-bg);
  border-color: rgba(30, 58, 47, 0.22);
}

.st-subscription-cancel-option > span {
  color: var(--st-forest-green);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.st-subscription-resume-plan-list {
  display: grid;
  gap: 10px;
}

.st-subscription-resume-plan {
  align-items: center;
  background: #fbfcfc;
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-button);
  color: inherit;
  cursor: pointer;
  display: flex;
  gap: var(--st-space-md);
  justify-content: space-between;
  padding: 12px 14px;
  text-align: left;
  width: 100%;
}

.st-subscription-resume-plan.is-selected {
  background: var(--st-selected-bg);
  border-color: rgba(30, 58, 47, 0.28);
  box-shadow: 0 0 0 1px rgba(30, 58, 47, 0.08);
}

.st-subscription-resume-plan:disabled {
  cursor: default;
  opacity: 0.72;
}

.st-subscription-resume-plan-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.st-subscription-resume-plan-copy strong {
  color: var(--st-charcoal);
  line-height: 1.25;
}

.st-subscription-resume-plan-copy span,
.st-subscription-webhook-note {
  color: var(--st-text-secondary);
  line-height: 1.45;
}

.st-subscription-resume-plan-price {
  color: var(--st-forest-green);
  flex: 0 0 auto;
  font-weight: 800;
  white-space: nowrap;
}

.st-subscription-webhook-note {
  font-size: 0.88rem;
  margin: 0;
}

.st-subscription-lifecycle-dialog.is-destructive {
  border-top: 4px solid var(--status-error-text);
}

.st-subscription-lifecycle-dialog.is-destructive .st-card-kicker {
  color: var(--status-error-text);
}

.st-stripe-embedded-container {
  background: var(--st-surface);
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
  max-width: 100%;
  min-height: 640px;
  min-width: 0;
  overflow: hidden;
  width: 100%;
}

.st-stripe-embedded-container iframe {
  display: block;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.st-stripe-embedded-container-workspace {
  border: 0;
  border-radius: 0;
  flex: 1 1 auto;
  height: 100%;
  margin: 0 auto;
  max-width: min(960px, 100%);
  max-height: 100%;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: clamp(16px, 3vw, 32px);
  padding-bottom: calc(clamp(16px, 3vw, 32px) + env(safe-area-inset-bottom, 0px));
  width: 100%;
}

.st-stripe-embedded-container-workspace > * {
  max-width: 100%;
  min-width: 0;
}

.st-stripe-payment-onboarding-inline {
    display: grid;
    gap: var(--st-space-md);
  }
  
.st-stripe-account-management-inline {
    display: grid;
    gap: var(--st-space-md);
  }
  
.st-stripe-connect-surface-inline {
    display: grid;
    gap: var(--st-space-md);
  }

.st-stripe-notification-banner-inline {
    display: grid;
    gap: var(--st-space-md);
  }

.st-stripe-notification-banner-container {
  background: transparent;
  border: 0;
  border-radius: 0;
  min-height: 0;
  padding: 0;
}

.st-stripe-notification-empty-state {
    margin-top: var(--st-space-sm);
  }
  
.st-stripe-embedded-container-inline {
    min-height: min(760px, 72vh);
    padding: clamp(12px, 2vw, 24px);
  }

.st-stripe-embedded-container-inline.st-stripe-account-management-container {
    min-height: min(840px, 76vh);
  }

.st-stripe-embedded-container-inline.st-stripe-connect-surface-container {
    min-height: min(840px, 76vh);
  }

.st-stripe-embedded-container.is-hidden {
  display: none;
}

.st-members-settings-card {
  display: grid;
  gap: var(--st-space-md);
}

.st-crews-settings-card,
.st-crews-detail-card {
  display: grid;
  gap: var(--st-space-md);
}

.st-crews-detail-header,
.st-crews-detail-actions,
.st-crews-assign-shell {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: var(--st-space-md);
  justify-content: space-between;
}

.st-crews-assign-shell .st-field {
  flex: 1 1 320px;
  min-width: 240px;
}

.st-crews-help-copy {
  color: var(--st-text-secondary);
  margin: 0;
}

.st-crew-muted {
  color: var(--st-text-secondary);
}

.st-members-dialog .e-dlg-content {
  padding: 0;
}

.st-members-dialog.e-dialog,
.st-branding-editor-dialog.e-dialog {
  max-width: calc(100vw - 24px);
}

.st-members-dialog-header {
  display: grid;
  gap: 4px;
}

.st-members-dialog-header p,
.st-members-dialog-shell p {
  color: var(--st-text-secondary);
  margin: 0;
}

.st-members-dialog-shell {
  display: grid;
  gap: var(--st-space-md);
  min-width: 0;
  padding: 0 20px 20px;
}

.st-members-dialog-shell p,
.st-members-dialog-shell span,
.st-members-dialog-shell strong {
  overflow-wrap: anywhere;
}

.st-settings-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--st-space-sm);
}

.st-workspace-section-heading {
  align-items: center;
  display: flex;
  gap: var(--st-space-md);
  justify-content: space-between;
  margin-bottom: var(--st-space-md);
}

.st-workspace-section-heading .st-card-kicker {
  margin-bottom: 0;
}

.st-empty-state {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--st-space-sm);
}

.st-services-heading-copy {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.st-services-heading-copy h3 {
  margin: 0;
}

.st-services-heading-actions {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.st-inline-action-menu {
  position: relative;
}

.st-inline-action-menu-backdrop {
  background: transparent;
  border: 0;
  inset: 0;
  padding: 0;
  position: fixed;
  z-index: 0;
}

.st-inline-action-menu-toggle {
  position: relative;
  z-index: 1;
}

.st-inline-action-menu-popover {
  background: var(--st-surface);
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
  box-shadow: var(--st-shadow-md);
  display: grid;
  gap: 4px;
  min-width: 184px;
  padding: 8px;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 2;
}

.st-inline-action-menu-item {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--st-radius-button);
  color: var(--st-text-primary);
  cursor: pointer;
  display: inline-flex;
  font-weight: 700;
  justify-content: flex-start;
  min-height: 46px;
  padding: 0 12px;
  text-align: left;
}

.st-inline-action-menu-item:hover:not(:disabled) {
  background: var(--st-hover-bg);
  border-color: rgba(30, 58, 47, 0.14);
  color: var(--st-forest-green);
}

.st-inline-action-menu-item:disabled {
  color: var(--st-text-secondary);
  cursor: default;
  opacity: 0.72;
}

.st-quote-item-divider {
  border-top: 1px solid var(--st-border-soft);
  display: grid;
  gap: var(--st-space-sm);
  margin-top: var(--st-space-lg);
  padding-top: var(--st-space-lg);
}

.st-quote-item-divider .st-card-kicker {
  margin-bottom: 0;
}

.st-quote-item-divider p:not(.st-card-kicker) {
  color: var(--st-text-secondary);
}

.st-quote-minimum-inline {
  align-items: start;
  gap: 12px;
}

.st-quote-minimum-inline-copy {
  display: grid;
  gap: 6px;
}

.st-quote-minimum-inline-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
}

.st-workspace-checkbox {
  align-items: flex-start;
  color: var(--st-text-primary);
  display: flex;
  gap: 10px;
  line-height: 1.5;
}

.st-workspace-checkbox input {
  margin-top: 3px;
}

.st-workspace-checkbox input:disabled,
.st-workspace-checkbox input:disabled + span {
  opacity: 0.72;
}

.st-service-card {
  display: flex;
  flex-direction: column;
  gap: var(--st-space-md);
}

.st-service-card h3 {
  margin: 0;
}

.st-service-card-header {
  align-items: flex-start;
  display: flex;
  gap: var(--st-space-md);
  justify-content: space-between;
}

.st-service-card-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.st-service-card-caption {
  color: var(--st-text-secondary);
  margin: 0;
}

.st-service-card-amount {
  color: var(--st-forest-green);
  font-size: 1rem;
  line-height: 1.2;
  white-space: nowrap;
}

.st-service-card-amount.is-negative {
  color: var(--st-chainsaw-orange);
}

.st-service-card-amount.is-positive {
  color: var(--st-forest-green);
}

.st-service-card-details {
  color: var(--st-text-secondary);
  display: grid;
  gap: 6px;
}

.st-service-card-details p {
  margin: 0;
}

.st-adjustment-card {
  background: linear-gradient(180deg, rgba(251, 252, 252, 0.98) 0%, rgba(247, 249, 248, 0.98) 100%);
}

.st-quote-summary-list {
  display: grid;
  gap: 12px;
}

.st-quote-summary-breakdown {
  border-bottom: 1px dashed var(--st-border-soft);
  border-top: 1px dashed var(--st-border-soft);
  display: grid;
  gap: 10px;
  margin: 4px 0;
  padding: 12px 0;
}

.st-quote-summary-row {
  align-items: start;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.st-quote-summary-row span {
  color: var(--st-text-secondary);
}

.st-quote-summary-row strong {
  line-height: 1.3;
  text-align: right;
}

.st-quote-deposit-activity-disclosure {
  border-top: 1px solid var(--st-border-soft);
  display: grid;
  gap: 12px;
  padding-top: 12px;
}

.st-quote-deposit-activity-disclosure summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  list-style: none;
}

.st-quote-deposit-activity-disclosure summary::-webkit-details-marker {
  display: none;
}

.st-quote-deposit-activity-summary {
  color: var(--st-text-secondary);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.st-cancellation-dialog {
  max-width: min(520px, calc(100% - 32px));
}

.st-cancellation-choice-list {
  display: grid;
  gap: 12px;
}

.st-cancellation-choice {
  background: linear-gradient(180deg, rgba(251, 252, 252, 0.98) 0%, rgba(247, 249, 248, 0.98) 100%);
  border: 1px solid var(--st-border-soft);
  cursor: pointer;
  padding: 16px;
  text-align: left;
  width: 100%;
}

.st-cancellation-choice strong {
  color: var(--st-text-primary);
  display: block;
  line-height: 1.3;
}

.st-cancellation-choice p {
  color: var(--st-text-secondary);
  margin: 6px 0 0;
}

.st-cancellation-choice.is-selected {
  border-color: rgba(30, 58, 47, 0.28);
  box-shadow: 0 0 0 1px rgba(30, 58, 47, 0.08);
}

.st-cancellation-choice:disabled {
  cursor: default;
  opacity: 0.72;
}

.st-cancellation-suggestion,
.st-cancellation-inline-note {
  background: rgba(30, 58, 47, 0.08);
  border-radius: 14px;
  color: var(--st-text-primary);
  line-height: 1.5;
  padding: 12px 14px;
}

.st-cancellation-inline-note {
  color: var(--st-text-secondary);
}

.st-cancellation-financial-details-card {
  margin-top: 12px;
}

.st-quote-summary-row-detail span,
.st-quote-summary-row-detail strong {
  font-size: 0.95rem;
}

.st-quote-summary-row.is-final {
  border-top: 1px solid var(--st-border-soft);
  margin-top: 4px;
  padding-top: 16px;
}

.st-quote-summary-row.is-final span,
.st-quote-summary-row.is-final strong {
  color: var(--st-text-primary);
  font-size: 1.05rem;
}

.st-quote-summary-note {
  color: var(--st-text-secondary);
  line-height: 1.5;
}

.st-quote-summary-card .st-form-actions {
  justify-content: flex-start;
  margin-top: 0;
}

.st-service-picker-list {
  display: grid;
  gap: 10px;
}

.st-service-picker-item {
  width: 100%;
}

.st-service-picker-item.is-selected {
  border-color: rgba(30, 58, 47, 0.28);
  box-shadow: 0 0 0 1px rgba(30, 58, 47, 0.08);
}

.st-service-picker-item:disabled {
  cursor: default;
  opacity: 0.72;
}

.st-service-picker-badge {
  color: var(--st-text-secondary);
  font-size: 0.82rem;
  font-weight: 700;
}

.st-services-page {
  gap: var(--st-space-md);
}

.st-services-toolbar-count {
  align-items: flex-end;
  color: var(--st-text-secondary);
  display: flex;
  flex-direction: column;
  font-size: 0.82rem;
  gap: 2px;
  min-width: 112px;
}

.st-services-toolbar-count strong {
  color: var(--st-text-primary);
  font-size: 1rem;
}

.st-service-list-section.st-page-section.is-surface {
  border-color: var(--st-color-border-strong);
  box-shadow: none;
  overflow: hidden;
  padding: 0;
}

.st-service-list-section .st-page-section-content {
  border-radius: inherit;
  min-width: 0;
  overflow: hidden;
}

.st-services-grid.e-grid {
  min-width: 1080px;
}

.st-service-card-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr));
}

.st-service-list-card {
  background: var(--st-color-surface-white);
  border: 1px solid #e1e2e0;
  border-radius: var(--st-radius-md);
  box-shadow: 0 2px 10px rgba(16, 24, 40, 0.06);
  cursor: pointer;
  display: grid;
  gap: 12px;
  min-width: 0;
  overflow: hidden;
  padding: var(--st-card-padding);
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.st-service-list-card:hover {
  border-color: rgba(30, 58, 47, 0.28);
  box-shadow: 0 8px 22px rgba(16, 24, 40, 0.1);
  transform: translateY(-1px);
}

.st-service-list-card:focus-visible {
  border-color: var(--st-color-brand-primary);
  box-shadow:
    0 0 0 3px rgba(30, 58, 47, 0.14),
    0 8px 22px rgba(16, 24, 40, 0.1);
  outline: none;
}

.st-service-list-card.is-warning {
  border-color: rgba(180, 123, 10, 0.36);
}

.st-service-list-card__header,
.st-service-list-card__footer {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  min-width: 0;
}

.st-service-list-card__identity {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.st-service-list-card__identity strong {
  color: #15181c;
  font-size: 16px;
  font-weight: var(--st-font-weight-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.st-service-list-card__identity span,
.st-service-list-card__meta-item,
.st-service-list-card__default span,
.st-service-list-card__summary,
.st-service-panel-footer-copy {
  color: #69707e;
  font-size: var(--st-font-caption-size);
}

.st-service-list-card__status.st-status-pill {
  align-items: center;
  border: 0;
  flex: 0 0 auto;
  font-size: var(--st-font-overline-size);
  font-weight: var(--st-font-weight-semibold);
  justify-content: center;
  line-height: 1;
  min-height: 24px;
  padding: 0 10px;
  white-space: nowrap;
}

.st-service-list-card__divider {
  background: #ebecea;
  height: 1px;
  width: 100%;
}

.st-service-list-card__meta {
  display: grid;
  gap: 10px 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.st-service-list-card__meta-item {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  min-width: 0;
}

.st-service-list-card__meta-item .st-icon {
  color: #9ca3af;
  flex: 0 0 15px;
  height: 15px;
  width: 15px;
}

.st-service-list-card__meta-item span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.st-service-list-card__meta-item.is-muted {
  color: #9ca3af;
}

.st-service-list-card__summary {
  line-height: 1.45;
  margin: 0;
}

.st-service-list-card__default {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.st-service-list-card__default span {
  color: var(--st-color-text-muted);
  font-size: 10px;
  font-weight: var(--st-font-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.st-service-list-card__default strong {
  color: #15181c;
  font-size: 18px;
  font-weight: var(--st-font-weight-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.st-service-list-card__primary-action.st-btn {
  background: var(--st-color-surface-white);
  border-color: var(--st-color-brand-primary);
  color: var(--st-color-brand-primary);
  flex: 0 0 auto;
  font-size: var(--st-font-small-size);
  font-weight: var(--st-font-weight-medium);
  min-height: 36px;
  padding: 0 18px;
}

.st-service-list-card__primary-action.st-btn:hover:not(:disabled) {
  background: var(--st-color-brand-primary-light);
}

.st-service-empty-state {
  align-items: flex-start;
  display: grid;
  gap: var(--st-space-sm);
}

.st-service-skeleton-stack {
  padding: var(--st-space-lg);
}

.st-slide-panel.st-service-detail-panel {
  width: min(var(--st-panel-width-lg), 100vw);
}

.st-service-panel-footer-copy {
  line-height: 1.45;
  margin: 0;
  max-width: 42rem;
}

.st-service-panel-footer-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--st-space-sm);
  justify-content: flex-end;
  margin-left: auto;
}

.st-slide-panel.st-service-detail-panel .st-field {
  gap: 5px;
  min-width: 0;
}

.st-slide-panel.st-service-detail-panel .st-field label {
  color: var(--st-color-text-secondary);
  font-size: var(--st-font-caption-size);
  font-weight: var(--st-font-weight-medium);
  line-height: 1;
}

.st-service-settings-shell {
  display: grid;
  gap: var(--st-space-lg);
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
}

.st-service-settings-shell.is-single-column {
  grid-template-columns: minmax(0, 1fr);
}

.st-service-settings-list {
  display: grid;
  gap: var(--st-space-md);
}

.st-service-settings-card,
.st-service-settings-editor-card {
  display: flex;
  flex-direction: column;
  gap: var(--st-space-md);
}

.st-service-settings-card.is-selected {
  border-color: rgba(30, 58, 47, 0.24);
  box-shadow: 0 0 0 1px rgba(30, 58, 47, 0.08);
}

.st-service-settings-card-header,
.st-service-settings-editor-heading {
  align-items: flex-start;
  display: flex;
  gap: var(--st-space-md);
  justify-content: space-between;
}

.st-service-panel-section {
  display: flex;
  flex-direction: column;
  gap: var(--st-space-md);
}

.st-service-panel-section + .st-service-panel-section {
  border-top: 1px solid var(--st-border-soft);
  padding-top: var(--st-space-lg);
}

.st-service-panel-section .st-service-settings-editor-heading h2 {
  color: var(--st-color-text-secondary);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}

.st-service-method-panel-stack {
  display: grid;
  gap: var(--st-space-md);
}

.st-service-method-builder-cta {
  gap: 10px;
  justify-content: space-between;
  min-height: 56px;
  padding: 0 18px;
  width: 100%;
}

.st-service-method-builder-cta .st-icon {
  height: 18px;
  width: 18px;
}

.st-service-method-row-list {
  display: grid;
  gap: 10px;
}

.st-service-method-row {
  align-items: center;
  background: #f4f8f6;
  border: 1px solid rgba(30, 58, 47, 0.1);
  border-radius: 12px;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  min-width: 0;
  padding: 14px 16px;
  transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.st-service-method-row:hover,
.st-service-method-row:focus-within {
  background: #eef6f2;
  border-color: rgba(30, 58, 47, 0.18);
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.05);
}

.st-service-method-row.is-default {
  border-color: rgba(30, 58, 47, 0.22);
}

.st-service-method-row-main {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: grid;
  gap: 12px;
  grid-template-columns: auto minmax(0, 1fr);
  min-width: 0;
  padding: 0;
  text-align: left;
}

.st-service-method-row-main:disabled {
  cursor: wait;
}

.st-service-method-row-icon {
  align-items: center;
  background: var(--st-forest-green);
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.st-service-method-row-icon .st-icon {
  height: 18px;
  width: 18px;
}

.st-service-method-row-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.st-service-method-row-copy strong,
.st-service-method-row-copy span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.st-service-method-row-copy strong {
  color: var(--st-text-primary);
  font-size: 0.98rem;
}

.st-service-method-row-copy span {
  color: var(--st-text-secondary);
  font-size: 0.84rem;
}

.st-service-method-row-states {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.st-service-method-secondary-pill {
  background: #f3f4f6;
  color: var(--st-text-secondary);
}

.st-service-method-badge {
  border: 1px solid rgba(17, 24, 39, 0.14);
}

.st-service-method-badge.st-status-success {
  border-color: rgba(22, 101, 52, 0.34);
}

.st-service-method-badge.st-status-warning {
  border-color: rgba(180, 83, 9, 0.34);
}

.st-service-method-badge.st-status-info {
  border-color: rgba(37, 99, 235, 0.28);
}

.st-service-method-row-action-toggle {
  background: rgba(255, 255, 255, 0.82);
}

.st-service-panel-footer-more-toggle {
  gap: 8px;
}

.st-service-panel-footer-more-toggle .st-icon {
  height: 16px;
  width: 16px;
}

.st-service-panel-footer-more-item {
  font-size: var(--st-font-small-size);
}

.st-service-panel-footer-more-item.is-danger {
  color: var(--st-color-danger);
}

.st-service-panel-footer-more-item.is-danger:hover {
  background: var(--st-color-danger-surface);
  border-color: rgba(185, 28, 28, 0.16);
  color: var(--st-color-danger);
}

.st-payment-capability-stack {
  display: grid;
  gap: var(--st-space-md);
}

.st-payment-capability-details {
  display: grid;
  gap: var(--st-space-md);
}

.st-payment-hero {
  align-items: start;
  background: #f3f7f5;
  border: 1px solid rgba(30, 58, 47, 0.22);
  border-radius: 8px;
  box-shadow: none;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr);
  overflow: hidden;
  padding: clamp(36px, 5vw, 64px) clamp(28px, 6vw, 80px);
}

.st-payment-hero.is-warning {
  background: #f3f7f5;
  border-color: rgba(180, 83, 9, 0.28);
}

.st-payment-hero.is-success {
  background: #f3f7f5;
  border-color: rgba(30, 58, 47, 0.26);
}

.st-payment-hero.is-info {
  background: #f3f7f5;
  border-color: rgba(51, 65, 85, 0.22);
}

.st-payment-hero.is-active {
  padding: clamp(40px, 5vw, 68px) clamp(30px, 6vw, 84px);
}

.st-payment-hero-copy {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.st-payment-hero-eyebrow {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.st-payment-hero-copy .st-card-kicker {
  color: var(--st-forest-green);
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  margin: 0;
}

.st-payment-hero-heading-row {
  align-items: start;
  display: grid;
  gap: 14px;
  justify-items: start;
}

.st-payment-hero h2 {
  color: #1f2937;
  font-size: 2.55rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.14;
  margin: 0;
  max-width: 760px;
}

.st-payment-hero-copy p:not(.st-card-kicker) {
  color: #26405f;
  font-size: 1.08rem;
  line-height: 1.55;
  margin: 0;
  max-width: 780px;
}

.st-payment-hero-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
  min-width: 0;
}

.st-payment-hero-primary {
  min-height: 48px;
  padding-inline: 22px;
}

.st-service-settings-card-copy {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.st-service-settings-copy {
  color: var(--st-text-secondary);
  margin: 0;
}

.st-service-settings-meta {
  color: var(--st-text-secondary);
  display: grid;
  gap: 6px;
}

.st-service-settings-meta p,
.st-service-settings-readonly-panel p {
  margin: 0;
}

.st-service-settings-readonly {
  background: #fbfcfc;
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-button);
  display: grid;
  gap: 4px;
  min-height: 44px;
  padding: 10px 12px;
}

.st-service-settings-readonly span,
.st-service-settings-readonly-panel,
.st-service-settings-readonly-panel p {
  color: var(--st-text-secondary);
}

.st-service-settings-readonly-panel {
  background: #fbfcfc;
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-button);
  display: grid;
  gap: 6px;
  padding: 12px 14px;
}

.st-service-settings-toggle {
  margin-bottom: var(--st-space-md);
}

.st-service-settings-toggle-label {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  font-weight: 600;
}

.st-settings-page .st-service-settings-toggle-label,
.st-workspace-root .st-service-settings-toggle-label,
.st-members-dialog .st-service-settings-toggle-label,
.st-service-settings-dialog .st-service-settings-toggle-label {
  color: var(--st-color-text-secondary);
  font-size: var(--st-font-caption-size);
  font-weight: var(--st-font-weight-medium);
  line-height: 1;
}

.st-service-settings-editor-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.st-service-settings-dialog {
  display: grid;
  gap: var(--st-space-md);
  max-height: min(92vh, 1080px);
  max-width: 1240px;
  overflow: auto;
  width: min(1240px, calc(100vw - 32px));
}

.st-service-settings-dialog .st-card {
  box-shadow: none;
}

.st-service-settings-dialog-toolbar {
  align-items: flex-start;
  display: flex;
  gap: var(--st-space-md);
  justify-content: space-between;
}

.st-service-settings-dialog-toolbar h3,
.st-service-settings-dialog-toolbar p {
  margin: 0;
}

.st-service-settings-dialog-toolbar > div {
  display: grid;
  gap: 6px;
}

.st-service-settings-dialog-stack {
  display: grid;
  gap: var(--st-space-md);
}

.st-workspace-root .st-service-settings-list,
.st-workspace-root .st-service-workspace-tab-panel,
.st-workspace-root .st-service-settings-editor-card,
.st-workspace-root .st-service-settings-readonly-panel,
.st-workspace-root .st-pricing-builder-workspace-view,
.st-workspace-root .st-pricing-builder-page,
.st-workspace-root .st-pricing-builder-canvas,
.st-workspace-root .st-pricing-builder-panel,
.st-workspace-root .st-pricing-builder-panel-body,
.st-workspace-root .st-pricing-builder-library-item,
.st-workspace-root .st-pricing-builder-step,
.st-workspace-root .st-pricing-formula-dialog-shell,
.st-workspace-root .st-pricing-formula-tab-panel,
.st-workspace-root .st-pricing-formula-box {
  max-width: 100%;
  min-width: 0;
}

.st-workspace-root .st-form-grid,
.st-workspace-root .st-field,
.st-workspace-root .st-validation-summary {
  min-width: 0;
}

.st-workspace-root .st-field > :is(.e-input-group, .e-control.e-textbox, .e-control.e-dropdownlist, .e-control.e-textarea, textarea) {
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.st-workspace-root .st-btn,
.st-workspace-root .e-btn.st-btn {
  max-width: 100%;
  text-align: center;
  white-space: normal;
}

.st-workspace-root :is(.st-service-settings-copy, .st-service-settings-readonly-panel, .st-grid-primary, .st-pricing-builder-library-copy, .st-pricing-builder-step-copy, .st-pricing-builder-choice-card-copy, .st-pricing-builder-formula-launch-copy, .st-pricing-builder-formula-preview-card, .st-pricing-formula-preview-formula, .st-pricing-formula-validation, .st-pricing-formula-step-item) {
  overflow-wrap: anywhere;
}

.st-service-management-heading-tools {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.st-service-management-table {
  display: grid;
  gap: 10px;
}

.st-service-management-table-header {
  border-bottom: 1px solid var(--st-border-soft);
  color: var(--st-text-secondary);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  padding: 0 0 10px;
  text-transform: uppercase;
}

.st-service-management-service-grid {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(220px, 2fr) 90px 110px minmax(150px, 1.15fr) 120px minmax(250px, 1.5fr);
}

.st-service-management-method-grid {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(220px, 2fr) 170px 110px 120px minmax(280px, 1.6fr);
}

.st-service-management-row {
  background: #fbfcfc;
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
  min-height: 78px;
  padding: 14px 16px;
}

.st-service-management-row.is-selected {
  border-color: rgba(30, 58, 47, 0.24);
  box-shadow: 0 0 0 1px rgba(30, 58, 47, 0.08);
}

.st-service-management-row.is-inactive {
  background: linear-gradient(180deg, rgba(248, 249, 250, 0.96) 0%, rgba(244, 246, 247, 0.96) 100%);
}

.st-service-management-main,
.st-service-management-stat,
.st-service-management-cell {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.st-service-management-main strong,
.st-service-management-stat strong {
  color: var(--st-text-primary);
}

.st-service-management-main span,
.st-service-management-stat span,
.st-service-management-cell span {
  color: var(--st-text-secondary);
}

.st-service-management-muted {
  color: var(--st-text-secondary);
}

.st-service-management-inline-warning {
  color: var(--status-warning-text);
  font-weight: 700;
}

.st-service-management-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.st-service-management-toggle {
  align-items: center;
  color: var(--st-text-primary);
  display: inline-flex;
  gap: 8px;
  font-weight: 700;
  white-space: nowrap;
}

.st-service-management-toggle input:disabled,
.st-service-management-toggle input:disabled + span {
  opacity: 0.72;
}

.st-service-builder-method-stack,
.st-service-builder-component-stack,
.st-service-builder-preview-lines {
  display: grid;
  gap: 12px;
}

.st-service-builder-method-card,
.st-service-builder-component-card {
  background: #fbfcfc;
  border: 1px solid var(--st-border-soft);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 14px;
}

.st-service-builder-method-card.is-selected,
.st-service-builder-component-card.is-selected {
  border-color: rgba(30, 58, 47, 0.24);
  box-shadow: 0 0 0 1px rgba(30, 58, 47, 0.08);
}

.st-service-builder-inline-actions,
.st-service-builder-method-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.st-service-builder-method-chip {
  align-items: center;
  background: #fbfcfc;
  border: 1px solid var(--st-border-soft);
  border-radius: 999px;
  color: var(--st-text-primary);
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  min-height: 38px;
  padding: 0 14px;
}

.st-service-builder-method-chip.is-selected {
  background: rgba(39, 84, 61, 0.08);
  border-color: rgba(39, 84, 61, 0.2);
}

.st-service-builder-method-badge {
  color: var(--st-text-secondary);
  font-size: 0.82rem;
  font-weight: 700;
}

.st-service-builder-preview-actions {
  justify-content: flex-start;
}

.st-service-builder-preview-total {
  align-items: baseline;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.st-service-builder-preview-total span {
  color: var(--st-text-primary);
  font-size: 1.2rem;
  font-weight: 800;
}

.st-service-builder-preview-line {
  align-items: center;
  background: #fbfcfc;
  border: 1px solid var(--st-border-soft);
  border-radius: 8px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 12px 14px;
}

.st-service-builder-preview-line > div {
  display: grid;
  gap: 4px;
}

.st-service-builder-preview-line span {
  color: var(--st-text-secondary);
}

.st-service-builder-preview-line-values {
  text-align: right;
}

.st-service-builder-validation-panel {
  border-color: rgba(193, 111, 29, 0.24);
}

.st-dynamic-service-dialog {
  display: grid;
  gap: 20px;
  grid-template-rows: auto auto minmax(0, 1fr);
  height: min(820px, calc(100dvh - 32px));
  max-height: calc(100dvh - 32px);
  max-width: 1120px;
  overflow: hidden;
  width: min(1120px, calc(100vw - 32px));
}

.st-quote-service-picker-dialog {
  max-height: min(520px, calc(100dvh - 48px));
  max-width: 480px;
  overflow: hidden;
  width: min(480px, calc(100vw - 32px));
}

.st-quote-service-picker-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

.st-quote-service-picker-dialog .st-service-picker-list {
  gap: 8px;
}

.st-quote-service-picker-dialog .st-service-picker-item {
  min-height: 48px;
  padding: 11px 12px;
}

.st-quote-service-picker-dialog .st-quote-list-item-copy {
  gap: 0;
}

.st-quote-service-picker-dialog .st-icon {
  color: var(--st-text-secondary);
  height: 18px;
  width: 18px;
}

.st-quote-service-picker-dialog .st-dynamic-service-dialog-footer {
  padding-top: 12px;
}

.st-stump-method-list .st-service-picker-item {
  min-height: 56px;
  padding: 12px 14px;
  text-align: left;
}

.st-workspace-dialog-layer.st-stump-cv-dialog-layer {
  position: fixed;
  z-index: 900;
}

.st-stump-cv-dialog {
  max-height: min(840px, calc(100dvh - 32px));
  max-width: 920px;
  overflow: hidden;
  width: min(920px, calc(100vw - 32px));
}

.st-stump-cv-upload-panel {
  background: #fbfcfc;
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-button);
  display: grid;
  gap: 10px;
  padding: 14px;
}

.st-stump-cv-upload-panel input[type="file"] {
  max-width: 100%;
  width: 100%;
}

.st-stump-cv-review {
  display: grid;
  gap: 16px;
  max-height: calc(100dvh - 250px);
  min-height: 0;
  overflow: auto;
  padding-right: 2px;
}

.st-stump-cv-measurement-panel {
  background: #fbfcfc;
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-button);
  display: grid;
  gap: 4px;
  padding: 16px;
}

.st-stump-cv-measurement-panel span {
  color: var(--st-text-secondary);
  font-size: 0.82rem;
  font-weight: 700;
}

.st-stump-cv-measurement-panel strong {
  color: var(--st-text-primary);
  font-size: 1.7rem;
  line-height: 1.15;
}

.st-stump-cv-measurement-panel p {
  color: var(--st-text-secondary);
  margin: 0;
}

.st-stump-cv-metadata-accordion {
  border-top: 1px solid var(--st-border-soft);
  display: grid;
  gap: 12px;
  padding-top: 12px;
}

.st-stump-cv-metadata-accordion summary {
  align-items: center;
  color: var(--st-action-default);
  cursor: pointer;
  display: flex;
  font-weight: 700;
  gap: 8px;
  justify-content: space-between;
  list-style: none;
}

.st-stump-cv-metadata-accordion summary::-webkit-details-marker {
  display: none;
}

.st-stump-cv-metadata-accordion summary .st-icon {
  height: 18px;
  transition: transform 0.16s ease;
  width: 18px;
}

.st-stump-cv-metadata-accordion[open] summary .st-icon {
  transform: rotate(180deg);
}

.st-stump-cv-metadata-body {
  display: grid;
  gap: 16px;
}

.st-stump-cv-image-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.st-stump-cv-image-panel {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.st-stump-cv-image-panel h4,
.st-stump-cv-image-panel p {
  margin: 0;
}

.st-stump-cv-image-panel img {
  background: #f8faf8;
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-button);
  max-height: 300px;
  object-fit: contain;
  width: 100%;
}

.st-stump-cv-result-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.st-stump-cv-result-grid > div {
  background: #fbfcfc;
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-button);
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
}

.st-stump-cv-result-grid span {
  color: var(--st-text-secondary);
  font-size: 0.8rem;
  font-weight: 700;
}

.st-stump-cv-result-grid strong {
  color: var(--st-text-primary);
  overflow-wrap: anywhere;
}

.st-quote-service-workspace-section {
  min-height: calc(100dvh - 168px);
}

.st-quote-service-workspace-page {
  display: grid;
  gap: 18px;
  min-height: calc(100dvh - 252px);
}

.st-quote-service-workspace-grid {
  min-height: 0;
}

.st-pricing-builder-page {
  display: grid;
  gap: var(--st-space-md);
  min-height: 100%;
  padding: 24px 28px 32px;
}

.st-pricing-builder-mobile-notice {
  display: none;
}

.st-pricing-builder-mobile-card {
  max-width: 760px;
}

.st-pricing-builder-mobile-card h3,
.st-pricing-builder-mobile-card p {
  margin: 0;
}

.st-pricing-builder-canvas {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(340px, 400px) minmax(0, 1fr) minmax(360px, 420px);
  margin: 0 auto;
  max-width: 1680px;
  width: 100%;
}

.st-pricing-builder-summary {
  background: linear-gradient(180deg, rgba(248, 250, 249, 0.96), rgba(255, 255, 255, 0.98));
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
  display: grid;
  gap: 12px;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 14px 16px;
}

.st-pricing-builder-summary-item {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.st-pricing-builder-summary-item span,
.st-pricing-builder-summary-item p {
  color: var(--st-text-secondary);
}

.st-pricing-builder-summary-item p,
.st-pricing-builder-summary-item strong {
  margin: 0;
}

.st-pricing-builder-panel {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 251, 250, 0.98));
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
  display: grid;
  gap: 0;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 680px;
  overflow: hidden;
}

.st-pricing-builder-panel-header {
  align-items: start;
  border-bottom: 1px solid var(--st-border-soft);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 14px 16px;
}

.st-pricing-builder-panel-header h3,
.st-pricing-builder-panel-header p {
  margin: 0;
}

.st-pricing-builder-panel-header > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.st-pricing-builder-panel-meta {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
}

.st-pricing-builder-panel-body {
  display: grid;
  gap: 12px;
  min-height: 0;
  overflow: auto;
  padding: 12px;
}

.st-pricing-builder-library-list {
  align-content: start;
}

.st-pricing-builder-library-item {
  align-items: center;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
  cursor: grab;
  display: grid;
  gap: 12px;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  padding: 10px 12px;
}

.st-pricing-builder-library-item.is-readonly {
  cursor: default;
}

.st-sortable-item-host {
  display: block;
}

.st-pricing-builder-library-icon {
  align-items: center;
  background: rgba(30, 58, 47, 0.08);
  border-radius: 6px;
  color: var(--st-forest-green);
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 800;
  height: 30px;
  justify-content: center;
  letter-spacing: 0.04em;
  width: 30px;
}

.st-pricing-builder-library-handle {
  color: var(--st-text-secondary);
  display: inline-flex;
}

.st-pricing-builder-library-add-button {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 1.25rem;
  font-weight: 600;
  justify-content: center;
  line-height: 1;
}

.st-pricing-builder-library-add-icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  line-height: 1;
  margin: 0;
  padding: 0;
  transform: none;
}

.st-pricing-builder-library-add-button:disabled {
  cursor: default;
  opacity: 0.48;
}

.st-pricing-builder-library-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.st-pricing-builder-library-copy strong,
.st-pricing-builder-library-copy span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.st-pricing-builder-library-copy span {
  color: var(--st-text-secondary);
}

.st-pricing-builder-pipeline-body {
  align-content: start;
}

.st-pricing-builder-pipeline-sortable-shell {
  display: grid;
  min-height: 280px;
  position: relative;
}

.st-pricing-builder-pipeline-placeholder {
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.st-pricing-builder-pipeline-list {
  display: grid;
  gap: 0;
}

.st-pricing-builder-drop-slot {
  background: transparent;
  border: 1px dashed transparent;
  border-radius: 999px;
  height: 10px;
  margin: 2px 6px;
  transition: background-color 0.16s ease, border-color 0.16s ease;
}

.st-pricing-builder-drop-slot.is-active {
  background: rgba(30, 58, 47, 0.1);
  border-color: rgba(30, 58, 47, 0.24);
}

.st-pricing-builder-empty-dropzone,
.st-pricing-builder-editor-empty {
  align-items: center;
  background: rgba(251, 252, 252, 0.92);
  border: 1px dashed rgba(30, 58, 47, 0.24);
  border-radius: var(--st-radius-card);
  display: grid;
  gap: 8px;
  justify-items: center;
  min-height: 280px;
  padding: 18px;
  text-align: center;
}

.st-pricing-builder-empty-dropzone h3,
.st-pricing-builder-empty-dropzone p,
.st-pricing-builder-editor-empty p {
  margin: 0;
}

.st-pricing-builder-editor-empty strong {
  color: var(--st-text-primary);
}

.st-pricing-builder-editor-empty p,
.st-pricing-builder-empty-dropzone p {
  color: var(--st-text-secondary);
  max-width: 34ch;
}

.st-pricing-builder-empty-dropzone.is-active {
  background: rgba(30, 58, 47, 0.08);
  border-color: rgba(30, 58, 47, 0.28);
}

.st-pricing-builder-step {
  align-items: center;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
  color: var(--st-text-primary);
  cursor: pointer;
  display: grid;
  gap: 12px;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  padding: 12px;
  text-align: left;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
  width: 100%;
}

.st-pricing-builder-step:hover {
  border-color: rgba(30, 58, 47, 0.18);
  transform: translateY(-1px);
}

.st-sortable-item-host.sortable-chosen .st-pricing-builder-library-item,
.st-sortable-item-host.sortable-chosen .st-pricing-builder-step,
.st-pricing-builder-library-item.sortable-chosen,
.st-pricing-builder-step.sortable-chosen {
  border-color: rgba(30, 58, 47, 0.22);
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.08);
}

.st-sortable-item-host.sortable-chosen,
.st-sortable-item-host.sortable-drag,
.st-sortable-item-host.sortable-chosen .st-pricing-builder-library-item,
.st-sortable-item-host.sortable-chosen .st-pricing-builder-step,
.st-sortable-item-host.sortable-drag .st-pricing-builder-library-item,
.st-sortable-item-host.sortable-drag .st-pricing-builder-step,
.st-pricing-builder-library-item.sortable-chosen,
.st-pricing-builder-library-item.sortable-drag,
.st-pricing-builder-step.sortable-chosen,
.st-pricing-builder-step.sortable-drag {
  cursor: grabbing;
}

.st-sortable-item-host.sortable-ghost .st-pricing-builder-library-item,
.st-sortable-item-host.sortable-ghost .st-pricing-builder-step,
.st-pricing-builder-library-item.sortable-ghost,
.st-pricing-builder-step.sortable-ghost {
  background: rgba(30, 58, 47, 0.06);
  border: 1px dashed rgba(30, 58, 47, 0.35);
  box-shadow: none;
  opacity: 0.25;
}

.st-sortable-item-host.sortable-fallback,
.st-sortable-item-host.sortable-fallback .st-pricing-builder-library-item,
.st-sortable-item-host.sortable-fallback .st-pricing-builder-step,
.st-pricing-builder-library-item.sortable-fallback,
.st-pricing-builder-step.sortable-fallback {
  opacity: 0.95;
  pointer-events: none;
}

.st-pricing-builder-step.is-selected {
  border-color: rgba(30, 58, 47, 0.28);
  box-shadow: 0 0 0 1px rgba(30, 58, 47, 0.08);
}

.st-pricing-builder-step-handle {
  color: var(--st-text-secondary);
  display: inline-flex;
}

.pricing-drag-handle {
  align-items: center;
  cursor: grab;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  touch-action: none;
}

.pricing-drag-handle:active {
  cursor: grabbing;
}

.st-pricing-builder-step-handle-icon {
  height: 16px;
  width: 16px;
}

.st-pricing-builder-step-order {
  align-items: center;
  background: rgba(30, 58, 47, 0.08);
  border-radius: 999px;
  color: var(--st-forest-green);
  display: inline-flex;
  font-size: 0.82rem;
  font-weight: 800;
  height: 28px;
  justify-content: center;
  min-width: 28px;
  padding: 0 8px;
}

.st-pricing-builder-step-copy {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.st-pricing-builder-step-heading {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.st-pricing-builder-step-heading strong,
.st-pricing-builder-step-summary span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.st-pricing-builder-step-type,
.st-pricing-builder-step-summary span {
  color: var(--st-text-secondary);
}

.st-pricing-builder-step-summary {
  display: grid;
  gap: 4px;
}

.st-pricing-builder-step-state {
  justify-self: end;
}

.st-pricing-builder-editor-grid {
  gap: 12px;
}

.st-pricing-builder-editor-toggles {
  display: grid;
  gap: 10px;
}

.st-pricing-builder-inline-toggle {
  align-items: center;
  min-height: 44px;
}

.st-pricing-builder-editor-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.st-pricing-builder-tooltip-target {
  cursor: not-allowed;
  display: inline-flex;
}

.st-pricing-builder-span-2 {
  grid-column: span 2;
}

.st-pricing-builder-choice-editor,
.st-pricing-builder-formula-launch,
.st-pricing-formula-canvas-card,
.st-pricing-formula-palette-card,
.st-pricing-formula-preview-card.is-modal,
.st-pricing-formula-simulation-card,
.st-pricing-formula-results-card,
.st-pricing-formula-settings-card {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
  display: grid;
  gap: 12px;
  padding: 14px 16px;
}

.st-pricing-builder-choice-toggle {
  min-height: 42px;
}

.st-pricing-builder-choice-list {
  display: grid;
  gap: 12px;
}

.st-pricing-builder-choice-card {
  background: rgba(248, 250, 249, 0.92);
  border: 1px solid rgba(30, 58, 47, 0.12);
  border-radius: var(--st-radius-card);
  display: grid;
  gap: 12px;
  padding: 12px 14px;
}

.st-pricing-builder-choice-card.is-expanded {
  border-color: rgba(30, 58, 47, 0.24);
}

.st-pricing-builder-choice-card-summary {
  align-items: start;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.st-pricing-builder-choice-card-copy {
  display: grid;
  gap: 4px;
}

.st-pricing-builder-choice-card-copy strong,
.st-pricing-builder-choice-card-copy span {
  margin: 0;
}

.st-pricing-builder-choice-card-copy span {
  color: var(--st-text-secondary);
}

.st-pricing-builder-choice-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.st-pricing-builder-choice-action.is-danger {
  color: var(--st-error, #b42318);
}

.st-pricing-builder-choice-action.is-danger:hover {
  color: var(--st-error, #b42318);
}

.st-pricing-builder-choice-card-body {
  border-top: 1px solid rgba(30, 58, 47, 0.12);
  display: grid;
  gap: 12px;
  padding-top: 12px;
}

.st-pricing-builder-choice-actions {
  display: flex;
  justify-content: flex-start;
}

.st-pricing-builder-choice-empty,
.st-pricing-formula-palette-empty,
.st-pricing-formula-loading {
  align-items: center;
  background: rgba(248, 250, 249, 0.92);
  border: 1px dashed rgba(30, 58, 47, 0.2);
  border-radius: var(--st-radius-card);
  color: var(--st-text-secondary);
  display: grid;
  gap: 6px;
  justify-items: center;
  min-height: 96px;
  padding: 16px;
  text-align: center;
}

.st-pricing-builder-choice-empty strong,
.st-pricing-formula-palette-empty strong {
  color: var(--st-text-primary);
}

.st-pricing-builder-choice-empty p,
.st-pricing-formula-palette-empty p,
.st-pricing-formula-loading span {
  margin: 0;
}

.st-pricing-builder-formula-launch-copy {
  display: grid;
  gap: 4px;
}

.st-pricing-builder-formula-launch-copy strong,
.st-pricing-builder-formula-launch-copy p,
.st-pricing-builder-formula-preview-card span,
.st-pricing-builder-formula-preview-card strong,
.st-pricing-builder-formula-preview-card p {
  margin: 0;
}

.st-pricing-builder-formula-preview-card {
  background: rgba(248, 250, 249, 0.92);
  border: 1px solid rgba(30, 58, 47, 0.12);
  border-radius: var(--st-radius-card);
  display: grid;
  gap: 6px;
  padding: 12px 14px;
}

.st-pricing-builder-formula-preview-card span {
  color: var(--st-text-secondary);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.st-pricing-builder-formula-preview-card strong {
  color: var(--st-forest-green);
}

.st-pricing-builder-formula-preview-card p {
  color: var(--st-text-secondary);
}

.st-pricing-formula-dialog.e-dialog {
  border-radius: 12px;
  max-width: calc(100vw - 48px);
  overflow: hidden;
}

.st-pricing-formula-dialog .e-dlg-header-content,
.st-pricing-formula-dialog .e-footer-content,
.st-pricing-formula-dialog .e-dlg-content {
  padding: 0;
}

.st-pricing-formula-dialog-header {
  background: #fafafa;
  border-bottom: 1px solid #e5e7eb;
  display: grid;
  gap: 6px;
  padding: 16px 20px;
}

.st-pricing-formula-dialog-header strong,
.st-pricing-formula-dialog-header p {
  margin: 0;
}

.st-pricing-formula-dialog-shell {
  background: #fff;
}

.st-pricing-formula-tabset.e-tab {
  background: transparent;
}

.st-pricing-formula-tabset.e-tab > .e-tab-header {
  background: transparent;
  border-bottom: 1px solid #e5e7eb;
  min-height: auto;
  padding: 0 20px;
}

.st-pricing-formula-tabset.e-tab > .e-tab-header .e-toolbar-items {
  gap: 18px;
}

.st-pricing-formula-tabset.e-tab > .e-tab-header .e-toolbar-item {
  margin: 0;
}

.st-pricing-formula-tabset.e-tab > .e-tab-header .e-toolbar-item .e-tab-wrap {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #6b7280;
  font-weight: 650;
  min-height: 44px;
  padding: 0;
}

.st-pricing-formula-tabset.e-tab > .e-tab-header .e-toolbar-item .e-tab-text {
  color: inherit;
  font-size: 13px;
  line-height: 1.2;
}

.st-pricing-formula-tabset.e-tab > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
  color: #1e3a2f;
}

.st-pricing-formula-tabset.e-tab > .e-tab-header .e-indicator {
  background: #1e3a2f;
  height: 2px;
}

.st-pricing-formula-tabset.e-tab > .e-content,
.st-pricing-formula-tabset.e-tab > .e-content .e-item {
  background: transparent;
}

.st-pricing-formula-tabset.e-tab > .e-content .e-item {
  padding: 16px 20px 0;
}

.st-pricing-formula-tab-panel {
  display: grid;
  gap: 14px;
}

.st-pricing-formula-box {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}

.st-pricing-formula-mobile-menu {
  display: none;
}

.st-pricing-formula-canvas {
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  min-height: 100px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 12px;
  position: relative;
}

.st-pricing-formula-track {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  min-height: 76px;
  min-width: max-content;
}

.st-pricing-formula-placeholder {
  color: #9ca3af;
  font-size: 13px;
}

.st-pricing-formula-token,
.st-pricing-formula-token-children,
.st-pricing-formula-token-label {
  flex-shrink: 0;
  white-space: nowrap;
}

.st-pricing-formula-token {
  align-items: center;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  display: inline-flex;
  gap: 6px;
  font-size: 12px;
  font-weight: 650;
  min-height: 28px;
  padding: 5px 8px;
  vertical-align: middle;
}

.st-pricing-formula-token-operation {
  background: #fff3e8;
  border-color: #ffd6b0;
  color: #b45309;
  gap: 5px;
  padding: 4px 7px 4px 9px;
}

.st-pricing-formula-token-value {
  background: #e8f1ff;
  border-color: #bfd6ff;
  color: #1d4ed8;
}

.st-pricing-formula-token-constant {
  background: #f3f4f6;
  border-color: #d4d7dd;
  color: var(--st-action-default);
}

.st-pricing-formula-token-label {
  font-size: 12px;
  font-weight: 800;
}

.st-pricing-formula-token-children {
  align-items: center;
  background: rgba(255, 255, 255, 0.6);
  border: 1px dashed rgba(180, 83, 9, 0.25);
  border-radius: 999px;
  display: inline-flex;
  gap: 5px;
  min-height: 22px;
  min-width: 58px;
  padding: 2px;
}

.st-pricing-formula-token-children.is-hover {
  background: #fff7ed;
  border-color: #b45309;
}

.st-pricing-formula-empty-slot {
  color: #b45309;
  font-size: 12px;
  font-weight: 650;
  opacity: 0.55;
  padding: 3px 6px;
}

.st-pricing-formula-token-remove {
  align-items: center;
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-weight: 800;
  justify-content: center;
  min-height: 24px;
  min-width: 24px;
  opacity: 0.58;
  padding: 0;
}

.st-pricing-formula-token-remove:hover {
  opacity: 1;
}

.st-pricing-formula-split {
  display: flex;
  height: 232px;
}

.st-pricing-formula-menu {
  display: flex;
  flex-direction: column;
  background: #f9fafb;
  border-right: 1px solid #e5e7eb;
  padding: 8px 0;
  width: 150px;
}

.st-pricing-formula-menu-item {
  align-items: center;
  background: transparent;
  border: 0;
  box-sizing: border-box;
  color: #1f2937;
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: 13px;
  justify-content: space-between;
  padding: 9px 14px;
  text-align: left;
  width: 100%;
}

.st-pricing-formula-menu-item:hover {
  background: #e7efe9;
  color: #173226;
}

.st-pricing-formula-menu-item.is-active {
  background: #d3e0d8;
  box-shadow: inset 3px 0 0 #1e3a2f;
  color: #1e3a2f;
  font-weight: 750;
}

.st-pricing-formula-menu-item small {
  color: inherit;
  font-size: 12px;
}

.st-pricing-formula-panel {
  align-content: start;
  display: grid;
  flex: 1;
  gap: 4px;
  grid-auto-rows: max-content;
  overflow-y: auto;
  padding: 12px;
}

.st-pricing-formula-palette-row {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: #1f2937;
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: 13px;
  gap: 8px;
  justify-content: space-between;
  margin: 0;
  min-height: 38px;
  padding: 7px 9px;
  text-align: left;
}

.st-pricing-formula-palette-row:hover {
  background: #f3f4f6;
}

.st-pricing-formula-palette-row-main {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  min-width: 0;
}

.st-pricing-formula-palette-label {
  font-weight: 650;
}

.st-pricing-formula-operation-icon {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: currentColor;
  display: inline-flex;
  flex: 0 0 auto;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.st-pricing-formula-operation-icon-svg {
  height: 14px;
  stroke-width: 2;
  width: 14px;
}

.st-pricing-formula-operation-icon-token {
  height: 22px;
  width: 22px;
}

.st-pricing-formula-palette-row small {
  color: #6b7280;
  font-size: 11px;
  margin-left: auto;
}

.st-pricing-formula-custom-number {
  align-items: end;
  border-top: 1px solid #e5e7eb;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: 8px;
  padding-top: 12px;
}

.st-pricing-formula-hint {
  background: #eef5f1;
  border: 1px solid #d7e6dc;
  border-radius: 8px;
  color: #1e3a2f;
  font-size: 12px;
  line-height: 1.4;
  margin: 0;
  padding: 10px 12px;
}

.st-pricing-formula-preview {
  background: #fafafa;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  display: grid;
  gap: 8px;
  padding: 12px;
}

.st-pricing-formula-preview.is-tab-card {
  margin: 0;
}

.st-pricing-formula-preview-title {
  color: #6b7280;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.st-pricing-formula-preview-formula {
  color: #1e3a2f;
  font-size: 14px;
  font-weight: 750;
  overflow-wrap: anywhere;
}

.st-pricing-formula-validation {
  color: #6b7280;
  font-size: 12px;
  margin: 0;
}

.st-pricing-formula-validation.is-error {
  color: #b91c1c;
}

.st-pricing-formula-test-grid {
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.st-pricing-formula-result-total {
  align-items: baseline;
  background: transparent;
  border: 0;
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  padding: 0;
}

.st-pricing-formula-result-total span {
  color: #6b7280;
}

.st-pricing-formula-result-total strong {
  color: #1e3a2f;
  font-size: 14px;
  font-weight: 750;
}

.st-pricing-formula-step-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.st-pricing-formula-step-item {
  align-items: start;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 12px;
}

.st-pricing-formula-step-item span {
  color: #6b7280;
  display: block;
  margin-top: 4px;
}

.st-pricing-formula-settings-grid {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

.st-pricing-formula-settings-toggle {
  min-height: 44px;
}

.st-pricing-formula-settings-note {
  background: #fafafa;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: #1f2937;
  margin-top: 14px;
  padding: 12px;
}

.st-pricing-formula-settings-note p,
.st-pricing-formula-settings-note strong {
  margin: 0;
}

.st-pricing-formula-settings-note p {
  color: #6b7280;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 6px;
}

.st-pricing-formula-dialog-actions {
  border-top: 1px solid #e5e7eb;
  padding: 16px 20px 20px;
}

.st-pricing-formula-category-tabset.e-tab {
  background: #f9fafb;
}

.st-pricing-formula-category-tabset.e-tab > .e-tab-header {
  background: transparent;
  border-bottom: 1px solid #e5e7eb;
  min-height: auto;
  padding: 0 12px;
}

.st-pricing-formula-category-tabset.e-tab > .e-tab-header .e-toolbar-items {
  gap: 16px;
}

.st-pricing-formula-category-tabset.e-tab > .e-tab-header .e-toolbar-item {
  margin: 0;
}

.st-pricing-formula-category-tabset.e-tab > .e-tab-header .e-toolbar-item .e-tab-wrap {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #5b675f;
  font-weight: 700;
  min-height: 42px;
  padding: 0;
}

.st-pricing-formula-category-tabset.e-tab > .e-tab-header .e-toolbar-item .e-tab-text {
  color: inherit;
  font-size: 12px;
  line-height: 1.2;
}

.st-pricing-formula-category-tabset.e-tab > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
  color: #1e3a2f;
}

.st-pricing-formula-category-tabset.e-tab > .e-tab-header .e-indicator {
  background: #1e3a2f;
  height: 2px;
}

.st-pricing-formula-category-tabset.e-tab > .e-content {
  display: none;
}

@media (max-width: 1499px) {
  .st-pricing-builder-canvas {
    grid-template-columns: minmax(320px, 360px) minmax(0, 1fr) minmax(320px, 380px);
  }
}

@media (max-width: 1179px) {
  .st-pricing-builder-mobile-notice {
    display: none;
  }

  .st-pricing-builder-canvas {
    grid-template-columns: minmax(0, 1fr);
    margin-left: auto;
    margin-right: auto;
    max-width: 860px;
  }

  .st-pricing-builder-choice-card-summary,
  .st-pricing-formula-test-grid,
  .st-pricing-formula-custom-number {
    grid-template-columns: minmax(0, 1fr);
  }

  .st-pricing-builder-panel {
    min-height: 0;
  }

  .st-pricing-builder-panel-body {
    overflow: visible;
  }

  .st-pricing-builder-pipeline-sortable-shell {
    min-height: 220px;
  }

  .st-pricing-builder-empty-dropzone,
  .st-pricing-builder-editor-empty {
    min-height: 220px;
  }

  .st-pricing-builder-span-2 {
    grid-column: auto;
  }

  .st-pricing-builder-choice-card-actions {
    justify-content: flex-start;
  }

  .st-pricing-formula-dialog.e-dialog {
    border-radius: 0;
    height: 100dvh !important;
    margin: 0;
    max-height: none !important;
    max-width: 100vw;
    width: 100vw !important;
  }

  .st-pricing-formula-dialog-shell {
    min-height: calc(100dvh - 116px);
  }

  .st-pricing-formula-dialog .e-dlg-content {
    max-height: calc(100dvh - 148px);
    overflow: auto;
  }

  .st-pricing-formula-tabset.e-tab > .e-tab-header {
    overflow-x: auto;
    padding: 0 16px;
  }

  .st-pricing-formula-tabset.e-tab > .e-content .e-item {
    padding: 16px 16px 0;
  }

  .st-pricing-formula-mobile-menu {
    display: block;
  }

  .st-pricing-formula-split {
    display: block;
    height: auto;
  }

  .st-pricing-formula-menu {
    display: none;
  }

  .st-pricing-formula-panel {
    max-height: none;
    overflow: visible;
  }
}

.st-dynamic-service-dialog h4 {
  margin: 0;
}

.st-dynamic-service-dialog-header {
  display: grid;
  gap: 6px;
}

.st-dynamic-service-dialog-header p {
  margin: 0;
}

.st-dynamic-service-dialog-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
}

.st-dynamic-service-dialog-main,
.st-dynamic-service-dialog-aside {
  display: grid;
  gap: 16px;
  min-height: 0;
}

.st-dynamic-service-dialog-picker-shell,
.st-dynamic-service-dialog-grid-form {
  min-height: 0;
}

.st-service-builder-picker-card,
.st-service-builder-form-card,
.st-service-builder-preview-card {
  display: grid;
  gap: 16px;
  height: 100%;
  min-height: 0;
}

.st-service-builder-picker-card,
.st-service-builder-form-card {
  grid-template-rows: auto minmax(0, 1fr);
}

.st-quote-service-workspace-view .st-service-builder-form-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: var(--st-space-lg);
}

.st-service-builder-preview-card {
  grid-template-rows: auto auto auto minmax(0, 1fr);
}

.st-service-builder-picker-list,
.st-service-builder-form-body,
.st-service-builder-preview-detail-scroll {
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}

.st-service-builder-inline-total {
  align-items: center;
  border-top: 1px solid var(--st-border-soft);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 4px;
  padding-top: 16px;
}

.st-service-builder-inline-total span {
  color: var(--st-text-secondary);
  font-size: 0.82rem;
  font-weight: 800;
  text-transform: uppercase;
}

.st-service-builder-inline-total strong {
  color: var(--st-text-primary);
  font-size: 1.35rem;
  font-weight: 900;
  line-height: 1.1;
  text-align: right;
}

.st-service-builder-inline-total .st-service-builder-total-skeleton {
  display: block;
  height: 22px;
  margin-top: 0;
  width: 96px;
}

.st-service-builder-form-header {
  align-items: stretch;
  border-bottom: 1px solid var(--st-border-soft);
  display: flex;
  padding-bottom: 20px;
}

.st-service-builder-form-header-controls {
  align-items: flex-end;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  width: 100%;
}

.st-service-builder-form-card .st-field {
  gap: 5px;
}

.st-service-builder-form-card .st-field label {
  color: var(--st-color-text-secondary);
  font-size: var(--st-font-caption-size);
  font-weight: var(--st-font-weight-medium);
  line-height: 1;
}

.st-service-builder-method-field {
  flex: 0 1 240px;
  margin: 0 0 0 auto;
  max-width: 240px;
  min-width: 220px;
}

.st-quote-service-builder-cv-action {
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
  flex: 0 0 auto;
  font-weight: 600;
  height: 42px;
  margin: 0;
  min-width: 180px;
  padding-inline: 12px;
  white-space: nowrap;
}

.st-service-builder-method-field label {
  display: block;
  margin-bottom: 0;
}

.st-service-builder-preview-summary,
.st-service-builder-preview-message-list {
  display: grid;
  gap: 10px;
}

.st-service-builder-preview-status-row {
  display: grid;
  gap: 12px;
}

.st-service-builder-preview-message-list p {
  margin: 0;
}

.st-service-builder-preview-details {
  border-top: 1px solid var(--st-border-soft);
  min-height: 0;
  padding-top: 12px;
}

.st-service-builder-preview-details summary {
  cursor: pointer;
  font-weight: 700;
}

.st-dynamic-service-dialog-footer {
  border-top: 1px solid var(--st-border-soft);
  margin-top: 0;
  padding-top: 16px;
}

.st-service-selected-name {
  font-weight: 700;
  margin: 0;
}

.st-settings-page .st-service-settings-card-copy {
  align-content: start;
  gap: 8px;
}

.st-settings-page .st-card .st-card-kicker,
.st-settings-page .st-card > .st-service-settings-card-copy > :is(h2, h3, h4),
.st-settings-page .st-card > .st-service-settings-card-header .st-service-settings-card-copy > :is(h2, h3, h4),
.st-settings-page .st-card .st-payment-card-copy > :is(h2, h3),
.st-settings-page .st-card .st-subscription-upgrade-copy h3 {
  color: var(--st-color-text-primary);
  font-family: var(--st-font-family);
  font-size: var(--st-font-body-lg-size);
  font-weight: var(--st-font-weight-semibold);
  letter-spacing: 0;
  line-height: var(--st-line-height-tight);
  margin: 0;
  text-transform: none;
}

.st-settings-page .st-service-settings-copy {
  line-height: 1.45;
  margin: 0;
  max-width: 62ch;
}

.st-notification-settings-card {
  display: grid;
  gap: var(--st-space-lg);
}

.st-notification-settings-toolbar {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: var(--st-space-lg);
  justify-content: space-between;
}

.st-notification-settings-actions {
  margin-left: auto;
  margin-top: 0;
}

.st-notification-settings-footer {
  align-items: center;
  border-top: 1px solid var(--st-border-soft);
  display: flex;
  flex-wrap: wrap;
  gap: var(--st-space-md);
  justify-content: flex-end;
  padding-top: var(--st-space-md);
}

.st-notification-settings-save-state {
  align-items: center;
  display: inline-flex;
  flex: 1 1 auto;
  gap: 8px;
  justify-content: flex-end;
  min-width: 0;
  text-align: right;
}

.st-notification-settings-save-state span {
  color: var(--st-text-secondary);
  font-size: 0.95rem;
  font-weight: 700;
}

.st-notification-settings-save-state.is-success span {
  color: var(--status-success-text);
}

.st-notification-settings-save-state.is-warning span {
  color: var(--status-warning-text);
}

.st-notification-settings-save-state.is-error span {
  color: var(--status-error-text);
}

.st-notification-settings-table-wrap {
  overflow-x: auto;
}

.st-notification-settings-table {
  background: #fff;
  border: 1px solid var(--st-border-soft);
  border-collapse: separate;
  border-radius: var(--st-radius-card);
  border-spacing: 0;
  overflow: hidden;
  width: 100%;
}

.st-notification-settings-table th,
.st-notification-settings-table td {
  border-bottom: 1px solid var(--st-border-soft);
  padding: 12px 14px;
  text-align: left;
  vertical-align: middle;
}

.st-notification-settings-table thead th {
  background: #fbfcfc;
  color: var(--st-text-secondary);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.st-notification-settings-table tbody th {
  color: var(--st-color-text-primary);
  font-size: 0.95rem;
  font-weight: 600;
  min-width: 180px;
}

.st-notification-settings-table td {
  width: 120px;
}

.st-notification-settings-table tbody tr:last-child th,
.st-notification-settings-table tbody tr:last-child td {
  border-bottom: 0;
}

.st-notification-settings-toggle {
  min-height: 40px;
}

.st-branding-section-card {
  display: grid;
  gap: var(--st-space-lg);
}

.st-branding-card-grid {
  display: grid;
  gap: var(--st-space-md);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.st-branding-asset-card {
  display: grid;
  gap: var(--st-space-md);
}

.st-branding-asset-heading {
  align-items: flex-start;
  display: flex;
  gap: var(--st-space-md);
  justify-content: space-between;
}

.st-branding-preview-shell {
  align-items: center;
  background:
    linear-gradient(180deg, rgba(251, 252, 252, 0.98) 0%, rgba(245, 247, 246, 0.98) 100%),
    linear-gradient(45deg, rgba(30, 58, 47, 0.04) 25%, transparent 25%, transparent 75%, rgba(30, 58, 47, 0.04) 75%, rgba(30, 58, 47, 0.04) 100%),
    linear-gradient(45deg, rgba(30, 58, 47, 0.04) 25%, transparent 25%, transparent 75%, rgba(30, 58, 47, 0.04) 75%, rgba(30, 58, 47, 0.04) 100%);
  background-position: 0 0, 0 0, 12px 12px;
  background-size: auto, 24px 24px, 24px 24px;
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
  display: flex;
  justify-content: center;
  min-height: 184px;
  overflow: hidden;
  padding: 18px;
}

.st-branding-preview-shell.is-square {
  min-height: 220px;
}

.st-branding-preview-image {
  display: block;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}

.st-branding-preview-image.is-full {
  max-height: 120px;
}

.st-branding-preview-image.is-square {
  aspect-ratio: 1 / 1;
  max-height: 164px;
  max-width: 164px;
}

.st-branding-preview-empty {
  color: var(--st-text-secondary);
  display: grid;
  gap: 6px;
  justify-items: center;
  text-align: center;
}

.st-branding-preview-empty span {
  color: var(--st-text-primary);
  font-family: "Rajdhani", "Aptos Display", "Segoe UI", sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.st-branding-preview-empty small {
  font-size: 0.84rem;
  max-width: 28ch;
}

.st-branding-card-actions {
  align-items: center;
}

.st-branding-file-input {
  height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 0;
}

.st-branding-upload-label {
  cursor: pointer;
}

.st-branding-upload-label.is-disabled {
  pointer-events: none;
}

.st-branding-editor-dialog .e-dlg-content {
  padding: 0;
}

.st-branding-editor-dialog .e-footer-content {
  padding-top: 0;
}

.st-branding-editor-header {
  display: grid;
  gap: 4px;
}

.st-branding-editor-header p {
  color: var(--st-text-secondary);
  margin: 4px 0 0;
}

.st-branding-editor-shell {
  display: grid;
  gap: var(--st-space-md);
  min-height: min(68vh, 680px);
  padding: 0 20px 20px;
}

.st-branding-editor-toolbar {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  padding-top: 6px;
}

.st-branding-editor-toolbar-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.st-branding-toolbar-label {
  align-items: center;
  color: var(--st-text-secondary);
  display: inline-flex;
  font-size: 0.82rem;
  font-weight: 700;
  margin-right: 4px;
  min-height: 36px;
  text-transform: uppercase;
}

.st-branding-toolbar-btn {
  min-height: 36px;
  padding: 0 12px;
}

.st-branding-toolbar-btn.is-active {
  background: var(--st-selected-bg);
  border-color: rgba(30, 58, 47, 0.28);
  color: var(--st-forest-green);
}

.st-branding-editor-note {
  background: #fbfcfc;
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-button);
  padding: 12px 14px;
}

.st-branding-editor-note p {
  color: var(--st-text-secondary);
  margin: 0;
}

.st-branding-editor-canvas {
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
  height: min(58vh, 580px);
  min-height: 360px;
  overflow: hidden;
}

.st-branding-editor-canvas .e-image-editor {
  height: 100% !important;
  width: 100% !important;
}

.st-branding-editor-actions {
  margin: 0;
  width: 100%;
}

.st-branding-editor-loading {
  align-items: center;
  color: var(--st-text-secondary);
  display: inline-flex;
  gap: 10px;
  min-height: 160px;
  padding: 24px 20px;
}

.st-customer-workspace-tabs-shell {
  min-width: 0;
}

.st-customer-workspace-tabs.e-tab {
  min-width: 0;
}

.st-customer-workspace-tabs.e-tab .e-tab-header {
  background: #fbfcfc;
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
  padding: 6px;
}

.st-customer-workspace-tabs.e-tab .e-content {
  border: 0;
  padding-top: var(--st-space-md);
}

.st-customer-workspace-tabs.e-tab .e-toolbar-item {
  border-radius: var(--st-radius-button);
}

.st-customer-workspace-tabs.e-tab .e-tab-wrap {
  white-space: nowrap;
}

.st-customer-workspace-tabs.e-tab .e-tab-text {
  color: var(--st-action-default);
  font-size: 0.92rem;
  font-weight: 700;
}

.st-customer-workspace-tabs.e-tab .e-toolbar-item.e-active {
  background: var(--st-selected-bg);
}

.st-customer-workspace-tabs.e-tab .e-toolbar-item.e-active .e-tab-text {
  color: var(--st-forest-green);
}

.st-customer-workspace-tabs.e-tab .e-indicator {
  background: var(--st-forest-green);
  border-radius: 999px;
  height: 3px;
}

.st-customer-workspace-tab-panel,
.st-service-workspace-tab-panel {
  display: grid;
  gap: var(--st-space-md);
}

.st-customer-workspace-tab-heading {
  align-items: flex-start;
  display: flex;
  gap: var(--st-space-md);
  justify-content: space-between;
}

.st-customer-workspace-tab-heading-copy {
  display: grid;
  gap: var(--st-space-sm);
  min-width: 0;
}

.st-customer-workspace-tab-heading-copy h3 {
  margin: 0;
}

.st-customer-workspace-tab-heading-copy p:not(.st-card-kicker) {
  color: var(--st-text-secondary);
  margin: 0;
}

.st-quote-list-item {
  align-items: center;
  background: #fbfcfc;
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
  color: var(--st-text-primary);
  cursor: pointer;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 14px 16px;
  text-align: left;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
  width: 100%;
}

.st-quote-list-item:hover {
  background: var(--st-hover-bg);
  border-color: rgba(30, 58, 47, 0.14);
  color: var(--st-forest-green);
  transform: translateY(-1px);
}

.st-quote-list-item-copy {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.st-quote-list-item-heading {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  min-width: 0;
}

.st-quote-list-item-heading strong,
.st-quote-list-item-copy span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.st-quote-list-item-copy span {
  color: var(--st-text-secondary);
  white-space: nowrap;
}

.st-inline-spinner {
  animation: st-spin 0.8s linear infinite;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  border-top-color: currentColor;
  display: inline-block;
  height: 14px;
  width: 14px;
}

.st-skeleton-card {
  overflow: hidden;
}

.st-skeleton-line {
  animation: st-shimmer 1.4s ease-in-out infinite;
  background: linear-gradient(90deg, rgba(226, 232, 240, 0.65) 25%, rgba(255, 255, 255, 0.95) 50%, rgba(226, 232, 240, 0.65) 75%);
  background-size: 200% 100%;
  border-radius: 999px;
  height: 12px;
  margin-top: var(--st-space-sm);
}

.st-skeleton-line-lg {
  height: 20px;
  margin-top: 0;
  width: 40%;
}

.st-data-grid-frame {
  -webkit-overflow-scrolling: touch;
  display: block;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}

.st-data-grid-frame .e-grid {
  min-width: 920px;
  width: 100%;
}

.st-customer-list-stack {
  display: grid;
  gap: var(--st-space-md);
}

.st-customer-card {
  display: grid;
  gap: var(--st-space-md);
}

.st-customer-card-top,
.st-customer-card-footer {
  align-items: flex-start;
  display: flex;
  gap: var(--st-space-md);
  justify-content: space-between;
}

.st-customer-card-copy {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.st-customer-card-copy h3 {
  margin: 0;
}

.st-customer-card-caption,
.st-customer-card-footnote,
.st-customer-meta-item span {
  color: var(--st-text-secondary);
}

.st-customer-meta-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.st-customer-meta-item {
  background: linear-gradient(180deg, rgba(241, 245, 243, 0.7), rgba(255, 255, 255, 0));
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
  display: grid;
  gap: 6px;
  min-height: 88px;
  padding: 12px;
}

.st-customer-card-footnote {
  max-width: 72ch;
}

.e-dropdownbase .e-input-group,
.e-input-group,
.e-control.e-textbox,
.e-control.e-dropdownlist,
.e-control.e-textarea {
  border-radius: var(--st-radius-button);
}

.e-input-group,
.e-control.e-textbox,
.e-control.e-dropdownlist,
.e-control.e-textarea {
  border-color: var(--st-color-border-default);
  min-height: 44px;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap {
  border-bottom-color: var(--st-color-border-default) !important;
}

.e-input-group.e-control-wrapper.e-input-focus,
.e-control.e-dropdownlist.e-input-focus,
.e-control.e-textarea.e-input-focus,
.e-control.e-textbox.e-input-focus {
  border-color: rgba(30, 58, 47, 0.28);
  box-shadow: 0 0 0 4px rgba(30, 58, 47, 0.08);
}

.e-grid {
  border: 1px solid var(--st-border-soft) !important;
  border-radius: var(--st-radius-card);
  overflow: hidden;
}

.e-grid .e-gridheader,
.e-grid .e-gridpager,
.e-grid .e-rowcell,
.e-grid .e-headercell {
  border-color: var(--st-border-soft) !important;
}

.e-grid .e-gridheader {
  background: #fbfcfc;
}

.st-auth-shell {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100vh;
  padding: 32px 20px;
}

.st-auth-card {
  gap: var(--st-space-lg);
  max-width: 560px;
  width: min(100%, 560px);
}

.st-auth-copy {
  display: grid;
  gap: 10px;
}

.st-auth-copy h1,
.st-auth-copy p {
  margin: 0;
}

.st-auth-form {
  display: grid;
  gap: 12px;
}

.st-auth-form label {
  font-size: 0.92rem;
  font-weight: 700;
}

.st-auth-input {
  background: var(--st-surface);
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-button);
  min-height: 44px;
  padding: 0 12px;
}

.st-auth-secondary {
  color: var(--st-text-secondary);
  margin: 0;
}

.st-auth-secondary a {
  color: var(--st-forest-green);
  font-weight: 700;
}

.st-auth-status {
  color: var(--st-text-secondary);
  margin: 0;
}

.st-auth-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.st-activation-shell {
  align-items: center;
  background: linear-gradient(180deg, #f8faf9 0%, #eef3f1 100%);
  display: flex;
  justify-content: center;
  min-height: 100vh;
  padding: 32px 20px;
}

.st-activation-panel {
  background: var(--st-surface);
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
  box-shadow: var(--st-shadow-card);
  display: grid;
  gap: var(--st-space-lg);
  max-width: 520px;
  padding: clamp(24px, 5vw, 40px);
  width: min(100%, 520px);
}

.st-activation-copy {
  display: grid;
  gap: 10px;
}

.st-activation-copy h1,
.st-activation-copy p {
  margin: 0;
}

.st-activation-copy p {
  color: var(--st-text-secondary);
}

.st-activation-actions {
  display: grid;
  gap: 12px;
}

.st-activation-actions .st-btn {
  justify-content: center;
  min-height: 48px;
  width: 100%;
}

.st-activation-actions .st-btn span {
  color: inherit;
  font-size: 0.9rem;
  margin-left: 8px;
  opacity: 0.82;
}

.st-activation-trial-button {
  min-height: 54px;
}

.st-activation-loading {
  align-items: center;
  display: flex;
  min-height: 80px;
}

.st-workspace-unavailable-panel {
  max-width: 480px;
}

.st-subscription-attention-banner {
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

.st-subscription-attention-banner > div {
  display: grid;
  gap: 4px;
}

.st-subscription-attention-banner .st-btn {
  flex: 0 0 auto;
}

@media (max-width: 760px) {
  .st-subscription-attention-banner {
    align-items: stretch;
    flex-direction: column;
  }
}

.st-tenant-list {
  display: grid;
  gap: 12px;
}

.st-tenant-card {
  align-items: center;
  background: #fbfcfc;
  border: 1px solid var(--st-border-soft);
  border-radius: var(--st-radius-card);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 16px;
}

.st-tenant-card p,
.st-account-summary dd,
.st-account-summary dt {
  margin: 0;
}

.st-tenant-card p,
.st-account-summary dt {
  color: var(--st-text-secondary);
}

.st-account-summary {
  display: grid;
  gap: 14px;
}

.st-account-summary div {
  border-top: 1px solid var(--st-border-soft);
  display: grid;
  gap: 6px;
  padding-top: 14px;
}

.st-menu-form {
  display: block;
}

@keyframes st-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes st-shimmer {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

@media (max-width: 1180px) {
  .st-service-management-service-grid,
  .st-service-management-method-grid {
    grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(90px, auto)) minmax(220px, 1.3fr);
  }

  .st-service-management-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 760px) {
  .st-card,
  .st-panel,
  .st-floating-card {
    padding: 16px;
  }

  .st-form-grid {
    grid-template-columns: 1fr;
  }

  .st-settings-nav-header,
  .st-settings-card-grid {
    display: grid;
    grid-template-columns: 1fr;
  }

  .st-settings-page {
    gap: var(--st-space-md);
    overflow-x: hidden;
  }

  .st-settings-tabs.e-tab > .e-tab-header {
    background: #fff;
    border: 1px solid var(--st-border-soft);
    border-radius: var(--st-radius-card);
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    padding: 6px 6px 6px 24px;
  }

  .st-settings-tabs.e-tab > .e-tab-header.e-hscroll,
  .st-settings-tabs.e-tab > .e-tab-header .e-hscroll {
    border-radius: var(--st-radius-card);
    max-width: 100%;
  }

  .st-settings-tabs.e-tab > .e-tab-header .e-toolbar-items {
    gap: 6px;
  }

  .st-settings-tabs.e-tab > .e-tab-header .e-toolbar-item .e-tab-wrap {
    background: transparent;
    border-radius: var(--st-radius-button);
    min-height: 40px;
    padding: 0 12px;
  }

  .st-settings-tabs.e-tab > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    background: var(--st-selected-bg);
  }

  .st-settings-tabs.e-tab > .e-tab-header .e-toolbar-item .e-tab-text {
    font-size: 0.88rem;
    white-space: nowrap;
  }

  .st-settings-tabs.e-tab > .e-tab-header .e-scroll-nav:not(.e-overlay) {
    background: #fbfcfc;
    border-radius: var(--st-radius-button);
    color: var(--st-forest-green);
    min-height: 40px;
    min-width: 36px;
  }

  .st-settings-tabs.e-tab > .e-content .e-item {
    padding: 0;
  }

  .st-payment-settings-minimal-card {
    border-radius: var(--st-radius-card);
    padding: 18px;
  }

  .st-settings-payment-receiving-banner {
    align-items: stretch;
    flex-direction: column;
    gap: 18px;
    padding: 20px;
  }

  .st-settings-payment-receiving-banner__main {
    align-items: flex-start;
  }

  .st-settings-payment-receiving-banner__icon {
    height: 56px;
    width: 56px;
  }

  .st-settings-payment-receiving-banner__icon .st-icon {
    height: 34px;
    width: 34px;
  }

  .st-settings-payment-receiving-banner__copy strong {
    font-size: 22px;
  }

  .e-btn.st-settings-payment-receiving-banner__action,
  .st-settings-payment-receiving-banner__action {
    width: 100%;
  }

  .st-payment-settings-method-row {
    align-items: flex-start;
  }

  .st-payment-hero {
    grid-template-columns: 1fr;
    padding: 28px 22px;
  }

  .st-payment-hero.is-active {
    padding: 28px 22px;
  }

  .st-subscription-state-hero {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .st-subscription-confirmation-header {
    display: grid;
  }

  .st-subscription-state-actions {
    align-items: stretch;
    justify-content: flex-start;
    min-width: 0;
    width: 100%;
  }

  .st-subscription-state-actions .st-btn {
    width: 100%;
  }

  .st-subscription-state-action-group {
    justify-items: stretch;
    width: 100%;
  }

  .st-subscription-state-action-note {
    text-align: left;
  }

  .st-subscription-management-summary-row {
    grid-template-columns: 1fr;
  }

  .st-subscription-plan-fact-row {
    align-items: start;
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .st-subscription-plan-fact-row dd {
    text-align: left;
  }

  .st-subscription-plan-fact-value {
    align-items: stretch;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
  }

  .st-subscription-plan-row-cta {
    width: 100%;
  }

  .st-subscription-upgrade-card {
    padding: 18px;
  }

  .st-subscription-upgrade-card-header {
    display: grid;
  }

  .st-subscription-upgrade-price {
    white-space: normal;
  }

  .st-subscription-confirmation-facts div {
    align-items: start;
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .st-subscription-confirmation-facts dd {
    text-align: left;
  }

  .st-payment-hero h2 {
    font-size: 1.75rem;
  }

  .st-subscription-state-hero h2 {
    font-size: 1.4rem;
  }

  .st-payment-hero-actions {
    align-items: stretch;
    justify-content: flex-start;
    min-width: 0;
    width: 100%;
  }

  .st-payment-hero-actions .st-btn {
    width: 100%;
  }

  .st-settings-tab-panel,
  .st-settings-tab-stack {
    gap: var(--st-space-md);
  }

  .st-settings-page .st-form-actions,
  .st-workspace-root .st-form-actions,
  .st-members-dialog .st-form-actions,
  .st-branding-editor-dialog .st-form-actions,
  .st-service-settings-dialog .st-form-actions {
    align-items: stretch;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
  }

  .st-settings-page .st-form-actions .st-btn,
  .st-workspace-root .st-form-actions .st-btn,
  .st-settings-page .st-settings-card-actions .st-btn,
  .st-settings-page .st-settings-card-actions .st-branding-upload-label,
  .st-members-dialog .st-form-actions .st-btn,
  .st-branding-editor-dialog .st-form-actions .st-btn,
  .st-service-settings-dialog .st-form-actions .st-btn {
    width: 100%;
  }

  .st-settings-page .st-service-settings-toggle-label,
  .st-workspace-root .st-service-settings-toggle-label,
  .st-members-dialog .st-service-settings-toggle-label,
  .st-service-settings-dialog .st-service-settings-toggle-label {
    align-items: flex-start;
    white-space: normal;
  }

  .st-settings-page .st-service-settings-toggle-label span,
  .st-workspace-root .st-service-settings-toggle-label span,
  .st-members-dialog .st-service-settings-toggle-label span,
  .st-service-settings-dialog .st-service-settings-toggle-label span {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .st-settings-page .st-data-grid-frame {
    border-radius: var(--st-radius-card);
    max-width: 100%;
    min-width: 0;
  }

  .st-settings-page .st-grid-actions,
  .st-settings-page .st-service-grid-actions,
  .st-settings-page .st-service-grid-action-shell,
  .st-settings-page .st-service-management-actions,
  .st-settings-page .st-service-builder-inline-actions,
  .st-settings-page .st-service-builder-method-list,
  .st-settings-page .st-settings-card-actions,
  .st-settings-page .st-crews-detail-actions,
  .st-settings-page .st-crews-assign-shell {
    align-items: stretch;
    flex-direction: column;
    justify-content: flex-start;
  }

  .st-settings-page .st-crews-assign-shell .st-field {
    flex-basis: auto;
    min-width: 0;
    width: 100%;
  }

  .st-settings-page .st-service-grid-action-toggle,
  .st-settings-page .st-service-grid-action-shell,
  .st-settings-page .st-service-grid-action-shell .e-dropdown-btn,
  .st-settings-page .st-crews-assign-shell .st-btn {
    width: 100%;
  }

  .st-settings-page .st-status-pill {
    max-width: 100%;
    white-space: normal;
  }

  .st-settings-page .st-service-grid-toggle,
  .st-settings-page .st-service-management-toggle {
    white-space: normal;
  }

  .st-subscription-workspace-grid {
    grid-template-columns: 1fr;
  }

  .st-subscription-workspace-summary-card {
    position: static;
  }

  .st-subscription-pricing-grid,
  .st-subscription-note-grid,
  .st-subscription-cancel-options {
    grid-template-columns: 1fr;
  }

  .st-subscription-payment-row {
    align-items: start;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .st-subscription-payment-row .st-btn {
    grid-column: 1 / -1;
    justify-self: stretch;
    width: 100%;
  }

  .st-subscription-history-header {
    display: none;
  }

  .st-subscription-history-row {
    grid-template-columns: 1fr;
  }

  .st-subscription-change-header {
    grid-template-columns: 1fr;
  }

  .st-subscription-status-card {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .st-subscription-status-card strong {
    margin-left: 0;
    width: 100%;
  }

  .st-subscription-resume-plan {
    align-items: flex-start;
    flex-direction: column;
  }

  .st-subscription-resume-plan-price {
    white-space: normal;
  }

  .st-stripe-embedded-container {
    min-height: 560px;
    overflow: auto;
  }

  .st-stripe-embedded-container-workspace {
    height: calc(100dvh - 64px);
    max-width: 100%;
    min-height: 0;
    padding: 12px;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  }

  .st-branding-card-grid {
    grid-template-columns: 1fr;
  }

  .st-branding-asset-heading {
    flex-direction: column;
  }

  .st-notification-settings-save-state {
    justify-content: flex-start;
    text-align: left;
  }

  .st-notification-settings-footer {
    align-items: flex-end;
    flex-direction: row;
    justify-content: flex-end;
  }

  .st-branding-editor-shell {
    min-height: 0;
    padding: 0 16px 16px;
  }

  .st-branding-editor-canvas {
    height: min(48vh, 420px);
    min-height: 280px;
  }

  .st-branding-editor-toolbar {
    flex-direction: column;
  }

  .st-branding-editor-toolbar-group {
    width: 100%;
  }

  .st-branding-toolbar-btn {
    flex: 1 1 140px;
  }

  .st-members-dialog.e-dialog,
  .st-branding-editor-dialog.e-dialog {
    border-radius: 0;
    height: 100dvh !important;
    margin: 0;
    max-height: 100dvh !important;
    max-width: 100vw !important;
    width: 100vw !important;
  }

  .st-members-dialog .e-dlg-content,
  .st-branding-editor-dialog .e-dlg-content {
    max-height: calc(100dvh - 156px);
    overflow: auto;
  }

  .st-members-dialog .e-dlg-header-content,
  .st-branding-editor-dialog .e-dlg-header-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .st-members-dialog .e-footer-content,
  .st-branding-editor-dialog .e-footer-content {
    padding: 12px 16px max(12px, env(safe-area-inset-bottom, 0px));
  }

  .st-members-dialog-shell {
    padding: 0 16px 16px;
  }

  .st-workspace-section-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .st-services-heading-actions {
    justify-content: flex-start;
    width: 100%;
  }

  .st-inline-action-menu-popover {
    left: 0;
    min-width: 100%;
    right: auto;
  }

  .st-service-list-card__header,
  .st-service-list-card__footer,
  .st-service-card-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .st-service-list-card__meta {
    grid-template-columns: 1fr;
  }

  .st-service-list-card__primary-action.st-btn {
    width: 100%;
  }

  .st-service-method-row {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .st-service-method-row-states {
    justify-content: flex-start;
  }

  .st-service-method-row-copy strong,
  .st-service-method-row-copy span {
    white-space: normal;
  }

  .st-service-method-row .st-service-grid-action-shell,
  .st-service-method-row .st-service-grid-action-toggle,
  .st-service-method-row .st-service-grid-action-shell .e-dropdown-btn {
    width: 100%;
  }

  .st-quote-summary-row {
    grid-template-columns: 1fr;
  }

  .st-quote-summary-row strong {
    text-align: left;
  }

  .st-quote-minimum-inline-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .st-service-settings-shell {
    grid-template-columns: 1fr;
  }

  .st-service-management-table-header {
    display: none;
  }

  .st-service-management-service-grid,
  .st-service-management-method-grid {
    grid-template-columns: 1fr;
  }

  .st-service-management-row,
  .st-service-management-main,
  .st-service-management-stat,
  .st-service-management-cell,
  .st-service-management-actions,
  .st-service-management-heading-tools,
  .st-service-settings-dialog-toolbar {
    justify-content: flex-start;
  }

  .st-service-settings-card-header,
  .st-service-settings-editor-heading {
    flex-direction: column;
  }

  .st-workspace-root .st-service-settings-list,
  .st-workspace-root .st-service-workspace-tab-panel,
  .st-workspace-root .st-pricing-builder-page {
    gap: var(--st-space-md);
  }

  .st-workspace-root .st-service-management-heading-tools,
  .st-workspace-root .st-service-management-actions {
    align-items: stretch;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
  }

  .st-workspace-root .st-service-management-heading-tools .st-btn,
  .st-workspace-root .st-service-management-actions .st-btn,
  .st-workspace-root .st-service-settings-readonly-panel .st-btn {
    width: 100%;
  }

  .st-pricing-builder-page {
    padding: 16px;
  }

  .st-pricing-builder-panel-header {
    flex-direction: column;
    padding: 12px 14px;
  }

  .st-pricing-builder-panel-body {
    padding: 10px;
  }

  .st-pricing-builder-library-item {
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 10px;
  }

  .st-pricing-builder-library-handle {
    display: none;
  }

  .st-pricing-builder-step {
    align-items: start;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .st-pricing-builder-step-handle {
    display: none;
  }

  .st-pricing-builder-step-order {
    grid-row: span 2;
  }

  .st-pricing-builder-step-state {
    grid-column: 2;
    justify-self: start;
  }

  .st-pricing-builder-editor-actions,
  .st-pricing-builder-choice-card-actions,
  .st-pricing-builder-choice-actions,
  .st-pricing-builder-preview-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .st-pricing-builder-editor-actions .st-btn,
  .st-pricing-builder-choice-card-actions .st-btn,
  .st-pricing-builder-choice-actions .st-btn,
  .st-pricing-builder-preview-actions .st-btn {
    width: 100%;
  }

  .st-pricing-formula-dialog-header {
    padding: 14px 16px;
  }

  .st-pricing-formula-tabset.e-tab > .e-tab-header,
  .st-pricing-formula-category-tabset.e-tab > .e-tab-header {
    padding-left: 12px;
    padding-right: 12px;
  }

  .st-pricing-formula-tabset.e-tab > .e-tab-header .e-toolbar-items,
  .st-pricing-formula-category-tabset.e-tab > .e-tab-header .e-toolbar-items {
    gap: 12px;
  }

  .st-pricing-formula-tabset.e-tab > .e-content .e-item {
    padding: 14px 12px 0;
  }

  .st-pricing-formula-canvas {
    padding: 10px;
  }

  .st-pricing-formula-custom-number,
  .st-pricing-formula-step-item,
  .st-pricing-formula-result-total {
    grid-template-columns: minmax(0, 1fr);
  }

  .st-pricing-formula-result-total {
    align-items: flex-start;
    display: grid;
    gap: 4px;
  }

  .st-pricing-formula-dialog-actions {
    align-items: stretch;
    flex-direction: column;
    padding: 12px 16px max(12px, env(safe-area-inset-bottom, 0px));
  }

  .st-pricing-formula-dialog-actions .st-btn {
    width: 100%;
  }

  .st-dynamic-service-dialog-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .st-dynamic-service-dialog {
    height: min(900px, calc(100dvh - 16px));
    width: min(1120px, calc(100vw - 16px));
  }

  .st-quote-service-picker-dialog {
    max-height: calc(100dvh - 32px);
    width: min(480px, calc(100vw - 32px));
  }

  .st-stump-cv-dialog {
    max-height: calc(100dvh - 16px);
    width: min(920px, calc(100vw - 16px));
  }

  .st-stump-cv-image-grid,
  .st-stump-cv-result-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .st-quote-service-workspace-section,
  .st-quote-service-workspace-page {
    min-height: auto;
  }

  .st-service-builder-form-header,
  .st-service-builder-form-header-controls {
    flex-direction: column;
  }

  .st-service-builder-form-header-controls {
    align-items: stretch;
    width: 100%;
  }

  .st-service-builder-method-field {
    flex-basis: auto;
    max-width: none;
    min-width: 0;
    width: 100%;
  }

  .st-quote-service-builder-cv-action {
    width: 100%;
  }

  .st-service-builder-inline-actions,
  .st-service-builder-method-list {
    flex-direction: column;
  }

  .st-service-builder-preview-line {
    align-items: flex-start;
    flex-direction: column;
  }

  .st-list-view-toolbar,
  .st-customer-card-top,
  .st-customer-card-footer {
    align-items: flex-start;
    width: 100%;
  }

  .st-service-card-amount {
    white-space: normal;
  }

  .st-customer-workspace-tab-heading {
    flex-direction: column;
  }

  .st-customer-card-top,
  .st-customer-card-footer {
    flex-direction: column;
  }

  .st-quote-list-item-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .st-quote-list-item-copy span {
    white-space: normal;
  }

  .st-customer-meta-grid {
    grid-template-columns: 1fr;
  }

  .st-tenant-card {
    align-items: stretch;
    flex-direction: column;
  }
}