:root{--rail-width:52px}
.settings-shell{display:grid;grid-template-columns:152px minmax(0,1fr);gap:16px;align-items:start;padding-top:20px}
.settings-shell .settings-navigation{position:sticky;top:96px;display:flex;flex-direction:column;gap:5px;margin:0;padding:0 10px 0 0;border:0;border-right:1px solid var(--line);overflow:visible;align-items:stretch;min-width:0}
.settings-shell .settings-tab{white-space:normal;text-align:left;line-height:1.45;padding:10px 8px;min-height:44px;font-size:12px;gap:7px;color:var(--muted)}
.settings-shell .settings-tab .icon{flex:0 0 18px}
.settings-shell .settings-tab.active{color:var(--blue);background:var(--blue-soft)}
.settings-content{min-width:0}
.settings-content>.section-heading{margin:0 0 20px;min-height:46px;align-items:center;flex-wrap:wrap}
.settings-content>.section-heading .eyebrow,.settings-content>.section-heading p{display:none}
.settings-content .org-metrics{border-color:var(--line);background:var(--subtle);color:var(--muted);padding:12px 16px;margin-bottom:18px;gap:18px;flex-wrap:wrap;justify-content:flex-start}
.settings-content .org-metrics b{color:var(--text);font-size:18px}
.settings-content .org-metrics-note{display:none}
.settings-content>.tab-strip{display:flex;flex-wrap:wrap;width:fit-content;max-width:100%;background:var(--subtle);border:1px solid var(--line);gap:3px;padding:4px;margin-bottom:20px}
.settings-content>.tab-strip .tab{flex:0 1 auto;font-size:12px;min-height:42px;padding:8px 11px;color:var(--muted);white-space:normal}
.settings-content>.tab-strip .tab.active{color:var(--blue);background:var(--surface);box-shadow:0 1px 5px #0000000c}
.org-directory,.access-groups{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:24px}
.org-department.department-card{background:var(--surface);border-color:var(--line);border-top-color:var(--department-color);border-radius:12px;box-shadow:none}
.org-department.department-card>header{padding:16px;gap:12px;border-color:var(--line)}
.org-department.department-card h3{font-size:15px;color:var(--text)}
.org-department.department-card>header small{font-size:11px;color:var(--muted)}
.org-department .department-icon{width:36px;height:36px;background:color-mix(in srgb,var(--department-color) 12%,var(--surface))}
.org-leadership{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:4px 16px}
.org-role{min-width:0;padding:12px 0;border-bottom:1px solid var(--line)}
.org-role h4,.org-members h4{font-size:11px;letter-spacing:.03em;font-weight:600;color:var(--muted);margin:0 0 8px}
.org-role-empty{font-size:12px;color:var(--muted);min-height:38px;display:flex;align-items:center}
.org-role-empty .text-btn{min-height:36px;gap:6px;display:inline-flex;align-items:center;color:var(--blue)}
.org-role-empty .icon{width:15px;height:15px}
.org-members{padding:12px 16px 16px;min-width:0}
.org-members h4 span{margin-left:5px}
.org-member-list{display:grid;grid-template-columns:minmax(0,1fr);gap:3px}
.org-member-list>p{font-size:12px;padding:8px 0}
.org-department .org-person,.access-group .org-person{background:transparent;padding:7px 0;min-width:0;gap:10px}
.org-department .org-person:hover,.access-group .org-person:hover{background:var(--subtle)}
.org-department .ep-org-main,.access-group .ep-org-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1;text-align:left;padding:0}
.org-department .ep-org-main>.avatar,.access-group .ep-org-main>.avatar{width:36px!important;height:36px!important;min-width:36px;max-width:36px;flex:0 0 36px;aspect-ratio:1;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center}
.org-department .ep-org-main>span:not(.avatar),.access-group .ep-org-main>span:not(.avatar){min-width:0;flex:1}
.org-department .org-person strong,.access-group .org-person strong{font-size:13px;color:var(--text);overflow-wrap:anywhere}
.org-department .org-person small,.access-group .org-person small{font-size:11px;color:var(--muted)}
.org-department .ep-org-main>span>small:last-child{display:none}
.org-department .ep-org-chat,.access-group .ep-org-chat{background:var(--blue-soft);color:var(--blue);width:36px;height:36px}
.org-department .department-add{background:var(--subtle);border-color:var(--line);color:var(--blue);font-size:12px;min-height:44px}
.access-groups-toolbar{display:flex;justify-content:flex-end;margin-bottom:14px}
.access-group{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.access-group>header{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}
.access-group>header>div{flex:1;min-width:0}.access-group h3{font-size:15px;overflow-wrap:anywhere}.access-group small{color:var(--muted);font-size:11px}
.access-group-members{padding:8px 16px}.access-group-members>p{font-size:12px;color:var(--muted);padding:10px 0}
.access-group .department-add{background:var(--subtle);color:var(--blue);min-height:44px}
.access-group-picker{border:1px solid var(--line);border-radius:10px;max-height:320px;overflow:auto;padding:8px 12px;display:flex;flex-direction:column;gap:5px}
.access-group-picker .check-field{align-items:center;padding:5px 0;gap:12px}.access-group-picker input{flex-shrink:0}.access-group-picker small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.settings-menu-toggle,.settings-menu-dismiss,.settings-menu-backdrop,.settings-menu-collapse,.settings-menu-restore{display:none}
.settings-menu-collapse,.settings-menu-restore{align-items:center;gap:7px;min-height:38px;padding:8px;color:var(--muted);font-size:11px;text-align:left;border-radius:7px}
.settings-menu-collapse:hover,.settings-menu-restore:hover{color:var(--blue);background:var(--blue-soft)}
.settings-menu-collapse .icon,.settings-menu-restore .icon{width:16px;height:16px;flex-shrink:0}
@media(min-width:851px){
 .settings-menu-collapse{display:flex}
 .settings-shell.is-menu-collapsed{grid-template-columns:minmax(0,1fr);gap:12px}
 .settings-shell.is-menu-collapsed .settings-navigation{display:none}
 .settings-shell.is-menu-collapsed .settings-menu-restore{display:inline-flex;justify-self:start;border:1px solid var(--line);background:var(--surface)}
}
.right-rail{width:var(--rail-width);padding:10px 4px;background:var(--surface)}
.right-rail .rail-divider{margin:8px 0}.right-rail .rail-contacts{gap:13px;width:100%;min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;scrollbar-width:none}
.right-rail .person-btn{width:40px;height:40px;flex-shrink:0}.right-rail .person-btn>.avatar{width:32px;height:32px;min-width:32px;flex:0 0 32px}
.right-rail .person-btn .badge{right:0;top:0}.right-rail .rail-tools{flex-shrink:0;gap:8px;padding-top:8px}
.org-presence{position:absolute;bottom:3px;right:3px;width:10px;height:10px;background:var(--green);border:2px solid var(--surface);border-radius:50%;pointer-events:none}
.org-presence.mobile{width:17px;height:20px;bottom:0;right:0;border-radius:4px;background:var(--surface);color:var(--green);border:1px solid var(--surface);display:flex;align-items:center;justify-content:center}
.org-presence.mobile .icon{width:13px;height:17px;stroke-width:2.8}
@media(max-width:850px){
 .settings-shell{grid-template-columns:minmax(0,1fr);gap:14px;padding-top:16px}
 .settings-menu-toggle{display:inline-flex;align-items:center;gap:8px;justify-self:start;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:12px}
 .settings-shell .settings-navigation{display:none}
 .settings-shell.is-menu-open .settings-navigation{display:flex;position:fixed;top:0;bottom:calc(72px + env(safe-area-inset-bottom,0px));left:0;z-index:48;width:min(260px,85vw);padding:20px 12px;background:var(--surface);border-right:1px solid var(--line);overflow-y:auto;box-shadow:8px 0 30px #00000025}
 .settings-shell.is-menu-open .settings-menu-backdrop{display:block;position:fixed;inset:0;z-index:47;background:#00000030}
 .settings-menu-dismiss{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 16px;color:var(--text);min-height:44px;font-weight:600}
 .settings-content>.section-heading{gap:12px}.settings-content>.section-heading h2{font-size:22px}.settings-content>.section-heading .toolbar-group{width:auto;flex-wrap:wrap}
 .settings-content .org-metrics{gap:10px;font-size:11px}.settings-content>.tab-strip{width:100%}
}
@media(max-width:600px){
 :root{--rail-width:48px}
 .mobile-team-open .right-rail{width:var(--rail-width);padding:8px 2px}
 .mobile-team-open .right-rail .person-btn{width:40px;height:40px}
 .mobile-team-open .right-rail .avatar{width:32px;height:32px}
 .right-rail .icon-btn{width:40px;height:40px}
 .settings-content>.section-heading .toolbar-group{width:100%}
 .org-department.department-card>header{padding:14px}.org-leadership{padding:4px 14px}.org-members{padding:12px 14px 14px}
}