/* Task-oriented shell; inherit application colors in both themes. */
.ux-mobile-menu{width:100%}.ux-mobile-menu>summary{display:none}.ux-primary{display:flex!important;gap:4px;align-items:center;flex-wrap:wrap}.ux-mobile-menu:not([open])>.ux-primary{display:flex}
.ux-section-nav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 28px;border-bottom:1px solid var(--line);padding-bottom:12px}.ux-section-nav .nav-button{min-height:44px}.ux-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.ux-start{font:inherit;text-align:left;display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);cursor:pointer;min-width:0}.ux-start strong{font-size:1.1rem}.ux-start span,.ux-start small{color:var(--muted);line-height:1.7}.ux-start:hover{border-color:var(--accent);box-shadow:0 4px 18px var(--accent-glow)}.ux-start:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.ux-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ux-panel-head,.ux-connection{display:flex;align-items:center;justify-content:space-between;gap:20px}.ux-connection{padding:18px 0;border-top:1px solid var(--line)}.ux-connection p{margin:8px 0 0;color:var(--muted)}.ux-choice-list{display:grid;gap:12px}.ux-add-data{align-self:center}.ux-workflow-steps details{border:1px solid var(--line);border-radius:16px;margin:14px 0;padding:16px}.ux-workflow-steps summary{cursor:pointer;min-height:44px;font-weight:600}.ux-workflow-steps .workflow-step{border:0;padding:12px 0;margin:0}.ux-workflow-editor{width:min(1100px,96vw);max-width:1100px}.ux-workflow-editor .dialog-head{position:sticky;top:0;background:var(--surface);z-index:2}.ux-workflow-editor .form-actions{position:sticky;bottom:0;background:var(--surface);padding:16px 0}.ux-template-note{padding:12px;border-left:3px solid var(--accent)}.ux-tool-technical{margin:10px 0}.ux-tool-technical summary{cursor:pointer}.ux-mobile-menu button,.ux-mobile-menu a{min-height:44px}
@media(min-width:761px){.ux-mobile-menu>.ux-primary{display:flex!important}}
@media(max-width:760px){.ux-mobile-menu>summary{display:block;cursor:pointer;padding:12px 16px;min-height:48px;font-weight:600}.ux-mobile-menu:not([open])>.ux-primary{display:none!important}.ux-primary{flex-direction:column;align-items:stretch}.ux-primary .nav-button{text-align:left;font-size:1rem}.ux-section-nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:10px}.ux-section-nav button{white-space:nowrap;flex-shrink:0}.ux-start-grid,.ux-overview-grid{grid-template-columns:1fr}.ux-start{padding:20px}.ux-panel-head,.ux-connection{align-items:flex-start;flex-direction:column;gap:10px}.ux-connection .button{width:100%}.ux-workflow-editor{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;margin:0;padding:20px}.page-head{flex-wrap:wrap}.ux-add-data{width:100%}}
.ux-workflow-editor .form-grid>.full{grid-column:1/-1;min-width:0}.ux-workflow-editor #workflow-steps{width:100%}.ux-workflow-editor #dialog-content{padding-bottom:16px}.ux-mcp-card details{margin-top:18px}.ux-mcp-card summary{cursor:pointer;min-height:44px;color:var(--secondary)}
