/* Illustrative navigation layer; no selectors modify forms, permissions or report layouts. */
.vp-module-preview[hidden] { display: none !important; }
@media screen {
  .vp-module-preview {
    position: fixed;
    z-index: 1500;
    width: 324px;
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
    box-sizing: border-box;
    overflow: hidden;
    padding: 17px;
    border: 1px solid color-mix(in srgb,var(--blue,#2879bd) 26%,#fff);
    border-radius: 20px;
    background: #fff;
    color: var(--navy,#15375c);
    box-shadow: 0 18px 48px #173b5b2c, 0 3px 12px #173b5b13;
    pointer-events: none;
    user-select: none;
    font-family: Arial,sans-serif;
    line-height: 1.45;
    isolation: isolate;
  }
  .vp-module-preview::before {
    content: '';
    position: absolute;
    left: 17px;
    right: 17px;
    top: 0;
    height: 3px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(90deg,var(--blue,#2879bd),#82c9cf);
  }
  .vp-module-preview__eyebrow { color: #52728b; font-size: 10px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; }
  .vp-module-preview__heading { margin: 4px 0 12px; font-size: 18px; font-weight: 700; line-height: 1.25; overflow-wrap:break-word; }
  .vp-module-preview__scene {
    padding: 5px;
    overflow: hidden;
    border: 1px solid #dce9f0;
    border-radius: 13px;
    background: radial-gradient(circle at 1px 1px,#d8e7f0 1px,transparent 1.5px) 0 0/12px 12px,linear-gradient(130deg,#f6fafe,#edf7f8);
  }
  .vp-module-preview__scene svg { display: block; width: 100%; height: auto; color: var(--blue,#2879bd); }
  .vp-module-preview__scene text { fill: var(--navy,#15375c); stroke: none; font: 11px Arial,sans-serif; font-weight: 700; }
  .vp-module-preview__tile { fill: #fff; stroke: #b4ccd9; }
  .vp-module-preview__soft { fill: #e0eef9; stroke: var(--blue,#2879bd); }
  .vp-module-preview__water { fill: #80ccd3; stroke: none; }
  .vp-module-preview__solid { fill: var(--blue,#2879bd); stroke: none; }
  .vp-module-preview__muted { stroke: #cedde7; }
  .vp-module-preview__current { fill: #e3f4e9; stroke: #468b66; }
  .vp-module-preview__old { fill: #fbe9ec; stroke: #c47781; }
  .vp-module-preview__ok { stroke: #1e8b63; stroke-width: 3; }
  .vp-module-preview__warning { fill: var(--status-yellow-soft); stroke: var(--status-yellow-edge); }
  .vp-module-preview__star { fill: var(--status-yellow); stroke: var(--status-yellow-edge); }
  .vp-module-preview__summary { margin: 12px 0 13px; color: #35556e; font-size: 13px; line-height: 1.55; }
  .vp-module-preview__tags { display: flex; flex-wrap: wrap; gap: 6px; }
  .vp-module-preview__tags span { padding: 4px 8px; border-radius: 6px; background: #eef4f8; color: #3b5f78; font-size: 10px; font-weight: 700; line-height: 1.4; }
  .vp-module-preview[data-module="improvement"] .vp-module-preview__scene {
    background: linear-gradient(145deg,#f5f9fd,#edf7f6);
    border-color: #d5e5ec;
    padding: 9px 5px;
  }
  .vp-preview-dmaic { stroke-width: 1.7; }
  .vp-preview-dmaic__track { stroke: #d4e6ed; stroke-width: 4; }
  .vp-preview-dmaic__cycle { stroke: #188d94; stroke-width: 3; }
  .vp-preview-dmaic__center { fill: #fff; stroke: #dbe8ed; }
  .vp-module-preview__scene .vp-preview-dmaic__title { fill: #153f63; text-anchor: middle; font-size: 13px; letter-spacing: .5px; }
  .vp-module-preview__scene .vp-preview-dmaic__caption { fill: #638090; text-anchor: middle; font-size: 9px; font-weight: 400; }
  .vp-preview-dmaic__phase circle { fill: #153f63; stroke: #fff; stroke-width: 3; }
  .vp-module-preview__scene .vp-preview-dmaic__letter { fill: #fff; font-size: 12px; text-anchor: middle; }
  .vp-module-preview__scene .vp-preview-dmaic__label { fill: #264f66; font-size: 9.5px; text-anchor: middle; paint-order: stroke; stroke: #f0f8fa; stroke-width: 4px; stroke-linejoin: round; }
  .vp-preview-dmaic__link { stroke: #7aa3b5; }
  .vp-preview-dmaic__paper { fill: #fff; stroke: #b8d3df; }
  .vp-preview-dmaic__fold { fill: #edf4f8; stroke: #b8d3df; }
  .vp-preview-dmaic__rule { stroke: #e0eaf0; }
  .vp-preview-dmaic__check-bg, .vp-preview-dmaic__saved { fill: #e4f3ed; stroke: none; }
  .vp-preview-dmaic__check { stroke: #238367; stroke-width: 1.8; }
  .vp-module-preview__scene .vp-preview-dmaic__row { fill: #3c6173; font-size: 10px; font-weight: 400; }
  .vp-module-preview__scene .vp-preview-dmaic__saved-label { fill: #267859; text-anchor: middle; font-size: 9px; }
  @media (hover: hover) and (pointer: fine) {
    body.authenticated .nav button[data-go]:not(:disabled):hover .nav-icon {
      background: #ffffff1c;
      box-shadow: 0 0 0 4px #ffffff0c;
      border-radius: 6px;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .vp-module-preview:not([hidden])[data-motion="full"] { animation: vp-preview-appear .17s ease-out both; }
    .vp-module-preview[data-motion="full"] .vp-module-preview__step { animation: vp-preview-step .36s ease-out both; animation-delay: calc(var(--preview-step,0) * .15s); }
    .vp-module-preview[data-motion="full"] .vp-module-preview__trace { stroke-dasharray: 1; animation: vp-preview-draw .6s ease-out both; animation-delay: calc(var(--preview-step,0) * .15s); }
    body.authenticated .nav button[data-go] .nav-icon { transition: background .16s ease, box-shadow .16s ease; }
    .vp-module-preview[data-motion="full"] .vp-preview-dmaic__cycle { stroke-dasharray: 1; animation: vp-preview-draw 1.4s cubic-bezier(.22,1,.36,1) .12s both; }
    .vp-module-preview[data-motion="full"] .vp-preview-dmaic__phase { animation: vp-preview-dmaic-phase .35s ease-out both; animation-delay: calc(.12s + var(--phase) * .18s); }
    .vp-module-preview[data-motion="full"] .vp-preview-dmaic__report { animation: vp-preview-step .45s ease-out .9s both; }
    .vp-module-preview[data-motion="full"] .vp-preview-dmaic__link { animation: vp-preview-dmaic-phase .35s ease-out .8s both; }
    .vp-module-preview[data-motion="full"] .vp-preview-dmaic__check { animation: vp-preview-dmaic-phase .3s ease-out 1.15s both; }
    @keyframes vp-preview-dmaic-phase { from { opacity: 0; } to { opacity: 1; } }
    @keyframes vp-preview-appear { from { opacity: 0;  } to { opacity: 1;  } }
    @keyframes vp-preview-step { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes vp-preview-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
  }
  @media (prefers-reduced-motion: reduce) {
    .vp-module-preview, .vp-module-preview *, body.authenticated .nav button[data-go] .nav-icon { animation: none !important; transition: none !important; }
    .vp-module-preview__trace { stroke-dasharray: none; }
  }
  @media (max-height: 540px) {
    .vp-module-preview { padding: 12px; }
    .vp-module-preview__scene svg { max-height: 108px; }
    .vp-module-preview__heading { margin-bottom: 8px; font-size: 16px; }
    .vp-module-preview__summary { font-size: 12px; line-height: 1.4; margin: 8px 0; }
    .vp-module-preview__tags { display: none; }
  }
  @media (max-height: 330px) {
    .vp-module-preview__scene { display: none; }
  }
}
@media print { .vp-module-preview { display: none !important; } }