/* Reference lock: Attio people density + The Org area navigation + GBC glass material. */
.adminmain.people-workspace{display:flex;flex-direction:column;padding:22px;overflow:hidden;background:linear-gradient(140deg,#f3f9ffe6,#e5f0f9c9);border:1px solid #fff;border-radius:18px;min-height:0}
.people-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0;margin-bottom:20px}.people-kicker{font-size:8px;letter-spacing:1.7px;color:#8aa1b4;font-weight:650}.people-heading h1{font-size:26px;line-height:1.2;letter-spacing:-.8px;color:#2c506d;margin:7px 0 0}.people-heading p{font-size:11px;color:#8099ae;margin:7px 0 0}.people-heading>button{height:33px;padding:0 12px;gap:7px;font-size:10px;border-radius:10px}.people-workspace svg{width:16px;height:16px;flex-shrink:0}.people-workspace-body{display:grid;grid-template-columns:170px minmax(310px,1fr) 250px;gap:0;border:1px solid #fff;border-radius:14px;overflow:hidden;flex:1;min-height:0;background:#f8fcff80}
.people-scopes{background:#dfebf58c;border-right:1px solid #d4e3ef;display:flex;flex-direction:column;min-height:0}.people-scope-title{display:flex;align-items:center;justify-content:space-between;padding:18px 14px 13px;font-size:11px;color:#6d8ba3;font-weight:650}.people-scope-title>span{font-size:9px;background:#d1e2ef;border:1px solid #c4d9e9;padding:2px 5px;border-radius:5px}.people-scopes-content{overflow:auto;flex:1;padding:0 7px 14px}.people-scopes-content>button{display:flex;align-items:center;gap:8px;width:100%;height:33px;min-height:33px;border:1px solid transparent;box-shadow:none;background:transparent;border-radius:8px;padding:0 8px;color:#7390a6;text-align:left;font-size:10px;white-space:nowrap}.people-scopes-content>button span:not(.people-scope-dot){flex:1;overflow:hidden;text-overflow:ellipsis}.people-scopes-content>button b{font-size:9px;font-weight:500;color:#9aafbe}.people-scopes-content>button.on{background:#ffffffc4;border-color:#fff;color:#3e759e;box-shadow:0 2px 5px #3e6d9209}.people-scopes-content svg{width:14px;height:14px}.people-scopes-content h2{font-size:8px;letter-spacing:1px;color:#90a7b9;text-transform:uppercase;margin:21px 8px 8px}.people-scope-dot{width:5px;height:5px;border-radius:50%;background:#93b6d2;margin:0 4px}.people-scope-foot{display:flex;gap:7px;align-items:center;border-top:1px solid #cfdfed;padding:12px 10px;color:#88a1b5;font-size:8px;line-height:1.8}.people-scope-foot b{font-weight:500;color:#6388a4}
.people-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fafdff99}.people-toolbar{padding:13px 15px 11px;border-bottom:1px solid #deE8f2;flex-shrink:0}.people-search{margin:0;display:flex;align-items:center;gap:8px;padding:0 10px;height:35px;border:1px solid #d6e3ee;border-radius:9px;background:#ffffffbd}.people-search svg{color:#97acbd;width:15px;height:15px}.people-search input{border:0!important;box-shadow:none!important;background:transparent;width:100%;min-width:0;padding:0;font-size:11px;height:100%;outline:none;color:#52738e}.people-search:focus-within{border-color:#7fa9c9;box-shadow:0 0 0 2px #93b5d115}.people-filter-row{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.people-filter-row>label{margin:0;font-size:9px;color:#8a9fb0;display:flex;align-items:center;gap:6px}.people-filter-row .select-trigger{height:26px!important;font-size:9px!important;min-width:90px!important;max-width:125px;padding:0 7px;gap:7px;border-radius:7px}.people-result-count{font-size:9px;color:#94a9b9;margin-left:auto}
.people-list{flex:1;min-height:0;overflow:auto}.people-table-head,.people-row{display:grid;grid-template-columns:minmax(145px,1.4fr) minmax(95px,1fr) minmax(90px,1fr) 57px;align-items:center;column-gap:10px;padding:0 15px}.people-table-head{height:32px;background:#edf4fa;color:#8aa1b4;font-size:8px;letter-spacing:.3px;position:sticky;top:0;z-index:1;border-bottom:1px solid #dfE9f2}.people-row{min-height:66px;border-bottom:1px solid #e5edf5;position:relative;background:#ffffff38}.people-row.selected{background:#e6f0f9b3;box-shadow:inset 2px 0 0 #77a4c7}.people-person{display:flex;align-items:center;gap:9px;background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 0;height:auto!important;text-align:left;min-width:0;white-space:normal;justify-content:flex-start}.people-person>span:last-child{min-width:0}.people-person strong{display:block;font-size:11px;font-weight:600;line-height:1.5;color:#3c6281}.people-person small{display:block;font-size:9px;font-weight:400;color:#91a5b5;line-height:1.5}.people-avatar{width:31px;height:33px;flex:0 0 31px;display:grid;place-items:center;border:1px solid #c2d8e9;border-radius:10px;background:linear-gradient(135deg,#e0edf8,#c7deee);color:#6288a5;font-size:9px;font-weight:650}.people-row:nth-child(3n) .people-avatar{background:linear-gradient(135deg,#dfe6fa,#cbd6ed);color:#7a88af}.people-area{min-width:0}.people-area strong,.people-area span{display:block;font-size:9px;font-weight:400;line-height:1.7;color:#7995aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-area span{color:#9cafbd;font-size:8px}.people-status{display:inline-flex;align-items:center;gap:5px;font-size:8px;color:#6d9683;white-space:nowrap}.people-status i{width:5px;height:5px;border-radius:50%;background:#2cb18b}.people-status[data-status=pause]{color:#ad9151}.people-status[data-status=pause] i{background:#dbb04d}.people-status[data-status=away]{color:#af8192}.people-status[data-status=away] i{background:#ca7c97}.people-status.muted{color:#a0b0be;white-space:normal;line-height:1.5}.people-row-actions{display:flex;align-items:center;gap:4px}.people-icon{display:grid;place-items:center;flex:0 0 25px;width:25px;height:26px;min-width:25px;padding:4px;border:1px solid #d6e4f0;background:#f7fbffd9;box-shadow:none;border-radius:7px;color:#7f9db4}.people-icon svg{width:14px;height:14px}.people-icon.starred{color:#c3a251;background:#f9f3e5;border-color:#eee0bd}.people-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 15px;border-top:1px solid #deE8f1;background:#edf5fbc9;flex-shrink:0;color:#96aab9;font-size:8px}.people-pagination>div{display:flex;gap:5px}.people-pagination button{height:25px;font-size:9px;border-radius:7px;padding:0 7px;background:#f9fcff;color:#7899b0;border-color:#d2e2ee}.people-demo-note{font-size:8px;color:#96abba;margin:0;padding:8px 15px;background:#eff6fb8c;line-height:1.6;flex-shrink:0}
.people-detail{border-left:1px solid #d5e4ef;background:linear-gradient(160deg,#f0f7fcd9,#e5f0f8bf);overflow:auto;min-width:0;padding:0 16px 15px}.people-detail-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8ca4b6;padding:13px 0}.people-detail-top>.people-icon{border:0;background:transparent}.people-identity{text-align:center;padding:14px 0 19px}.people-avatar.large{width:56px;height:59px;font-size:18px;border-radius:19px;margin:0 auto;box-shadow:inset 0 1px 0 #fff,0 4px 9px #547c970a}.people-identity h2{font-size:16px;color:#456b87;letter-spacing:-.3px;margin:13px 0 4px}.people-identity p{font-size:10px;color:#8ba2b3;margin:0 0 9px;line-height:1.5}.people-detail-actions{display:flex;flex-direction:column;gap:6px}.people-detail-actions>button{display:flex;align-items:center;justify-content:center;gap:7px;height:30px;min-height:30px;font-size:10px;border-radius:9px;background:#f8fcffb8;border-color:#cddfeb;color:#7091aa}.people-detail-actions>button.primary{color:#fff;background:linear-gradient(135deg,#5e95bd,#3f7aa6);border-color:#4c82ab}.people-detail-actions svg{width:14px;height:14px}.people-self{text-align:center;font-size:10px;color:#8aa2b3;padding:5px}.people-facts{margin:19px 0 0;border-top:1px solid #d2e3ef}.people-facts>div{padding:11px 0;border-bottom:1px solid #d9e6f0}.people-facts dt{font-size:8px;color:#9aafbe;margin-bottom:5px}.people-facts dd{margin:0;font-size:10px;color:#6f8ca4;line-height:1.5;overflow-wrap:anywhere}.people-edit{height:28px;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;font-size:9px;color:#7597ae;background:#edf5fb;border-color:#d3e3ef;border-radius:8px;margin-top:15px}.people-edit svg{width:13px;height:13px}.people-detail-note{display:flex;gap:7px;align-items:flex-start;margin-top:20px;color:#96adbd}.people-detail-note svg{width:14px;height:14px;margin-top:2px}.people-detail-note p{font-size:8px;line-height:1.8;margin:0}.people-no-selection{font-size:11px;color:#8ba4b6;line-height:1.8;padding-top:20px}
@media(hover:hover){.people-row:hover{background:#eef6fc99}.people-scopes-content button:hover{background:#ffffff75}.people-icon:hover{background:#e4f0fa;color:#547f9f}.people-person:hover{transform:none}}
@media(max-width:1280px){.people-workspace-body{grid-template-columns:150px minmax(320px,1fr) 220px}.people-detail{padding-left:13px;padding-right:13px}.people-row,.people-table-head{grid-template-columns:minmax(140px,1.3fr) minmax(85px,1fr) 78px 55px;column-gap:7px;padding-left:12px;padding-right:12px}}
@media(max-width:1100px){.people-workspace-body{grid-template-columns:145px minmax(280px,1fr)}.people-detail{display:none}.people-heading h1{font-size:24px}.people-row,.people-table-head{grid-template-columns:minmax(135px,1.3fr) minmax(85px,1fr) 78px 55px}}
@media(max-width:800px){.adminmain.people-workspace{padding:17px 12px}.people-workspace-body{grid-template-columns:125px minmax(0,1fr)}.people-row,.people-table-head{grid-template-columns:minmax(120px,1fr) 77px 51px}.people-row>.people-area,.people-table-head>span:nth-child(2){display:none}.people-scopes-content>button{font-size:9px}.people-scopes-content>button b{font-size:8px}.people-heading p{font-size:10px}}
@media(max-width:600px){.people-workspace-body{grid-template-columns:minmax(0,1fr)}.people-scopes{display:none}.people-heading{margin-bottom:14px;align-items:flex-end}.people-heading h1{font-size:23px}.people-heading>button{font-size:0;width:31px;height:31px;padding:6px}.people-heading>button svg{width:17px;height:17px}.people-toolbar{padding:11px}.people-filter-row{gap:7px}.people-filter-row>label{font-size:8px}.people-filter-row .select-trigger{min-width:86px!important;max-width:110px}.people-result-count{font-size:8px}.people-table-head,.people-row{padding:0 10px;column-gap:6px;grid-template-columns:minmax(120px,1fr) 73px 52px}.people-person{gap:7px}.people-person strong{font-size:10px}.people-person small{font-size:8px}.people-avatar{width:27px;height:29px;flex-basis:27px;font-size:8px;border-radius:9px}.people-status{font-size:7px}.people-row{min-height:64px}.people-pagination{padding:9px 10px;font-size:8px}.people-pagination button{font-size:8px;padding:0 5px}.people-search input{font-size:10px}}
