:root{--navy:#06162f;--navy2:#0b2342;--line:#d9e3f2;--muted:#64748b;--action-blue:#146EF5;--blue:#2f80ed;--bg:#f6f8fc;--green:#276647;--red:#8F2F37}.td-page{container-name:task-workspace;container-type:inline-size;box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#0f172a;background:linear-gradient(180deg,#fbfcff,#f5f7fc);padding:16px}.td-page *{box-sizing:border-box}.td-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,170px) minmax(0,190px) auto minmax(0,420px) minmax(0,50px) minmax(0,128px);gap:14px;align-items:center;margin-bottom:14px}.td-brand h1{margin:0;font-size:24px;letter-spacing:-.04em}.td-brand p{margin:4px 0 0;color:var(--muted);font-weight:500}.td-top label{font-size:12px;color:#1f2937;font-weight:800}.td-top select,.td-search,.td-card input,.td-card select,.td-card textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:#0f172a;padding:11px;box-shadow:0 1px 0 rgba(15,23,42,.02)}.td-search{color:#0f172a}.td-search::placeholder,.td-card input::placeholder,.td-card textarea::placeholder{color:#475569;opacity:1}.td-icon,.td-user{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;text-align:center;box-shadow:0 6px 18px rgba(15,23,42,.04)}.td-icon b{position:absolute;top:-6px;right:-6px;background:#8F2F37;color:white;border-radius:999px;font-size:12px;padding:2px 5px}.td-user{font-weight:900}.td-user small{display:block;font-size:12px;color:var(--muted);font-weight:700}.td-primary{background:linear-gradient(135deg,var(--action-blue),var(--blue));color:#fff!important;border:0;border-radius:10px;padding:12px 18px;text-decoration:none;font-weight:900;cursor:pointer;box-shadow:0 12px 22px rgba(91,46,234,.22)}.td-metrics{position:relative;display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px;background:linear-gradient(120deg,#071528,#0a2442);border-radius:14px;padding:30px 12px 12px;margin-bottom:14px;color:#fff;box-shadow:0 14px 38px rgba(2,6,23,.18)}.metric-label{position:absolute;top:10px;left:16px;text-transform:uppercase;font-size:12px;font-weight:900;color:#dbeafe;letter-spacing:.05em}.td-metrics article{min-height:92px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:13px;text-align:center}.td-metrics span{display:block;text-transform:uppercase;font-size:12px;font-weight:900;color:#cbd5e1}.td-metrics b{display:block;margin:6px 0;font-size:25px;letter-spacing:-.03em}.td-metrics small{display:block;color:#93c5fd;font-weight:800}.td-metrics article:nth-child(2) b,.td-metrics article:nth-child(4) b{color:#8F2F37}.td-metrics article:nth-child(3) b{color:#D4B85D}.td-metrics article:nth-child(5) b,.td-metrics article:nth-child(6) b{color:#60a5fa}.td-grid{display:grid;width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,.95fr) minmax(0,1.65fr) minmax(0,.95fr);gap:14px;align-items:start}.td-card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:0 14px 34px rgba(15,23,42,.06);margin-bottom:14px}.td-card h3{font-size:14px;text-transform:uppercase;letter-spacing:.02em;color:#1e1b4b}.td-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.td-head h3,.td-head p{margin:0}.td-head small{color:#146EF5}.ai{display:flex;gap:18px;align-items:center}.orb{flex:0 0 82px;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#5AA2FF 0 20%,#146EF5 38%,#146EF5 76%);color:#fff;font-size:24px;font-weight:1000;box-shadow:0 0 0 8px #eef2ff,0 0 28px rgba(37,99,235,.5)}.ai-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:1}.ai-metrics h3,.ai-metrics a{grid-column:1/-1}.ai-metrics p{border:1px solid #e8eef7;border-radius:12px;margin:0;padding:12px}.ai-metrics b{font-size:22px}.ai-metrics span{display:block;color:var(--muted);font-size:12px}.parent{width:100%;display:grid;grid-template-columns:1fr auto;gap:5px;text-align:left;background:#fff;border:1px solid transparent;border-bottom-color:#eef2f7;border-radius:11px;padding:12px;cursor:pointer;transition:.18s ease}.parent:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.06)}.parent.sel{border-color:#146EF5;box-shadow:inset 3px 0 #146EF5,0 10px 24px rgba(124,58,237,.09);background:#fbfaff}.parent b,.parent small{grid-column:1/-1}.parent small,.parent span{color:var(--muted);font-size:12px}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:12px;border:1px solid #eef2f7;border-radius:12px;margin:14px 0;background:#fbfdff}.summary span{font-size:12px;color:#64748b}.summary b{font-size:13px;color:#172033}.td-empty{border:1px dashed #cbd5e1;border-radius:14px;padding:48px;text-align:center;color:#64748b;background:#f8fafc}.create{position:sticky;top:10px}.create label{display:grid;gap:6px;font-weight:900;font-size:12px;margin:12px 0;color:#111827}.create textarea{min-height:74px;resize:vertical}.preview-note{margin:6px 0 12px;color:#64748b;font-size:12px;font-weight:700;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:10px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle{display:flex!important;align-items:center}.toggle input{width:auto}.actions{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:10px;align-items:center}.file{display:block;margin-top:8px;color:#475569}.playbook,.outcome{margin-top:12px;border:1px solid #c4b5fd;background:#f5f3ff;border-radius:12px;padding:13px}.carousel{display:flex;gap:12px;overflow-x:auto;padding:10px 0}.case{min-width:230px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px;text-align:left}.case.sel{border-color:#146EF5;background:#faf5ff;box-shadow:0 0 0 3px rgba(124,58,237,.08)}.case span,.case small{display:block;color:#64748b;margin-top:6px}.recommend{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:13px;padding:13px}.recommend p{flex:1}.outcome{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.outcome b{grid-column:1/-1}.outcome span{background:#fff;border:1px solid #e9d5ff;border-radius:9px;padding:9px;font-size:12px;color:#276647;font-weight:900}.td-lower{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.modal{position:fixed;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(6px);z-index:1000;display:grid;place-items:center;padding:24px}.box{width:min(1180px,92vw);max-height:90vh;overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:17px;padding:22px;box-shadow:0 36px 100px rgba(0,0,0,.42)}.box h2{font-size:20px;letter-spacing:-.03em}.box nav{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;border-bottom:1px solid var(--line);margin:16px 0}.box nav button{background:#fff;border:0;border-radius:0;padding:13px;color:#64748b}.box nav .sel{color:#146EF5;border-bottom:3px solid #146EF5;font-weight:900}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-grid section{border:1px solid #e8eef7;border-radius:12px;padding:14px;background:#fff}.box footer{display:flex;gap:12px;justify-content:flex-end;margin-top:16px;border-top:1px solid #eef2f7;padding-top:14px}.box button,.td-card button,.button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 14px;cursor:pointer;text-decoration:none;color:#1f2937;font-weight:800}.box footer button:nth-child(4){color:#8F2F37;border-color:#fca5a5}.td-toast{position:fixed;right:24px;bottom:24px;background:#052e16;color:#fff;padding:14px 18px;border-radius:12px;z-index:1100;box-shadow:0 16px 40px rgba(0,0,0,.22)}.advanced{max-width:none;margin:0}.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.adv-grid label{display:grid;gap:6px;font-weight:800}.adv-grid textarea{min-height:76px}@container task-workspace (max-width:1400px){.td-top{grid-template-columns:repeat(3,minmax(0,1fr))}}@container task-workspace (max-width:1200px){.td-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.td-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.td-grid>:nth-child(3){grid-column:1/-1}.create{position:static}.td-lower{grid-template-columns:1fr 1fr}.outcome{grid-template-columns:repeat(2,minmax(0,1fr))}}@container task-workspace (max-width:760px){.td-top,.td-metrics,.td-grid,.td-lower,.modal-grid,.adv-grid,.two,.actions{grid-template-columns:minmax(0,1fr)}.td-grid>:nth-child(3){grid-column:auto}}@media(max-width:760px){.td-page{padding:8px}.td-top,.td-metrics,.td-lower,.modal-grid,.adv-grid,.two,.actions{grid-template-columns:1fr}.box{width:100%;padding:14px}.td-head,.recommend{align-items:flex-start;flex-direction:column}.box nav{grid-template-columns:1fr}}

.td-card,.td-card p,.td-card small,.td-card span,.td-card label,.create,.create *{color:#0f172a}.td-primary,.td-primary *{color:#fff!important}.td-top select option,.td-card select option{color:#0f172a;background:#fff}


.td-readable-light,.td-primary.td-readable-light,.advanced .td-save-workflow,.advanced [data-back],.recommend [data-simulate],.recommend [data-apply],.create [data-generate]{background:#f8fafc!important;color:#111827!important;border:1px solid #94a3b8!important;text-shadow:none!important;box-shadow:0 8px 18px rgba(15,23,42,.08)!important}.td-readable-light *,.td-primary.td-readable-light *{color:#111827!important}.advanced,.advanced p,.advanced label,.advanced textarea,.advanced input,.advanced select{color:#0f172a!important}.advanced textarea::placeholder,.advanced input::placeholder{color:#475569!important;opacity:1}.insight{display:grid;gap:10px;align-content:start}.insight div{border:1px solid #e8eef7;border-radius:12px;padding:10px;background:#fbfdff}.insight b{display:block;color:#111827;margin-bottom:4px}.insight span,.insight p{display:block;color:#334155;font-size:12px;line-height:1.45;margin:0}.insight button{margin-top:8px;background:#f8fafc;color:#111827;border-color:#cbd5e1}.analytics-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px;border:0!important;padding:0!important;background:transparent!important}.analytics-grid span{border:1px solid #e8eef7;border-radius:10px;padding:9px;background:#fff;text-align:center;font-weight:800}.analytics-grid b{font-size:18px;color:#1d4ed8}

/* Compact Operations Dashboard contract: favor vertical reading over squeezed columns. */
.td-page{width:100%;max-width:100%;min-width:0;font-size:12.5px;line-height:1.45}
.td-page>*{min-width:0;max-width:100%}
.td-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.td-brand h1{font-size:23px}.td-brand p{font-size:12px}
.td-top .td-search{grid-column:span 2}.td-top .td-primary{white-space:normal;text-align:center}
.td-metrics{gap:10px}.td-metrics article{min-width:0;min-height:78px}
.td-metrics span,.metric-label{font-size:12px}.td-metrics b{font-size:22px}.td-metrics small{font-size:12px}
.td-grid{max-width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.td-grid>*,.td-grid main{max-width:100%;min-width:0}
.td-card h3{font-size:14px}.td-card{font-size:12.5px}
.parent,.parent b,.parent span,.parent small,.summary span,.summary b{word-break:normal;overflow-wrap:normal}
.parent small,.parent span,.create label,.preview-note,.case span,.case small{font-size:11.5px}

.create{position:static;width:100%;max-width:100%}.create form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.create form>label:first-of-type,.create form>label:last-of-type,.create form>.toggle,.create form>.actions,.create form>.preview-note,.create form>.file{grid-column:1/-1}
.reassign{width:100%;max-width:100%}.td-lower{grid-template-columns:repeat(2,minmax(0,1fr))}
.insight span,.insight p{font-size:11.5px}.analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@container task-workspace (max-width:1200px){.td-top{grid-template-columns:repeat(2,minmax(0,1fr))}.td-top .td-search{grid-column:auto}.td-grid{grid-template-columns:minmax(0,1fr)}.td-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.create form{grid-template-columns:minmax(0,1fr)}.create form>*{grid-column:1!important}.td-lower{grid-template-columns:minmax(0,1fr)}}
@container task-workspace (max-width:680px){.td-top,.td-metrics{grid-template-columns:minmax(0,1fr)}.td-top .td-search{grid-column:auto}}

/* Selected workflow execution tree. Scrolling is deliberately local to the diagram. */
.execution-flow-section{min-width:0;overflow:hidden}.execution-heading{display:flex;align-items:baseline;gap:9px;margin-bottom:12px}.execution-heading span{color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.execution-heading h3{margin:0}.execution-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.execution-summary span{border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;padding:6px 10px;color:#475569}.execution-summary b{color:#172033}.execution-tree{position:relative;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(270px,1.2fr);gap:74px;align-items:center;min-width:610px;max-width:100%;border:1px solid #e8eef7;border-radius:14px;background:#fff;padding:18px}.execution-connectors{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px);pointer-events:none}.execution-connectors path{fill:none;stroke:#b9c7d9;stroke-width:1.2;vector-effect:non-scaling-stroke}.execution-node{position:relative;z-index:1;border:1px solid #dbe3ed;border-left:4px solid #64748b;border-radius:13px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.07);padding:14px;text-align:left;color:#172033}.execution-root{align-self:center}.execution-node h4{margin:5px 0 10px;font-size:13px;line-height:1.35;color:#0f172a}.execution-node strong{display:inline-block;border-radius:999px;background:#f1f5f9;padding:4px 8px;margin-bottom:8px;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.execution-node.info{border-left-color:#2563eb}.execution-node.info strong{background:#dbeafe;color:#1d4ed8}.execution-node.bad{border-left-color:#8f2f37}.execution-node.bad strong{background:#fee2e2;color:#8f2f37}.execution-node.good{border-left-color:#276647}.execution-node.good strong{background:#dcfce7;color:#276647}.execution-node.idle{border-left-color:#64748b}.execution-root dl{display:grid;gap:5px;margin:0}.execution-root dl div{display:grid;grid-template-columns:72px 1fr;gap:5px}.execution-root dt{color:#64748b}.execution-root dd{margin:0;font-weight:750}.execution-children{display:grid;gap:12px}.execution-child{width:100%;cursor:pointer}.execution-child>span:not(.execution-node-label){display:block;margin-top:4px;color:#475569;font-size:12px}.execution-child .execution-node-label{color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.execution-child .dependency-state{border-top:1px solid #edf1f5;margin-top:8px!important;padding-top:7px}.execution-child:hover,.execution-child:focus-visible{border-color:#146ef5;outline:3px solid rgba(20,110,245,.16);transform:translateY(-1px)}
@container task-workspace (max-width:680px){.execution-tree{display:block;min-width:0;padding:12px}.execution-connectors{display:none}.execution-root{margin-bottom:20px}.execution-children{border-left:2px solid #cbd5e1;padding-left:18px}.execution-child:before{content:'';position:absolute;left:-20px;top:28px;width:17px;border-top:2px solid #cbd5e1}}
@media(max-width:680px){.execution-tree{display:block;min-width:0}.execution-connectors{display:none}.execution-root{margin-bottom:20px}.execution-children{border-left:2px solid #cbd5e1;padding-left:18px}.execution-child:before{content:'';position:absolute;left:-20px;top:28px;width:17px;border-top:2px solid #cbd5e1}}

.execution-child .dependency-connector{position:absolute;left:-55px;top:calc(50% - 9px);width:18px;height:18px;color:#64748b}.dependency-connector path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@media(max-width:680px){.execution-child .dependency-connector{left:-22px;top:32px;background:#fff}}

/* Premium selected-task execution map; semantics and interaction remain JavaScript-owned. */
.execution-flow-section{min-width:0;overflow:visible;background:#fff}
.execution-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.execution-heading span{color:#52647a;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.execution-heading h3{margin:0;color:#10233f}
.execution-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.execution-summary span{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9e3ef;border-radius:999px;background:#f8fafc;padding:7px 11px;color:#52647a;font-size:12px;font-weight:700}.execution-summary b{color:#10233f;font-size:13px}
.execution-tree{position:relative;display:grid;grid-template-columns:minmax(230px,.82fr) minmax(300px,1.18fr);gap:76px;align-items:center;min-width:640px;max-width:100%;border:1px solid #e1e8f0;border-radius:16px;background:#fff;padding:24px}
.execution-connectors{position:absolute;inset:24px;width:calc(100% - 48px);height:calc(100% - 48px);pointer-events:none}.execution-connectors path{fill:none;stroke:#bdc9d8;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.execution-node{position:relative;z-index:1;border:1px solid #d7e0eb;border-left:4px solid #7b8a9d;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(15,35,64,.07);padding:14px;text-align:left;color:#172033;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.execution-root{align-self:center;border:2px solid #9dbce6;border-left:6px solid #146ef5;padding:18px;box-shadow:0 8px 22px rgba(20,58,105,.1)}.execution-root>small,.execution-node-label{display:block;color:#52647a;font-size:12px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.execution-node h4{margin:6px 0 11px;color:#0b1f3a;font-size:14px;line-height:1.4}.execution-root h4{font-size:17px;line-height:1.35}
.execution-status{display:inline-flex;align-items:center;width:max-content;border-radius:999px;background:#eef2f6;padding:5px 9px;color:#475569;font-size:12px;font-weight:800;line-height:1.2;text-transform:capitalize}.execution-node.info{border-left-color:#2563eb}.execution-node.info .execution-status{background:#e7f0ff;color:#1d4ed8}.execution-node.warning{border-left-color:#d39218}.execution-node.warning .execution-status{background:#fff4d6;color:#875600}.execution-node.bad{border-left-color:#b33a45}.execution-node.bad .execution-status{background:#fde8e8;color:#932b35}.execution-node.good{border-left-color:#27805a}.execution-node.good .execution-status{background:#e2f5e9;color:#236747}.execution-node.idle,.execution-node.cancelled{border-left-color:#7b8a9d}.execution-node.cancelled{background:#f8fafc}.execution-node.cancelled .execution-status{background:#e8edf2;color:#475569}
.execution-root dl{display:grid;gap:6px;margin:12px 0 0;padding-top:11px;border-top:1px solid #e6edf5}.execution-root dl div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:7px}.execution-root dt{color:#64748b;font-size:12px}.execution-root dd{margin:0;color:#172033;font-size:12px;font-weight:750}
.execution-children{display:grid;gap:12px}.execution-child{width:100%;min-height:104px;cursor:pointer}.execution-child-head{display:flex!important;align-items:flex-start;justify-content:space-between;gap:12px}.execution-child-head h4{margin:5px 0 8px;flex:1}.execution-child-head .execution-status{flex:0 0 auto;margin-top:3px}.execution-people{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px}.execution-people>span{color:#25364b;font-size:12px}.execution-people b{display:block;margin-bottom:1px;color:#64748b;font-size:12px}.evidence-state,.dependency-state{display:block;margin-top:7px;color:#52647a;font-size:12px}.dependency-state{border-top:1px solid #e8edf3;padding-top:7px}.execution-child:hover{border-color:#86aee3;box-shadow:0 8px 18px rgba(15,35,64,.1);transform:translateY(-1px)}.execution-child:focus-visible{outline:3px solid #146ef5;outline-offset:3px;border-color:#146ef5;box-shadow:0 5px 16px rgba(15,35,64,.08)}
.execution-child .dependency-connector{position:absolute;left:-56px;top:calc(50% - 9px);width:18px;height:18px;padding:2px;border-radius:4px;background:#fff;color:#66788e}.dependency-connector path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@container task-workspace (max-width:680px){.execution-tree{display:block;min-width:0;padding:14px}.execution-connectors{display:none}.execution-root{margin-bottom:22px}.execution-children{border-left:2px solid #c6d1df;padding-left:18px}.execution-child:before{content:'';position:absolute;left:-20px;top:31px;width:17px;border-top:2px solid #c6d1df}.execution-child .dependency-connector{left:-22px;top:37px}}
@media(max-width:680px){.execution-tree{display:block;min-width:0}.execution-connectors{display:none}.execution-root{margin-bottom:22px}.execution-children{border-left:2px solid #c6d1df;padding-left:18px}.execution-child:before{content:'';position:absolute;left:-20px;top:31px;width:17px;border-top:2px solid #c6d1df}.execution-child .dependency-connector{left:-22px;top:37px}.execution-child-head{display:block!important}.execution-child-head .execution-status{margin-bottom:4px}.execution-people{grid-template-columns:minmax(0,1fr)}}

/* Department-grouped execution map: organization connectors are intentionally
   separate from dependency signals rendered inside task nodes. */
.execution-tree{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:100%;padding:24px 28px 30px;background:#fbfcfe}
.execution-root{width:clamp(220px,24vw,270px);align-self:center;padding:15px 16px;border:1px solid #c8d8ec;border-top:4px solid #146ef5;border-left:1px solid #c8d8ec}
.execution-root h4{font-size:15px;margin:5px 0 9px}.execution-root dl{grid-template-columns:1fr 1fr;gap:8px}.execution-root dl div{display:block}.execution-root dt{font-size:12px;text-transform:uppercase}.execution-root dd{margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.execution-root-connectors{position:static;flex:0 0 42px;width:max(82%,500px);height:42px;overflow:visible}
.execution-connectors path,.department-connectors path{fill:none;stroke:#aebed1;stroke-width:1.4;vector-effect:non-scaling-stroke}
.execution-departments{display:flex;align-items:flex-start;justify-content:center;gap:24px;width:max-content;min-width:100%}
.execution-department{display:flex;flex-direction:column;align-items:center;width:max-content;min-width:166px}
.execution-department-card{display:flex;align-items:center;gap:10px;width:166px;min-height:68px;padding:11px;border:1px solid #d8e2ed;border-radius:12px;background:#fff;box-shadow:0 5px 14px rgba(15,35,64,.07)}
.execution-department-card h4{margin:0 0 4px;font-size:13px;line-height:1.2}.execution-department-card small{color:#64748b;font-weight:700}.department-icon{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:8px;background:#eaf2fc;color:#146ef5;font-size:17px}
.department-connectors{display:block;width:calc(100% - 22px);height:34px;overflow:visible}.execution-department .execution-children{display:flex;align-items:stretch;justify-content:center;gap:10px}
.execution-child{width:154px;min-height:126px;padding:11px;border-left-width:3px}.execution-child h4{min-height:38px;margin:5px 0 8px;font-size:12px}.execution-child .execution-status{font-size:12px;padding:4px 7px}.execution-owner,.execution-due{display:block;margin-top:6px;color:#52647a;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.execution-child .dependency-state{font-size:12px}.execution-child .dependency-connector{position:static;display:inline-block;width:14px;height:14px;margin-right:3px;vertical-align:middle}
/* Task detail stays centered in the viewport and above the fixed sidebar. */
.modal{position:fixed;inset:0;z-index:1200;display:flex;justify-content:center;align-items:center;padding:24px;background:rgba(15,35,64,.34);backdrop-filter:blur(2px);overflow:hidden}.box{width:min(900px,calc(100vw - 48px));max-width:100%;height:auto;max-height:calc(100vh - 48px);margin:0;padding:20px;overflow-y:auto;overflow-x:hidden;border-radius:16px;box-shadow:0 24px 70px rgba(15,35,64,.28)}.drawer-kicker{margin-top:4px;color:#52647a;font-size:12px;font-weight:750;text-transform:uppercase}.box .summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;background:transparent}.box .summary span{padding:9px;border-bottom:1px solid #edf1f5}.box nav{display:flex;overflow-x:auto}.box nav button{flex:1 0 auto;padding:10px 8px}.box .modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.box footer{flex-wrap:wrap;justify-content:flex-end}.box h2{margin:0;font-size:18px}.box .td-head{flex-direction:row;align-items:flex-start}
@media(max-width:960px){.modal{left:0}.execution-root-connectors{width:max(82%,360px)}}
@media(max-width:680px){.execution-tree{display:flex;padding:16px}.execution-root{margin-bottom:0}.execution-root-connectors,.department-connectors{display:block}.execution-departments{min-width:max-content}.execution-department .execution-children{border-left:0;padding-left:0}.execution-child:before{display:none}.box{width:min(420px,100%);height:calc(100vh - 16px);padding:14px}.modal{padding:8px}}

/* The execution map owns a local scrolling viewport; its tree retains intrinsic width. */
.td-page{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
body.wy-board-layout-page,.wy-board-layout-page .shell{max-width:100%;overflow-x:hidden}
.td-grid{width:100%;max-width:100%;min-width:0}
.td-grid>*,.td-grid main{min-width:0;max-width:100%}
.execution-flow-section,.td-card.workflow{box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow:hidden}
.execution-scroll-region{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow-x:scroll;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-gutter:stable;padding-bottom:6px;contain:inline-size}
.execution-scroll-region::-webkit-scrollbar{height:10px}
.execution-scroll-region::-webkit-scrollbar-thumb{border-radius:999px}
.execution-tree{box-sizing:border-box;width:max-content;min-width:100%;max-width:none;overflow:visible;padding-left:24px;padding-right:32px}
.execution-departments{display:flex;flex:0 0 auto;width:max-content;min-width:max-content;flex-wrap:nowrap}
.execution-department{flex:0 0 auto}
.execution-scroll-region[data-execution-scroll-region]{touch-action:pan-x;cursor:ew-resize}
.execution-scroll-region[data-execution-scroll-region]:focus-visible{outline:3px solid rgba(20,110,245,.24);outline-offset:2px}
@container task-workspace (max-width:680px){.execution-tree{width:max-content;min-width:100%;max-width:none;overflow:visible;padding-left:24px;padding-right:32px}}
@media(max-width:680px){.execution-tree{width:max-content;min-width:100%;max-width:none;overflow:visible;padding-left:24px;padding-right:32px}}

/* Keep the execution flow useful for direct tasks and make its bottom scrollbar visible. */
.execution-tree-single{justify-content:center;min-height:230px}
.execution-single-note{margin:2px 0 0;color:#52647a;font-size:12px;text-align:center}
.execution-scroll-region{scrollbar-color:#6f8198 #e7edf4;scrollbar-width:auto;padding-bottom:10px}
.execution-scroll-region::-webkit-scrollbar{height:12px}
.execution-scroll-region::-webkit-scrollbar-track{border-radius:999px;background:#e7edf4}
.execution-scroll-region::-webkit-scrollbar-thumb{border:2px solid #e7edf4;border-radius:999px;background:#6f8198}
.execution-scroll-region::-webkit-scrollbar-thumb:hover{background:#52647a}

/* A rendered scrollbar keeps the draggable handle visible even on platforms
   that replace or suppress native overlay scrollbar thumbs. */
.execution-scroll-region{scrollbar-width:none;padding-bottom:6px}
.execution-scroll-region::-webkit-scrollbar{display:none}
.execution-scrollbar{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:5px;width:100%;margin-top:8px}
.execution-scrollbar button{display:grid;place-items:center;width:24px;height:24px;min-width:0;padding:0;border:0;border-radius:6px;background:#e7edf4;color:#52647a;font-size:20px;line-height:1}
.execution-scrollbar-track{position:relative;height:12px;border-radius:999px;background:#e7edf4;cursor:pointer}
.execution-scrollbar-thumb{position:absolute;inset:0 auto 0 0;min-width:48px;border:2px solid #e7edf4;border-radius:999px;background:#52647a;cursor:grab;touch-action:none;will-change:transform}
.execution-scrollbar-thumb:active{cursor:grabbing;background:#33465e}
.execution-scrollbar.is-disabled{opacity:.55}.execution-scrollbar.is-disabled button,.execution-scrollbar.is-disabled .execution-scrollbar-track{cursor:default}
.execution-scrollbar button:focus-visible,.execution-scrollbar-thumb:focus-visible{outline:3px solid rgba(20,110,245,.35);outline-offset:2px}
.execution-scroll-help{margin:5px 29px 0;color:#64748b;font-size:11px;text-align:center}

/* Give the selected execution flow the full operations workspace row. The task
   picker remains compact above it, while the relationship map runs from the
   sidebar-side content edge through to the right edge of the page. */
.td-grid>main{grid-column:1/-1;width:100%}