/* Isolated mobile fix for the premium Branches dashboard. */
body.ui-scale-phone #app-screen #page-dashboard.nv-pro-on { padding: 0 !important; overflow-x: hidden !important; }
body.ui-scale-phone #app-screen #page-dashboard .pd-orig-hidden { display: none !important; }
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash {
  --mb-gold: #d9b978; --mb-muted: #9aabc1;
  width: 100% !important; max-width: 100% !important; padding: 14px 12px 18px !important;
  border: 1px solid rgba(255,255,255,.08) !important; border-radius: 18px !important;
  background: linear-gradient(160deg,#0c1424 0%,#111c30 58%,#0d1728 100%) !important;
  color: #edf3fb !important; box-sizing: border-box !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash * { box-sizing: border-box !important; }
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-head {
  display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 12px !important; margin-bottom: 14px !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-title {
  margin: 0 0 4px !important; font-size: 1.35rem !important; line-height: 1.15 !important; color: #fff !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-sub {
  margin: 0 !important; color: var(--mb-muted) !important; font-size: .78rem !important; line-height: 1.35 !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-head-tools,
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-viewmode {
  display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 8px !important; width: 100% !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-branchchip {
  display: flex !important; align-items: center !important; width: 100% !important; min-width: 0 !important;
  padding: 8px 10px !important; border: 1px solid rgba(217,185,120,.32) !important; border-radius: 10px !important;
  background: rgba(217,185,120,.1) !important; color: var(--mb-gold) !important; white-space: normal !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-viewmode > span { color: var(--mb-muted) !important; font-size: .7rem !important; }
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-viewmode select {
  width: 100% !important; min-width: 0 !important; padding: 10px 34px 10px 11px !important;
  border: 1px solid rgba(217,185,120,.34) !important; border-radius: 10px !important;
  background-color: rgba(255,255,255,.06) !important; color: #edf3fb !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-kpis {
  display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; margin-bottom: 10px !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-kpi {
  position: relative !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important;
  gap: 3px !important; min-width: 0 !important; min-height: 116px !important; padding: 12px 10px !important;
  border: 1px solid rgba(255,255,255,.1) !important; border-radius: 13px !important;
  background: rgba(255,255,255,.045) !important; color: #edf3fb !important; text-align: left !important; box-shadow: none !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-kpi-ico {
  position: static !important; display: grid !important; place-items: center !important; width: 30px !important; height: 30px !important;
  margin-bottom: 3px !important; border: 1px solid rgba(217,185,120,.26) !important; border-radius: 9px !important;
  background: rgba(217,185,120,.1) !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-kpi-label,
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-kpi-sub {
  display: block !important; width: 100% !important; padding: 0 !important; color: var(--mb-muted) !important;
  font-size: .67rem !important; line-height: 1.25 !important; overflow-wrap: anywhere !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-kpi-val {
  display: block !important; color: #fff !important; font-size: 1.45rem !important; line-height: 1 !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-grid2,
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-grid3 {
  display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 10px !important; margin-bottom: 10px !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-panel {
  min-width: 0 !important; padding: 13px 11px !important; border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 14px !important; background: rgba(255,255,255,.04) !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-panel h3 {
  margin: 0 0 10px !important; color: #fff !important; font-size: .95rem !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-donut-wrap {
  display: grid !important; grid-template-columns: 108px minmax(0,1fr) !important; align-items: center !important; gap: 12px !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-donut { width: 108px !important; height: 108px !important; }
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-legend,
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-list,
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-status {
  display: grid !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; list-style: none !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-legend li,
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-list li,
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-status li,
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-branchrow {
  display: flex !important; align-items: center !important; gap: 8px !important; min-width: 0 !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-branchrow {
  justify-content: space-between !important; padding: 9px 0 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-branch-name {
  display: flex !important; align-items: center !important; gap: 7px !important; min-width: 0 !important;
  color: #edf3fb !important; overflow-wrap: anywhere !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-branch-score {
  min-width: 88px !important; max-width: 42% !important; flex: 0 0 88px !important; text-align: right !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-row-main {
  display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-width: 0 !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-row-main small {
  color: var(--mb-muted) !important; white-space: normal !important; overflow-wrap: anywhere !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-health-compact {
  display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important;
  margin: 10px 0 !important; padding: 10px 11px !important; border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 12px !important; background: rgba(52,211,153,.06) !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-health-title {
  display: flex !important; align-items: center !important; gap: 7px !important; min-width: 0 !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-health-title h3 { margin: 0 !important; font-size: .86rem !important; }
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-health-compact .pd-status { display: none !important; }
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-quote {
  position: relative !important; margin-top: 10px !important; padding: 16px 14px !important;
  border: 1px solid rgba(217,185,120,.28) !important; border-radius: 13px !important; background: rgba(217,185,120,.08) !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-quote p {
  margin: 0 0 7px !important; padding-left: 22px !important; color: #f2ead9 !important; font-size: .84rem !important; line-height: 1.45 !important;
}
body.ui-scale-phone #app-screen #page-dashboard #nv-pro-dash .pd-quote-author {
  display: block !important; padding-left: 22px !important; color: var(--mb-gold) !important; font-size: .72rem !important;
}

/* Safari Responsive Design Mode uses viewport width; force the same phone class behavior. */
@media (max-width: 760px) {
  body:not(.ui-scale-phone) { --mobile-branches-safari-fallback: 1; }
  body:not(.ui-scale-phone) #app-screen #page-dashboard.nv-pro-on { padding: 0 !important; overflow-x: hidden !important; }
  body:not(.ui-scale-phone) #app-screen #page-dashboard .pd-orig-hidden { display: none !important; }
  body:not(.ui-scale-phone) #app-screen #page-dashboard #nv-pro-dash { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; }
  body:not(.ui-scale-phone) #app-screen #page-dashboard #nv-pro-dash .pd-head,
  body:not(.ui-scale-phone) #app-screen #page-dashboard #nv-pro-dash .pd-head-tools,
  body:not(.ui-scale-phone) #app-screen #page-dashboard #nv-pro-dash .pd-viewmode,
  body:not(.ui-scale-phone) #app-screen #page-dashboard #nv-pro-dash .pd-grid2,
  body:not(.ui-scale-phone) #app-screen #page-dashboard #nv-pro-dash .pd-grid3 { display: grid !important; grid-template-columns: minmax(0,1fr) !important; }
  body:not(.ui-scale-phone) #app-screen #page-dashboard #nv-pro-dash .pd-kpis { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body:not(.ui-scale-phone) #app-screen #page-dashboard #nv-pro-dash .pd-kpi { display: flex !important; flex-direction: column !important; min-width: 0 !important; }
  body:not(.ui-scale-phone) #app-screen #page-dashboard #nv-pro-dash .pd-branch-score { min-width: 88px !important; flex-basis: 88px !important; }
}