@charset "UTF-8";

/*
 * ts-lms-modals.css
 * Shared LMS modal surface helpers.
 * Split from ts-lms-components.css in P15.183.
 */

.ts-modal {
    overflow: hidden;
    border: 0;
    border-radius: var(--radius-modal);
    box-shadow: var(--shadow-modal);
}

.ts-modal-header {
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-subtle);
}

.ts-modal-title {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--color-text-primary);
    font-weight: var(--font-weight-bold);
}

.ts-modal-body {
    display: grid;
    gap: var(--spacing-md);
    background: var(--color-bg-card);
}

.ts-modal-footer {
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-card);
}

.ts-modal-block {
    display: grid;
    gap: var(--spacing-sm);
    padding: var(--spacing-md);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: var(--color-bg-subtle);
}

.ts-modal-block__label {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}