:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:#080b12;overflow:hidden}.office-view{background:radial-gradient(circle at 12% -30%,#1e40af40,#0000 44%),#080b12;grid-template-rows:repeat(3,minmax(0,1fr));width:100vw;height:100svh;display:grid;overflow:hidden}.office-lane{border-bottom:1px solid #94a3b82e;align-items:center;min-width:0;display:flex;overflow:hidden}.office-lane:last-child{border-bottom:0}.office-track{align-items:center;width:max-content;display:flex}.office-track.rolling{animation:office-scroll var(--office-scroll-duration) linear infinite}.office-track-copy{align-items:center;gap:18px;padding:12px 9px;display:flex}.office-card{color:#f8fafc;background:#101722;border:2px solid #94a3b85c;border-top-width:8px;border-radius:14px;flex-direction:column;width:340px;height:min(318px,33svh - 24px);display:flex;overflow:hidden;box-shadow:0 12px 28px #00000047}.office-card.tone-normal{border-top-color:#16a34a}.office-card.tone-offline{border-top-color:#dc2626}.office-card.tone-risky{border-top-color:#f59e0b}.office-card.tone-faulty{border-top-color:#ef4444}.office-card.tone-unknown{border-top-color:#94a3b8}.office-card-media{background:linear-gradient(135deg,#334155bf,#0000),repeating-linear-gradient(45deg,#94a3b81a,#94a3b81a 8px,#0000 8px 16px);flex:none;justify-content:center;align-items:center;height:208px;display:flex;position:relative}.office-card-media img{object-fit:cover;width:100%;height:100%}.office-camera-age{color:#fff;background:#16a34aeb;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;position:absolute;top:10px;right:10px}.office-camera-age.stale{background:#dc2626f0}.office-camera-unavailable{color:#cbd5e1;font-size:15px;font-weight:600}.office-card-body{flex-direction:column;flex:1;gap:6px;min-height:0;padding:10px 14px 12px;display:flex}.office-status{color:#e2e8f0;align-items:center;gap:8px;font-size:13px;font-weight:750;display:flex}.office-status-dot{background:#94a3b8;border-radius:50%;flex:none;width:11px;height:11px}.tone-normal .office-status-dot{background:#22c55e}.tone-offline .office-status-dot,.tone-faulty .office-status-dot{background:#f43f5e}.tone-risky .office-status-dot{background:#fbbf24}.office-name{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17px;font-weight:750;line-height:1.22;display:-webkit-box;overflow:hidden}.office-card.compact{border-top-width:6px;width:250px;height:min(278px,33svh - 24px)}.office-card.compact .office-card-media{height:138px}.office-card.compact .office-name{font-size:15px}.office-load-error{color:#fecaca;place-items:center;font-size:32px;font-weight:700;display:grid}@keyframes office-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.office-track.rolling{animation:none}}@media (height<=800px),(width<=1200px){.office-track{gap:0}.office-track-copy{gap:12px;padding:8px 12px}.office-card{width:280px}.office-card-media{height:170px}.office-card.compact{width:210px}}