/* ===================================================
   MUSYPHID - OPTIMIZACIÓN FINAL DE VELOCIDAD
   =================================================== */

/* 1. PANELES Y CABECERAS (Sólidos para carga instantánea) */
.panel-default > .panel-heading, 
.panel-danger > .panel-heading, 
.card-header, .module-title, .panel-title,
[style*="background-color: #d9534f"], 
[style*="background: #8b0000"] {
    background: #0a1a0a !important; 
    border-bottom: 2px solid #d4af37 !important;
    color: #d4af37 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    padding: 12px !important;
}

/* 2. CONTENEDORES (Eliminamos transparencias pesadas) */
.ms-ui-main, [class*="myaccount"], .panel, .module-contents, .card, .panel-danger {
    background: #050505 !important;
    border: 1px solid #d4af37 !important;
    color: #eee !important;
}

/* 3. FORMULARIOS */
.input-group { border: none !important; margin-bottom: 5px !important; display: flex !important; }
.input-group-text {
    background: #111 !important;
    border: 1px solid #333 !important;
    color: #d4af37 !important;
    font-size: 11px !important;
    width: 160px !important;
    display: flex !important; align-items: center; justify-content: center;
}
.form-control {
    background: #141414 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    padding: 10px !important;
    flex: 1 !important;
}

/* 4. NAVBAR PC */
#navbar {
    background: #0a1a0a url('../img/navbg.jpg') no-repeat top center;
    width: 100%;
    max-width: 1275px;
    margin: 0 auto;
    border: 2px solid #d4af37;
    border-radius: 15px !important;
    min-height: 60px;
    display: flex; align-items: center; justify-content: center;
}
#nav-links ul { display: flex; gap: 30px; list-style: none; padding: 0; margin: 0; }
#nav-links ul li a {
    color: #e0e0e0 !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
#nav-links ul li a:hover { color: #48ff00 !important; }

/* 5. BOTONES */
.btn-danger, .btn-logout, .label-danger {
    background: #1a1a1a !important;
    border: 1px solid #d4af37 !important;
    color: #d4af37 !important;
}

/* 6. POSICIONAMIENTO DEL LOGO (Optimizado) */
#header a img {
    position: absolute !important;
    top: 40px !important;
    left: 260px !important;
    width: 180px !important;
    z-index: 9999 !important;
}

/* 7. ESPACIADOR: AJUSTADO PARA LOGO FIJO */
#container, #content, .main-container {
    margin-top: 150px !important; 
    position: relative;
    z-index: 10;
}

/* === RESPONSIVE (Móvil Simplificado) === */
.pc-nav { display: block !important; }
.mobile-nav { display: none !important; }

@media (max-width: 768px) {
    .pc-nav { display: none !important; }
    .mobile-nav { display: flex !important; flex-direction: column; width: 100%; }
    #menu-toggle { padding: 10px; cursor: pointer; text-align: center; }
    #navbar { width: 98%; flex-direction: column; height: auto !important; }
    #navbar ul { flex-direction: column !important; width: 100%; gap: 0 !important; }
    #container, #content { margin-top: 20px !important; }
    #header a img {
        position: relative !important;
        top: 0 !important; left: 0 !important;
        margin: 10px auto !important;
        width: 150px !important;
        display: block !important;
    }
}

/* ELEMENTOS OCULTOS */
img[alt="Syphid"], .ms-welcome-card img { display: none !important; }