/* STOCK_PROFILE_UNIFIED_V13_CSS */
/* Scoped strictly to profile.html after V13 adds a body marker. No page content is removed. */
body[data-stock-profile-unified-v13="1"] {
  --sp13-surface: #fff;
  --sp13-line: #e9edf2;
  --sp13-text: #182438;
}
body.dark-mode[data-stock-profile-unified-v13="1"],
html[data-theme="dark"] body[data-stock-profile-unified-v13="1"] {
  --sp13-surface: #171e29;
  --sp13-line: #354153;
  --sp13-text: #edf2f8;
}

/* A single continuous surface for the profile's main content only. */
body[data-stock-profile-unified-v13="1"] main#mainContent.dashboard-main {
  display: block !important;
  min-width: 0 !important;
  background: var(--sp13-surface) !important;
  color: var(--sp13-text);
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  padding: clamp(16px, 2.15vw, 30px) !important;
}

/* Heading flows directly into content; no floating intro card. */
body[data-stock-profile-unified-v13="1"] main#mainContent > .page-intro.card-surface {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sp13-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 0 22px !important;
  margin: 0 0 24px !important;
  transform: none !important;
}
body[data-stock-profile-unified-v13="1"] main#mainContent > .page-intro.card-surface:hover {
  box-shadow: none !important;
  transform: none !important;
}

/* Preserve logical RTL order of content columns while removing card gaps. */
body[data-stock-profile-unified-v13="1"] main#mainContent > .content-grid.panel-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(245px, .82fr) !important;
  align-items: start !important;
  gap: clamp(20px, 2.5vw, 34px) !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body[data-stock-profile-unified-v13="1"] main#mainContent .content-grid.panel-grid > .main-column,
body[data-stock-profile-unified-v13="1"] main#mainContent .content-grid.panel-grid > .side-column {
  display: block !important;
  min-width: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-stock-profile-unified-v13="1"] main#mainContent .content-grid.panel-grid > .side-column {
  border-inline-start: 1px solid var(--sp13-line);
  padding-inline-start: clamp(16px, 2vw, 26px);
}

/* Only top-level profile sections are flattened; popups, nav and controls stay intact. */
body[data-stock-profile-unified-v13="1"] main#mainContent .content-grid.panel-grid > .main-column > .card-surface,
body[data-stock-profile-unified-v13="1"] main#mainContent .content-grid.panel-grid > .side-column > .card-surface {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
}
body[data-stock-profile-unified-v13="1"] main#mainContent .content-grid.panel-grid > .main-column > .card-surface:hover,
body[data-stock-profile-unified-v13="1"] main#mainContent .content-grid.panel-grid > .side-column > .card-surface:hover {
  transform: none !important;
  box-shadow: none !important;
}
body[data-stock-profile-unified-v13="1"] main#mainContent .main-column > .card-surface + .card-surface,
body[data-stock-profile-unified-v13="1"] main#mainContent .side-column > .card-surface + .card-surface {
  margin-top: 26px !important;
  padding-top: 24px !important;
  border-top: 1px solid var(--sp13-line) !important;
}

/* Nested information should read like a clean list, not little cards inside cards. */
body[data-stock-profile-unified-v13="1"] main#mainContent :is(
  .info-item, .setting-box, .profile-hero-inline, .summary-list li,
  .profile-saved-row, .quick-list > a
) {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sp13-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
body[data-stock-profile-unified-v13="1"] main#mainContent :is(.info-item, .setting-box, .summary-list li) {
  padding: 12px 0 !important;
}
body[data-stock-profile-unified-v13="1"] main#mainContent .profile-hero-inline {
  padding: 4px 0 16px !important;
  margin-bottom: 12px !important;
}
body[data-stock-profile-unified-v13="1"] main#mainContent :is(.profile-saved-row, .quick-list > a) {
  padding: 12px 0 !important;
}
body[data-stock-profile-unified-v13="1"] main#mainContent .summary-list li:last-child,
body[data-stock-profile-unified-v13="1"] main#mainContent .quick-list > a:last-child,
body[data-stock-profile-unified-v13="1"] main#mainContent .profile-saved-row:last-child {
  border-bottom: 0 !important;
}
body[data-stock-profile-unified-v13="1"] main#mainContent .section-head {
  margin-bottom: 16px;
}
/* Buttons, inputs, avatars and their functional affordances are intentionally not reset. */

@media (max-width: 920px) {
  body[data-stock-profile-unified-v13="1"] main#mainContent > .content-grid.panel-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
  }
  body[data-stock-profile-unified-v13="1"] main#mainContent .content-grid.panel-grid > .side-column {
    border-inline-start: 0;
    border-top: 1px solid var(--sp13-line);
    padding-inline-start: 0;
    padding-top: 24px;
  }
}
@media (max-width: 600px) {
  body[data-stock-profile-unified-v13="1"] main#mainContent.dashboard-main {
    border-radius: 12px !important;
    padding: 16px !important;
  }
  body[data-stock-profile-unified-v13="1"] main#mainContent > .page-intro.card-surface {
    padding-bottom: 16px !important;
    margin-bottom: 18px !important;
  }
}