.control-foreground{left:16px;right:16px;top:16px;bottom:16px;display:block;overflow:visible;pointer-events:none}
.control-foreground>.control-trace,.control-foreground>.control-side>.control-policy,.control-foreground>.control-side>.control-approval{position:absolute;top:0;bottom:0;margin:0;box-sizing:border-box;transition:left .48s cubic-bezier(.22,.8,.25,1),width .48s cubic-bezier(.22,.8,.25,1),transform .48s cubic-bezier(.22,.8,.25,1),opacity .32s ease,box-shadow .32s ease,border-color .32s ease}
.control-foreground>.control-trace{left:50%;width:54%;height:auto;transform:translateX(-50%) scale(.97);opacity:0;pointer-events:auto;z-index:12}
.control-stage.sequence-trace-visible .control-trace{opacity:1;transform:translateX(-50%) scale(1)}
.control-side{position:static;display:block;min-width:0;min-height:0}
.control-foreground>.control-side>.control-policy{left:50%;width:34%;min-height:0;height:auto;transform:translateX(-50%) scale(.96);opacity:0;z-index:14;pointer-events:none}
.control-stage.sequence-policy-center .control-trace{left:0;width:58%;transform:none}
.control-stage.sequence-policy-center .control-policy.is-visible{opacity:1;transform:translateX(-50%) scale(1);pointer-events:none;box-shadow:0 22px 58px rgba(21,26,30,.16)}
.control-stage.sequence-policy-docked .control-trace{left:0;width:58%;transform:none}
.control-stage.sequence-policy-docked .control-policy.is-visible{left:60%;width:40%;transform:none;opacity:1;pointer-events:auto;box-shadow:0 16px 42px rgba(21,26,30,.1)}
.control-foreground>.control-side>.control-approval{left:50%;width:31%;height:auto;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:18px;transform:translateX(-50%) scale(.96);opacity:0;visibility:hidden;z-index:18;pointer-events:none}
.control-stage.sequence-approval-center .control-approval.is-visible{opacity:1;visibility:visible;transform:translateX(-50%) scale(1);pointer-events:auto;box-shadow:0 24px 64px rgba(21,26,30,.18)}
.control-stage.sequence-final .control-trace{left:0;width:49%;transform:none;opacity:1}
.control-stage.sequence-final .control-policy.is-visible{left:51%;width:25%;transform:none;opacity:1;pointer-events:auto;z-index:13}
.control-stage.sequence-final .control-approval.is-visible{left:78%;width:22%;transform:none;opacity:1;visibility:visible;pointer-events:auto;z-index:14;box-shadow:0 16px 42px rgba(21,26,30,.1)}
.control-stage.sequence-final .control-policy,.control-stage.sequence-final .control-approval{top:0;bottom:0}
.control-stage.sequence-final .control-approval.is-resolved{border-color:rgba(15,107,104,.38);background:#f6fbf9}
.control-stage.sequence-final .control-approval.is-resolved small,.control-stage.sequence-final .control-approval.is-resolved strong{color:var(--accentDark)}
.control-stage.sequence-final .control-trace-list{margin-top:7px;gap:1px}.control-stage.sequence-final .control-trace-list li{min-height:20px;padding:2px 5px}
@media(prefers-reduced-motion:reduce){.control-foreground>.control-trace,.control-foreground>.control-side>.control-policy,.control-foreground>.control-side>.control-approval{transition:none}}
@media(max-width:900px){.control-stage.sequence-final .control-trace{width:48%}.control-stage.sequence-final .control-policy.is-visible{left:50%;width:26%}.control-stage.sequence-final .control-approval.is-visible{left:78%;width:22%}.control-foreground>.control-side>.control-approval{padding:12px}}
@media(max-width:767px){.control-foreground{left:8px;right:8px;top:58px;bottom:42px;overflow:hidden}.control-foreground>.control-trace{top:0;bottom:auto;height:58%;width:92%}.control-stage.sequence-policy-center .control-trace,.control-stage.sequence-policy-docked .control-trace,.control-stage.sequence-final .control-trace{left:0;top:0;width:100%;height:53%;transform:none}.control-foreground>.control-side>.control-policy{top:55%;bottom:auto;height:21%;width:88%}.control-stage.sequence-policy-center .control-policy.is-visible,.control-stage.sequence-policy-docked .control-policy.is-visible,.control-stage.sequence-final .control-policy.is-visible{left:0;top:55%;width:49%;height:45%;transform:none}.control-foreground>.control-side>.control-approval{top:55%;bottom:auto;height:45%;width:88%;padding:10px}.control-stage.sequence-approval-center .control-approval.is-visible{left:50%;transform:translateX(-50%)}.control-stage.sequence-final .control-approval.is-visible{left:51%;top:55%;width:49%;height:45%;transform:none}.control-policy-note{display:none}}