.ofc{--ofc-ink:#0b141b;--ofc-mouth:#8b4a3c;--ofc-desk:#6b5440;--ofc-desk-shade:#4a3a2d;--ofc-key:#9fb1bc;--ofc-rack:#1d2c38;--ofc-rack-unit:#2b4050;--ofc-screen-off:#2a3a46;--ofc-floor:color-mix(in srgb, var(--surface) 88%, var(--text) 12%);--ofc-wall:var(--surface-2);color:var(--text);font-variant-numeric:tabular-nums;gap:20px;display:grid}:root[data-theme=light] .ofc{--ofc-screen-off:#b9c7cf;--ofc-rack:#34495a;--ofc-rack-unit:#4c6475}@media (prefers-color-scheme:light){:root:not([data-theme]) .ofc{--ofc-screen-off:#b9c7cf;--ofc-rack:#34495a;--ofc-rack-unit:#4c6475}}:root[data-theme=dark] .ofc[data-scene=night]{--ofc-floor:color-mix(in srgb, var(--surface) 94%, #000 6%);--ofc-wall:color-mix(in srgb, var(--surface-2) 82%, #050a12 18%)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .ofc[data-scene=night]{--ofc-floor:color-mix(in srgb, var(--surface) 94%, #000 6%);--ofc-wall:color-mix(in srgb, var(--surface-2) 82%, #050a12 18%)}}:root[data-theme=light] .ofc[data-scene=night]{--ofc-wall:color-mix(in srgb, var(--surface-2) 90%, #6f86a8 10%)}@media (prefers-color-scheme:light){:root:not([data-theme]) .ofc[data-scene=night]{--ofc-wall:color-mix(in srgb, var(--surface-2) 90%, #6f86a8 10%)}}.ofc[data-scene=day]{--ofc-floor:color-mix(in srgb, var(--surface) 82%, var(--text) 18%)}.ofc h2{letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:600}.ofc h3{margin:0;font-size:.875rem;font-weight:600}.ofc-quiet{color:var(--muted)}.ofc-small{font-size:.75rem;line-height:1.4}.ofc-block{display:block}.ofc-num{font-variant-numeric:tabular-nums}.ofc-mono{font-family:ui-monospace,monospace;font-size:.75rem}.ofc ::selection{background:color-mix(in srgb, var(--accent) 35%, transparent);color:var(--text)}.ofc :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ofc-demo{border:1px solid var(--state-attention);color:var(--state-attention);background:color-mix(in srgb, var(--state-attention) 10%, var(--surface));border-radius:var(--central-radius);padding:10px 14px;font-weight:600}.ofc-notice,.ofc-filter{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--central-radius);flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:10px 14px;font-size:.875rem;display:flex}.ofc-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ofc-feed{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.ofc-dot{background:var(--state-unavailable);border-radius:50%;width:8px;height:8px}.ofc-feed[data-feed=live] .ofc-dot{background:var(--state-ok)}.ofc-feed[data-feed=stale] .ofc-dot{background:var(--state-attention)}.ofc-feed[data-feed=offline] .ofc-dot,.ofc-feed[data-feed=unauthorized] .ofc-dot{background:var(--state-failure)}.ofc-feed[data-feed=stale],.ofc-feed[data-feed=offline]{border-color:var(--state-attention)}.ofc-chip{border:1px solid var(--border);border-radius:999px;margin:0;padding:4px 10px;font-size:.75rem;display:inline-block}[data-tone=attention]{color:var(--state-failure)}[data-tone=working]{color:var(--state-ok)}[data-tone=reviewing]{color:var(--state-unmonitored)}[data-tone=awaiting_owner],[data-tone=awaiting]{color:var(--state-attention)}[data-tone=idle],[data-tone=queued]{color:var(--muted)}.ofc-chip[data-tone=attention]{border-color:var(--state-failure)}.ofc-empty{border:1px solid var(--border);border-radius:var(--central-radius);padding:20px}.ofc-plan{border:1px solid var(--border);border-radius:var(--central-radius);background:var(--ofc-wall);gap:12px;padding:16px;display:grid}.ofc-plan-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ofc-plan-head p{margin:0;font-size:.8125rem}.ofc-floor{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:24px 24px;background-color:var(--ofc-floor);background-position:-1px -1px;border-radius:4px;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;padding:10px;display:grid}.ofc-room{background:var(--surface);border:1px solid var(--border-strong);border-radius:4px;align-content:start;gap:6px;min-width:0;padding:8px;display:grid}.ofc-room[data-product=pilot]{grid-column:span 4}.ofc-room[data-product=central]{grid-column:span 6}.ofc-room-servers{grid-column:span 2}.ofc-room[data-product=academy]{grid-column:span 4}.ofc-room[data-product=drainage],.ofc-room[data-product=growth],.ofc-room-meeting,.ofc-room-pantry{grid-column:span 2}.ofc-room[data-product=pilot]{order:1}.ofc-room[data-product=central]{order:2}.ofc-room-servers{order:3}.ofc-room[data-product=academy]{order:4}.ofc-room[data-product=drainage]{order:5}.ofc-room[data-product=growth]{order:6}.ofc-room-meeting{order:7}.ofc-room-pantry{order:8}.ofc-room-name{color:var(--text-2);text-transform:none;font-size:.75rem}.ofc-room-button{all:unset;cursor:pointer;min-height:32px;color:var(--text);border-radius:4px;align-items:center;gap:6px;margin:-2px -6px;padding:0 6px;font-size:.8125rem;font-weight:600;display:inline-flex}.ofc-room-button:hover{background:var(--surface-2)}.ofc-room-button[aria-pressed=true]{background:var(--atlas-nav-active);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.ofc-room-button:focus-visible{outline:2px solid var(--accent)}.ofc-count{color:var(--muted);font-size:.75rem;font-weight:500}.ofc-desks,.ofc-racks{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.ofc-racks{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.ofc-desk{all:unset;box-sizing:border-box;cursor:pointer;width:100%;min-height:44px;transition:background var(--central-motion), border-color var(--central-motion);border:1px solid #0000;border-radius:4px;justify-items:start;gap:2px;padding:6px;display:grid}.ofc-desk:hover:not(:disabled){background:var(--surface-2)}.ofc-desk[aria-pressed=true]{border-color:var(--accent);background:var(--atlas-nav-active)}.ofc-desk:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ofc-desk:disabled{cursor:default}.ofc-desk-name{color:var(--text);font-size:.75rem;font-weight:600;line-height:1.25}.ofc-desk-state{font-size:.6875rem;line-height:1.3}.ofc-px{width:100%;max-width:68px;height:auto;image-rendering:pixelated;shape-rendering:crispedges;display:block}.ofc-rack{max-width:40px}.ofc-room-meeting .ofc-px{max-width:112px}.ofc-room-pantry .ofc-px{max-width:96px}.ofc-desk[data-state=idle] .ofc-px{opacity:.72}@keyframes ofc-type{0%,49%{transform:translateY(0)}50%,to{transform:translateY(-1px)}}@keyframes ofc-code{0%{opacity:1}50%{opacity:.35}to{opacity:1}}@keyframes ofc-lamp{0%,60%{opacity:1}61%,to{opacity:.25}}@keyframes ofc-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.ofc[data-motion=on] .ofc-type{animation:.5s step-end infinite ofc-type}.ofc[data-motion=on] .ofc-code{animation:1.2s steps(2,end) infinite ofc-code}.ofc[data-motion=on] .ofc-rack[data-active] .ofc-lamp{animation:.9s step-end infinite ofc-lamp;animation-delay:var(--ofc-delay,0s)}.ofc[data-motion=on] .ofc-bubble{animation:1.4s ease-in-out infinite ofc-bob}@media (prefers-reduced-motion:reduce){.ofc .ofc-type,.ofc .ofc-code,.ofc .ofc-lamp,.ofc .ofc-bubble{animation:none!important}}.ofc-work{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:16px;display:grid}.ofc-board{gap:10px;min-width:0;display:grid}.ofc-columns{grid-template-columns:repeat(6,minmax(150px,1fr));gap:8px;padding-bottom:4px;display:grid;overflow-x:auto}.ofc-column{background:var(--surface);border:1px solid var(--border);border-radius:var(--central-radius);align-content:start;gap:8px;min-height:120px;padding:8px;display:grid}.ofc-column ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ofc-column-name{color:var(--text-2);justify-content:space-between;font-size:.75rem;display:flex}.ofc-column[data-column=awaiting_owner]{border-color:color-mix(in srgb, var(--state-attention) 55%, var(--border))}.ofc-column[data-column=failed] .ofc-column-name{color:var(--state-failure)}.ofc-card{all:unset;box-sizing:border-box;cursor:pointer;background:var(--surface-2);border:1px solid #0000;border-radius:4px;gap:3px;width:100%;min-height:44px;padding:8px;display:grid}.ofc-card:hover{border-color:var(--border-strong)}.ofc-card[aria-current=true]{border-color:var(--accent)}.ofc-card:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ofc-card-title{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8125rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.ofc-inspector{background:var(--surface);border:1px solid var(--border);border-radius:var(--central-radius);outline:none;gap:10px;max-height:calc(100vh - 32px);padding:14px;display:grid;position:sticky;top:16px;overflow:auto}.ofc-inspector:focus-visible{box-shadow:0 0 0 2px var(--accent)}.ofc-inspector-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ofc-facts{gap:6px;margin:0;display:grid}.ofc-facts>div{grid-template-columns:110px minmax(0,1fr);gap:8px;font-size:.8125rem;display:grid}.ofc-facts dt{color:var(--muted)}.ofc-facts dd{overflow-wrap:anywhere;margin:0}.ofc-sub{color:var(--text-2);margin-top:4px;font-size:.8125rem}.ofc-roles{gap:4px;margin:0;padding:0;list-style:none;display:grid}.ofc-roles li{align-items:center;gap:8px;min-height:28px;font-size:.8125rem;display:flex}.ofc-step{border:1px solid var(--border-strong);background:0 0;flex:none;width:10px;height:10px}.ofc-roles li[data-step=done] .ofc-step{background:var(--state-ok);border-color:var(--state-ok)}.ofc-roles li[data-step=now] .ofc-step{background:var(--accent);border-color:var(--accent)}.ofc-roles li[data-step=failed] .ofc-step{background:var(--state-failure);border-color:var(--state-failure)}.ofc-roles li[data-step=todo]{color:var(--muted)}.ofc-timeline{gap:4px;margin:0;padding:0;font-size:.75rem;list-style:none;display:grid}.ofc-timeline li{border-top:1px solid var(--border);grid-template-columns:max-content minmax(0,1fr);gap:8px;padding-top:4px;display:grid}.ofc-timeline time{color:var(--muted);font-variant-numeric:tabular-nums}.ofc-actions{flex-wrap:wrap;gap:8px;display:flex}.ofc-actions form{margin:0}.ofc-lower{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.ofc-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--central-radius);gap:10px;min-width:0;padding:14px;display:grid}.ofc-list{gap:6px;margin:0;padding:0;font-size:.8125rem;list-style:none;display:grid}.ofc-tally{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:0;display:grid}.ofc-tally>div{border-top:1px solid var(--border);padding-top:6px}.ofc-tally dt{color:var(--muted);font-size:.75rem}.ofc-tally dd{letter-spacing:-.03em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.75rem;line-height:1.1}.ofc-form{gap:10px;display:grid}.ofc-field{color:var(--muted);gap:4px;min-width:0;font-size:.8125rem;display:grid}.ofc-field input,.ofc-field select,.ofc-field textarea{border:1px solid var(--border);background:var(--surface-2);min-height:44px;color:var(--text);font:inherit;box-sizing:border-box;border-radius:4px;width:100%;padding:8px 10px;font-size:.875rem}.ofc-field textarea{resize:vertical}.ofc-field input:focus-visible,.ofc-field select:focus-visible,.ofc-field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ofc-check{align-items:center;gap:8px;min-height:44px;font-size:.8125rem;display:flex}.ofc-check input{width:18px;height:18px;accent-color:var(--accent)}.ofc-tools{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.ofc-tools .ofc-field{flex:200px}.ofc-attn{all:unset;box-sizing:border-box;cursor:pointer;background:var(--surface);border:1px solid;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-size:.8125rem;display:inline-flex}.ofc-attn:hover{background:var(--surface-2)}.ofc-attn[data-tone=awaiting]{color:var(--state-attention)}.ofc-attn[data-tone=attention]{color:var(--state-failure)}.ofc-attn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ofc-feed[data-feed=demo]{border-color:var(--state-attention);color:var(--state-attention)}.ofc-feed[data-feed=demo] .ofc-dot{background:var(--state-attention)}.ofc-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ofc-list li[data-tone] .ofc-link{color:inherit}.ofc-link{all:unset;cursor:pointer;color:var(--accent);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.ofc-link:focus-visible{outline:2px solid var(--accent)}.ofc-table-wrap{overflow-x:auto}.ofc-table{border-collapse:collapse;width:100%;font-size:.8125rem}.ofc-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border-strong);padding:6px 8px;font-weight:500}.ofc-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:8px}.ofc-settings summary{cursor:pointer;align-items:center;min-height:32px;font-weight:600;display:flex}.ofc-toasts{z-index:60;gap:8px;max-width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.ofc-toast{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--central-radius);align-items:center;gap:10px;margin:0;padding:10px 12px;font-size:.8125rem;display:flex;box-shadow:0 8px 24px #00000047}.ofc-toast[data-tone=failed]{border-color:var(--state-failure)}.ofc-toast[data-tone=awaiting]{border-color:var(--state-attention)}.ofc-toast span{flex:1}.ofc-x{all:unset;cursor:pointer;border-radius:4px;place-items:center;width:32px;height:32px;font-size:1.1rem;display:grid}.ofc-x:hover{background:var(--surface-2)}@media (max-width:1180px){.ofc-room[data-product=pilot],.ofc-room[data-product=academy]{grid-column:span 6}.ofc-room[data-product=central]{grid-column:span 12}.ofc-room-servers{grid-column:span 6}.ofc-room[data-product=drainage],.ofc-room[data-product=growth],.ofc-room-meeting,.ofc-room-pantry{grid-column:span 3}.ofc-work{grid-template-columns:minmax(0,1fr)}.ofc-inspector{max-height:none;position:static}.ofc-lower{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ofc-lower>:last-child{grid-column:1/-1}}@media (max-width:720px){.ofc-plan{padding:10px}.ofc-floor{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px}.ofc-floor>.ofc-room{grid-column:span 2!important}.ofc-floor>.ofc-room[data-product=drainage],.ofc-floor>.ofc-room[data-product=growth],.ofc-floor>.ofc-room-meeting,.ofc-floor>.ofc-room-pantry{grid-column:span 1!important}.ofc-desks{grid-template-columns:repeat(2,minmax(0,1fr))}.ofc-columns{scroll-snap-type:x mandatory;grid-template-columns:repeat(6,minmax(78vw,1fr))}.ofc-column{scroll-snap-align:start}.ofc-lower{grid-template-columns:minmax(0,1fr)}.ofc-facts>div{grid-template-columns:96px minmax(0,1fr)}.ofc-toasts{left:16px;right:16px}}
