.auth-workflow [hidden]{display:none!important}
.auth-workflow .dately-demo-heading h1{font-size:clamp(46px,5.6vw,80px)}
.workflow-disclosure{border:1px solid #5c527c;border-left:3px solid var(--purple);background:#242033;padding:20px 24px;margin:24px 0 30px}
.workflow-disclosure strong,.workflow-boundaries span{font:10px/1.7 var(--mono);color:var(--purple);letter-spacing:.05em}
.workflow-disclosure p{margin:8px 0 0;max-width:1000px;color:#c1bbd3;font-size:12px;line-height:1.8}
.workflow-controls{display:flex;gap:22px;align-items:end;justify-content:space-between;padding:24px;border-bottom:1px solid #424057}
.workflow-controls>div{flex:1;max-width:600px;min-width:0}
.workflow-controls label,.workflow-input label{display:block;font:9px/1.7 var(--mono);color:var(--purple);margin-bottom:9px;letter-spacing:.05em}
.workflow-controls select{width:100%;max-width:100%;background:#12111f;border:1px solid #575069;color:var(--text);padding:13px;font:12px var(--mono);border-radius:0}
.workflow-controls .run-button{min-height:45px}
#workflow-run{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.auth-workflow:is([data-activity=python],[data-activity=review]) #workflow-run:disabled{opacity:1}
.auth-workflow:is([data-activity=python],[data-activity=review]) #workflow-run::before{content:'';width:14px;height:14px;flex:none;border:2px solid rgba(21,32,35,.25);border-top-color:currentColor;border-radius:50%;animation:workflow-busy-spin .8s linear infinite}
.workflow-activity{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 24px;border-bottom:1px solid #424057;background:#171624;color:var(--text);font:10px/1.8 var(--mono)}
.workflow-activity-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--cyan);animation:workflow-busy-pulse 1.4s ease-in-out infinite}
#workflow-activity-countdown{margin-left:auto;color:var(--cyan)}
.auth-workflow[data-activity=review] .stage-btn[data-state=current]{position:relative;overflow:hidden}
.auth-workflow[data-activity=review] .stage-btn[data-state=current]::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--cyan);transform:scaleX(var(--review-progress,0));transform-origin:left;transition:transform .1s linear}
@keyframes workflow-busy-spin{to{transform:rotate(360deg)}}
@keyframes workflow-busy-pulse{0%,100%{opacity:1}50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.auth-workflow #workflow-run::before,.workflow-activity-dot{animation:none!important}.auth-workflow[data-activity=review] .stage-btn[data-state=current]::after{transition:none;transform:scaleX(1)}}
@media(max-width:680px){.workflow-activity{padding:12px 18px;gap:7px}#workflow-activity-countdown{flex-basis:100%;margin-left:17px}}
.workflow-hint{margin:0;padding:14px 24px;border-bottom:1px solid #424057;color:var(--muted);font:10px/1.8 var(--mono)}
.workflow-controls>.workflow-run-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto;max-width:none}
.workflow-skip{background:transparent;border:0;color:var(--cyan);font:10px/1.6 var(--mono);padding:10px 0}
.workflow-stage-preview{padding:24px}
.workflow-stage-preview>span{font:9px/1.7 var(--mono);color:var(--cyan)}
.workflow-stage-preview h2{font-size:clamp(29px,3vw,43px);letter-spacing:-.05em;line-height:1.15;margin:12px 0 18px}
.workflow-stage-preview p,.workflow-stage-preview li{font:12px/1.9 var(--sans);color:var(--muted)}
.workflow-stage-preview ul{padding-left:18px;margin:18px 0 0}
.auth-workflow .output-pane-head{gap:12px;align-items:start}
#workflow-result-status{text-align:right;max-width:65%;line-height:1.7}
@media(max-width:680px){.workflow-controls>.workflow-run-actions{display:flex;flex-direction:column-reverse;align-items:stretch;margin-top:15px;gap:8px}.workflow-controls .workflow-run-actions .run-button{margin-top:0}.workflow-stage-preview{padding:22px 18px}.workflow-skip{text-align:center}}
.workflow-input{border-bottom:1px solid #424057;padding:0 24px;background:#171624}
.workflow-input summary,.workflow-inspect summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;list-style:none;font:11px/1.6 var(--mono);color:#c9c3df}
.workflow-input summary::-webkit-details-marker,.workflow-inspect summary::-webkit-details-marker{display:none}
.workflow-input summary span,.workflow-inspect summary span{font-size:18px;color:var(--cyan)}
.workflow-input>div{padding-bottom:22px}
.workflow-input textarea{resize:vertical;width:100%;min-height:180px;max-height:550px;background:#11101d;color:var(--text);border:1px solid #575069;padding:14px;font:12px/1.8 var(--mono);border-radius:0}
.workflow-input-foot{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:12px}
.workflow-input-foot p{font:9px/1.8 var(--mono);color:var(--muted);margin:0;max-width:760px}
.workflow-input-foot button,.workflow-result-actions button{border:1px solid #575069;background:transparent;color:var(--cyan);padding:11px 13px;font:10px/1.5 var(--mono)}
.workflow-grid{display:grid;grid-template-columns:1fr 1fr;min-height:470px}
.workflow-grid .play-code{overflow:hidden}
.workflow-code{margin:0;padding:26px 24px;min-height:250px;flex:1;color:var(--cyan);font:12px/1.9 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}
.workflow-stage-info{padding:22px 24px;border-top:1px solid #424057;background:#202031}
.workflow-stage-info>span{font:9px/1.6 var(--mono);color:var(--purple)}
.workflow-stage-info p{font-size:12px;line-height:1.8;color:var(--muted);margin:8px 0 0}
.workflow-stage-info .workflow-stage-result{color:#c4e9dd}
.auth-workflow .stage-btn[data-state=blocked]{border-color:#d9a58d}
.auth-workflow .stage-btn[data-state=pending]{opacity:.65}
.auth-workflow .stage-btn[data-state=current]{border-color:var(--cyan)}
.auth-workflow .stage-btn[data-state=current]>small{color:var(--cyan)}
.auth-workflow .stage-btn>small{display:block}
.auth-workflow .stage-btn[data-state=skipped]{opacity:.65}
.workflow-output{min-width:0;padding-bottom:22px}
.workflow-message{margin:24px;border:1px dashed #514962;padding:24px;color:var(--muted);font:12px/1.9 var(--sans)}
.workflow-message.is-error{color:#efbc9e;border-color:#875e56}
.workflow-result-title{padding:24px 24px 18px}
.workflow-result-title>span{color:var(--cyan);font:9px/1.6 var(--mono)}
.workflow-result-title h2{font-size:clamp(29px,3vw,43px);letter-spacing:-.05em;line-height:1.1;margin:12px 0 0}
.workflow-metrics{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:12px;margin:0 24px 22px}
.workflow-metrics>div{padding:16px 12px;border:1px solid #424057;background:#222033;min-width:0}
.workflow-metrics span{display:block;font:8px/1.6 var(--mono);color:var(--muted)}
.workflow-metrics strong{display:block;font-size:clamp(20px,2.3vw,31px);font-weight:500;letter-spacing:-.05em;color:var(--cyan);margin-top:9px;overflow-wrap:anywhere}
.workflow-unit-list{margin:0 24px 22px;font:11px/1.8 var(--mono)}
.workflow-unit-list>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #353547;padding:8px 0}
.workflow-unit-list span:first-child{color:var(--muted);overflow-wrap:anywhere;min-width:0}
.workflow-unit-list span:last-child{white-space:nowrap}
.workflow-result-actions{display:flex;flex-wrap:wrap;gap:9px;margin:0 24px}
.workflow-result-actions button:first-child{background:var(--cyan);border-color:var(--cyan);color:#16232b}
.workflow-time{margin:16px 24px 0;font:9px/1.8 var(--mono);color:var(--muted)}
.workflow-auth-detail{margin:20px 24px 0;padding:16px;border-left:2px solid var(--purple);background:#242237;font:10px/1.9 var(--mono);color:#c9c3df;white-space:pre-line;overflow-wrap:anywhere}
.workflow-inspect{border:1px solid #424057;margin-top:18px;padding:0 24px;background:#171624}
.workflow-inspect-body{padding:8px 0 24px;min-width:0}
.workflow-inspect h2{font:10px/1.7 var(--mono);color:var(--purple);margin:22px 0 12px}
.workflow-inspect pre{max-height:330px;overflow:auto;background:#11101d;padding:16px;border:1px solid #3c364d;color:var(--cyan);white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.8 var(--mono);margin:0}
.workflow-inspect ul{color:var(--muted);font:11px/1.9 var(--mono);padding-left:20px}
.workflow-table-wrap{overflow-x:auto}
.workflow-table-wrap table{width:100%;border-collapse:collapse;text-align:left;font:10px/1.7 var(--mono)}
.workflow-table-wrap :is(th,td){padding:10px 12px;border-bottom:1px solid #3c364d;vertical-align:top;overflow-wrap:anywhere}
.workflow-table-wrap th{color:var(--purple);font-weight:400}
.workflow-table-wrap tr[data-state=excluded]{color:#efbc9e}
.workflow-boundaries{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0 24px}
.workflow-boundaries p{color:var(--muted);font-size:12px;line-height:1.8;margin:9px 0 0}
.auth-workflow :is(button,select,textarea,summary):focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(max-width:1050px){.auth-workflow .stage-btn{min-width:0;flex:1}.workflow-grid{grid-template-columns:1fr}.workflow-grid .play-code{border-right:0;border-bottom:1px solid #424057}.workflow-code{min-height:180px}.workflow-metrics strong{font-size:31px}}
@media(max-width:680px){.workflow-disclosure{padding:17px}.workflow-controls{padding:18px;display:block}.workflow-controls .run-button{width:100%;margin-top:15px}.workflow-controls select{font-size:10px}.workflow-input,.workflow-inspect{padding-inline:18px}.workflow-input-foot{align-items:start;flex-direction:column;gap:12px}.auth-workflow .stage-nav{padding:14px 10px;gap:6px}.auth-workflow .stage-wire{flex:0 0 5px;min-width:5px}.auth-workflow .stage-btn{padding:11px 7px}.auth-workflow .stage-btn>b{font-size:13px}.auth-workflow .stage-btn>small{font-size:8px;overflow-wrap:anywhere}.workflow-code{font-size:10px;padding:20px 18px}.workflow-stage-info{padding:18px}.workflow-metrics{margin-inline:18px;gap:6px;grid-template-columns:1fr 1fr}.workflow-metrics>div:first-child{grid-column:1/-1}.workflow-metrics>div:first-child strong{white-space:nowrap}.workflow-metrics>div{padding:12px 8px}.workflow-metrics strong{font-size:22px}.workflow-result-title{padding:22px 18px 18px}.workflow-unit-list,.workflow-result-actions,.workflow-time,.workflow-auth-detail{margin-inline:18px}.workflow-boundaries{grid-template-columns:1fr;gap:20px}.auth-workflow .code-pane-head{display:block;font-size:9px}.auth-workflow .code-pane-head i{display:block;margin-top:6px}.workflow-result-actions button{flex:1}}