.coordination-lab{color:var(--navy);gap:16px;display:grid}.coordination-context{border:1px solid color-mix(in srgb, var(--navy) 16%, transparent);background:color-mix(in srgb, var(--chapter) 7%, white);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.coordination-context div{gap:2px;display:grid}.coordination-kicker,.coordination-context p span{color:color-mix(in srgb, var(--navy) 70%, white);font:700 11px/1.2 var(--font-coordinate);letter-spacing:.08em;text-transform:uppercase}.coordination-context strong{font-size:14px}.coordination-context p{text-align:right;margin:0;font-size:13px}.coordination-context p span{color:var(--chapter);margin-bottom:2px;display:block}.coordination-controls{justify-content:space-between;align-items:stretch;gap:12px;display:flex}.coordination-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,560px);display:grid}.coordination-modes button,.coordination-failure-toggle,.coordination-navigation button,.coordination-timeline button{color:inherit;font:inherit;cursor:pointer;border:0}.coordination-modes button{min-height:52px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--navy) 18%, transparent);text-align:left;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:9px 14px;display:flex}.coordination-modes button svg{width:20px;height:20px;color:var(--chapter);flex:none}.coordination-modes button span{gap:1px;min-width:0;display:grid}.coordination-modes button strong{font-size:14px}.coordination-modes button small{color:color-mix(in srgb, var(--navy) 66%, white);font-size:12px}.coordination-modes button[aria-pressed=true]{background:var(--navy);color:#fff;box-shadow:none}.coordination-modes button[aria-pressed=true] svg{color:var(--apricot)}.coordination-modes button[aria-pressed=true] small{color:#ffffffb8}.coordination-failure-toggle{min-height:48px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--apricot) 55%, white);color:#813b17;white-space:nowrap;background:#fff6ee;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:750;display:inline-flex}.coordination-failure-toggle svg{width:17px;height:17px}.coordination-failure-toggle[aria-pressed=true]{box-shadow:none;color:#fff;background:#8b2e24}.coordination-modes button:focus-visible,.coordination-failure-toggle:focus-visible,.coordination-navigation button:focus-visible,.coordination-timeline button:focus-visible{outline:3px solid var(--apricot);outline-offset:3px}.coordination-stage{border:1px solid color-mix(in srgb, var(--navy) 18%, transparent);background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--chapter) 18%, transparent), transparent 36%), #f8fafc;border-radius:18px;overflow:hidden}.coordination-stage-head{border-bottom:1px solid color-mix(in srgb, var(--navy) 12%, transparent);justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px 14px;display:flex}.coordination-stage-head div{gap:3px;display:grid}.coordination-stage-head span{color:var(--chapter);font:750 12px/1.2 var(--font-coordinate);letter-spacing:.07em;text-transform:uppercase}.coordination-stage-head strong{font-size:clamp(17px,2vw,22px)}.coordination-stage-head p{max-width:340px;color:color-mix(in srgb, var(--navy) 70%, white);text-align:right;margin:0;font-size:13px;line-height:1.45}.coordination-participants{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px 20px 0;display:grid}.coordination-participants>div{border:1px solid color-mix(in srgb, var(--navy) 15%, transparent);opacity:.66;background:#ffffffb8;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;padding:9px 10px;transition:opacity .18s,border-color .18s,background .18s;display:grid}.coordination-participants>div>span{background:color-mix(in srgb, var(--navy) 9%, white);width:30px;height:30px;font:800 13px var(--font-coordinate);border-radius:8px;grid-row:1/3;place-items:center;display:grid}.coordination-participants strong{text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.coordination-participants small{color:color-mix(in srgb, var(--navy) 65%, white);font-size:10px}.coordination-participants>div.is-visited{opacity:.82}.coordination-participants>div.is-active{border-color:var(--chapter);opacity:1;background:#fff;box-shadow:0 8px 24px #0e263f14}.coordination-participants>div.is-active>span{background:var(--chapter);color:#fff}.coordination-route{background:var(--navy);color:#fff;border-radius:14px;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.45fr) minmax(150px,.8fr);align-items:center;gap:12px;min-height:138px;margin:16px 20px;padding:18px;display:grid}.coordination-route-node{background:#ffffff1a;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.coordination-route-node.is-owner{background:color-mix(in srgb, var(--chapter) 72%, var(--navy))}.coordination-route-node svg,.coordination-node-letter{width:30px;height:30px;color:var(--apricot);flex:none}.coordination-node-letter{color:#fff;font:800 13px var(--font-coordinate);background:#ffffff1f;border-radius:8px;place-items:center;display:grid}.coordination-route-node span:not(.coordination-node-letter){gap:2px;min-width:0;display:grid}.coordination-route-node small,.coordination-route-link small{color:#ffffffa6;font:700 10px/1.2 var(--font-coordinate);letter-spacing:.08em;text-transform:uppercase}.coordination-route-node strong{text-overflow:ellipsis;font-size:14px;overflow:hidden}.coordination-route-link{text-align:center;justify-items:center;gap:4px;min-width:0;display:grid;position:relative}.coordination-route-link:before{z-index:0;content:"";background:#ffffff4d;height:2px;position:absolute;top:50%;left:8px;right:8px}.coordination-route-link>*{z-index:1;position:relative}.coordination-route-link small{background:var(--navy);border-radius:999px;padding:2px 8px}.coordination-route-link strong,.coordination-route-link code{background:var(--apricot);color:#35180d;max-width:100%;font:750 12px/1.3 var(--font-coordinate);overflow-wrap:anywhere;border-radius:7px;padding:7px 10px}.coordination-route-link svg{width:20px;height:20px;color:var(--navy);background:#fff;border-radius:50%;padding:3px;position:absolute;top:calc(50% - 10px);right:0}.coordination-route.is-failure .coordination-route-link strong,.coordination-route.is-failure .coordination-route-link code{color:#541d17;background:#ffb4aa}.coordination-route.is-compensation .coordination-route-link strong,.coordination-route.is-compensation .coordination-route-link code{color:#4c2c00;background:#fbd38d}.coordination-readout{gap:7px;min-height:175px;padding:0 20px 20px;display:grid}.coordination-readout>*{margin:0}.coordination-step-label{color:var(--chapter);font:750 11px/1.3 var(--font-coordinate);letter-spacing:.06em;text-transform:uppercase}.coordination-readout h3{overflow-wrap:anywhere;font-size:clamp(20px,3vw,28px)}.coordination-readout>p:not(.coordination-step-label,.coordination-ownership){max-width:65ch;font-size:14px;line-height:1.55}.coordination-ownership{border-top:1px solid color-mix(in srgb, var(--navy) 12%, transparent);color:color-mix(in srgb, var(--navy) 78%, white);grid-template-columns:132px minmax(0,1fr);gap:12px;margin-top:4px;padding-top:10px;font-size:13px;line-height:1.45;display:grid}.coordination-ownership strong{color:var(--navy)}.coordination-timeline{gap:12px;display:grid}.coordination-timeline ol{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.coordination-timeline li{min-width:0;position:relative}.coordination-timeline li:before{background:color-mix(in srgb, var(--navy) 15%, transparent);content:"";height:2px;position:absolute;top:15px;left:-50%;right:50%}.coordination-timeline li:first-child:before{display:none}.coordination-timeline li.is-past:before,.coordination-timeline li.is-current:before{background:var(--chapter)}.coordination-timeline li.is-failure:before,.coordination-timeline li.is-compensation:before{background:#b14b3e}.coordination-timeline li button{z-index:1;text-align:center;background:0 0;justify-items:center;gap:7px;width:100%;min-width:0;padding:0 4px;display:grid;position:relative}.coordination-timeline li button>span{border:2px solid color-mix(in srgb, var(--navy) 20%, transparent);width:30px;height:30px;font:750 11px var(--font-coordinate);background:#fff;border-radius:50%;place-items:center;display:grid}.coordination-timeline li button small{width:100%;color:color-mix(in srgb, var(--navy) 65%, white);overflow-wrap:anywhere;font-size:10px;line-height:1.25}.coordination-timeline li.is-past button>span{border-color:var(--chapter);color:var(--chapter)}.coordination-timeline li.is-current button>span{border-color:var(--chapter);background:var(--chapter);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb, var(--chapter) 15%, transparent)}.coordination-timeline li.is-current button small{color:var(--navy);font-weight:750}.coordination-timeline li.is-failure button>span,.coordination-timeline li.is-compensation button>span{border-color:#b14b3e}.coordination-timeline li.is-current.is-failure button>span,.coordination-timeline li.is-current.is-compensation button>span{background:#8b2e24;border-color:#8b2e24}.coordination-navigation{justify-content:center;align-items:center;gap:14px;display:flex}.coordination-navigation button{min-height:38px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--navy) 18%, transparent);background:#fff;border-radius:8px;align-items:center;gap:4px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.coordination-navigation button svg{width:16px;height:16px}.coordination-navigation button:disabled{cursor:default;opacity:.4}.coordination-navigation span{min-width:54px;font:700 12px var(--font-coordinate);text-align:center}.coordination-note{border-left:5px solid var(--chapter);background:color-mix(in srgb, var(--chapter) 8%, white);border-radius:8px;grid-template-columns:minmax(180px,.38fr) minmax(0,1fr);gap:18px;padding:13px 16px;display:grid}.coordination-note strong{font-size:13px}.coordination-note p{margin:0;font-size:13px;line-height:1.5}.coordination-lab.has-failure .coordination-note{background:#fff3f0;border-left-color:#8b2e24}@media (max-width:760px){.coordination-context,.coordination-controls,.coordination-stage-head{flex-direction:column;align-items:stretch}.coordination-context p,.coordination-stage-head p{text-align:left;max-width:none}.coordination-modes{width:100%}.coordination-failure-toggle{align-self:stretch}.coordination-participants{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:14px}.coordination-route{grid-template-columns:minmax(0,1fr);gap:7px;margin-inline:14px;padding:14px}.coordination-route-link{min-height:72px}.coordination-route-link:before{width:2px;height:auto;top:6px;bottom:6px;left:50%}.coordination-route-link svg{top:auto;bottom:0;right:calc(50% - 10px);transform:rotate(90deg)}.coordination-route-link small{align-self:start}.coordination-readout{min-height:210px;padding-inline:14px}.coordination-ownership,.coordination-note{grid-template-columns:minmax(0,1fr);gap:5px}.coordination-timeline{padding:3px 3px 8px;overflow-x:auto}.coordination-timeline ol{min-width:660px}.coordination-navigation{width:calc(100vw - 56px);position:sticky;left:0}}@media (max-width:440px){.coordination-modes{grid-template-columns:minmax(0,1fr)}.coordination-participants>div{grid-template-columns:26px minmax(0,1fr);padding:7px}.coordination-participants>div>span{width:26px;height:26px}.coordination-stage-head{padding:16px 14px 12px}}@media (prefers-reduced-motion:reduce){.coordination-participants>div{transition:none}}.coordination-pending-toggle{border:1px solid var(--slate);min-height:44px;color:var(--navy);text-align:left;background:#fff;border-radius:8px;justify-self:start;padding:10px 14px}.coordination-pending-toggle[aria-pressed=true]{background:#fff3f0;border-color:#8b2e24}.coordination-pending-toggle:focus-visible,.coordination-timeline:focus-visible{outline:3px solid var(--chapter);outline-offset:3px}.coordination-overall{border-left:4px solid var(--chapter);background:#fff;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin:0;padding:12px 16px;font-size:14px;display:flex}.coordination-overall span{color:var(--slate)}.coordination-overall.is-unresolved{background:#fff3f0;border-color:#8b2e24}
