127 lines
3.1 KiB
CSS
127 lines
3.1 KiB
CSS
.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;
|
|
}
|