/**
 * 带 header/footer 的 /status/history 布局：中间内容区全高。
 */
.status-web-vue-page-with-header-footer {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  box-sizing: border-box;
}

.status-web-vue-page-with-header-footer .status-web-vue-content-area {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/**
 * 让 /status/history 内容区到 Vue 挂载点整条链占满剩余高度。
 */
.status-web-vue-fullpage {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  box-sizing: border-box;
}

.status-web-vue-fullpage > div,
.status-web-vue-fullpage [data-drupal-selector*="container"] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.status-web-vue-fullpage #app,
.status-web-vue-fullpage .status-web-vue-app {
  flex: 1;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Vue 根若用 .app 等 class，也可继承满高 */
.status-web-vue-fullpage #app > * {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
table{
  margin-block:0 !important;
}

/* 保护 input[type='text'] 不被主题样式覆盖 */
.status-web-vue-page-with-header-footer .status-web-vue-fullpage input[type='text'],
.status-web-vue-page-with-header-footer .status-web-vue-fullpage #app input[type='text'],
.status-web-vue-page-with-header-footer .status-web-vue-fullpage .status-web-vue-app input[type='text'] {
  /* 重置可能被主题影响的样式 */
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  box-sizing: border-box !important;
}