/* Task-first groups reuse the existing navy/purple surfaces, without blur/layers. */
html[data-theme] #app .flow-provider{display:block}
html[data-theme] #app .flow-provider>.panel-work-page{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
html[data-theme] #app .flow-provider>.panel-work-page[hidden]{display:none}
html[data-theme] #app .flow-provider .detail-panel{width:100%;max-width:960px;margin-inline:auto;box-sizing:border-box}
html[data-theme] #app .flow-provider .model-badge{display:none}
html[data-theme] #app .flow-provider .detail-panel>h2{font-size:20px;line-height:1.35}
html[data-theme] #app .flow-provider .detail-panel>p,html[data-theme] #app .flow-provider .model-field>label{font-size:14px;line-height:1.6}
html[data-theme] #app .flow-provider [data-page=routing]{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}
html[data-theme] #app .flow-provider [data-page=routing]>.ai-priority-panel{grid-column:1/-1}
html[data-theme] #app .flow-fields{min-width:0;margin:20px 0 0;padding:12px 0 0;border:0;border-top:1px solid var(--v-line);border-radius:0;background:transparent}
html[data-theme] #app .flow-fields>legend{padding:0 7px;font-size:16px;font-weight:650;color:var(--v-ink)}
html[data-theme] #app .flow-fields>label:first-of-type{margin-top:0}
html[data-theme] #app .flow-details{min-width:0;margin:14px 0;border:1px solid var(--v-line);border-radius:12px;background:var(--v-surface);padding:0 16px}
html[data-theme] #app .flow-details>summary{min-height:46px;padding:12px 0;box-sizing:border-box;cursor:pointer;font-size:15px;font-weight:600;color:var(--v-ink)}
html[data-theme] #app .flow-details>summary:focus-visible{outline:2px solid var(--v-accent);outline-offset:3px}
html[data-theme] #app .flow-details[open]{padding-bottom:16px}
html[data-theme] #app .flow-details>.overview-panel,html[data-theme] #app .flow-details>.ah-control-card{box-shadow:none;margin:0;border:0;background:transparent}
html[data-theme] #app .flow-shortcuts{display:flex;gap:10px;flex-wrap:wrap;grid-column:1/-1;margin-bottom:14px}
html[data-theme] #app .flow-shortcuts>.btn{min-height:44px;white-space:normal}
html[data-theme] #app #autoHub .ah-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-theme] #app .ah-control-grid>.flow-details{grid-column:1/-1;margin:0}
html[data-theme] #app .ah-utility-copy>.flow-details{border:0;padding:0;background:none;margin:4px 0}
html[data-theme] #app .ah-utility-copy>.flow-details>summary{font-size:14px;color:var(--v-muted)}
html[data-theme] #app :is(#overviewFlowDetails,#overviewEventDetails){grid-column:1/-1}
.flow-empty{padding:12px 20px;font-size:15px;color:var(--v-muted)}
html[data-theme] #app .ig-header{margin-bottom:12px}
html[data-theme] #app .ig-header :is(.ig-eyebrow,h2){display:none}
html[data-theme] #app .flow-storage{font-size:14px;line-height:1.6;color:var(--v-muted);margin:8px 0 16px}
@media(max-width:600px){html[data-theme] #app #autoHub .ah-control-grid{grid-template-columns:minmax(0,1fr)}html[data-theme] #app .flow-shortcuts>.btn{flex:1 1 100%}}