/* source/crm-automation-metric-maintenance.css */
.metric-source-list-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}
.metric-source-list-tools > span {
  white-space: nowrap;
  min-width: 8em;
}
@media (max-width: 620px) {
  .metric-source-list-tools {
    grid-template-columns: minmax(0, 1fr);
  }
}
.metric-maintenance-filter {
  display: grid;
  grid-template-columns: minmax(180px, 2fr) repeat(2, minmax(120px, 1fr)) auto;
  gap: 10px;
  align-items: end;
}
.metric-maintenance-actions {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}
.metric-maintenance-table {
  min-width: 0;
  margin-top: 12px;
}
.metric-maintenance-pagination {
  margin-top: 12px;
}
.metric-maintenance-code {
  display: block;
  margin-top: 4px;
}
.metric-maintenance-editor {
  width: min(820px, calc(100vw - 36px));
  height: min(860px, calc(100dvh - 72px));
  max-width: calc(100vw - 36px);
  min-width: 0;
  min-height: 0;
}
.metric-maintenance-editor-body {
  min-height: 0;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.metric-source-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.metric-source-full {
  grid-column: 1/-1;
  min-width: 0;
}
.metric-stage-preview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
}
.metric-stage-preview-grid > section {
  min-width: 0;
}
.metric-stage-panel-body {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 12px;
}
.metric-stage-panels {
  display: grid;
  gap: 12px;
  min-width: 0;
  margin-top: 12px;
}
.metric-condition-list {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  min-width: 0;
}
.metric-condition-row {
  display: grid;
  grid-template-columns: minmax(150px, 2fr) minmax(100px, 1fr) minmax(150px, 2fr) auto;
  gap: 10px;
  align-items: end;
  min-width: 0;
}
.metric-condition-row > label,
.metric-condition-value {
  min-width: 0;
}
.metric-preview-tools {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  gap: 12px;
  align-items: end;
  min-width: 0;
}
@media (max-width: 760px) {
  .metric-condition-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .metric-preview-tools {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 620px) {
  .metric-source-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 900px) {
  .metric-maintenance-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .metric-maintenance-filter {
    grid-template-columns: minmax(0, 1fr);
  }
}