/* ===== K1 移动端增强：响应式 + 触摸友好 =====
   说明：站点已有 ≤768px「侧边栏图标化」基础适配，本文件进一步在
   小屏（≤600px）将侧边栏转为顶部横向导航，并放大触摸目标、允许表格横向滚动，
   实现「多端一致」的移动端可读/可操作体验。配合 manifest + service worker 提供可安装 PWA 与离线只读视图。 */

@media (max-width: 600px) {
  .main-wrapper { flex-direction: column; overflow: auto; }
  .sidebar {
    width: 100% !important;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    height: auto;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  }
  .sidebar-logo, .sidebar-bottom, .sidebar-divider { display: none; }
  .nav-item {
    flex-direction: row;
    justify-content: center;
    padding: 10px 14px;
    white-space: nowrap;
  }
  .nav-active-bar { display: none; }
  .nav-item.active { background: rgba(255,255,255,0.12); border-radius: 8px; }
  .main-content { padding: 12px 10px; }
  .page-header h2 { font-size: 18px; }
  .page-desc { font-size: 12px; }
  .panel { padding: 12px; }
  .drill-toolbar { gap: 8px; }
  .drill-list { grid-template-columns: 1fr; }
  .panel-header { font-size: 14px; }
  table { display: block; overflow-x: auto; white-space: nowrap; max-width: 100%; }
  .kpi-row { grid-template-columns: 1fr; }
  .chart-row { grid-template-columns: 1fr; }
  .zone-cards { grid-template-columns: 1fr; }
  .plan-cards { grid-template-columns: 1fr; }
}

@media (max-width: 380px) {
  .nav-item { padding: 8px 10px; }
  .main-content { padding: 10px 6px; }
  .page-header h2 { font-size: 16px; }
}

/* 触摸目标放大（全局，提升移动端可操作性） */
button, .btn-primary, .btn-outline, .btn-sm, .nav-item,
select, input[type=button], input[type=submit] { touch-action: manipulation; }
.btn-primary, .btn-outline, .btn-sm, .nav-item { min-height: 38px; }