/**
 * 租赁合同管理 — Ant Design 控件与 vm 布局对齐
 */

/* 筛选区：Ant Select / DatePicker 与 vm-input 同高 */
.vm-page.lc-page .vm-filter-field .ant-select,
.vm-page.lc-page .vm-filter-field .ant-picker {
  width: 100%;
}

.vm-page.lc-page .vm-filter-field .ant-select .ant-select-selector,
.vm-page.lc-page .vm-filter-field .ant-picker {
  min-height: var(--vm-control-height) !important;
  border-radius: var(--ln-radius-control) !important;
  border-color: var(--ln-hairline-strong) !important;
  font-size: 0.875rem;
}

.vm-page.lc-page .vm-filter-field .ant-select .ant-select-selector {
  align-items: center;
}

.vm-page.lc-page .vm-filter-field .ant-select-multiple .ant-select-selector {
  min-height: var(--vm-control-height) !important;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* 列表工具栏：上下间距一致（以下方 16px 为准） */
.vm-page.lc-page .vm-filter-card {
  margin-bottom: 16px;
}

.vm-page.lc-page .vm-table-section .vm-table-toolbar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: var(--vm-btn-height);
  padding: 0 0 16px;
  margin-bottom: 0;
}

/* 列表区：Ant Table 嵌入 vm-table-card */
.vm-page.lc-page .vm-table-card .vm-list-table.ant-table-wrapper,
.vm-page.lc-page .vm-table-card .vm-list-table .ant-table-wrapper {
  width: 100%;
}

.vm-page.lc-page .vm-kpi-row {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 16px;
}

.vm-page.lc-page .vm-table-wrap.vm-list-table {
  overflow: auto;
  max-height: calc(100vh - 640px);
}

@media (max-width: 1280px) {
  .vm-page.lc-page .vm-kpi-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 960px) {
  .vm-page.lc-page .vm-kpi-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .vm-page.lc-page .vm-kpi-row {
    grid-template-columns: 1fr;
  }
}

.vm-page.lc-page .vm-list-table .ant-table-thead > tr > th {
  background: var(--ln-canvas-soft) !important;
  color: var(--ln-muted) !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  padding: 8px 12px !important;
  white-space: nowrap;
}

.vm-page.lc-page .vm-list-table .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
  padding: 8px 12px !important;
  font-size: 0.8125rem;
  white-space: nowrap;
  border-bottom: 1px solid var(--ln-hairline);
}

.vm-page.lc-page .vm-list-table .ant-table-tbody > tr:not(.ant-table-measure-row):hover > td {
  background: var(--ln-canvas-soft) !important;
}

.vm-page.lc-page .vm-list-table .ant-table-cell-fix-left,
.vm-page.lc-page .vm-list-table .ant-table-cell-fix-right {
  background: var(--ln-surface-card);
}

.vm-page.lc-page .vm-list-table .ant-table-tbody > tr:hover .ant-table-cell-fix-left,
.vm-page.lc-page .vm-list-table .ant-table-tbody > tr:hover .ant-table-cell-fix-right {
  background: var(--ln-canvas-soft) !important;
}

.vm-page.lc-page .vm-list-table .oneos-cell-link,
.vm-page.lc-page .vm-list-table .vm-link {
  padding: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ln-primary);
  cursor: pointer;
  background: none;
  border: none;
}

.vm-page.lc-page .vm-list-table .oneos-cell-link:hover,
.vm-page.lc-page .vm-list-table .vm-link:hover {
  color: var(--ln-primary-hover);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.vm-page.lc-page .vm-list-table .ant-btn-link {
  min-height: auto;
  height: auto;
  padding: 0 4px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--ln-primary) !important;
}

.vm-page.lc-page .vm-list-table .ant-btn-link:hover {
  color: var(--ln-primary-hover) !important;
}

/* 审批流 Popover 标签 */
.vm-page.lc-page .lc-approval-tag {
  margin: 0;
  color: var(--ln-primary);
  background: var(--ln-primary-soft);
  border-color: color-mix(in srgb, var(--ln-primary) 35%, transparent);
}

/* 面包屑与 vm 页头 */
.vm-page.lc-page .vm-page-header .ant-breadcrumb {
  font-size: 0.875rem;
}

.vm-page.lc-page .vm-page-header .ant-breadcrumb li:last-child {
  color: var(--ln-ink);
  font-weight: 500;
}

/* 项目信息：三行堆叠，与车辆管理所属项目一致 */
.vm-page.lc-page .vm-list-table .lc-project-info-col {
  white-space: normal !important;
  vertical-align: middle;
}

.vm-page.lc-page .lc-project-info-btn {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
  border-radius: var(--ln-radius-xs);
}

.vm-page.lc-page .lc-project-info-btn:hover .vm-stack .primary,
.vm-page.lc-page .lc-project-info-btn:hover .vm-stack .code {
  color: var(--ln-primary-hover);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.vm-page.lc-page .lc-project-info-btn:focus-visible {
  outline: var(--vm-focus-border-color, var(--ln-primary)) solid 2px;
  outline-offset: 2px;
}

.vm-page.lc-page .lc-project-info-btn .vm-stack .primary {
  font-weight: 500;
  color: var(--ln-link);
}

.vm-page.lc-page .lc-project-info-btn .vm-stack .code {
  font-family: var(--vm-font-mono);
  font-size: 0.8125rem;
  color: var(--ln-link);
}

.vm-page.lc-page .lc-project-info-btn .vm-stack .sub {
  font-size: 0.8125rem;
  color: var(--ln-body);
}
