@use "../../../../variables/index" as *;

/**
 * Smart Rules Template List - Smart rule template list component
 *
 * Note: Uses $size-* tokens for spacing and $component-border-color.
 *
 * Intentionally hardcoded values:
 * - Border widths (1px): Standard borders
 * - Percentages (53vh): Viewport-relative height
 */

.smart-rule-templates-list {
  overflow: hidden;
  margin-bottom: 0;
}

.edit-smart-rule-details {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  .card {
    box-shadow: inset 0 0 0 1px $component-border-color;
  }
  .smart-rule-control {
    margin-top: $size-10;
  }
  .card-group {
    margin-bottom: 0;
  }
}

.modal-inner-scroll.smart-rule-control {
  margin: 0;
  max-height: 53vh;
}