/* TOC Workflow uses the same native product shell and controls as TOC Learn. */
:root{--bg:var(--tru-paper);--fg:var(--tru-ink);--flow-background:var(--bg);--flow-foreground:var(--fg);--flow-modal-backdrop:color-mix(in srgb,var(--tru-ink) 35%,transparent);--flow-modal-blur:6px;font-family:var(--tru-font-body);font-size:16px;line-height:1.5;color:var(--fg);background:var(--bg)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:var(--fg);background:var(--bg)}a{color:inherit;text-underline-offset:.2em}p{line-height:1.6}

.product-header,.product-footer{grid-column:1/-1;width:100%;min-width:0;margin:0;border:0}.tru-product-brand{flex-shrink:0;text-decoration:none}.product-header.tru-product-header .tru-product-logo{mask-image:url('/workflow/toc-workflow.svg');width:calc(var(--tru-product-logo-height) * 902 / 261)}.tru-corporate-logo{mask-image:url('/workflow/truput-logo-refined.png')}
.header-controls,#workflow-account{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;min-width:0}.header-controls{margin-inline-start:auto;flex-wrap:wrap}#workflow-account{flex-wrap:wrap;font-size:.9rem}.header-controls svg{width:var(--tru-header-icon-size);height:var(--tru-header-icon-size)}
.product-sidebar>button{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding:.35rem;min-height:44px;margin:0;border:0;text-align:left;text-decoration:none;font-size:1rem;font-weight:650;line-height:1.3;background:transparent;color:var(--fg)}.product-sidebar>button:is(:hover,[aria-current=page]){color:var(--bg);background:var(--fg)}.product-sidebar>button[aria-current=page]{font-weight:800}.product-sidebar svg{width:var(--tru-nav-icon-size);height:var(--tru-nav-icon-size);flex-shrink:0}
svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1{font-size:var(--tru-page-title-size);font-weight:700;letter-spacing:-.045em;line-height:normal;margin:0 0 1.5rem}h2,h3{line-height:1.2;letter-spacing:-.025em}h2{font-size:var(--tru-grid-title-size,1.45rem);margin:0 0 1rem}h3{font-size:1.2rem}.page-heading{margin-bottom:2rem}.page-heading>.eyebrow{margin-top:0}.page-heading>p:last-child{margin-bottom:0}section,article{padding:0;border:0;margin:1rem 0;background:var(--bg)}.page-heading p,article,p,a,label{overflow-wrap:anywhere}#status{margin:.6rem 0}#status:empty{display:none}
label{display:block;margin:.7rem 0;font-size:1rem}input,select,textarea,button{font:inherit;max-width:100%;border-radius:0;color:var(--fg)}input,select,textarea{padding:.4rem .5rem;border:1px solid var(--fg);background:var(--bg);line-height:1.3;min-height:2.25rem;font-weight:400}input,textarea,select{width:min(100%,32rem)}input[type=checkbox],input[type=radio]{width:auto;min-height:0;margin-inline-end:.6rem;accent-color:var(--fg)}textarea{min-height:5rem}button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.45rem .8rem;margin:.4rem .5rem .4rem 0;border:1px solid var(--fg);background:var(--fg);color:var(--bg);cursor:pointer;line-height:1.3}button:hover:not(:disabled){background:var(--bg);color:var(--fg)}button:active:not(:disabled){outline:1px solid var(--fg);outline-offset:2px}button:disabled{cursor:not-allowed;border-style:dashed;opacity:.6;background:var(--bg);color:var(--fg)}.icon-button{width:44px;height:44px;padding:.5rem;margin:0;background:transparent;color:var(--fg);border:1px solid transparent}.icon-button:hover:not(:disabled),.icon-button:active:not(:disabled){background:var(--fg);color:var(--bg);outline:0}.icon-button svg{pointer-events:none}.plain-action{background:transparent;color:var(--fg);border-color:transparent;font-weight:650}.plain-action:hover:not(:disabled){background:var(--fg);color:var(--bg)}.open-link{font-weight:700;text-decoration:none}.profile-link{text-decoration:none;font-weight:650}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}::selection{background:var(--fg);color:var(--bg)}summary{cursor:pointer;padding:.5rem 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;max-height:24rem;overflow:auto}
.dashboard-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-block:1.5rem}.dashboard-sections article{margin:0}.dashboard-sections h3{margin-top:0}.dashboard-sections strong{font-size:2rem}.dashboard-links button{padding-inline:0}.appearance-status,.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.footer-information{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.footer-information p{margin:0}.skip-link{position:absolute;left:1rem;top:-10rem;background:var(--bg);color:var(--fg);padding:.8rem;z-index:10}.skip-link:focus{top:1rem}
@media(max-width:760px){.product-shell{grid-template-columns:1fr;gap:1rem}.product-header{flex-wrap:wrap}.header-controls{gap:.35rem}.product-sidebar{flex-direction:row;flex-wrap:wrap;gap:.25rem;padding-top:0}.product-sidebar>button{font-size:.95rem;padding:.45rem}.product-sidebar svg{width:1.5rem;height:1.5rem}.dashboard-sections{grid-template-columns:1fr}.page-heading{margin-bottom:1.5rem}.product-shell>main{padding-top:0}.tru-product-footer{gap:1rem}}
@media(max-width:420px){.header-controls{width:100%}.product-footer.tru-product-footer{grid-template-columns:1fr}.footer-information{align-items:flex-start;justify-self:start!important;text-align:left!important}}
@media(forced-colors:active){.tru-product-header .tru-product-logo,.tru-product-footer .tru-corporate-logo{forced-color-adjust:none;background:CanvasText}}
#workflow-console textarea{width:100%;resize:vertical}#graph-json,#graph-input,#graph-node-editor textarea{font-family:var(--tru-font-mono)}#workflow-console select{max-width:100%}.console-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:end;margin-block:1rem}.console-actions>label{margin:0}.console-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.console-checkbox{display:flex;flex-direction:row;align-items:center}#graph-diagram{overflow:auto;max-height:34rem;border:1px solid currentColor;margin-block:1rem}#graph-diagram svg{display:block;min-width:720px;width:100%;max-height:45rem}#graph-node-editor details{border-top:1px solid currentColor;padding-block:.7rem}#graph-json{min-height:22rem}#graph-definitions{display:block}#console-status:empty{display:none}#console-status:not(:empty){padding-block:.75rem;border-block:1px solid currentColor}
.runtime-diagram{overflow:auto;border:1px solid currentColor;margin-block:1rem}.runtime-diagram svg{display:block;min-width:720px;width:100%;max-height:40rem}
#graph-diagram svg g{cursor:grab;touch-action:none}#graph-diagram svg g:active{cursor:grabbing}#graph-diagram svg g:focus-visible rect{stroke-width:3}


.header-company{font-size:.85rem}

.product-shell>main{padding-bottom:4rem}