/* TMS 详情/工具条通用样式，按需在页面 import */

.tms-page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.tms-page-header__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.88);
}

.tms-page-header__sub {
  margin-top: 4px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 1.4;
}

.tms-page-header__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex-shrink: 0;
}

.tms-page-tip {
  margin-bottom: 12px;
}

.tms-toolbar-hint {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.45);
}

/**
 * 全局 design/common.scss：
 * .jnpf-content-wrapper / -center / -content 均为 height:100% + overflow:hidden，
 * 且 flex 子项默认 min-height:auto，内容超高会被裁切而无法滚动。
 * 列表页靠表格内部滚动；自定义详情页必须用本套壳 + 内层 overflow:auto。
 *
 * 结构：
 * <div class="jnpf-content-wrapper tms-scroll-page">
 *   <div class="jnpf-content-wrapper-center tms-scroll-center">
 *     <div class="jnpf-content-wrapper-content tms-scroll-body">...</div>
 *   </div>
 * </div>
 */
.tms-scroll-page {
  height: 100%;
  min-height: 0;
}

.tms-scroll-center {
  height: 100% !important;
  min-height: 0 !important;
  display: flex;
  flex-direction: column;
}

.tms-scroll-body {
  display: flex !important;
  flex-direction: column;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  height: 100%;
  overflow: auto !important;
  background: #fff;
}

.tms-scroll-spin {
  display: block;
  width: 100%;
}

.tms-scroll-spin .ant-spin-container {
  width: 100%;
}

.tms-scroll-inner {
  padding: 16px 20px 24px;
  box-sizing: border-box;
}