/* Horizontal Main Dock Artwork Polish Pass 6.
   Keep the supplied PNG alpha as the only authority for the outer silhouette.
   Art 1's repeating middle background previously tiled behind the transparent
   pixels in both corner plates, visually filling and flattening their arcs. */
body.dock-mode-horizontal .command-dock {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  clip-path: none;
  mask: none;
  -webkit-mask: none;
  isolation: isolate;
  filter: drop-shadow(0 18px 23px rgba(0, 8, 21, .52));
}

/* Confine the repeatable middle texture to the center band. The two-pixel
   seam overlaps remain behind the opaque edge of the top and bottom plates,
   never behind their alpha-defined outer corners. */
body.dock-mode-horizontal .command-dock::before {
  content: "";
  position: absolute;
  inset: 75px 0 14.5px;
  z-index: -2;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent url("assets/horizontal-dock-art6/Dock_Mid.png") center top / 310px 74px repeat-y;
  clip-path: none;
  mask: none;
  -webkit-mask: none;
  pointer-events: none;
}

/* Paint the alpha-bearing corner plates above the middle band without a
   rounded wrapper, crop, mask, or opaque backing color. */
body.dock-mode-horizontal .command-dock::after {
  content: "";
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  z-index: -1;
  opacity: 1;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-image:
    url("assets/horizontal-dock-art6/Dock_Top.png"),
    url("assets/horizontal-dock-art6/Dock_Bot.png");
  background-position:
    center top,
    center bottom;
  background-size:
    310px 77px,
    310px 16.5px;
  background-repeat: no-repeat;
  clip-path: none;
  mask: none;
  -webkit-mask: none;
  pointer-events: none;
}

@media print {
  .command-dock {
    display: none !important;
  }
}
