.demo-plant{--st-ext:#3b82f6;--st-imp:#f59e0b;--st-lam:#8b5cf6;--st-cor:#10b981;--st-sel:#ec4899;--st-ext-ink:#fff;--st-imp-ink:#231a02;--st-lam-ink:#fff;--st-cor-ink:#06251a;--st-sel-ink:#fff;--pl-navy:#0f172a;--pl-navy-2:#1e293b;--pl-navy-ink:#f1f5f9;--pl-navy-mute:#94a3b8;--pl-accent:#15803d;--pl-accent-ink:#fff}[data-theme=dark] .demo-plant{--st-imp:#c07e00;--st-cor:#0d9e6b;--st-imp-ink:#fff;--st-cor-ink:#fff;--pl-navy:#101a2e;--pl-navy-2:#182440;--pl-navy-ink:#e8edf5;--pl-navy-mute:#8b99b0;--pl-accent:#2ebd6b;--pl-accent-ink:#06130c}.demo-plant .pl-panel{border:1px solid var(--hairline);background:var(--surface);border-radius:16px}.demo-plant .pl-table{border-collapse:collapse;width:100%;font-size:13px}.demo-plant .pl-table th{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);text-align:left;border-bottom:1px solid var(--hairline);white-space:nowrap;padding:8px 12px;font-size:10px;font-weight:500}.demo-plant .pl-table td{border-bottom:1px solid var(--hairline);white-space:nowrap;padding:9px 12px}.demo-plant .pl-table tr:last-child td{border-bottom:none}.demo-plant .pl-table tbody tr{cursor:pointer;transition:background-color .15s}.demo-plant .pl-table tbody tr:hover{background:color-mix(in oklab, var(--ink) 4%, transparent)}.demo-plant .pl-num{font-family:var(--font-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;text-align:right}.demo-plant .pl-chip{border:1px solid var(--hairline);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;transition:border-color .15s,background-color .15s;display:inline-flex}.demo-plant .pl-chip:hover{border-color:color-mix(in oklab, var(--ink) 40%, transparent)}.demo-plant .pl-chip[data-active=true]{background:color-mix(in oklab, var(--pl-accent) 14%, transparent);border-color:var(--pl-accent)}.demo-plant .pl-chip .count{font-family:var(--font-mono), ui-monospace, monospace;color:var(--mute);font-size:10px}.demo-plant .pl-gantt-row{border-bottom:1px solid var(--hairline);position:relative}.demo-plant .pl-gantt-seg{font-family:var(--font-mono), ui-monospace, monospace;white-space:nowrap;cursor:pointer;border-radius:6px;align-items:center;padding:0 8px;font-size:10px;transition:filter .15s,transform .15s;display:flex;position:absolute;top:6px;bottom:6px;overflow:hidden}.demo-plant .pl-gantt-seg:hover{filter:brightness(1.12);transform:translateY(-1px)}.demo-plant .pl-gantt-seg[data-late=true]{box-shadow:inset 0 0 0 2px var(--danger)}.demo-plant .pl-gantt-seg[data-urgent=true]{box-shadow:inset 0 0 0 2px var(--ink)}@keyframes pl-seg-enter{0%{opacity:0;transform:scaleX(.4)}to{opacity:1;transform:scaleX(1)}}.demo-plant .pl-seg-animate{transform-origin:0;animation:.5s cubic-bezier(.22,1,.36,1) both pl-seg-enter}@keyframes pl-health{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--dot,var(--ok)) 50%, transparent)}50%{box-shadow:0 0 0 6px #0000}}.demo-plant .pl-health{animation:2.4s ease-in-out infinite pl-health}