.agent-page .primary-sidebar { flex-basis: 218px; }
.agent-page .agent-subnav { padding: 4px 0 6px; }
.agent-page .agent-subnav .subnav-item { height: 47px; }
.agent-page .workspace { background: #fff; }
.agent-page .tab-strip { overflow-x: auto; scrollbar-width: none; }
.agent-page .tab-strip::-webkit-scrollbar { display: none; }

.agent-content {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 24px 18px 0;
  overflow: hidden;
  background: #fff;
}

.agent-toolbar {
  flex: 0 0 50px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid #dfe4e9;
}
.agent-status-tabs { display: flex; height: 50px; align-items: flex-start; gap: 14px; }
.agent-status-tabs button {
  position: relative;
  min-width: 67px;
  height: 49px;
  padding: 0 11px 15px;
  color: #353c44;
  font-size: 14px;
  font-weight: 600;
}
.agent-status-tabs button:last-child { min-width: 112px; }
.agent-status-tabs button.active { color: #2d99f4; }
.agent-status-tabs button.active::after {
  content: "";
  position: absolute;
  left: 11px;
  right: 11px;
  bottom: -1px;
  height: 2px;
  background: #2d99f4;
}
.toolbar-actions { display: flex; gap: 10px; }
.toolbar-actions .primary-button { min-width: 76px; height: 30px; }

.agent-filters {
  flex: 0 0 73px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #525a64;
  font-size: 14px;
}
.agent-filters label { font-weight: 600; white-space: nowrap; }
.agent-filters label:not(:first-child) { margin-left: 2px; }
.agent-filters input {
  width: 172px;
  height: 34px;
  padding: 0 13px;
  border: 1px solid #dfe4ea;
  border-radius: 4px;
  outline: none;
  color: #505861;
}
.agent-filters input::placeholder { color: #c2c8d0; }
.agent-filters input:focus { border-color: #409eff; box-shadow: 0 0 0 2px rgba(64,158,255,.1); }
.agent-filters .primary-button { width: 65px; height: 34px; margin-left: 1px; font-size: 14px; }

.agent-table-area {
  flex: 1;
  min-height: 0;
  position: relative;
  border: 1px solid #e4e9ee;
  overflow: hidden;
}
.agent-table-scroll { position: absolute; inset: 0; overflow: auto; }
.agent-page .agent-table {
  width: 100%;
  min-width: 1450px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
}
.agent-page .agent-table thead { position: sticky; top: 0; z-index: 4; background: #f7f8fa; }
.agent-page .agent-table th,
.agent-page .agent-table td {
  height: 62px;
  padding: 9px 10px;
  border-right: 1px solid #e5eaef;
  border-bottom: 1px solid #e5eaef;
  text-align: left;
  vertical-align: middle;
  color: #5f666d;
  word-break: break-all;
}
.agent-page .agent-table th {
  height: 41px;
  background: #f7f8fa;
  color: #596273;
  font-weight: 650;
}
.agent-page .agent-table th:nth-child(1) { width: 200px; }
.agent-page .agent-table th:nth-child(2) { width: 78px; text-align: center; }
.agent-page .agent-table th:nth-child(3) { width: 80px; text-align: center; }
.agent-page .agent-table th:nth-child(4) { width: 300px; }
.agent-page .agent-table th:nth-child(5) { width: 80px; text-align: center; }
.agent-page .agent-table th:nth-child(6) { width: 80px; text-align: center; }
.agent-page .agent-table th:nth-child(7) { width: 200px; }
.agent-page .agent-table th:nth-child(8) { width: 110px; }
.agent-page .agent-table th:nth-child(9) { width: 315px; }
.agent-page .agent-table td:nth-child(2),
.agent-page .agent-table td:nth-child(3),
.agent-page .agent-table td:nth-child(5),
.agent-page .agent-table td:nth-child(6) { text-align: center; }
.agent-page .agent-table th:last-child,
.agent-page .agent-table td:last-child {
  position: sticky;
  right: 0;
  z-index: 3;
  background: #fff;
  box-shadow: -7px 0 10px rgba(39,57,76,.08);
  white-space: nowrap;
}
.agent-page .agent-table thead th:last-child { z-index: 6; background: #f7f8fa; }
.agent-actions button { margin-right: 12px; color: #2797f4; font-size: 13px; }
.agent-actions button:last-child { margin-right: 0; }
.agent-empty { padding: 80px 0; text-align: center; color: #a1aab4; }

.pagination {
  flex: 0 0 68px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-right: 6px;
  color: #69717a;
  font-size: 13px;
}
.pagination b { font-weight: 400; }
.pagination select,
.pagination input {
  height: 30px;
  border: 1px solid #e2e6eb;
  border-radius: 3px;
  background: #fff;
  color: #646c76;
  outline: none;
}
.pagination select { width: 94px; padding: 0 10px; }
.pagination input { width: 45px; text-align: center; }
.pagination button {
  width: 30px;
  height: 30px;
  border-radius: 2px;
  background: #f5f6f8;
  color: #5c6470;
  font-weight: 600;
}
.pagination button.active { background: #2d98f3; color: #fff; }
.pagination button:disabled { color: #cbd0d6; cursor: default; }
.pagination .page-ellipsis { width: 35px; }
.pagination .jump-label { margin-left: 8px; }

@media (max-width: 1350px) {
  .agent-page .primary-sidebar { flex-basis: 196px; }
  .agent-content { padding-left: 15px; padding-right: 15px; }
}