html[data-theme="dark"] .contact-form-card,
html[data-theme="dark"] .contact-sidebar-card {
    background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .contact-title,
html[data-theme="dark"] .contact-sidebar-card h3,
html[data-theme="dark"] .contact-sidebar-item strong {
    color: #f8fafc;
}

html[data-theme="dark"] .contact-subtitle {
    color: var(--muted);
}

html[data-theme="dark"] .contact-input {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
}

html[data-theme="dark"] .contact-input::placeholder {
    color: rgba(248, 250, 252, 0.55);
}

html[data-theme="dark"] .contact-input:hover {
    border-color: rgba(255, 122, 24, 0.25);
    box-shadow: none;
}

html[data-theme="dark"] .contact-input:focus {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 122, 24, 0.45);
    box-shadow: 0 0 0 0.2rem rgba(255, 122, 24, 0.14);
}

html[data-theme="dark"] .contact-input:disabled {
    background: rgba(255, 255, 255, 0.06);
    color: rgba(248, 250, 252, 0.65);
}

html[data-theme="dark"] .contact-radio-card {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
}

html[data-theme="dark"] .contact-radio-card:hover {
    background: rgba(255, 122, 24, 0.12);
    border-color: rgba(255, 122, 24, 0.25);
}

html[data-theme="dark"] .contact-sidebar-item {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .contact-sidebar-item a {
    color: var(--accent-light);
}

html[data-theme="dark"] .contact-sidebar-item a:hover {
    color: var(--primary);
}

html[data-theme="dark"] .flatpickr-calendar {
    background: #111827;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .flatpickr-months .flatpickr-month,
html[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months,
html[data-theme="dark"] .flatpickr-current-month input.cur-year,
html[data-theme="dark"] .flatpickr-weekdays,
html[data-theme="dark"] .flatpickr-weekday,
html[data-theme="dark"] .flatpickr-day,
html[data-theme="dark"] .flatpickr-time input,
html[data-theme="dark"] .flatpickr-time .flatpickr-am-pm {
    color: #f3f4f6;
    background: transparent;
}

html[data-theme="dark"] .flatpickr-day:hover {
    background: rgba(255, 122, 24, 0.12);
    border-color: rgba(255, 122, 24, 0.22);
}

html[data-theme="dark"] .flatpickr-day.selected,
html[data-theme="dark"] .flatpickr-day.startRange,
html[data-theme="dark"] .flatpickr-day.endRange {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

html[data-theme="dark"] .flatpickr-time input:hover,
html[data-theme="dark"] .flatpickr-time .flatpickr-am-pm:hover {
    background: rgba(255, 255, 255, 0.06);
}