/* Ночной режим усиления */
body[data-theme="night"] {
    --bg-dark: #050a14;
    --bg-darker: #030711;
    --bg-light: #0f1a2a;
    --bg-lighter: #1a2535;
    
    --primary-color: #ff8c00;
    --secondary-color: #0099ff;
    
    filter: brightness(0.8) contrast(1.2);
}

/* Адаптация для планшета */
@media (max-width: 1024px) {
    .status-bar {
        height: 60px;
        padding: 8px 15px;
    }
    
    .control-btn {
        min-height: 60px;
        font-size: 1em;
    }
    
    .control-btn.large {
        min-height: 75px;
    }
    
    .info-panel {
        flex-direction: column;
        gap: 10px;
    }
    
    .side-menu {
        width: 320px;
    }
}

/* Портретная ориентация */
@media (orientation: portrait) {
    .app-container {
        flex-direction: column;
    }
    
    .primary-controls,
    .secondary-controls {
        flex-wrap: wrap;
    }
    
    .control-btn {
        min-width: calc(50% - 10px);
    }
}

/* Высокая яркость для солнечного света */
.sunlight-mode {
    filter: brightness(1.5) contrast(1.3);
    --text-primary: #000000;
    --text-secondary: #333333;
    --bg-dark: #e6f2ff;
    --bg-darker: #cce0ff;
}

/* Анимации */
.fade-in {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.blink {
    animation: blink 1s infinite;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

/* Стили для карты OpenLayers */
.ol-control {
    background-color: rgba(10, 26, 42, 0.8) !important;
    border-radius: var(--border-radius-sm) !important;
}

.ol-control button {
    background-color: var(--primary-color) !important;
    color: white !important;
    font-weight: bold !important;
    border-radius: 50% !important;
}

.ol-attribution {
    background-color: rgba(10, 26, 42, 0.7) !important;
    color: var(--text-secondary) !important;
    font-size: 0.8em !important;
}

/* Железнодорожные стили на карте */
.railway-track {
    stroke: #ff6b00;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 10, 5;
}

.railway-station {
    fill: #0088cc;
    stroke: white;
    stroke-width: 2;
    animation: pulse 2s infinite;
}

.signal-light {
    fill: #00ff00;
    stroke: white;
    stroke-width: 1;
    filter: drop-shadow(0 0 5px #00ff00);
}

.signal-light.red {
    fill: #ff4444;
    filter: drop-shadow(0 0 5px #ff4444);
}

.signal-light.yellow {
    fill: #ffaa00;
    filter: drop-shadow(0 0 5px #ffaa00);
}