/* Shared CMS/user-group assignment dialog and compact summary layout. */
.eb-modal__dialog.eb-assignment-dialog { width: calc(100% - 2rem); max-width: 960px; margin: 5vh auto; }
.eb-assignment-dialog .eb-modal__body { max-height: 70vh; overflow-y: auto; }
.eb-assignment-picker { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: end; gap: 1rem; }
.eb-assignment-column { min-width: 0; }
.eb-assignment-column label { display: block; width: 100%; }
.eb-assignment-column input { margin-top: .5rem; }
/* essentials.css forces 46px !important on every non-textarea .form-control. */
.eb-assignment-column select.form-control { width: 100%; height: 15rem !important; padding: .35rem; }
.eb-assignment-column option { padding: .3rem; }
.eb-assignment-column option:checked {
    /* Retain the highlight when focus moves to a transfer button. */
    background: var(--eb-primary, #3e6990) linear-gradient(var(--eb-primary, #3e6990), var(--eb-primary, #3e6990));
    color: var(--eb-body-bg, #fff) !important;
}
.eb-assignment-column select:focus-visible { outline: 2px solid var(--eb-primary, #3e6990); outline-offset: 2px; }
.eb-assignment-transfer { display: flex; flex-direction: column; align-self: center; gap: .75rem; }
.eb-assignment-transfer .eb-btn { margin: 0; }
.eb-assignment-dialog .eb-btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.eb-assignment-help { font-size: .9em; margin: .5rem 0; }
.eb-assignment-toolbar, .eb-assignment-scopes { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.eb-assignment-toolbar { justify-content: space-between; margin-bottom: .75rem; }
.eb-assignment-toolbar .eb-btn { margin: 0; }
.eb-assignment-summary ul { list-style: none; padding: 0; margin: 0; }
.eb-assignment-summary li { overflow-wrap: anywhere; }
.eb-assignment-empty { opacity: .7; font-style: italic; }
@media (max-width: 640px) {
    .eb-assignment-picker { grid-template-columns: minmax(0, 1fr); }
    .eb-assignment-transfer { flex-direction: row; justify-content: center; flex-wrap: wrap; }
    .eb-assignment-column select.form-control { height: 9rem !important; }
    .eb-modal__dialog.eb-assignment-dialog { margin: 2vh auto; }
}