html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey { --sw-bg: #f5f0ff; --sw-bg-deep: #ede9fe; --sw-surface: #ffffff; --sw-surface-elevated: #faf8ff; --sw-text: var(--kolbeh-text, #1f2937); --sw-muted: var(--kolbeh-text-muted, #6b7280); --sw-border: rgba(124, 58, 237, 0.16); --sw-accent: var(--kolbeh-purple, #7c3aed); --sw-accent-bright: #a78bfa; --sw-accent-dark: #6d28d9; --sw-option-bg: #ffffff; --sw-option-hover: #faf8ff; --sw-success: #059669; --sw-success-text: #047857; --sw-error: #dc2626; --sw-btn-bg: var(--kolbeh-yellow, #fbbf24); --sw-btn-text: var(--kolbeh-text, #1f2937); --sw-radius: 22px; --sw-shadow: var(--kolbeh-shadow-card, 0 8px 24px rgba(124, 58, 237, 0.1)); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard-page { background: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(124, 58, 237, 0.1), transparent 55%), linear-gradient(180deg, var(--sw-bg) 0%, var(--sw-bg-deep) 100%); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard-page__bar { background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%); border-bottom: 1px solid rgba(255, 255, 255, 0.12); box-shadow: 0 4px 20px rgba(124, 58, 237, 0.2); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard-page__title { color: #fff; font-weight: 800; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__shell { border: 1px solid rgba(124, 58, 237, 0.14); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__card::before { background: linear-gradient(90deg, transparent, var(--kolbeh-purple), transparent); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__question { color: var(--kolbeh-purple-dark, #5b21b6); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__option { border-color: rgba(124, 58, 237, 0.16); background: var(--kolbeh-white, #fff); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__option:hover { background: var(--kolbeh-purple-light, #f5f0ff); border-color: rgba(124, 58, 237, 0.3); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__option.is-selected { background: linear-gradient(135deg, rgba(124, 58, 237, 0.1), rgba(124, 58, 237, 0.04)); border-color: rgba(124, 58, 237, 0.45); box-shadow: 0 0 0 1px rgba(124, 58, 237, 0.1); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__option-radio { border-color: rgba(124, 58, 237, 0.35); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__option.is-selected .survey-wizard__option-radio { border-color: var(--kolbeh-purple); background: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__option.is-selected .survey-wizard__option-radio::after { border-color: #fff; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__progress-bar { background: linear-gradient(90deg, #6d28d9, var(--kolbeh-purple), #a78bfa); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__progress-track { background: rgba(124, 58, 237, 0.1); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__btn { border: 2px solid var(--kolbeh-yellow); background: var(--kolbeh-yellow); color: var(--kolbeh-text); box-shadow: 0 4px 14px rgba(251, 191, 36, 0.35); border-radius: var(--kolbeh-radius-pill, 999px); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__btn--ghost { background: transparent; color: var(--kolbeh-purple-dark); border-color: rgba(124, 58, 237, 0.25); box-shadow: none; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__btn--ghost:hover:not(:disabled) { background: var(--kolbeh-purple-light); border-color: rgba(124, 58, 237, 0.35); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__modal-btn--primary { background: var(--kolbeh-yellow); color: var(--kolbeh-text); border: 2px solid var(--kolbeh-yellow); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__intro strong { color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-customer-survey .survey-wizard__counter { color: var(--kolbeh-purple); }