/* Community activity follows a work-order flow across the five buildings. */
[data-property-motion]{--property-window-on:#c5d8ff;--property-done:#70d6ae;--property-wait:#d4b16f;--property-work:#8aabff}
html[data-theme="light"] [data-property-motion]{--property-window-on:#3d7ace;--property-done:#287b60;--property-wait:#8a692d;--property-work:#365da2}
[data-property-ready="true"] .city-building{transform-origin:50% 100%;animation:property-building-rise .85s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--delay)*110ms);animation-play-state:paused}
[data-property-motion].is-property-running .city-building{animation-play-state:running}
[data-property-ready="true"] .city-building i{opacity:.65;transition:opacity .6s,background-color .6s,box-shadow .6s;transition-delay:calc(var(--window-index)*18ms)}
[data-property-motion] .city-building.is-property-active i:nth-child(2n+1){opacity:1;background:var(--property-window-on);box-shadow:0 0 4px color-mix(in srgb,var(--accent) 40%,transparent)}
[data-property-motion] .city-line:after{content:"";position:absolute;inset:-1px;border:1px solid var(--accent);border-radius:inherit;opacity:0;pointer-events:none}
[data-property-motion].is-property-updating .city-line:after{animation:property-ground-signal 1.1s ease-out both}
[data-property-motion] .mock-list>*{min-width:0;overflow-wrap:anywhere}
[data-property-motion] .status-pill{max-width:45%;flex-shrink:0;white-space:normal;text-align:center;transition:color .3s,background-color .3s}
[data-property-state="pending"]{--property-status-ink:var(--property-wait)}
[data-property-state="assigned"]{--property-status-ink:var(--accent)}
[data-property-state="inspecting"],[data-property-state="processing"]{--property-status-ink:var(--property-work)}
[data-property-state="completed"]{--property-status-ink:var(--property-done)}
[data-property-motion] .status-pill[data-property-status]{color:var(--property-status-ink);background:color-mix(in srgb,var(--property-status-ink) 10%,transparent)}
@keyframes property-building-rise{from{opacity:0;transform:skewY(-10deg) scaleY(.08)}to{opacity:1;transform:skewY(-10deg) scaleY(1)}}
@keyframes property-ground-signal{from{opacity:.6;transform:scale(.94)}to{opacity:0;transform:scale(1.14)}}
@media(max-width:700px){[data-property-motion] .city-visual{gap:7px;padding-left:8px;padding-right:8px}[data-property-motion] .city-building{min-width:0;flex:0 1 32px;width:32px;padding-left:6px;padding-right:6px;column-gap:3px;row-gap:5px}[data-property-motion] .city-building i{width:3px}}
@media(prefers-reduced-motion:reduce){[data-property-motion] .city-building{animation:none!important;transform:skewY(-10deg)!important;opacity:1!important}[data-property-motion] .city-line:after{animation:none!important}[data-property-motion] .city-building i{opacity:1;transition:none!important}[data-property-motion] .status-pill{transition:none!important}}