/* =====================================================
   BLUE THEME - Override CSS
   Sobrepõe o template.css com o visual Blue
   Carregado APÓS blue-theme.css pelo index.tpl.php
   ===================================================== */

/* === BODY / BACKGROUND RESET === */
body.light { background: none !important; }
body { color: #c8d8e8 !important; }

/* === NAVBAR override (o nav Blue substitui completamente) === */
.navbar { display: none !important; }

/* === CONTAINER === */
.container.main, .container { max-width: 100% !important; padding: 0 !important; }
.row { margin: 0 !important; }

/* === SECTIONS (conteúdo central) === */
.sections {
    background: rgba(5,15,35,0.8) !important;
    border: 1px solid rgba(30,80,150,0.4) !important;
    padding: 12px !important;
    min-height: 400px;
}

/* === ASIDEBAR override === */
.asidebar { display: none !important; } /* sidebar do default oculta - Blue usa a própria */

/* === TITLE-SMALL === */
.title-small {
    background: linear-gradient(90deg, rgba(0,80,160,0.4), transparent) !important;
    border-left: 3px solid #6bffff !important;
    color: #6bffff !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 6px !important;
}

.title-small span { color: #6bffff !important; }

/* === CARDS / PANELS override === */
.card, .painel-box {
    background: rgba(5,15,40,0.8) !important;
    border: 1px solid rgba(30,80,150,0.4) !important;
    color: #c8d8e8 !important;
    border-radius: 2px !important;
}

/* === FORMS (Conteúdo geral, preservando login inputs do tema) === */
.blue-main input[type="text"], .blue-main input[type="password"], .blue-main input[type="email"],
.blue-main input[type="number"], .blue-main select, .blue-main textarea {
    background: rgba(0,20,60,0.6) !important;
    border: 1px solid rgba(30,80,150,0.5) !important;
    color: #c8d8e8 !important;
    border-radius: 2px !important;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus,
input[type="number"]:focus, select:focus, textarea:focus {
    border-color: #6bffff !important;
    outline: none !important;
    box-shadow: 0 0 8px rgba(107,255,255,0.2) !important;
}

input::placeholder { color: #4a6a8a !important; }

/* === BUTTONS === */
.btn-primary, .btn-large.blue, .enter-button {
    background: linear-gradient(135deg, rgba(0,80,180,0.7), rgba(0,50,130,0.8)) !important;
    border: 1px solid rgba(107,255,255,0.3) !important;
    color: #6bffff !important;
    border-radius: 2px !important;
    font-weight: bold !important;
}

.btn-primary:hover, .btn-large.blue:hover, .enter-button:hover {
    background: linear-gradient(135deg, rgba(0,120,240,0.7), rgba(0,80,180,0.8)) !important;
    color: #ffffff !important;
}

.btn-danger, .btn-large[style*="background:#e23163"], .btn-large[style*="background:rgba(150"] {
    background: rgba(150,20,20,0.5) !important;
    border-color: rgba(255,80,80,0.3) !important;
    color: #ff9999 !important;
}

/* === TABLES === */
table { width: 100% !important; border-collapse: collapse !important; }

table th {
    background: rgba(0,40,100,0.5) !important;
    color: #6bffff !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 6px 8px !important;
    border-bottom: 1px solid rgba(107,255,255,0.2) !important;
}

table td {
    color: #c8d8e8 !important;
    font-size: 11px !important;
    padding: 5px 8px !important;
    border-bottom: 1px solid rgba(30,60,120,0.3) !important;
}

table tr:hover td { background: rgba(0,50,120,0.2) !important; }

/* === CONFIG LIST === */
.config-list-new li {
    display: flex !important;
    justify-content: space-between !important;
    padding: 4px 8px !important;
    border-bottom: 1px solid rgba(30,80,150,0.3) !important;
    font-size: 10px !important;
    color: #c8d8e8 !important;
}

.config-label { color: #7090b0 !important; }
.config-value { color: #6bffff !important; font-weight: bold !important; }

/* === STATUS === */
#stt-on { color: #4eff91 !important; font-weight: bold !important; }
#stt-off { color: #ff4e4e !important; font-weight: bold !important; }

/* === NEWS/POST LIST === */
.u-list.post-list li { border-bottom: 1px solid rgba(30,80,150,0.3) !important; }
.u-list.post-list li p { color: #c8d8e8 !important; font-size: 11px !important; }
.u-list.post-list li a { color: #c8d8e8 !important; }
.u-list.post-list li a:hover { color: #6bffff !important; }
.post-data { color: #4a6a8a !important; font-size: 10px !important; }
.news-cat-dot { border-radius: 50% !important; }

/* === RANKING === */
.rank-table th { background: rgba(0,40,100,0.5) !important; color: #6bffff !important; }
.rank-pos { color: #6bffff !important; font-weight: bold !important; }

/* === AUTH PAGES === */
.auth-container, .login-container, .auth-page {
    max-width: 520px !important;
    margin: 20px auto !important;
    background: rgba(5,15,40,0.85) !important;
    border: 1px solid rgba(30,80,150,0.5) !important;
    padding: 24px !important;
    border-radius: 4px !important;
}

.auth-page .auth-title {
    color: #6bffff !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
}

.auth-page .auth-field label {
    color: #c8d8e8 !important;
}

.auth-page .auth-field input,
.auth-page .auth-field select {
    width: 100% !important;
    background: rgba(0,20,60,0.7) !important;
    border: 1px solid rgba(30,80,150,0.6) !important;
    color: #ffffff !important;
    padding: 8px 12px !important;
    border-radius: 3px !important;
}

.auth-btn-primary {
    display: block !important;
    width: 100% !important;
    padding: 10px 16px !important;
    background: linear-gradient(135deg, rgba(0,80,180,0.8), rgba(0,40,110,0.9)) !important;
    border: 1px solid #6bffff !important;
    color: #6bffff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    border-radius: 3px !important;
    transition: all 0.2s ease !important;
}

.auth-btn-primary:hover {
    background: linear-gradient(135deg, rgba(0,120,240,0.9), rgba(0,70,160,0.95)) !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(107,255,255,0.4) !important;
}

.auth-page .auth-footer {
    text-align: center !important;
    margin-top: 18px !important;
    color: #8da5be !important;
}

/* === MARKET === */
.market-item-card {
    background: rgba(5,15,40,0.8) !important;
    border-color: rgba(30,80,150,0.4) !important;
}

.market-item-card:hover {
    border-color: rgba(107,255,255,0.4) !important;
    background: rgba(0,40,100,0.4) !important;
}

/* === USER PANEL (internal pages) === */
.painel-user input {
    display: block !important;
    width: 90% !important;
    margin: 4px auto !important;
}

/* === STAFF === */
.staff-sidebar-wrapper .staff-status.online { color: #4eff91 !important; }
.staff-sidebar-wrapper .staff-status.offline { color: #ff4e4e !important; }

/* === EVENT LIST === */
.event-list li { border-bottom: 1px solid rgba(30,80,150,0.3) !important; }
.event-item44 p { color: #c8d8e8 !important; font-size: 11px !important; }
.timer-badge44 { color: #6bffff !important; font-size: 10px !important; }

/* === SCROLLBAR === */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: rgba(5,15,35,0.5); }
::-webkit-scrollbar-thumb { background: rgba(30,80,150,0.6); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(107,255,255,0.3); }

/* === ALERT / BADGE === */
.badge { border-radius: 2px !important; }
.badge-primary { background: rgba(0,80,180,0.6) !important; }
.alert { border-radius: 2px !important; }
.alert-info { background: rgba(0,50,120,0.4) !important; border-color: rgba(107,255,255,0.2) !important; color: #6bffff !important; }
.alert-danger { background: rgba(100,0,0,0.4) !important; border-color: rgba(255,80,80,0.2) !important; color: #ff9999 !important; }
.alert-success { background: rgba(0,80,40,0.4) !important; border-color: rgba(80,255,80,0.2) !important; color: #80ff90 !important; }
.alert-warning { background: rgba(80,60,0,0.4) !important; border-color: rgba(255,200,0,0.2) !important; color: #ffd700 !important; }

/* === HR === */
hr {
    border-color: rgba(30,80,150,0.3) !important;
    margin: 6px 0 !important;
}

/* === LINKS = */
a { color: #6bffff !important; }
a:hover { color: #ffffff !important; }

/* === DROPDOWN === */
.dropdown-menu {
    background: rgba(5,15,40,0.97) !important;
    border: 1px solid rgba(30,80,150,0.5) !important;
    border-radius: 2px !important;
}

.dropdown-item { color: #c8d8e8 !important; font-size: 11px !important; }
.dropdown-item:hover { background: rgba(0,50,120,0.5) !important; color: #6bffff !important; }

/* === DARK MODE === */
.dark body { background: none !important; }