/*
   Quantum AdVision Design System v6.4
   File: page_strategy.css
   Module: Strategic Cockpit (Graph & Map)
*/

/* --- VIEW TOGGLING (FIXED) --- */
/* Граф и Карта всегда имеют размеры, даже если скрыты.
   Это предотвращает сбой координат (Zero Dimensions bug) в Cytoscape/Leaflet */

.strategy-view-visible {
    opacity: 1;
    z-index: 1;
    position: relative;
    width: 100%;
    height: 85vh;
    left: 0;
    transition: opacity 0.3s ease;
}

.strategy-view-hidden {
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: 0;
    left: -15000px; /* Уводим за экран, но сохраняем размеры */
    width: 100%;
    height: 85vh;
}

/* --- HUD PANEL (Floating Controls) --- */
.strategy-hud-panel {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 280px;
    padding: 20px;

    /* Glassmorphism Base (Dark) */
    background: rgba(21, 30, 41, 0.95);
    color: #e0e0e0;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border: 1px solid var(--accent-primary);
    border-radius: 8px;
    box-shadow: var(--shadow-card-hover);
    z-index: 1000;
    transition: background 0.3s ease, color 0.3s ease;
}

/* Light Theme Override */
[data-theme="light"] .strategy-hud-panel {
    background: rgba(255, 255, 255, 0.90);
    color: #000;
    border: 1px solid var(--accent-primary);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

[data-theme="light"] .strategy-hud-panel h5 {
    color: var(--accent-secondary) !important;
}

/* Graph Container Styling */
#view-graph-container {
    background-color: var(--bg-body);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    transition: background-color 0.3s ease;
}