/* 后台内容允许缩小；宽表格在卡片内滚动，不撑开整页。 */
.content, .ov-main, .field { min-width:0; }
.table-wrap { overflow-x:auto; }
.setting-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:6px; }
.setting-actions span { overflow-wrap:anywhere; }

@media (max-width:760px) {
  #app { height:100vh; height:100dvh; display:flex; flex-direction:column; }
  .topbar { flex:none; min-height:56px; height:auto; padding:8px 12px; gap:8px; }
  .brand { min-width:0; gap:6px; font-size:13px; flex-wrap:wrap; }
  .brand .dot { width:22px; height:22px; flex:none; }
  .top-right { flex:none; gap:6px; }
  .top-right .me { display:none; }
  .layout { flex:1; min-height:0; height:auto; flex-direction:column; }
  .adm-rail { width:100%; flex:none; flex-direction:row; align-items:center; padding:6px 8px; gap:4px; border-right:0; border-bottom:1px solid var(--line); }
  .rail-item { flex:1; width:auto; min-width:0; min-height:48px; padding:5px 2px; gap:3px; font-size:10px; }
  .rail-item svg { width:19px; height:19px; }
  .adm-rail-foot { flex:none; margin-top:0; padding:0 0 0 4px; }
  .adm-avatar { width:36px; height:36px; }
  .av-menu { top:calc(100% + 10px); bottom:auto; left:auto; right:0; max-width:calc(100vw - 24px); }
  .adm-sub { display:flex; flex:none; width:100%; overflow-x:auto; padding:6px 8px; gap:4px; border-right:0; border-bottom:1px solid var(--line); overscroll-behavior-x:contain; }
  .adm-sub .sub-title, .adm-sub .sub-group { display:none; }
  .sub-item { width:auto; flex:none; margin:0; padding:10px 12px; min-height:44px; white-space:nowrap; gap:6px; }
  .sub-item svg { display:none; }
  .content { width:100%; padding:16px 12px max(24px,env(safe-area-inset-bottom)); overscroll-behavior-y:contain; }
  h1 { font-size:18px; margin-bottom:12px; }
  .view-head, .toolbar, .pager, .modal-foot { flex-wrap:wrap; gap:8px; }
  .toolbar { display:flex; }
  .toolbar input { width:100%; max-width:100%; min-width:0; }
  .row { flex-direction:column; gap:0; }
  .row .field { flex:auto; max-width:none !important; }
  .field input, .field select, .field textarea, .toolbar input { font-size:16px; }
  .btn, .pager button, .av-menu button { min-height:44px; }
  .cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .stat { min-width:0; padding:12px; }
  .stat .n { font-size:24px; }
  .sp-cards { grid-template-columns:minmax(0,1fr); }
  th, td { padding:10px; }
  .table-wrap table { min-width:560px; }
  .modal-mask { padding:12px; }
  .modal { width:100%; max-width:100%; max-height:calc(100dvh - 24px); overflow-y:auto; padding:18px 16px; }
  .ov-top { flex-wrap:wrap; padding:12px; }
  .ov-body { flex-direction:column; min-height:0; }
  .ov-nav { width:100%; flex:none; flex-direction:row; overflow-x:auto; border-right:0; border-bottom:1px solid var(--line); padding:6px; }
  .ov-nav button { width:auto; flex:none; white-space:nowrap; min-height:44px; }
  .ov-main { padding:14px 12px; }
  .rc-head, .mod-head { flex-wrap:wrap; }
  .setting-actions span { flex-basis:100%; }
}