/* =============================================
 
			ABGrid Theme: Blue Pro (DARK)

   ============================================= */

.abgrid,.abgrid-dialog,.abgrid-edit-dialog, .abgrid-toast-host {
  /* surfaces */
  --abgrid-bg-primary: #0b1220;
  --abgrid-bg-secondary: #111c2e;
  --abgrid-bg-tertiary: #1b2b44; /* непрозрачный — важно для sticky */

  /* borders */
  --abgrid-border: #2b3f5f;
  --abgrid-border-light: #223552;

  /* text */
  --abgrid-text-primary: #e6eefc;
  --abgrid-text-secondary: #b7c6dd;
  --abgrid-text-disabled: #6e86a7;

  /* accent */
  --abgrid-accent: #3b82f6;
  --abgrid-accent-hover: #60a5fa;
  --abgrid-accent-shadow: rgba(59, 130, 246, 0.28);

  /* row states (лучше непрозрачные) */
  --abgrid-hover: #142338;
  --abgrid-active: #1a2d49;

  /* selection */
  --abgrid-selected-bg: rgba(59, 130, 246, 0.18);
  --abgrid-selected-hover: rgba(59, 130, 246, 0.26);

  /* statuses */
  --abgrid-success: #22c55e;
  --abgrid-warning: #fa0505;
  --abgrid-error: #ef4444;
  --abgrid-info: #38bdf8;

  --abgrid-success-bg: rgba(34, 197, 94, 0.14);
  --abgrid-warning-bg: rgba(245, 158, 11, 0.14);
  --abgrid-error-bg: rgba(239, 68, 68, 0.14);
  --abgrid-info-bg: rgba(56, 189, 248, 0.14);

  /* shadows */
  --abgrid-shadow: rgba(0, 0, 0, 0.45);

  /* loading */
  --abgrid-loading-bg: rgba(11, 18, 32, 0.92);
  --abgrid-loading-border: #223552;
  --abgrid-loading-shadow: rgba(0, 0, 0, 0.55);

  /* rating */
  --abgrid-star-color: #f59e0b;
  --abgrid-star-hover: #f59e0b;
}

/* Optional cosmetics (не влияют на геометрию) */
.abgrid .abgrid-toolbar .abgrid-button:hover {
  box-shadow: 0 2px 6px rgba(59, 130, 246, 0.18);
  transform: translateY(-1px);
}

.abgrid .abgrid-pager .pg-button:hover:not(.abgrid-state-disabled) {
  box-shadow: 0 2px 6px rgba(59, 130, 246, 0.18);
  transform: translateY(-1px);
}

/* progress bars */
.abgrid .abgrid-progress-low,
.abgrid .abgrid-progress-low .abgrid-progress-fill {
  background: linear-gradient(to right, #ef4444, #f59e0b);
}

.abgrid .abgrid-progress-medium,
.abgrid .abgrid-progress-medium .abgrid-progress-fill {
  background: linear-gradient(to right, #f59e0b, #eab308);
}

.abgrid .abgrid-progress-high,
.abgrid .abgrid-progress-high .abgrid-progress-fill {
  background: linear-gradient(to right, #22c55e, #16a34a);
}