/* ============================================================================
   FFC Medical Network — Doctor Self-Listing Form (Page 05)
   ============================================================================
   Implements both dark (is-dark) and light (is-light) theme variants.
   All classes prefixed .ffc-md-form- to prevent theme conflicts.
   ============================================================================ */

/* ─── ROOT + THEME VARIABLES ─────────────────────────────────────────────── */
.ffc-md-form-confirm,
.ffc-md-form-confirm *,
.ffc-md-form-confirm *::before,
.ffc-md-form-confirm *::after {
    box-sizing: border-box !important;
}

.ffc-md-form-confirm {
    --ffc-accent: #ED356D;
    --ffc-font-display: 'Bebas Neue', Impact, sans-serif;
    --ffc-font-body: 'Space Grotesk', sans-serif;
    --ffc-font-mono: 'Courier Prime', monospace;

    /* Colors — overridden by theme classes */
    --bg-primary: #000;
    --bg-secondary: #171717;
    --bg-tertiary: #1c1c1c;
    --bg-input: #262626;
    --text-primary: #fff;
    --text-secondary: #d4d4d4;
    --text-muted: #888;
    --text-faint: #525252;
    --border: #404040;
    --border-strong: #fff;

    font-family: var(--ffc-font-body, 'Space Grotesk', sans-serif);
    line-height: 1.5;
    background: var(--bg-primary);
    color: var(--text-primary);
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
    overflow-x: hidden;
}

.ffc-md-form-confirm.is-dark {
    --bg-primary: #000;
    --bg-secondary: #171717;
    --bg-tertiary: #1c1c1c;
    --bg-input: #262626;
    --text-primary: #fff;
    --text-secondary: #d4d4d4;
    --text-muted: #888;
    --text-faint: #525252;
    --border: #404040;
    --border-strong: #fff;
}

.ffc-md-form-confirm.is-light {
    --bg-primary: #fff;
    --bg-secondary: #f5f5f5;
    --bg-tertiary: #fafafa;
    --bg-input: #fff;
    --text-primary: #000;
    --text-secondary: #404040;
    --text-muted: #6b6b6b;
    --text-faint: #999;
    --border: #d4d4d4;
    --border-strong: #000;
}

/* ─── THEME TOGGLE BUTTON ───────────────────────────────────────────────── */
.ffc-md-form-confirm .ffc-md-form-theme-toggle {
    position: sticky !important;
    top: 16px;
    margin: 12px 16px 0 auto;
    z-index: 100;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 8px 14px !important;
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    border: 2px solid var(--border-strong) !important;
    border-radius: 0;
    cursor: pointer;
    font-family: var(--ffc-font-mono, 'Courier Prime', monospace) !important;
    font-size: 11px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase;
    line-height: 1;
    float: right;
    transition: background 0.15s, color 0.15s, transform 0.15s;
}

.ffc-md-form-confirm .ffc-md-form-theme-toggle:hover {
    background: var(--text-primary) !important;
    color: var(--bg-primary) !important;
    transform: translateY(-1px);
}

.ffc-md-form-confirm .ffc-md-form-theme-toggle .icon-light,
.ffc-md-form-confirm .ffc-md-form-theme-toggle .icon-dark {
    font-size: 14px !important;
    line-height: 1;
}

.ffc-md-form-confirm.is-dark .ffc-md-form-theme-toggle .icon-dark { display: none; }
.ffc-md-form-confirm.is-light .ffc-md-form-theme-toggle .icon-light { display: none; }

@media (max-width: 600px) {
    .ffc-md-form-confirm .ffc-md-form-theme-toggle .lbl { display: none; }
}

/* ─── HERO ───────────────────────────────────────────────────────────────── */
.ffc-md-form-confirm .ffc-md-form-hero {
    padding: 60px 20px 28px !important;
    background: var(--bg-primary);
}

.ffc-md-form-confirm .ffc-md-form-breadcrumb {
    font-family: var(--ffc-font-mono, 'Courier Prime', monospace) !important;
    font-size: 11px !important;
    letter-spacing: 0.2em;
    color: var(--text-muted);
    margin: 0 0 24px 0 !important;
    text-transform: uppercase;
    word-break: break-word;
}

.ffc-md-form-confirm .ffc-md-form-breadcrumb span {
    color: var(--text-primary);
}

.ffc-md-form-confirm .ffc-md-form-title {
    font-family: var(--ffc-font-display, 'Bebas Neue', Impact, sans-serif) !important;
    font-size: clamp(30px, 8vw, 72px) !important;
    overflow-wrap: break-word;
    line-height: 0.95 !important;
    letter-spacing: 0.02em;
    color: var(--text-primary) !important;
    margin: 0 0 18px 0 !important;
    font-weight: 400 !important;
}

.ffc-md-form-confirm .ffc-md-form-title span {
    color: var(--ffc-accent);
}

.ffc-md-form-confirm .ffc-md-form-lead {
    font-family: var(--ffc-font-body, 'Space Grotesk', sans-serif) !important;
    font-size: 16px !important;
    color: var(--text-secondary);
    margin: 0 !important;
    line-height: 1.6;
    max-width: 640px;
}

@media (min-width: 600px) {
    .ffc-md-form-confirm .ffc-md-form-hero {
        padding: 80px 28px 36px !important;
    }
    .ffc-md-form-confirm .ffc-md-form-lead {
        font-size: 18px !important;
    }
}

/* ─── INFO STRIP ─────────────────────────────────────────────────────────── */
.ffc-md-form-confirm .ffc-md-form-info-strip {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border);
    border-left: 4px solid var(--ffc-accent) !important;
    padding: 18px 20px !important;
    margin: 16px 20px 24px !important;
    font-family: var(--ffc-font-body, 'Space Grotesk', sans-serif);
    font-size: 13px !important;
    line-height: 1.65 !important;
}

.ffc-md-form-confirm .ffc-md-form-info-strip-label {
    font-family: var(--ffc-font-mono, 'Courier Prime', monospace) !important;
    font-size: 11px !important;
    letter-spacing: 0.18em;
    color: var(--ffc-accent) !important;
    margin: 0 0 8px 0 !important;
    text-transform: uppercase;
    display: block;
}

.ffc-md-form-confirm .ffc-md-form-info-strip strong {
    color: var(--text-primary) !important;
}

@media (min-width: 600px) {
    .ffc-md-form-confirm .ffc-md-form-info-strip {
        margin: 16px 28px 28px !important;
        padding: 20px 24px !important;
    }
}

/* ─── STEP HEADERS ───────────────────────────────────────────────────────── */
.ffc-md-form-confirm .ffc-md-form-step {
    padding: 36px 20px 14px !important;
    border-bottom: 1px solid var(--border);
    margin: 0 !important;
}

.ffc-md-form-confirm .ffc-md-form-step-num {
    font-family: var(--ffc-font-mono, 'Courier Prime', monospace) !important;
    font-size: 11px !important;
    letter-spacing: 0.2em;
    color: var(--text-muted);
    text-transform: uppercase;
    margin: 0 0 10px 0 !important;
}

.ffc-md-form-confirm .ffc-md-form-step-heading {
    font-family: var(--ffc-font-display, 'Bebas Neue', Impact, sans-serif) !important;
    font-size: clamp(24px, 5vw, 36px) !important;
    letter-spacing: 0.02em;
    line-height: 1 !important;
    color: var(--text-primary) !important;
    margin: 0 !important;
    font-weight: 400 !important;
}

@media (min-width: 600px) {
    .ffc-md-form-confirm .ffc-md-form-step {
        padding: 40px 28px 14px !important;
    }
}

/* ─── FORM GROUPS ────────────────────────────────────────────────────────── */
.ffc-md-form-confirm .ffc-md-form-group {
    padding: 18px 20px 22px !important;
    margin: 0 !important;
}

@media (min-width: 600px) {
    .ffc-md-form-confirm .ffc-md-form-group {
        padding: 18px 28px 24px !important;
    }
}

.ffc-md-form-confirm .ffc-md-form-group > label {
    display: block !important;
    font-family: var(--ffc-font-mono, 'Courier Prime', monospace) !important;
    font-size: 13px !important;
    letter-spacing: 0.18em;
    color: var(--text-primary);
    margin: 0 0 8px 0 !important;
    text-transform: uppercase;
}

.ffc-md-form-confirm .ffc-md-form-group .req {
    color: var(--ffc-accent);
    margin-left: 4px;
}

.ffc-md-form-confirm .ffc-md-form-group .opt {
    color: var(--text-muted);
    margin-left: 4px;
    font-style: italic;
    text-transform: lowercase;
}

.ffc-md-form-confirm .ffc-md-form-hint {
    font-family: var(--ffc-font-body, 'Space Grotesk', sans-serif) !important;
    font-size: 12px !important;
    color: var(--text-muted);
    margin: 0 0 10px 0 !important;
    line-height: 1.5;
}

.ffc-md-form-confirm .ffc-md-form-hint strong {
    color: var(--text-primary);
}

/* ─── TEXT INPUTS ────────────────────────────────────────────────────────── */
.ffc-md-form-confirm input[type=text],
.ffc-md-form-confirm input[type=email],
.ffc-md-form-confirm input[type=tel],
.ffc-md-form-confirm input[type=url],
.ffc-md-form-confirm input[type=number],
.ffc-md-form-confirm select,
.ffc-md-form-confirm textarea {
    width: 100% !important;
    background: var(--bg-input) !important;
    border: 1px solid var(--border) !important;
    color: var(--text-primary) !important;
    padding: 14px 14px !important;
    font-family: var(--ffc-font-body, 'Space Grotesk', sans-serif) !important;
    font-size: 16px !important;
    border-radius: 0 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    box-shadow: none !important;
    transition: border-color 0.15s;
}

.ffc-md-form-confirm input:focus,
.ffc-md-form-confirm select:focus,
.ffc-md-form-confirm textarea:focus,
.ffc-md-form-confirm .is-invalid {
    outline: none !important;
    border-color: var(--text-primary) !important;
}

.ffc-md-form-confirm .is-invalid {
    box-shadow: 0 0 0 3px rgba(237, 53, 109, 0.12) !important;
}

.ffc-md-form-confirm input::placeholder,
.ffc-md-form-confirm textarea::placeholder {
    color: var(--text-faint) !important;
}

.ffc-md-form-confirm textarea {
    resize: vertical;
    min-height: 120px;
    font-family: var(--ffc-font-body, 'Space Grotesk', sans-serif) !important;
    line-height: 1.6 !important;
}

/* ─── FIELD ROW (two columns) ────────────────────────────────────────────── */
.ffc-md-form-confirm .ffc-md-form-field-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
}

.ffc-md-form-confirm .ffc-md-form-field-row > div > label {
    display: block !important;
    font-family: var(--ffc-font-mono, 'Courier Prime', monospace) !important;
    font-size: 11px !important;
    letter-spacing: 0.18em;
    color: var(--text-primary);
    margin: 0 0 8px 0 !important;
    text-transform: uppercase;
}

@media (min-width: 600px) {
    .ffc-md-form-confirm .ffc-md-form-field-row {
        grid-template-columns: 1fr 1fr !important;
        gap: 16px !important;
    }
}

/* ─── CHARACTER COUNTER ─────────────────────────────────────────────────── */
.ffc-md-form-confirm .ffc-md-form-char-counter {
    font-family: var(--ffc-font-mono, 'Courier Prime', monospace) !important;
    font-size: 11px !important;
    color: var(--text-muted);
    margin-top: 6px !important;
    text-align: right;
    letter-spacing: 0.1em;
}

.ffc-md-form-confirm .ffc-md-form-char-counter.ok {
    color: var(--ffc-accent);
}

/* ─── CHIPS (checkbox / radio pills) ─────────────────────────────────────── */
.ffc-md-form-confirm .ffc-md-form-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.ffc-md-form-confirm .ffc-md-form-chip-input {
    display: none !important;
}

.ffc-md-form-confirm .ffc-md-form-chip-input + label {
    background: transparent !important;
    border: 1px solid var(--border) !important;
    color: var(--text-secondary) !important;
    padding: 11px 16px !important;
    font-family: var(--ffc-font-mono, 'Courier Prime', monospace) !important;
    font-size: 11px !important;
    letter-spacing: 0.13em;
    cursor: pointer;
    text-transform: uppercase;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center;
    min-height: 44px;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.ffc-md-form-confirm .ffc-md-form-chip-input + label:hover {
    border-color: var(--text-primary) !important;
}

.ffc-md-form-confirm .ffc-md-form-chip-input:checked + label {
    background: var(--text-primary) !important;
    border-color: var(--text-primary) !important;
    color: var(--bg-primary) !important;
    font-weight: 700;
}

/* ─── CHOICE CARDS (radio stacked) ──────────────────────────────────────── */
.ffc-md-form-confirm .ffc-md-form-choice-cards {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
}

.ffc-md-form-confirm .ffc-md-form-choice-cards input[type=radio] {
    display: none !important;
}

.ffc-md-form-confirm .ffc-md-form-choice-cards input[type=radio] + label {
    display: block !important;
    padding: 16px 20px !important;
    background: var(--bg-secondary) !important;
    border: 2px solid var(--border) !important;
    cursor: pointer;
    margin: 0 !important;
    font-family: var(--ffc-font-body, 'Space Grotesk', sans-serif) !important;
    transition: border-color 0.15s, background 0.15s;
}

.ffc-md-form-confirm .ffc-md-form-choice-cards input[type=radio] + label:hover {
    border-color: var(--text-primary) !important;
}

.ffc-md-form-confirm .ffc-md-form-choice-cards input[type=radio]:checked + label {
    border-color: var(--text-primary) !important;
    background: var(--text-primary) !important;
}
.ffc-md-form-confirm .ffc-md-form-choice-cards input[type=radio]:checked + label .ffc-md-form-choice-title,
.ffc-md-form-confirm .ffc-md-form-choice-cards input[type=radio]:checked + label .ffc-md-form-choice-desc {
    color: var(--bg-primary) !important;
}

.ffc-md-form-confirm .ffc-md-form-choice-title {
    font-family: var(--ffc-font-display, 'Bebas Neue', Impact, sans-serif) !important;
    font-size: 20px !important;
    letter-spacing: 0.03em;
    color: var(--text-primary) !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.1;
    display: block;
}

.ffc-md-form-confirm .ffc-md-form-choice-desc {
    font-size: 13px !important;
    color: var(--text-secondary);
    line-height: 1.5;
    display: block;
}

/* ─── CHECKBOX ROW ──────────────────────────────────────────────────────── */
.ffc-md-form-confirm .ffc-md-form-checkbox-row {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start;
    padding: 0 20px 18px !important;
    margin: 0 !important;
}

.ffc-md-form-confirm .ffc-md-form-checkbox-row input[type=checkbox] {
    width: 22px !important;
    height: 22px !important;
    border: 2px solid var(--text-primary) !important;
    background: var(--bg-primary) !important;
    flex-shrink: 0;
    margin-top: 2px !important;
    accent-color: var(--ffc-accent);
    cursor: pointer;
}

.ffc-md-form-confirm .ffc-md-form-checkbox-row label {
    font-size: 13px !important;
    color: var(--text-primary);
    font-weight: 700;
    line-height: 1.55 !important;
    cursor: pointer;
    margin: 0 !important;
}

.ffc-md-form-confirm .ffc-md-form-checkbox-row label strong {
    color: var(--text-primary);
}

.ffc-md-form-confirm .ffc-md-form-checkbox-row label a {
    color: var(--ffc-accent) !important;
    text-decoration: underline !important;
}

@media (min-width: 600px) {
    .ffc-md-form-confirm .ffc-md-form-checkbox-row {
        padding: 0 28px 20px !important;
    }
}

/* Breathing room: first checkbox directly under a step heading (e.g. RECHTLICHES)
   was flush against it — give it clear top space so it isn't cramped. */
.ffc-md-form-confirm .ffc-md-form-step + .ffc-md-form-checkbox-row {
    padding-top: 16px !important;
}
@media (min-width: 600px) {
    .ffc-md-form-confirm .ffc-md-form-step + .ffc-md-form-checkbox-row {
        padding-top: 20px !important;
    }
}

/* ─── SUBMIT BLOCK ──────────────────────────────────────────────────────── */
.ffc-md-form-confirm .ffc-md-form-submit-block {
    padding: 24px 20px 50px !important;
    background: var(--bg-primary);
}

.ffc-md-form-confirm .ffc-md-form-btn-primary {
    display: block !important;
    width: 100% !important;
    background: var(--ffc-accent) !important;
    color: #000 !important;
    border: none !important;
    text-decoration: none !important;
    font-family: var(--ffc-font-display, 'Bebas Neue', Impact, sans-serif) !important;
    font-size: 22px !important;
    letter-spacing: 0.1em !important;
    padding: 22px !important;
    text-align: center;
    cursor: pointer;
    min-height: 64px;
    transition: transform 0.15s, background 0.15s;
}

.ffc-md-form-confirm .ffc-md-form-btn-primary:hover {
    transform: translateY(-1px);
}

.ffc-md-form-confirm .ffc-md-form-btn-primary:disabled {
    opacity: 0.5;
    cursor: wait;
    transform: none;
}

.ffc-md-form-confirm .ffc-md-form-submit-meta {
    font-family: var(--ffc-font-mono, 'Courier Prime', monospace) !important;
    font-size: 10px !important;
    letter-spacing: 0.13em;
    color: var(--text-muted);
    text-align: center;
    margin-top: 16px !important;
    line-height: 1.7 !important;
}

.ffc-md-form-confirm .ffc-md-form-status {
    margin-top: 16px !important;
    text-align: center;
    font-family: var(--ffc-font-mono, 'Courier Prime', monospace) !important;
    font-size: 12px !important;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    min-height: 16px;
}

.ffc-md-form-confirm .ffc-md-form-status.is-success {
    color: var(--ffc-accent);
}

.ffc-md-form-confirm .ffc-md-form-status.is-error {
    color: var(--ffc-accent);
}

@media (min-width: 600px) {
    .ffc-md-form-confirm .ffc-md-form-submit-block {
        padding: 24px 28px 60px !important;
    }
    .ffc-md-form-confirm .ffc-md-form-submit-meta {
        font-size: 11px !important;
        letter-spacing: 0.15em;
    }
}

/* ─── CLINIC-ONLY / PRAXIS-ONLY visibility helpers ──────────────────────── */
.ffc-md-form-confirm .ffc-md-form-clinic-only[hidden],
.ffc-md-form-confirm .ffc-md-form-praxis-only[hidden] {
    display: none !important;
}

/* ─── FOOTER ─────────────────────────────────────────────────────────────── */
.ffc-md-form-confirm .ffc-md-form-footer {
    padding: 28px 20px !important;
    text-align: center;
    font-family: var(--ffc-font-mono, 'Courier Prime', monospace) !important;
    font-size: 11px !important;
    letter-spacing: 0.13em;
    color: var(--text-muted);
    line-height: 1.8 !important;
    border-top: 1px solid var(--border);
    text-transform: uppercase;
}

.ffc-md-form-confirm .ffc-md-form-footer a {
    color: var(--text-primary) !important;
    text-decoration: none !important;
}

.ffc-md-form-confirm .ffc-md-form-footer a:hover {
    text-decoration: underline !important;
}

/* ─── ALIGNMENT ──────────────────────────────────────────────────────────── */
.alignwide .ffc-md-form-confirm,
.alignfull .ffc-md-form-confirm {
    max-width: none;
}

/* ─── PRACTICE CARD (auto-fetched from listing_id) ──────────────────────── */
.ffc-md-form-confirm .ffc-md-form-practice-card {
    margin: 16px 20px !important;
    padding: 22px !important;
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border) !important;
    border-left: 4px solid var(--ffc-accent) !important;
}

@media (min-width: 600px) {
    .ffc-md-form-confirm .ffc-md-form-practice-card {
        margin: 16px 28px !important;
        padding: 26px !important;
    }
}

.ffc-md-form-confirm .ffc-md-form-practice-badge {
    font-family: var(--ffc-font-mono, 'Courier Prime', monospace) !important;
    font-size: 10px !important;
    letter-spacing: 0.18em;
    color: var(--text-muted);
    margin: 0 0 10px 0 !important;
    text-transform: uppercase;
}

.ffc-md-form-confirm .ffc-md-form-practice-name {
    font-family: var(--ffc-font-display, 'Bebas Neue', Impact, sans-serif) !important;
    font-size: 28px !important;
    letter-spacing: 0.03em;
    color: var(--text-primary) !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.05 !important;
    font-weight: 400 !important;
}

.ffc-md-form-confirm .ffc-md-form-practice-specialty {
    font-family: var(--ffc-font-mono, 'Courier Prime', monospace) !important;
    font-size: 12px !important;
    letter-spacing: 0.13em;
    color: var(--text-muted);
    margin: 0 0 12px 0 !important;
    text-transform: uppercase;
}

.ffc-md-form-confirm .ffc-md-form-practice-info {
    font-size: 13px !important;
    color: var(--text-secondary);
    line-height: 1.6 !important;
    margin: 0 0 12px 0 !important;
}

.ffc-md-form-confirm .ffc-md-form-practice-info strong {
    color: var(--text-primary);
}

.ffc-md-form-confirm .ffc-md-form-practice-change-link {
    font-size: var(--ffc-change-link-size, 12px) !important;
    color: var(--text-muted);
}

.ffc-md-form-confirm .ffc-md-form-practice-change-link a {
    color: var(--ffc-change-link-color, var(--ffc-accent)) !important;
    font-size: var(--ffc-change-link-size, 12px) !important;
    text-decoration: underline !important;
}

/* ─── PREVIEW BLOCK (live preview of the recommendation card) ──────────── */
.ffc-md-form-confirm .ffc-md-form-preview-block {
    margin: 16px 20px !important;
    padding: 22px !important;
    background: var(--bg-secondary) !important;
    border: 2px dashed var(--border) !important;
}

@media (min-width: 600px) {
    .ffc-md-form-confirm .ffc-md-form-preview-block {
        margin: 16px 28px !important;
        padding: 26px !important;
    }
}

.ffc-md-form-confirm .ffc-md-form-preview-label {
    font-family: var(--ffc-font-mono, 'Courier Prime', monospace) !important;
    font-size: 10px !important;
    letter-spacing: 0.18em;
    color: var(--ffc-accent) !important;
    margin: 0 0 14px 0 !important;
    text-transform: uppercase;
}

.ffc-md-form-confirm .ffc-md-form-rec-card {
    background: var(--bg-primary) !important;
    border: 1px solid var(--border) !important;
    border-left: 4px solid var(--border-strong) !important;
    padding: 18px 20px !important;
}

.ffc-md-form-confirm .ffc-md-form-rec-meta {
    display: flex !important;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin: 0 0 14px 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid var(--border);
}

.ffc-md-form-confirm .ffc-md-form-rec-grade {
    font-family: var(--ffc-font-display, 'Bebas Neue', Impact, sans-serif) !important;
    font-size: 16px !important;
    letter-spacing: 0.04em;
    line-height: 1 !important;
    background: var(--text-primary) !important;
    color: var(--bg-primary) !important;
    padding: 6px 10px 4px !important;
    display: inline-block;
    white-space: nowrap;
}

.ffc-md-form-confirm .ffc-md-form-rec-grade.is-solid {
    background: transparent !important;
    border: 2px solid var(--text-primary) !important;
    color: var(--text-primary) !important;
    padding: 4px 8px 2px !important;
}

.ffc-md-form-confirm .ffc-md-form-rec-date {
    font-family: var(--ffc-font-mono, 'Courier Prime', monospace) !important;
    font-size: 11px !important;
    letter-spacing: 0.18em;
    color: var(--text-muted);
    text-transform: uppercase;
    margin-left: auto !important;
}

.ffc-md-form-confirm .ffc-md-form-rec-text {
    font-family: var(--ffc-font-body, 'Space Grotesk', sans-serif) !important;
    font-size: 14px !important;
    color: var(--text-secondary);
    line-height: 1.7 !important;
    font-style: italic;
    margin: 0 0 12px 0 !important;
}

.ffc-md-form-confirm .ffc-md-form-rec-author {
    font-family: var(--ffc-font-body, 'Space Grotesk', sans-serif) !important;
    font-size: 12px !important;
    color: var(--text-muted);
}

/* ─── Logout button (occupies theme-toggle slot when logged in) ─── */
.ffc-md-form-confirm .ffc-md-form-logout:hover {
    border-color: var(--ffc-accent, #ED356D) !important;
    color: var(--ffc-accent, #ED356D) !important;
    background: var(--bg-primary) !important;
    transform: none;
}