/* Access management uses the same cast shell, seated faces and recessed wells. */
.admin-view :is(#og-body,#ac-body) { flex:1; min-height:0; min-width:0; overflow:hidden; }
.admin-shell { display:grid; grid-template-columns:190px minmax(0,1fr); gap:14px; height:100%; min-height:0; }
.admin-rail { display:flex; flex-direction:column; min-height:0; padding:18px 10px; border:1px solid #11191d; border-radius:13px; background:linear-gradient(145deg,#30383d,#252d32); box-shadow:inset 0 1px #dae5eb12,0 3px 7px #0005; }
.admin-rail-identity { padding:0 8px 18px; margin-bottom:12px; border-bottom:1px solid #b5ccd21a; overflow-wrap:anywhere; }
.admin-rail-identity small { display:block; color:#7e99a9; font:9px/1.5 var(--sans); letter-spacing:.05em; }
.admin-rail-identity strong { display:block; margin:10px 0 5px; font:550 14px/1.5 var(--sans); color:#c9dce7; }
.admin-rail-identity span { color:#8fa5b1; font:10px/1.7 var(--sans); }
.admin-section-nav { display:flex; flex-direction:column; gap:7px; min-width:0; padding:var(--pra-lift-gutter); }
.admin-view .admin-nav-button { margin:0; }
.admin-nav-button>.pra-lift-face { min-height:45px; justify-content:center; font:550 11px/1.6 var(--sans); }
/* Selection uses the Network browser's seated blue face; under-light is hover. */
.admin-view .admin-nav-button[aria-selected=true]::after { opacity:0; }
.admin-view .admin-nav-button[aria-selected=true]>.pra-lift-face {
  color:var(--pra-selected-fg); background:var(--pra-selected-bg);
  box-shadow:var(--pra-selected-shadow);
  transform:translate(0,0);
}
.admin-stage { min-height:0; min-width:0; height:100%; }
.admin-view .admin-pane { height:100%; min-height:0; min-width:0; margin:0; box-sizing:border-box; overflow:auto; scrollbar-width:thin; }
.admin-view .admin-pane[hidden],.admin-view [hidden] { display:none!important; }
.admin-view .card { padding:22px; }
.admin-view .card-head { margin:0 0 18px; padding:0 0 15px; border-bottom:1px solid #acc8d11c; }
.admin-view h3 { font:550 18px/1.5 var(--sans); color:#cfdee7; margin:0; }
.admin-view .card-note { font:11px/1.8 var(--sans); margin:6px 0 0; color:#8fa7b5; }
.admin-view .bk-tag { padding:0; border:0; border-radius:0; box-shadow:none; background:none; font:550 9px/1.6 var(--sans); letter-spacing:.03em; color:#8ea9b8; white-space:normal; }
.admin-view .bk-tag.og-cur { color:#89d4f6; }.admin-view .bk-tag.ac-dis { color:#daaaa7; }.admin-view .bk-tag.ac-ok { color:#a4c1ae; }
.admin-view .og-list { padding:0; margin:0; list-style:none; }
.admin-view .og-row { position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; margin:0 0 10px; padding:18px; border:1px solid #111c21; border-radius:10px; background:linear-gradient(#202a30,#263137); box-shadow:inset 0 2px 4px #0006,0 1px #e0edf00a; }
.admin-view .og-row:first-child { padding:18px; border-top:1px solid #111c21; }
.admin-view .og-row.cur { box-shadow:inset 2px 0 #64bfeb88,inset 0 2px 4px #0006; }
.admin-view .og-row.cur .og-id b { color:#d6e6ef; }
.admin-view .og-id { min-width:0; flex:1 1 180px; gap:5px; }
.admin-view .og-id b { font:550 14px/1.5 var(--sans); color:#c2d4df; overflow-wrap:anywhere; }
.admin-view .og-id .dim { font:11px/1.7 var(--sans); overflow-wrap:anywhere; }
.admin-view .og-tags { gap:10px; }
.admin-view .og-acts { display:flex; flex-wrap:wrap; min-width:0; gap:7px; }
.admin-view .og-acts select { min-width:90px; max-width:100%; font-size:11px; }
.admin-view .og-sub { margin:24px 0 12px; color:#a4bdcc; font:550 12px/1.5 var(--sans); }
.admin-view .og-form { margin:15px 0 0; gap:8px; }
.admin-view .og-inline { display:flex; flex-wrap:wrap; gap:8px; min-width:0; }
.admin-view .og-inline input { flex:1 1 150px; min-width:0; width:auto; }
.admin-view .og-inline select { max-width:100%; min-width:0; width:auto; }
.admin-view .og-inline .go,.admin-view .og-inline .ebtn { flex:none; }
.admin-view .og-msg,.admin-view .ac-msg { margin:10px 0 0; font:11px/1.7 var(--sans); overflow-wrap:anywhere; }
.admin-view .og-slug { font:10px/1.8 var(--sans); margin:3px 0 0; }
.admin-view .admin-join-layout { display:grid; grid-template-columns:1.2fr 1fr; align-items:start; gap:16px; }
.admin-view .admin-join-layout>.og-card { margin:0; min-width:0; }
.admin-view .og-confirm:not(.hidden) { position:absolute; inset:6px; z-index:5; margin:0; padding:15px; border:1px solid #b9c8d52b; border-radius:8px; background:linear-gradient(#37434b,#29363e); box-shadow:0 3px 10px #0007; font:11px/1.8 var(--sans); }
.admin-view #og-admin:not(.hidden) { display:flex; flex-direction:column; overflow:hidden; }
.admin-member-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(290px,1fr); flex:1; gap:16px; min-height:0; }
.admin-member-layout>:is(.admin-directory-pane,.admin-requests-pane) { display:block!important; min-width:0; min-height:0; overflow:auto; scrollbar-width:thin; padding:0 4px 5px; }
.admin-member-layout>div>.og-sub:first-child { margin-top:0; }
.admin-view .admin-mobile-modes { display:none; margin-bottom:15px; }
.admin-member-search { margin-bottom:13px; }
.admin-view .admin-member-search input { width:100%; }
.admin-view table.og-members { width:100%; min-width:0; border-collapse:separate; border-spacing:0 6px; table-layout:fixed; }
.admin-view table.og-members th,.admin-view table.og-members td { padding:11px; font:11px/1.7 var(--sans); border:0; background:#253139; overflow-wrap:anywhere; }
.admin-view table.og-members thead th { position:sticky; top:0; z-index:2; color:#88a3b4; background:#1d282e; font-size:10px; }
.admin-view table.og-members :is(th,td):first-child { width:52%; border-radius:6px 0 0 6px; }.admin-view table.og-members :is(th,td):last-child { width:85px; border-radius:0 6px 6px 0; }
.admin-view table.og-members .og-mail { font:10px/1.6 var(--sans); overflow-wrap:anywhere; }
.admin-view .og-members tbody :is(th,td)::before { content:none; }
.admin-view .admin-requests-pane .og-row { padding:12px; }.admin-view .admin-requests-pane .og-id { flex-basis:100%; }.admin-view .admin-requests-pane .og-acts { margin-left:0; width:100%; }
/* Native account rows are the index; original controls occupy a stable inspector. */
.admin-view .admin-people-pane { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:stretch; gap:14px; overflow:hidden; }
.admin-view .admin-people-pane>.ac-card { min-height:0; min-width:0; margin:0; padding:16px; overflow:hidden; display:flex; flex-direction:column; }
.admin-view .admin-people-pane>.ac-card>.card-head { flex:none; margin-bottom:10px; flex-wrap:wrap; gap:9px; }
.admin-view #ac-q { min-width:0; width:100%; flex-basis:100%; }
.admin-view #ac-count { font:10px/1.6 var(--sans); }
.admin-view .ac-tbl { flex:1; min-height:0; max-height:none; overflow:auto; padding:var(--pra-lift-gutter); border:0; background:none; scrollbar-width:thin; }
.admin-view .ac-tbl table { width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0 8px; }
.admin-view .ac-tbl table thead th { position:sticky; top:0; z-index:4; padding:8px; background:#222d33; border:0; font:9px/1.6 var(--sans); color:#8fa9b9; }
.admin-view .ac-tbl table thead th:first-child { width:40%; }.admin-view .ac-tbl table thead th:nth-child(2) { width:25%; }.admin-view .ac-tbl table thead th:nth-child(3) { width:20%; }
.admin-view .ac-tbl tr.pra-lift-row { position:relative; isolation:isolate; background:none; cursor:pointer; }
.admin-view .ac-tbl tr.pra-lift-row>:is(th,td) { position:relative; isolation:isolate; padding:0; border:0; background:none; vertical-align:top; }
.admin-view .ac-tbl tr.pra-lift-row>:is(th,td)::before { content:''; position:absolute; inset:0; z-index:0; background:#16b7ff; opacity:0; transition:opacity .58s .09s ease; }
.admin-view .ac-tbl .pra-row-face { position:relative; z-index:1; width:100%; height:100%; min-height:88px; padding:12px 8px; background:linear-gradient(#303d44,#27343b); box-sizing:border-box; font:10px/1.7 var(--sans); overflow-wrap:anywhere; transition:transform .58s .09s cubic-bezier(.3,0,.25,1); }
.admin-view .ac-tbl .pra-row-face b { font:550 12px/1.7 var(--sans); color:#d1e1eb; }.admin-view .ac-tbl .pra-row-face .dim { font:10px/1.7 var(--sans); }
.admin-view .ac-tbl .pra-row-face .ac-role { display:block; margin:0 0 4px; font-size:9px; color:#9eb7c7; }
.admin-view .ac-tbl tbody tr.ac-sel>:is(th,td)::before { opacity:0; }.admin-view .ac-tbl tbody tr.ac-sel .pra-row-face { transform:translate(0,0); background:var(--pra-selected-bg); color:var(--pra-selected-fg); box-shadow:var(--pra-selected-row-shadow); }
.admin-view .ac-tbl tbody tr.ac-sel>:first-child>.pra-row-face { box-shadow:var(--pra-selected-row-shadow),inset 1px 0 var(--pra-selected-rim); }
.admin-view .ac-tbl tbody tr.ac-sel>:last-child>.pra-row-face { box-shadow:var(--pra-selected-row-shadow),inset -1px 0 var(--pra-selected-rim); }
.admin-view .ac-tbl tbody :is(th,td):first-child::before,.admin-view .ac-tbl tbody :is(th,td):first-child .pra-row-face { border-radius:7px 0 0 7px; }.admin-view .ac-tbl tbody :is(th,td):last-child::before,.admin-view .ac-tbl tbody :is(th,td):last-child .pra-row-face { border-radius:0 7px 7px 0; }
.admin-view .ac-tbl tr:focus-visible { outline:none; }.admin-view .ac-tbl tr:focus-visible>:first-child .pra-row-face { box-shadow:inset 2px 0 #71d5ff; }
.admin-mobile-field { display:none; }
.admin-view .ac-detail { position:static; background:linear-gradient(#202a30,#29343b); box-shadow:inset 0 2px 5px #0007,0 1px #e3eff00a; }
.admin-view .ac-detail h3 { font-size:22px; overflow-wrap:anywhere; }
.admin-view .ac-detail>.hint { flex:none; padding:11px 13px; margin:0 0 12px; border-radius:8px; color:#a5bbc8; background:#151f25; font:11px/1.7 var(--sans); box-shadow:inset 0 2px 4px #0007; }
.admin-view .ac-detail>.ac-msg { flex:none; margin:0 0 10px; min-height:0; }.admin-view .ac-msg:empty { display:none; }
.admin-view .admin-account-tabs { flex:none; margin-bottom:15px; }.admin-view .admin-account-tabs button { flex:1; }
.admin-account-body { flex:1; min-height:0; overflow:hidden; }.admin-detail-pane { height:100%; min-height:0; overflow:auto; padding:0 3px 3px; scrollbar-width:thin; }
.admin-detail-pane>.og-sub:first-child { margin-top:0; }
.admin-view .ac-roles { padding:0; gap:9px; margin-bottom:18px; }.admin-view .ac-check { min-width:0; padding:13px; gap:10px; border-radius:9px; background:linear-gradient(#19242a,#26333b); box-shadow:inset 0 2px 4px #0007; border:1px solid #102029; }
.admin-view .ac-check b { color:#c0d8e6; font:550 12px/1.5 var(--sans); }.admin-view .ac-check .dim { font:11px/1.7 var(--sans); margin-top:5px; }
.admin-view .ac-check input { appearance:none; width:16px; height:16px; min-width:16px; flex:none; margin:1px 0 0; border:1px solid #728f9e; border-radius:4px; background:#162026; box-shadow:inset 0 2px 3px #0007; }
.admin-view .ac-check input:checked { background:#84bfdc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8 3 3 6-6' fill='none' stroke='%23152129' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat; border-color:#94c4dd; }
.admin-view .ac-check input:disabled { opacity:.45; cursor:default; }
.admin-view .ac-check:has(input:not(:disabled)) { cursor:pointer; }
.admin-view .ac-detail .og-row { padding:12px; }.admin-view .ac-detail .og-id { flex-basis:150px; }.admin-view .ac-detail .og-id b { font-size:12px; }
.admin-view .ac-hist { list-style:none; padding:0; }.admin-view .ac-hist li { display:grid; gap:5px; margin-bottom:8px; padding:14px; border:0; border-radius:8px; background:#1b282f; box-shadow:inset 0 2px 4px #0006; font:12px/1.7 var(--sans); }.admin-view .ac-hist .dim { font:10px/1.7 var(--sans); }
.admin-view .ac-state { padding-top:15px; border-top:1px solid #abc7d51c; }.admin-view .ac-state .pm-confirm { padding:14px; border:1px solid #b88d7e36; border-radius:9px; background:#332e2c; font:11px/1.8 var(--sans); }
.admin-view .admin-back-list { display:none; align-self:start; margin-bottom:14px; }
.admin-view #ac-signup { max-width:100%; }.admin-view #ac-signup .ac-su-form { padding:15px; margin-bottom:18px; border-radius:10px; background:#1c292f; box-shadow:inset 0 2px 5px #0007; }.admin-view #ac-signup .og-inline input { flex:1; min-width:170px; }
.admin-view .admin-delivery-pane #ac-telemetry { max-width:800px; margin-top:20px; padding:20px; border-radius:10px; background:#19252c; box-shadow:inset 0 2px 5px #0007; color:#adc4d2; font:13px/1.9 var(--sans); }
.admin-empty,.admin-view :is(#og-body,#ac-body)>p,.admin-view #ac-detail>p.dim { padding:20px; color:#9eb6c5; font:12px/1.8 var(--sans); }
@media(hover:hover) and (pointer:fine){.admin-view .ac-tbl tr.pra-lift-row:hover>:is(th,td)::before { opacity:var(--pra-hover-light,1); transition-duration:.12s; transition-delay:0s; }.admin-view .ac-tbl tr.pra-lift-row:hover .pra-row-face { transform:var(--pra-row-hover-lift); transition-duration:.15s; transition-delay:0s; }}
@media(max-width:1250px){.admin-shell { grid-template-columns:160px minmax(0,1fr); }.admin-rail { padding:14px 8px; }.admin-rail-identity { padding:0 6px 12px; }.admin-view .admin-people-pane { grid-template-columns:minmax(0,.9fr) minmax(0,1fr); }.admin-view .ac-tbl table thead th:first-child { width:40%; }.admin-view .ac-tbl .pra-row-face { padding:10px 6px; }.admin-view .og-row { padding:14px; }.admin-view .admin-join-layout { grid-template-columns:1fr; }.admin-member-layout { grid-template-columns:minmax(0,1fr); }.admin-view .admin-mobile-modes { display:flex; }.admin-member-layout[data-admin-pane=members]>.admin-requests-pane,.admin-member-layout[data-admin-pane=requests]>.admin-directory-pane { display:none!important; }}
@media(max-width:900px){.admin-shell { grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr); gap:10px; }.admin-rail { padding:7px; }.admin-rail-identity { display:none; }.admin-section-nav { flex-direction:row; gap:5px; padding:var(--pra-lift-gutter); }.admin-view .admin-nav-button { flex:1; min-width:0; }.admin-nav-button>.pra-lift-face { min-height:34px; padding:8px 6px; font-size:10px; }.admin-view .admin-people-pane { display:block; }.admin-view .admin-people-pane>.ac-card { height:100%; }.admin-view .admin-people-pane:not([data-inspector=detail])>.ac-detail,.admin-view .admin-people-pane[data-inspector=detail]>.ac-card:not(.ac-detail) { display:none; }.admin-view .admin-back-list { display:inline-flex; }.admin-view .ac-tbl .pra-row-face { min-height:72px; }.admin-view .card { padding:16px; }}
@media(max-width:560px){.admin-view .ac-tbl table { display:block; }.admin-view .ac-tbl thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }.admin-view #ac-rows { display:grid; gap:10px; }.admin-view .ac-tbl tr.pra-lift-row { display:grid; grid-template-columns:1fr 1fr; gap:0; }.admin-view .ac-tbl tr>:first-child { grid-column:1/-1; }.admin-view .ac-tbl tr>:last-child { grid-column:1/-1; }.admin-view .ac-tbl .pra-row-face { min-height:0; padding:10px 12px; border-radius:0!important; }.admin-view .ac-tbl .pra-row-face b { font-size:13px; }.admin-mobile-field { display:block; margin-bottom:5px; color:#83a5b9; font:9px/1.5 var(--sans); }.admin-view .og-id { flex-basis:100%; }.admin-view .og-tags { margin-right:auto; }.admin-view .og-acts { margin-left:0; }.admin-view .og-inline { gap:7px; }.admin-view .og-inline :is(input,select) { width:100%; flex:1 1 100%; }.admin-view table.og-members { table-layout:auto; }.admin-view table.og-members :is(th,td):first-child { width:auto; }.admin-view table.og-members :is(th,td):last-child { width:auto; }.admin-view .og-confirm:not(.hidden) { position:relative; inset:auto; flex-basis:100%; }.admin-view .admin-requests-pane .og-acts select { width:auto; }.admin-view h3 { font-size:16px; }}
@media(prefers-reduced-motion:reduce){.admin-view .ac-tbl .pra-row-face { transform:none!important; transition:none!important; }.admin-view .ac-tbl tr>:is(th,td)::before { transition:none!important; }}
@media(max-width:560px){
  .admin-view .og-members tbody { display:grid; gap:10px; }
  .admin-view .og-members tbody tr { display:grid; grid-template-columns:minmax(0,1fr) auto; padding:12px; background:#253139; border:1px solid #162229; border-radius:8px; }
  .admin-view .og-members tbody :is(th,td) { width:auto; min-width:0; max-width:none; padding:5px 0; border-radius:0!important; background:none; }
  .admin-view .og-members tbody th { grid-column:1/-1; }
  .admin-view .og-members tbody td.lib-acts { grid-column:2; grid-row:2; padding-left:12px; }
  .admin-view .og-members tbody td:nth-child(2)::before { position:static; content:'Role · '; color:#87a3b4; background:none; opacity:1; }
}
/* Short windows keep all native controls reachable inside their instrument. */
@media(max-height:650px){
  .admin-view .admin-people-pane>.ac-card { overflow:auto; scrollbar-width:thin; }
  .admin-view .ac-tbl { flex:1 0 200px; }
  .admin-view .admin-account-body { flex:1 0 240px; }
  .admin-view #og-admin:not(.hidden) { overflow:auto; }
  .admin-view #og-admin>.card-head,.admin-view .admin-mobile-modes { flex:none; }
  .admin-view .admin-member-layout { flex:1 0 230px; }
}
