/* videoai 控制台补充样式：
   1) 裸元素适配层——未逐页改造的模板(纯 <table>/<form>/<h1>)在内容区内自动获得
      Tabler 观感,避免逐页手改;已 Tabler 化的页面用组件类,不受影响;
   2) 少量品牌与细节覆盖。 */

/* ---- 裸标题 ---- */
.page-body h1 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.page-body h2 {
  font-size: 1rem;
  font-weight: 600;
  margin: 1.25rem 0 0.5rem;
  color: var(--tblr-secondary);
  text-transform: none;
}

/* ---- 裸表格(未带 .table 类) ---- */
.page-body table:not([class]) {
  width: 100%;
  background: var(--tblr-bg-surface);
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  margin-bottom: 1rem;
  font-size: 0.875rem;
}
.page-body table:not([class]) th {
  background: var(--tblr-bg-surface-tertiary);
  color: var(--tblr-secondary);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  padding: 0.5rem 0.75rem;
  text-align: left;
  border-bottom: 1px solid var(--tblr-border-color);
}
.page-body table:not([class]) td {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--tblr-border-color-translucent);
  vertical-align: middle;
}
.page-body table:not([class]) tbody tr:last-child td { border-bottom: 0; }
.page-body table:not([class]) tbody tr:hover { background: var(--tblr-active-bg); }

/* ---- 裸表单(panel/filters 旧类) ---- */
.page-body form.panel,
.page-body form.filters,
.page-body section.panel {
  background: var(--tblr-bg-surface);
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  padding: 1rem;
  margin-bottom: 1rem;
}
.page-body form.filters { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: end; }
.page-body form label { display: block; font-size: 0.875rem; color: var(--tblr-body-color); }
.page-body form.panel label { margin-bottom: 0.75rem; }
.page-body input:not([class]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.page-body select:not([class]),
.page-body textarea:not([class]) {
  display: block;
  width: 100%;
  max-width: 26rem;
  margin-top: 0.25rem;
  padding: 0.4375rem 0.75rem;
  font-size: 0.875rem;
  color: var(--tblr-body-color);
  background: var(--tblr-bg-forms);
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
}
.page-body input:not([class]):focus,
.page-body select:not([class]):focus,
.page-body textarea:not([class]):focus {
  outline: 0;
  border-color: var(--tblr-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.15);
}
.page-body button:not([class]),
.page-body a.button {
  display: inline-block;
  padding: 0.4375rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  background: var(--tblr-primary);
  border: 1px solid var(--tblr-primary);
  border-radius: var(--tblr-border-radius);
  cursor: pointer;
  text-decoration: none;
  margin-top: 0.25rem;
}
.page-body button:not([class]):hover, .page-body a.button:hover { filter: brightness(0.92); }

/* ---- 旧 metrics 卡片行(未改造页) ---- */
.page-body section.metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.page-body section.metrics article {
  background: var(--tblr-bg-surface);
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  padding: 0.75rem 1rem;
}
.page-body section.metrics article span { display: block; font-size: 0.75rem; color: var(--tblr-secondary); text-transform: uppercase; }
.page-body section.metrics article strong { font-size: 1.5rem; font-weight: 600; }
.page-body section.metrics article small { display: block; color: var(--tblr-secondary); }
.page-body section.metrics article.warning { border-color: var(--tblr-warning); }

/* ---- 裸 pre / dl ---- */
.page-body pre:not([class]) {
  background: var(--tblr-bg-surface-tertiary);
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  padding: 0.75rem 1rem;
  font-size: 0.8125rem;
  max-height: 24rem;
  overflow: auto;
}
.page-body details > summary { cursor: pointer; color: var(--tblr-secondary); margin: 0.5rem 0; }

/* ---- 链接与分页行 ---- */
.page-body a { text-decoration: none; }
.page-body a:hover { text-decoration: underline; }

/* 侧栏品牌字重 */
.navbar-brand a { color: inherit; font-weight: 700; letter-spacing: -0.02em; }