/* ==========================================================================
   CAD ENGINEERING BLUEPRINT FX (ENTERPRISE 2026)
   Dong bo nen luoi toan bo he thong Web - Tac gia: Hai Lan (0973762098)
   ========================================================================== */

:root {
    --cad-bg: #030712;
    --cad-grid-line: rgba(30, 58, 110, 0.35);
    --cad-grid-sub: rgba(14, 165, 233, 0.08);
    --neon-cyan: #00f2fe;
    --neon-blue: #38bdf8;
    --neon-electric: #4facfe;
    --neon-emerald: #10b981;
    --neon-gold: #f59e0b;
    --glass-card-bg: rgba(9, 18, 36, 0.78);
    --glass-card-border: rgba(56, 189, 248, 0.25);
}

/* NỀN LƯỚI TỌA ĐỘ CAD BLUEPRINT GRID */
.cad-background-grid {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--cad-bg);
    background-image: 
        radial-gradient(circle at 50% 15%, rgba(14, 165, 233, 0.15) 0%, transparent 60%),
        radial-gradient(circle at 85% 85%, rgba(16, 185, 129, 0.1) 0%, transparent 50%),
        linear-gradient(to right, var(--cad-grid-line) 1px, transparent 1px),
        linear-gradient(to bottom, var(--cad-grid-line) 1px, transparent 1px),
        linear-gradient(to right, var(--cad-grid-sub) 1px, transparent 1px),
        linear-gradient(to bottom, var(--cad-grid-sub) 1px, transparent 1px);
    background-size: 100% 100%, 100% 100%, 100px 100px, 100px 100px, 20px 20px, 20px 20px;
    pointer-events: none;
    z-index: 0;
    opacity: 0.95;
}

/* SÓNG QUÉT RADAR LASER LỤC BẢO QUÉT BẢN VẼ */
.radar-sweep {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 242, 254, 0.04), rgba(0, 242, 254, 0.12), transparent);
    pointer-events: none;
    z-index: 1;
    animation: cadRadarSweep 8s ease-in-out infinite;
}

@keyframes cadRadarSweep {
    0% { transform: translateX(0); }
    50% { transform: translateX(200%); }
    100% { transform: translateX(200%); }
}

/* CON TRỎ CHỮ THẬP AUTOCAD CROSSHAIR & HUD TỌA ĐỘ */
#cad-crosshair-x, #cad-crosshair-y {
    position: fixed;
    pointer-events: none;
    z-index: 9998;
    opacity: 0;
    transition: opacity 0.25s ease;
}
#cad-crosshair-x {
    top: 0;
    width: 1px;
    height: 100vh;
    background: linear-gradient(to bottom, transparent, rgba(0, 242, 254, 0.5), transparent);
}
#cad-crosshair-y {
    left: 0;
    height: 1px;
    width: 100vw;
    background: linear-gradient(to right, transparent, rgba(0, 242, 254, 0.5), transparent);
}
#cad-cursor-hud {
    position: fixed;
    pointer-events: none;
    z-index: 9999;
    background: rgba(3, 7, 18, 0.9);
    border: 1px solid var(--neon-cyan);
    border-radius: 4px;
    padding: 3px 8px;
    font-family: 'JetBrains Mono', monospace, Consolas;
    font-size: 11px;
    color: var(--neon-cyan);
    box-shadow: 0 0 15px rgba(0, 242, 254, 0.45);
    transform: translate(16px, 16px);
    opacity: 0;
    transition: opacity 0.2s ease;
    white-space: nowrap;
}

/* NÂNG CẤP KÍNH MỜ GLASSMORPHISM NỔI BẬT */
.glass-panel-tech {
    background: var(--glass-card-bg) !important;
    border: 1px solid var(--glass-card-border) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(0, 242, 254, 0.12) !important;
    position: relative;
    z-index: 2;
}