/* Oficina Portátil — refinamentos de resultado e paginação SAP v47.15.24 */
.sap-page .op-sap-blocked-tools {
  display: none !important;
}

.sap-page .material-card.op-zero-stock {
  isolation: isolate;
  border-color: color-mix(in srgb, #f59e0b 78%, var(--line)) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, #f59e0b 8%, transparent), transparent 62%),
    var(--panel) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, #f59e0b 35%, transparent),
    0 0 28px color-mix(in srgb, #f59e0b 28%, transparent),
    0 14px 34px rgba(83, 46, 0, .12) !important;
}

.sap-page .material-card.op-zero-stock::before {
  content: "ZERADO";
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  width: max-content;
  transform: translate(-50%, -50%) rotate(-13deg);
  pointer-events: none;
  color: rgba(245, 158, 11, .16);
  border: clamp(3px, .34vw, 6px) solid rgba(245, 158, 11, .15);
  border-radius: 14px;
  padding: .08em .3em;
  font-size: clamp(42px, 7vw, 104px);
  font-weight: 950;
  line-height: 1;
  letter-spacing: .08em;
  text-shadow:
    0 0 10px rgba(245, 158, 11, .32),
    0 0 30px rgba(245, 158, 11, .25);
}

.sap-page .material-card.op-zero-stock > * {
  position: relative;
  z-index: 2;
}

.sap-page .material-card.op-no-material-image {
  grid-template-columns: minmax(0, 1fr) !important;
}

.sap-page .material-card.op-no-material-image .material-info {
  width: 100%;
  min-width: 0;
  grid-column: 1 / -1;
}

.sap-page .deposit-grid > div > span:nth-child(2) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.sap-page .deposit-grid > div > span:nth-child(2).op-position-long {
  font-size: 10px !important;
  line-height: 1.08;
  letter-spacing: -.015em;
}

.sap-page .deposit-grid > div > span:nth-child(2).op-position-very-long {
  font-size: 8px !important;
  line-height: 1.03;
}

.sap-page .deposit-grid > div > span:nth-child(2).op-position-extreme {
  font-size: 7px !important;
  letter-spacing: -.035em;
}

.sap-page .deposit-grid > div > strong {
  min-width: max-content;
  justify-self: end;
}

.sap-page .sap-pagination.op-native-pagination {
  display: none !important;
}

.sap-page .op-sap-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  margin: 20px 0;
}

.sap-page .op-sap-pagination-top {
  margin: 18px 0 24px;
}

.sap-page .op-sap-pagination-bottom {
  margin: 26px 0 10px;
}

.sap-page .op-sap-pagination button {
  min-width: 42px;
  height: 42px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: color-mix(in srgb, var(--panel-solid) 88%, transparent);
  color: var(--text);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 5px 14px color-mix(in srgb, var(--text) 7%, transparent);
  transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.sap-page .op-sap-pagination button:hover:not(:disabled) {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--accent) 65%, var(--line));
  color: var(--accent);
  box-shadow: 0 9px 20px color-mix(in srgb, var(--accent) 18%, transparent);
}

.sap-page .op-sap-pagination button.is-current {
  border-color: var(--accent);
  background: var(--accent);
  color: var(--accent-contrast, #fff);
  box-shadow: 0 8px 22px color-mix(in srgb, var(--accent) 32%, transparent);
}

.sap-page .op-sap-pagination button:disabled {
  opacity: .35;
  cursor: not-allowed;
  box-shadow: none;
}

.sap-page .op-sap-pagination .op-page-direction {
  font-size: 24px;
  line-height: 1;
}

.sap-page .op-page-ellipsis {
  min-width: 24px;
  color: var(--muted);
  text-align: center;
  font-weight: 900;
  letter-spacing: .08em;
}

html.op-sap-paging .sap-page .op-sap-pagination {
  pointer-events: none;
  opacity: .72;
}

@media (max-width: 720px) {
  .sap-page .op-sap-pagination {
    gap: 6px;
  }

  .sap-page .op-sap-pagination button {
    min-width: 36px;
    height: 36px;
    padding: 0 9px;
    border-radius: 11px;
    font-size: 13px;
  }

  .sap-page .material-card.op-zero-stock::before {
    font-size: clamp(36px, 15vw, 68px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sap-page .op-sap-pagination button {
    transition: none;
  }
}