.presence-panel{background:#fff;border:1px solid #e1e5ec;border-radius:12px;padding:25px;margin:20px 0}.presence-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.presence-heading h2{font-size:20px}.presence-heading p,.presence-foot,.presence-mine span{font-size:12px;color:#7e889a;line-height:1.8;margin-top:8px}.presence-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0}.presence-stats>div{padding:16px;background:#f6f8fb;border-radius:9px}.presence-stats span{font-size:12px;color:#7e889a}.presence-stats strong{display:block;font-size:25px;margin-top:8px}.presence-controls{display:flex;gap:12px;flex-wrap:wrap}.presence-controls input{flex:2;min-width:160px}.presence-controls select{flex:1;min-width:130px}.presence-mine{display:flex;gap:20px;align-items:center;margin-bottom:22px}.presence-mine label{display:flex;align-items:center;gap:10px;white-space:nowrap}.presence-mine select{margin:0;width:auto;min-width:140px}.presence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.presence-person{border:1px solid #e5e9f0;border-radius:11px;padding:20px;min-width:0}.presence-person-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.presence-avatar{width:42px;height:42px;background:#f1f3f9;border-radius:10px;display:grid;place-items:center;flex-shrink:0;font-size:19px;font-weight:700}.presence-name{font-size:16px;word-break:break-word;color:#263d4d}.presence-name.presence-role-site_admin,.presence-avatar.presence-role-site_admin{color:#542778}.presence-name.presence-role-boss,.presence-avatar.presence-role-boss{color:#c3313e}.presence-name small{font-size:10px;color:#8b94a3}.presence-role-line{font-size:11px;color:#8590a1;line-height:1.8;margin-top:4px}.presence-badge{margin-left:auto;padding:5px 8px;background:#eef4ee;color:#3a744c;font-size:11px;border-radius:6px;white-space:nowrap}.presence-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:5px}.presence-status-offline{background:#f0f1f4;color:#9299a7}.presence-status-serving,.presence-status-busy{background:#fff0e6;color:#ba692c}.presence-status-away,.presence-status-idle{background:#faf5df;color:#9a862f}.presence-detail,.presence-work{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#7e889a;line-height:1.8;margin-top:18px}.presence-work{padding:10px;border-radius:6px;background:#f6f8fb;margin-top:10px}.presence-person details{margin-top:15px;font-size:11px;color:#8490a1}.presence-person details p{margin-top:10px;line-height:1.9;font-size:11px}.presence-empty{padding:45px;text-align:center;color:#8994a3}#presenceError{font-size:12px;color:#b14a54;margin-top:10px}@media(max-width:1050px){.presence-grid{grid-template-columns:1fr}}@media(max-width:650px){.presence-panel{padding:18px}.presence-heading{align-items:flex-start;flex-wrap:wrap}.presence-heading button{padding:8px}.presence-stats{grid-template-columns:repeat(3,1fr);gap:8px}.presence-stats>div{padding:12px}.presence-mine{flex-wrap:wrap;gap:8px}.presence-person{padding:16px}.presence-name{font-size:15px}.presence-controls select{min-width:100px}.presence-controls input{flex-basis:100%}.presence-avatar{width:35px;height:35px}.presence-badge{margin-left:0}}