/* Homepage right-rail polish (2026-06). Scoped to .homepage-right-rail.
 * The share card now uses .cc-social-share-card from site-shell.css directly.
 * This file only overrides the older .sidebar-section card chrome. */

/* Kill the colored top-bar on the homepage right-rail cards */
.homepage-right-rail .sidebar-section::before { display: none !important; }
.homepage-right-rail .sidebar-section {
  padding: 14px 16px 16px !important;
  border-radius: 10px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 4px rgba(5,59,125,.07) !important;
}

/* Card headings */
.homepage-right-rail .sidebar-section h3 {
  margin: 0 0 12px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid #f0f4f8 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  color: #374151 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}
.homepage-right-rail .sidebar-section h3 i { font-size: 12px !important; }

/* Recently Used + Popular: override the ui-v2.css min-height:48px pill style */
body[data-cc-base="v2"].cc-home-v2 .homepage-right-rail .recently-used-item,
body[data-cc-base="v2"].cc-home-v2 .homepage-right-rail .popular-calc-item,
.homepage-right-rail .recently-used-item,
.homepage-right-rail .popular-calc-item {
  min-height: 0 !important;
  height: auto !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  line-height: 1.3 !important;
}
.homepage-right-rail .recently-used-item i {
  display: inline-block !important;
  width: 16px !important;
  height: auto !important;
  min-width: 16px !important;
  min-height: 0 !important;
  font-size: 12px !important;
  background: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  color: #6b7280 !important;
  flex-shrink: 0 !important;
}
.homepage-right-rail .recently-used-empty {
  margin: 0 !important;
  font-size: .82rem !important;
  color: #9ca3af !important;
  font-style: italic !important;
}

/* Quick Calculators */
.homepage-right-rail .quick-tool label {
  font-size: .75rem !important;
  font-weight: 600 !important;
  color: #6b7280 !important;
  margin-bottom: 5px !important;
}
.homepage-right-rail .quick-tool-result {
  background: #f0fdf4 !important;
  color: #166534 !important;
  border: none !important;
  font-size: .8rem !important;
  text-align: left !important;
}

/* Popular links: clean list style, no background chips */
.homepage-right-rail .popular-calc-item {
  background: transparent !important;
  border: none !important;
  padding: 7px 4px !important;
  border-bottom: 1px solid #f3f4f6 !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  color: #1e3a5f !important;
  gap: 9px !important;
  transition: color .15s ease, padding-left .15s ease !important;
  transform: none !important;
}
.homepage-right-rail .popular-calc-item:last-child { border-bottom: none !important; }
.homepage-right-rail .popular-calc-item:hover {
  color: #1d4ed8 !important;
  padding-left: 8px !important;
  background: transparent !important;
  transform: none !important;
}
.homepage-right-rail .popular-calc-item i {
  color: #4a90d9 !important;
  font-size: 13px !important;
  width: 16px !important;
}
.homepage-right-rail .popular-calc-item:hover i { color: #1d4ed8 !important; }