/* Thin Toolbar Invoice Review 1
   Keep the launcher on the exact Thin shell grid and give it the same quiet,
   beveled finish as the file-command buttons. */

:root {
  --thin-toolbar-artwork-width: 138px;
  --thin-toolbar-artwork-inset: 10px;
}

body.dock-mode-vertical .invoice-review-hud,
body.dock-mode-tiny.dock-compact-expanded .invoice-review-hud {
  top: var(--dock-review-top, 524.5px) !important;
  width: var(--thin-toolbar-artwork-width) !important;
  margin-left: var(--thin-toolbar-artwork-inset);
}

body.dock-mode-vertical .review-hud-toggle,
body.dock-mode-tiny.dock-compact-expanded .review-hud-toggle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: var(--thin-toolbar-artwork-width);
  min-width: var(--thin-toolbar-artwork-width);
  max-width: var(--thin-toolbar-artwork-width);
  min-height: 42px;
  box-sizing: border-box;
  padding: 7px 0;
  align-items: center;
  gap: 0;
  background: linear-gradient(180deg, #234f73 0%, #123755 42%, #06182b 76%, #020d1d 100%);
  border: 1px solid #6f9cbb;
  border-radius: 10px;
  box-shadow:
    inset 0 1px 0 rgba(205, 235, 252, .55),
    inset 0 -1px 0 rgba(0, 7, 18, .72),
    0 6px 14px rgba(0, 8, 20, .30);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.dock-mode-vertical .review-hud-toggle:hover,
body.dock-mode-vertical .review-hud-toggle[aria-expanded="true"],
body.dock-mode-tiny.dock-compact-expanded .review-hud-toggle:hover,
body.dock-mode-tiny.dock-compact-expanded .review-hud-toggle[aria-expanded="true"] {
  background: linear-gradient(180deg, #2a5b82 0%, #164263 42%, #08203a 76%, #031224 100%);
  border-color: #8ab9d7;
}

body.dock-mode-vertical .review-hud-label,
body.dock-mode-tiny.dock-compact-expanded .review-hud-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.dock-mode-vertical .review-hud-mark,
body.dock-mode-vertical .review-hud-count,
body.dock-mode-tiny.dock-compact-expanded .review-hud-mark,
body.dock-mode-tiny.dock-compact-expanded .review-hud-count {
  justify-self: center;
  width: 25px;
  height: 25px;
  flex-basis: 25px;
  box-sizing: border-box;
}

@media screen {
  :root:not([data-towsheet-print-job]) .paper .invoice-review-highlight {
    background-image: linear-gradient(to bottom, #fff 12%, #fbe0e4) !important;
    box-shadow: inset 0 -1px #ce2135;
  }

  :root:not([data-towsheet-print-job]) .paper textarea.invoice-review-highlight {
    background-image: linear-gradient(to bottom, transparent 12%, #ce213524) !important;
  }

  :root:not([data-towsheet-print-job]) .paper .invoice-review-highlight.invalid:not(:focus) {
    outline: none !important;
  }

  @keyframes invoice-review-underline {
    from, to { box-shadow: inset 0 -1px #ce2135; }
    45% { box-shadow: inset 0 -3px #f02237; }
  }
}

@media screen and (prefers-reduced-motion: no-preference) {
  :root:not([data-towsheet-print-job]) .paper .invoice-review-highlight.invoice-review-pulse {
    animation: invoice-review-underline 780ms ease-in-out 150ms both;
  }
}

@media print {
  .invoice-review-hud { display: none !important; }
}