.xl-risk-filter-popover {
  width: 100%;
}

.xl-risk-filter-fields {
  align-items: stretch;
}

.xl-risk-filter-condition {
  padding: 12px;
  border: 1px solid #e3e9f2;
  border-radius: 10px;
  background: #f8fafc;
}

.xl-risk-filter-condition:focus-within {
  border-color: #8ab5ed;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(47, 115, 217, 0.08);
}

.xl-risk-filter-toggle {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #233650;
}

.xl-risk-filter-toggle input {
  width: 16px;
  height: 16px;
  accent-color: #1768c5;
}

.xl-risk-filter-condition > small {
  min-height: 20px;
  color: #7a8799;
}

.xl-risk-order-control {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  gap: 7px;
}

.xl-risk-filter-fields select {
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  padding: 0 8px;
  border: 1px solid #d9e1ec;
  border-radius: 8px;
  outline: none;
  background: #fff;
  color: #24344d;
  font: inherit;
}

.xl-risk-filter-fields input:disabled,
.xl-risk-filter-fields select:disabled {
  background: #edf1f6;
  color: #9aa6b6;
}

/* Compact editable metrics: one visual language for budget, bid and history. */
.budget-open,
.bid-value-box,
.history-button {
  min-height: 36px !important;
  border: 1px solid #d9e4f0 !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
  box-shadow: 0 1px 2px rgba(18, 42, 74, 0.04) !important;
  color: #183451 !important;
  font-variant-numeric: tabular-nums;
  font-weight: 650 !important;
  line-height: 1.28 !important;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

.budget-open:hover,
.bid-value-box:hover,
.history-button:hover {
  border-color: #91b8e7 !important;
  box-shadow: 0 4px 12px rgba(24, 86, 151, 0.10) !important;
  transform: translateY(-1px);
}

.budget-open:focus-visible,
.bid-value-box:focus-visible,
.history-button:focus-visible {
  outline: 3px solid rgba(36, 112, 205, 0.16) !important;
  outline-offset: 1px;
}

.history-button {
  min-width: 104px;
  padding: 6px 9px !important;
  white-space: pre-line !important;
  text-align: left !important;
}

.budget-open,
.bid-value-box {
  min-width: 78px;
  padding: 6px 10px !important;
}

@media (max-width: 720px) {
  .xl-risk-order-control {
    grid-template-columns: 100px minmax(0, 1fr);
  }
}