
/* V224 professional account dropdown + mobile dashboard polish */
.zp-account-dropdown { position: relative; }
.zp-account-toggle { display:inline-flex !important; align-items:center; gap:8px; max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.zp-account-toggle::after { margin-left:4px; }
.zp-account-menu { min-width:230px; padding:8px; border:1px solid rgba(199,161,70,.30); border-radius:16px; background:rgba(8,8,8,.98); box-shadow:0 18px 42px rgba(0,0,0,.55); }
.zp-account-menu .dropdown-item { color:#f0d27a; border-radius:10px; padding:10px 12px; font-weight:700; }
.zp-account-menu .dropdown-item:hover,.zp-account-menu .dropdown-item:focus { background:rgba(199,161,70,.14); color:#fff1b0; }
.zp-account-menu .dropdown-divider { border-top-color:rgba(199,161,70,.22); }
.zp-account-mini { color:#bea865; font-size:11px; text-transform:uppercase; font-weight:900; padding:7px 12px 3px; }
.zp-account-tabs { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:22px; border:1px solid rgba(199,161,70,.18); background:rgba(0,0,0,.20); border-radius:18px; padding:8px; }
.zp-account-tabs a { color:#d8bd70; text-decoration:none; border-radius:12px; padding:10px 14px; font-weight:800; }
.zp-account-tabs a.active,.zp-account-tabs a:hover { background:linear-gradient(135deg,#8b6a22,#f0d27a); color:#0b0b0b; }
.zp-account-main .zp-dashboard-shell { overflow:hidden; }
.zp-insight-list { display:grid; gap:12px; }
.zp-insight-list div,.zp-profile-list div { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid rgba(199,161,70,.12); }
.zp-insight-list span,.zp-profile-list span { color:#bea865; font-size:12px; text-transform:uppercase; font-weight:900; }
.zp-insight-list strong,.zp-profile-list strong { color:#fff1b0; text-align:right; overflow-wrap:anywhere; }
.zp-profile-card { display:flex; align-items:center; gap:14px; margin:14px 0 18px; }
.zp-avatar { width:58px; height:58px; border-radius:18px; background:linear-gradient(135deg,#8b6a22,#f0d27a); display:grid; place-items:center; color:#0b0b0b; font-size:24px; font-weight:900; }
.zp-profile-card h3 { color:#fff1b0; margin:0; font-weight:900; }
.zp-profile-card p { color:#bea865; margin:2px 0 0; overflow-wrap:anywhere; }
.zp-separator { border-color:rgba(199,161,70,.20); margin:22px 0; }
.zp-ref-code { border:1px solid rgba(199,161,70,.24); background:rgba(0,0,0,.30); border-radius:18px; padding:18px; }
.zp-ref-code span { display:block; color:#bea865; font-size:12px; text-transform:uppercase; font-weight:900; }
.zp-ref-code strong { color:#fff1b0; font-size:24px; overflow-wrap:anywhere; }
.zp-copy-row { display:flex; gap:10px; }
#btn-dashboard-logout,.zp-nav-logout-item,.zp-dashboard-link { display:none !important; }
.zp-investment-card,.zp-metric-card,.zp-panel { min-width:0; }
.zp-metric-row { align-items:stretch; }
.zp-metric-card { height:100%; }
.zp-mini-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.zp-mini strong,.zp-metric-value,.zp-investment-title { overflow-wrap:anywhere; }
footer, footer .footer-block, footer .footer-note, footer .small, footer .follow-us, footer .follow-us span, footer a, footer i { color:#fff1b0 !important; opacity:1 !important; filter:none !important; text-shadow:0 1px 1px rgba(0,0,0,.55) !important; }
@media (max-width: 991.98px){
  .zp-account-dropdown { width:100%; }
  .zp-account-toggle { width:100%; max-width:none; justify-content:flex-start; margin-top:8px; }
  .zp-account-menu { position:static !important; transform:none !important; width:100%; min-width:0; margin-top:8px; max-height:none; overflow:visible; }
  .zp-account-tabs { display:grid; grid-template-columns:1fr 1fr; gap:8px; border-radius:16px; }
  .zp-account-tabs a { text-align:center; padding:9px 8px; font-size:13px; }
  .zp-dashboard-main,.zp-admin-main { padding:18px 0 28px !important; }
  .zp-dashboard-shell,.zp-admin-shell { padding:14px !important; border-radius:20px !important; }
  .zp-dashboard-title { font-size:28px !important; line-height:1.12; }
  .zp-dashboard-subtitle { font-size:14px !important; }
  .zp-panel,.zp-metric-card,.zp-investment-card { padding:14px !important; border-radius:16px !important; }
  .zp-mini-grid { grid-template-columns:1fr 1fr !important; }
  .zp-investment-top { flex-direction:column; align-items:flex-start; }
  .zp-status { align-self:flex-start; }
  .zp-copy-row { flex-direction:column; }
  .zp-insight-list div,.zp-profile-list div { flex-direction:column; gap:4px; }
  .zp-insight-list strong,.zp-profile-list strong { text-align:left; }
}
@media (max-width: 430px){
  .zp-account-tabs { grid-template-columns:1fr; }
  .zp-mini-grid { grid-template-columns:1fr !important; }
  .zp-metric-value { font-size:23px !important; }
  .zp-dashboard-title { font-size:25px !important; }
  .zp-ref-code strong { font-size:20px; }
}
/* V224 QA hardening: keep auth gates/modals hidden even before Bootstrap loads */
.d-none { display:none !important; }
.modal.fade:not(.show) { display:none !important; }
@media (max-width: 991.98px){
  .zp-investment-card .d-flex.justify-content-between.small.zp-muted { flex-direction:column !important; align-items:flex-start !important; gap:4px !important; }
}
@media (max-width: 991.98px){
  .zp-investment-card .zp-muted.mb-1 span { display:block !important; width:100% !important; margin-bottom:3px !important; }
}
/* Account area Bootstrap grid fallback for offline/local previews */
.zp-account-main .row { display:flex; flex-wrap:wrap; }
.zp-account-main .g-3 { gap:1rem; }
.zp-account-main .g-4 { gap:1.5rem; }
.zp-account-main [class*="col-"] { min-width:0; }
@media (min-width: 992px){
  .zp-account-main .col-lg-8 { flex:0 0 calc(66.666% - .75rem); max-width:calc(66.666% - .75rem); }
  .zp-account-main .col-lg-7 { flex:0 0 calc(58.333% - .75rem); max-width:calc(58.333% - .75rem); }
  .zp-account-main .col-lg-5 { flex:0 0 calc(41.666% - .75rem); max-width:calc(41.666% - .75rem); }
  .zp-account-main .col-lg-4 { flex:0 0 calc(33.333% - .75rem); max-width:calc(33.333% - .75rem); }
}
@media (min-width: 1200px){
  .zp-account-main .col-xl-3 { flex:0 0 calc(25% - .75rem); max-width:calc(25% - .75rem); }
}
@media (min-width: 576px) and (max-width:1199.98px){
  .zp-account-main .col-sm-6,.zp-account-main .col-md-4,.zp-account-main .col-md-6 { flex:0 0 calc(50% - .5rem); max-width:calc(50% - .5rem); }
}
@media (max-width: 575.98px){
  .zp-account-main [class*="col-"] { flex:0 0 100%; max-width:100%; }
}
.zp-investment-card .zp-muted.mb-1 span { display:inline-block; margin-right:10px; }
.zp-investment-card .zp-muted.mb-1 span + span::before { content:'• '; color:#bea865; }
@media (max-width: 991.98px){
  .zp-investment-card .zp-muted.mb-1 span { display:block !important; width:100% !important; margin:0 0 3px 0 !important; }
  .zp-investment-card .zp-muted.mb-1 span + span::before { content:'' !important; }
}
