/* src/styles.scss */
:root {
  --color-bg-brand: #fc9a18;
  --color-bg-inverse: #0e0d0b;
  --color-bg-surface: #ffffff;
  --color-bg-subtle: #f4f4f5;
  --color-bg-canvas: #fafafa;
  --color-text-primary: #0e0d0b;
  --color-text-secondary: #71717b;
  --color-text-tertiary: #9f9fa9;
  --color-text-inverse: #ffffff;
  --color-border-default: #e4e4e7;
  --color-border-strong: #d4d4d8;
  --color-border-focus: #fc9a18;
  --color-status-success-bg: #f0fdf4;
  --color-status-warning-bg: #fffbeb;
  --color-status-error-bg: #fef2f2;
  --color-border-subtle: #f4f4f5;
  --color-border-row: #fafafa;
  --color-text-disabled: #e4e4e7;
  --color-text-placeholder: #d4d4d8;
  --color-text-body: #52525c;
  --color-text-strong: #27272a;
  --color-text-input: #18181b;
  --color-text-brand: #e88708;
  --color-bg-app: #f9f8f5;
  --color-bg-page: rgb(250 250 250 / 40%);
  --color-bg-table-header: rgb(250 250 250 / 80%);
  --color-bg-nav-active: rgb(255 247 237 / 60%);
  --color-status-success-fg: #008236;
  --color-status-success-dot: #00c950;
  --color-status-success-strong: #00a63e;
  --color-status-warning-fg: #bb4d00;
  --color-status-warning-dot: #fe9a00;
  --color-status-warning-strong: #e17100;
  --color-status-error-fg: #dc2626;
  --color-overlay: rgb(0 0 0 / 28%);
  --color-text-inverse-muted: rgb(255 255 255 / 50%);
  --color-text-inverse-subtle: rgb(255 255 255 / 40%);
  --color-text-inverse-faint: rgb(255 255 255 / 20%);
  --color-transparent: transparent;
  --shadow-drawer-offset: -4px;
  --shadow-drawer-color: rgb(0 0 0 / 6%);
  --color-merchant-success: #24a46d;
  --color-merchant-success-bg: rgb(36 164 109 / 12%);
  --color-merchant-info: #5b8def;
  --color-merchant-info-bg: rgb(91 141 239 / 12%);
  --color-merchant-neutral: #8a8e96;
  --color-merchant-neutral-bg: rgb(138 142 150 / 12%);
  --color-merchant-warning: #d97706;
  --color-merchant-warning-bg: rgb(217 119 6 / 12%);
  --color-merchant-danger: #d94c4c;
  --color-merchant-danger-bg: rgb(217 76 76 / 12%);
  --color-merchant-accent-purple: #8b5cf6;
  --color-merchant-thumb-brand: rgb(252 154 24 / 16%);
  --color-merchant-thumb-purple: rgb(139 92 246 / 16%);
  --color-merchant-thumb-success: rgb(36 164 109 / 16%);
  --color-merchant-thumb-info: rgb(91 141 239 / 16%);
  --color-merchant-thumb-neutral: rgb(138 142 150 / 16%);
  --color-merchant-thumb-warning: rgb(217 119 6 / 16%);
  --color-merchant-border: #e4e5e7;
  --color-merchant-border-card: #e3e4e6;
  --color-merchant-border-dashboard: #e5e5e5;
  --color-merchant-border-control: #dedfe1;
  --color-merchant-border-input: #d9dadc;
  --color-merchant-border-strong: #c8cacd;
  --color-merchant-divider: #d7d8da;
  --color-merchant-sidebar-divider: rgb(255 255 255 / 10%);
  --color-merchant-divider-on-dark: rgb(255 255 255 / 12%);
  --color-merchant-success-on-dark: #38c793;
  --color-merchant-chart-grid: #ecedef;
  --color-merchant-cover-start: #fcc76e;
  --color-merchant-cover-end: #fc8c14;
  --color-merchant-text-heading: #171a21;
  --color-merchant-text-heading-alt: #171a1f;
  --color-merchant-text-strong: #242832;
  --color-merchant-text-strong-alt: #20232d;
  --color-merchant-text-label: #475467;
  --color-merchant-text-muted: #667085;
  --color-merchant-text-placeholder: #98a2b3;
  --color-merchant-border-alt: #e1e4ea;
  --color-merchant-border-soft: #e7e9ed;
  --color-merchant-border-tab: #e1e4e8;
  --color-merchant-border-empty: #d8dee8;
  --color-merchant-row-border: #e8eaf0;
  --color-merchant-bg-muted: #f5f6f8;
  --color-merchant-bg-icon: #f2f4f7;
  --color-merchant-canvas: #fafafb;
  --color-merchant-success-text: #087a4d;
  --color-merchant-danger-solid: #c9362b;
  --color-merchant-danger-icon-bg: #fdecec;
  --color-merchant-danger-icon-fg: #b42318;
  --color-merchant-danger-callout-bg: #fff7f6;
  --color-merchant-danger-callout-border: #f2c6c2;
  --color-merchant-danger-callout-title: #8f261f;
  --color-merchant-danger-callout-text: #70423f;
  --color-merchant-success-icon-bg: #e4f7ef;
  --color-merchant-success-icon-fg: #12805c;
  --color-merchant-status-due-bg: #fff0d9;
  --color-merchant-status-due-fg: #b35c00;
  --color-merchant-notice-warning-bg: #fff8ec;
  --color-merchant-notice-warning-border: #f7d99b;
  --color-merchant-notice-warning-title: #875a00;
  --color-merchant-notice-info-bg: #f0f6ff;
  --color-merchant-notice-info-border: #bed5f5;
  --color-merchant-notice-info-title: #245a9a;
  --color-merchant-overlay: rgb(17 19 24 / 58%);
  --color-merchant-nav-label: rgb(255 255 255 / 62%);
  --shadow-merchant-modal: 0 12px 15px rgb(0 0 0 / 22%);
  --shadow-merchant-toast: 0 8px 10px rgb(0 0 0 / 15%);
  --font-family-mono:
    consolas,
    "SF Mono",
    menlo,
    monospace;
  --opacity-disabled: 0.4;
  --border-hairline: 0.8px;
  --border-accent: 1.6px;
  --color-merchant-settings-surface: #f7f8fa;
  --color-merchant-settings-bank-bg: #f0faf6;
  --color-merchant-settings-bank-border: #bfe7d5;
  --color-merchant-settings-bank-badge-bg: #ddf5ea;
  --color-merchant-settings-notice-border: #f6d59c;
  --color-merchant-settings-notice-text: #6f5a34;
  --color-merchant-settings-success: #128a63;
  --color-merchant-settings-text-label: #344054;
  --color-merchant-settings-quiet-note: #8a5a00;
  --color-merchant-settings-badge-success-bg: #e7f7f1;
  --color-merchant-settings-badge-success-fg: #087a57;
  --color-merchant-settings-badge-warning-bg: #fff4e5;
  --color-merchant-settings-badge-warning-fg: #9a5200;
  --color-merchant-settings-danger-soft-bg: #fff4f2;
  --color-merchant-settings-danger-soft-border: #f4b7ae;
  --color-merchant-settings-plan-bg: #fff9f0;
  --color-merchant-settings-plan-border: #ffd699;
  --color-merchant-settings-card-icon-bg: #f3f4f6;
  --color-merchant-join-wordmark: #17171a;
  --color-merchant-join-step-border: #5c5c5c;
  --color-merchant-join-icon: #60646c;
  --color-merchant-join-card-border: #e2e3e5;
  --shadow-merchant-join-preview: 0 20px 44px rgb(0 0 0 / 28%);
  --shadow-merchant-join-card: 0 12px 28px rgb(0 0 0 / 8%);
  --color-merchant-avatar-bg: #eef0f3;
  --color-merchant-divider-soft: #eaecf0;
  --color-merchant-checkbox-border: #c9cdd5;
  --color-merchant-choice-selected-border: #ffb64d;
  --color-merchant-panel-bg: #f7f8fa;
  --color-merchant-notice-warning-border-alt: #f6d59c;
  --color-merchant-notice-warning-text: #6f5a34;
  --color-merchant-danger-outline-border: #f0b9b9;
  --color-merchant-toggle-off: #d9dce2;
  --color-merchant-role-manager-bg: #eaf8f1;
  --color-merchant-success-callout-bg: #f0faf6;
  --color-merchant-success-callout-border: #bfe7d5;
  --color-merchant-success-callout-title: #126b4f;
  --color-merchant-success-callout-text: #3b6757;
  --shadow-merchant-menu: 0 8px 20px rgb(0 0 0 / 16%);
  --color-conversation-requester-bg: #fff8ed;
  --color-conversation-requester-border: #ffd699;
  --color-conversation-agent-bg: #f4f7fb;
  --color-conversation-avatar-bg: #e8eeff;
  --color-conversation-avatar-fg: #3157a4;
  --color-conversation-system-bg: #eaf2ff;
  --color-conversation-system-fg: #175cd3;
  --color-conversation-system-chip: #d7e7ff;
  --color-conversation-pending-bg: #f8fafc;
  --color-conversation-body: #344054;
  --color-conversation-activity-success: #128a63;
  --color-merchant-support-hero-bg: #fff4e5;
  --color-merchant-support-hero-border: #f0c98e;
  --color-merchant-border-dashed: #cbd5e1;
  --color-merchant-note-bg: #fff7e8;
  --color-merchant-note-fg: #8a5a00;
  --color-merchant-assigned-bg: #eef4ff;
  --color-merchant-progress-bg: #fff1d9;
  --color-merchant-progress-fg: #a15c00;
  --color-merchant-dialog-overlay: rgb(16 24 40 / 48%);
  --shadow-merchant-dialog: 0 16px 36px rgb(0 0 0 / 18%);
  --color-auth-brand-soft: rgb(252 154 24 / 10%);
  --color-auth-brand-track: rgb(252 154 24 / 25%);
  --color-auth-brand-border-soft: rgb(252 154 24 / 30%);
  --color-auth-brand-bar: rgb(252 154 24 / 70%);
  --color-auth-option-selected-bg: rgb(255 247 237 / 40%);
  --color-auth-module-selected-bg: rgb(255 247 237 / 30%);
  --color-auth-table-header-bg: rgb(250 250 250 / 60%);
  --color-auth-text-strong: #3f3f47;
  --color-auth-danger: #fb2c36;
  --color-auth-danger-muted: #ff6467;
  --color-auth-inverse-tile: rgb(255 255 255 / 3%);
  --color-auth-inverse-line: rgb(255 255 255 / 4%);
  --color-auth-inverse-surface: rgb(255 255 255 / 5%);
  --color-auth-inverse-divider: rgb(255 255 255 / 6%);
  --color-auth-inverse-track: rgb(255 255 255 / 10%);
  --color-auth-inverse-dot: rgb(255 255 255 / 15%);
  --color-auth-inverse-hint: rgb(255 255 255 / 25%);
  --color-auth-inverse-caption: rgb(255 255 255 / 30%);
  --color-auth-inverse-chip-text: rgb(255 255 255 / 35%);
  --shadow-auth-toggle-thumb: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 10%);
  --color-text-emphasis: #3f3f47;
  --color-status-error-strong: #fb2c36;
  --color-status-error-dot: #ff6467;
  --color-shadow-drawer-strong: rgb(0 0 0 / 12%);
  --color-shadow-import-modal: rgb(0 0 0 / 16%);
  --color-status-warning-border: #ffb900;
  --color-org-notice-warning-bg: rgb(255 251 235 / 60%);
  --color-org-notice-warning-border: #fee685;
  --color-org-notice-warning-title: #973c00;
  --color-merchant-danger-soft-text: #7a271a;
  --color-merchant-redemption-reversed-bg: #fff3db;
  --color-merchant-redemption-reversed-fg: #b65b00;
  --color-merchant-redemption-success-bg: #e7f8f0;
  --color-merchant-success-panel-bg: #eaf9f3;
  --color-merchant-success-panel-border: #a8dec8;
  --color-merchant-table-header-alt: #f4f6f8;
  --color-merchant-branch-marker-bg: #fff2de;
  --color-merchant-branch-marker-fg: #c66b00;
  --color-merchant-brand-strong: #ff9d18;
  --color-merchant-chart-bar: #ffe1b5;
  --color-merchant-choice-active-border: #f2b85d;
  --color-merchant-disabled-bg: #e5e7eb;
  --color-merchant-disabled-fg: #7b8190;
  --color-merchant-ready-text: #477565;
  --color-merchant-step-connector-done: #ffbe63;
  --color-merchant-offer-radio-border: #b8bbc0;
  --color-merchant-offer-input-border: #d9dde5;
  --color-merchant-offer-green-soft: #e7f8f0;
  --color-merchant-offer-green-border: #16a36a;
  --color-merchant-offer-green: #0b8f5c;
  --color-merchant-offer-button-border: #cdd2db;
  --color-merchant-offer-pill-bg: #f4f5f7;
  --color-merchant-offer-pending: #ff9814;
  --color-merchant-offer-pending-strong: #e87800;
  --color-merchant-offer-pending-review-bg: #fff3db;
  --color-merchant-offer-pending-review-fg: #b65b00;
  --color-merchant-offer-pending-banner-bg: #fff8e8;
  --color-merchant-offer-timeline-idle: #eef0f3;
  --shadow-org-editor-modal: 0 10px 30px 0 rgb(0 0 0 / 18%);
  --color-merchant-settings-primary: #ff9f1c;
  --color-org-editor-scrim: rgb(0 0 0 / 32%);
  --color-merchant-reverse-solid: #d92d20;
  --color-org-import-scrim: rgb(0 0 0 / 20%);
  --color-finance-table-header: rgb(250 250 250 / 70%);
  --color-merchant-support-toast-border: #b7e4d3;
  --shadow-merchant-support-toast: 0 8px 20px 0 rgb(0 0 0 / 12%);
  --color-org-benefits-table-header: rgb(250 250 250 / 70%);
  --color-org-benefit-drawer-scrim: rgb(0 0 0 / 25%);
  --shadow-finance-refund-dialog: 0 10px 30px 0 rgb(0 0 0 / 20%);
  --color-merchant-badge-failed-bg: #feeceb;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 40px;
  --spacing-4xl: 48px;
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;
  --font-family-latin:
    -apple-system,
    BlinkMacSystemFont,
    "SF Pro Text",
    "SF Pro Display",
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  --font-family-arabic:
    "SF Arabic",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Noto Sans Arabic",
    Tahoma,
    sans-serif;
  --font-family-base: var(--font-family-latin);
  --font-display-36-size: 36px;
  --font-display-36-weight: 700;
  --font-display-36-line: 44px;
  --font-heading-28-size: 28px;
  --font-heading-28-weight: 600;
  --font-heading-28-line: 36px;
  --font-heading-20-size: 20px;
  --font-heading-20-weight: 600;
  --font-heading-20-line: 28px;
  --font-body-14-size: 14px;
  --font-body-14-weight: 400;
  --font-body-14-line: 20px;
  --font-body-13-size: 13px;
  --font-body-13-weight: 400;
  --font-body-13-line: 18px;
  --font-label-13-size: 13px;
  --font-label-13-weight: 500;
  --font-label-13-line: 16px;
  --font-caption-12-size: 12px;
  --font-caption-12-weight: 400;
  --font-caption-12-line: 16px;
  --font-caption-11-size: 11px;
  --font-caption-11-weight: 500;
  --font-caption-11-line: 14px;
  --layout-sidebar-width: 232px;
  --layout-topbar-height: 56px;
  --layout-drawer-width: 240px;
  --layout-content-padding: var(--spacing-3xl);
}
:root {
  --font-family-arabic-apple:
    "SF Arabic",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}
:lang(ar) {
  --font-family-base: var(--font-family-arabic);
}
[data-platform=apple]:lang(ar),
[data-platform=apple] :lang(ar) {
  --font-family-base: var(--font-family-arabic-apple);
}
.text-display-36 {
  font-size: var(--font-display-36-size);
  font-weight: var(--font-display-36-weight);
  line-height: var(--font-display-36-line);
}
.text-heading-28 {
  font-size: var(--font-heading-28-size);
  font-weight: var(--font-heading-28-weight);
  line-height: var(--font-heading-28-line);
}
.text-heading-20 {
  font-size: var(--font-heading-20-size);
  font-weight: var(--font-heading-20-weight);
  line-height: var(--font-heading-20-line);
}
.text-body-14 {
  font-size: var(--font-body-14-size);
  font-weight: var(--font-body-14-weight);
  line-height: var(--font-body-14-line);
}
.text-body-13 {
  font-size: var(--font-body-13-size);
  font-weight: var(--font-body-13-weight);
  line-height: var(--font-body-13-line);
}
.text-label-13 {
  font-size: var(--font-label-13-size);
  font-weight: var(--font-label-13-weight);
  line-height: var(--font-label-13-line);
}
.text-caption-12 {
  font-size: var(--font-caption-12-size);
  font-weight: var(--font-caption-12-weight);
  line-height: var(--font-caption-12-line);
}
.text-caption-11 {
  font-size: var(--font-caption-11-size);
  font-weight: var(--font-caption-11-weight);
  line-height: var(--font-caption-11-line);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  margin: 0;
  min-width: 360px;
  overflow-x: hidden;
  background: var(--color-bg-canvas);
  color: var(--color-text-primary);
  font-family: var(--font-family-base);
  font-size: var(--font-body-14-size);
  font-weight: var(--font-body-14-weight);
  line-height: var(--font-body-14-line);
  font-variant-numeric: lining-nums;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
img,
svg {
  display: block;
  max-width: 100%;
}
button,
input,
select,
textarea {
  font: inherit;
  font-family: var(--font-family-base);
  color: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
th,
b,
strong,
dt,
legend {
  font-weight: inherit;
  font-size: inherit;
}
button {
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}
button:disabled {
  cursor: not-allowed;
}
a {
  color: inherit;
  text-decoration: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
:focus-visible {
  outline: 2px solid var(--color-border-focus);
  outline-offset: 2px;
}
.visually-hidden {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
@media print {
  body {
    background: var(--color-bg-surface);
  }
  .no-print {
    display: none !important;
  }
}
body.has-overlay {
  overflow: hidden;
}
[dir=rtl] .mirror-rtl {
  transform: scaleX(-1);
}
[dir=rtl] body {
  letter-spacing: 0;
}
[dir=rtl] .ltr-content {
  direction: ltr;
  unicode-bidi: isolate;
}
.ltr-content {
  unicode-bidi: isolate;
}
[dir=rtl] {
  --shadow-drawer-offset: 4px;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */