/* extension-base.css — общие паттерны extension-страниц (карточки, гриды) */
.hub-card,
.cases-card,
.academy-tools__item,
.equipment-landing__card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  transition:
    border-color var(--duration-fast, 0.2s) var(--ease-out),
    transform var(--duration-fast, 0.2s) var(--ease-out),
    box-shadow var(--duration-fast, 0.2s) var(--ease-out);
}

.hub-card:hover,
.cases-card:hover,
.academy-tools__item:hover,
.equipment-landing__card:hover {
  border-color: rgba(255, 107, 44, 0.28);
  transform: translateY(-2px);
}

.errors-table-wrap[data-scroll-hint],
.academy-table-wrap[data-scroll-hint],
.case-table-wrap[data-scroll-hint] {
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.errors-table-wrap[data-scroll-hint]::after,
.academy-table-wrap[data-scroll-hint]::after,
.case-table-wrap[data-scroll-hint]::after {
  content: "Листайте →";
  position: absolute;
  right: 8px;
  bottom: 8px;
  padding: 4px 10px;
  font-size: 11px;
  font-family: var(--font-mono);
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 999px;
  pointer-events: none;
  opacity: 0.85;
}

@media (min-width: 900px) {
  .errors-table-wrap[data-scroll-hint]::after,
  .academy-table-wrap[data-scroll-hint]::after,
  .case-table-wrap[data-scroll-hint]::after {
    display: none;
  }
}