/* ═══════════════════════════════════════════════════════════════════════════
   NEXCIENT OMEGA PATCH V2.1 : RESPONSIVE GLOBAL & SECURE PAGES
   ═══════════════════════════════════════════════════════════════════════════ */

/* 1. FORCE HTTPS ICONS & ASSETS */
img { content-visibility: auto; } /* Boost perf */

/* 2. MOBILE UX (TOUCH DEVICES) */
@media (hover: none) and (pointer: coarse) {
    * { cursor: auto !important; }
    #cursor, #cursor-ring { display: none !important; }
    
    /* Grossir les boutons pour les doigts */
    button, a, input, select { min-height: 48px; font-size: 16px !important; }
}

/* 3. PATCH SPÉCIFIQUE : PAGES LÉGALES (Privacy, CGV, Mentions) */
@media (max-width: 900px) {
    /* Cible les conteneurs de texte des pages légales */
    body > .container {
        padding: 30px 20px !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border: none !important;
        box-shadow: none !important;
    }
    
    /* Titres plus petits sur mobile */
    h1 { font-size: 24px !important; line-height: 1.3 !important; }
    h2 { font-size: 18px !important; margin-top: 30px !important; }
    
    /* Texte lisible */
    p, li { font-size: 14px !important; text-align: left !important; line-height: 1.7 !important; }
}

/* 4. PATCH SPÉCIFIQUE : ACCÈS PRIVÉ (Login) */
@media (max-width: 600px) {
    .login-box {
        width: 90% !important;
        padding: 30px 20px !important;
        margin: 0 auto;
    }
    .logo { font-size: 20px !important; }
}

/* 5. PATCH GÉNÉRAL (Dashboard & Index) */
@media (max-width: 1200px) {
    .container { padding: 15px !important; }
    .arch-grid, .deal-grid, .grid-form { grid-template-columns: 1fr !important; gap: 20px !important; }
    
    /* Cacher les éléments décoratifs lourds sur mobile */
    #quantum-canvas, #storm-canvas, .power-line { opacity: 0.2 !important; }
    
    /* Réajustement des jauges */
    .gauges-container { flex-direction: column; align-items: flex-start; gap: 10px; }
    .tunneling-gauge, .ruin-gauge { align-items: flex-start !important; width: 100%; }
    .tg-bar-bg { width: 100% !important; }
}