/* 鑫享云CRM — 全站布局覆盖（随页面加载，无JS注入跳变） */
html{overflow-y:scroll}
.topbar{top:0;align-items:flex-end;padding-bottom:12px}
.topbar .bell{margin-bottom:-2px}
.logo{gap:12px}
.logo-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#6280F5,#4C6BED);box-shadow:0 2px 8px rgba(76,107,237,.35);font-size:19px}
.logo b{font-size:20px;font-weight:700;letter-spacing:.3px;color:var(--text)}
/* 侧栏菜单防抖：统一字重（激活态靠蓝底蓝字区分） */
.nav a{transition:background .18s ease,color .18s ease;font-weight:500}
.nav a.active{font-weight:500}

/* ===== 手机端适配（≤760px）：抽屉式侧栏 + 单列布局 + 表格横向滚动 ===== */
.mnav-btn{display:none}
.nav-mask{position:fixed;inset:0;background:rgba(31,39,51,.4);z-index:150;display:none}
body.nav-open .nav-mask{display:block}
@media(max-width:760px){
  /* 汉堡菜单按钮（app.js 注入，桌面端隐藏） */
  .mnav-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface);cursor:pointer;flex-shrink:0;padding:0}
  .mnav-btn:active{background:var(--bg)}
  /* 侧栏：改为抽屉式，点击菜单/遮罩关闭（app.js 绑定） */
  .sidebar{display:flex;transform:translateX(-105%);transition:transform .22s ease;z-index:200;width:224px;box-shadow:none}
  body.nav-open .sidebar{transform:none;box-shadow:8px 0 30px rgba(15,23,42,.18)}
  .main{margin-left:0}
  /* 顶栏：隐藏搜索与时间，保留铃铛/头像 */
  .topbar{padding:0 12px;gap:8px}
  .topbar h1{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar .search{display:none}
  .topbar [data-clock]{display:none}
  .content{padding:12px 12px 40px;max-width:100%}
  /* 统计卡与双栏卡片：全部单列化 */
  .metrics{grid-template-columns:1fr 1fr !important;gap:10px}
  .grid-dash,.grid-dash2{grid-template-columns:1fr !important}
  .quick{grid-template-columns:1fr 1fr !important}
  .dstat-grid{grid-template-columns:repeat(2,1fr) !important}
  [style*="grid-template-columns"]{grid-template-columns:1fr !important}
  /* 表格：卡片内横向滚动 */
  .card{overflow-x:auto}
  table{min-width:620px}
  .toolbar{padding:10px 12px}
  .stageT .srow{grid-template-columns:80px 52px 48px 60px 1fr !important;font-size:12.5px;gap:6px}
  /* 弹窗：占满屏幕宽度，内部可滚动 */
  .mask{padding:10px}
  .mask .modal{width:100% !important;max-width:100% !important;max-height:calc(100vh - 24px)}
  /* 通知面板：不超出屏幕 */
  .nc-panel{width:min(340px,calc(100vw - 20px))}
}