/*
 * Dashboard, claims dashboard, auth / re-auth / connect-policy / affinity pages, the OTP popup and the landing
 * popup - dark theme overrides.
 * Loaded after dashboard.css (and after custom.css / takaful.css, which own the OTP and landing popup rules).
 * Light mode is unchanged: every selector after the marker starts with [data-theme="dark"]. Brand gradient
 * buttons (primary, danger, success), the avatar and modal icon keep their colours and white text.
 */

/* Dark mode */

[data-theme="dark"] .dashboard-home,
[data-theme="dark"] .motor-claims-dashboard {
    --dashboard-text: var(--tk-ink);
    --dashboard-muted: var(--tk-muted);
    --dashboard-border: rgba(174, 220, 82, 0.28);
    --dashboard-border-soft: var(--tk-line);
    --dashboard-glass: var(--tk-card);
    --dashboard-glass-strong: var(--tk-surface-alt);
    --dashboard-surface: var(--tk-surface-alt);
    --dashboard-shadow: 0 24px 48px var(--tk-shadow-color);
    --dashboard-shadow-soft: 0 12px 26px var(--tk-shadow-color);
}

/* Header and cards */
[data-theme="dark"] .dashboard-page-header__kicker {
    background: rgba(152, 200, 41, 0.14);
    border-color: rgba(152, 200, 41, 0.35);
    color: var(--tk-green-text);
}
[data-theme="dark"] .dashboard-card {
    border-color: rgba(174, 220, 82, 0.28);
    background: var(--tk-card);
    box-shadow: 0 12px 26px var(--tk-shadow-color);
}
[data-theme="dark"] .dashboard-card::before {
    background: radial-gradient(circle at top right, rgba(50, 175, 200, 0.12), transparent 34%), radial-gradient(circle at bottom left, rgba(152, 200, 41, 0.1), transparent 32%);
}
[data-theme="dark"] .dashboard-profile-card__identity,
[data-theme="dark"] .dashboard-product-card {
    border-color: var(--tk-line);
    background: var(--tk-surface-alt);
}
[data-theme="dark"] .dashboard-product-card {
    box-shadow: 0 10px 24px var(--tk-shadow-color);
}
[data-theme="dark"] .dashboard-profile-card__eyebrow {
    color: var(--tk-green-text);
}
[data-theme="dark"] .dashboard-profile-card__facts,
[data-theme="dark"] .dashboard-profile-card--top .dashboard-profile-card__facts,
[data-theme="dark"] .dashboard-product-card__facts {
    border-top-color: var(--tk-line);
}
[data-theme="dark"] .dashboard-profile-card--top .dashboard-profile-card__facts div + div {
    border-left-color: var(--tk-line);
}
[data-theme="dark"] .dashboard-profile-card__facts div,
[data-theme="dark"] .dashboard-product-card__facts div,
[data-theme="dark"] .dashboard-profile-card--top .dashboard-profile-card__facts div {
    border-bottom-color: var(--tk-line);
}
[data-theme="dark"] .dashboard-product-card__eyebrow,
[data-theme="dark"] .dashboard-product-card__icon {
    border-color: rgba(152, 200, 41, 0.35);
    background: rgba(152, 200, 41, 0.14);
    color: var(--tk-green-text);
}

/* Actions */
[data-theme="dark"] .dashboard-action--outline {
    color: var(--tk-link);
    border-color: rgba(138, 218, 226, 0.45);
    background: var(--tk-surface-raised);
}
[data-theme="dark"] .dashboard-action--outline:hover {
    color: var(--tk-link-hover);
    border-color: var(--tk-link);
    background: rgba(138, 218, 226, 0.12);
    box-shadow: none;
}
[data-theme="dark"] .dashboard-action--ghost {
    color: var(--tk-ink);
    border-color: var(--tk-border-neutral);
    background: var(--tk-surface-raised);
}
[data-theme="dark"] .dashboard-action--ghost:hover {
    color: var(--tk-green-text);
    border-color: rgba(152, 200, 41, 0.7);
    background: rgba(152, 200, 41, 0.14);
    box-shadow: none;
}
[data-theme="dark"] .dashboard-action--outline-danger {
    color: var(--tk-invalid);
    border-color: rgba(255, 143, 143, 0.45);
    background: var(--tk-surface-raised);
}
[data-theme="dark"] .dashboard-action--outline-danger:hover {
    color: var(--tk-invalid);
    border-color: var(--tk-invalid);
    background: rgba(255, 143, 143, 0.12);
    box-shadow: none;
}
[data-theme="dark"] .dashboard-action--text-success {
    color: var(--tk-green-text);
}
[data-theme="dark"] .dashboard-action--text-success:hover {
    color: var(--tk-green-text);
}

/* Empty / skeleton states */
[data-theme="dark"] .dashboard-empty-state {
    border-color: rgba(174, 220, 82, 0.35);
    background: var(--tk-surface-alt);
}
[data-theme="dark"] .dashboard-empty-state__icon {
    background: var(--tk-surface-raised);
    color: var(--tk-link);
    box-shadow: none;
}
[data-theme="dark"] .dashboard-skeleton-card {
    border-color: var(--tk-line);
    background: var(--tk-surface-alt);
    box-shadow: none;
}
[data-theme="dark"] .dashboard-skeleton-card__pill,
[data-theme="dark"] .dashboard-skeleton-card__title,
[data-theme="dark"] .dashboard-skeleton-card__line,
[data-theme="dark"] .dashboard-skeleton-card__button,
[data-theme="dark"] .dashboard-skeleton-card__icon {
    background: linear-gradient(90deg, #363c3a 0%, #424947 48%, #3b4240 60%, #363c3a 100%);
}
[data-theme="dark"] .dashboard-skeleton-card__pill::after,
[data-theme="dark"] .dashboard-skeleton-card__title::after,
[data-theme="dark"] .dashboard-skeleton-card__line::after,
[data-theme="dark"] .dashboard-skeleton-card__button::after,
[data-theme="dark"] .dashboard-skeleton-card__icon::after {
    background: linear-gradient(90deg, rgba(138, 218, 226, 0.04) 0%, rgba(152, 200, 41, 0.1) 100%);
}

/* Update-policy modal */
[data-theme="dark"] #updatePolicyModal .info-modal-body {
    border-color: rgba(174, 220, 82, 0.28);
    background: var(--tk-modal-bg);
    box-shadow: 0 24px 50px var(--tk-shadow-color);
}
[data-theme="dark"] .dashboard-modal-field__label i {
    color: var(--tk-green-text);
}
[data-theme="dark"] #updatePolicyModal .form-control,
[data-theme="dark"] #updatePolicyModal input[type="date"] {
    border-color: var(--tk-input-border);
    background: var(--tk-input-bg);
    color: var(--tk-input-text);
}
[data-theme="dark"] #updatePolicyModal .form-control:focus,
[data-theme="dark"] #updatePolicyModal input[type="date"]:focus {
    border-color: var(--tk-input-border-focus);
    box-shadow: 0 0 0 0.2rem rgba(138, 218, 226, 0.16);
}
[data-theme="dark"] .update-policy-result--processing {
    color: var(--tk-muted);
}
[data-theme="dark"] .update-policy-result--success {
    color: var(--tk-valid);
}
[data-theme="dark"] .update-policy-result--warning {
    color: #ffc266;
}
[data-theme="dark"] .update-policy-result--error {
    color: var(--tk-invalid);
}

/* Pagination */
[data-theme="dark"] .dashboard-pagination-inner {
    background: var(--tk-surface-alt);
    border-color: var(--tk-line);
}
[data-theme="dark"] .dashboard-page-btn {
    border-color: var(--tk-border-neutral);
    background: var(--tk-surface-raised);
    color: var(--tk-ink);
}
[data-theme="dark"] .dashboard-page-btn:hover:not(:disabled) {
    border-color: var(--tk-link);
    color: var(--tk-link);
    box-shadow: none;
}
[data-theme="dark"] .dashboard-page-btn.is-active {
    color: #fff;
    border-color: var(--color-100);
}
[data-theme="dark"] .dashboard-page-dots {
    color: var(--tk-muted);
}

/* Legacy panels: connect-policy, re-auth, affinity-required */
[data-theme="dark"] .dashboard-panel-cover::before {
    background-color: var(--tk-card);
}
[data-theme="dark"] .dash-bd-profile .card .card-header h3,
[data-theme="dark"] .dash-bd-item .dash-bd-top h4,
[data-theme="dark"] .dash-bd-item .dash-bd-mid .dash-bd-body p {
    color: var(--tk-ink);
}
[data-theme="dark"] .dash-bd-item {
    border-color: var(--tk-line);
    background: var(--tk-surface-alt);
}
[data-theme="dark"] .dash-bd-item .dash-bd-mid .dash-bd-icon {
    border-color: var(--tk-line);
}
[data-theme="dark"] .takaful-ui .motor-claims-form-body,
[data-theme="dark"] .takaful-ui .container-grade-body,
[data-theme="dark"] .takaful-ui .claim-policy-panel-body,
[data-theme="dark"] .takaful-ui .mot-ins-hd {
    background: var(--tk-card);
    border-color: var(--tk-card-border);
}
[data-theme="dark"] .takaful-ui .motor-claims-form-hd h1 {
    color: var(--tk-ink);
}
[data-theme="dark"] .takaful-ui .motor-claims-form-meta {
    color: var(--tk-green-text);
}

/* OTP popup (partials/otp.blade.php; rules live in custom.css) */
[data-theme="dark"] .otp-popup-shell .backdrop-cover {
    background: radial-gradient(circle at top, rgba(152, 200, 41, 0.12), transparent 38%), radial-gradient(circle at bottom, rgba(19, 155, 211, 0.1), transparent 34%), var(--tk-backdrop);
}
[data-theme="dark"] .otp-popup-shell .otp-popup-card {
    border-color: rgba(174, 220, 82, 0.28);
    background: var(--tk-modal-bg);
    box-shadow: 0 28px 56px var(--tk-shadow-color);
}
[data-theme="dark"] .otp-popup-shell .otp-popup-head {
    background: var(--tk-surface-alt);
}
[data-theme="dark"] .otp-popup-shell .otp-popup-close {
    border-color: var(--tk-border-neutral);
    background-color: var(--tk-surface-raised);
    color: var(--tk-ink);
    box-shadow: none;
}
[data-theme="dark"] .otp-popup-shell .otp-popup-close:hover {
    color: var(--tk-green-text);
    border-color: rgba(152, 200, 41, 0.72);
    background-color: rgba(152, 200, 41, 0.14);
}
[data-theme="dark"] .otp-popup-shell .otp-popup-head__icon {
    border-color: rgba(152, 200, 41, 0.35);
    background: rgba(152, 200, 41, 0.14);
    color: var(--tk-link);
    box-shadow: none;
}
[data-theme="dark"] .otp-popup-shell .otp-popup-head h3,
[data-theme="dark"] .otp-popup-shell .otp-popup-number-preview,
[data-theme="dark"] .otp-popup-shell .form-label {
    color: var(--tk-ink);
}
[data-theme="dark"] .otp-popup-shell .otp-popup-subtitle,
[data-theme="dark"] .otp-popup-shell .otp-popup-code-label {
    color: var(--tk-muted);
}
[data-theme="dark"] .otp-popup-shell .otp-popup-progress-dot {
    background-color: var(--tk-line);
}
[data-theme="dark"] .otp-popup-shell .otp-popup-progress-dot.is-active {
    background: linear-gradient(90deg, #139bd3 0%, #98c829 100%);
}
[data-theme="dark"] .otp-popup-shell #otp-popup-phone-section,
[data-theme="dark"] .otp-popup-shell #otp-popup-email-section,
[data-theme="dark"] .otp-popup-shell #otp-popup-code-section {
    border-color: var(--tk-line);
    background: var(--tk-surface-alt);
}
[data-theme="dark"] .otp-popup-shell .otp-method-tabs {
    background: var(--tk-surface-alt);
}
[data-theme="dark"] .otp-popup-shell .otp-method-tab {
    color: var(--tk-muted);
}
[data-theme="dark"] .otp-popup-shell .otp-method-tab.is-active {
    background: var(--tk-tab-active-bg);
    color: var(--tk-green-text);
    box-shadow: 0 1px 4px var(--tk-shadow-color);
}
[data-theme="dark"] .otp-popup-shell .input-group-text {
    background-color: var(--tk-surface-raised);
    border-color: var(--tk-input-border);
    color: var(--tk-green-text);
}
[data-theme="dark"] .otp-popup-shell .form-control {
    background-color: var(--tk-input-bg);
    border-color: var(--tk-input-border);
    color: var(--tk-input-text);
}
[data-theme="dark"] .otp-popup-shell .form-control:focus {
    border-color: var(--tk-input-border-focus);
    box-shadow: 0 0 0 0.22rem rgba(138, 218, 226, 0.16);
}

/* Landing popup (rules live in takaful.css) */
[data-theme="dark"] .landing-popup-overlay {
    background: var(--tk-backdrop);
}
[data-theme="dark"] .landing-popup-close {
    background: var(--tk-surface-raised);
    color: var(--tk-ink);
    box-shadow: 0 4px 12px var(--tk-shadow-color);
}
[data-theme="dark"] .landing-popup-close:hover {
    color: var(--tk-green-text);
}
[data-theme="dark"] .landing-popup-image,
[data-theme="dark"] .landing-popup-cta {
    box-shadow: 0 12px 30px var(--tk-shadow-color);
}
[data-theme="dark"] .landing-popup-cta {
    background: var(--tk-modal-bg);
}