/* data-access — shared entry layout using app tokens and components. */
@layer components.pages {

:where([data-ui="unified"][data-access]) .cl-sr { display: block; font-size: 14px; font-weight: 600; margin: 0 0 8px; }
:where([data-ui="unified"][data-access]) .cl-email { width: 100%; min-height: 48px; }
:where([data-ui="unified"][data-access]) .cl-submit { margin-top: 16px; }
:where([data-ui="unified"][data-access]) .cl-email[aria-invalid="true"] { border-color: var(--color-danger-ink); }
:where([data-ui="unified"][data-access]) .cl-hint { margin: 20px 0 0; }
:where([data-ui="unified"][data-access]) .cl-foot { line-height: 1.7; }

}