/* Scoped to Acessos: match the approved graphite/azure composition without inherited form sizing. */
body[data-app-shell="internal"] #accessManagement{position:fixed;inset:56px 0 0;max-width:none;margin:0;padding:0;display:grid;grid-template-rows:48px auto minmax(0,1fr);background:#101214;color:#f3f5f7;font:13px/1.45 "Segoe UI",sans-serif;z-index:1;box-sizing:border-box}
#accessManagement *,#accessManagement *::before,#accessManagement *::after{box-sizing:border-box}
#accessManagement .am-head{position:absolute;right:20px;top:8px;margin:0;z-index:2}#accessManagement .am-head>div{display:none}
#accessManagement button{font:600 12px/1.3 "Segoe UI",sans-serif;min-height:0;cursor:pointer}
#accessManagement .am-tabs{display:flex;align-items:stretch;gap:24px;margin:0;padding:0 24px;border-bottom:1px solid #2d363f}
#accessManagement .am-tabs button{background:transparent;color:#939da7;border:0;border-bottom:2px solid transparent;border-radius:0;padding:0 4px;height:48px;font-size:13px}
#accessManagement .am-tabs button[aria-selected="true"]{color:#2693ff;border-bottom-color:#0078ff}
#accessManagement .am-count{margin-left:8px;padding:1px 5px;border-radius:8px;background:#0078ff;color:white;font-size:10px}
#accessManagement .am-status{margin:0;padding:0 20px;font-size:12px;color:#92c5ff}#accessManagement .am-status:empty{display:none}#accessManagement .am-status:not(:empty){padding:7px 20px;border-bottom:1px solid #2d363f}
#accessManagement .am-layout{display:grid;grid-template-columns:minmax(250px,35fr) minmax(420px,65fr);gap:0;min-height:0;height:auto;overflow:hidden}
#accessManagement .am-list{padding:16px;border:0;border-right:1px solid #2d363f;border-radius:0;background:#101214;overflow:auto;min-height:0}
#accessManagement .am-detail{padding:20px 24px;display:flex;flex-direction:column;gap:14px;min-height:0;overflow:auto;background:#1b2228;border:0;border-radius:0;color:#f3f5f7}
#accessManagement .am-detail>*{flex-shrink:0}#accessManagement .am-detail h2{font:700 20px/1.2 "Segoe UI",sans-serif;margin:0;color:#f3f5f7}#accessManagement .am-detail h3{font:600 14px/1.3 "Segoe UI",sans-serif;margin:0;color:#f3f5f7}#accessManagement .am-detail p{margin:0;font-size:12px;color:#98a5b1;line-height:1.5}
#accessManagement input:not([type="checkbox"]),#accessManagement select,#accessManagement textarea{display:block;width:100%;height:32px;min-height:0;max-height:none;margin:0;padding:6px 10px;border:1px solid #2d363f;background:#151a1f;color:#dfe6ed;border-radius:5px;font:12px/1.35 "Segoe UI",sans-serif;box-shadow:none}
#accessManagement input::placeholder,#accessManagement textarea::placeholder{color:#82909d}#accessManagement textarea{height:48px;resize:vertical}
#accessManagement input[type="checkbox"]{appearance:auto;flex:0 0 14px;width:14px;height:14px;min-width:14px;min-height:14px;max-width:14px;max-height:14px;margin:0;padding:0;border-radius:3px;accent-color:#0078ff}
#accessManagement .am-filter{margin:10px 0 14px}
#accessManagement .am-row{display:flex;align-items:center;gap:10px;width:100%;height:auto;min-height:54px;padding:10px 12px;margin:0;border:0;border-bottom:1px solid #2d363f;border-radius:0;text-align:left;background:transparent;color:#f3f5f7}
#accessManagement .am-row[aria-pressed="true"]{background:#0078ff12;box-shadow:inset 2px 0 #0078ff}#accessManagement .am-row:hover{background:#ffffff06}
#accessManagement .am-row strong{display:block;margin:0;font-size:13px;font-weight:600}#accessManagement .am-row small{display:block;margin-top:4px;font-size:11px;font-weight:400;color:#94a0ac;line-height:1.4}
#accessManagement .am-avatar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;background:#0078ff25;color:#79baff;border:1px solid #0078ff40;border-radius:50%;font-size:11px}#accessManagement .am-row-copy{min-width:0;flex:1}
#accessManagement .am-context{padding:10px 12px;border:1px solid #2d363f;border-radius:6px;background:#11171c;color:#d9e2ec;font-size:12px}
#accessManagement .am-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;padding:14px;margin:0;border:1px solid #2d363f;border-radius:8px;background:#11171c}
#accessManagement .am-facts>div{display:block;padding:0;border:0;background:transparent}#accessManagement .am-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#7e8b98;text-align:left}#accessManagement .am-facts dd{font-size:13px;line-height:1.4;font-weight:500;color:#e5eaf0;text-align:left;margin:4px 0 0}#accessManagement .am-wide{grid-column:1/-1}
#accessManagement .am-detail>label{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#cdd7e1;gap:12px}#accessManagement .am-detail>label select{width:180px}
#accessManagement .am-module{display:grid;grid-template-columns:minmax(140px,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid #2d363f;border-radius:6px;background:#ffffff03}
#accessManagement .am-module strong{display:block;font-size:12px;font-weight:500;margin:0;line-height:1.4}#accessManagement .am-checks{display:flex;align-items:center;flex-wrap:wrap;gap:12px}#accessManagement .am-checks label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:400;color:#aab7c4;margin:0;padding:0}
#accessManagement .am-actions{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:-20px;margin-top:auto;padding:14px 0 8px;border-top:1px solid #2d363f;background:#1b2228}
#accessManagement .primary-button,#accessManagement .filter-button{display:inline-flex;justify-content:center;align-items:center;width:auto;height:32px;min-height:32px;padding:0 14px;border-radius:5px;border:1px solid #34404b;color:#dfe6ed;background:transparent;box-shadow:none;text-decoration:none}
#accessManagement .primary-button{background:#0078ff;border-color:#0078ff;color:white}#accessManagement button:disabled{opacity:.5;cursor:default}#accessManagement button:focus-visible,#accessManagement input:focus-visible,#accessManagement select:focus-visible{outline:2px solid #5cabff;outline-offset:2px}
#accessManagement details{font-size:12px;padding:12px;border:1px solid #2d363f;border-radius:6px}#accessManagement details>summary{cursor:pointer;color:#dbe6f1}#accessManagement details[open]>*+*{margin-top:10px}
#accessManagement .am-email{color:#389cff!important;margin-top:-8px!important}#legacyAccess[hidden]{display:none!important}
#accessManagement ::-webkit-scrollbar{width:6px;height:6px}#accessManagement ::-webkit-scrollbar-thumb{background:#34404b;border-radius:4px}#accessManagement ::-webkit-scrollbar-track{background:transparent}
@media(max-width:900px){#accessManagement .am-layout{grid-template-columns:minmax(220px,35fr) minmax(360px,65fr)}#accessManagement .am-module{grid-template-columns:1fr}#accessManagement .am-detail{padding:16px}}
@media(max-width:620px){body[data-app-shell="internal"] #accessManagement{position:relative;inset:auto;margin-top:56px;min-height:calc(100dvh - 56px)}#accessManagement .am-layout{grid-template-columns:1fr}#accessManagement .am-tabs{gap:10px;padding:0 10px}}
#accessManagement[hidden]{display:none!important}
#accessManagement .am-tabs{grid-row:1}#accessManagement .am-status{grid-row:2}#accessManagement .am-layout{grid-row:3}
#accessManagement .primary-button{background:#0078ff!important;border-color:#0078ff!important;color:#fff!important}

#accessManagement .am-accounts-button{display:flex;width:100%;margin:16px 0 12px;background:#1b2228;border-color:#34404b}#accessManagement .am-accounts-button:hover{background:#26313b;border-color:#52708b}

/* The workspace belongs to the content column, not the old fixed top header. */
body[data-app-shell="internal"] .app-shell--workspace #accessManagement{
 position:relative;inset:auto;width:100%;max-width:100%;height:100dvh;min-height:0;margin:0;padding:0;
 container-type:inline-size;
}
.app-shell--workspace #accessManagement .am-layout{grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr);min-width:0}
.app-shell--workspace #accessManagement .am-list,.app-shell--workspace #accessManagement .am-detail{min-width:0}
.app-shell--workspace #accessManagement .am-tabs{gap:16px;padding-inline:16px;overflow-x:auto;min-width:0;white-space:nowrap}
@container(max-width:620px){
 .app-shell--workspace #accessManagement .am-layout{grid-template-columns:minmax(0,1fr);overflow:auto;align-content:start}
 #accessManagement .am-list{max-height:42dvh;border-right:0;border-bottom:1px solid #2d363f;overflow:auto}
 .app-shell--workspace #accessManagement .am-detail{overflow:visible;min-height:180px;padding:16px}
 #accessManagement .am-facts{grid-template-columns:minmax(0,1fr)}
 #accessManagement .am-tabs{gap:12px;padding-inline:12px}
}

