/* ===== 时代通联 · 全局界面统一美化（纯样式，不改看板结构） ===== */

/* 1. 中文字体统一 */
body, .mat-typography, .mat-mdc-form-field, .mat-mdc-table, button, input, textarea, select {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, PingFang SC, Microsoft YaHei, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* 2. 卡片 / 部件：统一圆角 + 轻阴影 + 细边框 */
mat-card, .tb-widget, .mat-mdc-card {
  border-radius: 10px !important;
  border: 1px solid rgba(16, 24, 40, .07) !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 2px 8px rgba(16, 24, 40, .04) !important;
}

/* 3. 顶部工具栏 / 侧边导航 */
mat-toolbar.mat-toolbar {
  box-shadow: 0 1px 3px rgba(16, 24, 40, .09) !important;
  border-bottom: 1px solid rgba(16, 24, 40, .06);
}
mat-drawer-container, mat-sidenav-container { background: #f6f8fb !important; }
mat-sidenav, mat-drawer {
  border-right: 1px solid rgba(16, 24, 40, .08) !important;
  box-shadow: none !important;
}
/* 侧栏菜单项 */
mat-nav-list .mat-mdc-list-item {
  border-radius: 8px;
  margin: 2px 6px;
}
mat-nav-list .mat-mdc-list-item:hover { background: rgba(48, 86, 128, .07) !important; }
mat-nav-list .mat-mdc-list-item.mdc-list-item--activated,
mat-nav-list .mat-mdc-list-item.active {
  background: rgba(48, 86, 128, .12) !important;
  font-weight: 600;
}

/* 4. 按钮：去全大写、统一圆角 */
.mat-mdc-button, .mat-mdc-unelevated-button, .mat-mdc-raised-button,
.mat-mdc-outlined-button, .mat-mdc-icon-button {
  text-transform: none !important;
  letter-spacing: 0 !important;
  border-radius: 8px !important;
}

/* 5. 表单控件圆角 */
.mat-mdc-form-field .mdc-notched-outline__leading { border-radius: 8px 0 0 8px !important; }
.mat-mdc-form-field .mdc-notched-outline__trailing { border-radius: 0 8px 8px 0 !important; }

/* 6. 表格：表头浅底、斑马纹、行高统一 */
.mat-mdc-table .mat-mdc-header-row { background: #f4f7fb !important; }
.mat-mdc-table .mat-mdc-header-cell {
  font-weight: 600 !important;
  color: #33475b !important;
  font-size: 13px !important;
}
.mat-mdc-table .mat-mdc-row:nth-child(even) { background: #fafcfe; }
.mat-mdc-table .mat-mdc-row:hover { background: #eef4fb !important; }
.mat-mdc-table .mat-mdc-cell { border-bottom-color: rgba(16, 24, 40, .06) !important; }

/* 7. 对话框 / 弹窗 */
.mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(16, 24, 40, .18) !important;
}
.cdk-overlay-dark-backdrop { background: rgba(16, 24, 40, .38) !important; }

/* 8. 滚动条 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 6px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background: #9fb0c3; background-clip: content-box; }

/* 9. 看板页面底色，让卡片浮起来 */
.tb-dashboard-page, .tb-dashboard-page-content, .mat-drawer-content {
  background: #f6f8fb;
}

/* 10. 部件标题栏统一 */
.tb-widget-title, .tb-widget-header-title {
  font-weight: 600 !important;
  letter-spacing: .2px;
  color: #2b3a4a !important;
}

/* ===== 登录页：logo 缩小、居左下（保持上方） ===== */
.tb-login-content mat-card { transform: translateY(48px); }
.login-logo {
  display: block !important;
  position: static !important;
  align-self: flex-start !important;
  width: 150px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(18px) !important;
}
.login-logo img {
  width: 150px !important;
  height: auto !important;
  max-width: none !important;
  display: block !important;
}