/* Operation overlays are separate from reagent and assay colors. */
#live-plate-panel{margin:12px 0 16px;padding-top:14px;border-top:1px solid #b8cad845}
.live-plate-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.live-plate-heading h4{margin:0 0 4px;font-size:13px;font-weight:550;color:#334455;overflow-wrap:anywhere}
#live-plate-sample{display:block;font-size:10px;color:#71889b;line-height:1.6;overflow-wrap:anywhere}
#activity-locate{font-size:10px;min-height:28px;padding:4px 8px;white-space:nowrap;background:#ffffff85;border:1px solid white;border-radius:12px;box-shadow:0 3px 9px #7894ae19}
.live-plate-grid{display:grid;grid-template-columns:12px repeat(12,minmax(0,1fr));gap:4px;padding:8px 7px 9px 3px;background:#e7eff57a;border:1px solid #ffffffba;border-radius:14px;box-shadow:inset 1px 1px 6px #8aa3bb15}
.activity-coordinate{font-size:9px;line-height:14px;text-align:center;color:#7c93a5;font-variant-numeric:tabular-nums}
.activity-coordinate.is-current{font-weight:700;color:#6d50bd}
.activity-well{display:flex;align-items:center;justify-content:center;height:16px;min-width:0;border-radius:50%;font-size:10px;line-height:1;color:white;background:#c7d6e147;box-shadow:inset 0 1px 2px #6485a022;border:1px solid #aec3d34d}
[data-state=target]{--operation-color:#348bd6}[data-state=active]{--operation-color:#8060dc}[data-state=confirmed]{--operation-color:#249b78}[data-state=fault]{--operation-color:#d64e6b}
.activity-well[data-state=target],.activity-well[data-state=active],.activity-well[data-state=confirmed],.activity-well[data-state=fault]{background:var(--operation-color);border-color:var(--operation-color);box-shadow:0 1px 5px color-mix(in srgb,var(--operation-color) 22%,transparent)}
.activity-well[data-state=unused]{opacity:.35;border-style:dashed}
.activity-well.is-live[data-state=active]{animation:well-executing 1.3s ease-in-out infinite}
.activity-well.receipt-latest{animation:well-committed 1.5s ease-out 1}
#live-plate-status{display:flex;flex-direction:column;gap:5px;font-size:10px;line-height:1.6;margin:10px 1px 0;color:#71889b}
#live-plate-status [data-state]{color:#506b80}
#live-plate-status [data-state]::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--operation-color,#a6b9c7);margin-right:6px}
.activity-note,.execution-card p.activity-note{font-size:10px;line-height:1.7;color:#71889b;margin:8px 0;min-height:0}
.activity-legend{display:flex;flex-wrap:wrap;gap:7px 12px;margin:8px 0 2px;color:#637b8f;font-size:9px;line-height:1.5}
.activity-legend>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.activity-legend i{width:6px;height:6px;border-radius:50%;background:var(--state-color)}
.scene-operation-key{position:absolute;bottom:12px;right:12px;max-width:260px;border:1px solid #ffffffc9;border-radius:13px;padding:8px 11px;background:#ffffffa6;backdrop-filter:blur(14px);color:#637b8f;font-size:9px;pointer-events:none}
.scene-operation-key .activity-legend{gap:5px 9px;margin:5px 0 0}
.liquid-well[data-state=target],.liquid-well[data-state=active],.liquid-well[data-state=confirmed],.liquid-well[data-state=fault]{border:2px solid var(--operation-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--operation-color) 20%,transparent)}
.assay-well{position:relative;border:2px solid transparent}
.assay-well[data-state=target],.assay-well[data-state=active],.assay-well[data-state=confirmed],.assay-well[data-state=fault]{border-color:var(--operation-color);box-shadow:0 0 0 1px white}
.assay-well[data-state=target]::after,.assay-well[data-state=active]::after,.assay-well[data-state=confirmed]::after,.assay-well[data-state=fault]::after{content:'';position:absolute;right:2px;top:2px;width:5px;height:5px;border-radius:50%;background:var(--operation-color);box-shadow:0 0 0 1px #fff}
@keyframes well-executing{50%{box-shadow:0 0 0 3px #8060dc29;filter:brightness(1.15)}}
@keyframes well-committed{0%{box-shadow:0 0 0 4px #249b7850}100%{box-shadow:0 0 0 0 #249b7800}}
@media(prefers-reduced-motion:reduce){.activity-well.is-live,.activity-well.receipt-latest{animation:none}}
.execution-explanation{margin:12px 0;display:grid;gap:8px;font-size:12px;line-height:1.6}
.execution-explanation>div{display:grid;grid-template-columns:minmax(105px,1fr) minmax(0,3fr);gap:12px}
.execution-explanation dt{color:#526a7c;font-weight:600}.execution-explanation dd{margin:0;color:#2e4558;overflow-wrap:anywhere}
.observability-row[data-state=failed] .execution-card,.observability-row[data-state=blocked] .execution-card{border-color:#bd6a58;background:rgba(255,247,240,.93)}
.assay-causal{white-space:pre-line;padding:12px;border:1px solid #a9bdcc;border-radius:10px;background:#ffffffb8;color:#2e4558;font-size:12px;line-height:1.7;font-variant-numeric:tabular-nums}
@media(max-width:600px){.execution-explanation>div{grid-template-columns:1fr;gap:0}}