/**
 * iHandi Portal - Reports Module Styles
 * Based on ACTUAL PHP output from class-reports-module.php
 * Version: 1.0.0
 */

.reports-module { padding: 0; background: #f5f5f5; }
.reports-header { background: linear-gradient(135deg, #FFD700, #FFA500); padding: 2rem; border-radius: 12px; margin-bottom: 2rem; }
.reports-header h2 { color: #1a1a1a; margin: 0 0 0.5rem; font-size: 2rem; font-weight: 700; }
.reports-header p { color: rgba(26, 26, 26, 0.8); margin: 0; }

/* Report Type Selector */
.report-type-selector { display: flex; gap: 1rem; margin-bottom: 2rem; flex-wrap: wrap; }
.report-type-btn { flex: 1; min-width: 180px; background: #fff; padding: 1.5rem; border-radius: 10px; border: 2px solid #e0e0e0; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 0.8rem; transition: all 0.3s ease; }
.report-type-btn:hover { border-color: #FFD700; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3); }
.report-type-btn.active { border-color: #FFD700; background: rgba(255, 215, 0, 0.1); }
.report-type-btn i { font-size: 2rem; color: #FFD700; }
.report-type-btn span { font-weight: 600; color: #1a1a1a; }

/* Report Card */
.report-card { background: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); overflow: hidden; margin-bottom: 2rem; }
.report-card-header { padding: 1.5rem; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; }
.report-card-header h3 { margin: 0; color: #1a1a1a; display: flex; align-items: center; gap: 0.6rem; }
.report-card-header h3 i { color: #FFD700; }
.report-actions { display: flex; gap: 0.8rem; }
.report-card-body { padding: 2rem; }

/* Summary Grid */
.report-summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.5rem; margin-bottom: 2rem; }
.report-summary-card { background: linear-gradient(135deg, #f9f9f9, #fff); padding: 1.5rem; border-radius: 10px; border-left: 4px solid; display: flex; align-items: center; gap: 1.2rem; }
.summary-icon { width: 60px; height: 60px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; flex-shrink: 0; }
.summary-icon.stat-warning { background: rgba(255, 152, 0, 0.1); color: #FF9800; }
.summary-icon.stat-info { background: rgba(33, 150, 243, 0.1); color: #2196F3; }
.summary-icon.stat-success { background: rgba(76, 175, 80, 0.1); color: #4CAF50; }
.summary-content { flex: 1; }
.summary-value { font-size: 2rem; font-weight: 700; color: #1a1a1a; line-height: 1; margin-bottom: 0.3rem; }
.summary-label { font-size: 0.9rem; color: #666; font-weight: 500; }

/* Report Table */
.report-table-wrapper { overflow-x: auto; }
.report-table { width: 100%; border-collapse: collapse; }
.report-table thead { background: #f9f9f9; }
.report-table th { padding: 1rem; text-align: left; font-weight: 600; color: #1a1a1a; border-bottom: 2px solid #FFD700; font-size: 0.9rem; }
.report-table td { padding: 1rem; border-bottom: 1px solid #f0f0f0; }
.report-table tbody tr:hover { background: #f9f9f9; }

/* Responsive */
@media (max-width: 768px) {
    .report-summary-grid { grid-template-columns: 1fr; }
    .report-type-selector { flex-direction: column; }
    .report-type-btn { min-width: auto; }
}