/* 筛选面板默认收起（优先级高于 .toolbar / .mp-h5-filter 的 display:!important） */
html.mp-h5-adapt .mp-h5-filter-panel:not(.is-open) > .mp-h5-filter,
html.mp-h5-adapt .mp-h5-filter-panel.is-collapsed > .mp-h5-filter,
html[data-mp-webview='1'] .mp-h5-filter-panel:not(.is-open) > .mp-h5-filter,
html[data-mp-webview='1'] .mp-h5-filter-panel.is-collapsed > .mp-h5-filter,
html.mp-h5-adapt .mp-h5-filter-panel:not(.is-open) > .toolbar,
html[data-mp-webview='1'] .mp-h5-filter-panel:not(.is-open) > .toolbar {
  display: none !important;
}

/* 筛选面板展开后允许下拉溢出，避免 xm-select 被裁切 */
html.mp-h5-adapt .mp-h5-filter-panel,
html[data-mp-webview='1'] .mp-h5-filter-panel,
html.mp-h5-adapt .mp-h5-filter-panel.is-open,
html[data-mp-webview='1'] .mp-h5-filter-panel.is-open {
  overflow: visible !important;
}
html.mp-h5-adapt .mp-h5-filter-panel.is-open > .mp-h5-filter.sq-toolbar,
html[data-mp-webview='1'] .mp-h5-filter-panel.is-open > .mp-h5-filter.sq-toolbar {
  overflow: visible !important;
}

/**
 * 小程序 / 手机端 H5 皮肤：彻底摆脱桌面 Layui 宽表观感。
 * 触发：html[data-mp-webview="1"] / html.mp-h5-adapt / html.mp-h5-cards-on
 */

html[data-mp-webview='1'],
html.mp-h5-adapt,
html.mp-h5-cards-on {
  --mp-bg: #f2f4f7;
  --mp-card: #ffffff;
  --mp-line: #e8ecf1;
  --mp-text: #1f2937;
  --mp-muted: #8b95a5;
  --mp-brand: #0d9488;
}

html[data-mp-webview='1'] body,
html.mp-h5-adapt body,
html.mp-h5-cards-on body {
  background: var(--mp-bg) !important;
}

html[data-mp-webview='1'] .pear-container,
html.mp-h5-adapt .pear-container {
  padding: 8px !important;
  background: transparent !important;
}

html[data-mp-webview='1'] .layui-card,
html.mp-h5-adapt .layui-card {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  margin-bottom: 0 !important;
}

html[data-mp-webview='1'] .layui-card-body,
html.mp-h5-adapt .layui-card-body {
  padding: 0 !important;
  background: transparent !important;
}

/* 重复标题隐藏 */
html[data-mp-webview='1'] .layui-card-header,
html.mp-h5-adapt .layui-card-header {
  display: none !important;
}
html[data-mp-webview='1'] .layui-layer .layui-card-header,
html.mp-h5-adapt .layui-layer .layui-card-header {
  display: block !important;
}

/* 长说明隐藏 */
html[data-mp-webview='1'] [class*='-hint'],
html[data-mp-webview='1'] [class*='-mini-hint'],
html.mp-h5-adapt [class*='-hint'] {
  display: none !important;
}

/* —— 筛选区手机化 —— */
html[data-mp-webview='1'] .mp-h5-filter,
html[data-mp-webview='1'] .ip-filter,
html[data-mp-webview='1'] .tpa-toolbar,
html[data-mp-webview='1'] .tpv-toolbar,
html[data-mp-webview='1'] .toolbar,
html.mp-h5-adapt .mp-h5-filter,
html.mp-h5-adapt .ip-filter {
  display: block !important;
  padding: 12px !important;
  margin: 0 0 10px !important;
  background: var(--mp-card, #fff) !important;
  border: 1px solid var(--mp-line, #e8eef5) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  box-sizing: border-box !important;
}

/* 课表查询：分组栈 + 组内双列（样式落在页面内，这里只去掉整表 block） */
html[data-mp-webview='1'] .sq-toolbar.mp-h5-filter,
html.mp-h5-adapt .sq-toolbar.mp-h5-filter {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 10px !important;
  margin: 0 0 10px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-mp-webview='1'] .ip-filter-row,
html.mp-h5-adapt .ip-filter-row,
html.mp-h5-adapt .mp-h5-filter > .ip-filter-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px 8px !important;
  margin: 0 0 10px !important;
  align-items: start;
}

html[data-mp-webview='1'] .ip-filter-row:last-child,
html.mp-h5-adapt .ip-filter-row:last-child {
  margin-bottom: 0 !important;
}

html[data-mp-webview='1'] .mp-h5-filter > span:not([class]),
html[data-mp-webview='1'] .toolbar > span:not([class]),
html[data-mp-webview='1'] [class*='-toolbar'] > span:not([class]) {
  display: none !important;
}

html[data-mp-webview='1'] .ip-field,
html.mp-h5-adapt .ip-field,
html.mp-h5-adapt .mp-h5-filter .ip-field {
  grid-column: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  float: none !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  white-space: normal !important;
}

html[data-mp-webview='1'] .ip-actions,
html.mp-h5-adapt .ip-actions {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 4px 0 0 !important;
  float: none !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 8px !important;
}

/* 教材等直接挂在 toolbar 下的输入：两列排布 */
/* 仅展开时网格展示，避免盖过收起 display:none */
html[data-mp-webview='1'] .mp-h5-filter-panel.is-open .mp-h5-filter.toolbar,
html.mp-h5-adapt .mp-h5-filter-panel.is-open .mp-h5-filter.toolbar,
html[data-mp-webview='1'] .mp-h5-filter-panel.is-open .mp-h5-filter.eht-toolbar,
html.mp-h5-adapt .mp-h5-filter-panel.is-open .mp-h5-filter.eht-toolbar,
html[data-mp-webview='1'] .mp-h5-filter-panel.is-open .mp-h5-filter.twb-toolbar,
html.mp-h5-adapt .mp-h5-filter-panel.is-open .mp-h5-filter.twb-toolbar,
html[data-mp-webview='1'] .mp-h5-filter-panel.is-open .mp-h5-filter.twc-toolbar,
html.mp-h5-adapt .mp-h5-filter-panel.is-open .mp-h5-filter.twc-toolbar,
html[data-mp-webview='1'] .mp-h5-filter-panel.is-open .mp-h5-filter.mos-toolbar,
html.mp-h5-adapt .mp-h5-filter-panel.is-open .mp-h5-filter.mos-toolbar {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px 8px !important;
  align-items: start;
}

/* 工具栏操作按钮：两列紧凑，不再每个占一整行 */
html[data-mp-webview='1'] .mp-h5-filter.toolbar > .layui-btn,
html[data-mp-webview='1'] .mp-h5-filter.toolbar > button,
html.mp-h5-adapt .mp-h5-filter.toolbar > .layui-btn,
html.mp-h5-adapt .mp-h5-filter.toolbar > button,
html[data-mp-webview='1'] .mp-h5-filter.eht-toolbar > .layui-btn,
html[data-mp-webview='1'] .mp-h5-filter.twb-toolbar > .layui-btn,
html[data-mp-webview='1'] .mp-h5-filter.twc-toolbar > .layui-btn,
html[data-mp-webview='1'] .mp-h5-filter.mos-toolbar > .layui-btn,
html.mp-h5-adapt .mp-h5-filter.eht-toolbar > .layui-btn,
html.mp-h5-adapt .mp-h5-filter.twb-toolbar > .layui-btn,
html.mp-h5-adapt .mp-h5-filter.twc-toolbar > .layui-btn,
html.mp-h5-adapt .mp-h5-filter.mos-toolbar > .layui-btn {
  grid-column: auto !important;
  width: 100% !important;
  height: 34px !important;
  line-height: 32px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  font-size: 13px !important;
}

/* 列表行内操作：小号横排，不全宽 */
html[data-mp-webview='1'] .mp-h5-card-actions .layui-btn,
html[data-mp-webview='1'] .mp-h5-row-actions .layui-btn,
html.mp-h5-adapt .mp-h5-card-actions .layui-btn,
html.mp-h5-adapt .mp-h5-row-actions .layui-btn {
  width: auto !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  height: 28px !important;
  line-height: 26px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  border-radius: 6px !important;
}

html[data-mp-webview='1'] .mp-h5-filter.toolbar > .layui-input,
html[data-mp-webview='1'] .mp-h5-filter.toolbar > input,
html[data-mp-webview='1'] .mp-h5-filter.toolbar > select,
html[data-mp-webview='1'] .mp-h5-filter.toolbar > .layui-form-select,
html.mp-h5-adapt .mp-h5-filter.toolbar > .layui-input,
html.mp-h5-adapt .mp-h5-filter.toolbar > input,
html.mp-h5-adapt .mp-h5-filter.toolbar > select,
html.mp-h5-adapt .mp-h5-filter.toolbar > .layui-form-select,
html[data-mp-webview='1'] .mp-h5-filter.eht-toolbar > .layui-input,
html[data-mp-webview='1'] .mp-h5-filter.eht-toolbar > input,
html[data-mp-webview='1'] .mp-h5-filter.eht-toolbar > select,
html[data-mp-webview='1'] .mp-h5-filter.eht-toolbar > .layui-form-select,
html[data-mp-webview='1'] .mp-h5-filter.twb-toolbar > .layui-input,
html[data-mp-webview='1'] .mp-h5-filter.twb-toolbar > input,
html[data-mp-webview='1'] .mp-h5-filter.twb-toolbar > select,
html[data-mp-webview='1'] .mp-h5-filter.twb-toolbar > .layui-form-select,
html[data-mp-webview='1'] .mp-h5-filter.twc-toolbar > .layui-input,
html[data-mp-webview='1'] .mp-h5-filter.twc-toolbar > input,
html[data-mp-webview='1'] .mp-h5-filter.twc-toolbar > select,
html[data-mp-webview='1'] .mp-h5-filter.twc-toolbar > .layui-form-select,
html[data-mp-webview='1'] .mp-h5-filter.mos-toolbar > .layui-input,
html[data-mp-webview='1'] .mp-h5-filter.mos-toolbar > input,
html[data-mp-webview='1'] .mp-h5-filter.mos-toolbar > select,
html[data-mp-webview='1'] .mp-h5-filter.mos-toolbar > .layui-form-select,
html.mp-h5-adapt .mp-h5-filter.eht-toolbar > .layui-input,
html.mp-h5-adapt .mp-h5-filter.eht-toolbar > input,
html.mp-h5-adapt .mp-h5-filter.eht-toolbar > select,
html.mp-h5-adapt .mp-h5-filter.eht-toolbar > .layui-form-select,
html.mp-h5-adapt .mp-h5-filter.twb-toolbar > .layui-input,
html.mp-h5-adapt .mp-h5-filter.twb-toolbar > input,
html.mp-h5-adapt .mp-h5-filter.twb-toolbar > select,
html.mp-h5-adapt .mp-h5-filter.twb-toolbar > .layui-form-select,
html.mp-h5-adapt .mp-h5-filter.twc-toolbar > .layui-input,
html.mp-h5-adapt .mp-h5-filter.twc-toolbar > input,
html.mp-h5-adapt .mp-h5-filter.twc-toolbar > select,
html.mp-h5-adapt .mp-h5-filter.twc-toolbar > .layui-form-select,
html.mp-h5-adapt .mp-h5-filter.mos-toolbar > .layui-input,
html.mp-h5-adapt .mp-h5-filter.mos-toolbar > input,
html.mp-h5-adapt .mp-h5-filter.mos-toolbar > select,
html.mp-h5-adapt .mp-h5-filter.mos-toolbar > .layui-form-select {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

html[data-mp-webview='1'] .ip-field > span,
html.mp-h5-adapt .ip-field > span,
html[data-mp-webview='1'] .sq-toolbar .layui-form-label,
html.mp-h5-adapt .sq-toolbar .layui-form-label,
html[data-mp-webview='1'] .tw-toolbar .layui-form-label,
html.mp-h5-adapt .tw-toolbar .layui-form-label,
html[data-mp-webview='1'] .ate-toolbar .layui-form-label,
html.mp-h5-adapt .ate-toolbar .layui-form-label,
html[data-mp-webview='1'] .layui-form-label {
  display: block !important;
  width: 100% !important;
  float: none !important;
  text-align: left !important;
  padding: 6px 0 4px !important;
  color: var(--mp-muted, #64748b) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

html[data-mp-webview='1'] .ip-field .layui-input,
html[data-mp-webview='1'] .ip-field select,
html[data-mp-webview='1'] .ip-field .layui-form-select,
html[data-mp-webview='1'] .ip-field[data-w] .layui-form-select,
html[data-mp-webview='1'] .ip-field[data-w] select,
html[data-mp-webview='1'] .ip-field[data-w] .layui-input,
html.mp-h5-adapt .ip-field .layui-input,
html.mp-h5-adapt .ip-field select,
html.mp-h5-adapt .ip-field .layui-form-select,
html.mp-h5-adapt .ip-field[data-w] .layui-form-select,
html.mp-h5-adapt .ip-field[data-w] select,
html.mp-h5-adapt .ip-field[data-w] .layui-input,
html[data-mp-webview='1'] .layui-input,
html[data-mp-webview='1'] .layui-select,
html[data-mp-webview='1'] select.layui-input {
  width: 100% !important;
  max-width: 100% !important;
  height: 40px !important;
  line-height: 40px !important;
  border-radius: 10px !important;
  border-color: var(--mp-line, #e8eef5) !important;
  box-sizing: border-box !important;
}

html[data-mp-webview='1'] .ip-field .layui-form-select .layui-input,
html.mp-h5-adapt .ip-field .layui-form-select .layui-input {
  width: 100% !important;
}

html[data-mp-webview='1'] .layui-btn,
html.mp-h5-adapt .layui-btn {
  height: 40px !important;
  line-height: 40px !important;
  border-radius: 10px !important;
  margin: 0 !important;
  padding: 0 12px !important;
}

html[data-mp-webview='1'] .ip-actions .layui-btn,
html.mp-h5-adapt .ip-actions .layui-btn {
  width: 100% !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 筛选面板内按钮跟随网格两列，不强制整行 */
html[data-mp-webview='1'] .mp-h5-filter.toolbar > .layui-btn,
html.mp-h5-adapt .mp-h5-filter.toolbar > .layui-btn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-mp-webview='1'] .ip-summary,
html[data-mp-webview='1'] [class*='-summary']:not([class*='-stat-card']) {
  background: #ecfdf5;
  color: #047857 !important;
  border-radius: 10px;
  padding: 10px 12px !important;
  margin: 0 0 10px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/* —— Tab 横滑 —— */
html[data-mp-webview='1'] .layui-tab-title {
  display: flex !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  background: var(--mp-card);
  border-radius: 12px;
  padding: 4px !important;
  border: 1px solid var(--mp-line) !important;
  margin-bottom: 10px !important;
}

html[data-mp-webview='1'] .layui-tab-title li {
  flex: 0 0 auto;
  min-width: auto !important;
  padding: 0 14px !important;
  line-height: 36px !important;
  border-radius: 9px;
}

html[data-mp-webview='1'] .layui-tab-title .layui-this {
  background: rgba(13, 148, 136, 0.12);
  color: var(--mp-brand) !important;
}

html[data-mp-webview='1'] .layui-tab-title li:after {
  display: none !important;
}

/* —— 原生宽表隐藏，列表宿主显示（卡片 / 行式） —— */
html[data-mp-webview='1'] .layui-table-view,
html.mp-h5-adapt .layui-table-view,
html.mp-h5-cards-on .layui-table-view {
  border: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* 仅当卡片已就绪时再隐藏原生表，避免接口有数据却整页空白 */
html[data-mp-webview='1'] .layui-table-view[data-mp-h5-ready='1'] .layui-table-box,
html[data-mp-webview='1'] .layui-table-view .mp-h5-table-hidden,
html.mp-h5-adapt .layui-table-view[data-mp-h5-ready='1'] .layui-table-box,
html.mp-h5-cards-on .layui-table-view[data-mp-h5-ready='1'] .layui-table-box {
  display: none !important;
}

html[data-mp-webview='1'] .layui-table-view .layui-table-tool,
html.mp-h5-adapt .layui-table-view .layui-table-tool {
  background: transparent !important;
  border: 0 !important;
  padding: 0 0 8px !important;
}

html[data-mp-webview='1'] .layui-table-view .layui-table-tool .layui-table-tool-self {
  display: none !important;
}

html[data-mp-webview='1'] .mp-h5-card-list,
html.mp-h5-adapt .mp-h5-card-list,
html.mp-h5-cards-on .mp-h5-card-list,
html[data-mp-webview='1'] .layui-table-view .mp-h5-card-list {
  display: block !important;
  padding: 0 !important;
}

html[data-mp-webview='1'] .mp-table-zoom-toolbar,
html.mp-h5-adapt .mp-table-zoom-toolbar {
  display: none !important;
}

html[data-mp-webview='1'] .layui-table-page {
  background: transparent !important;
  border: 0 !important;
  padding: 8px 0 !important;
  text-align: center;
}

html[data-mp-webview='1'] .layui-table-page .layui-laypage a,
html[data-mp-webview='1'] .layui-table-page .layui-laypage span {
  min-height: 32px;
  line-height: 32px !important;
  border-radius: 8px;
}

/* 弹层内仍可用表格 */
html[data-mp-webview='1'] .layui-layer .layui-table-view .layui-table-box {
  display: block !important;
}
html[data-mp-webview='1'] .layui-layer .mp-h5-card-list {
  display: none !important;
}

/* ---------- 督导：数据中心 / 教室巡课 H5 ---------- */
html[data-mp-webview='1'] .filter-bar,
html.mp-h5-adapt .filter-bar {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  padding: 12px !important;
}
html[data-mp-webview='1'] .filter-bar .layui-input,
html[data-mp-webview='1'] .filter-bar .layui-input.keyword-inp,
html.mp-h5-adapt .filter-bar .layui-input,
html.mp-h5-adapt .filter-bar .layui-input.keyword-inp {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
html[data-mp-webview='1'] .filter-bar .layui-btn,
html.mp-h5-adapt .filter-bar .layui-btn {
  margin: 0 !important;
}
html[data-mp-webview='1'] .view-tabs,
html.mp-h5-adapt .view-tabs {
  flex-wrap: wrap !important;
  gap: 8px !important;
}
html[data-mp-webview='1'] .cp-shell,
html.mp-h5-adapt .cp-shell {
  padding: 12px !important;
}
html[data-mp-webview='1'] .cp-head,
html.mp-h5-adapt .cp-head {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
}
html[data-mp-webview='1'] .cp-tools,
html.mp-h5-adapt .cp-tools {
  flex-direction: column !important;
  align-items: stretch !important;
}
html[data-mp-webview='1'] .cp-search,
html.mp-h5-adapt .cp-search {
  width: 100% !important;
  box-sizing: border-box !important;
}
html[data-mp-webview='1'] .cp-count,
html.mp-h5-adapt .cp-count {
  margin-left: 0 !important;
}
html[data-mp-webview='1'] .cp-home,
html.mp-h5-adapt .cp-home {
  display: none !important;
}
/* 课程回放筛选 / 列表：手机端拉满宽度 */
html[data-mp-webview='1'] .cr-toolbar,
html[data-mp-webview='1'] .replay-toolbar,
html.mp-h5-adapt .cr-toolbar,
html.mp-h5-adapt .replay-toolbar {
  flex-wrap: wrap !important;
  gap: 8px !important;
}
html[data-mp-webview='1'] .cr-toolbar .layui-input,
html[data-mp-webview='1'] .replay-toolbar .layui-input,
html.mp-h5-adapt .cr-toolbar .layui-input,
html.mp-h5-adapt .replay-toolbar .layui-input {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
/* 沉浸式巡课页：小程序壳已有顶栏，弱化重复门户入口 */
html[data-mp-webview='1'] body.fxj-patrol #btnGoPortal,
html[data-mp-webview='1'] body.fxj-patrol a.fxj-btn-ghost[href*='index'] {
  display: none !important;
}
html[data-mp-webview='1'] body.fxj-patrol .fxj-top-brand .fxj-platform {
  font-size: 14px !important;
}