.ops-surface {
  width: min(1440px, calc(100% - 40px));
  margin: 0 auto;
  padding: 20px 0 72px;
}

.ops-surface > .alerts-page {
  width: 100%;
  padding-top: 18px;
}

.ops-surface-tabs {
  display: flex;
  gap: 3px;
  overflow-x: auto;
  border-bottom: 1px solid var(--border);
}

.ops-surface-tabs a {
  flex: 0 0 auto;
  padding: 10px 15px;
  border-bottom: 2px solid transparent;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.ops-surface-tabs a:hover {
  color: var(--text-primary);
}

.ops-surface-tabs a.active {
  border-bottom-color: var(--green);
  color: var(--green);
}

@media (max-width: 700px) {
  .ops-surface {
    width: min(100% - 24px, 1440px);
  }
}