/**
 * 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;
}