/* Reports dashboard styles — scoped to #reports-app */
#reports-app .topbar{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
#reports-app .container{padding:0;max-width:1200px}
#reports-app .kpis{display:flex;gap:12px;flex-wrap:wrap}
#reports-app .kpi{flex:1;min-width:180px;background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
#reports-app .kpi-title{font-size:13px;color:#666;margin-bottom:4px}
#reports-app .kpi-value{font-size:26px;font-weight:700;color:#1a1a1a}
#reports-app .kpi-sub{font-size:12px;color:#888;margin-top:6px}
#reports-app .kpi-danger .kpi-value{color:#c0392b}
#reports-app .charts{display:flex;gap:16px;flex-wrap:wrap}
#reports-app .chart{flex:1;min-width:300px;background:#fff;padding:16px;border-radius:8px;min-height:200px}
#reports-app .tables{display:grid;gap:16px}
#reports-app .table-panel{background:#fff;padding:12px;border-radius:8px;overflow-x:auto}
#reports-app .table-panel table{width:100%;border-collapse:collapse}
#reports-app .table-panel thead th{font-size:12px;text-align:left;padding:8px;color:#666;border-bottom:2px solid #eee}
#reports-app .table-panel tbody td{padding:8px 10px;border-top:1px solid #f0f0f0;font-size:13px}
#reports-app .group-row:hover{background:#eef2f7 !important}
#reports-app .group-row td:first-child{width:30px;text-align:center;color:#999;font-size:11px}
#reports-app .detail-row{background:#fafbfc}
#reports-app .detail-row:hover{background:#f0f4f8}
#reports-app .group-btns button{cursor:pointer}
#reports-app .group-btns button.active{background:rgba(43,108,176,0.12);color:#2b6cb0}

@media (max-width:900px){
  #reports-app .charts{flex-direction:column}
  #reports-app .kpis{flex-direction:column}
}