/* People (HR): employee records, My employment, My team, HR access, HR activity log (js/people.js) */
.pp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.pp-stat{display:flex;flex-direction:column;gap:5px;margin:0}
.pp-stat span{font-size:12px;color:var(--mute)}
.pp-stat b{font-size:24px}
.pp-stat.warn b{color:var(--waitInk)}
.pp-tools{display:grid;grid-template-columns:minmax(160px,1fr) auto auto;gap:10px;margin-bottom:12px}
.pp-tablewrap{overflow-x:auto;margin:0 -6px}
.pp-table{width:100%;border-collapse:collapse;font-size:14px}
.pp-table th{font-size:12.5px}
.pp-table td{vertical-align:middle;white-space:normal}
.pp-table td.nw{white-space:nowrap}
.pp-table tbody tr[tabindex]{cursor:pointer}
.pp-table tbody tr[tabindex]:hover td,.pp-table tbody tr[tabindex]:focus-visible td{background:var(--soft)}
.pp-table .pp-det{color:var(--mute);font-size:13px;min-width:160px}
.pp-who{display:flex;align-items:center;gap:10px;min-width:180px}
.pp-who b{display:block;font-weight:600}
.pp-st{display:inline-block;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--soft2);color:var(--mute);white-space:nowrap}
.pp-st.active{background:var(--goSoft);color:var(--goInk)}
.pp-st.on_leave,.pp-st.pending{background:var(--waitSoft);color:var(--waitInk)}
.pp-st.suspended,.pp-st.separated,.pp-st.declined{background:var(--stopSoft);color:var(--stopInk)}
.pp-st.none{background:transparent;border:1px dashed var(--line2)}
.pp-rechead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 16px}
.pp-recid{display:flex;align-items:center;gap:12px;flex:1;min-width:240px;flex-wrap:wrap}
.pp-recid h2{margin:0;font-size:20px}
.pp-recid p{margin:2px 0 0}
.pp-rechead > button:not(.ghost){display:inline-flex;align-items:center;gap:6px}
.pp-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:16px;align-items:start}
.pp-sec h3,.pp-save h3,.pp-hist h3,.card > h3{margin:0 0 12px;font-size:15px}
.pp-dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 18px;margin:0}
.pp-dl > div.wide{grid-column:1/-1}
.pp-dl dt{font-size:12px;color:var(--mute);margin:0 0 3px}
.pp-dl dd{margin:0;font-size:14px;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere}
.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 14px}
.pp-f.wide{grid-column:1/-1}
.pp-f label{margin-top:6px}
.pp-f textarea{resize:vertical}
.pp-save{border-color:var(--pri)}
.pp-meta{margin:4px 4px 16px}
.pp-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.pp-tl > li{border-left:2px solid var(--line);padding-left:12px}
.pp-tl p{margin:3px 0 0}
.pp-hh{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.pp-kind{font-weight:700;font-size:13.5px}
.pp-ch{margin:6px 0 0;padding:0;list-style:none;font-size:13px;display:flex;flex-direction:column;gap:3px}
.pp-ch b{font-weight:600}
.pp-note{font-size:13px;white-space:pre-wrap}
.pp-banner{border-color:var(--line2)}
.pp-banner p{margin:0}
.pp-banner.warn{background:var(--waitSoft);border-color:transparent;color:var(--waitInk)}
.pp-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pp-role{margin:0}
.pp-role p{margin:6px 0 0}
.pp-h{margin:20px 2px 10px;font-size:15px}
.pp-acc{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.pp-acc:first-of-type{border-top:0;padding-top:0}
.pp-acct{flex:1;min-width:220px}
.pp-acct .sub{margin-top:3px}
.pp-aacts{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.pp-an{width:220px;padding:6px 10px;font-size:13px;border-radius:10px}
.pp-ver{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
@media(max-width:1000px){.pp-cols{grid-template-columns:1fr}}
@media(max-width:700px){.pp-stats,.pp-roles{grid-template-columns:1fr}.pp-tools{grid-template-columns:1fr}.pp-an{width:100%}}
/* phase 2: onboarding/offboarding cases, IT requests, change requests, 201 file (js/people2.js) */
.pp-ini{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--soft2);color:var(--mute);font-weight:700;font-size:13px;flex:none}
.pp-ini.lg{width:44px;height:44px;font-size:16px}
.pp-prog{height:6px;border-radius:999px;background:var(--soft2);overflow:hidden;min-width:110px;max-width:180px;margin-bottom:4px}
.pp-prog i{display:block;height:100%;background:var(--pri);border-radius:999px}
.pp-od{color:var(--stopInk);font-weight:700}
.pp-tools2{flex:1;min-width:160px;max-width:240px}
.pp-tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pp-task{border-top:1px solid var(--line)}
.pp-task:first-child{border-top:0}
.pp-task{display:flex;gap:8px;align-items:flex-start}
.pp-task label{flex:1;display:flex;gap:12px;align-items:flex-start;padding:11px 0;margin:0;cursor:pointer;font-weight:400}
.pp-task input[type=checkbox]{margin-top:3px;flex:none;width:18px;height:18px}
.pp-task input:disabled{cursor:default}
.pp-task b{font-weight:600;display:block}
.pp-task .sub{display:block;margin-top:2px}
.pp-task.done b{color:var(--mute);text-decoration:line-through}
.pp-addtask{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.pp-docs{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column}
.pp-docs li{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line)}
.pp-docs li:first-child{border-top:0}
.pp-docs li > div:first-child{flex:1;min-width:160px}
.pp-docs b{font-weight:600;display:block;overflow-wrap:anywhere}
.pp-docs .sub{display:block;margin-top:2px;overflow-wrap:anywhere}
.pp-up{margin-top:8px;border-top:1px solid var(--line);padding-top:10px}
.pp-up summary{cursor:pointer;font-weight:600;margin-bottom:8px}

.pp-tact{display:flex;gap:6px;flex:none;flex-wrap:wrap;justify-content:flex-end;padding:8px 0}
.pp-tbody{flex:1;padding:11px 0}
.pp-tbody b{font-weight:600;display:block}
.pp-tbody .sub{display:block;margin-top:2px}
.pp-tpl.done .pp-tbody b{color:var(--mute);text-decoration:line-through}
.pp-when{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pp-when input{width:76px}
@media(max-width:600px){.pp-task{flex-wrap:wrap}.pp-tact{padding:0 0 8px 30px;justify-content:flex-start}}