/**
 * G-Class Dashboard Responsive Styles
 */
@media (max-width: 1024px) {
    .dashboard-grid { grid-template-columns: 1fr !important; grid-template-areas: none !important; }
    .dashboard-ranking { order: 2; }
    .dashboard-content-area { grid-column: 1 / -1; }
    .hero-stats-grid { grid-template-columns: repeat(2,1fr); }
    .circle-icons-grid { grid-template-columns: repeat(4,1fr); }
    .dash-card-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 768px) {
    html { font-size: 13px; }
    .header-inner { flex-wrap: wrap; }
    .header-search { order: 3; width: 100%; margin-top: 8px; }
    .header-search .search-input { width: 100%; }
    .header-actions { gap: 4px; }
    .header-actions .btn { padding: 4px 8px; font-size: 0.8rem; }
    .nav-menu { flex-direction: column; gap: 0; }
    .nav-menu li a { padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.1); }
    .hero-stats-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .hero-stat-card { padding: 12px; }
    .stat-icon { font-size: 1.5rem; }
    .stat-value { font-size: 1.2rem; }
    .tab-header { overflow-x: auto; flex-wrap: nowrap; }
    .tab-btn { white-space: nowrap; padding: 8px 12px; font-size: 0.8rem; }
    .ranking-widget { position: static; }
    .posts-grid,.dashboard-posts-grid { grid-template-columns: 1fr; }
    .dash-card-grid { grid-template-columns: 1fr 1fr; }
    .circle-icons-grid { grid-template-columns: repeat(4,1fr); gap: 8px; }
    .circle-icon { width: 48px; height: 48px; font-size: 1.2rem; }
    .footer-widgets { grid-template-columns: 1fr; }
    .footer-stats { flex-wrap: wrap; gap: 16px; }
    .footer-stats .stat-item { flex: 0 0 calc(50% - 8px); }
    .dashboard-page-header { flex-direction: column; align-items: flex-start; gap: 12px; }
    .dashboard-filters { width: 100%; }
    .filter-search,.filter-sort { flex: 1; }
    .single-header .post-title { font-size: 1.5rem; }
    .dashboard-meta { flex-wrap: wrap; gap: 8px; }
    .post-actions { flex-direction: column; }
    .post-actions .btn { text-align: center; }
    .data-table { font-size: 0.8rem; }
    .data-table th,.data-table td { padding: 6px; }
    .text-list-item { flex-wrap: wrap; }
    .btn-list { width: 100%; text-align: center; margin-top: 8px; }
}
@media (max-width: 480px) {
    .hero-stats-grid { grid-template-columns: 1fr; }
    .dash-card-grid { grid-template-columns: 1fr; }
    .circle-icons-grid { grid-template-columns: repeat(2,1fr); }
    .h-scroll-item { flex: 0 0 120px; }
    .scroll-thumb { width: 120px; height: 120px; }
}