:root{--team-drawer-width:600px;--team-menu-width:200px;--team-search-width:320px;--team-result-height:240px;--team-menu-shadow:0 6px 20px hsl(var(--brand-h) 100% 11.4% / 0.15)}
.team-directory .admin-toolbar{flex-wrap:wrap}.team-directory .admin-toolbar>select{width:auto;max-width:var(--team-search-width)}.directory-table th>button{border:0;background:transparent;padding:0;min-height:var(--control);color:inherit;font:inherit;text-align:left}.directory-table th>button span{color:var(--admin-muted);margin-left:var(--space-2)}.directory-table th[aria-sort=ascending]>button,.directory-table th[aria-sort=descending]>button{color:var(--accent)}
.directory-pagination label,.directory-pagination nav{display:flex;align-items:center;gap:var(--space-2)}.directory-pagination select{width:auto;min-width:var(--control)}.directory-pagination{flex-wrap:wrap;gap:var(--space-4)}
.directory-menu{position:relative}.directory-menu summary{list-style:none;cursor:pointer;font-size:var(--font-xl);width:var(--control);min-height:var(--control);display:grid;place-items:center;border-radius:var(--radius-sm)}.directory-menu summary::-webkit-details-marker{display:none}.directory-menu[open] summary{background:var(--admin-pale)}.directory-menu>div{position:absolute;right:0;z-index:8;min-width:var(--team-menu-width);background:var(--surface);border:var(--border) solid var(--admin-line);border-radius:var(--radius-sm);padding:var(--space-2);box-shadow:var(--team-menu-shadow)}.directory-menu>div>button{border:0;width:100%;justify-content:flex-start;text-align:left}.directory-table:has(.directory-menu[open]){overflow:visible}
#modal:has(#team-form){position:fixed;inset:0 0 0 auto;margin:0;width:var(--team-drawer-width);max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:0;border:0;overflow:hidden}#team-form{height:100%;display:flex;flex-direction:column}#team-form .modalhead,#team-form .modalfoot{flex:none;padding:var(--space-6);border-bottom:var(--border) solid var(--line)}#team-form .modalbody{flex:1;overflow:auto;padding:var(--space-6)}#team-form .modalfoot{border-top:var(--border) solid var(--line)}#team-form .field{margin-bottom:var(--space-5)}#team-form h3{font-size:var(--font-md);margin:var(--space-6) 0 var(--space-4)}#team-member-results{max-height:var(--team-result-height);overflow:auto}#team-member-results>button{display:flex;align-items:center;text-align:left;gap:var(--space-3);width:100%;border:0;border-bottom:var(--border) solid var(--line);border-radius:0;padding:var(--space-3)}#team-member-results>button>span:last-child{margin-left:auto}#team-member-results small,#team-selected-members small{display:block;color:var(--muted)}#team-selected-members table{width:100%;border-collapse:collapse}#team-selected-members th,#team-selected-members td{text-align:left;padding:var(--space-3);border-bottom:var(--border) solid var(--line);overflow-wrap:anywhere}#team-form .muted{font-size:var(--font-sm);margin-top:var(--space-4)}
@media(max-width:700px){.directory-pagination nav{flex-wrap:wrap}.team-directory .admin-toolbar>select{max-width:100%;width:100%}}

#modal:has(#team-form)::backdrop{background:var(--sales-backdrop);backdrop-filter:none}

.directory-profile-control{min-width:var(--team-profile-width);max-width:var(--team-menu-width);font-size:var(--font-sm)}
:root{--team-profile-width:140px}
