/**
 * E.V.A PRO Obsidian Night (Default Theme)
 * DGZ Engineering Lab © 2026
 */
:root {
    --bg-obsidian: #05070a;
    --bg-panel: rgba(10, 15, 24, 0.7);
    --primary: #00F2FE;
    --primary-glow: rgba(0, 242, 254, 0.4);
    --primary-dim: rgba(0, 242, 254, 0.15);
    --primary-light: #4FACFE;
    --secondary: #4FACFE;
    --success: #10B981;
    --warning: #FBBF24;
    --accent: #818CF8;
    --text-main: #F1F5F9;
    --text-dim: #64748B;
    --border-glass: rgba(255, 255, 255, 0.08);
    --border: rgba(255, 255, 255, 0.08);
    --bg-main: #05070a;
    --glow: 0 0 25px rgba(0, 242, 254, 0.25);
}

body {
    background-color: var(--bg-obsidian);
    background-image:
        radial-gradient(circle at 0% 0%, var(--primary-glow) 0%, transparent 40%),
        radial-gradient(circle at 100% 100%, rgba(79, 172, 254, 0.08) 0%, transparent 40%);
    color: var(--text-main);
}

::selection {
    background: var(--primary);
    color: #05070a;
}

header {
    background: rgba(5, 7, 10, 0.88);
    border-bottom: 1px solid var(--border-glass);
}

.glass {
    background: linear-gradient(145deg, rgba(10, 15, 24, 0.85) 0%, rgba(10, 15, 24, 0.5) 100%);
    border: 1px solid var(--border-glass);
}

textarea {
    background: rgba(0, 0, 0, 0.4);
    color: var(--primary);
}

.sys-status {
    background: rgba(10, 15, 24, 0.6);
    color: var(--text-dim);
    border: 1px solid var(--border-glass);
}

.sys-status:hover {
    background: rgba(0, 242, 254, 0.04);
    border-color: var(--primary);
    color: var(--primary);
}

.sys-status.active-ipc {
    background: rgba(0, 242, 254, 0.08);
    border-color: var(--primary);
    color: var(--primary);
    box-shadow: 0 0 20px rgba(0, 242, 254, 0.2);
}

.sys-status.active-avaluo {
    background: rgba(251, 191, 36, 0.08);
    border-color: var(--warning);
    color: var(--warning);
    box-shadow: 0 0 20px rgba(251, 191, 36, 0.2);
}

th {
    background: rgba(0, 242, 254, 0.04);
    color: var(--text-dim);
}

tr:hover td {
    background: rgba(0, 242, 254, 0.04);
}

.pct-badge {
    background: rgba(0, 242, 254, 0.08);
    border: 1px solid var(--border-glass);
}

.tech-note {
    background: rgba(0, 242, 254, 0.04);
}

.brand-name span {
    color: var(--primary);
}

.logo-box {
    background: linear-gradient(135deg, var(--primary), var(--primary-light));
}