/* Print Designer rev 1.0.2.5.0 - output mode polish, collapsed bottom toolbar footprint, and harness readability */

/* The bottom mini-toolbar is centered. Do not leave both left and right set, or the collapsed shell can stretch across the canvas. */
.canvas-nav-tools {
  left: 50% !important;
  right: auto !important;
  bottom: 76px !important;
  transform: translateX(-50%) !important;
  max-width: calc(100vw - 44px) !important;
  width: auto !important;
}

.canvas-nav-tools.canvas-nav-tools-collapsed {
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 6px !important;
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.canvas-nav-tools.canvas-nav-tools-collapsed > *:not(.canvas-nav-collapse-button) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.canvas-nav-tools.canvas-nav-tools-collapsed .canvas-nav-collapse-button {
  margin: 0 !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
}

/* Placement Assist collapse should also reduce the shell footprint, not only hide text. */
.placement-assist-toast.placement-assist-toast-collapsed {
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  padding: 7px !important;
  overflow: hidden !important;
  display: inline-grid !important;
  grid-template-columns: 1fr !important;
  place-items: center !important;
}

/* Make the output-mode selector self-explanatory without changing the live editing canvas. */
.professional-output-profile-control {
  position: relative;
  align-items: center;
}
.professional-output-profile-control .output-mode-label {
  letter-spacing: .03em;
  text-transform: uppercase;
}
.professional-output-profile-help {
  display: none;
  position: absolute;
  z-index: 85;
  right: 0;
  top: calc(100% + 8px);
  width: min(360px, calc(100vw - 32px));
  padding: 9px 11px;
  border: 1px solid rgba(14,165,233,.65);
  border-radius: 10px;
  background: #0f172a;
  color: #e0f2fe;
  box-shadow: 0 18px 45px rgba(2,6,23,.42);
  font-size: 12px;
  line-height: 1.35;
  white-space: normal;
}
.professional-output-profile-control:hover .professional-output-profile-help,
.professional-output-profile-control:focus-within .professional-output-profile-help {
  display: block;
}

body[data-professional-output-profile="edit"] .professional-output-profile-control {
  border-color: #f59e0b;
  box-shadow: 0 0 0 1px rgba(245,158,11,.25) inset;
}
body[data-professional-output-profile="client"] .professional-output-profile-control {
  border-color: #38bdf8;
}
body[data-professional-output-profile="field"] .professional-output-profile-control {
  border-color: #22c55e;
}
body[data-professional-output-profile="internal"] .professional-output-profile-control {
  border-color: #f97316;
}
body[data-professional-output-profile="revision"] .professional-output-profile-control {
  border-color: #a78bfa;
}

@media print {
  .professional-output-profile-help,
  .canvas-nav-tools,
  .placement-assist-toast {
    display: none !important;
  }
}