/* Office-network presence: passive indicators, never an attendance certificate. */
.pofis-office-presence{margin:16px 0 20px;padding:20px 21px 17px;overflow:hidden}
.pofis-office-presence-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}
.pofis-office-presence-kicker{display:block;font-size:10px;font-weight:850;letter-spacing:1.7px;color:#74887b}
.pofis-office-presence h2{font-size:21px;margin:4px 0 0}
.pofis-office-presence-total{white-space:nowrap;background:#e4f4e7;color:#22613d;font-size:12px;font-weight:850;border-radius:30px;padding:8px 12px}
.pofis-office-people{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 9px}
.pofis-office-person{display:flex;flex-direction:column;align-items:center;min-width:0;gap:5px;padding:6px 4px 9px;text-align:center}
.pofis-office-person-avatar{display:flex;justify-content:center;align-items:flex-end;position:relative;height:86px;width:100%;overflow:visible}
.pofis-office-person-avatar img{height:100%;width:100%;max-width:102px;object-fit:contain;object-position:center bottom;filter:grayscale(1) brightness(.83) opacity(.72);transition:filter .25s}
.pofis-office-person.is-office .pofis-office-person-avatar img{filter:grayscale(0) opacity(1) drop-shadow(0 3px 8px #8cc6a344)}
.pofis-office-avatar-fallback{display:grid;place-items:center;width:70px;height:70px;margin:auto auto 0;background:#ebedeb;color:#667b6d;font-weight:800;border-radius:50%}
.pofis-office-person-name{font-size:12px;font-weight:850;line-height:1.2;min-height:29px;overflow-wrap:anywhere}
.pofis-office-person-status{font-size:10px;font-weight:750;display:inline-flex;justify-content:center;align-items:center;gap:5px;white-space:nowrap;color:#84908a}
.pofis-office-person-dot{width:7px;height:7px;background:#a8b1ad;border-radius:50%;flex-shrink:0}
.pofis-office-person.is-office .pofis-office-person-status{color:#22864a}
.pofis-office-person.is-office .pofis-office-person-dot{background:#2ed571;box-shadow:0 0 0 3px #43d77723}
.pofis-office-presence-hint{margin:14px 0 0;text-align:center;font-size:11px;color:#8b9690}
html[data-theme="dark"] .pofis-office-presence-total{background:#204b36;color:#adf2c0}
html[data-theme="dark"] .pofis-office-presence-kicker{color:#a2b0a5}
html[data-theme="dark"] .pofis-office-avatar-fallback{background:#37413c;color:#ced7d0}
html[data-theme="dark"] .pofis-office-person.is-office .pofis-office-person-status{color:#91eda9}
html[data-theme="dark"] .pofis-office-presence-hint{color:#9eaba1}
@media(max-width:750px){.pofis-office-people{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 5px}.pofis-office-presence{padding:16px 11px}}
@media(max-width:430px){.pofis-office-people{grid-template-columns:repeat(3,minmax(0,1fr))}.pofis-office-person-avatar{height:76px}.pofis-office-person-name{font-size:11px}}