#app [data-nav-group="system"] button { display:flex; align-items:center; gap:11px; }
#app [data-nav-group="system"] button[hidden] { display:none; }
#app [data-nav-group="system"] button svg { flex-shrink:0; }
.ua-page { min-width:0; color:#24324a; }
.ua-heading { display:flex; align-items:baseline; gap:18px; margin:4px 0 18px; }
.ua-heading h2 { font-size:20px; margin:0; }.ua-heading span,.ua-note { color:var(--muted); font-size:12px; line-height:1.7; }
.ua-filter-bar { display:flex; flex-wrap:wrap; gap:14px; align-items:end; padding:20px; border:1px solid var(--border); border-radius:10px; background:white; margin-bottom:18px; }
.ua-field { display:flex; flex-direction:column; gap:8px; font-size:13px; font-weight:500; min-width:130px; }.ua-field>span { color:var(--muted); }.ua-filter-bar .ua-field:first-child { flex:1; min-width:160px; max-width:260px; }.ua-field input,.ua-field select,.ua-field textarea,.ua-drawer select { box-sizing:border-box; border:1px solid #ced7e3; border-radius:6px; background:white; padding:9px 11px; color:#33415a; width:100%; font:inherit; min-height:38px; }.ua-field textarea { min-height:84px; resize:vertical; }.ua-field input:focus,.ua-field select:focus,.ua-field textarea:focus { outline:2px solid #93b4fd; outline-offset:1px; }.ua-field input[readonly] { background:#f7f9fc; color:var(--muted); }
.ua-page button,.ua-drawer button { border:1px solid #ced7e3; background:white; color:#33415a; padding:9px 13px; border-radius:6px; font:inherit; font-size:13px; cursor:pointer; }.ua-page button:hover,.ua-drawer button:hover { background:#edf3ff; }.ua-page button:disabled,.ua-drawer button:disabled { opacity:.45; cursor:not-allowed; }.ua-page .ua-primary,.ua-drawer .ua-primary { background:var(--blue); color:white; border-color:var(--blue); }.ua-page .ua-primary:hover,.ua-drawer .ua-primary:hover { background:#1d4ed8; }.ua-filter-buttons,.ua-main-actions { display:flex; gap:8px; }.ua-main-actions { margin-left:auto; }
.ua-table-wrap { width:100%; overflow-x:auto; border:1px solid var(--border); border-radius:9px; background:white; }.ua-table { border-collapse:collapse; width:100%; min-width:1000px; table-layout:fixed; font-size:13px; }.ua-table th { background:#f7f9fc; padding:14px 12px; color:var(--muted); font-weight:500; text-align:left; border-bottom:1px solid #e7edf4; white-space:nowrap; }.ua-table td { padding:17px 12px; border-bottom:1px solid #e7edf4; vertical-align:top; color:#33415a; overflow-wrap:anywhere; }.ua-table tr:last-child td { border-bottom:0; }.ua-table small,.ua-table code { display:block; font-size:11px; color:#8c98ab; margin-top:7px; line-height:1.6; }.ua-table strong { font-weight:600; color:#24324a; }.ua-table .ua-empty { text-align:center; padding:48px; }.ua-tag { display:inline-flex; align-items:center; gap:5px; color:var(--muted); line-height:1.7; white-space:nowrap; font-size:12px; }.ua-tag:before { content:'○'; }.ua-tag.success { color:#3f8060; }.ua-tag.success:before { content:'✓'; }.ua-tag.danger { color:#af655d; }
.ua-pagination { display:flex; align-items:center; gap:12px; padding:18px 0; font-size:12px; color:var(--muted); flex-wrap:wrap; }.ua-pagination>span:first-child { margin-right:auto; }
.ua-table td:last-child { padding-left:6px; padding-right:6px; }
.ua-page .ua-action-trigger { width:28px; padding:5px 0; border:0; letter-spacing:1px; background:transparent; color:var(--muted); }
.ua-row-menu { position:fixed; z-index:2000; width:164px; max-width:calc(100vw - 16px); max-height:calc(100dvh - 16px); overflow-y:auto; padding:5px; border:1px solid #ced7e3; border-radius:7px; background:white; box-shadow:0 8px 22px #24324a26; box-sizing:border-box; }
.ua-row-menu>button { display:block; position:static; width:100%; height:auto; margin:0; padding:10px 12px; border:0; border-radius:4px; text-align:left; white-space:nowrap; overflow:visible; background:white; color:#33415a; cursor:pointer; font:13px system-ui; box-sizing:border-box; }
.ua-row-menu>button:hover,.ua-row-menu>button:focus-visible { background:#edf3ff; outline:0; }.ua-row-menu>button:disabled { opacity:.4; cursor:not-allowed; }.ua-row-menu>button[data-user-action="delete"] { color:#af514b; }
dialog.ua-drawer { position:fixed; inset:0 0 0 auto; margin:0; width:620px; max-width:100%; height:100dvh; max-height:100dvh; box-sizing:border-box; border:0; border-radius:0; padding:0; box-shadow:-10px 0 45px #16223822; color:#33415a; }dialog.ua-drawer[open] { display:flex; flex-direction:column; }.ua-drawer.ua-wide { width:980px; }.ua-drawer::backdrop { background:#10203955; }.ua-drawer>header { position:relative; display:flex; justify-content:center; text-align:center; flex-shrink:0; min-height:30px; align-items:center; padding:21px 26px; border-bottom:1px solid #e0e6ee; }.ua-drawer h2 { margin:0 38px; font-size:20px; overflow-wrap:anywhere; }.ua-drawer>header button { position:absolute; right:20px; top:50%; transform:translateY(-50%); width:34px; height:34px; line-height:1; border:0; font-size:23px; padding:0; }.ua-drawer-body { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; padding:24px 26px; min-width:0; box-sizing:border-box; }.ua-drawer-content { width:100%; max-width:568px; margin:0 auto; min-width:0; }.ua-wide .ua-drawer-content { max-width:920px; }.ua-drawer>footer { display:flex; justify-content:center; flex-shrink:0; background:white; gap:12px; padding:18px 26px; border-top:1px solid #e0e6ee; flex-wrap:wrap; }.ua-form-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; }.ua-section { border-top:1px solid #e0e6ee; margin-top:24px; padding-top:18px; }.ua-section h3 { font-size:15px; margin:0 0 14px; }.ua-section select { margin-top:12px; }.ua-role-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }.ua-role-option { display:flex; align-items:start; padding:12px; gap:10px; border:1px solid var(--border); border-radius:7px; font-size:13px; }.ua-role-option input { margin:3px 0 0; accent-color:var(--blue); }.ua-role-option small { display:block; color:var(--muted); margin-top:4px; }.ua-error { color:#af4545; background:#fff4f2; padding:12px; border-radius:6px; line-height:1.7; font-size:13px; }.ua-info,.ua-impact { padding:15px; background:#edf3ff; border:1px solid #d8e5fd; border-radius:8px; font-size:13px; line-height:1.8; margin-bottom:18px; }.ua-impact { margin-top:16px; }.ua-confirm { display:block; margin:20px 0; font-size:13px; }.ua-directory-filters { display:flex; gap:12px; align-items:end; flex-wrap:wrap; }.ua-directory-filters .ua-field { flex:1; }.ua-directory-table { table-layout:auto; min-width:840px; }.ua-department-list { border:1px solid var(--border); border-radius:7px; max-height:380px; overflow:auto; margin-top:16px; }.ua-department-list button { width:100%; border:0; border-bottom:1px solid #e7edf4; text-align:left; border-radius:0; }.ua-department-list small { display:block; color:var(--muted); padding-top:6px; }
#authorization-waiting { min-height:100dvh; display:grid; place-items:center; padding:24px; box-sizing:border-box; background:#f4f6f9; }#authorization-waiting[hidden] { display:none; }#authorization-waiting>div { max-width:460px; text-align:center; padding:42px; border-radius:14px; background:white; border:1px solid var(--border); }#authorization-waiting h1 { font-size:24px; color:#24324a; }#authorization-waiting p { color:var(--muted); line-height:1.8; }#authorization-waiting button { padding:10px 24px; border:0; border-radius:6px; background:var(--blue); color:white; cursor:pointer; }
@media(max-width:768px){.ua-filter-bar { padding:14px; }.ua-filter-bar .ua-field { flex:1; min-width:140px; max-width:none!important; }.ua-main-actions { width:100%; flex-wrap:wrap; margin-left:0; }.ua-drawer>header,.ua-drawer-body,.ua-drawer>footer { padding:18px; }.ua-form-grid,.ua-role-grid { grid-template-columns:1fr; }.ua-table-wrap { max-width:100%; }.ua-drawer.ua-wide { width:100%; }.ua-directory-filters button { flex:1; }.ua-heading { flex-wrap:wrap; gap:8px; } }
.ua-department-node { display:flex; align-items:center; border-bottom:1px solid #e7edf4; min-width:0; box-sizing:border-box; }
.ua-department-node:last-child { border-bottom:0; }.ua-department-node.ua-department-match { background:#edf3ff; }
.ua-department-list .ua-department-toggle,.ua-department-spacer { flex:0 0 30px; width:30px; box-sizing:border-box; }
.ua-department-list .ua-department-toggle { padding:10px 0; border:0; align-self:stretch; text-align:center; }
.ua-department-list .ua-department-name { flex:1; width:auto; min-width:0; border:0; white-space:normal; overflow-wrap:anywhere; padding:10px 8px; }
.ua-opening-results h3 { font-size:16px; }.ua-opening-results .ua-table td { white-space:normal; }

.ua-drawer .ua-field { min-width:0; }.ua-drawer .ua-field>span { line-height:1.6; }.ua-drawer>footer>button { min-width:96px; }.ua-drawer-content>h3,.ua-section>h3 { text-align:center; }.ua-directory-status { border:1px solid #dce5f0; background:#f7f9fc; border-radius:7px; padding:10px 12px; margin:12px 0; color:var(--muted); font-size:12px; line-height:1.7; }.ua-directory-status p { margin:3px 0; overflow-wrap:anywhere; }#ua-member-result { margin-top:14px; }#ua-member-result select { margin-top:0; }#ua-member-selected { overflow-wrap:anywhere; }.ua-drawer [hidden] { display:none!important; }
dialog.ua-drawer { overflow:hidden; }.ua-drawer button { margin-top:0; }
@media(max-width:600px){.ua-drawer .ua-directory-filters { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:end; }.ua-drawer .ua-directory-filters>.ua-field { width:100%; min-width:0; }.ua-drawer .ua-directory-filters>button { width:100%; min-width:0; white-space:normal; }#ua-dir-sync { grid-column:1 / -1; }#ua-member-sync { grid-column:1 / -1; }}