/* 20260630 reviewer consensus: HQ table affordance and mobile action density. */

body.dashboard-body .dashboard-page #hq-telnyx-numbers-panel .table-scroll::before,
body.dashboard-body .dashboard-page #hq-telnyx-numbers-panel .hq-live-table-scroll::before {
  content: none !important;
  display: none !important;
}

body.dashboard-body .dashboard-page #hq-telnyx-numbers-panel .table-scroll {
  position: relative !important;
  overflow-x: auto !important;
  scrollbar-gutter: stable both-edges !important;
}

body.dashboard-body .dashboard-page #hq-telnyx-numbers-panel .table-scroll::after {
  content: "" !important;
  position: sticky !important;
  right: 0 !important;
  display: block !important;
  float: right !important;
  width: 28px !important;
  height: 1px !important;
  margin-top: -1px !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff 85%) !important;
  pointer-events: none !important;
}

body.dashboard-body .dashboard-page .dashboard-toolbar-actions,
body.dashboard-body .dashboard-page .mission-top-actions,
body.dashboard-body .dashboard-page #hq-telnyx-numbers-panel > .topbar,
body.dashboard-body .dashboard-page #hq-telnyx-numbers-panel > .topbar .actions {
  align-items: center !important;
  gap: 8px !important;
}

body.dashboard-body .dashboard-page .hq-compact-action {
  min-width: 72px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 3px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  body.dashboard-body .dashboard-page .dashboard-toolbar-actions {
    grid-template-columns: repeat(4, minmax(0, auto)) !important;
    justify-content: start !important;
  }

  body.dashboard-body .dashboard-page .mission-top-actions {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
  }

  html body.dashboard-body .dashboard-page #hq-command-open-top.hq-compact-action,
  html body.dashboard-body .dashboard-page #refresh-all.hq-compact-action,
  html body.dashboard-body .dashboard-page #hq-mission-command-open.hq-compact-action,
  html body.dashboard-body .dashboard-page #hq-refresh-mission.hq-compact-action {
    box-sizing: border-box !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }

  html body.dashboard-body .dashboard-page #hq-command-open-top.hq-compact-action::after,
  html body.dashboard-body .dashboard-page #hq-mission-command-open.hq-compact-action::after {
    content: "K" !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  html body.dashboard-body .dashboard-page #refresh-all.hq-compact-action::after,
  html body.dashboard-body .dashboard-page #hq-refresh-mission.hq-compact-action::after {
    content: "R" !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  body.dashboard-body .dashboard-page .hq-compact-action .hq-action-label {
    display: none !important;
  }
}