/* =========================================================
   DARK TICKET TRACK PAGE
   File: static/css/dark-mode/ticket_track-dark.css
   ========================================================= */

[data-theme="dark"] .ticket-track-page {
    --track-accent: #b7a3e3;
    --track-accent-dark: #ded2ff;
    --track-accent-soft: rgba(183, 163, 227, 0.14);
    --track-accent-border: rgba(183, 163, 227, 0.30);
    --track-accent-focus: rgba(183, 163, 227, 0.16);

    --track-dark-text: #f8fafc;
    --track-hero-title: #f8fafc;
    --track-body-text: #cbd5e1;
    --track-muted-text: #94a3b8;
    --track-white: #ffffff;

    --track-green: #86b391;
    --track-orange: #dd9e59;
    --track-red: #ef4444;
    --track-gray-blue: #94a3b8;

    --track-border: rgba(255, 255, 255, 0.10);

    color: var(--dark-text);
    background:
        radial-gradient(circle at 8% 10%, rgba(183, 163, 227, 0.14) 0%, transparent 30%),
        radial-gradient(circle at 92% 12%, rgba(86, 182, 198, 0.10) 0%, transparent 32%),
        linear-gradient(180deg, var(--dark-bg) 0%, var(--dark-bg-deep) 100%);
}

/* Hero */

[data-theme="dark"] .ticket-track-hero {
    background:
        radial-gradient(circle at 20% 20%, rgba(183, 163, 227, 0.10), transparent 32%),
        radial-gradient(circle at 80% 18%, rgba(86, 182, 198, 0.08), transparent 34%),
        transparent;
}

[data-theme="dark"] .track-emoji {
    opacity: 0.16;
    filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.26));
}

[data-theme="dark"] .ticket-track-hero h1 {
    color: var(--dark-text);
}

[data-theme="dark"] .ticket-track-hero p {
    color: var(--dark-muted);
}

/* Track Card */

[data-theme="dark"] .ticket-track-card {
    background:
        radial-gradient(circle at 0% 0%, rgba(183, 163, 227, 0.18) 0%, rgba(183, 163, 227, 0.08) 26%, transparent 52%),
        radial-gradient(circle at 100% 100%, rgba(86, 182, 198, 0.11) 0%, rgba(86, 182, 198, 0.05) 28%, transparent 54%),
        rgba(17, 24, 39, 0.86);
    border-color: rgba(255, 255, 255, 0.10);
    box-shadow:
        0 34px 92px rgba(0, 0, 0, 0.48),
        0 0 40px rgba(183, 163, 227, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .ticket-track-card-glow {
    background: rgba(183, 163, 227, 0.13);
}

[data-theme="dark"] .ticket-track-header h2 {
    color: var(--track-accent-dark);
}

[data-theme="dark"] .ticket-track-header p {
    color: var(--dark-muted);
}

[data-theme="dark"] .ticket-field label {
    color: var(--dark-text);
}

[data-theme="dark"] .ticket-track-form input,
[data-theme="dark"] .ticket-input-wrap input {
    background: rgba(15, 23, 42, 0.76);
    border-color: rgba(183, 163, 227, 0.26);
    color: var(--dark-text);
    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, 0.20),
        0 12px 28px rgba(0, 0, 0, 0.20);
}

[data-theme="dark"] .ticket-track-form input:hover,
[data-theme="dark"] .ticket-input-wrap input:hover {
    border-color: rgba(183, 163, 227, 0.42);
}

[data-theme="dark"] .ticket-track-form input:focus,
[data-theme="dark"] .ticket-input-wrap input:focus {
    border-color: rgba(183, 163, 227, 0.72);
    box-shadow:
        0 0 0 5px rgba(183, 163, 227, 0.14),
        inset 0 1px 2px rgba(0, 0, 0, 0.20);
}

[data-theme="dark"] .ticket-track-form input::placeholder {
    color: #94a3b8;
}

[data-theme="dark"] .ticket-field li {
    color: #fca5a5;
}

/* Error */

[data-theme="dark"] .ticket-error-box {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.24);
    color: #fecaca;
}

/* Submit */

[data-theme="dark"] .ticket-track-submit-btn {
    background: var(--track-accent);
    color: #0f172a;
    box-shadow:
        0 22px 52px rgba(0, 0, 0, 0.34),
        0 12px 34px rgba(183, 163, 227, 0.16);
}

[data-theme="dark"] .ticket-track-submit-btn:hover {
    background: var(--track-accent-dark);
    box-shadow:
        0 28px 66px rgba(0, 0, 0, 0.46),
        0 16px 42px rgba(183, 163, 227, 0.22);
}

/* Result Card */

[data-theme="dark"] .ticket-result-card {
    background:
        radial-gradient(circle at 100% 0%, rgba(183, 163, 227, 0.14) 0%, transparent 36%),
        rgba(17, 24, 39, 0.86);
    border-color: rgba(255, 255, 255, 0.10);
    box-shadow:
        0 34px 92px rgba(0, 0, 0, 0.48),
        0 0 36px rgba(183, 163, 227, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .ticket-result-top {
    border-bottom-color: rgba(183, 163, 227, 0.22);
}

[data-theme="dark"] .ticket-result-top span,
[data-theme="dark"] .ticket-result-section span,
[data-theme="dark"] .ticket-result-footer {
    color: var(--dark-soft-muted);
}

[data-theme="dark"] .ticket-result-top strong {
    color: var(--track-accent-dark);
    text-shadow: 0 0 20px rgba(183, 163, 227, 0.16);
}

[data-theme="dark"] .ticket-result-section h2 {
    color: var(--dark-text);
}

[data-theme="dark"] .ticket-result-section p {
    color: var(--dark-muted);
}

[data-theme="dark"] .answer-section {
    background: rgba(183, 163, 227, 0.10);
    border-color: rgba(183, 163, 227, 0.22);
}

[data-theme="dark"] .answer-section span {
    color: var(--track-accent-dark);
}

[data-theme="dark"] .ticket-pending-text {
    color: #fbbf24 !important;
}

[data-theme="dark"] .ticket-result-footer {
    border-top-color: rgba(183, 163, 227, 0.18);
}

/* Status */

[data-theme="dark"] .ticket-status-new {
    background: rgba(148, 163, 184, 0.14);
    color: #cbd5e1;
    border-color: rgba(148, 163, 184, 0.22);
}

[data-theme="dark"] .ticket-status-reviewing {
    background: rgba(221, 158, 89, 0.14);
    color: #fbbf24;
    border-color: rgba(221, 158, 89, 0.26);
}

[data-theme="dark"] .ticket-status-answered {
    background: rgba(134, 179, 145, 0.14);
    color: #bbf7d0;
    border-color: rgba(134, 179, 145, 0.26);
}

[data-theme="dark"] .ticket-status-closed {
    background: rgba(255, 255, 255, 0.08);
    color: #e2e8f0;
    border-color: rgba(255, 255, 255, 0.14);
}