#operation_show {
  height: 100%;
}

.operation-details {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.operation-details__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-3);
  padding: 0 var(--spacing-6) var(--spacing-6) 0;
  border-bottom: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
}

.operation-details__status-banner {
  display: flex;
  align-items: center;
  gap: var(--gap-lg);
  width: 100%;
  border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
  border-radius: var(--radius-2xl);
  padding: var(--spacing-8) var(--spacing-6);
  margin-bottom: var(--spacing-8);
}

.operation-details__status-banner--info {
  border-color: var(--blue-400);
  background-color: var(--blue-50);
}

.operation-details__status-banner--info .operation-details__status-banner-icon i {
  color: var(--blue-600);
}

.operation-details__status-banner--success {
  border-color: var(--success-400);
  background-color: var(--success-50);
}

.operation-details__status-banner--success .operation-details__status-banner-icon i {
  color: var(--success-600);
}

.operation-details__status-banner--error {
  border-color: var(--error-400);
  background-color: var(--error-50);
}

.operation-details__status-banner--error .operation-details__status-banner-icon i {
  color: var(--error-600);
}

.operation-details__status-banner--warning {
  border-color: var(--warning-400);
  background-color: var(--warning-50);
}

.operation-details__status-banner--warning .operation-details__status-banner-icon i {
  color: var(--warning-600);
}

.operation-details__footer {
  display: grid;
  grid-template-columns: var(--grid-cols-2);
  gap: var(--spacing-20);
  padding: var(--spacing-8) 0;
  border-top: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
}