/* Admin panel (CLAUDE.md §8.13): the authenticator modals are centered from top to bottom. */
.anfin-centered-modal .fi-modal-content,
.anfin-centered-modal .fi-modal-content .fi-sc-text,
.anfin-centered-modal .fi-fo-field-label-content {
    text-align: center;
}

.anfin-centered-modal .fi-modal-content .fi-sc-flex,
.anfin-centered-modal .fi-fo-field-label-ctn,
.anfin-centered-modal .fi-fo-field-label,
.anfin-centered-modal .fi-modal-footer-actions,
.anfin-centered-modal .fi-sc-wizard-footer {
    justify-content: center;
}

.anfin-centered-modal .fi-modal-content .fi-sc-flex > * {
    flex-grow: 0;
}

/* The six code boxes are only as wide as themselves. */
.anfin-centered-modal .fi-one-time-code-input-ctn {
    margin-inline: auto;
}

.anfin-centered-modal .fi-modal-content ul {
    display: inline-block;
    text-align: left;
}