.flow-experience{--flow-blue:var(--dti-blue,#1e4387);--flow-navy:var(--dti-navy,#151b42);--flow-red:var(--dti-red,#df1e25);--flow-sky:var(--dti-sky,#73c0e2);--flow-line:#dce4ee;color:var(--flow-navy);font-family:Arial,Helvetica,sans-serif;min-width:0}
.flow-experience *{box-sizing:border-box}.flow-experience button,.flow-experience a{font-family:inherit}.flow-experience button{cursor:pointer}.flow-experience button:focus-visible,.flow-experience a:focus-visible,.flow-experience summary:focus-visible{outline:3px solid var(--flow-sky);outline-offset:4px}.flow-experience [hidden]{display:none!important}.flow-page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:26px;margin-bottom:26px}.flow-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--flow-blue);margin-bottom:11px}.flow-page-heading h1{font:700 clamp(28px,3vw,42px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-1.4px;margin:0;color:var(--flow-navy)}.flow-page-heading p{font-size:12px;line-height:1.65;color:#647089;margin:13px 0 0}.flow-ownership{display:flex;flex-direction:column;gap:10px;flex-shrink:0;font-size:11px;padding-bottom:3px}.flow-ownership span{display:flex;gap:8px;align-items:center}.flow-ownership span:first-child{color:var(--flow-blue)}.flow-ownership span:last-child{color:var(--flow-red)}
.flow-workspace{border:1px solid var(--flow-line);background:#fff;border-radius:18px;box-shadow:0 12px 40px #16294b06;overflow:hidden}.flow-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:22px 27px;background:linear-gradient(110deg,#f4f8ff,#fff 75%)}.flow-guide-title{display:flex;align-items:center;gap:12px;min-width:0}.flow-guide-title strong{display:block;font-size:13px}.flow-guide-title small{display:block;color:#56647b;font-size:10px;line-height:1.5;margin-top:5px}.flow-guide-dot{height:10px;width:10px;flex-shrink:0;border-radius:50%;background:var(--flow-blue);box-shadow:0 0 0 5px #1e43870d}.flow-guide-dot.is-playing{animation:flow-pulse 1.5s ease-in-out infinite}.flow-controls{display:flex;gap:12px;align-items:center;flex-shrink:0}.flow-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--flow-blue);border:1px solid var(--flow-blue);color:white;border-radius:7px;font-size:10px;font-weight:700;line-height:1.5;padding:11px 13px;text-decoration:none;transition:background .15s,transform .15s}.flow-button:hover{background:#153774;transform:translateY(-1px)}.flow-button svg{flex-shrink:0}.flow-button-secondary{background:white;color:var(--flow-blue);border-color:#cbd7e8}.flow-button-secondary:hover{background:#edf4fc}.flow-reset{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#66748a;font-size:10px;padding:8px 0}.flow-reset:hover{color:var(--flow-blue)}.flow-progress-track{height:2px;background:#eaf0f7;overflow:hidden}.flow-progress-track>span{display:block;height:100%;background:linear-gradient(90deg,var(--flow-blue),var(--flow-sky));transition:width .5s ease}.flow-status-row{padding:15px 27px 0;display:flex;gap:15px;align-items:flex-start;justify-content:space-between;min-height:43px}.flow-status-row p{font-size:11px;line-height:1.5;color:#58677e;margin:0}.flow-step-count{font:10px/1.5 ui-monospace,monospace;white-space:nowrap;color:#56647b}
.flow-board{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);grid-template-rows:auto repeat(4,minmax(126px,auto));row-gap:28px;padding:23px 28px 29px 58px}.flow-lane{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--flow-line);padding-bottom:12px;min-width:0}.flow-lane>span{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:1.4px;font-weight:700;white-space:nowrap}.flow-lane small{font-size:9px;color:#56647b;text-align:right;line-height:1.6}.flow-lane-system{grid-row:1;grid-column:1;color:var(--flow-blue)}.flow-lane-guide{grid-row:1;grid-column:3;color:#56647b}.flow-node{position:relative;min-width:0;width:100%;text-align:left;padding:16px 19px;border:1px solid #dbe5f1;border-radius:10px;background:#fbfcff;color:var(--flow-navy);display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;z-index:2}.flow-node:hover{border-color:#91b3dc;box-shadow:0 4px 14px #1e43870c;transform:translateY(-2px)}.flow-node.is-current{border-color:var(--flow-blue);box-shadow:0 0 0 3px #1e438711,0 8px 21px #1e43870c;background:linear-gradient(120deg,#edf5ff,#fff)}.flow-node-human{background:#fffcfc;border-color:#eee1e2}.flow-node-human.is-current{border-color:var(--flow-red);box-shadow:0 0 0 3px #df1e250a,0 8px 21px #df1e2508;background:linear-gradient(120deg,#fff1f1,#fff)}.flow-node-top{display:flex;gap:9px;align-items:center;margin-bottom:9px;min-width:0}.flow-node-icon{display:flex;color:var(--flow-blue);flex-shrink:0}.flow-node-human .flow-node-icon{color:var(--flow-red)}.flow-node-status{font-size:8px;font-weight:400;line-height:1.3;letter-spacing:.1px;padding:4px 6px;background:#eaf1fb;border:1px solid #dce7f6;color:#40618f;border-radius:4px}.flow-node-status.planned{background:#fff1f1;border-color:#f6dfdf;color:#a64b51}.flow-node-status.mixed{background:#f1f1f8;border-color:#e3e1ef;color:#665e87}.flow-node-number{margin-left:auto;flex-shrink:0;font:11px ui-monospace,monospace;color:#56647b}.flow-node.is-current .flow-node-number{color:var(--flow-blue);font-weight:700}.flow-node-human.is-current .flow-node-number{color:var(--flow-red)}.flow-node>strong{font-size:14px;line-height:1.4;font-weight:700;letter-spacing:-.2px}.flow-node-copy{font-size:10px;line-height:1.6;color:#707d90;margin:5px 0 11px}.flow-node-output{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:9px;line-height:1.4;color:#5074a3}.flow-node-human .flow-node-output{color:#a24652}.flow-node.is-travelled:not(.is-current){border-color:#b9cde5}.flow-node.is-travelled .flow-node-number{color:var(--flow-blue)}.flow-node-0{grid-column:1;grid-row:2}.flow-node-1{grid-column:1;grid-row:3}.flow-node-2{grid-column:1;grid-row:4}.flow-node-3{grid-column:3;grid-row:4}.flow-node-4{grid-column:3;grid-row:5}.flow-node-5{grid-column:1;grid-row:5}.flow-node-0:after,.flow-node-1:after,.flow-node-3:after{content:'↓';position:absolute;bottom:-26px;left:50%;color:#7596bf;font:22px/26px Arial,sans-serif;transform:translateX(-50%);pointer-events:none}.flow-node-3:after{color:#cd939a}.flow-cross{position:relative;align-self:center;display:flex;align-items:center;justify-content:center;grid-column:2;color:#7596bf;min-width:0}.flow-cross-review{grid-row:4}.flow-cross-followup{grid-row:5;transform:rotate(180deg)}.flow-cross>i{height:1px;width:100%;background:currentColor;position:relative}.flow-cross>i:after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}.flow-cross>span{position:absolute;bottom:9px;font-size:8px;letter-spacing:.2px;white-space:nowrap;background:white;padding:1px 3px;color:#56647b}.flow-cross-followup>span{transform:rotate(180deg);bottom:-20px}.flow-return-loop{position:absolute;left:26px;top:111px;bottom:99px;width:31px;border:1px dashed #96b7dc;border-right:0;border-radius:14px 0 0 14px;pointer-events:none;opacity:.75}.flow-return-loop:after{content:'';width:6px;height:6px;border-top:1px solid #7296c2;border-right:1px solid #7296c2;position:absolute;right:1px;top:-4px;transform:rotate(45deg)}.flow-return-loop>span{position:absolute;writing-mode:vertical-rl;transform:rotate(180deg);left:-8px;top:32%;background:white;color:#56647b;letter-spacing:.4px;font-size:8px;padding:9px 1px}.flow-mobile-role{display:none}
.flow-inspector{grid-column:3;grid-row:2 / span 2;align-self:stretch;position:relative;padding:20px 21px;background:linear-gradient(145deg,#f3f7fc,#fbfcff);border-radius:10px;border:1px solid #e4ebf5;min-width:0;overflow-wrap:break-word}.flow-detail-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.flow-detail-number{font:10px ui-monospace,monospace;color:#56647b}.flow-detail-owner{display:flex;align-items:center;gap:6px;color:var(--flow-blue);font-size:9px}.flow-inspector h2{font:700 21px/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.5px;color:var(--flow-navy);margin:13px 0 10px}.flow-inspector h2:focus{outline:none}.flow-detail-copy{font-size:11px;line-height:1.7;color:#697992;margin:0}.flow-human-note{margin-top:13px;padding-top:12px;border-top:1px solid #dfe8f3;display:flex;gap:8px;color:var(--flow-blue);align-items:flex-start}.flow-human-note svg{flex-shrink:0;margin-top:2px}.flow-human-note p{font-size:10px;line-height:1.6;margin:0;color:#566988}.flow-gate-label{font-size:8px;line-height:1.6;letter-spacing:.7px;font-weight:700;color:#b24d58;display:flex;align-items:center;gap:6px;margin-top:15px}.flow-decisions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.flow-decisions .flow-button{font-size:9px;padding:9px 10px;min-height:34px;flex-grow:1}.flow-branch-note{font-size:10px;line-height:1.6;color:#637797;margin:8px 0 0}.flow-reality{margin-top:13px}.flow-reality summary{font-size:9px;line-height:1.7;color:#627898;cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;width:fit-content}.flow-reality summary:after{content:'+';margin-left:7px;font-size:13px;color:#7092bd}.flow-reality[open] summary:after{content:'−'}.flow-reality p{font-size:10px;line-height:1.7;color:#61738d;margin:8px 0 0;padding-left:12px;border-left:2px solid #dbe6f3}.flow-mini-status{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0;background:#6483b3}.flow-mini-status.planned{background:#cf777d}.flow-mini-status.mixed{background:#8f83ae}.flow-sources{display:flex;flex-wrap:wrap;gap:6px 11px;margin-top:13px}.flow-source{display:inline-flex;align-items:center;gap:5px;font-size:8px;line-height:1.7;color:#56647b;text-decoration:none}.flow-source:hover{color:var(--flow-blue);text-decoration:underline}.flow-source>svg{flex-shrink:0}.flow-evidence-rail{padding:20px 28px;display:flex;gap:14px;align-items:center;background:var(--flow-navy);color:white}.flow-rail-icon{height:38px;width:38px;flex-shrink:0;display:grid;place-items:center;border:1px solid #73c0e240;border-radius:9px;color:var(--flow-sky);background:#73c0e20b}.flow-evidence-rail strong{font-size:12px;line-height:1.5}.flow-evidence-rail p{color:#bac9e0;font-size:10px;line-height:1.6;margin:4px 0 0}.flow-evidence-rail>.flow-source{margin-left:auto;flex-shrink:0;color:#adcaed}.flow-bottom-note{display:flex;flex-wrap:wrap;gap:12px 19px;align-items:center;margin:16px 3px 0}.flow-bottom-note>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#56647b}.flow-bottom-note>p{font-size:9px;line-height:1.6;color:#56647b;margin:0 0 0 auto}.flow-experience[data-flow-mode=review] .flow-inspector,.flow-experience[data-flow-mode=officer] .flow-inspector{border-color:#ecc6cc;background:linear-gradient(145deg,#fff5f5,#fff)}
@keyframes flow-pulse{50%{box-shadow:0 0 0 8px #73c0e21c;background:var(--flow-sky)}}
.flow-request-loop{position:absolute;left:0;right:0;top:23px;height:1px;border-top:1px dashed #ce9ca4;font-weight:400;color:#b77d86}.flow-request-loop:before{content:'';position:absolute;left:0;top:-4px;width:6px;height:6px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}.flow-request-loop em{position:absolute;left:50%;top:5px;transform:translateX(-50%);font-style:normal;font-size:7px;white-space:nowrap;background:white;padding:1px 3px}.flow-experience[data-flow-mode=evidence] .flow-request-loop{border-color:var(--flow-red);color:var(--flow-red)}
.flow-human-lane{display:flex;align-items:center;justify-content:space-between;gap:12px;position:absolute;top:-21px;left:0;right:0;color:#a24652;font-size:9px;line-height:1.5;font-weight:700;letter-spacing:1px;pointer-events:none}.flow-human-lane small{font-size:8px;font-weight:400;letter-spacing:0;color:#a24652}.flow-experience[data-flow-mode=playing] .flow-node.is-current:after{color:var(--flow-blue);animation:flow-arrow 1.2s ease-in-out infinite}@keyframes flow-arrow{50%{opacity:.45;transform:translate(-50%,3px)}}
@media(min-width:1500px){.flow-board{grid-template-rows:auto repeat(4,minmax(135px,auto));grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)}.flow-node{padding:18px 23px}.flow-node>strong{font-size:16px}.flow-node-copy{font-size:11px}.flow-inspector{padding:24px 27px}.flow-inspector h2{font-size:25px}.flow-detail-copy{font-size:12px}.flow-human-note p{font-size:11px}}
@media(max-width:1100px){.flow-board{padding-left:43px;padding-right:20px;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:24px 0}.flow-node{padding:14px}.flow-node>strong{font-size:12px}.flow-node-status{font-size:7px;padding:3px 4px}.flow-node-copy{font-size:9px}.flow-lane small{display:none}.flow-return-loop{left:18px;width:24px;top:106px;bottom:101px}.flow-inspector{padding:16px}.flow-inspector h2{font-size:18px}.flow-detail-copy{font-size:10px}.flow-human-note p{font-size:9px}.flow-cross>span{font-size:7px}.flow-toolbar{padding:20px}.flow-status-row{padding-left:20px;padding-right:20px}.flow-guide-title small{max-width:235px}.flow-node-top{gap:7px}.flow-node-icon svg{width:18px;height:18px}}
@media(max-width:640px){.flow-page-heading{align-items:flex-start;gap:16px;margin-bottom:22px}.flow-page-heading h1{font-size:30px;letter-spacing:-1px}.flow-page-heading p{font-size:11px;max-width:280px}.flow-ownership{display:none}.flow-toolbar{flex-direction:column;align-items:stretch;gap:17px;padding:19px}.flow-controls{justify-content:space-between;gap:9px}.flow-controls>.flow-button{flex-grow:1;font-size:10px;padding:11px 13px}.flow-controls>.flow-reset{padding:9px;min-width:60px;justify-content:center}.flow-guide-title small{max-width:none;font-size:9px}.flow-status-row{padding:14px 19px 0;min-height:53px}.flow-status-row p{font-size:10px}.flow-board{display:flex;flex-direction:column;gap:22px;padding:18px 18px 24px 38px}.flow-lane,.flow-cross{display:none}.flow-inspector{order:-1;margin-left:-20px;padding:19px;background:#f4f8ff;margin-bottom:5px}.flow-inspector h2{font-size:21px}.flow-detail-copy{font-size:11px}.flow-human-note p{font-size:10px}.flow-node{padding:15px 16px;min-height:119px;flex-shrink:0}.flow-node>strong{font-size:13px;padding-right:7px}.flow-node-copy{font-size:10px;line-height:1.65;max-width:95%;margin-bottom:10px}.flow-node-top{gap:9px;margin-bottom:8px}.flow-node-status{font-size:8px;max-width:calc(100% - 55px)}.flow-node-number{font-size:11px}.flow-node-output{font-size:9px;padding-bottom:17px}.flow-mobile-role{display:block;font-size:7px;letter-spacing:.8px;text-transform:uppercase;color:#56647b;position:absolute;left:16px;bottom:12px}.flow-node-human .flow-mobile-role{color:#a24652}.flow-node:not(.flow-node-5):after{content:'↓';position:absolute;bottom:-23px;left:50%;color:#7f9dc3;font:20px/22px Arial,sans-serif;transform:translateX(-50%);pointer-events:none}.flow-node-3:after,.flow-node-4:after{color:#c4868f!important}.flow-return-loop{top:auto;left:17px;width:20px;height:calc(100% - 440px);bottom:90px;border-radius:12px 0 0 12px}.flow-return-loop>span{font-size:7px;left:-7px;top:38%;max-height:200px}.flow-evidence-rail{padding:20px 19px;gap:12px;flex-wrap:wrap}.flow-evidence-rail>div{flex:1;min-width:150px}.flow-evidence-rail p{font-size:9px}.flow-evidence-rail strong{font-size:11px}.flow-evidence-rail>.flow-source{margin-left:50px;margin-top:-1px}.flow-bottom-note{gap:11px;font-size:8px}.flow-bottom-note>span{font-size:8px}.flow-bottom-note>p{margin:0;width:100%;font-size:9px}.flow-decisions .flow-button{font-size:9px;min-height:38px;padding:10px}.flow-branch-note{font-size:10px}.flow-sources{gap:7px 12px}.flow-source{font-size:8px}}
@media(max-width:360px){.flow-page-heading h1{font-size:26px}.flow-toolbar{padding:16px}.flow-controls{gap:6px}.flow-board{padding-right:13px;padding-left:32px}.flow-inspector{margin-left:-19px;padding:15px}.flow-node{padding:13px}.flow-node-top{gap:6px}.flow-node-status{font-size:7px}.flow-node>strong{font-size:12px}.flow-node-copy{font-size:9px}.flow-node-output{font-size:8px}.flow-node-icon svg{width:17px;height:17px}.flow-return-loop{left:13px;width:18px}.flow-mobile-role{left:13px}.flow-experience .flow-decisions{flex-direction:column}.flow-detail-owner{font-size:8px}.flow-status-row{padding-left:16px;padding-right:16px}.flow-evidence-rail{padding:17px 15px}}
@media(prefers-reduced-motion:reduce){.flow-experience *,.flow-experience *:before,.flow-experience *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:640px){.flow-human-lane{display:none}}