@media(max-width:768px) {
  #settingsPage .s-body { display:block !important; }
  #settingsPage .s-sidebar {
    width:100% !important; min-height:unset !important;
    border-right:none !important; border-bottom:1px solid var(--border) !important;
    padding:0.5rem 0.75rem !important;
    display:flex !important; flex-direction:row !important;
    flex-wrap:nowrap !important; gap:2px !important;
    overflow-x:auto !important; -webkit-overflow-scrolling:touch; scrollbar-width:none;
    background:var(--bg) !important;
  }
  #settingsPage .s-sidebar::-webkit-scrollbar { display:none !important; }
  #settingsPage .s-content {
    display:block !important; padding:1rem 0.875rem !important;
    overflow-y:visible !important;
  }
  #settingsPage .s-main { width:100% !important; max-width:100% !important; }
  #settingsPage .s-grid2 { grid-template-columns:1fr !important; }
  #settingsPage .s-nav { padding:0.75rem 1rem !important; }
  #settingsPage .s-card { padding:1rem !important; }
  #settingsPage .s-nav-item {
    flex-shrink:0 !important; white-space:nowrap !important;
    min-width:auto !important; padding:8px 14px !important;
    font-size:12px !important; margin-bottom:0 !important;
    border-radius:8px !important;
  }
  #settingsPage .s-section-lbl { display:none; }
  #settingsMaliyetDetay { overflow-x:hidden; }
  #settingsMaliyetDetay [style*="grid-template-columns:repeat(4"] {
    grid-template-columns:repeat(2,1fr) !important;
  }
  #settingsMaliyetDetay [style*="grid-template-columns:2fr 1fr"] {
    grid-template-columns:1fr !important;
  }
  #settingsMaliyetDetay canvas { max-width:100% !important; }
  #settingsMaliyetDetay [style*="height:120px"] { height:100px !important; }
  #settingsMaliyetDetay [style*="height:90px"] { height:80px !important; }
  #settingsMaliyetDetay [style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns:repeat(2,1fr) !important;
  }
  .maliyet-stat-grid { grid-template-columns:repeat(2,1fr) !important; }
  .maliyet-chart-grid { grid-template-columns:1fr !important; }
}

@media(max-width:480px) {
  #settingsPage .s-nav-item { font-size:11px; padding:5px 8px; min-width:80px; }
  .s-grid2 { grid-template-columns:1fr !important; }
}
