/* Final portfolio polish: square terminal layout and full-access wording. */
.app-page[data-page="portfolio"] .page-head,
.app-page[data-page="portfolio"] .portfolio-alert,
.app-page[data-page="portfolio"] .portfolio-summary article,
.app-page[data-page="portfolio"] .portfolio-table-card,
.app-page[data-page="portfolio"] .portfolio-table .token-row,
.app-page[data-page="portfolio"] .token-row.is-primary-token,
.app-page[data-page="portfolio"] .ghost-button,
.app-page[data-page="portfolio"] .primary-button,
.app-page[data-page="portfolio"] .claim-button {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.app-page[data-page="portfolio"] .page-head {
  min-height: 150px;
  padding: 32px 40px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(137, 159, 181, 0.11) !important;
  background:
    radial-gradient(circle at 3% 0%, rgba(128, 230, 172, 0.07), transparent 22rem),
    linear-gradient(90deg, rgba(9, 20, 29, 0.88), rgba(5, 11, 17, 0.72)),
    #050b11 !important;
}

.app-page[data-page="portfolio"] .page-head h1 {
  font-size: clamp(44px, 4vw, 66px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.05em !important;
}

.app-page[data-page="portfolio"] .page-head p {
  color: #9aa8b6;
}

.app-page[data-page="portfolio"] .portfolio-alert {
  padding: 22px 40px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(137, 159, 181, 0.11) !important;
  background:
    linear-gradient(90deg, rgba(140, 111, 57, 0.14), rgba(7, 15, 23, 0.78)),
    #050b11 !important;
}

.app-page[data-page="portfolio"] .portfolio-alert span {
  color: #f0d48a;
}

.app-page[data-page="portfolio"] .portfolio-alert strong {
  color: #edf4fa;
}

.app-page[data-page="portfolio"] .portfolio-summary {
  margin: 0 !important;
  gap: 1px !important;
  border-bottom: 1px solid rgba(137, 159, 181, 0.11);
  background: rgba(137, 159, 181, 0.11) !important;
}

.app-page[data-page="portfolio"] .portfolio-summary article {
  min-height: 112px !important;
  padding: 24px !important;
  border: 0 !important;
  background: #071019 !important;
}

.app-page[data-page="portfolio"] .portfolio-grid {
  margin: 0 !important;
  border-top: 0 !important;
}

.app-page[data-page="portfolio"] .portfolio-table-card {
  padding: 32px 40px !important;
  border: 0 !important;
  background: #050b11 !important;
}

.app-page[data-page="portfolio"] .portfolio-head {
  padding: 0 12px 12px !important;
  border-bottom: 1px solid rgba(137, 159, 181, 0.14) !important;
}

.app-page[data-page="portfolio"] .portfolio-table .token-row {
  min-height: 58px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(137, 159, 181, 0.11) !important;
  background: rgba(7, 15, 23, 0.6) !important;
}

.app-page[data-page="portfolio"] .token-row.is-primary-token {
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(137, 159, 181, 0.11) !important;
  background:
    linear-gradient(90deg, rgba(116, 215, 227, 0.13), rgba(7, 15, 23, 0.72)),
    rgba(7, 15, 23, 0.7) !important;
}

.app-shell[data-auth="locked"] .app-page[data-page="portfolio"] #token-list::after {
  min-width: 360px !important;
  min-height: 48px !important;
  border-radius: 0 !important;
  content: "Full access period required";
}

@media (max-width: 720px) {
  .app-page[data-page="portfolio"] .page-head,
  .app-page[data-page="portfolio"] .portfolio-alert,
  .app-page[data-page="portfolio"] .portfolio-table-card {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .app-shell[data-auth="locked"] .app-page[data-page="portfolio"] #token-list::after {
    min-width: min(320px, calc(100vw - 32px)) !important;
  }
}