/* Desktop navigation sits on the right; dashboard content remains right to left. */
@media (min-width: 761px) {
  #panelView.app-shell {
    display: grid;
    direction: rtl;
    grid-template-columns: clamp(224px, 18vw, 272px) minmax(0, 1fr);
    width: 100% !important;
    max-width: none !important;
    min-height: 100dvh;
    margin: 0 !important;
  }

  #panelView > .side-nav {
    direction: rtl;
    position: sticky;
    top: 0;
    align-self: start;
    height: 100dvh;
    min-width: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  #panelView > .dash-main {
    direction: rtl;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
  }
}

/* Account overview analytics */
#page-overview .overview-analytics { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr); gap:16px; margin:18px 0; }
#page-overview .overview-chart-panel { min-width:0; padding:20px 22px; border:1px solid #e3ecef; border-radius:18px; background:#fff; box-shadow:0 8px 24px rgba(18,52,67,.06); }
#page-overview .overview-chart-head { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; }
#page-overview .overview-chart-head h3 { margin:4px 0 3px; color:#123b51; font-size:18px; }
#page-overview .overview-chart-head p { margin:0; color:#718593; font-size:12px; line-height:1.8; }
#page-overview .overview-eyebrow { color:#087f8c; font-size:11px; font-weight:800; }
#page-overview .overview-chart-kpi { display:flex; flex-direction:column; align-items:flex-end; flex-shrink:0; gap:2px; }
#page-overview .overview-chart-kpi strong { color:#123b51; font-size:25px; line-height:1.3; }
#page-overview .overview-chart-kpi small { color:#718593; font-size:11px; }
#page-overview .overview-chart { min-height:210px; margin-top:14px; }
#page-overview .overview-chart .admin-chart-svg { display:block; width:100%; height:auto; min-height:185px; overflow:visible; }
#page-overview .overview-chart .chart-gridline { stroke:#e9eff3; stroke-width:1; }
#page-overview .overview-chart .chart-axis-label { fill:#8293a0; font-family:inherit; font-size:11px; }
#page-overview .overview-chart .chart-point { stroke:#fff; stroke-width:2; }
#page-overview .overview-chart .empty, #page-overview .overview-status-list .empty { display:grid; min-height:185px; place-items:center; color:#8494a0; font-size:13px; text-align:center; }
#page-overview .overview-status-list { display:grid; gap:17px; margin-top:25px; }
#page-overview .overview-status-item { display:grid; gap:7px; }
#page-overview .overview-status-line { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#355263; font-size:13px; }
#page-overview .overview-status-line strong { color:#123b51; font-size:13px; }
#page-overview .overview-status-track { height:9px; border-radius:99px; background:#edf3f5; overflow:hidden; }
#page-overview .overview-status-fill { display:block; height:100%; border-radius:inherit; background:var(--status-color,#087f8c); }
@media (max-width: 1050px) { #page-overview .overview-analytics { grid-template-columns:minmax(0,1fr); } }
@media (max-width: 560px) { #page-overview .overview-chart-panel { padding:16px; } #page-overview .overview-chart-head h3 { font-size:16px; } }