/* SWP Planner styles */
#swpPlanner .swp-icon{ width:28px; height:28px; object-fit:contain; filter:drop-shadow(0 1px 3px rgba(0,0,0,.35)); }
#swpPlanner .swp-body{ border-top:1px solid #273244; }
#swpPlanner .swp-field label{ font-size:.85rem; opacity:.9; margin-bottom:4px; display:block; }
#swpPlanner .swp-sublabel{ font-size:.8rem; opacity:.8; }
#swpPlanner .btn{ border-radius:8px; }
#swpPlanner .btn-outline-light{ border-color:#2a3a4f; }

/* summary pills */
#swpPlanner .swp-summary{
  background: rgba(18,32,49,.6);
  border:1px solid #2a3a4f; border-radius:10px; padding:10px 12px; color:#e6eef8; font-size:.95rem;
}
#swpPlanner .swp-kv{
  background: rgba(255,255,255,.05);
  border: 1px solid #2a3a4f;
  border-radius: 8px;
  padding: 8px 10px;
  display:flex; justify-content:space-between; gap:10px;
  font-size:.92rem;
}
#swpPlanner .swp-kv span{ opacity:.75; }

#swpPlanner .swp-chart-wrap{ background: rgba(18,32,49,.45); border:1px solid #2a3a4f; border-radius:10px; padding:8px; min-height:260px; }
#swpPlanner .swp-note{ margin-top:8px; font-size:.8rem; color:#94a3b8; }

/* Yearly table (collapsible) */
#swpPlanner .swp-yearly{ display:none; }
#swpPlanner .swp-yearly.open{ display:block; }

/* Minimize whole widget */
#swpPlanner.min .swp-body{ display:none; }
#swpPlanner.min header .btn{ opacity:.95; }

/* Mobile tweaks */
@media (max-width:768px){
  #swpPlanner .swp-icon{ width:24px; height:24px; }
  #swpChart{ height:190px !important; }
}

#swpPlanner .swp-tip{
  color:#9ca3af;
}
#swpPlanner .swp-tip b{
  color:#e5e7eb;
}
#swpPlanner .swp-tip .btn-link{
  font-size:.75rem;
  text-decoration:underline;
}

/* Mobile layout fix for SWP summary key-values */
@media (max-width: 576px){
  #swpSummary .col-6,
  #swpSummary .col-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* If it still feels tight, you can use 100% instead of 50%: */
  /* 
  #swpSummary .col-6,
  #swpSummary .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  */

  #swpSummary .swp-kv span{
    font-size: 0.75rem;
  }
  #swpSummary .swp-kv strong{
    font-size: 0.85rem;
  }
}

/* Slightly reduce SWP banner size compared to Fund Health */
.swp-banner{
  margin-top: 8px;
  margin-bottom: 12px;
}

#swpPlanner .swp-yearly{
  max-height: 260px;
  overflow-y:auto;
}

#swpPlanner .swp-yearly.pdf-mode{
  max-height: none !important;
  overflow: visible !important;
}
#swpPlanner .swp-yearly.pdf-mode{
  max-height: none !important;
  overflow: visible !important;
}
@media (max-width: 576px){
  #swpSummary .col-6,
  #swpSummary .col-4 {
    flex:0 0 100%;
    max-width:100%;
  }
}