/* ============================================================================
   [R22c] 左侧栏紧凑化（收窄宽度 + 收紧框内留白）—— 纯皮肤层
   爹 2026-10-05：「我叫你宽度弄短，而不是字体改小」
     -> 字号一律还原成皮肤原始值（导航 14px / 品牌 16px / 面板 13.5px …），
        只收「宽度 + 行高 + 内边距」，不动字体大小。
   回退：删掉 panel/index.html 里引用 mk-compact.css / mk-compact.js 的两行即可。
   ========================================================================== */

/* ---------- 1) 侧栏容器：宽度 250 -> 180 ---------- */
.sidebar,
html[data-theme="light"] .sidebar {
  width: 180px !important;
  min-width: 180px !important;
  padding: 6px 6px 8px !important;
  gap: 1px !important;
}

/* ---------- 2) 品牌头（字号还原 16px / 11px，只收内边距） ---------- */
.sidebar .mk-brand,
html[data-theme="light"] .sidebar .mk-brand {
  gap: 7px !important;
  padding: 5px 6px 7px !important;
  margin-bottom: 5px !important;
}
.sidebar .mk-brand .mkv3-mark,
.sidebar .mk-brand .mkv3-mark.is-sm,
html[data-theme="light"] .sidebar .mk-brand .mkv3-mark,
html[data-theme="light"] .sidebar .mk-brand .mkv3-mark.is-sm {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 16px -10px rgba(70, 120, 255, .85) !important;
}
.sidebar .mk-brand .mkv3-mark svg,
.sidebar .mk-brand .mkv3-svg,
html[data-theme="light"] .sidebar .mk-brand .mkv3-mark svg {
  width: 21px !important;
  height: 21px !important;
}
.sidebar .mk-brand .mk-brand-name,
html[data-theme="light"] .sidebar .mk-brand .mk-brand-name {
  font-size: 16px !important;
  line-height: 1.15 !important;
  letter-spacing: .2px !important;
}
.sidebar .mk-brand .mk-brand-sub,
html[data-theme="light"] .sidebar .mk-brand .mk-brand-sub {
  font-size: 11px !important;
  line-height: 1.15 !important;
  margin-top: 1px !important;
}

/* ---------- 3) 导航按钮：行高收紧，字号还原 14px ---------- */
.nav-btn,
html[data-theme="light"] .nav-btn {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 9px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  gap: 8px !important;
  font-size: 14px !important;
  line-height: 1 !important;
}
.nav-btn svg,
html[data-theme="light"] .nav-btn svg {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
}
.nav-btn .nav-label,
html[data-theme="light"] .nav-btn .nav-label {
  font-size: 14px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.sidebar .nav-btn.mk-build-entry::after {
  right: 8px !important;
  width: 5px !important;
  height: 5px !important;
}

/* ---------- 4) 退出按钮（字号还原 13.5px）+ 去掉撑出来的大空白 ---------- */
.sidebar .header-logout,
html[data-theme="light"] .sidebar .header-logout {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 9px !important;
  margin-top: 5px !important;
  border-radius: 8px !important;
  gap: 8px !important;
  font-size: 13.5px !important;
}
.sidebar .mk-side-gap,
html[data-theme="light"] .sidebar .mk-side-gap {
  flex: 0 0 auto !important;
  height: 0 !important;
  min-height: 0 !important;
}

/* ---------- 5) 「设备分组」浮面板：字号还原，只收内边距/行高 ---------- */
.table-area > .fgp-root .fgp-head,
html[data-theme="light"] .table-area > .fgp-root .fgp-head { padding: 7px 8px !important; gap: 6px !important; }
.table-area > .fgp-root .fgp-head-left,
html[data-theme="light"] .table-area > .fgp-root .fgp-head-left { gap: 7px !important; }
.table-area > .fgp-root .fgp-head-left::before,
html[data-theme="light"] .table-area > .fgp-root .fgp-head-left::before { width: 17px !important; height: 17px !important; }
.table-area > .fgp-root .fgp-title,
html[data-theme="light"] .table-area > .fgp-root .fgp-title { font-size: 13.5px !important; line-height: 1.15 !important; }
.table-area > .fgp-root .fgp-sub,
html[data-theme="light"] .table-area > .fgp-root .fgp-sub { font-size: 11px !important; line-height: 1.15 !important; margin-top: 2px !important; }
.table-area > .fgp-root .fgp-head-actions { gap: 4px !important; }
.table-area > .fgp-root .fgp-icon-btn { width: 26px !important; height: 26px !important; border-radius: 8px !important; }
.table-area > .fgp-root .fgp-icon-btn svg { width: 15px !important; height: 15px !important; }

.table-area > .fgp-root .fgp-list,
html[data-theme="light"] .table-area > .fgp-root .fgp-list { padding: 4px !important; }

.table-area > .fgp-root .fgp-item,
html[data-theme="light"] .table-area > .fgp-root .fgp-item {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 8px !important;
  margin-bottom: 3px !important;
  border-radius: 8px !important;
}
.table-area > .fgp-root .fgp-item-wrap,
html[data-theme="light"] .table-area > .fgp-root .fgp-item-wrap { margin-bottom: 3px !important; }
.table-area > .fgp-root .fgp-item-wrap .fgp-item { margin-bottom: 0 !important; }
.table-area > .fgp-root .fgp-item-name,
html[data-theme="light"] .table-area > .fgp-root .fgp-item-name { font-size: 12.5px !important; line-height: 1 !important; }
.table-area > .fgp-root .fgp-count,
html[data-theme="light"] .table-area > .fgp-root .fgp-count { font-size: 11px !important; padding: 2px 7px !important; line-height: 1.2 !important; }
.table-area > .fgp-root .fgp-more { font-size: 13px !important; }

.table-area > .fgp-root .fgp-foot,
html[data-theme="light"] .table-area > .fgp-root .fgp-foot { padding: 7px 8px 8px !important; }
.table-area > .fgp-root .fgp-hint,
html[data-theme="light"] .table-area > .fgp-root .fgp-hint { font-size: 10.5px !important; line-height: 1.25 !important; margin-bottom: 6px !important; }
.table-area > .fgp-root .fgp-create,
html[data-theme="light"] .table-area > .fgp-root .fgp-create {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-size: 12.5px !important;
  gap: 6px !important;
  box-shadow: 0 8px 18px -14px rgba(24,43,77,0.26) !important;
}
.table-area > .fgp-root .fgp-create svg { width: 14px !important; height: 14px !important; }

/* ---------- 6) 给「设备分组」预留的高度：JS 按真实高度写入 ---------- */
html:has(.fgp-root:not(.is-open)) .sidebar > .nav-btn:nth-child(3) {
  margin-top: var(--mk-fgp-gap-closed, 6px) !important;
}
html:has(.fgp-root.is-open) .sidebar > .nav-btn:nth-child(3) {
  margin-top: var(--mk-fgp-gap, 205px) !important;
}

/* ---------- 7) [R22b] 「设备分组」面板融合进侧栏（宽 = 侧栏内宽，随侧栏一起收窄） ----------
   侧栏 180 -> 内宽 168；面板与导航按钮同左边界 / 同宽；高度自适应（列表按内容收，
   不再有整片空白）；收起态按钮同样 168 x 32 = 一个标准导航按钮。 */
.table-area:has(> .fgp-root) > .fgp-root,
html[data-theme="light"] .table-area:has(> .fgp-root) > .fgp-root {
  left: 6px !important;
  right: auto !important;
  width: 168px !important;
  max-width: 168px !important;
  min-width: 0 !important;
}
.table-area > .fgp-root > .fgp-panel,
html[data-theme="light"] .table-area > .fgp-root > .fgp-panel {
  width: 168px !important;
  max-width: 168px !important;
  height: auto !important;
  max-height: none !important;
  border-radius: 11px !important;
  box-shadow: 0 14px 30px -26px rgba(24, 43, 77, .30), inset 0 1px 0 rgba(24, 43, 77, .05) !important;
}
.table-area > .fgp-root .fgp-list,
html[data-theme="light"] .table-area > .fgp-root .fgp-list {
  flex: 0 0 auto !important;
  max-height: 232px !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

/* ---------- 8) 收起态「设备分组」按钮 = 一个标准导航按钮（168 x 32） ---------- */
.table-area > .fgp-root .fgp-fab,
html[data-theme="light"] .table-area > .fgp-root .fgp-fab {
  width: 168px !important;
  max-width: 168px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 9px !important;
  column-gap: 8px !important;
  row-gap: 0 !important;
  border-radius: 8px !important;
  align-items: center !important;
}
.table-area > .fgp-root .fgp-fab .fgp-fab-icon,
html[data-theme="light"] .table-area > .fgp-root .fgp-fab .fgp-fab-icon {
  order: 1 !important;
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
  padding: 0 !important;
  background: none !important;
  border-radius: 0 !important;
}
.table-area > .fgp-root .fgp-fab::before,
html[data-theme="light"] .table-area > .fgp-root .fgp-fab::before {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}
.table-area > .fgp-root .fgp-fab .fgp-fab-tip,
html[data-theme="light"] .table-area > .fgp-root .fgp-fab .fgp-fab-tip {
  font-size: 11px !important;
  max-width: 60px !important;
  line-height: 1 !important;
}