.manager-user-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.manager-user-grid{display:grid;gap:12px}
.manager-user-card{display:grid;grid-template-columns:50px minmax(180px,1fr) auto auto;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#fff,#f8f9ff)}
.manager-user-card>div:nth-child(2){display:grid;gap:3px}.manager-user-card span,.manager-user-card small{color:var(--muted)}.manager-user-card>.badge{color:inherit}
.manager-user-avatar{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--primary),#6759dd);color:#fff;font-size:1.15rem;font-weight:900}.manager-users-panel{margin-top:22px}
@media(max-width:700px){.manager-user-tabs{display:flex}.manager-user-card{grid-template-columns:50px 1fr}.manager-user-card>.badge,.manager-user-card>.button{grid-column:2;width:max-content}}
.property-filter-panel{margin-bottom:18px}.property-filter-form{grid-template-columns:repeat(3,minmax(180px,1fr)) auto;align-items:end}.property-filter-form .actions{align-items:end}.property-filter-form button{min-height:45px}@media(max-width:900px){.property-filter-form{grid-template-columns:1fr 1fr}.property-filter-form .actions{grid-column:1/-1}.property-filter-form button{width:100%}}@media(max-width:600px){.property-filter-form{grid-template-columns:1fr}}

/* Unified, unmistakable tab navigation for every portal. */
.tab-frame{margin:0 0 24px;padding:0;border:1px solid #aeb9d0;border-radius:15px;background:#fff;box-shadow:0 12px 28px rgba(29,43,82,.09);overflow:hidden}
.tab-frame>.tabs{border-color:#8999bd!important}
.tabs{position:relative!important;display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:0!important;width:100%;max-width:100%;margin:0!important;padding:7px 7px 0!important;overflow-x:auto!important;overflow-y:hidden!important;border:0!important;border-bottom:0!important;border-radius:0!important;background:#e5eaf2!important;box-shadow:none!important;scrollbar-width:thin;scroll-snap-type:x proximity}
.tabs::before,.tabs::after{content:"";position:absolute;bottom:0;z-index:4;width:7px;height:1px;background:#8999bd;pointer-events:none}
.tabs::before{left:0}.tabs::after{right:0}
.tabs .tab{position:relative!important;flex:1 1 0;min-width:max-content;min-height:52px!important;margin:0 0 -1px!important;padding:11px 18px 13px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;border:1px solid transparent!important;border-bottom:1px solid #8999bd!important;border-radius:10px 10px 0 0!important;background:#f5f7fb!important;color:#53617a!important;box-shadow:none!important;font-weight:800!important;text-decoration:none!important;scroll-snap-align:start;transition:background .16s ease,color .16s ease,border-color .16s ease!important}
.tabs .tab:hover,.tabs .tab:focus-visible{z-index:2;background:#f9faff!important;color:var(--primary-dark)!important;border-color:#aeb9d4!important;border-bottom-color:#8999bd!important;outline:3px solid rgba(82,105,232,.15)!important;transform:none!important}
.tabs .tab.active,.tabs .tab[aria-current="page"],.tabs .tab.active:hover,.tabs .tab[aria-current="page"]:hover,.tabs .tab.active:focus-visible,.tabs .tab[aria-current="page"]:focus-visible{z-index:3;background:#fff!important;color:var(--primary-dark)!important;border-color:#8999bd!important;border-bottom-color:transparent!important;box-shadow:inset 0 3px 0 var(--primary)!important;transform:none!important}
.tabs .tab:not(.active):not([aria-current="page"]){border-bottom-color:#8999bd!important;box-shadow:inset 0 -1px 0 #8999bd!important}
.tabs .tab.active::after,.tabs .tab[aria-current="page"]::after{content:none}
.tabs .tab-icon{background:#e4e8f2!important;color:#5d6981!important}.tabs .tab.active .tab-icon,.tabs .tab[aria-current="page"] .tab-icon{background:#e7eaff!important;color:var(--primary)!important}
.tab-content-shell{margin:0;padding:24px;border:0;border-radius:0;background:#fff;box-shadow:none}
.tab-content-shell>.panel{margin:6px 6px 18px;box-shadow:none}.tab-content-shell>.panel:last-child{margin-bottom:6px}
.tab-content-shell>.directory-toolbar{margin:6px 6px 18px}
.tab-content-shell>.manager-users-panel .tabs{margin-bottom:18px!important;border:1px solid #b8c2d4!important;border-bottom-color:#8999bd!important;border-radius:11px 11px 0 0!important}
/* Older admin tab screens also visually connect the first content panel to the tab strip. */
.tabs+.panel{margin-top:0;border-top-color:#8999bd;border-radius:0 0 15px 15px}
@media(max-width:760px){.tabs{padding-inline:6px!important}.tabs .tab{flex:0 0 auto!important;min-width:145px!important;padding-inline:14px!important}}
@media(max-width:760px){.tab-content-shell{padding:12px}.tab-content-shell>.panel{margin:4px 4px 12px}.tab-content-shell>.panel:last-child{margin-bottom:4px}}