.page-header { 
    display:flex; 
    justify-content:space-between; 
    align-items:flex-start; 
    margin-bottom:24px; 
    flex-wrap:wrap; 
    gap:16px; 
}

.page-subtitle { 
    color:var(--text-secondary); 
    font-size:0.9rem; 
    margin-top:4px; 
}
.report-actions { display:flex; gap:8px; flex-wrap:wrap; }
.stat-hint { color:var(--text-secondary); font-size:.72rem; margin-top:5px; }
.stat-lucro .stat-value { color:var(--success); }
.grafico-legenda { display:flex; align-items:center; justify-content:center; gap:7px; margin-top:14px; color:var(--text-secondary); font-size:.75rem; }
.grafico-legenda span { width:10px; height:10px; border-radius:3px; background:var(--accent); }
.grafico-barra::after { content:attr(data-tooltip); position:absolute; left:50%; bottom:calc(100% + 8px); transform:translateX(-50%) translateY(4px); opacity:0; pointer-events:none; white-space:nowrap; background:var(--bg-primary2); color:var(--accent-text); padding:6px 9px; border-radius:6px; font-size:.7rem; z-index:20; transition:.18s ease; }
.grafico-barra:hover::after, .grafico-barra-item:focus .grafico-barra::after { opacity:1; transform:translateX(-50%) translateY(0); }

@media print {
    .sidebar, .topbar, .no-print, .page-header form, #sidebarBackdrop { display:none !important; }
    .main { margin:0 !important; }
    .content { padding:0 !important; }
    body { background:#fff !important; color:#111 !important; }
    .card, .stat-card { box-shadow:none !important; break-inside:avoid; border-color:#ccc !important; }
    .table-container { overflow:visible; }
    table { min-width:0 !important; }
}

/* GRÁFICO DE BARRAS - CORRIGIDO */
.grafico-barras { 
    display:flex; 
    align-items:flex-end; 
    justify-content:space-around;
    gap:12px; 
    height:200px; 
    padding:20px 10px;
    border-bottom:2px solid var(--border-color);
    overflow:hidden;
}

.grafico-barra-item { 
    flex:1; 
    display:flex; 
    flex-direction:column; 
    align-items:center; 
    justify-content:flex-end;
    height:100%;
    position:relative;
}

.grafico-barra { 
    width:100%; 
    max-width:60px;
    background: linear-gradient(to top, var(--accent), #4a4a4a); 
    border-radius:6px 6px 0 0; 
    min-height:4px;
    transition:all 0.3s ease;
    cursor:pointer;
    position:relative;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
}

.grafico-barra:hover { 
    opacity:0.8;
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(0,0,0,0.2);
}

.grafico-barra-valor { 
    position:absolute; 
    top:-30px; 
    left:50%; 
    transform:translateX(-50%); 
    font-size:0.75rem; 
    font-weight:700; 
    white-space:nowrap;
    background:var(--bg-secondary);
    padding:4px 8px;
    border-radius:4px;
    border:1px solid var(--border-color);
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
    z-index:10;
}

.grafico-barra-label { 
    font-size:0.75rem; 
    color:var(--text-secondary); 
    margin-top:10px; 
    font-weight:600;
    text-align:center;
}

/* Restante dos estilos */
.relatorio-lista { 
    display:flex; 
    flex-direction:column; 
    gap:8px; 
}

.relatorio-item { 
    display:flex; 
    justify-content:space-between; 
    align-items:center; 
    padding:12px; 
    background:var(--bg-primary); 
    border-radius:var(--radius-sm); 
}

.relatorio-item-info { 
    display:flex; 
    flex-direction:column; 
    gap:2px; 
}

.relatorio-item-info span { 
    font-size:0.8rem; 
    color:var(--text-secondary); 
}

.relatorio-item-valor { 
    font-weight:800; 
    font-size:1.1rem; 
}

.produto-categoria { 
    font-size:0.7rem; 
    background:var(--bg-primary); 
    padding:3px 8px; 
    border-radius:10px; 
    font-weight:600; 
}
