/* Account directory — restrained controls, clear hierarchy and full identities. */
.shell .admin-workspace{padding:24px;background:#151515;border-color:#303030}
.shell .admin-workspace-heading{gap:12px;margin-bottom:22px}
.shell .admin-workspace-heading>div{margin-right:auto}
.shell .admin-workspace-heading h2{display:flex;align-items:center;gap:9px;color:#f5f5f5;font-size:18px;font-weight:700}
.shell .admin-workspace-heading p{margin:4px 0 0;color:#929292;font-size:12px}
.shell .admin-workspace-heading .admin-member-total{padding:2px 7px;background:#282828;border:1px solid #393939;border-radius:5px;font-size:11px;color:#d5d5d5}
.shell .admin-workspace .admin-search{width:420px;max-width:50%;gap:8px}
.shell .admin-workspace .admin-search .input{height:38px;min-width:0;border-radius:7px;font-size:13px;background:#101010}
.shell .admin-workspace-heading>button,.shell .admin-search button{height:38px;min-height:38px;padding:0 14px;font-size:12px}
.shell .admin-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:16px 0 20px;border-top:1px solid #2d2d2d;border-bottom:1px solid #2d2d2d}
.shell .admin-overview>span{display:flex;align-items:baseline;gap:9px;font-size:12px;color:#a0a0a0}
.shell .admin-overview b{font-size:20px;font-weight:600;color:#ededed;font-variant-numeric:tabular-nums}
.shell .admin-directory-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(185px,1fr);gap:10px;padding:20px 0 12px}
.shell .admin-filter{position:relative;min-width:0}
.shell .admin-filter summary{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:4px 8px;list-style:none;cursor:pointer;padding:10px 12px;border:1px solid #373737;border-radius:8px;background:#1b1b1b;transition:border-color .15s,background .15s}
.shell .admin-filter summary::-webkit-details-marker{display:none}
.shell .admin-filter summary .admin-filter-label{grid-column:1;font-size:10px;color:#999;margin:0;text-transform:uppercase;font-weight:600;letter-spacing:.05em}
.shell .admin-filter summary .admin-filter-value{grid-column:1;font-size:12px;color:#e4e4e4;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shell .admin-filter summary svg{grid-column:2;grid-row:1/3;align-self:center;color:#939393}
.shell .admin-filter[open] summary,.shell .admin-filter summary:hover{border-color:#606060;background:#242424}
.shell .admin-filter.is-filtered summary{border-color:#777}
.shell .admin-filter>div{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:max-content;min-width:100%;max-width:260px;padding:5px;background:#242424;border:1px solid #484848;border-radius:9px;box-shadow:0 12px 30px #0007;animation:admin-menu-in .12s ease-out}
.shell .admin-filter:last-child>div{left:auto;right:0}
.shell .admin-filter>div button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:35px;padding:8px 10px;background:transparent;border:0;border-radius:5px;color:#bdbdbd;text-align:left;font-size:12px;white-space:nowrap}
.shell .admin-filter>div button span{width:12px;margin:0;color:#eee;visibility:hidden}
.shell .admin-filter>div button[aria-checked="true"]{color:#fff;background:#343434}
.shell .admin-filter>div button[aria-checked="true"] span{visibility:visible}
.shell .admin-filter>div button:hover,.shell .admin-filter>div button:focus-visible{color:#fff;background:#383838}
.shell .admin-directory-caption{display:flex;align-items:center;justify-content:space-between;min-height:24px;margin-bottom:12px;gap:12px;font-size:12px;color:#999}
.shell .admin-directory-caption .link-btn{font-size:12px;color:#d4d4d4}
.shell .admin-directory{border-color:#333}
.shell .admin-directory-head,.shell .admin-directory-row{grid-template-columns:minmax(320px,1.65fr) minmax(180px,1fr) minmax(170px,.95fr) minmax(112px,.7fr) 32px;gap:18px}
.shell .admin-directory-head{display:grid;color:#999;font-size:10px;font-weight:600;letter-spacing:.04em;padding:13px 18px;background:#202020}
.shell .admin-directory-row{padding:22px 18px;align-items:start;transition:background .15s ease}
.shell .admin-directory-row[hidden]{display:none}
.shell .admin-person{align-items:flex-start;gap:13px}
.shell .admin-person>.avatar,.shell .admin-person>img{width:40px;height:40px}
.shell .admin-person-copy{gap:8px}
.shell .admin-person-copy .link-btn{color:#f5f5f5;font-size:15px;font-weight:650;line-height:1.4}
.shell .admin-person-copy .role{font-weight:600;color:#bcbcbc!important;border-color:#3d3d3d!important;font-size:9px}
.shell .admin-person-copy>.admin-account-state{display:flex;align-items:center;gap:7px;font-size:11px;color:#999}
.shell .admin-account-state.account-restricted>span:first-child{font-weight:650;color:#eee;background:#333;border:1px solid #626262;padding:2px 7px;border-radius:4px}
.shell .admin-account-state .admin-self{color:#aaa;border-left:1px solid #444;padding-left:7px}
.shell .admin-person-copy>.admin-uuid{display:grid;gap:2px;min-width:0;margin-top:2px}
.shell .admin-uuid>span{font-size:9px;font-weight:600;letter-spacing:.08em;color:#777}
.shell .admin-uuid>code{font-family:Consolas,'Courier New',monospace;font-size:12px;font-weight:400;line-height:1.65;color:#b0b0b0;overflow-wrap:anywhere;white-space:normal;user-select:all}
.shell .admin-access-cell,.shell .admin-device-cell,.shell .admin-invites-cell{display:grid;gap:7px;min-width:0}
.shell .admin-access-cell>strong,.shell .admin-device-cell>strong,.shell .admin-invites-cell>strong{color:#ececec;font-size:13px;font-weight:600;line-height:1.4}
.shell .admin-access-cell>small,.shell .admin-device-cell>small,.shell .admin-invites-cell>small{color:#a7a7a7;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.shell .admin-cell-heading{display:none}
.shell .access-label{color:#ddd;font-size:12px;font-weight:500;line-height:1.4}
.shell .access-expired,.shell .access-none{color:#999}
.shell .access-meter{width:100%;max-width:140px;height:3px;margin-top:2px;background:#333}
.shell .access-meter>span{background:#d1d1d1}
.shell .admin-actions-menu summary{color:#bbb;transition:background .15s ease,border-color .15s ease;background:transparent;border-color:#3c3c3c}
.shell .admin-actions-menu>div{max-width:calc(100vw - 60px);overflow-y:auto;overscroll-behavior:contain}
.shell .admin-actions-menu.opens-up>div{top:auto;bottom:38px}
.shell .admin-workspace :is(button,summary,input):focus-visible{outline:2px solid #bdbdbd;outline-offset:3px}
.shell .admin-actions-menu button{min-height:36px}
.shell .admin-directory-body:empty{display:none}
@keyframes admin-menu-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){
  .shell .admin-directory-head{display:none}
  .shell .admin-directory-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative}
  .shell .admin-person{grid-column:1/-1;grid-row:1;padding-right:40px}
  .shell .admin-directory-row>.admin-user-actions{grid-column:3;grid-row:1;align-self:start}
  .shell .admin-access-cell{grid-column:1;grid-row:2}
  .shell .admin-device-cell{grid-column:2;grid-row:2}
  .shell .admin-invites-cell{grid-column:3;grid-row:2}
  .shell .admin-cell-heading{display:block;font-size:10px;font-weight:600;color:#777;letter-spacing:.04em;margin-bottom:2px}
  .shell .admin-person-copy>.admin-uuid{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
  .shell .admin-directory-row:first-child{border-top:0}
}
@media(max-width:760px){
  .shell .admin-workspace{padding:16px}
  .shell .admin-workspace-heading{flex-wrap:wrap;gap:12px}
  .shell .admin-workspace .admin-search{order:3;max-width:none;width:100%}
  .shell .admin-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .shell .admin-directory-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shell .admin-filter:last-child{grid-column:1/-1}
  .shell .admin-filter:nth-child(even)>div{left:auto;right:0}
  .shell .admin-filter:last-child>div{left:0;right:auto}
}
@media(max-width:520px){
  .shell .admin-workspace{padding:12px}
  .shell .admin-directory-row{grid-template-columns:minmax(0,1fr) 32px;padding:16px 12px;gap:16px}
  .shell .admin-person{grid-column:1/-1;padding-right:36px;gap:9px}
  .shell .admin-person>.avatar,.shell .admin-person>img{width:32px;height:32px}
  .shell .admin-person-copy>.admin-uuid{display:grid;gap:2px}
  .shell .admin-directory-row>.admin-user-actions{grid-column:2}
  .shell .admin-access-cell,.shell .admin-device-cell,.shell .admin-invites-cell{grid-column:1/-1;grid-row:auto;gap:5px}
  .shell .admin-device-cell,.shell .admin-invites-cell{border-top:1px solid #292929;padding-top:14px}
}
@media(prefers-reduced-motion:reduce){
  .shell .admin-directory-row,.shell .admin-actions-menu summary,.shell .admin-filter summary{transition:none}
  .shell .admin-actions-menu[open]>div,.shell .admin-filter>div{animation:none}
}
