/* RoleHome management / OrganizationDirectoryScreen, native 390px proportions. */
.dui-management { padding:1.5em 1.5em 0; }
.dui-management h2 { font-size:1.625em; margin:0 0 .3em; }
.dui-management p { margin:0 0 .75em; }
.dui-management>.dui-nav { margin:.5em -1em 0; }
.dui-management-action { display:flex; align-items:center; gap:.875em; padding:1.125em; margin-top:.6em; border:1px solid var(--dui-line); background:white; border-radius:1.5em; }
.dui-management-action>div { flex:1; min-width:0; display:grid; gap:.3em; }
.dui-management-action small { color:var(--dui-muted); }
.dui-directory { padding:.5em 1.25em 0; }
.dui-directory>.dui-heading { flex:none; margin-bottom:.75em; }
.dui-directory>.dui-heading h2 { font-size:1.375em; }
.dui-directory p { color:var(--dui-muted); margin:.5em 0; line-height:1.4; }
.dui-directory-company { font-size:.875em; margin:.4em 0 1.125em!important; }
.dui-directory-tabs { display:flex; gap:.5em; margin-bottom:1.5em; font-size:.875em; }
.dui-directory-tabs>span,.dui-directory-tabs>b { display:flex; align-items:center; gap:.4em; padding:.5em .75em; border:1px solid var(--dui-line); border-radius:.5em; background:white; white-space:nowrap; }
.dui-directory-tabs>b { background:var(--dui-soft); font-weight:600; }
.dui-directory-tabs .dui-icon { width:1em; height:1em; }
.dui-directory-search { display:flex; gap:1em; padding:1em; margin:1.25em 0; border:1px solid var(--dui-line); border-radius:1.125em; background:white; color:var(--dui-muted); }
.dui-directory-search .dui-icon { width:1.25em; height:1.25em; }
.dui-directory .dui-page-content>small { color:var(--dui-muted); font-size:.875em; }
.dui-directory-empty { padding:1.125em 0; }
.dui-directory-empty h3 { font-size:1.25em; }
.dui-directory-create { flex:none; padding:.75em 0 1em; }
.dui-directory-card { border:1px solid var(--dui-line); padding:1em; border-radius:1.5em; background:white; margin:.875em 0; }
.dui-directory-person { display:flex; align-items:center; gap:.8em; padding:.5em 0; }
.dui-directory-person .dui-avatar { width:2.5em; height:2.5em; }
.dui-directory-person h3 { flex:1; min-width:0; font-size:1.25em; }
.dui-directory-person .dui-icon { width:1.2em; height:1.2em; }
.dui-directory-card>p { font-size:.875em; overflow-wrap:anywhere; }
.dui-directory-status { display:inline-block; padding:.5em .75em; margin-top:.5em; border-radius:.875em; font-size:.875em; }
.dui-directory-status.is-pending { color:var(--dui-pending); background:#8a5a0014; }
.dui-directory-status.is-ready { color:var(--dui-inflow); background:#23784814; }
.dui-directory-status.is-attention { color:var(--dui-failure); background:#b3261e14; }
.dui-directory-tools { display:flex; align-items:center; justify-content:flex-end; gap:.5em; padding:.8em 0 .2em; font-size:.875em; }
.dui-directory-tools .dui-icon { width:1.25em; height:1.25em; }
.dui-directory-tools .dui-icon:last-child { margin-left:1em; }
.dui-organization-sheet { position:absolute; inset:auto 0 0; padding:1em 1em 1.5em; border-radius:1.75em 1.75em 0 0; background:var(--dui-paper); box-shadow:0 -1em 3em #0b1c1430; }
.dui-organization-sheet>i { display:block; width:2.5em; height:.25em; background:#0004; border-radius:1em; margin:0 auto .75em; }
.dui-organization-sheet .dui-heading { margin-bottom:.5em; }
.dui-organization-sheet .dui-heading h2 { font-size:1.375em; }
.dui-organization-sheet>p { text-align:center; margin:.5em 0 .875em; font-size:.875em; }
.dui-sheet-submit { display:flex; justify-content:center; margin-top:1em; }
.dui-subaccount-activation .dui-flow-card>p { font-size:.875em; }
.dui-subaccount-activation .dui-flow-card>small { display:block; margin-top:.6em; }
.dui-subaccount-activation .dui-flow-actions { font-size:.875em; }
.dui-subaccount-link .dui-flow-card:not(.dui-link-qr-card)>p { font-size:.875em; }
.dui-subaccount-link .dui-flow-card:not(.dui-link-qr-card)>h3 { font-size:1.125em; }