/* Approved Attio-style access workspace; scoped to its existing functional DOM. */
html body[data-app-shell="internal"] .app-shell--workspace #accessManagement{background:#fff;color:#373b45;font-family:Inter,'Segoe UI',system-ui,sans-serif;grid-template-rows:52px 43px auto minmax(0,1fr)}
#accessManagement .am-head{position:static;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #eceef1;grid-row:1}
#accessManagement .am-head>div{display:block}#accessManagement .am-head h1{margin:0;font-size:14px;font-weight:600;color:#373b45}#accessManagement .am-head p{display:none}
#accessManagement .am-tabs{grid-row:2;padding-inline:22px;gap:24px;border-color:#e9ebef;height:43px}
#accessManagement .am-tabs button{height:43px;color:#858b96;font:500 12px Inter,'Segoe UI',sans-serif}
#accessManagement .am-tabs button[aria-selected="true"]{color:#465789;border-bottom-color:#6477ba}
#accessManagement .am-count{background:#edf0fa;color:#58689e;border-radius:4px;font-size:9px}
#accessManagement .am-status{grid-row:3;color:#52679f;border-color:#e9ebef;background:#f8f9fc}
html body .app-shell--workspace #accessManagement .am-layout{grid-row:4;grid-template-columns:285px minmax(0,1fr);min-height:0}
#accessManagement .am-list{background:#fcfcfd;border-color:#eceef1;padding:15px 14px}
#accessManagement .am-detail{background:#fff;color:#4b5565;padding:24px 28px;gap:14px}
#accessManagement .am-detail h2{font-size:19px;letter-spacing:-.5px;font-weight:600;color:#303744;margin:0}
#accessManagement .am-detail h3{font-size:12px;font-weight:600;color:#515b6a}
#accessManagement .am-detail p{font-size:11px;color:#838b98;line-height:1.5;margin:0}
#accessManagement .am-row{border-color:#eef0f4;padding:13px 10px;min-height:65px;background:transparent;color:#414754}
#accessManagement .am-row[aria-pressed="true"]{background:#f0f3fa;border-color:#e4e9f4}
#accessManagement .am-row-copy strong{font-size:12px;font-weight:600;color:#414754}
#accessManagement .am-row-copy small{font-size:10px;color:#9399a4;display:block;margin-top:4px}
#accessManagement .am-avatar{width:28px;height:28px;flex-basis:28px;border:0;background:#e9edf5;color:#6a7892;font-size:9px}
#accessManagement input:not([type="checkbox"]),#accessManagement select,#accessManagement textarea{background:#fff;border-color:#e1e5ec;color:#626c7a;font:400 11px Inter,'Segoe UI',sans-serif}
#accessManagement .am-list>input,#accessManagement .am-list>select{height:30px;margin-bottom:7px}
#accessManagement .am-facts{background:#fff;border:0;padding:8px 0 16px;border-bottom:1px solid #eceef2;border-radius:0;gap:18px 24px}
#accessManagement .am-facts dt{font-size:10px;font-weight:400;letter-spacing:0;text-transform:none;color:#9098a5}
#accessManagement .am-facts dd{color:#4b5565;font-size:12px;font-weight:400}
#accessManagement .am-detail>label{color:#777f8c;font-size:11px}
#accessManagement .am-module{border:0;border-top:1px solid #eef0f4;border-radius:0;padding:11px 0;background:#fff;grid-template-columns:minmax(110px,1fr) auto}
#accessManagement .am-module strong{font-weight:500;font-size:11px;color:#5c6675}
#accessManagement .am-checks{gap:12px}#accessManagement .am-checks label{color:#838c99;font-size:10px}
#accessManagement input[type="checkbox"]{accent-color:#6477ba;width:12px;height:12px;min-width:12px;min-height:12px;max-width:12px;max-height:12px;flex-basis:12px}
#accessManagement .am-context{background:#f9fafc;color:#626e80;border-color:#e5e9f0;font-size:11px}
#accessManagement .am-email{color:#9299a6!important}
#accessManagement details{background:#fff;border-color:#e5e9f0;color:#6f7988;font-size:11px}
#accessManagement details>summary{color:#626e80}
#accessManagement .am-actions{background:#fff;border-color:#eceef2;bottom:-24px;padding:15px 0 8px}
#accessManagement .filter-button,#accessManagement .am-accounts-button{background:#fff;color:#596170;border-color:#dfe3e9;font-size:11px;height:30px;min-height:30px;padding:0 10px}
#accessManagement .primary-button{background:#5367a9!important;border-color:#5367a9!important;font-size:11px;height:30px;min-height:30px;padding:0 10px}
#accessManagement .am-request-type{color:#8c94a2;font-size:10px}
#accessManagement .am-account-panel form{display:grid;gap:14px;margin-top:16px}
#accessManagement .am-account-panel form>label{display:flex;align-items:center;gap:9px;font-size:12px;color:#586372}
#accessManagement .am-account-panel form>label:first-child{display:grid;gap:7px}
#accessManagement .am-account-panel fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid #e1e5ec;border-radius:6px;padding:14px;min-width:0}
#accessManagement .am-account-panel legend{font-size:11px;color:#596575;padding:0 5px}
#accessManagement .am-account-panel fieldset label{display:flex;align-items:center;gap:7px;font-size:11px;min-width:0;overflow-wrap:anywhere;color:#596575}
#accessManagement .am-account-panel .primary-button{justify-self:start}
#accessManagement .am-invite-form{display:grid;gap:16px;max-width:440px}
#accessManagement .am-invite-form label{display:grid;gap:7px;font-size:12px;color:#596575}
#accessManagement .am-invite-form button{justify-self:start}
#accessManagement .am-history-filters{display:grid;gap:10px;margin:8px 0 14px}
#accessManagement .am-history-filters label{display:grid;gap:5px;color:#667180;font-size:11px}
#accessManagement :is(button,input,select,textarea):focus-visible{outline:2px solid #8293c4;outline-offset:2px}
@container(max-width:760px){html body .app-shell--workspace #accessManagement .am-layout{grid-template-columns:225px minmax(0,1fr)}#accessManagement .am-detail{padding:20px 18px}#accessManagement .am-module{grid-template-columns:1fr;gap:8px}}
@container(max-width:570px){html body .app-shell--workspace #accessManagement .am-layout{grid-template-columns:minmax(0,1fr);overflow:auto;align-content:start}#accessManagement .am-list{max-height:32dvh;border-right:0;border-bottom:1px solid #e9ebef}#accessManagement .am-detail{padding:20px 15px;overflow:visible;min-height:180px}#accessManagement .am-tabs{gap:18px;padding-inline:15px}#accessManagement .am-facts{grid-template-columns:1fr 1fr}#accessManagement .am-checks{flex-wrap:wrap}}
