/* A white, open presentation for the locking-pin process. */
.case-console {
  background: #fff;
  color: #193446;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.case-console .console-top,
.case-console .case-controls,
.case-console .case-timeline {
  background: #fff;
  border-color: #dbe3e8;
  color: #486274;
}
.case-console .console-top { padding-inline: 0; }
.case-console .case-visual,
.case-console.is-blueprint .case-visual.has-model-view,
.case-console .assembly-model,
.case-console.is-blueprint .assembly-model {
  background: #fff;
  border: 0;
}
.case-console .assembly-model::before { display: none; }
.case-console .case-stage-panel {
  background: #fff;
  border: 0;
  padding-right: 0;
}
.case-console .visual-heading,
.case-console .visual-heading span:first-child,
.case-console .visual-footnote,
.case-console .model-toolbar span,
.case-console .model-toolbar #model-action,
.case-console .model-toolbar .model-operation-detail {
  color: #486274;
}
.case-console .model-toolbar #model-action { color: #193446; }
.case-console .view-options { background: #f0f4f6; }
.case-console .view-options button { color: #486274; }
.case-console .view-options button[aria-pressed="true"] {
  background: #fff;
  color: #155c97;
  box-shadow: 0 1px 4px #19344618;
}
.case-console .model-toolbar button,
.case-console .case-controls button {
  background: #fff;
  color: #23465e;
  border-color: #bdced9;
}
.case-console .model-toolbar button:hover,
.case-console .case-controls button:hover { background: #eef5f9; }
.case-console .case-controls #case-play {
  background: #175f9b;
  color: #fff;
  border-color: #175f9b;
}
.case-console #step-counter { color: #486274; }
.case-console .case-controls { padding-inline: 0; }
.case-console .case-timeline { padding-inline: 0; }
.case-console .case-timeline button { color: #536b7b; border-color: #d6e0e7; }
.case-console .case-timeline button.is-complete { color: #315b78; border-color: #8bb3d0; }
.case-console .case-timeline button[aria-current="step"],
.case-console .case-timeline button:hover { color: #155c97; border-color: #155c97; }
.case-console .case-progress { background: #edf2f5; }
.case-console .case-progress-fill { background: #175f9b; }
.case-console .model-part-label,
.case-console.is-blueprint .model-part-label {
  background: #ffffffed;
  border-color: #afc5d4;
  color: #23465e;
  box-shadow: 0 2px 7px #19344612;
}
.case-console .model-part-label:hover,
.case-console .model-part-label.is-active { background: #eaf4fa; color: #155c97; }
.case-console .model-view-info { border-color: #dbe3e8; }
.case-console .model-legend-item,
.case-console .model-edge-key,
.case-console .model-contrast-note { color: #486274; }
.case-console .model-legend-worked::before { border-color: #8c9ca6; }
.case-console .model-drawing-title,
.case-console .model-drawing-title strong,
.case-console .model-drawing-title > :last-child { color: #486274; border-color: #c4d6e1; }
.case-console .model-drawing-title > :nth-child(2) { border-color: #c4d6e1; }
.case-console .model-edge-key::before { background: #2480ab; box-shadow: none; }
.case-console .stage-photo {
  background-color: #fff;
  border: 0;
  border-radius: 0;
}
.case-console .stage-photo-0 { background-image: url('images/locking-pin-photo-components.webp?v=round-pin-4'); }
.case-console .stage-photo-1 { background-image: url('images/locking-pin-photo-blank.webp'); }
.case-console .stage-photo-2 { background-image: url('images/locking-pin-photo-bracket.webp'); }
.case-console .stage-photo-3 { background-image: url('images/locking-pin-photo-cut.webp'); }
.case-console .stage-photo-4 { background-image: url('images/locking-pin-photo-machined.webp?v=round-pin-4'); }
.case-console .stage-photo-5 { background-image: url('images/locking-pin-photo-support.webp'); }
.case-console .stage-photo-6 { background-image: url('images/locking-pin-photo-assembly.webp?v=round-pin-4'); }
.case-console button:focus-visible { outline: 2px solid #1769a6; outline-offset: 3px; }
@media (max-width: 900px) {
  .case-console .case-stage-panel { padding-inline: 0; }
}

.case-console .stage-photo-7 { background-image: url('images/ko-bar-grinder-detail.webp'); }