/* Presentation only: public marketing dashboard, existing cells and statuses. */
.pd:has(> .pd-nav) .pd-mock { grid-template-columns:180px minmax(0,1fr); background:#0c1817; border:1px solid #234441; border-radius:18px; box-shadow:0 24px 56px rgba(8,17,16,.2); }
.pd:has(> .pd-nav) .pd-mock-main { min-width:0; }
.pd:has(> .pd-nav) .pd-mock-side { background:#081110; border-right-color:#234441; }
.pd:has(> .pd-nav) .pd-mock-item { color:#a9c6c2; font-size:12px; }
.pd:has(> .pd-nav) .pd-mock-item.active { color:#7feee2; border-left-color:#12cfc2; background:#132725; }
.pd:has(> .pd-nav) .pd-mock-kpis { grid-template-columns:repeat(4,minmax(0,1fr)); }
.pd:has(> .pd-nav) .pd-mock-kpi { min-width:0; background:#132725; border-color:#234441; border-radius:12px; }
.pd:has(> .pd-nav) .pd-mock-kpi-lbl { color:#a9c6c2; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
.pd:has(> .pd-nav) .pd-mock-kpi-val { color:#f0faf8; font-variant-numeric:tabular-nums; }
.pd:has(> .pd-nav) .pd-mock-table { width:100%; max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:#7feee2 #132725; }
.pd:has(> .pd-nav) .pd-mock-table:focus-visible { outline:2px solid #7feee2; outline-offset:4px; }
.pd:has(> .pd-nav) .pd-mock-table th { color:#a9c6c2; font-size:11px; line-height:1.5; border-bottom-color:#2e5854; }
.pd:has(> .pd-nav) .pd-mock-table td { color:#cfe8e4; font-size:13px; line-height:1.55; border-bottom-color:#234441; }
@media(max-width:700px) {
  .pd:has(> .pd-nav) .pd-mock-table { display:block; }
  .pd:has(> .pd-nav) .pd-preview { padding:48px 20px; }
  .pd:has(> .pd-nav) .pd-mock { grid-template-columns:minmax(0,1fr); }
  .pd:has(> .pd-nav) .pd-mock-main { padding:18px; }
  .pd:has(> .pd-nav) .pd-mock-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .pd:has(> .pd-nav) .pd-mock-kpi { padding:14px 12px; }
  .pd:has(> .pd-nav) .pd-mock-table th,
  .pd:has(> .pd-nav) .pd-mock-table td { padding:11px 10px; }
}