/**
 * Flow Screen Component Styles
 * Uses SLDS 2 global styling hooks for dark mode compatibility
 */

/* Record Tile - Interactive Selection */
.record-tile {
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  border: 2px solid var(--slds-g-color-border-base-1, #e5e5e5);
  background-color: var(--slds-g-color-neutral-base-100, #ffffff);
}

.record-tile:hover {
  border-color: var(--slds-g-color-brand-base-50, #0176d3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.record-tile:focus {
  outline: none;
  border-color: var(--slds-g-color-brand-base-50, #0176d3);
  box-shadow: 0 0 0 3px var(--slds-g-color-brand-base-30, #aacbff);
}

/* Selected State */
.record-tile[aria-pressed='true'],
.record-tile.slds-is-selected {
  border-color: var(--slds-g-color-brand-base-50, #0176d3);
  background-color: var(--slds-g-color-brand-base-10, #e5f2ff);
}

/* Selection Check Icon */
.selected-icon {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  color: var(--slds-g-color-brand-base-50, #0176d3);
}

/* Card Footer Spacing */
.slds-card__footer {
  border-top: 1px solid var(--slds-g-color-border-base-1, #e5e5e5);
  padding: var(--slds-g-spacing-medium, 1rem);
  background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
}

/* Selection Summary Box */
.slds-theme_info {
  background-color: var(--slds-g-color-brand-base-10, #e5f2ff);
  border: 1px solid var(--slds-g-color-brand-base-30, #aacbff);
}

/* Loading Spinner Container */
.slds-align_absolute-center {
  min-height: 200px;
}

/* Keyboard Focus Visible */
.record-tile:focus-visible {
  outline: 2px solid var(--slds-g-color-brand-base-50, #0176d3);
  outline-offset: 2px;
}
