/* ==========================================================================
   Conversion grid: premium styling (scoped) – mirrors returns-grid
   ========================================================================== */

.conversion-grid{
  border-radius: var(--returns-radius);
  overflow: hidden;                /* rondingen zichtbaar */
  border: 1px solid var(--returns-border);
  background: #fff;
}

/* Match fonts met de rest */
.conversion-grid .ag-root-wrapper,
.conversion-grid .ag-root-wrapper *{
  font-family: inherit;
}

/* Quartz theme tuning via CSS variables */
.conversion-grid.ag-theme-quartz{
  --ag-font-size: 13px;
  --ag-row-height: 38px;
  --ag-header-height: 40px;
  --ag-accent-color: #0d6efd;
  --ag-checkbox-checked-color: #0d6efd;

  --ag-border-color: rgba(0,0,0,0.08);
  --ag-header-background-color: rgba(0,0,0,0.02);
  --ag-odd-row-background-color: rgba(0,0,0,0.015);

  --ag-selected-row-background-color: rgba(13,110,253,0.10);
  --ag-row-hover-color: rgba(0,0,0,0.03);

  --ag-header-foreground-color: rgba(0,0,0,0.70);
  --ag-foreground-color: rgba(0,0,0,0.82);

  --ag-border-radius: var(--returns-radius);
}

/* Header polish */
.conversion-grid .ag-header{
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

/* ✅ Bold header labels zoals returns */
.conversion-grid .ag-header-cell-label{
  font-weight: 800;
  letter-spacing: 0.2px;
}

.conversion-grid .ag-header-cell{
  padding-left: 12px;
  padding-right: 12px;
}

/* cell padding + zachte vertical separators */
.conversion-grid .ag-cell{
  padding-left: 12px;
  padding-right: 12px;
  border-right: 1px solid rgba(0,0,0,0.04);
}
.conversion-grid .ag-cell:last-child{
  border-right: none;
}

/* zebra */
.conversion-grid .ag-row-odd{
  background-color: rgba(0,0,0,0.015);
}

/* hover */
.conversion-grid .ag-row-hover{
  background-color: rgba(0,0,0,0.03) !important;
}

/* selected rows */
.conversion-grid .ag-row-selected{
  background-color: rgba(13,110,253,0.10) !important;
}

/* Filter/side panel */
.conversion-grid .ag-filter-toolpanel-header,
.conversion-grid .ag-tool-panel-wrapper{
  font-size: 12px;
}

/* Inputs */
.conversion-grid .ag-input-field-input{
  border-radius: 10px;
  padding: 6px 10px;
}

/* dropdowns / set filter list */
.conversion-grid .ag-set-filter-list{
  border-radius: 10px;
}

/* Focus ring */
.conversion-grid .ag-cell-focus,
.conversion-grid .ag-cell:focus{
  outline: none !important;
  box-shadow: inset 0 0 0 2px rgba(13,110,253,0.18);
  border-radius: 8px;
}

/* Range selection highlight */
.conversion-grid .ag-cell-range-selected{
  box-shadow: inset 0 0 0 1px rgba(13,110,253,0.25);
}

/* Utility cell styles (zelfde “feel” als returns) */
.conversion-grid .cell-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
}

.conversion-grid .cell-image{
  padding-bottom: 0;
  padding-top: 0;
}

.conversion-grid .cell-image .ag-cell-wrapper,
.conversion-grid .cell-image .ag-cell-value{
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.conversion-grid .cell-money{
  font-weight: 900;
  letter-spacing: 0.1px;
}

/* (optioneel) AG Grid filter/search inputs: extra padding links */
.conversion-grid .ag-input-field-input.ag-text-field-input,
.conversion-grid .ag-input-field-input.ag-number-field-input{
  padding-left: 22px !important;
}