.mac-topbar    { background:var(--bg2); border-bottom:1px solid var(--border); padding:.65rem 1rem; display:flex; align-items:center; gap:.5rem; }
.mac-dot-r     { width:10px; height:10px; border-radius:50%; background:#ff5f57; }
.mac-dot-y     { width:10px; height:10px; border-radius:50%; background:#febc2e; }
.mac-dot-g     { width:10px; height:10px; border-radius:50%; background:#28c840; }
.mac-url       { flex:1; background:var(--surface2); border:1px solid var(--border); border-radius:5px; padding:.2rem .75rem; font-size:.7rem; color:var(--muted); text-align:center; margin-left:.5rem; }

.bo-grid-2     { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; }
.bo-metric     { background:var(--bg2); border:1px solid var(--border); border-radius:8px; padding:.875rem; text-align:center; }
.bo-metric-val { font-size:1.3rem; font-weight:700; color:var(--white); }
.bo-metric-lbl { font-size:.65rem; color:var(--muted); }
.bo-metric-sub-g{ font-size:.6rem; color:var(--green); }
.bo-metric-sub-a{ font-size:.6rem; color:var(--accent2); }
.bo-orders     { background:var(--bg2); border:1px solid var(--border); border-radius:8px; padding:.875rem; }
.bo-orders-lbl { font-size:.65rem; font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:.07em; margin-bottom:.6rem; }
.bo-row        { display:flex; align-items:center; gap:.5rem; padding:.35rem 0; border-bottom:1px solid var(--border); }
.bo-row-id     { font-family:var(--mono); font-size:.65rem; color:var(--muted); }
.bo-row-name   { font-size:.72rem; color:var(--text); flex:1; }
.bo-row-price  { font-size:.72rem; font-weight:600; color:var(--white); }
.bo-pill { font-size:.6rem; font-weight:600; padding:.15rem .4rem; border-radius:4px; }
.bo-pill-green { color:var(--green); background:rgba(74,222,128,.1); }
.bo-pill-yellow { color:var(--yellow); background:rgba(251,191,36,.1); }
.bo-pill-accent { color:var(--accent2); background:rgba(0,119,204,.1); }
.card-body-lg  { padding:1.5rem; display:flex; flex-direction:column; gap:.75rem; }

@media (max-width: 480px) {
  .bo-grid-2 { grid-template-columns:1fr; }
}