.portal-mock{background:var(--bg-surface);box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:16px;overflow:hidden}.portal-mock .topbar{background:var(--brand-navy);color:#fff;font:600 13px/1 var(--font-display);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.portal-mock .body{background:var(--bg-muted);grid-template-columns:1fr 1fr;gap:14px;padding:24px;display:grid}.portal-mock .tile{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px}.portal-mock .tile h5{font:600 13px/1.2 var(--font-display);color:var(--fg-1);margin:0}.portal-mock .tile p{font:400 12px/1.4 var(--font-sans);color:var(--fg-3);margin:4px 0 0}.portal-mock .tile.wide{grid-column:span 2}.dot-status{background:var(--brand-green);vertical-align:middle;border-radius:999px;width:8px;height:8px;margin-right:6px;display:inline-block}