/* Generated by scripts/build-theme.mjs. Edit config.js / shared/theme-tokens.json. */
:root, body, .theme-preview-root:not(.is-active) {
  --panel-font-family: Inter, sans-serif;
  --panel-body-bg: #081429;
  --panel-sidebar-bg: #0B1B38;
  --panel-sidebar-header-bg: #09162F;
  --panel-header-bg: #0C1D3A;
  --panel-surface-bg: #10264A;
  --panel-filter-bg: #132C51;
  --panel-table-bg: #10264A;
  --panel-table-head-bg: #17345D;
  --panel-table-row-bg: #10264A;
  --panel-modal-bg: #10264A;
  --panel-modal-header-bg: #17345D;
  --panel-modal-border: #365983;
  --panel-modal-accent-start: #85B8FF;
  --panel-modal-accent-end: #61DDD3;
  --panel-button-primary-bg: #315EDB;
  --panel-button-primary-text: #FFFFFF;
  --panel-button-secondary-bg: #087E8B;
  --panel-button-secondary-text: #FFFFFF;
  --panel-button-success-bg: #43D6A0;
  --panel-button-success-text: #073C2E;
  --panel-button-warning-bg: #FFD078;
  --panel-button-warning-text: #493000;
  --panel-label-active-bg: #57DCAA;
  --panel-label-active-text: #073C2E;
  --panel-label-passive-bg: #A9BBD6;
  --panel-label-passive-text: #172D4C;
  --panel-label-info-bg: #8CC8FF;
  --panel-label-info-text: #103861;
  --panel-label-warning-bg: #FFD078;
  --panel-label-warning-text: #493000;
  --panel-text-color: #DFEAFE;
  --panel-muted-text-color: #B2C5E2;
  --panel-field-text: #F0F6FF;
  --panel-placeholder-text: #A7BEDD;
  --panel-header-text: #F6F9FF;
  --panel-header-muted-text: #B2C5E2;
  --panel-menu-text: #DFEAFE;
  --panel-menu-active-text: #FFFFFF;
  --panel-menu-label: #A7BEDD;
  --panel-menu-hover-bg: #1B3B65;
  --panel-dropdown-bg: #142F54;
  --panel-dropdown-text: #DFEAFE;
  --panel-dropdown-hover-bg: #1B3B65;
  --panel-dropdown-hover-text: #F6F9FF;
  --panel-page-title: #F6F9FF;
  --panel-breadcrumb-text: #B2C5E2;
  --panel-breadcrumb-active-text: #F6F9FF;
  --panel-border-color: #34547D;
  --otm-text-soft: var(--panel-text-color);
  --otm-text-strong: var(--panel-header-text);
  --otm-text-muted: var(--panel-muted-text-color);
  --otm-border: var(--panel-border-color);
  --otm-surface: var(--panel-surface-bg);
  --otm-surface-strong: var(--panel-table-head-bg);
  --otm-surface-soft: var(--panel-hover-bg);
  --tx-surface: #132C51;
  --tx-surface-strong: #10264A;
  --tx-surface-soft: #10264A;
  --tx-field-bg: var(--panel-field-bg);
  --tx-field-border: var(--panel-field-border);
  --tx-table-head: #17345D;
  --tx-row-bg: #10264A;
  --panel-link: #85B8FF;
  --panel-focus: #61DDD3;
  --panel-selected-bg: #234F9B;
  --panel-hover-bg: #1B3B65;
  --panel-field-bg: #0B1D3B;
  --panel-field-border: #6889B3;
  --panel-button-primary-hover: #2751C7;
  --panel-button-primary-active: #2045AD;
  --panel-button-danger-bg: #CF3E68;
  --panel-button-danger-hover: #B72D55;
  --panel-button-info-bg: #64DDD2;
  --panel-label-danger-bg: #FF9AB5;
  --panel-label-danger-text: #6B1735;
  --panel-shadow-color: #020B1D4D;
  --panel-shadow: 0 14px 38px var(--panel-shadow-color);
  --panel-overlay: #020B1DBF;
  --panel-white: #FFFFFF;
  --panel-bank-logo-bg: var(--panel-white);
  --panel-bank-logo-border: #DCE6F5;
  --panel-qr-ink: #000000;
  --panel-chart-green: #4EE0AE;
  --panel-chart-coral: #FF8CAC;
  --panel-chart-blue: #85B8FF;
  --panel-chart-gold: #FFD078;
  --panel-chart-purple: #BAAAFF;
  --panel-chart-teal: #61DDD3;
  --otm-date-accent: var(--panel-link);
  --otm-date-accent-strong: var(--panel-link);
  --tx-service-warning-color: #FFA66F;
  --tx-locked-color: #A9BBD6;
  --tx-locked-me-color: #85B8FF;
  --tx-approved-bg: color-mix(in srgb, var(--panel-tone-success) 8%, var(--panel-table-row-bg));
  --tx-approved-hover-bg: color-mix(in srgb, var(--panel-tone-success) 13%, var(--panel-table-row-bg));
  --tx-rejected-bg: color-mix(in srgb, var(--panel-tone-danger) 8%, var(--panel-table-row-bg));
  --tx-rejected-hover-bg: color-mix(in srgb, var(--panel-tone-danger) 13%, var(--panel-table-row-bg));
  --tx-forwarded-bg: color-mix(in srgb, var(--panel-tone-warning) 8%, var(--panel-table-row-bg));
  --tx-forwarded-hover-bg: color-mix(in srgb, var(--panel-tone-warning) 13%, var(--panel-table-row-bg));
  --tx-pending-bg: color-mix(in srgb, var(--panel-tone-warning) 5%, var(--panel-table-row-bg));
  --tx-pending-hover-bg: color-mix(in srgb, var(--panel-tone-warning) 10%, var(--panel-table-row-bg));
  --tx-service-rejected-pending-bg: color-mix(in srgb, var(--tx-service-warning-color) 8%, var(--panel-table-row-bg));
  --tx-service-rejected-pending-hover-bg: color-mix(in srgb, var(--tx-service-warning-color) 13%, var(--panel-table-row-bg));
  --tx-locked-bg: color-mix(in srgb, var(--tx-locked-color) 6%, var(--panel-table-row-bg));
  --tx-locked-hover-bg: color-mix(in srgb, var(--tx-locked-color) 11%, var(--panel-table-row-bg));
  --tx-locked-me-bg: color-mix(in srgb, var(--tx-locked-me-color) 8%, var(--panel-table-row-bg));
  --tx-locked-me-hover-bg: color-mix(in srgb, var(--tx-locked-me-color) 13%, var(--panel-table-row-bg));
  --panel-button-info-text: #073B3B;
  --panel-tone-primary: var(--panel-link);
  --panel-tone-success: #4EE0AE;
  --panel-tone-warning: #FFD078;
  --panel-tone-danger: #FF9AB5;
  --panel-tone-info: #61DDD3;
  --panel-tone-blue: #8DC6FF;
  --panel-tone-purple: #C4B5FF;
  --panel-color-scheme: dark;
  --panel-button-secondary-hover: #096D79;
  --panel-button-secondary-active: #095D68;
  --panel-highlight-ring: 0 0 0 1px color-mix(in srgb, var(--panel-button-primary-bg) 65%, transparent);
  --panel-close-filter: invert(1);
}
/* Generated by scripts/build-theme.mjs. Edit config.js / shared/theme-tokens.json. */
body.panel-theme-custom, .theme-preview-root.is-active {
  --panel-selected-bg: var(--panel-menu-hover-bg);
  --panel-hover-bg: var(--panel-menu-hover-bg);
  --panel-field-bg: var(--panel-surface-bg);
  --panel-field-border: var(--panel-border-color);
  --panel-button-danger-bg: #DC3545;
  --panel-button-danger-hover: #BB2D3B;
  --panel-button-info-bg: #0DCAF0;
  --panel-label-danger-bg: var(--panel-label-passive-bg);
  --panel-label-danger-text: var(--panel-label-passive-text);
  --panel-overlay: color-mix(in srgb, var(--panel-body-bg) 70%, transparent);
  --panel-link: var(--panel-modal-accent-start);
  --panel-focus: var(--panel-link);
  --panel-button-primary-hover: color-mix(in srgb, var(--panel-button-primary-bg) 86%, black);
  --panel-button-primary-active: color-mix(in srgb, var(--panel-button-primary-bg) 75%, black);
  --panel-button-info-text: #0B1220;
  --panel-shadow-color: #00000026;
  --panel-chart-green: #9FD8BD;
  --panel-chart-coral: #F27A6E;
  --panel-chart-blue: #A7BEDF;
  --panel-chart-gold: #F1CD8B;
  --panel-chart-purple: #C5ADE0;
  --panel-chart-teal: #8ECFCC;
  --panel-tone-success: #4ADE80;
  --panel-tone-warning: #FFD24A;
  --panel-tone-danger: #FF7698;
  --panel-tone-info: #38D9F5;
  --panel-tone-blue: #70ADFF;
  --panel-tone-purple: #C49BFF;
  --panel-color-scheme: dark;
  --panel-button-secondary-hover: #CFDBEE;
  --panel-button-secondary-active: #BDCCE3;
}
/* Generated by scripts/build-theme.mjs. Edit config.js / shared/theme-tokens.json. */
.theme-payment-preview-root {
  --pay-color-scheme: dark;
  --pay-bg: #0B0F1A;
  --pay-bg-mid: #0F172A;
  --pay-bg-end: #0C1220;
  --pay-surface: #0F172A;
  --pay-surface-solid: #0F172A;
  --pay-surface-strong: #0F172A;
  --pay-card: #111B2E;
  --pay-info-panel: #111B2E;
  --pay-stage: #0B1220;
  --pay-notice: #111B2E;
  --pay-state-panel: #0B1220;
  --pay-aside-badge: #142338;
  --pay-method-badge: #18364A;
  --pay-copy-button: #10243A;
  --pay-border: #34445C;
  --pay-border-rgb: 52, 68, 92;
  --pay-primary: #4CC3FF;
  --pay-primary-600: #26A7EE;
  --pay-primary-700: #0E86C8;
  --pay-primary-rgb: 76, 195, 255;
  --pay-accent: #22D3EE;
  --pay-accent-rgb: 34, 211, 238;
  --pay-muted: #A6B3C6;
  --pay-text: #E5EDF7;
  --pay-text-strong: #F8FBFF;
  --pay-state-title: #F8FBFF;
  --pay-contrast-text: #0B1220;
  --pay-crypto-picker-alert-bg: #3B3122;
  --pay-crypto-picker-alert-border: #89724A;
  --pay-crypto-picker-alert-text: #F1CD8B;
  --pay-crypto-option-bg: #0D192B;
  --pay-crypto-option-border: #42536B;
  --pay-crypto-option-badge-bg: #18364A;
  --pay-crypto-option-badge-text: #BBE9FF;
  --pay-crypto-panel-bg: #111B2E;
  --pay-crypto-panel-border: #42536B;
  --pay-crypto-box-bg: #0B1220;
  --pay-crypto-box-border: #34445C;
  --pay-crypto-box-label: #A6B3C6;
  --pay-crypto-network-badge-bg: #142338;
  --pay-crypto-network-badge-border: #42536B;
  --pay-crypto-network-badge-text: #E5EDF7;
  --pay-crypto-warning-bg: #3B3122;
  --pay-crypto-warning-border: #89724A;
  --pay-crypto-warning-text: #F1CD8B;
  --pay-crypto-qr-bg: #FFFFFF;
  --bs-primary: #4CC3FF;
  --bs-primary-rgb: 76, 195, 255;
  --bs-success: var(--pay-success-text);
  --bs-success-rgb: 159, 216, 189;
  --pay-qr-shell-border: #34445C;
  --pay-qr-shell-glow: #00000000;
  --pay-qr-shell-gradient-start: #0B1220;
  --pay-qr-shell-gradient-end: #0B1220;
  --pay-qr-shell-shadow: #00000026;
  --pay-qr-header-border: #34445C;
  --pay-qr-header-bg: #111B2E;
  --pay-qr-eyebrow-bg: #18364A;
  --pay-qr-eyebrow-text: #4CC3FF;
  --pay-qr-countdown-bg: #18364A;
  --pay-qr-countdown-text: #4CC3FF;
  --pay-qr-stage-bg: #111B2E;
  --pay-qr-stage-border: #34445C;
  --pay-qr-stage-shadow: #0000001A;
  --pay-qr-select-bg: #111B2E;
  --pay-qr-select-text: #E5EDF7;
  --pay-qr-placeholder: #A6B3C6;
  --pay-qr-title: #F8FBFF;
  --pay-qr-body: #E5EDF7;
  --pay-qr-summary-start: #0B1220;
  --pay-qr-summary-end: #0B1220;
  --pay-qr-summary-text: #F8FBFF;
  --pay-qr-summary-shadow: #0000001A;
  --pay-qr-summary-badge-start: #18364A;
  --pay-qr-summary-badge-end: #18364A;
  --pay-qr-summary-badge-text: #4CC3FF;
  --pay-qr-summary-muted: #A6B3C6;
  --pay-qr-step-text: #A6B3C6;
  --pay-qr-step-line: #34445C;
  --pay-qr-step-dot-bg: #34445C;
  --pay-qr-step-dot-border: #111B2E;
  --pay-qr-step-dot-shadow: #00000000;
  --pay-qr-step-active-text: #4CC3FF;
  --pay-qr-step-active-dot-bg: #4CC3FF;
  --pay-qr-step-active-dot-shadow: #00000000;
  --pay-qr-step-active-line: #4CC3FF;
  --pay-qr-form-note-bg: #0B1220;
  --pay-qr-form-note-text: #E5EDF7;
  --pay-qr-preview-item-bg: #0B1220;
  --pay-qr-preview-item-border: #34445C;
  --pay-qr-preview-label: #A6B3C6;
  --pay-qr-preview-value: #F8FBFF;
  --pay-qr-primary-start: #4CC3FF;
  --pay-qr-primary-end: #4CC3FF;
  --pay-qr-primary-text: #0B1220;
  --pay-qr-primary-shadow: #00000026;
  --pay-qr-primary-hover-start: #26A7EE;
  --pay-qr-primary-hover-end: #26A7EE;
  --pay-qr-secondary-border: #74869E;
  --pay-qr-secondary-bg: #0B1220;
  --pay-qr-secondary-text: #E5EDF7;
  --pay-qr-status-pill-bg: #18364A;
  --pay-qr-status-pill-text: #4CC3FF;
  --pay-qr-loading-text: #A6B3C6;
  --pay-secondary-surface: var(--pay-stage);
  --pay-highlight: var(--pay-method-badge);
  --pay-field-border: #74869E;
  --pay-success-bg: #203A30;
  --pay-success-text: #9FD8BD;
  --pay-warning-bg: #3B3122;
  --pay-warning-text: #F1CD8B;
  --pay-danger-bg: #44252D;
  --pay-danger-text: #FFADB9;
  --pay-info-bg: #283142;
  --pay-info-text: #B7C5DE;
  --pay-neutral-bg: #263246;
  --pay-neutral-text: #BBC6D6;
  --pay-shadow-color: #00000026;
  --pay-shadow: 0 8px 24px var(--pay-shadow-color);
  --pay-overlay: #020617B3;
  --pay-qr-paper: #FFFFFF;
  --pay-qr-ink: #000000;
  --payment-color-scheme: var(--pay-color-scheme);
  --payment-bg: var(--pay-bg);
  --payment-bg-mid: var(--pay-bg-mid);
  --payment-bg-end: var(--pay-bg-end);
  --payment-surface: var(--pay-surface);
  --payment-surface-solid: var(--pay-surface-solid);
  --payment-surface-strong: var(--pay-surface-strong);
  --payment-card: var(--pay-card);
  --payment-info-panel: var(--pay-info-panel);
  --payment-stage: var(--pay-stage);
  --payment-notice: var(--pay-notice);
  --payment-state-panel: var(--pay-state-panel);
  --payment-aside-badge: var(--pay-aside-badge);
  --payment-method-badge: var(--pay-method-badge);
  --payment-copy-button: var(--pay-copy-button);
  --payment-border: var(--pay-border);
  --payment-border-rgb: var(--pay-border-rgb);
  --payment-primary: var(--pay-primary);
  --payment-primary-600: var(--pay-primary-600);
  --payment-primary-700: var(--pay-primary-700);
  --payment-primary-rgb: var(--pay-primary-rgb);
  --payment-accent: var(--pay-accent);
  --payment-accent-rgb: var(--pay-accent-rgb);
  --payment-muted: var(--pay-muted);
  --payment-text: var(--pay-text);
  --payment-text-strong: var(--pay-text-strong);
  --payment-state-title: var(--pay-state-title);
  --payment-contrast-text: var(--pay-contrast-text);
  --payment-crypto-picker-alert-bg: var(--pay-crypto-picker-alert-bg);
  --payment-crypto-picker-alert-border: var(--pay-crypto-picker-alert-border);
  --payment-crypto-picker-alert-text: var(--pay-crypto-picker-alert-text);
  --payment-crypto-option-bg: var(--pay-crypto-option-bg);
  --payment-crypto-option-border: var(--pay-crypto-option-border);
  --payment-crypto-option-badge-bg: var(--pay-crypto-option-badge-bg);
  --payment-crypto-option-badge-text: var(--pay-crypto-option-badge-text);
  --payment-crypto-panel-bg: var(--pay-crypto-panel-bg);
  --payment-crypto-panel-border: var(--pay-crypto-panel-border);
  --payment-crypto-box-bg: var(--pay-crypto-box-bg);
  --payment-crypto-box-border: var(--pay-crypto-box-border);
  --payment-crypto-box-label: var(--pay-crypto-box-label);
  --payment-crypto-network-badge-bg: var(--pay-crypto-network-badge-bg);
  --payment-crypto-network-badge-border: var(--pay-crypto-network-badge-border);
  --payment-crypto-network-badge-text: var(--pay-crypto-network-badge-text);
  --payment-crypto-warning-bg: var(--pay-crypto-warning-bg);
  --payment-crypto-warning-border: var(--pay-crypto-warning-border);
  --payment-crypto-warning-text: var(--pay-crypto-warning-text);
  --payment-crypto-qr-bg: var(--pay-crypto-qr-bg);
  --payment-qr-shell-border: var(--pay-qr-shell-border);
  --payment-qr-shell-glow: var(--pay-qr-shell-glow);
  --payment-qr-shell-gradient-start: var(--pay-qr-shell-gradient-start);
  --payment-qr-shell-gradient-end: var(--pay-qr-shell-gradient-end);
  --payment-qr-shell-shadow: var(--pay-qr-shell-shadow);
  --payment-qr-header-border: var(--pay-qr-header-border);
  --payment-qr-header-bg: var(--pay-qr-header-bg);
  --payment-qr-eyebrow-bg: var(--pay-qr-eyebrow-bg);
  --payment-qr-eyebrow-text: var(--pay-qr-eyebrow-text);
  --payment-qr-countdown-bg: var(--pay-qr-countdown-bg);
  --payment-qr-countdown-text: var(--pay-qr-countdown-text);
  --payment-qr-stage-bg: var(--pay-qr-stage-bg);
  --payment-qr-stage-border: var(--pay-qr-stage-border);
  --payment-qr-stage-shadow: var(--pay-qr-stage-shadow);
  --payment-qr-select-bg: var(--pay-qr-select-bg);
  --payment-qr-select-text: var(--pay-qr-select-text);
  --payment-qr-placeholder: var(--pay-qr-placeholder);
  --payment-qr-title: var(--pay-qr-title);
  --payment-qr-body: var(--pay-qr-body);
  --payment-qr-summary-start: var(--pay-qr-summary-start);
  --payment-qr-summary-end: var(--pay-qr-summary-end);
  --payment-qr-summary-text: var(--pay-qr-summary-text);
  --payment-qr-summary-shadow: var(--pay-qr-summary-shadow);
  --payment-qr-summary-badge-start: var(--pay-qr-summary-badge-start);
  --payment-qr-summary-badge-end: var(--pay-qr-summary-badge-end);
  --payment-qr-summary-badge-text: var(--pay-qr-summary-badge-text);
  --payment-qr-summary-muted: var(--pay-qr-summary-muted);
  --payment-qr-step-text: var(--pay-qr-step-text);
  --payment-qr-step-line: var(--pay-qr-step-line);
  --payment-qr-step-dot-bg: var(--pay-qr-step-dot-bg);
  --payment-qr-step-dot-border: var(--pay-qr-step-dot-border);
  --payment-qr-step-dot-shadow: var(--pay-qr-step-dot-shadow);
  --payment-qr-step-active-text: var(--pay-qr-step-active-text);
  --payment-qr-step-active-dot-bg: var(--pay-qr-step-active-dot-bg);
  --payment-qr-step-active-dot-shadow: var(--pay-qr-step-active-dot-shadow);
  --payment-qr-step-active-line: var(--pay-qr-step-active-line);
  --payment-qr-form-note-bg: var(--pay-qr-form-note-bg);
  --payment-qr-form-note-text: var(--pay-qr-form-note-text);
  --payment-qr-preview-item-bg: var(--pay-qr-preview-item-bg);
  --payment-qr-preview-item-border: var(--pay-qr-preview-item-border);
  --payment-qr-preview-label: var(--pay-qr-preview-label);
  --payment-qr-preview-value: var(--pay-qr-preview-value);
  --payment-qr-primary-start: var(--pay-qr-primary-start);
  --payment-qr-primary-end: var(--pay-qr-primary-end);
  --payment-qr-primary-text: var(--pay-qr-primary-text);
  --payment-qr-primary-shadow: var(--pay-qr-primary-shadow);
  --payment-qr-primary-hover-start: var(--pay-qr-primary-hover-start);
  --payment-qr-primary-hover-end: var(--pay-qr-primary-hover-end);
  --payment-qr-secondary-border: var(--pay-qr-secondary-border);
  --payment-qr-secondary-bg: var(--pay-qr-secondary-bg);
  --payment-qr-secondary-text: var(--pay-qr-secondary-text);
  --payment-qr-status-pill-bg: var(--pay-qr-status-pill-bg);
  --payment-qr-status-pill-text: var(--pay-qr-status-pill-text);
  --payment-qr-loading-text: var(--pay-qr-loading-text);
  --payment-primary-strong: var(--pay-primary-600);
  --payment-primary-deeper: var(--pay-primary-700);
  --payment-muted-text: var(--pay-muted);
}