.workflow-mode-switch { display: inline-flex; gap: .3rem; flex-wrap: wrap; align-items: center; }
.workflow-mode-switch button { margin: 0; padding: .35rem .65rem; }
.workflow-mode-switch button[aria-pressed="true"] { background: #174b5c; color: #fff; border-color: #174b5c; }
.workflow-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: 1rem; }
.workflow-cards > .card { margin: 0; }
.workflow-consent { display: block; margin: .8rem 0; line-height: 1.5; }
.workflow-consent input { margin-right: .35rem; }
[data-interface-professional] { display: none; }
body[data-interface-mode="professional"] [data-interface-professional] { display: block; }
body[data-interface-mode="professional"] [data-interface-simple] { display: none; }
.workflow-steps { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; margin-left: 0; }
.workflow-steps button { margin: 0; }
.workflow-steps button[aria-current="step"] { background: #174b5c; color: #fff; border-color: #174b5c; }
body[data-interface-mode="simple"] [data-workflow-steps][data-active-step] ~ .analysis-section,
body[data-interface-mode="simple"] [data-workflow-steps][data-active-step] ~ #local-tools > .analysis-section,
body[data-interface-mode="simple"] [data-workflow-steps][data-active-step] ~ #task-detail .analysis-section { display: none; }
body[data-interface-mode="simple"] [data-workflow-steps][data-active-step="local-input"] ~ #local-input,
body[data-interface-mode="simple"] [data-workflow-steps][data-active-step="local-storage"] ~ #local-storage,
body[data-interface-mode="simple"] [data-workflow-steps][data-active-step="local-overview"] ~ #local-tools > #local-overview,
body[data-interface-mode="simple"] [data-workflow-steps][data-active-step="local-clean"] ~ #local-tools > #local-clean,
body[data-interface-mode="simple"] [data-workflow-steps][data-active-step="local-statistics"] ~ #local-tools > #local-statistics,
body[data-interface-mode="simple"] [data-workflow-steps][data-active-step="local-figure"] ~ #local-tools > #local-figure,
body[data-interface-mode="simple"] [data-workflow-steps][data-active-step="local-model"] ~ #local-tools > #local-model,
body[data-interface-mode="simple"] [data-workflow-steps][data-active-step="local-results"] ~ #local-tools > #local-results,
body[data-interface-mode="simple"] [data-workflow-steps][data-active-step="local-downloads"] ~ #local-tools > #local-downloads { display: block; }
body[data-interface-mode="simple"] [data-workflow-steps][data-active-step="local-guide"] ~ #local-guide { display: block; }
body[data-interface-mode="simple"] #task-detail[data-active-step] > .analysis-section { display: none; }
body[data-interface-mode="simple"] #task-detail[data-active-step="cleaning-panel"] > #cleaning-panel,
body[data-interface-mode="simple"] #task-detail[data-active-step="statistics-panel"] > #statistics-panel,
body[data-interface-mode="simple"] #task-detail[data-active-step="figure-panel"] > #figure-panel,
body[data-interface-mode="simple"] #task-detail[data-active-step="model-panel"] > #model-panel,
body[data-interface-mode="simple"] #task-detail[data-active-step="survival-panel"] > #survival-panel,
body[data-interface-mode="simple"] #task-detail[data-active-step="analysis-downloads"] > #analysis-downloads { display: block; }
@media (max-width: 650px) { .workflow-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .workflow-steps button { width: 100%; } }