/* PMP v270 — production-aware sheet navigation. */
.page-thumb-wrap { padding-bottom: 5px; }
.page-thumb { min-width: 154px; justify-content: flex-start; text-align: left; }
.page-thumb-copy { min-width: 0; display: grid; gap: 1px; }
.page-thumb-copy b { color: #24333b; font-size: 9px; line-height: 1; }
.page-thumb-copy b::before { content: "Sheet "; color: #746d79; font-weight: 600; }
.page-thumb-copy em {
  max-width: 66px;
  overflow: hidden;
  color: #2f3940;
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-thumb-copy small {
  max-width: 66px;
  overflow: hidden;
  color: #087d77;
  font-size: 7px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: .22px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.page-thumb b::before { content: none; }
.page-thumb-order {
  position: absolute;
  right: 25px;
  bottom: -3px;
  z-index: 3;
  display: flex;
  gap: 2px;
  opacity: 0;
  transform: translateY(2px);
  transition: opacity .14s ease, transform .14s ease;
}
.page-thumb-wrap:hover .page-thumb-order,
.page-thumb-wrap.active .page-thumb-order,
.page-thumb-order:focus-within { opacity: 1; transform: translateY(0); }
.page-thumb-order button {
  width: 21px;
  height: 19px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #b9d4d2;
  border-radius: 6px;
  background: #f7ffff;
  color: #087d77;
  font-size: 10px;
  font-weight: 900;
  box-shadow: 0 2px 6px rgba(24, 63, 68, .12);
}
.page-thumb-order button:hover:not(:disabled) { border-color: #07847d; background: #dff7f4; }
.page-thumb-order button:disabled { opacity: .28; }
.page-thumb-wrap[data-sheet-role="back"] .page-thumb-copy small { color: #7650b5; }
.page-thumb-wrap[data-sheet-role="panel"] .page-thumb-copy small { color: #b15716; }
.rename-sheet-body { display: grid; gap: 8px; padding: 22px 24px 10px; }
.rename-sheet-body > span { width: max-content; padding: 4px 8px; border-radius: 999px; background: #e7f7f5; color: #087d77; font-size: 8px; font-weight: 900; letter-spacing: .4px; text-transform: uppercase; }
.rename-sheet-body label { color: #514b56; font-size: 9px; font-weight: 900; letter-spacing: .5px; text-transform: uppercase; }
.rename-sheet-body input { width: 100%; height: 44px; padding: 0 12px; border: 1px solid #b9cfd0; border-radius: 9px; background: #fff; color: #172630; font-size: 13px; font-weight: 750; }
.rename-sheet-body input:focus { border-color: #07847d; outline: 2px solid rgba(7, 132, 125, .18); outline-offset: 1px; }
.rename-sheet-body small { color: #716a77; font-size: 8px; line-height: 1.5; }
.rename-sheet-dialog .dialog-actions { padding: 16px 24px 22px; }
@media (max-width: 620px) {
  .page-thumb { min-width: 145px; }
  .page-thumb-copy em, .page-thumb-copy small { max-width: 58px; }
}