/* ============================================================
   TEKNA NEORADAR THEME — dark sci-fi glass, cyan radar accent
   Attivazione: data-theme="neoradar" su <html>
   ============================================================ */

html[data-theme="neoradar"],
html[data-theme="neoradar"] :root {
    --tk-primary:            #00e5ff;
    --tk-primary-dark:       #00b8d4;
    --tk-navbar-bg:          rgba(6, 10, 18, 0.92);
    --tk-navbar-text:        #e8f4ff;
    --tk-bg-surface:         #070b12;
    --tk-bg-card:            rgba(14, 22, 36, 0.72);
    --tk-text-primary:       #e6edf7;
    --tk-border-color:       rgba(0, 229, 255, 0.18);
    --tk-table-header-bg:    rgba(8, 14, 24, 0.95);
    --tk-table-header-color: #b8d4f0;
    --tk-hover-row-bg:       rgba(0, 229, 255, 0.06);
    --tk-hover-accent:       #00e5ff;
    --tk-link-color:         #4dd0ff;
    --tk-accent-subtle-bg:   rgba(0, 229, 255, 0.12);
    --tk-accent-subtle-text: #7ee8ff;
    --tk-surface-plain:      rgba(12, 18, 30, 0.88);
    --tk-border-soft:        rgba(0, 229, 255, 0.14);
    --tk-border-subtle:      rgba(120, 160, 200, 0.12);
    --tk-info-soft:          rgba(0, 180, 220, 0.14);
    --tk-overlay-dark:       rgba(2, 6, 14, 0.88);

  /* Neo-Radar exclusive tokens */
    --tk-neo-glow:           0 0 24px rgba(0, 229, 255, 0.35);
    --tk-neo-glow-soft:      0 0 12px rgba(0, 229, 255, 0.18);
    --tk-neo-grid:           rgba(0, 229, 255, 0.04);
    --tk-neo-accent-2:       #7c4dff;
    --tk-neo-radar:          #00e676;
}

html[data-theme="neoradar"] body {
    background-color: var(--tk-bg-surface);
    background-image:
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(0, 229, 255, 0.08), transparent),
        linear-gradient(var(--tk-neo-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--tk-neo-grid) 1px, transparent 1px);
    background-size: auto, 48px 48px, 48px 48px;
    color: var(--tk-text-primary);
}

html[data-theme="neoradar"] .navbar.bg-primary {
    backdrop-filter: blur(14px) saturate(1.4);
    -webkit-backdrop-filter: blur(14px) saturate(1.4);
    border-bottom: 1px solid var(--tk-border-soft);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.45);
}

html[data-theme="neoradar"] .card,
html[data-theme="neoradar"] .modal-content,
html[data-theme="neoradar"] .offcanvas {
    background: var(--tk-bg-card) !important;
    backdrop-filter: blur(16px) saturate(1.3);
    -webkit-backdrop-filter: blur(16px) saturate(1.3);
    border-color: var(--tk-border-soft) !important;
    color: var(--tk-text-primary);
}

html[data-theme="neoradar"] .form-control,
html[data-theme="neoradar"] .form-select {
    background: rgba(8, 14, 24, 0.65);
    border-color: var(--tk-border-soft);
    color: var(--tk-text-primary);
}

html[data-theme="neoradar"] .form-control:focus,
html[data-theme="neoradar"] .form-select:focus {
    border-color: var(--tk-primary);
    box-shadow: var(--tk-neo-glow-soft);
}

html[data-theme="neoradar"] .btn-primary {
    background: linear-gradient(135deg, #00b8d4 0%, #00e5ff 50%, #18ffff 100%);
    border: none;
    color: #041018;
    font-weight: 700;
    box-shadow: var(--tk-neo-glow-soft);
}

html[data-theme="neoradar"] .btn-primary:hover {
    filter: brightness(1.08);
    box-shadow: var(--tk-neo-glow);
}

html[data-theme="neoradar"] .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--tk-text-primary);
    --bs-table-hover-bg: var(--tk-hover-row-bg);
}

html[data-theme="neoradar"] .table thead th,
html[data-theme="neoradar"] thead.table-dark th {
    background-color: var(--tk-table-header-bg) !important;
    color: var(--tk-table-header-color) !important;
    border-bottom-color: var(--tk-border-soft);
}

html[data-theme="neoradar"] .dropdown-menu {
    background: rgba(10, 16, 28, 0.95);
    backdrop-filter: blur(12px);
    border-color: var(--tk-border-soft);
}

html[data-theme="neoradar"] .dropdown-item {
    color: var(--tk-text-primary);
}

html[data-theme="neoradar"] .dropdown-item:hover {
    background: var(--tk-hover-row-bg);
    color: var(--tk-primary);
}

html[data-theme="neoradar"] .text-muted {
    color: rgba(180, 200, 220, 0.72) !important;
}

html[data-theme="neoradar"] .bg-light {
    background-color: rgba(16, 24, 40, 0.55) !important;
}

html[data-theme="neoradar"] .border-primary {
    border-color: rgba(0, 229, 255, 0.45) !important;
}

/* Browser autofill must not flash light panels on dark inputs */
html[data-theme="neoradar"] .form-control:-webkit-autofill,
html[data-theme="neoradar"] .form-control:-webkit-autofill:hover,
html[data-theme="neoradar"] .form-control:-webkit-autofill:focus,
html[data-theme="neoradar"] .form-control:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px var(--tk-input-bg, rgba(8, 14, 24, 0.72)) inset !important;
    box-shadow: 0 0 0 1000px var(--tk-input-bg, rgba(8, 14, 24, 0.72)) inset !important;
    -webkit-text-fill-color: var(--tk-text-primary, #e6edf7) !important;
    caret-color: var(--tk-text-primary, #e6edf7);
    transition: background-color 99999s ease-out 0s;
}