.agents-page {
    --kendo-color-app-surface: oklch(5.3% 0.013 270deg);
    --kendo-color-subtle: oklch(64% 0.018 270deg);
    --kendo-color-surface: oklch(10% 0.015 270deg);
    --kendo-color-border: oklch(25% 0.025 270deg / 0.7);
    --kendo-color-border-alt: oklch(30% 0.03 270deg / 0.5);
    --kendo-color-base: oklch(16% 0.02 270deg);
    --kendo-color-primary: oklch(55% 0.23 275deg);
    --kendo-color-secondary: oklch(35% 0 0deg);
    --kendo-color-tertiary: oklch(55% 0.15 240deg);
    --kendo-color-info: oklch(65% 0.15 250deg);
    --kendo-color-success: oklch(60% 0.15 140deg);
    --kendo-color-warning: oklch(75% 0.14 85deg);
    --kendo-color-error: oklch(55% 0.20 30deg);
    --kendo-color-inverse: oklch(85% 0.01 270deg);
    --kendo-color-series: oklch(55% 0.23 275deg);
    max-width: 1400px;
    margin: 0 auto;
    padding: 1.5rem;
}

.agents-page ::deep .k-grid,
.agents-page ::deep .k-grid-container,
.agents-page ::deep .k-grid-content,
.agents-page ::deep .k-grid-header-wrap {
    background: transparent;
    color: inherit;
}

.agents-page ::deep .k-grid-header,
.agents-page ::deep .k-grid-footer,
.agents-page ::deep .k-pager-wrap {
    background: var(--bg-elevated);
}

.agents-page ::deep .k-grid-header .k-header,
.agents-page ::deep .k-grid-header .k-column-title,
.agents-page ::deep .k-grid-header .k-link,
.agents-page ::deep .k-grid-header .k-grid-filter {
    color: #e8e8f0;
}

.agents-page ::deep .k-grid-header .k-link:hover,
.agents-page ::deep .k-grid-header .k-grid-filter:hover {
    color: #ffffff;
}

.agents-page ::deep .k-grid td,
.agents-page ::deep .k-grid-header th.k-header {
    border-color: oklch(25% 0.025 270deg / 0.7);
}

.agents-page ::deep .k-grid tr.k-alt {
    background: oklch(12% 0.015 270deg);
}

.agents-page ::deep .k-grid tr:hover {
    background: oklch(20% 0.025 270deg);
}

.agents-page ::deep .k-grid-filter,
.agents-page ::deep .k-grid-filter:hover {
    color: var(--text-secondary);
}

.agents-page ::deep .k-input,
.agents-page ::deep .k-picker {
    color: var(--text-primary);
    background: var(--bg-surface);
    border-color: var(--border);
}

.agents-page ::deep .k-button-solid-base {
    color: var(--text-secondary);
    background: var(--bg-elevated);
    border-color: var(--border);
}

.agents-page ::deep .k-button-solid-base:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.agents-page ::deep .k-pager-wrap {
    color: #e8e8f0;
}

.agents-page ::deep .k-pager-nav,
.agents-page ::deep .k-pager-numbers,
.agents-page ::deep .k-pager-numbers .k-link,
.agents-page ::deep .k-pager-input,
.agents-page ::deep .k-pager-info {
    color: #e8e8f0;
}

.agents-page ::deep .k-pager-nav:hover,
.agents-page ::deep .k-pager-numbers .k-link:hover {
    color: #ffffff;
}

.agents-header {
    margin-bottom: 1.5rem;
}

.agents-header h1 {
    margin-bottom: 0.25rem;
}

.agents-header p {
    font-size: 0.9rem;
    margin: 0;
}

.agent-name-cell {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.agent-thumb {
    width: 36px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}