/* Crew colors are repeated identity cues, paired with visible staff names. */
.diagram-section-color-1{--diagram-section-color:hsl(211 63% 38%)}
.diagram-section-color-2{--diagram-section-color:hsl(16 68% 42%)}
.diagram-section-color-3{--diagram-section-color:hsl(150 53% 32%)}
.diagram-section-color-4{--diagram-section-color:hsl(282 44% 42%)}
.diagram-section-color-5{--diagram-section-color:hsl(337 59% 43%)}
.diagram-section-color-6{--diagram-section-color:hsl(185 62% 30%)}
.diagram-section-color-7{--diagram-section-color:hsl(44 80% 32%)}
.diagram-section-color-8{--diagram-section-color:hsl(243 43% 47%)}
.diagram-section-color-9{--diagram-section-color:hsl(83 52% 32%)}
.diagram-section-color-10{--diagram-section-color:hsl(359 59% 39%)}
.diagram-section-color-11{--diagram-section-color:hsl(199 65% 40%)}
.diagram-section-color-12{--diagram-section-color:hsl(306 48% 38%)}
.diagram-section-color-13{--diagram-section-color:hsl(24 57% 34%)}
.diagram-section-color-14{--diagram-section-color:hsl(166 53% 27%)}
.diagram-section-color-15{--diagram-section-color:hsl(263 53% 49%)}
.diagram-section-color-16{--diagram-section-color:hsl(123 39% 39%)}
.diagram-section-color-17{--diagram-section-color:hsl(324 42% 34%)}
.diagram-section-color-18{--diagram-section-color:hsl(224 44% 52%)}
.diagram-section-color-19{--diagram-section-color:hsl(56 60% 29%)}
.diagram-section-color-20{--diagram-section-color:hsl(9 49% 51%)}
.diagram-section-color-21{--diagram-section-color:hsl(175 67% 35%)}
.diagram-section-color-22{--diagram-section-color:hsl(291 33% 51%)}
.diagram-section-color-23{--diagram-section-color:hsl(99 41% 40%)}
.diagram-section-color-24{--diagram-section-color:hsl(32 73% 42%)}
.diagram-crew-tag.btn{display:flex;grid-column:1/-1;justify-self:stretch;align-self:stretch;align-items:center;gap:var(--s-2);width:100%;max-width:100%;min-width:0;min-height:var(--control-height-touch);padding:var(--s-2);text-align:left;background:var(--paper);color:var(--navy-dark);border-color:var(--line);touch-action:none;user-select:none;cursor:grab}
.diagram-section-row>.diagram-crew-tag.btn{justify-self:stretch}
.diagram-crew-tag.btn:active{cursor:grabbing}
.diagram-crew-tag.btn:disabled{cursor:default}
.diagram-crew-tag.is-dragging{opacity:.55}
.diagram-crew-dot{display:inline-block;flex:0 0 var(--s-3);width:var(--s-3);height:var(--s-3);border-radius:50%;background:var(--diagram-section-color);vertical-align:middle}
.diagram-crew-name{min-width:0;overflow-wrap:anywhere}
.diagram-crew-drag-icon{display:flex;flex:0 0 auto;align-items:center;margin-left:auto;color:var(--muted)}
.diagram-crew-drag-icon .ci{width:var(--s-4);height:var(--s-4)}
.diagram-crew-ghost{position:fixed;z-index:1000;display:flex;align-items:center;gap:var(--s-2);max-width:18rem;padding:var(--s-2) var(--s-3);border:1px solid var(--diagram-section-color);border-radius:var(--r-s);background:var(--paper);color:var(--navy-dark);font-size:var(--t-sub);font-weight:600;pointer-events:none;transform:translate(calc(-1 * var(--s-3)),-50%);box-shadow:0 var(--s-1) var(--s-3) color-mix(in srgb,var(--navy-dark) 18%,transparent)}
.diagram-map-stage.is-crew-drop-target{outline:2px solid var(--focus-ring);outline-offset:2px}
.diagram-map-label.diagram-crew-colored{box-shadow:inset 0 0 0 var(--diagram-label-border) var(--diagram-section-color),inset calc(var(--diagram-label-font) * .2) 0 0 var(--diagram-section-color)}
.diagram-map-label.diagram-crew-colored.is-selected{box-shadow:inset 0 0 0 var(--diagram-label-border) var(--diagram-section-color),inset calc(var(--diagram-label-font) * .2) 0 0 var(--diagram-section-color),0 0 0 1px var(--focus-ring)}
.diagram-table-marker.diagram-crew-colored{border-color:var(--diagram-section-color)}
.diagram-crew-color-sample{position:absolute;visibility:hidden;pointer-events:none;color:var(--diagram-section-color)}