/* SmartPOS v1.0.23 compact reports and responsive business charts */
#reportsSection .page-header{margin-bottom:14px;align-items:center}#reportsSection .page-header h2{font-size:28px;margin-bottom:3px}#reportsSection .page-header p{font-size:14px}#reportsSection .reports-filter-panel{padding:14px 16px;margin-bottom:14px;border-radius:16px}#reportsSection .report-filter-grid{gap:12px}#reportsSection .form-group{gap:5px}#reportsSection .form-group label{font-size:12px}#reportsSection .form-group input,#reportsSection .form-group select{height:42px;padding:8px 12px;font-size:13px}#reportsSection #generateReportBtn,#reportsSection #printMonthlySummaryBtn,#reportsSection #printActiveReportBtn{min-height:40px;padding:9px 14px;font-size:13px;border-radius:11px}#reportsSection .reports-link-grid{gap:12px;margin-bottom:14px}#reportsSection .report-link-card{padding:12px 14px;border-radius:14px;box-shadow:0 5px 16px #0f172a0d}#reportsSection .report-link-card i{width:34px;height:34px;margin:0 0 8px;border-radius:10px;font-size:15px}#reportsSection .report-link-card strong{font-size:13px;margin-bottom:2px}#reportsSection .report-link-card span{font-size:11px}#reportsSection .reports-summary-grid{gap:12px;margin-bottom:14px}#reportsSection .stat-card{min-height:112px;padding:14px;border-radius:15px;gap:11px}#reportsSection .stat-card .stat-icon{width:42px;height:42px;border-radius:12px;font-size:17px}#reportsSection .stat-card p{font-size:12px;margin-bottom:3px}#reportsSection .stat-card h3{font-size:22px}#reportsSection .stat-card span{font-size:11px}#reportsSection .report-output-panel{padding:16px;border-radius:16px}#reportsSection .report-output-panel .panel-header{margin-bottom:12px}#reportsSection .report-mini-grid{gap:10px;margin-bottom:12px}#reportsSection .report-mini-card{padding:10px 12px;border-radius:11px}#reportsSection .report-mini-card strong{font-size:16px}
.smartpos-report-charts{margin-bottom:14px}.smartpos-chart-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px;padding:0 3px}.smartpos-chart-toolbar>div>span{font-size:10px;letter-spacing:.14em;color:#2563eb;font-weight:900}.smartpos-chart-toolbar h3{margin:2px 0;font-size:21px;color:#0f172a}.smartpos-chart-toolbar p{margin:0;color:#64748b;font-size:12px}.smartpos-chart-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#475569}.smartpos-chart-toolbar select{height:36px;padding:4px 28px 4px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;font-weight:800}.smartpos-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.smartpos-chart-card{min-width:0;padding:14px;background:#fff;border:1px solid #dce5f0;border-radius:16px;box-shadow:0 7px 20px #0f172a0b}.smartpos-chart-card.smartpos-chart-wide{grid-column:1/-1}.smartpos-chart-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:5px}.smartpos-chart-card h4{margin:0;color:#0f172a;font-size:15px}.smartpos-chart-card p{margin:3px 0 0;color:#64748b;font-size:11px}.smartpos-chart-card canvas{display:block;max-width:100%}.smartpos-trend-pill{padding:5px 8px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:11px;font-weight:900;white-space:nowrap}.smartpos-trend-pill.down{background:#fee2e2;color:#b91c1c}.smartpos-chart-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 12px;margin-top:2px;color:#64748b;font-size:10px}.smartpos-chart-legend span{display:inline-flex;align-items:center;gap:4px}.smartpos-chart-legend i{width:8px;height:8px;border-radius:50%}.smartpos-chart-legend b{color:#334155}
#reportsSection .report-table-wrapper{max-height:390px;overflow:auto;border:1px solid #e2e8f0;border-radius:12px}#reportsSection .report-table-wrapper table{font-size:12px}#reportsSection .report-table-wrapper th{position:sticky;top:0;z-index:1;padding:9px 10px;font-size:10px;white-space:nowrap}#reportsSection .report-table-wrapper td{padding:8px 10px;line-height:1.25}#reportsSection .report-badge{padding:5px 8px;font-size:10px;white-space:nowrap}
#aiSection .ai-summary-grid{gap:12px;margin-bottom:14px}#aiSection .stat-card{min-height:105px;padding:13px}#aiSection .ai-layout{gap:12px}#aiSection .ai-panel{padding:15px;border-radius:16px}#aiSection .ai-panel .panel-header{margin-bottom:10px}#aiSection .ai-panel h3{font-size:18px}#aiSection .ai-panel p{font-size:12px}#aiSection .inventory-table-wrapper{max-height:330px;overflow:auto;border-radius:10px}#aiSection .inventory-table-wrapper table{font-size:11.5px}#aiSection .inventory-table-wrapper th{position:sticky;top:0;z-index:2;padding:8px 7px;font-size:9.5px;white-space:normal;line-height:1.2}#aiSection .inventory-table-wrapper td{padding:7px;line-height:1.25}#aiSection .report-badge{padding:4px 7px;font-size:9.5px}
.refresh-btn{min-width:0!important;width:auto!important;height:40px!important;padding:8px 13px!important;border-radius:11px!important;font-size:12px!important;line-height:1!important;gap:7px!important;white-space:nowrap!important}.refresh-btn span{white-space:nowrap!important}.refresh-btn i,.refresh-btn .smartpos-refresh-spinner{flex:0 0 auto}.refresh-btn .smartpos-refresh-spinner{width:15px;height:15px;border-width:2px}
@media(max-width:900px){.smartpos-chart-grid{grid-template-columns:1fr}.smartpos-chart-card.smartpos-chart-wide{grid-column:auto}.smartpos-chart-toolbar{align-items:flex-start;flex-direction:column}.smartpos-chart-card{padding:11px}#reportsSection .reports-link-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){#reportsSection .reports-link-grid{grid-template-columns:1fr 1fr}.smartpos-chart-card canvas{min-height:210px}.refresh-btn span{display:none}}