/* P10.25 — users and approvals share a compact, scoped workspace. */
.nk-access-workspace{max-width:1200px;margin:0 auto;color:#173f49}
.nk-access-header{margin:6px 0 24px}.nk-access-header h2{font-size:27px;margin:0 0 8px;letter-spacing:-.4px}.nk-access-header p{font-size:13px;color:#70858a;line-height:1.8;margin:0}
.nk-access-tabs{display:flex;gap:8px;border-bottom:1px solid #dfe9e6;margin-bottom:22px;padding-bottom:12px}.nk-access-tabs button{font:inherit;font-size:14px;font-weight:500;padding:11px 18px;border:1px solid transparent;border-radius:12px;color:#66818a;background:transparent;cursor:pointer}.nk-access-tabs button[aria-selected="true"]{background:#e9f5ef;color:#087f78;border-color:#d2e8de}.nk-access-tabs span{font-size:11px;background:#fff9;border-radius:99px;padding:2px 7px;margin-left:6px}.nk-access-tabs [hidden],.nk-access-workspace section[hidden]{display:none!important}
.nk-access-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px}.nk-access-toolbar p{font-size:12px;color:#7c9094;margin:0}.nk-access-toolbar>button{font-size:13px}
.nk-access-row{display:flex;align-items:center;gap:16px;padding:19px 20px;border:1px solid #e0eae7;border-radius:16px;background:#fff;margin-bottom:10px;box-shadow:0 2px 8px #143f4802}.nk-access-avatar{position:relative;flex:none;width:44px;height:44px;border-radius:14px;background:#eaf5ef;color:#3b887a;display:grid;place-items:center;overflow:hidden}.nk-access-avatar>span{font-weight:600;font-size:18px}.nk-access-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nk-access-person{min-width:0;flex:1}.nk-access-person strong{display:block;font-size:14px;font-weight:600;line-height:1.6}.nk-access-person>small{display:block;font-size:11px;color:#809397;margin-top:4px;overflow-wrap:anywhere}.nk-access-person p{font-size:12px;line-height:1.7;color:#647d84;margin:7px 0 0}.nk-access-you{font-weight:400;font-size:10px;color:#5b8376;margin-left:9px;padding:2px 6px;border-radius:6px;background:#edf6ef}.nk-access-role{font-size:11px;color:#507b73;background:#edf6f1;padding:6px 10px;border-radius:8px;white-space:nowrap}.nk-access-row>button{font-size:11px;flex:none;white-space:nowrap}
.nk-access-comparison{margin:0 0 18px;font-size:12px;color:#5e7d83}.nk-access-comparison summary,.nk-access-history summary{cursor:pointer;padding:10px 0}.nk-access-comparison>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.nk-access-comparison>div>div{padding:15px;background:#f0f6f3;border-radius:12px}.nk-access-comparison p{font-size:11px;color:#778b90;line-height:1.8;margin:7px 0 0}.nk-access-note{padding:13px 16px;font-size:12px;color:#647b80;background:#edf5f1;border-radius:12px;line-height:1.8}
.nk-access-empty{padding:22px;border:1px dashed #d4e6df;border-radius:16px;background:#f9fcfa;font-size:13px;text-align:center;color:#68848a}.nk-access-empty strong{color:#244d54}.nk-access-empty p{font-size:12px;line-height:1.8;margin:8px 0 15px}
.nk-access-history{margin:25px 0 0;border-top:1px solid #dfeae6;padding-top:12px;font-size:12px;color:#6e878c}.nk-access-history ul{list-style:none;margin:10px 0;padding:0}.nk-access-history li{display:grid;gap:6px;padding:13px 0;border-top:1px solid #e5ede9}.nk-access-history li span{font-size:12px}.nk-access-history li small{font-size:10px;line-height:1.7;color:#809398}
.nk-access-dialog{width:min(560px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid #dce8e3;border-radius:22px;padding:26px;color:#173f49;box-shadow:0 24px 90px #163f4a24}.nk-access-dialog::backdrop{background:#143e4840;backdrop-filter:blur(2px)}.nk-access-dialog h3{font-size:20px;margin:0 0 18px}.nk-access-dialog h4{font-size:16px;margin:0 0 10px}.nk-access-dialog p,.nk-access-dialog li{font-size:13px;line-height:1.9}.nk-access-dialog select{width:100%;margin:8px 0;padding:12px;border:1px solid #dce7e3;border-radius:10px;background:#fff;color:inherit;font:inherit}.nk-access-review-error{color:#a15a27}.nk-access-dialog .modal-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.nk-access-dialog label{font-size:12px}
#companyAccessModal .modal-fields,#approverAccessModal .modal-fields{gap:18px}#companyAccessModal .modal-head p,#approverAccessModal .modal-head p{font-size:12px;line-height:1.8}
@media(max-width:760px){.nk-access-header h2{font-size:24px}.nk-access-row{flex-wrap:wrap;gap:12px;padding:16px}.nk-access-person{flex-basis:calc(100% - 60px)}.nk-access-role{margin-left:56px}.nk-access-row>button{margin-left:auto}.nk-access-comparison>div{grid-template-columns:1fr}.nk-access-toolbar{align-items:flex-start}.nk-access-tabs button{font-size:12px;padding:10px}.nk-access-dialog{padding:20px}.nk-access-dialog .modal-actions>button{flex:1}.nk-access-history{margin-top:18px}}
.nk-access-tabs button:focus-visible,.nk-access-workspace summary:focus-visible{outline:3px solid #97cdbf;outline-offset:3px}
/* P10.25 layout fix: explicit grid-item width prevents auto margins shrinking the workspace. */
[data-settings-category="approvals"]>.nk-access-workspace{box-sizing:border-box;width:100%;max-width:1200px;min-width:0;margin:0;justify-self:start}
.nk-access-workspace .nk-access-header{margin:4px 0 20px}
.nk-access-workspace .nk-access-tabs{margin-bottom:18px;padding-bottom:10px}
.nk-access-workspace .nk-access-toolbar{margin-bottom:12px;min-height:42px}
.nk-access-workspace .nk-access-comparison{margin-bottom:12px}
.nk-access-workspace .nk-access-row{box-sizing:border-box;display:grid;grid-template-columns:44px minmax(0,1fr) max-content max-content;column-gap:16px;row-gap:6px;padding:16px 18px;margin-bottom:10px}
.nk-access-workspace .nk-access-person{min-width:0}
.nk-access-workspace .nk-access-person p{margin-top:4px}
.nk-access-workspace .nk-access-role{justify-self:end}
.nk-access-workspace .nk-access-row>button{justify-self:end}
#approverAccessList .nk-access-row{grid-template-columns:44px minmax(0,1fr) max-content}
@media(min-width:761px) and (max-width:1050px){.nk-access-workspace .nk-access-row{grid-template-columns:44px minmax(0,1fr) max-content}.nk-access-workspace .nk-access-role{grid-column:2;grid-row:2;justify-self:start}.nk-access-workspace .nk-access-row>button{grid-column:3;grid-row:1 / span 2}.nk-access-workspace .nk-access-avatar{grid-row:1 / span 2}}
@media(max-width:760px){[data-settings-category="approvals"]>.nk-access-workspace{max-width:none}.nk-access-workspace .nk-access-row,#approverAccessList .nk-access-row{grid-template-columns:40px minmax(0,1fr);padding:15px;gap:10px 12px}.nk-access-workspace .nk-access-avatar{width:40px;height:40px;grid-column:1;grid-row:1}.nk-access-workspace .nk-access-person{grid-column:2;grid-row:1;flex-basis:auto}.nk-access-workspace .nk-access-role{grid-column:2;grid-row:2;justify-self:start;margin:0}.nk-access-workspace .nk-access-row>button{grid-column:2;justify-self:start;margin:2px 0 0}.nk-access-workspace .nk-access-toolbar{gap:12px;align-items:center}.nk-access-workspace .nk-access-toolbar p{line-height:1.7}}
