.special-workflow-drawer .workflow li:has(> [data-special-stage]){display:block;padding-left:0}
.special-workflow-drawer .workflow li:has(> [data-special-stage])::before,.special-workflow-drawer .workflow li:has(> [data-special-stage])::after{display:none}
.special-workflow-drawer [data-special-stage]{display:flex;align-items:flex-start;gap:12px;width:100%;border:0;background:none;text-align:left;font:inherit;color:inherit;padding:10px 0;cursor:pointer}
.special-workflow-drawer [data-special-stage]>span{flex:0 0 20px;box-sizing:border-box;width:20px;height:20px;border-radius:50%;border:1px solid #c9d9d2;background:white;margin:0}
.special-workflow-drawer .done [data-special-stage]>span,.special-workflow-drawer [aria-pressed=true]>span{background:var(--green,#125b40);border-color:var(--green,#125b40)}
.special-workflow-drawer [data-special-stage] small{display:block;font-size:11px;font-weight:400;margin-top:5px}
.special-workflow-drawer [data-special-stage]:focus-visible{outline:2px solid var(--green,#125b40);outline-offset:3px}
.special-workflow-confirm{flex-shrink:0;max-height:42dvh;overflow:auto}
.special-workflow-confirm>div{display:flex;gap:12px}
.special-workflow-confirm [role=alert]:empty{display:none}

/* Preserve the existing 15px markers in ordinary Panel drawer timelines. */
@media screen {
 #obligation-drawer.panel-detail .workflow>li>span:empty {
  display:block;flex:0 0 15px;width:15px;height:15px;
  min-width:15px;max-width:15px;min-height:15px;max-height:15px;
  aspect-ratio:1/1;box-sizing:border-box;
 }
}

/* Shared timeline presentation for every authenticated profile; operational states remain unchanged. */
body.ambientale-flow-circles #obligation-drawer :is(.workflow,.recurring-timeline){list-style:none;margin:0;padding:0}
body.ambientale-flow-circles #obligation-drawer :is(.workflow,.recurring-timeline)>li{position:relative;display:flex;align-items:flex-start;gap:10px;min-height:36px;padding:6px 0;line-height:1.4;font-weight:700}
body.ambientale-flow-circles #obligation-drawer :is(.workflow,.recurring-timeline)>li::before{content:none;display:none}
body.ambientale-flow-circles #obligation-drawer :is(.workflow,.recurring-timeline)>li:not(:last-child)::before{content:"";display:block;position:absolute;left:7px;top:21px;bottom:-6px;width:1px;height:auto;background:#d8e2dd}
body.ambientale-flow-circles #obligation-drawer .workflow [data-special-stage]{display:flex;align-items:flex-start;gap:10px;min-width:0;width:100%;padding:0;font-weight:700;opacity:1;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}
body.ambientale-flow-circles #obligation-drawer :is(.workflow>li>span,.workflow [data-special-stage]>span,.recurring-stage-dot){position:relative;z-index:1;display:block;flex:0 0 15px;box-sizing:border-box;width:15px;height:15px;min-width:15px;max-width:15px;min-height:15px;max-height:15px;aspect-ratio:1/1;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;border:1px solid #d8e2dd;border-radius:50%;background:#fff;box-shadow:none;font-size:0;line-height:0;color:transparent}
body.ambientale-flow-circles #obligation-drawer :is(.workflow>li>span,.workflow [data-special-stage]>span,.recurring-stage-dot)::before,
body.ambientale-flow-circles #obligation-drawer :is(.workflow>li>span,.workflow [data-special-stage]>span,.recurring-stage-dot)::after{content:none;display:none}
body.ambientale-flow-circles #obligation-drawer :is(.workflow>li.done>span,.workflow>li.current>span,.workflow>li.done [data-special-stage]>span,.recurring-timeline>li.registered>.recurring-stage-dot,.recurring-timeline>li.current>.recurring-stage-dot,.recurring-stage-dot[aria-pressed="true"],.recurring-stage-dot[data-recurring-preview="true"],.workflow [data-special-stage][aria-pressed="true"]>span){background:#125b40;border-color:#125b40}
body.ambientale-flow-circles #obligation-drawer :is(.workflow,.recurring-timeline)>li>div,
body.ambientale-flow-circles #obligation-drawer .workflow [data-special-stage]>div{min-width:0;flex:1;overflow-wrap:anywhere}
body.ambientale-flow-circles #obligation-drawer :is(.workflow,.recurring-timeline) small{display:block;margin-top:3px;font-size:11px;font-weight:400;line-height:1.4;overflow-wrap:anywhere}