#alertsView {
  --font-ui: 'Onest', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --alerts-mono: var(--font-ui);
  font-family: var(--font-ui);
}

#alertsView .alerts-live,
#alertsView .alerts-center-head-actions > span {
  color: #aab7c0;
  font-size: 11px;
}

#alertsView .alerts-header-actions button,
#alertsView .alerts-status-actions button {
  font-family: var(--font-ui);
  font-size: 11px;
}

#alertsView .alerts-header-actions #alertsPermissionButton,
#alertsView .alerts-rail-foot #alertsPermissionButton,
#alertsView .alerts-rail-foot #alertsPermissionStatus {
  color: #aab7c0;
  font-size: 11px;
}

#alertsView .alerts-search input,
#alertsView .alerts-table-toolbar select,
#alertsView .alerts-form-grid input,
#alertsView .alerts-form-grid select {
  font-family: var(--font-ui);
  font-size: 12px;
}

#alertsView .alerts-search input::placeholder {
  color: #a8b5be;
}

#alertsView .alerts-filter-toggle b,
#alertsView .alerts-header-actions #alertsActiveFilterCount {
  font-family: var(--font-ui);
  font-size: 11px;
}

#alertsView .alerts-metric-picker button,
#alertsView .alerts-form-grid label {
  color: #b1bdc5;
  font-size: 11px;
}

#alertsView .alerts-metric-description,
#alertsView .alerts-permission-copy {
  color: #aab7c0;
  font-size: 12px;
}

#alertsView .alerts-overview-metric,
#alertsView .alerts-overview-note,
#alertsView .alerts-rail-title span,
#alertsView .alerts-rail-sub,
#alertsView .alerts-rail-foot,
#alertsView .alerts-rail-foot #alertsPermissionStatus,
#alertsView .alerts-center-head-actions > span,
#alertsView .alerts-table th,
#alertsView .alerts-rules-table .alert-condition-cell,
#alertsView .alerts-rules-table .alert-current-value,
#alertsView .alerts-rules-table .alert-created,
#alertsView .alerts-rules-table .alerts-value-context,
#alertsView .alerts-panel-title span,
#alertsView .alerts-signal-meta,
#alertsView .alerts-signal-tag,
#alertsView .alerts-recent-time,
#alertsView .alerts-recent-copy small,
#alertsView .alerts-connection-row span,
#alertsView .alerts-status-tabs b,
#alertsView .alerts-signal-types button b {
  font-family: var(--font-ui);
  font-variant-numeric: tabular-nums;
}

#alertsView .alerts-rail-title span,
#alertsView .alerts-rail-sub,
#alertsView .alerts-status-tabs b,
#alertsView .alerts-signal-types button b,
#alertsView .alerts-center-head-actions > span,
#alertsView .alerts-table th,
#alertsView .alerts-pagination,
#alertsView .alerts-rules-table .alert-created,
#alertsView .alerts-signal-meta,
#alertsView .alerts-signal-tag,
#alertsView .alerts-recent-time,
#alertsView .alerts-recent-copy small,
#alertsView .alerts-connection-row,
#alertsView .alerts-connection-row span {
  color: #adbac2;
  font-size: 11px;
}

#alertsView .alerts-rail-sub {
  font-weight: 600;
}

#alertsView .alerts-overview-note,
#alertsView .alerts-rail-foot,
#alertsView .alerts-insight-empty,
#alertsView .alerts-signal-detail,
#alertsView .alerts-connection-row {
  color: #acb9c1;
  font-size: 11px;
}

#alertsView .alerts-status-tabs button {
  color: #b5c0c7;
  font-family: var(--font-ui);
  font-size: 12px;
}

#alertsView .alerts-signal-types button {
  color: #b5c0c7;
  font-family: var(--font-ui);
  font-size: 11px;
}

#alertsView .alerts-center-head h2 {
  font-size: 14px;
}

#alertsView .alerts-table th {
  color: #b0bdc5;
  font-weight: 600;
}

#alertsView .alerts-table td,
#alertsView .alerts-rules-table .alert-condition-cell {
  color: #bdc8cf;
}

#alertsView .alerts-rules-table .alert-symbol span {
  color: #b4c0c7;
  font-size: 12px;
}

#alertsView .alerts-rule-name {
  color: #b2bec6;
  font-size: 13px;
}

#alertsView .alerts-rules-table .alert-created {
  color: #b0bdc5;
  font-size: 12px;
}

#alertsView .alerts-panel-title {
  color: #d7dfe4;
  font-size: 12px;
  font-weight: 600;
}

#alertsView .alerts-insight-empty,
#alertsView .alerts-signal-meta,
#alertsView .alerts-signal-detail,
#alertsView .alerts-recent-copy small,
#alertsView .alerts-permission-copy {
  color: #acb9c1;
  font-size: 11px;
}

#alertsView .alerts-recent-time {
  color: #b3bfc6;
  font-size: 13px;
}

#alertsView .alerts-recent-copy {
  color: #c1cbd1;
  font-size: 12px;
}

#alertsView .alerts-recent-copy small {
  font-size: 12px;
}

#alertsView .alerts-history-link {
  color: #91d0c5;
  font-size: 12px;
  font-weight: 550;
}

#alertsView .alerts-empty {
  color: #b5c0c7;
  font-size: 12px;
}

#alertsView .alerts-pagination {
  color: #acb9c1;
  font-size: 11px;
}

#alertsView .alerts-state-pill {
  font-family: var(--font-ui);
  font-size: 11px;
}

@media (max-width: 760px) {
  #alertsView .alerts-overview-counts button {
    font-size: 11px;
  }
}

/* Give long column labels their own space instead of joining neighbouring labels. */
#alertsView .alerts-rules-table thead tr { min-height:46px; }
#alertsView .alerts-rules-table th {
  display:flex; align-items:center; min-width:0; height:auto;
  padding:9px 4px; box-sizing:border-box;
  white-space:normal; overflow-wrap:normal; line-height:1.5;
  font-size:9px; letter-spacing:.055em; color:#8fa2ab;
}
#alertsView .alerts-rules-table td { min-width:0; padding-inline:4px; }
#alertsView .alerts-rules-table .alert-symbol { font-weight:600; letter-spacing:-.015em; }
#alertsView .alerts-rules-table .alert-condition-cell { font-size:11px; line-height:1.55; color:#a7b9c0; }
#alertsView .alerts-rules-table .alert-current-value { font-size:13px; font-weight:600; letter-spacing:-.02em; }
#alertsView .alerts-rules-table .alert-created { font-size:11px; color:#81969f; }
#alertsView .alerts-rules-table .alerts-rule-name { font-size:11px; color:#8fa3ac; }
#alertsView .alerts-rules-table .alerts-state-pill { font-size:10px; }
#alertsView .alerts-latest-signal { border-color:#294039; background:linear-gradient(135deg,#10211e,#0b1419 80%); border-radius:7px; }
#alertsView .alerts-signal-value { color:#cde8df; letter-spacing:-.035em; }
#alertsView .alerts-signal-tag { max-width:110px; white-space:normal; overflow:visible; text-overflow:clip; line-height:1.35; }
#alertsView .alerts-recent-item { padding-block:5px; }
#alertsView .alerts-recent-time { font-size:11px; color:#81969f; }
#alertsView .alerts-recent-copy small { margin-top:4px; font-size:11px; line-height:1.5; color:#8fa3ac; }