/* GR page trip strip under the desk's top bar (Office213, 6 Nov 2026). Orange marks the GR on screen; no blue. */
.desk-open .ds-strip { position:relative; flex:none; display:flex; align-items:center; border-bottom:1px solid #ececf0; background:#fbfbfa; padding:8px 10px; }
.desk-open .ds-strip.is-single { display:none; }
.ds-track { display:flex; gap:8px; overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:none; padding:2px; flex:1; min-width:0; }
.ds-track::-webkit-scrollbar { display:none; }
.desk-open .ds-strip .ds-tile { all:unset; box-sizing:border-box; flex:0 0 74px; scroll-snap-align:center; display:grid !important; gap:4px; cursor:pointer;
  padding:4px !important; border-radius:10px !important; background:transparent !important; box-shadow:none !important; min-height:0 !important; border:0 !important;
  transition:background .15s, opacity .15s; }
.desk-open .ds-strip .ds-tile:hover { background:#f1f1f3 !important; }
.desk-open .ds-strip .ds-tile:focus-visible { outline:2px solid rgba(255,112,30,.6); outline-offset:1px; }
.ds-pic { position:relative; display:block; width:66px; height:86px; border-radius:7px; overflow:hidden; background:#ececef; border:1px solid #e2e2e7; }
.ds-pic img { position:relative; z-index:1; width:100%; height:100%; object-fit:cover; object-position:top center; display:block; background:#fff; }
.ds-nopic { position:absolute; inset:18px 14px; border-radius:3px; background:repeating-linear-gradient(#d9d9de 0 2px, transparent 2px 8px); opacity:.6; }
.ds-no { position:absolute; z-index:2; left:4px; top:4px; min-width:17px; height:17px; padding:0 4px; border-radius:9px; background:rgba(21,24,30,.62); color:#fff; font:700 10.5px/17px "Nunito Sans",sans-serif; text-align:center; }
.ds-label { display:flex; align-items:center; gap:4px; font:600 11px/1.2 "Nunito Sans",sans-serif; color:#5f6470; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:66px; font-variant-numeric:tabular-nums; }
.ds-label i { flex:none; width:6px; height:6px; border-radius:50%; background:#c7cad0; }
.ds-ok .ds-label i { background:#2f8f57; }
.ds-busy .ds-label i { background:#e0a224; }
.ds-bad .ds-label i { background:#c2402f; }
.ds-dup { opacity:.5; }
.desk-open .ds-strip .ds-tile.is-current .ds-pic { border:2px solid #ff701e; box-shadow:0 0 0 3px rgba(255,112,30,.18); }
.desk-open .ds-strip .ds-tile.is-current .ds-label { color:#15181e; font-weight:800; }
.desk-open .ds-strip .ds-nav { all:unset; position:absolute; top:50%; transform:translateY(-60%); z-index:3; width:28px !important; height:28px !important; display:grid !important; place-items:center;
  border-radius:50% !important; background:#fff !important; border:1px solid #e3e3e8 !important; box-shadow:0 4px 12px rgba(16,24,40,.12) !important; color:#15181e !important; font-size:18px; cursor:pointer; padding:0 !important; min-height:0 !important; }
.desk-open .ds-strip .ds-nav[hidden] { display:none !important; }
.ds-prev { left:4px; } .ds-next { right:4px; }
@media (max-width: 760px) {
  .desk-open .ds-strip { padding:6px 6px; }
  .desk-open .ds-strip .ds-tile { flex-basis:60px; }
  .ds-pic { width:52px; height:68px; }
  .ds-label { max-width:52px; font-size:10.5px; }
  .desk-open .ds-strip .ds-nav { display:none !important; }
}

/* GR page: the "Independent OCR Check" buttons used the sticky bottom-bar class and slid over the text on phones.
   They now sit in the box like ordinary buttons. */
.review-submit.ocr-check-actions { position:static !important; bottom:auto !important; z-index:auto !important; display:grid !important; grid-template-columns:1fr !important;
  gap:10px !important; margin:14px 0 0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; backdrop-filter:none !important; }
.review-submit.ocr-check-actions form { display:flex !important; flex-wrap:wrap !important; align-items:center; gap:8px !important; margin:0 !important; }
.review-submit.ocr-check-actions input[name=note] { flex:1 1 220px; min-width:0; }
.review-submit.ocr-check-actions button { flex:none; }
