.telemetry-grid-wrap {
  --rz-base-background-color: var(--tds-bg-primary);
  --rz-body-background-color: var(--tds-bg-primary);
  --rz-grid-background-color: var(--tds-bg-primary);
  --rz-grid-cell-color: var(--tds-text-primary);
  --rz-grid-cell-border: 1px solid var(--tds-border-default);
  --rz-grid-right-cell-border: 1px solid var(--tds-border-default);
  --rz-grid-bottom-cell-border: 1px solid var(--tds-border-default);
  --rz-grid-header-background-color: var(--tds-bg-elevated);
  --rz-grid-header-color: var(--tds-text-config);
  --rz-grid-header-cell-border: 1px solid var(--tds-border-strong);
  --rz-grid-header-text-transform: none;
  --rz-grid-header-sorted-background-color: var(--tds-bg-secondary);
  --rz-grid-stripe-background-color: var(--tds-bg-secondary);
  --rz-grid-stripe-odd-background-color: var(--tds-bg-primary);
  --rz-grid-hover-background-color: var(--tds-row-hover);
  --rz-grid-hover-color: var(--tds-text-primary);
  --rz-grid-selected-background-color: var(--tds-row-selected);
  --rz-grid-selected-color: var(--tds-text-primary);
  --rz-grid-foot-background-color: var(--tds-bg-elevated);
  --rz-grid-foot-cell-color: var(--tds-text-primary);
  --rz-grid-filter-background-color: var(--tds-bg-elevated);
  --rz-grid-filter-color: var(--tds-text-secondary);
  --rz-grid-filter-border: 1px solid var(--tds-border-strong);
  --rz-grid-filter-buttons-background-color: var(--tds-bg-elevated);
  --rz-grid-toolbar-background-color: var(--tds-bg-elevated);
  --rz-grid-detail-template-background-color: var(--tds-bg-secondary);
  --rz-grid-frozen-cell-background-color: var(--tds-bg-primary);
  --rz-grid-frozen-stripe-background-color: var(--tds-bg-secondary);
  --rz-grid-loading-indicator-background-color: var(--tds-bg-elevated);
  --rz-grid-border: 1px solid var(--tds-border-strong);
  --rz-grid-shadow: none;
  --rz-input-background-color: var(--tds-bg-input);
  --rz-input-hover-background-color: var(--tds-bg-input-hover);
  --rz-input-focus-background-color: var(--tds-bg-input-hover);
  --rz-input-value-color: var(--tds-text-primary);
  --rz-input-border: 1px solid var(--tds-border-chrome);
  --rz-input-hover-border: 1px solid var(--tds-border-focus);
  --rz-input-focus-border: 1px solid var(--tds-border-focus);
  --rz-input-disabled-background-color: var(--tds-bg-surface);
  --rz-input-disabled-color: var(--tds-text-muted);
  --rz-pager-background-color: var(--tds-bg-elevated);
  --rz-pager-border: 1px solid var(--tds-border-strong);
  --rz-pager-numeric-button-background-color: var(--tds-bg-primary);
  --rz-pager-numeric-button-color: var(--tds-text-secondary);
  --rz-pager-numeric-button-hover-background-color: var(--tds-bg-secondary);
  --rz-pager-numeric-button-hover-color: var(--tds-text-primary);
  --rz-pager-numeric-button-selected-background-color: var(--tds-accent-active);
  --rz-pager-numeric-button-selected-color: var(--tds-accent-text);
  --rz-pager-back-button-background-color: var(--tds-bg-primary);
  --rz-pager-back-button-color: var(--tds-text-secondary);
  --rz-pager-next-button-background-color: var(--tds-bg-primary);
  --rz-pager-next-button-color: var(--tds-text-secondary);
  --rz-pager-summary-color: var(--tds-text-secondary);
  --rz-dropdown-open-background-color: var(--tds-bg-elevated);
  --rz-dropdown-item-hover-background-color: var(--tds-row-hover);
  --rz-dropdown-item-hover-color: var(--tds-text-primary);
  --rz-dropdown-item-selected-background-color: var(--tds-accent-active);
  --rz-dropdown-item-selected-color: var(--tds-accent-text);
  --rz-text-color: var(--tds-text-primary);
  --rz-text-secondary-color: var(--tds-text-secondary);
  --rz-text-tertiary-color: var(--tds-text-muted);
  --rz-border-normal: 1px solid var(--tds-border-default);
}

.telemetry-grid-wrap .rz-datatable {
  border-radius: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  font-size: 13px;
  font-family: var(--ghostai-font-sans);
}

.telemetry-grid-wrap .rz-cell-data {
  min-width: 0;
  white-space: normal;
  overflow: visible;
}

.telemetry-grid-wrap .telemetry-data-grid__actions,
.telemetry-grid-wrap .ghostai-grid-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.telemetry-grid-wrap .telemetry-data-grid__actions-cell {
  min-width: 8rem;
  width: 1%;
  white-space: nowrap;
}

.telemetry-grid-wrap .ghostai-grid-actions-cell {
  min-width: max-content;
}

.telemetry-grid-wrap .rz-datatable-thead > tr > th {
  font-weight: 600;
  font-size: 12px;
  text-transform: none;
  letter-spacing: 0.04em;
}

.telemetry-grid-wrap .rz-datatable-tbody > tr:hover {
  cursor: pointer;
}

.telemetry-grid-wrap .rz-textbox,
.telemetry-grid-wrap .rz-inputtext,
.telemetry-grid-wrap .rz-dropdown {
  border-radius: 8px !important;
  font-size: 12px !important;
  min-height: 30px !important;
}

.telemetry-grid-wrap .rz-textbox:focus,
.telemetry-grid-wrap .rz-inputtext:focus {
  box-shadow: 0 0 0 3px var(--tds-accent-shadow) !important;
}

.telemetry-grid-wrap .rz-sortable-column:hover .rz-cell-data {
  color: var(--tds-text-primary);
}

.telemetry-grid-wrap .rz-datatable-emptymessage td {
  font-style: italic;
  text-align: center;
  padding: 24px;
}

:root {
  --rz-overlay-background-color: var(--tds-bg-elevated);
  --rz-overlay-border: 1px solid var(--tds-border-strong);
  --rz-overlay-shadow: 0 10px 28px 0 var(--tds-shadow-color);
  --rz-dropdown-open-background-color: var(--tds-bg-elevated);
  --rz-dropdown-item-color: var(--tds-text-primary);
  --rz-dropdown-item-hover-background-color: var(--tds-row-hover);
  --rz-dropdown-item-hover-color: var(--tds-text-primary);
  --rz-dropdown-item-selected-background-color: var(--tds-accent-active);
  --rz-dropdown-item-selected-color: var(--tds-accent-text);
  --rz-datepicker-panel-background-color: var(--tds-bg-elevated);
  --rz-datepicker-panel-border: 1px solid var(--tds-border-strong);
  --rz-datepicker-panel-shadow: 0 10px 28px 0 var(--tds-shadow-color);
  --rz-datepicker-header-background-color: transparent;
  --rz-datepicker-header-border: none;
  --rz-datepicker-header-color: var(--tds-text-primary);
  --rz-datepicker-calendar-header-color: var(--tds-text-secondary);
  --rz-datepicker-calendar-color: var(--tds-text-primary);
  --rz-datepicker-calendar-hover-background-color: var(--tds-row-hover);
  --rz-datepicker-calendar-hover-color: var(--tds-text-primary);
  --rz-datepicker-calendar-selected-background-color: var(--tds-accent);
  --rz-datepicker-calendar-selected-color: var(--tds-text-on-accent);
  --rz-datepicker-calendar-selected-hover-background-color: var(--tds-accent-hover);
  --rz-datepicker-calendar-selected-hover-color: var(--tds-text-on-accent);
  --rz-datepicker-calendar-today-background-color: var(--tds-accent-subtle);
  --rz-datepicker-calendar-today-color: var(--tds-accent-text);
  --rz-datepicker-trigger-icon-color: var(--tds-text-secondary);
  --rz-datepicker-trigger-icon-hover-color: var(--tds-text-primary);
  --rz-listbox-background-color: var(--tds-bg-elevated);
  --rz-listbox-border: 1px solid var(--tds-border-strong);
  --rz-numeric-button-background-color: var(--tds-bg-surface);
  --rz-numeric-button-color: var(--tds-text-secondary);
  --rz-numeric-button-disabled-background-color: var(--tds-bg-surface);
  --rz-numeric-button-disabled-color: var(--tds-text-muted);
  --rz-grid-filter-background-color: var(--tds-bg-elevated);
  --rz-grid-filter-color: var(--tds-text-secondary);
  --rz-grid-filter-focus-color: var(--tds-text-primary);
  --rz-grid-filter-buttons-background-color: var(--tds-bg-elevated);
  --rz-grid-filter-buttons-border: 1px solid var(--tds-border-strong);
  --rz-grid-clear-filter-button-background-color: var(--tds-bg-surface);
  --rz-grid-clear-filter-button-color: var(--tds-text-primary);
  --rz-grid-clear-filter-button-shadow: none;
  --rz-grid-apply-filter-button-background-color: var(--tds-accent);
  --rz-grid-apply-filter-button-color: var(--tds-text-on-accent);
  --rz-grid-apply-filter-button-shadow: none;
  --rz-button-base-background-color: var(--tds-bg-surface);
  --rz-button-base-color: var(--tds-text-primary);
  --rz-base: var(--tds-chrome-base);
  --rz-base-light: var(--tds-chrome-base-light);
  --rz-base-lighter: var(--tds-chrome-base-lighter);
  --rz-base-dark: var(--tds-chrome-base-dark);
  --rz-base-darker: var(--tds-chrome-base-darker);
  --rz-on-base: var(--tds-text-secondary);
  --rz-text-contrast-color: var(--tds-text-secondary);
}

.rz-dropdown-panel {
  background: var(--tds-bg-elevated) !important;
  border: 1px solid var(--tds-border-strong) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 28px 0 var(--tds-shadow-color) !important;
  color: var(--tds-text-primary) !important;
}

.rz-dropdown-items-wrapper {
  background: var(--tds-bg-elevated) !important;
}

.rz-dropdown-item {
  color: var(--tds-text-primary) !important;
}
.rz-dropdown-item:hover, .rz-dropdown-item.rz-state-highlight:hover {
  background: var(--tds-row-hover) !important;
  color: var(--tds-text-primary) !important;
}
.rz-dropdown-item.rz-state-highlight {
  background: var(--tds-accent-active) !important;
  color: var(--tds-accent-text) !important;
}

.rz-overlaypanel {
  background: var(--tds-bg-elevated) !important;
  border: 1px solid var(--tds-border-strong) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 28px 0 var(--tds-shadow-color) !important;
  color: var(--tds-text-primary) !important;
}

.rz-date-filter {
  background: var(--tds-bg-elevated) !important;
  color: var(--tds-text-primary) !important;
}

.rz-datepicker-popup-container {
  background: var(--tds-bg-elevated) !important;
  border: 1px solid var(--tds-border-strong) !important;
  box-shadow: 0 10px 28px 0 var(--tds-shadow-color) !important;
}

.rz-datepicker-inline {
  background: var(--tds-bg-elevated) !important;
  color: var(--tds-text-primary) !important;
}

.rz-calendar-header {
  background: transparent !important;
  color: var(--tds-text-primary) !important;
}

.rz-calendar-prev,
.rz-calendar-next {
  color: var(--tds-text-secondary) !important;
}
.rz-calendar-prev:hover,
.rz-calendar-next:hover {
  color: var(--tds-text-primary) !important;
  background: var(--tds-row-hover) !important;
}

.rz-calendar-title {
  color: var(--tds-text-primary) !important;
}
.rz-calendar-title select,
.rz-calendar-title .rz-calendar-month-dropdown,
.rz-calendar-title .rz-calendar-year-dropdown {
  color: var(--tds-text-primary) !important;
  background: var(--tds-bg-input) !important;
  border: 1px solid var(--tds-border-chrome) !important;
  border-radius: 6px !important;
}
.rz-calendar-title select:hover, .rz-calendar-title select:focus,
.rz-calendar-title .rz-calendar-month-dropdown:hover,
.rz-calendar-title .rz-calendar-month-dropdown:focus,
.rz-calendar-title .rz-calendar-year-dropdown:hover,
.rz-calendar-title .rz-calendar-year-dropdown:focus {
  border-color: var(--tds-border-focus) !important;
}
.rz-calendar-title select option,
.rz-calendar-title .rz-calendar-month-dropdown option,
.rz-calendar-title .rz-calendar-year-dropdown option {
  background: var(--tds-bg-option) !important;
  color: var(--tds-text-primary) !important;
}

.rz-calendar-view th {
  color: var(--tds-text-secondary) !important;
}
.rz-calendar-view td .rz-state-default {
  color: var(--tds-text-primary) !important;
  transition: background-color 0.1s ease, color 0.1s ease;
}
.rz-calendar-view td .rz-state-default:hover {
  background: var(--tds-row-hover) !important;
  color: var(--tds-text-primary) !important;
}
.rz-calendar-view td .rz-state-active {
  background: var(--tds-accent) !important;
  color: var(--tds-text-on-accent) !important;
}
.rz-calendar-view td.rz-calendar-other-month .rz-state-default {
  color: var(--tds-text-muted) !important;
}
.rz-calendar-view td .rz-calendar-today {
  background: var(--tds-accent-subtle) !important;
  color: var(--tds-accent-text) !important;
}

.rz-datepicker-footer {
  color: var(--tds-text-primary) !important;
}
.rz-datepicker-footer .rz-numeric .rz-numeric-input {
  background: var(--tds-bg-input-solid) !important;
  color: var(--tds-text-primary) !important;
  border: 1px solid var(--tds-border-chrome) !important;
  border-radius: 6px !important;
}
.rz-datepicker-footer .rz-numeric .rz-numeric-input:focus {
  border-color: var(--tds-border-focus) !important;
  box-shadow: 0 0 0 3px var(--tds-accent-shadow) !important;
}
.rz-datepicker-footer .rz-numeric .rz-numeric-button {
  background: var(--tds-bg-surface) !important;
  color: var(--tds-text-secondary) !important;
}
.rz-datepicker-footer .rz-numeric .rz-numeric-button:hover {
  background: var(--tds-bg-control-hover) !important;
  color: var(--tds-text-primary) !important;
}

.rz-numeric-button {
  background: var(--tds-bg-surface) !important;
  color: var(--tds-text-secondary) !important;
}
.rz-numeric-button:hover {
  background: var(--tds-bg-control-hover) !important;
  color: var(--tds-text-primary) !important;
}

.rz-numeric .rz-numeric-input {
  background: var(--tds-bg-input-solid) !important;
  color: var(--tds-text-primary) !important;
  border: 1px solid var(--tds-border-chrome) !important;
  border-radius: 6px !important;
}
.rz-numeric .rz-numeric-input:focus {
  border-color: var(--tds-border-focus) !important;
  box-shadow: 0 0 0 3px var(--tds-accent-shadow) !important;
}

.rz-grid-filter-buttons {
  background: var(--tds-bg-elevated) !important;
  border-top: 1px solid var(--tds-border-strong) !important;
}
.rz-grid-filter-buttons .rz-button.rz-clear-filter {
  background: var(--tds-bg-surface) !important;
  color: var(--tds-text-primary) !important;
  border: 1px solid var(--tds-border-chrome) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.rz-grid-filter-buttons .rz-button.rz-clear-filter:hover {
  background: var(--tds-bg-control-hover) !important;
}
.rz-grid-filter-buttons .rz-button.rz-apply-filter {
  background: var(--tds-accent) !important;
  color: var(--tds-text-on-accent) !important;
  border: 1px solid var(--tds-accent-border-strong) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.rz-grid-filter-buttons .rz-button.rz-apply-filter:hover {
  background: var(--tds-accent-hover) !important;
}

.rz-listbox {
  background: var(--tds-bg-elevated) !important;
  border: 1px solid var(--tds-border-strong) !important;
  border-radius: 8px !important;
  color: var(--tds-text-primary) !important;
}
.rz-listbox .rz-listbox-item {
  color: var(--tds-text-primary) !important;
}
.rz-listbox .rz-listbox-item:hover {
  background: var(--tds-row-hover) !important;
}
.rz-listbox .rz-listbox-item.rz-state-highlight {
  background: var(--tds-accent-active) !important;
  color: var(--tds-accent-text) !important;
}
.rz-listbox .rz-listbox-header {
  background: var(--tds-bg-elevated) !important;
  border-bottom: 1px solid var(--tds-border-strong) !important;
  color: var(--tds-text-secondary) !important;
}

.rz-grid-filter-icon {
  color: var(--tds-text-secondary) !important;
}
.rz-grid-filter-icon:hover {
  color: var(--tds-text-primary) !important;
}
.rz-grid-filter-icon.rz-grid-filter-active {
  color: var(--tds-accent-text) !important;
}

.rz-cell-filter-content .rz-button.rz-base.rz-shade-default,
.rz-cell-filter-content .rz-button.rz-variant-flat.rz-base {
  background-color: transparent !important;
  color: var(--tds-text-secondary) !important;
  border: 1px solid var(--tds-border-chrome) !important;
  border-radius: 8px !important;
}
.rz-cell-filter-content .rz-button.rz-base.rz-shade-default:hover,
.rz-cell-filter-content .rz-button.rz-variant-flat.rz-base:hover {
  background-color: var(--tds-bg-control-hover) !important;
  color: var(--tds-text-primary) !important;
}

.rz-datepicker-trigger {
  color: var(--tds-text-secondary) !important;
}
.rz-datepicker-trigger:hover {
  color: var(--tds-text-primary) !important;
}

.rz-overlaypanel .rz-button {
  border-radius: 8px !important;
}

.rz-grid-filter-buttons .rz-button {
  border-radius: 8px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.rz-grid-filter-buttons .rz-button.rz-clear-filter, .rz-grid-filter-buttons .rz-button.rz-shade-default:first-child {
  background-color: var(--tds-bg-surface) !important;
  color: var(--tds-text-primary) !important;
  border: 1px solid var(--tds-border-chrome) !important;
}
.rz-grid-filter-buttons .rz-button.rz-clear-filter:hover, .rz-grid-filter-buttons .rz-button.rz-shade-default:first-child:hover {
  background-color: var(--tds-bg-control-hover) !important;
}
.rz-grid-filter-buttons .rz-button.rz-apply-filter, .rz-grid-filter-buttons .rz-button.rz-shade-default:last-child {
  background-color: var(--tds-accent) !important;
  color: var(--tds-text-on-accent) !important;
  border: 1px solid var(--tds-accent-border-strong) !important;
}
.rz-grid-filter-buttons .rz-button.rz-apply-filter:hover, .rz-grid-filter-buttons .rz-button.rz-shade-default:last-child:hover {
  background-color: var(--tds-accent-hover) !important;
}