/* Shared layout fixes for Tools pages on base.html (no legacy style.css). */

/* Restore Bootstrap spacing utilities overridden by core/layout.css */
.tools-page .mt-3 { margin-top: 1rem !important; }
.tools-page .mt-4 { margin-top: 1.5rem !important; }
.tools-page .mt-5 { margin-top: 3rem !important; }
.tools-page .mb-3 { margin-bottom: 1rem !important; }
.tools-page .mb-4 { margin-bottom: 1.5rem !important; }
.tools-page .mb-5 { margin-bottom: 3rem !important; }
.tools-page .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.tools-page .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.tools-page .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

/* Banner: balance decorative * with page title */
.tools-page .market-dashboard-section .market-dashboard-banner-inner > div:first-child,
.tools-page .create-risk-profile-left,
.tools-page .new-user-subs-watchlist {
  position: relative;
  padding-left: 1.25rem;
}

.tools-page .market-dashboard-section .astrik,
.tools-page .create-risk-profile-left .astrik,
.tools-page .new-user-subs-watchlist .astrik {
  position: absolute;
  left: 0;
  top: 0.1em;
  font-size: var(--text-display);
  line-height: 1;
  margin-bottom: 0;
}

.tools-page .market-dashboard-section .market-dashboard-banner h1,
.tools-page #market-tracker-heading-title,
.tools-page #calculator-heading-title,
.tools-page #index-list-heading {
  font-size: var(--text-display) !important;
  line-height: 1.2;
  margin-bottom: var(--space-4);
}

.tools-page .create-risk-profile-left h1,
.tools-page .new-user-subs-watchlist h4 {
  font-size: var(--text-display-sm);
  line-height: 1.25;
}

/* Index list: single-column layout (override market_tracker 2-col grid) */
.tools-page.index-list-page .parent-container {
  display: block !important;
  max-width: 1240px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 clamp(var(--space-component-md), 6vw, var(--space-page-gutter-xl)) 32px !important;
}

.tools-page.index-list-page .index-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 380px)) !important;
  justify-content: center !important;
  gap: 1.25rem;
  width: 100%;
}

/* Market tracker (/stocks/): match UAT — flex columns + 2×2 factor cards */
.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .parent-container {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  max-width: 1240px !important;
  width: 100% !important;
  margin: var(--space-layout-sm) auto !important;
  padding: 0 clamp(var(--space-component-md), 6vw, var(--space-page-gutter-xl)) !important;
  gap: clamp(16px, 4vw, 48px) !important;
  grid-template-columns: unset !important;
}

.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .benchmark_graph_first_child {
  display: block !important;
  flex: 0 1 auto !important;
  max-width: none !important;
  min-width: 0;
  width: auto !important;
}

.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .benchmark_graph_second_child {
  display: block !important;
  flex: 0 1 auto !important;
  min-width: 0;
  width: auto !important;
}

.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .first-child {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  gap: 24px;
}

.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .second-child {
  display: grid !important;
  width: 100% !important;
  gap: 20px !important;
}

.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .dashboard-section {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
}

.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .dashboard-card {
  max-width: none !important;
  width: 100% !important;
}

/* Stock Actions tabs: underline active state (UAT), not pills */
.tools-page .market-dashboard-landing.insight-platform-v2 .stock-tabs .nav-link {
  border: none !important;
  border-radius: 0 !important;
  margin-right: 0 !important;
  padding: 0.6rem 1rem !important;
  font-weight: 500 !important;
  color: var(--text-muted, #475467) !important;
}

.tools-page .market-dashboard-landing.insight-platform-v2 .stock-tabs .nav-link.active {
  background: transparent !important;
  border-bottom: 3px solid #111 !important;
  color: #111 !important;
}

/* Market tracker typography: match UAT (undo premium redesign text overrides) */
.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .dashboard-card .view-all {
  text-transform: uppercase !important;
  color: var(--teal-dark, #579888) !important;
}

.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .stock-table-wrapper thead th {
  font-size: 0.85rem !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: 600 !important;
  color: rgba(16, 24, 40, 1) !important;
}

.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .stock-actions-title,
.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .market-overview-title,
.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .stock-market-today-title {
  font-size: 1.5rem !important;
  letter-spacing: normal !important;
}

/* Undo /stocks overview refinement — match UAT flat cards (no extra chrome) */
.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) {
  background: var(--White, #fff) !important;
}

.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .first-child > div:first-child,
.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .market-table {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .benchmark-graph-box {
  background: #fff !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  padding: 20px !important;
}

.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .dashboard-card {
  padding: 20px !important;
  min-height: auto !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  border: 1px solid rgba(208, 213, 221, 0.9) !important;
  background: transparent !important;
}

.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .dashboard-card canvas {
  height: auto !important;
  max-height: none !important;
}

.tools-page .market-dashboard-landing.insight-platform-v2:not(.index-list-page) .all-market-dashboard {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 24px clamp(var(--space-component-md), 6vw, var(--space-page-gutter-xl)) 40px !important;
}

.tools-page .market-dashboard-landing,
.tools-page .fg-landing {
  background: #f5f7fb;
}

.tools-page .all-market-dashboard {
  padding-left: clamp(var(--space-component-md), 6vw, var(--space-page-gutter-xl));
  padding-right: clamp(var(--space-component-md), 6vw, var(--space-page-gutter-xl));
}