/* static/css/base.css */

:root { 
    --dark-bg: #0b0f19; 
    --card-bg: #161d2b; 
    --navbar-bg: #0f172a; 
    --accent: #38bdf8; 
    --text-muted: #94a3b8; 
    --sidebar-width: 280px; 
    --hero-bg: radial-gradient(circle at top right, rgba(56, 189, 248, 0.1), transparent),
               radial-gradient(circle at bottom left, rgba(30, 41, 59, 0.5), transparent);
}

body { 
    background-color: var(--dark-bg); 
    color: #f8fafc; 
    font-family: 'Inter', system-ui, -apple-system, sans-serif; 
    margin: 0;
}

/* Força o fundo escuro na Navbar e remove qualquer herança branca */
.navbar {
    background-color: #0f172a !important; 
    border-bottom: 1px solid #1e293b !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    z-index: 1030;
}

/* Garante que os links da marca e textos sejam brancos */
.navbar-brand, .nav-link, .navbar text {
    color: #ffffff !important;
}

.navbar-brand {
    letter-spacing: -1px;
}

/* --- BOTÕES PADRONIZADOS --- */
.btn-apy {
    background: var(--accent);
    color: #0b0f19;
    font-weight: 700;
    border-radius: 12px;
    padding: 8px 20px;
    transition: 0.3s;
    text-decoration: none;
    border: none;
}

.btn-apy:hover { 
    background: #7dd3fc; 
    transform: scale(1.05); 
}

/* Força o fundo escuro na Navbar e remove qualquer herança branca */
.navbar {
    background-color: #0f172a !important; 
    border-bottom: 1px solid #1e293b !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Garante que os links da marca e textos sejam brancos */
.navbar-brand, .nav-link, .navbar text {
    color: #ffffff !important;
}

.sidebar-container {
    background: var(--hero-bg) !important;
    background-color: #0f172a !important;
    width: var(--sidebar-width);
    min-height: calc(100vh - 72px);
}

.btn-std-small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Largura e Altura idênticas para Sair e Limpar */
    width: 95px !important;
    min-width: 95px !important;
    max-width: 95px !important;
    height: 34px !important;
    min-height: 34px !important;
    
    padding: 0 !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    line-height: 1 !important;
    transition: all 0.2s ease-in-out !important;
}

/* Efeito Hover para ambos */
.btn-std-small:hover {
    background-color: #dc3545 !important;
    color: #fff !important;
    transform: translateY(-1px);
}

/* --- CARDS PADRÃO APYCODE --- */
.card-apy {
    background-color: #0f172a !important;
    border: 1px solid #1e293b !important;
    border-radius: 12px !important;
    color: #f8fafc !important;
}

/* --- SIDEBAR & OFF-CANVAS --- */
.offcanvas { 
    background: #0f172a !important; 
    border-right: 1px solid var(--accent); 
}