/* admin/style.css — responsive styles for the management SPA */
html, body {
  margin: 0;
  padding: 0;
  background: #f0f2f5;
  font-family: -apple-system, 'Segoe UI', 'Microsoft YaHei', 'PingFang SC', sans-serif;
}

/* ---------- Login page ---------- */
.login-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #0f1a2e 0%, #1a3d7a 55%, #2b5ba8 100%);
  padding: 16px;
}
.login-logo {
  width: 56px; height: 56px; margin: 0 auto 12px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2b5ba8, #1a3d7a);
  color: #fff; font-size: 26px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}

/* ---------- Header ---------- */
.app-header {
  background: var(--ky-color-primary, #1e90ff);
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  width: 100%;
  flex: 0 0 auto;
  overflow: hidden;
}
.app-header .ant-layout-header { line-height: normal; }

/* 内容区内部滚动，并预留滚动条空间：右侧按钮/操作列不会被滚动条遮住 */
.app-content {
  scrollbar-gutter: stable;
}
.app-logo {
  width: 34px; height: 34px; border-radius: 50%;
  background: #fff; color: var(--ky-color-primary, #1e90ff); font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

/* ---------- Content ---------- */
.projects-view { min-height: 60vh; }

/* ---------- 项目维护 tab 更醒目 ---------- */
.projects-tabs .ant-tabs-nav { margin: 0 0 16px; }
.projects-tabs .ant-tabs-tab {
  padding: 10px 6px;
  font-size: 15px;
  font-weight: 600;
}
.projects-tabs .ant-tabs-tab-btn { font-size: 15px; font-weight: 600; }
.projects-tabs .ant-tabs-ink-bar { height: 3px; border-radius: 3px; }

/* ---------- Table row highlight for lights ---------- */
tr.ant-table-row td.light-green { background: #f2faf5; }
tr.ant-table-row td.light-yellow { background: #fffbe6; }
tr.ant-table-row td.light-red { background: #fff1f0; }

/* ---------- Mobile tweaks ---------- */
@media (max-width: 768px) {
  .ant-table { font-size: 12px; }
  .ant-card { border-radius: 8px; }
  .ant-modal { top: 10px; max-width: 96vw; }
  .ant-modal-content { padding: 12px; }
  .ant-drawer-content-wrapper { width: 100% !important; max-width: 100vw; }
  .ant-form-item { margin-bottom: 10px; }
}