/* ════════════════════════════════════════════════════════════
   后台管理端手机端通用适配（2026-10-27）

   背景：后台页面（manage/store/venue + 各插件 panel）各自带 inline CSS，
   没有公共样式入口，手机上表格/表单/标签栏普遍会挤爆或溢出。

   这里只在小屏生效，桌面端不受影响。规则保持保守：
   - 数据表格改成横向滚动，不再把列/按钮挤成竖排
   - 输入控件限制最大宽度，16px 防止 iOS 聚焦自动放大
   - 标签栏可横向滑动；固定顶栏预留刘海安全区
   - 弹窗不超过屏幕宽度
   ════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {
  html { -webkit-text-size-adjust: 100%; }
  body { overflow-x: hidden; }

  /* 数据表格：横向滚动 */
  table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  /* 表单控件：不撑破容器 */
  input, select, textarea {
    max-width: 100%;
    font-size: 16px;
  }

  /* 标签栏：横向滑动 + 预留状态栏高度（Android WebView 下 env() 可能为 0，
     用 24px 兜底，避免标签文字被状态栏压住） */
  .tabs, .tab-bar, .nav-tabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    padding-top: max(env(safe-area-inset-top, 0px), 24px);
  }

  /* 固定顶栏/标签栏预留刘海安全区（Android WebView 下 env() 为 0，用 24px 兜底） */
  .tabs, .topbar, .top-bar {
    padding-top: max(env(safe-area-inset-top, 0px), 24px);
  }

  /* 弹窗不超出屏幕 */
  .modal, .dialog, .modal-dialog, .mc-dialog {
    max-width: 96vw !important;
  }

  /* 插件面板：整体避开状态栏（Android WebView env() 可能为 0，用 24px 兜底） */
  body.plugin-panel {
    padding-top: max(env(safe-area-inset-top, 0px), 24px);
  }
  body.plugin-panel .tabs,
  body.plugin-panel .poster-tabs {
    padding-top: 0;
    top: max(env(safe-area-inset-top, 0px), 24px);
  }
}

/* ── manage.html 后台专用：侧栏在手机上改成顶部横向导航 ── */
@media (max-width: 840px) {
  .adm-layout { display: block; min-height: auto; }

  .adm-sb {
    position: sticky;
    top: 40px;                 /* 让开固定的 #mode-bar */
    left: auto; right: auto; bottom: auto;
    width: 100%; min-width: 0; height: auto; max-height: 54px;
    flex-direction: row; align-items: center; gap: 2px;
    overflow-x: auto; overflow-y: hidden; white-space: nowrap;
    border-right: none; border-bottom: 1px solid var(--br);
    z-index: 55;
    -webkit-overflow-scrolling: touch;
  }
  .adm-sb::-webkit-scrollbar { display: none; }
  .adm-logo, .adm-nl, .adm-user-card { display: none !important; }

  .adm-ni {
    flex: 0 0 auto;
    padding: 11px 10px;
    border-left: none;
    border-bottom: 2px solid transparent;
    font-size: 12px;
  }
  .adm-ni.on {
    border-left-color: transparent;
    border-bottom-color: var(--g);
  }
  .adm-ni svg { width: 12px; height: 12px; }
  .adm-badge { margin-left: 4px; }

  .adm-main { margin-left: 0; min-height: auto; }
  .adm-tb {
    position: static;          /* 手机端不吸顶，避免和横向导航叠在一起 */
    padding: 10px 12px;
    flex-wrap: wrap;
    gap: 6px;
  }
  .adm-cnt { padding: 12px; }
  .adm-acts { flex-wrap: wrap; gap: 6px; }

  /* 顶部栏次要信息让位 */
  #mode-bar .logo + span,
  #mode-bar a[href="/huiwanwang.html"] { display: none; }

  /* 列表行：图标 + 文字 + 操作 → 操作换到第二行，文字不再被挤成竖排 */
  .adm-cnt .row-item { grid-template-columns: 40px 1fr !important; }
  .adm-cnt .row-item > div:nth-child(3) {
    grid-column: 1 / -1;
    justify-content: flex-start !important;
    padding-top: 6px;
  }
}