/* Scope the smaller workflow to app screens; retain the production brand and marketing. */
.flowSteps{display:flex;gap:12px;align-items:center;margin:20px 0 24px;max-width:720px;min-width:0}
.flowSteps .flowStep{flex:1;min-width:0;display:flex;align-items:center;gap:8px;font-style:normal;color:var(--muted);font-size:12px;font-weight:650;height:auto;background:transparent!important;border-radius:0;white-space:nowrap}
.flowStep:before{content:attr(data-number);border:1px solid #31515e;border-radius:50%;width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;font-size:11px;color:#9bb0ba}
.flowStep:not(:last-child):after{content:'';height:1px;background:#294754;flex:1;min-width:6px;margin-left:4px}
.flowStep.on:before{background:#17483f;color:var(--accent);border-color:#397262}.flowStep.current{color:var(--accent)}.flowStep.current:before{background:var(--accent);color:#06271f;border-color:var(--accent)}
#setupStorageNotice{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 0 0}
.streamlinedFlow #processNav{gap:10px;flex-wrap:nowrap}.streamlinedFlow #processName{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streamlinedFlow #processNav button{flex:0 0 auto;min-height:44px}
.streamlinedFlow #captureNavActions.simpleCaptureActions{grid-template-columns:.7fr 1fr 1.2fr}.streamlinedFlow #captureNavActions .hidden{display:none!important}
#stageActions.beforeSaved{max-width:760px;margin:24px auto!important;padding:32px!important;text-align:center;background:linear-gradient(145deg,#102e32,#0e202a);border-color:#32635c;display:block!important}
#stageActions.beforeSaved #stageActionTag{color:var(--accent);font-weight:850;letter-spacing:.1em}#stageActions.beforeSaved h3{font-size:28px;letter-spacing:-.8px;margin:12px 0!important}#stageActions.beforeSaved #stageActionText{max-width:580px;margin:12px auto 22px!important;font-size:14px;line-height:1.75}
#stageActions.beforeSaved .actions{max-width:530px;margin:22px auto 0;flex-direction:column-reverse}#stageActions.beforeSaved #stageSaveBtn{background:var(--accent);color:#03231d}#stageActions.beforeSaved #stagePrimaryBtn{background:transparent;color:var(--accent2);border:1px solid #31515e}
#stagePhotos{display:flex;justify-content:center;gap:12px}#stagePhotos:empty{display:none}#stagePhotos figure{width:29%;max-width:160px;margin:0;text-align:left}#stagePhotos img{width:100%;height:105px;object-fit:cover;border:1px solid #31515e;border-radius:10px}#stagePhotos figcaption{font-size:11px;color:var(--muted);margin-top:5px}
#beforeSavedTools{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}#beforeSavedTools button{font-size:12px;min-height:44px}
.reviewViewTabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;scroll-margin-top:100px}.reviewViewTab{border:1px solid #31515e;background:#0a1a22;color:var(--muted);border-radius:10px;padding:10px 13px;font-size:13px;min-height:44px;text-align:left}.reviewViewTab.active{color:var(--accent2);border-color:var(--accent);background:#123a32}.reviewViewTab.reviewed:not(.active){color:#b5d9cd}.reviewViewTab:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#reviewFlowProgress{color:var(--muted);font-size:12px;margin:10px 0 16px;line-height:1.6}#reviewFlowActions{position:sticky;bottom:12px;background:#07131af2;border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(12px);padding:12px;margin-top:18px;z-index:5}#reviewFlowActions>*{min-height:46px;min-width:0}
.reviewFocusPreview{background:#091922;border:1px solid var(--line);padding:14px;border-radius:12px;margin:12px 0}.reviewFocusPreview .sharedFocusDetails{margin:0}.reviewFocusPreview .focusReportArea{margin:8px 0}.reviewFocusPreview h3{font-size:16px}
.streamlinedFlow #reviewPage>.card:first-child>.notice{font-size:12px;line-height:1.65}.streamlinedFlow #reviewPage>.card:first-child>.sub{font-size:14px;line-height:1.65;margin-bottom:12px}
@media(max-width:820px){.flowSteps{gap:7px;margin:16px 0 20px;width:100%}.flowSteps .flowStep{gap:5px;font-size:10px}.flowStep:before{width:22px;height:22px;flex-basis:22px;font-size:10px}.flowStep:not(:last-child):after{margin-left:1px;min-width:3px}#workflowSteps.flowSteps:not(.hidden){display:flex!important;max-width:none}.streamlinedFlow #processNav button{font-size:11px;padding:10px 9px}.streamlinedFlow #processName{font-size:10px}.streamlinedFlow #captureNavActions.simpleCaptureActions{grid-template-columns:1fr 1fr}.streamlinedFlow #stageActions.beforeSaved{padding:25px 18px!important;margin-top:12px!important}#stageActions.beforeSaved h3{font-size:24px}#stageActions.beforeSaved #stageActionText{font-size:12px}#stagePhotos{gap:8px}#stagePhotos img{height:82px}#stagePhotos figcaption{font-size:10px}.reviewViewTabs{gap:7px;scroll-margin-top:110px}.reviewViewTab{font-size:11px;padding:9px 10px;min-height:43px}#reviewFlowActions{bottom:68px;display:grid;grid-template-columns:1fr 1fr;padding:9px;gap:8px}#reviewFlowActions>:last-child:nth-child(3){grid-column:1/-1;font-size:12px;padding:8px;min-height:38px}#reviewFlowActions>*{font-size:12px;padding:11px 8px;min-width:0!important}.reviewFocusPreview{padding:10px}.reviewFocusPreview .pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reviewFocusPreview .tiny{font-size:11px}}
@media(max-width:920px) and (orientation:landscape){.streamlinedFlow #stageActions.beforeSaved{display:block!important}#workflowSteps.flowSteps{display:none!important}#reviewFlowActions{bottom:5px}}
@media(max-width:360px){.flowSteps{gap:4px}.flowSteps .flowStep{font-size:9px;gap:4px}.flowStep:before{width:20px;height:20px;flex-basis:20px}.flowStep:not(:last-child):after{margin-left:0}.streamlinedFlow #processName{max-width:115px}}
@media print{.flowSteps,.reviewViewTabs,#reviewFlowActions,#setupStorageNotice,#beforeSavedTools{display:none!important}}

.streamlinedFlow #capturePage #captureWork.hidden{display:none!important}
.streamlinedFlow #mobileNextAction{display:none!important}
@media(max-width:820px) and (orientation:portrait){.streamlinedFlow #mobileNextAction:not(.hidden){display:block!important}}

@media(min-width:821px){.streamlinedFlow #capturePage:not(.hidden) #captureWork{grid-template-columns:320px minmax(0,1fr);grid-template-areas:"guide capture" "guide nav"}.streamlinedFlow #captureNavActions{position:sticky;bottom:16px;z-index:25;background:#07131af2;border:1px solid var(--line);border-radius:14px;padding:10px}.streamlinedFlow #captureNavActions button{scroll-margin-block:110px}}

.streamlinedFlow #recordStorageStatus{padding:11px 14px}.streamlinedFlow #recordStorageLabel{display:block;font-size:12px;line-height:1.5}.streamlinedFlow #recordStorageDetails>summary{font-size:11px;min-height:34px;padding:6px 0;color:var(--accent2);cursor:pointer}.streamlinedFlow #recordStorageDetails .actions button{font-size:12px;min-height:42px;padding:10px}
@media(max-width:820px){.streamlinedFlow.workflowRoute #appNavigation{display:none!important}.streamlinedFlow #processNav button:last-child{display:inline-flex}.streamlinedFlow .top{gap:7px}.streamlinedFlow #appNavigation{flex-wrap:nowrap;overflow-x:auto;gap:20px;padding-bottom:4px}.streamlinedFlow #appNavigation button{white-space:nowrap;font-size:12px;min-height:40px}.streamlinedFlow #recordStorageLabel{font-size:11px}}
