.office-layout { align-items:start; }
.office-feed[data-online="true"] .daily-card { display:none; }
.presence-card { border-top: 2px solid #58c7ff; }
.presence-card h3 { color: #58c7ff; }
.presence-empty { color:#93a1b1; font-size:11px; line-height:1.8; margin:14px 0; }
.remote-person-row { width:100%; text-align:left; }
.remote-person-row > span:nth-child(2) { min-width:0; }
.remote-person-row strong, .remote-person-row small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.remote-person-row .remote-agent { color:#ffb44c; background:#352517; font:600 12px ui-monospace,monospace; }
.remote-person-row .remote-human { color:#83d0ff; background:#142b3d; }
.presence-dot { display:inline-block; width:5px; height:5px; background:#51d59a; border-radius:50%; vertical-align:middle; margin-left:4px; }
.remote-colleague-card .remote-kind { display:inline-block; color:#58c7ff; font:11px ui-monospace,monospace; letter-spacing:1px; padding-bottom:8px; }
.remote-colleague-card h3 { font-size:24px; color:#ffb44c; margin:8px 0; }
.remote-colleague-card > p { font-size:12px; margin:12px 0 20px; color:#abb6c4; }
.remote-colleague-card .chat-compose { margin-top:20px; }