body.page-profiles .app-shell,
body.page-auth .app-shell,
body.page-scraper .app-shell {
  --my18-section-radius: 1rem;
}

body.page-profiles .app-shell h2,
body.page-auth .app-shell h2,
body.page-scraper .app-shell h2 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

body.page-profiles .app-shell .table-responsive,
body.page-scraper .app-shell .table-responsive {
  border: 1px solid var(--bs-border-color);
  border-radius: var(--my18-section-radius);
  background: var(--bs-body-bg);
}

body.page-profiles .app-shell .table,
body.page-scraper .app-shell .table {
  margin-bottom: 0;
}

body.page-profiles .app-shell .table thead th,
body.page-scraper .app-shell .table thead th {
  background: rgba(var(--bs-secondary-rgb), 0.05);
  border-bottom: 1px solid var(--bs-border-color);
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

body.page-profiles .app-shell .btn-group .btn,
body.page-scraper .app-shell .btn-group .btn,
body.page-auth .app-shell .btn-group .btn {
  border-radius: 0.6rem;
}

body.page-profiles .app-shell .badge,
body.page-scraper .app-shell .badge,
body.page-auth .app-shell .badge {
  border-radius: 0.5rem;
  padding: 0.35em 0.58em;
}

body.page-profiles .app-shell .list-group-item,
body.page-scraper .app-shell .list-group-item {
  border-color: var(--bs-border-color);
}

body.page-profiles .app-shell .info-card {
  border-radius: 1rem;
  background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.1), rgba(var(--bs-info-rgb), 0.08));
  border: 1px solid var(--bs-border-color);
}

body.page-profiles .app-shell .collection-header,
body.page-profiles .app-shell .d-flex.justify-content-between.align-items-center.mb-4.flex-wrap.gap-2 {
  border: 1px solid var(--bs-border-color);
  border-radius: 1rem;
  background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.08), rgba(var(--bs-info-rgb), 0.06));
  padding: 0.9rem 1rem;
}

body.page-profiles .app-shell #tableView,
body.page-profiles .app-shell #gridView {
  border: 1px solid var(--bs-border-color);
  border-radius: 0.95rem;
  padding: 0.6rem;
  background: var(--bs-body-bg);
}

body.page-profiles .app-shell .collection-thumb,
body.page-profiles .app-shell .collection-card-img {
  background: var(--bs-tertiary-bg);
}

body.page-profiles .app-shell .alert {
  border: 1px solid var(--bs-border-color);
}

body.page-auth .app-shell form {
  max-width: 520px;
  border: 1px solid var(--bs-border-color);
  border-radius: 1rem;
  padding: 1rem;
  background: var(--bs-body-bg);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}

body.page-auth .app-shell h3,
body.page-auth .app-shell h2 {
  margin-bottom: 0.85rem;
}

body.page-auth .app-shell .btn-link {
  padding-left: 0.25rem;
}

body.page-scraper .app-shell .card {
  border: 1px solid var(--bs-border-color);
  border-radius: 1rem;
}

body.page-scraper .app-shell #live-log,
body.page-scraper .app-shell #scraper-logs {
  border-radius: 0.8rem;
  border: 1px solid var(--bs-border-color);
}

body.page-scraper .app-shell .card-img-top {
  border-radius: 0.6rem;
}

@media (max-width: 767.98px) {
  body.page-profiles .app-shell .collection-header,
  body.page-profiles .app-shell .d-flex.justify-content-between.align-items-center.mb-4.flex-wrap.gap-2 {
    padding: 0.75rem;
  }

  body.page-auth .app-shell form {
    padding: 0.85rem;
  }
}