/* ============================================================================
 * NUART 能耗平台 · 布局修正覆盖层（ui-overrides）
 * 加载顺序：tokens → app → gemini-reference → nuart-premium → daisyui-compat
 *           → ui-hardening → **ui-overrides（本文件，最后加载，最高优先级）**
 * 本文件只修复布局错乱，不改变任何业务功能、交互与配色。
 * 使用 !important 是因为 ui-hardening 对 .live-toolbar 施加了 !important。
 * ========================================================================== */

/* 1) 实时监测工具栏：强制单行，避免被 ui-hardening 的 flex-wrap:wrap!important 挤压成多行 */
.live-toolbar,
.main-canvas.main[data-page="live"] .live-toolbar,
#main-area[data-page="live"] .live-toolbar {
  flex-wrap: nowrap !important;
  align-items: center !important;
}

/* 2) 搜索框弹性占位，工具栏其余控件保持自然宽度，整体不溢出 */
.live-toolbar .live-search {
  flex: 1 1 180px !important;
  min-width: 140px !important;
  width: auto !important;
}

/* 3) 折叠侧栏时隐藏侧栏内筛选面板（实时对象切换已移至主区域，此处仅剩搜索/筛选，折叠态无需显示） */
.side.collapsed .sidebar-search-dock {
  display: none !important;
}

/* 4) 实时采集对象切换：置于实时页主区域页头，作为独立行展示，与标题、工具栏清晰分层 */
.page-head .dashboard-object-switch {
  margin: 12px 0 2px !important;
  width: 100%;
}
.page-head .dashboard-object-switch-head {
  margin-bottom: 8px !important;
}

/* 5) 实时页 .page-head 本身是 flex 行（nuart-premium / gemini-reference 设为
 *    display:flex; justify-content:space-between），直接插入切换控件会挤进行内。
 *    强制换行并把切换控件与工具栏各自撑满整行，形成「标题 / 切换控件 / 工具栏」
 *    三层清晰结构，避免与侧栏重复、折叠态错位。 */
#main-area[data-page="live"] .page-head {
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}
#main-area[data-page="live"] .page-head > .dashboard-object-switch.live-object-switch {
  flex: 1 1 100% !important;
  flex-basis: 100% !important;
  width: 100% !important;
  margin: 10px 0 2px !important;
}
#main-area[data-page="live"] .page-head > .live-toolbar {
  flex: 1 1 100% !important;
  flex-basis: 100% !important;
  width: 100% !important;
}