/* Coding Agent budget enforcement projection styles */

.coding-resource-enforcement-block {
  gap: 10px !important;
}

.coding-resource-enforcement-summary,
.coding-resource-enforcement-scopes,
.coding-resource-enforcement-warnings {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.coding-resource-enforcement-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.coding-resource-enforcement-summary span,
.coding-resource-enforcement-scope,
.coding-resource-enforcement-warnings span {
  min-width: 0 !important;
  border: 1px solid rgba(255,255,255,.74) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.60) !important;
}

.coding-resource-enforcement-summary span {
  display: grid !important;
  gap: 3px !important;
  min-height: 54px !important;
  align-content: center !important;
  padding: 8px !important;
  text-align: center !important;
}

.coding-resource-enforcement-scope,
.coding-resource-enforcement-warnings span {
  display: grid !important;
  gap: 4px !important;
  padding: 8px !important;
}

.coding-resource-enforcement-block[data-budget-status="hard_stop"] {
  border-left: 4px solid rgba(218,54,51,.75) !important;
}

.coding-resource-enforcement-block[data-budget-status="soft_warning"],
.coding-resource-enforcement-block[data-budget-status="supervisor_override"] {
  border-left: 4px solid rgba(245,158,11,.75) !important;
}

.coding-resource-enforcement-summary strong,
.coding-resource-enforcement-scope strong {
  color: var(--ink) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}

.coding-resource-enforcement-summary small,
.coding-resource-enforcement-scope span,
.coding-resource-enforcement-scope small,
.coding-resource-enforcement-warnings span {
  color: var(--muted) !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 680px) {
  .coding-resource-enforcement-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 420px) {
  .coding-resource-enforcement-summary {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}