.pmbp-growth-dashboard{display:flex;flex-direction:column;gap:12px}
.pmbp-growth-block{border:1px solid rgba(96,165,250,.18);border-radius:18px;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.88));padding:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.pmbp-growth-block__label{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;margin-bottom:10px}
.pmbp-growth-hero-card{padding:14px 14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(31,41,55,.92),rgba(30,64,175,.28));border:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.pmbp-growth-hero-card small{font-size:12px;color:#cbd5e1;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.pmbp-growth-hero-card b{font-size:clamp(28px,8vw,42px);line-height:1.02;color:#86efac;font-weight:900}
.pmbp-growth-hero-card b.is-negative{color:#fb7185}
.pmbp-growth-hero-card b.is-flat{color:#e2e8f0}
.pmbp-growth-hero-card span{font-size:12px;color:#94a3b8}
.pmbp-growth-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pmbp-growth-kpi{display:flex;flex-direction:column;gap:5px;min-width:0;padding:12px;border-radius:16px;background:rgba(15,23,42,.68);border:1px solid rgba(148,163,184,.18)}
.pmbp-growth-kpi small,.pmbp-growth-trading-days small,.pmbp-growth-calendar-topline small{font-size:11px;color:#94a3b8;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.pmbp-growth-kpi b,.pmbp-growth-trading-days b,.pmbp-growth-calendar-topline b{font-size:15px;color:#f8fafc;line-height:1.15;overflow-wrap:anywhere}
.pmbp-growth-kpi em{font-style:normal;font-size:11px;color:#94a3b8;line-height:1.25}
.pmbp-growth-trading-days{margin-top:10px;padding:12px;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.62);display:flex;align-items:center;justify-content:space-between;gap:8px}
.pmbp-growth-chart-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.pmbp-growth-chart-top strong{display:block;color:#f8fafc;font-size:18px}
.pmbp-growth-chart-top p{margin:3px 0 0;font-size:12px;color:#94a3b8}
.pmbp-growth-chart-period{font-size:11px;font-weight:900;color:#bfdbfe;padding:6px 10px;border-radius:999px;border:1px solid rgba(96,165,250,.24);background:rgba(37,99,235,.14);white-space:nowrap}
.pmbp-growth-chart-wrap--dashboard{position:relative;padding:10px 8px 12px;border-radius:18px;background:linear-gradient(180deg,rgba(2,6,23,.84),rgba(6,19,48,.96));border:1px solid rgba(96,165,250,.18)}
.pmbp-growth-chart-wrap--dashboard svg{width:100%;height:auto;display:block;min-height:210px}
.pmbp-growth-area{fill:rgba(74,222,128,.16)}
.pmbp-growth-line{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.pmbp-growth-line--balance{stroke:#60a5fa}
.pmbp-growth-line--equity{stroke:#86efac}
.pmbp-growth-last--balance{fill:#60a5fa;stroke:#dbeafe;stroke-width:1.4}
.pmbp-growth-last--equity{fill:#86efac;stroke:#ecfccb;stroke-width:1.4}
.pmbp-growth-chart-live-tag,.pmbp-growth-chart-start-tag{position:absolute;z-index:2;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.18);border-radius:12px;padding:8px 10px;box-shadow:0 10px 28px rgba(0,0,0,.24)}
.pmbp-growth-chart-live-tag{top:10px;right:10px;display:flex;flex-direction:column;gap:3px;max-width:46%}
.pmbp-growth-chart-live-tag span{font-size:11px;font-weight:800;line-height:1.2}
.pmbp-growth-chart-live-tag .is-balance{color:#93c5fd}
.pmbp-growth-chart-live-tag .is-equity{color:#86efac}
.pmbp-growth-chart-start-tag{left:10px;bottom:38px;font-size:11px;font-weight:800;color:#e2e8f0;max-width:42%}
.pmbp-growth-chart-axis{margin-top:6px}
.pmbp-growth-chart-legend{display:flex;justify-content:center;gap:18px;margin-top:8px;font-size:11px;font-weight:800;color:#cbd5e1;flex-wrap:wrap}
.pmbp-growth-chart-legend span{display:inline-flex;align-items:center;gap:6px}
.pmbp-growth-chart-legend span::before{content:'';display:inline-block;width:18px;height:3px;border-radius:999px;background:#60a5fa}
.pmbp-growth-chart-legend .legend-equity::before{background:#86efac}
.pmbp-growth-calendar--dashboard .pmbp-detail-section__head{margin-bottom:10px!important}
.pmbp-growth-calendar-topline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}
.pmbp-growth-calendar-topline span{display:flex;flex-direction:column;gap:5px;padding:10px 12px;border-radius:14px;background:rgba(15,23,42,.62);border:1px solid rgba(148,163,184,.18)}
.pmbp-growth-calendar--dashboard .pmbp-growth-calendar-month header{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:10px}
.pmbp-growth-calendar-nav{width:32px;height:32px;border-radius:10px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.68);color:#cbd5e1;font-size:18px;font-weight:900}
.pmbp-growth-calendar-head-center{text-align:center;min-width:0}
.pmbp-growth-calendar-head-center h4{margin:0;font-size:20px;color:#f8fafc;text-transform:capitalize}
.pmbp-growth-calendar-head-center p{margin:3px 0 0;font-size:12px;color:#94a3b8}
.pmbp-growth-calendar-head-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.pmbp-growth-calendar-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(37,99,235,.18);border:1px solid rgba(96,165,250,.24);font-size:10px;color:#bfdbfe;font-weight:900}
.pmbp-growth-calendar--dashboard .pmbp-growth-calendar-weekdays span{font-size:11px;font-weight:800;color:#94a3b8;text-align:center}
.pmbp-growth-calendar--dashboard .pmbp-growth-calendar-grid{gap:4px}
.pmbp-growth-calendar--dashboard .pmbp-growth-calendar-day{min-height:54px;align-items:flex-start;justify-content:flex-start;text-align:left;padding:6px;border-radius:10px}
.pmbp-growth-calendar--dashboard .pmbp-growth-calendar-day b{font-size:12px;color:#e2e8f0}
.pmbp-growth-calendar--dashboard .pmbp-growth-calendar-day em{font-size:11px;font-weight:900}
.pmbp-growth-calendar--dashboard .pmbp-growth-calendar-day i{font-size:9.5px;color:#cbd5e1}
.pmbp-growth-calendar-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:11px;font-weight:800;color:#cbd5e1}
.pmbp-growth-calendar-footer span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:rgba(15,23,42,.56);border:1px solid rgba(148,163,184,.16)}
.pmbp-growth-calendar-footer .dot{display:inline-block;width:10px;height:10px;border-radius:999px;background:#94a3b8}
.pmbp-growth-calendar-footer .dot-today{background:#94a3b8}
.pmbp-growth-calendar-footer .dot-month{background:#86efac}
@media (max-width:640px){.pmbp-growth-block{padding:10px;border-radius:16px}.pmbp-growth-kpi{padding:10px;border-radius:14px}.pmbp-growth-kpi b{font-size:14px}.pmbp-growth-chart-top{align-items:stretch;flex-direction:column}.pmbp-growth-chart-period{align-self:flex-start}.pmbp-growth-chart-live-tag{max-width:58%;top:8px;right:8px;padding:7px 8px}.pmbp-growth-chart-start-tag{left:8px;bottom:42px;padding:7px 8px;max-width:48%}.pmbp-growth-chart-wrap--dashboard svg{min-height:180px}.pmbp-growth-calendar-topline{grid-template-columns:repeat(2,minmax(0,1fr))}.pmbp-growth-calendar-topline span:last-child{grid-column:1/-1}.pmbp-growth-calendar--dashboard .pmbp-growth-calendar-month header{grid-template-columns:28px minmax(0,1fr);}.pmbp-growth-calendar-head-side{grid-column:1/-1;align-items:flex-start;flex-direction:row;justify-content:space-between}.pmbp-growth-calendar-head-center h4{font-size:18px}.pmbp-growth-calendar--dashboard .pmbp-growth-calendar-day{min-height:48px;padding:5px}.pmbp-growth-calendar--dashboard .pmbp-growth-calendar-day em{font-size:10px}.pmbp-growth-calendar--dashboard .pmbp-growth-calendar-day i{font-size:8px}}
@media (max-width:380px){.pmbp-growth-mobile-grid,.pmbp-growth-calendar-topline{grid-template-columns:1fr}.pmbp-growth-chart-live-tag,.pmbp-growth-chart-start-tag{position:static;max-width:none;margin-bottom:8px}.pmbp-growth-chart-wrap--dashboard svg{min-height:166px}.pmbp-growth-calendar-footer span{width:100%;justify-content:flex-start}}

@media (max-width:640px){
  .pmbp-growth-dashboard{gap:8px}
  .pmbp-growth-block{padding:8px;border-radius:14px}
  .pmbp-growth-block__label{font-size:9px;margin-bottom:7px}
  .pmbp-growth-hero-card{padding:10px 10px 12px;border-radius:14px;margin-bottom:8px}
  .pmbp-growth-hero-card small{font-size:10px}
  .pmbp-growth-hero-card b{font-size:clamp(22px,7vw,30px)}
  .pmbp-growth-hero-card span{font-size:10px}
  .pmbp-growth-mobile-grid{gap:7px}
  .pmbp-growth-kpi{padding:8px;border-radius:12px;gap:4px}
  .pmbp-growth-kpi small,.pmbp-growth-trading-days small,.pmbp-growth-calendar-topline small{font-size:9px}
  .pmbp-growth-kpi b,.pmbp-growth-trading-days b,.pmbp-growth-calendar-topline b{font-size:12px;line-height:1.1}
  .pmbp-growth-kpi em{font-size:9px;line-height:1.15}
  .pmbp-growth-trading-days{margin-top:7px;padding:8px;border-radius:12px}
  .pmbp-growth-chart-top{gap:6px;margin-bottom:8px}
  .pmbp-growth-chart-top strong{font-size:15px}
  .pmbp-growth-chart-top p{font-size:10px;margin-top:2px}
  .pmbp-growth-chart-period{font-size:9px;padding:4px 8px}
  .pmbp-growth-chart-wrap--dashboard{padding:7px 6px 9px;border-radius:14px}
  .pmbp-growth-chart-wrap--dashboard svg{min-height:170px}
  .pmbp-growth-chart-live-tag{max-width:56%;top:6px;right:6px;padding:6px 7px;border-radius:10px}
  .pmbp-growth-chart-live-tag span{font-size:9px}
  .pmbp-growth-chart-start-tag{left:6px;bottom:34px;font-size:9px;padding:6px 7px;border-radius:10px;max-width:46%}
  .pmbp-growth-chart-axis{font-size:8px}
  .pmbp-growth-chart-axis b{font-size:8px}
  .pmbp-growth-chart-legend{gap:12px;margin-top:6px;font-size:9px}
  .pmbp-growth-chart-legend span::before{width:14px}
  .pmbp-growth-calendar-topline{gap:7px;margin-bottom:8px}
  .pmbp-growth-calendar-topline span{padding:8px 9px;border-radius:12px}
  .pmbp-growth-calendar--dashboard .pmbp-growth-calendar-month header{gap:6px;margin-bottom:8px}
  .pmbp-growth-calendar-nav{width:26px;height:26px;font-size:15px;border-radius:8px}
  .pmbp-growth-calendar-head-center h4{font-size:16px}
  .pmbp-growth-calendar-head-center p{font-size:10px}
  .pmbp-growth-calendar-badge{font-size:8px;padding:3px 6px}
  .pmbp-growth-calendar--dashboard .pmbp-growth-calendar-weekdays span{font-size:9px}
  .pmbp-growth-calendar--dashboard .pmbp-growth-calendar-grid{gap:3px}
  .pmbp-growth-calendar--dashboard .pmbp-growth-calendar-day{min-height:44px;padding:4px;border-radius:8px}
  .pmbp-growth-calendar--dashboard .pmbp-growth-calendar-day b{font-size:10px}
  .pmbp-growth-calendar--dashboard .pmbp-growth-calendar-day em{font-size:9px}
  .pmbp-growth-calendar--dashboard .pmbp-growth-calendar-day i{font-size:7px}
  .pmbp-growth-calendar-footer{margin-top:8px;font-size:9px;gap:7px}
  .pmbp-growth-calendar-footer span{padding:6px 8px}
  .pmbp-growth-y-label{font-size:8px!important}
}
@media (max-width:380px){
  .pmbp-growth-hero-card b{font-size:20px}
  .pmbp-growth-kpi b,.pmbp-growth-trading-days b,.pmbp-growth-calendar-topline b{font-size:11px}
  .pmbp-growth-chart-wrap--dashboard svg{min-height:156px}
}

/* v3.77.20: fixed-capital label rendered directly inside the chart */
.pmbp-growth-baseline-corner-label rect{fill:rgba(15,23,42,.92);stroke:rgba(191,219,254,.42);stroke-width:1;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}
.pmbp-growth-baseline-corner-label text{fill:#f8fafc;font-size:12px;font-weight:900;letter-spacing:.01em}
.pmbp-growth-kpi b.is-positive,.pmbp-growth-kpi em.is-positive{color:#86efac!important}
.pmbp-growth-kpi b.is-negative,.pmbp-growth-kpi em.is-negative{color:#fb7185!important}
.pmbp-growth-kpi b.is-flat,.pmbp-growth-kpi em.is-flat{color:#e2e8f0!important}
.pmbp-growth-kpi.is-wide{grid-column:1/-1}
.pmbp-growth-kpi.is-muted{opacity:.78}
@media (max-width:640px){.pmbp-growth-baseline-corner-label text{font-size:10px}.pmbp-growth-baseline-corner-label rect{rx:8}}

/* v3.77.20: hiển thị vốn ban đầu trực tiếp trong góc dưới của biểu đồ */
.pmbp-growth-baseline-corner-label rect{fill:rgba(15,23,42,.92);stroke:rgba(125,211,252,.36);stroke-width:1;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}
.pmbp-growth-baseline-corner-label text{fill:#e2e8f0;font-size:11px;font-weight:900;letter-spacing:.01em}
@media(max-width:640px){.pmbp-growth-baseline-corner-label text{font-size:10px}}

/* v3.77.20: compact growth dashboard - fewer cards, all key metrics retained */
.pmbp-growth-overview-block .pmbp-growth-kpi.is-wide b{font-size:13px;line-height:1.25}
.pmbp-growth-overview-block .pmbp-growth-kpi.is-wide em{font-size:10.5px}
@media(max-width:640px){.pmbp-growth-overview-block .pmbp-growth-kpi.is-wide b{font-size:11px}.pmbp-growth-overview-block .pmbp-growth-kpi.is-wide em{font-size:9px}}

/* v3.77.20: growth tab compact KPI layout */
.pmbp-growth-mobile-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.pmbp-growth-mobile-grid--compact .pmbp-growth-kpi.is-wide{grid-column:1/-1}
@media(max-width:760px){.pmbp-growth-mobile-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.pmbp-growth-mobile-grid--compact{grid-template-columns:1fr}}