/* Relationship rows retain their host: native ADM controls or the public App components. */
.subaccounts-row { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; padding: .7rem 0; border-bottom: 1px solid var(--admin-border, var(--app-color-border)); }
.subaccounts-row > span:nth-child(2) { flex: 1 1 12rem; }
.subaccounts-row select { max-width: 14rem; }
.subaccounts-members form { display: grid; gap: .8rem; max-width: 36rem; padding: 1rem 0; }
.subaccounts-picker { padding-top: 1rem; }
.subaccounts-picker [data-sub-results] { display: grid; gap: .3rem; margin-top: .5rem; }
.subaccounts-result:not(:empty) { padding: .6rem; color: var(--app-color-error-text); background: var(--app-color-error-surface); border-radius: var(--app-radius); }
.subaccounts-dialog { width: min(36rem, calc(100vw - 2rem)); }
.subaccounts-dialog form { display: grid; gap: .9rem; }
.subaccounts-dialog label:has([data-app-component="app.switch"]) { display: flex; align-items: center; gap: .6rem; }
.subaccounts-dialog input:not([type="checkbox"]) { width: 100%; }
.subaccounts-dialog [role="status"]:empty { display: none; }
.subaccounts-dialog [role="status"] { color: var(--app-color-error-text); }
.subaccounts-dialog-actions { display: flex; gap: .5rem; justify-content: flex-end; flex-wrap: wrap; }
.subaccounts-dialog h2 { font-size: 1.2rem; font-weight: 700; }

/* Public creation dialog only; administrative hosts retain their native appearance. */
.app-member-create { width: min(42rem, calc(100vw - 2rem)); padding: 1.5rem; }
.app-member-create > header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--app-color-border); padding-bottom: 1rem; margin-bottom: 1.25rem; }
.app-member-create h2 { margin: 0; font-size: 1.25rem; }
.app-member-create form { max-width: none; }
.app-member-create .app-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.app-member-create .app-field { display: grid; gap: .4rem; font-size: .825rem; min-width: 0; }
.app-member-create .app-form-actions { padding-top: 1rem; border-top: 1px solid var(--app-color-border); }
@media (max-width: 600px) { .app-member-create .app-form-grid { grid-template-columns: minmax(0, 1fr); } }