#alertsList [data-dismiss-analysis-alert] {
  background: var(--row-surface) !important;
  color: var(--muted) !important;
  border: 0 !important;
  box-shadow: none !important;
}

#alertsList [data-dismiss-analysis-alert]:hover,
#alertsList [data-dismiss-analysis-alert]:focus-visible {
  background: var(--neutral-control-hover-surface) !important;
  color: var(--text) !important;
  outline: none !important;
}

.row {
  background: var(--row-surface) !important;
  border: 0 !important;
  box-shadow: 0 3px 10px rgba(32, 42, 63, .03) !important;
}

.row-selectable:hover,
.tile:hover,
.budget-card:hover {
  background: var(--surface-soft) !important;
  border-color: var(--border-strong) !important;
}

.row.selected,
.budget-card.is-active {
  background: var(--selection-bg) !important;
  border-color: transparent !important;
  box-shadow: 0 4px 14px rgba(32, 42, 63, .045) !important;
}

.row-data-value {
  color: var(--text-soft) !important;
}

.notice,
.notice.warning,
.notice.bad,
.notice.success,
.form-feedback {
  background: var(--alert-muted-bg) !important;
  color: var(--alert-muted-fg) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.notice.warning {
  background: var(--alert-warning-bg) !important;
  color: var(--alert-warning-fg) !important;
}

.notice.bad {
  background: var(--alert-danger-bg) !important;
  color: var(--alert-danger-fg) !important;
}

.notice.success {
  background: var(--alert-success-bg) !important;
  color: var(--alert-success-fg) !important;
}

.app-notice,
.app-notice[data-variant="success"],
.app-notice[data-variant="warning"],
.app-notice[data-variant="error"] {
  background: var(--alert-muted-bg) !important;
  color: var(--alert-muted-fg) !important;
  border: 0 !important;
  box-shadow: 0 20px 55px rgba(32, 42, 63, .14) !important;
}

.app-notice[data-variant="success"] {
  background: var(--alert-success-bg) !important;
  color: var(--alert-success-fg) !important;
}

.app-notice[data-variant="warning"] {
  background: var(--alert-warning-bg) !important;
  color: var(--alert-warning-fg) !important;
}

.app-notice[data-variant="error"] {
  background: var(--alert-danger-bg) !important;
  color: var(--alert-danger-fg) !important;
}

.notice input[type="checkbox"]:not([hidden]) {
  width: 20px;
  height: 20px;
  margin: 0;
  flex: 0 0 20px;
  appearance: none;
  border: 0;
  border-radius: 6px;
  background-color: var(--control-check-bg);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.notice input[type="checkbox"]:not([hidden]):checked {
  background-color: var(--accent);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='m3.5 8 3 3 6-6'/%3E%3C/svg%3E");
}

.bar-track,
.chart-mode-switch {
  background: var(--chart-track-bg) !important;
  border: 1px solid var(--border);
}

.bar-fill {
  background: var(--progress-bg) !important;
}

.bar-fill--danger {
  background: var(--progress-danger-bg) !important;
}

.chart-grid-line {
  background: var(--chart-grid-bg) !important;
}

.chart-bar {
  background: var(--chart-bar-bg) !important;
  box-shadow: 0 8px 18px rgba(57, 104, 246, .13) !important;
}

.chart-bar.soft {
  background: var(--chart-bar-soft-bg) !important;
  box-shadow: 0 8px 18px rgba(57, 104, 246, .09) !important;
}

.chart-mode-btn:hover {
  color: var(--text) !important;
  background: var(--surface-soft) !important;
}

.chart-mode-btn.active {
  color: #ffffff !important;
  background: var(--accent) !important;
}