/**
 * Setup Wizard Styles
 *
 * @package TrueConversion
 */

.tc-wizard { max-width: 700px; margin: 40px auto; background: #fff; border: 1px solid #c3c4c7; border-radius: 8px; overflow: hidden; }
.tc-wizard-header { background: #2563eb; color: #fff; padding: 24px 32px; }
.tc-wizard-header h1 { margin: 0; font-size: 22px; font-weight: 600; color: #fff; }
.tc-wizard-header p { margin: 6px 0 0; opacity: 0.9; font-size: 14px; }
.tc-wizard-body { padding: 32px; }
.tc-wizard-step { display: none; }
.tc-wizard-step.active { display: block; }
.tc-wizard-step h2 { margin-top: 0; font-size: 18px; }
.tc-wizard-nav { display: flex; justify-content: space-between; padding: 20px 32px; border-top: 1px solid #e5e7eb; background: #f9fafb; }
.tc-wizard-nav .button { min-width: 120px; text-align: center; }
.tc-wizard-steps-indicator { display: flex; gap: 8px; padding: 16px 32px; background: #f9fafb; border-bottom: 1px solid #e5e7eb; }
.tc-wizard-steps-indicator .step-dot { width: 10px; height: 10px; border-radius: 50%; background: #c3c4c7; }
.tc-wizard-steps-indicator .step-dot.active { background: #2563eb; }
.tc-wizard-steps-indicator .step-dot.completed { background: #16a34a; }
.tc-form-checkbox { display: block; padding: 10px 14px; margin-bottom: 8px; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 4px; }
.tc-form-checkbox.detected { background: #f0fdf4; border-color: #86efac; }
.tc-plan-table { width: 100%; border-collapse: collapse; margin-bottom: 24px; font-size: 13px; }
.tc-plan-table th,
.tc-plan-table td { padding: 8px 10px; text-align: center; border: 1px solid #e5e7eb; }
.tc-plan-table th { background: #f9fafb; font-size: 13px; }
.tc-plan-table td:first-child,
.tc-plan-table th:first-child { text-align: left; }
.tc-plan-highlight { background: #eff6ff; color: #1e40af; }