/* Plovoucí ovládání náhledu originálu (preview-dock.js). Tmavá „mediální“
   lišta nad papírem dokladu je stejná ve světlém i tmavém motivu
   (--media-ctl-*); cíle mají 40 px, fokus je bílý kroužek uvnitř lišty. */
[data-ui="v2"] .nai-pdock {
  position: absolute; z-index: 6; left: 0; top: 0;
  box-sizing: border-box; width: 48px; padding: 4px;
  display: flex; flex-direction: column; align-items: stretch; gap: 2px;
  color: var(--media-ctl-ink); background: var(--media-ctl-bg-strong);
  border-radius: var(--r-xl); box-shadow: var(--shadow-lg);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  font-family: var(--font-sans); user-select: none; touch-action: none;
}
[data-ui="v2"] .nai-pdock[hidden],
[data-ui="v2"] .nai-pdock [hidden] { display: none; }
[data-ui="v2"] .nai-pdock.is-dragging { box-shadow: var(--shadow-pop); }
[data-ui="v2"] .nai-pdock button {
  box-sizing: border-box; display: flex; align-items: center; justify-content: center;
  width: 40px; min-height: 40px; margin: 0; padding: 0;
  border: 0; border-radius: var(--r-md); background: transparent; color: inherit;
  font: 600 12px/1 var(--font-sans); cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease);
}
[data-ui="v2"] .nai-pdock button svg { display: block; width: 18px; height: 18px; flex: none; }
[data-ui="v2"] .nai-pdock button:hover:not(:disabled) { background: color-mix(in srgb, var(--media-ctl-ink) 14%, transparent); }
[data-ui="v2"] .nai-pdock button:focus-visible { outline: 2px solid var(--media-ctl-ink); outline-offset: -3px; }
/* Neaktivní −/+ na mezích přiblížení přebírá společný šedý stav UI-BAS-04. */
[data-ui="v2"] .nai-pdock button[aria-pressed="true"] { background: color-mix(in srgb, var(--media-ctl-ink) 22%, transparent); }
[data-ui="v2"] .nai-pdock .nai-pdock-grip { min-height: 32px; cursor: grab; opacity: .8; }
[data-ui="v2"] .nai-pdock.is-dragging .nai-pdock-grip { cursor: grabbing; }
[data-ui="v2"] .nai-pdock .nai-pdock-grip svg { width: 16px; height: 16px; }
[data-ui="v2"] .nai-pdock .nai-pdock-page {
  flex-direction: column; gap: 3px; min-height: 44px;
  background: color-mix(in srgb, var(--media-ctl-ink) 10%, transparent);
}
[data-ui="v2"] .nai-pdock-cap { font-size: 10px; font-weight: 500; opacity: .75; }
[data-ui="v2"] .nai-pdock-val { font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
[data-ui="v2"] .nai-pdock .nai-pdock-level { font-size: 11px; font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
[data-ui="v2"] .nai-pdock-sep {
  display: block; height: 1px; margin: 2px 6px;
  background: color-mix(in srgb, var(--media-ctl-ink) 22%, transparent);
}
[data-ui="v2"] .nai-pdock-live {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  [data-ui="v2"] .nai-pdock button { transition: none; }
}
@media print { [data-ui="v2"] .nai-pdock { display: none; } }
