.mock .m-h{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;flex-wrap:wrap}.mock .m-h b{font-size:var(--fs-body)}.mock .m-sub{color:var(--text-3);font-size:12px}.mock .m-label{font:500 var(--fs-label)/1.3 var(--f-sans);letter-spacing:0;color:var(--text-3)}.mock .m-pill{display:inline-block;font:600 var(--fs-label)/1.2 var(--f-sans);letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:99px;background:var(--bone-2);color:var(--text-2);white-space:nowrap}.mock .m-pill--ok{background:#e2f4ea;color:#1d7049}.mock .m-pill--warn{background:var(--amber-soft);color:var(--amber-deep)}.mock .m-pill--teal{background:var(--teal-wash);color:var(--teal)}.mock .m-pill--bad{background:#fbe6e1;color:#a2402c}html.night .mock .m-pill--ok{background:color-mix(in srgb,#2f9e68 22%,transparent);color:#7fd6a8}html.night .mock .m-pill--bad{background:color-mix(in srgb,#c0392b 24%,transparent);color:#f0a294}.mock .m-kpis{display:grid;grid-template-columns:repeat(var(--n, 3),minmax(0,1fr));gap:8px}.mock .m-kpi{border:1px solid var(--rule);border-radius:10px;padding:10px 12px;display:grid;gap:2px;min-width:0;background:var(--paper)}.mock .m-kpi .v{font-size:22px;font-weight:600;letter-spacing:-.025em;line-height:1.1;font-variant-numeric:tabular-nums}.mock .m-kpi .d{font:500 var(--fs-label) var(--f-mono)}.mock .up{color:#1f8a5b}.mock .down{color:#b5523d}.mock .m-rows{list-style:none;margin:0;padding:0;display:grid}.mock .m-rows>li{display:grid;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--rule);font-size:var(--fs-small);min-width:0}.mock .m-rows>li:first-child{border-top:0}.mock .m-bar{height:6px;border-radius:3px;background:var(--bone-2);overflow:hidden}.mock .m-bar i{display:block;height:100%;background:var(--teal);border-radius:3px}.mock .m-btn{font:600 12px var(--f-sans);padding:7px 12px;border-radius:7px;border:1px solid var(--rule);background:var(--paper);color:var(--text);white-space:nowrap}.mock .m-btn--dark,.mock .m-btn--teal{background:var(--teal);color:var(--on-teal);border-color:transparent}.mock .m-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mock .m-note{padding:10px 12px;border:1px solid color-mix(in srgb,var(--teal) 40%,transparent);border-radius:10px;background:var(--teal-wash);font-size:var(--fs-small);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.mock .m-ok:before{content:"✓ ";color:#1f8a5b;font-weight:700}.mock .m-mono{font-family:var(--f-mono);font-size:12px}.mock .m-dim{color:var(--text-3)}.mock thead th{font-family:inherit;font-size:inherit;letter-spacing:0;text-transform:none}@media(max-width:520px){.mock .m-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.mock .m-kpis:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mock .m-kpis:has(>:nth-child(3):last-child) .m-kpi{padding:8px}.mock .m-kpis:has(>:nth-child(3):last-child) .m-kpi .v{font-size:18px}}.mock[data-astro-cid-grqzl7vs]{margin:0;border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:var(--paper);color:var(--text);font-size:var(--fs-small);line-height:1.45;min-width:0}.mock-bar[data-astro-cid-grqzl7vs]{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bone);border-bottom:1px solid var(--rule);font:600 12px var(--f-sans);color:var(--text)}.lights[data-astro-cid-grqzl7vs]{display:inline-flex;gap:5px}.lights[data-astro-cid-grqzl7vs] i[data-astro-cid-grqzl7vs]{width:9px;height:9px;border-radius:50%;background:var(--rule)}.ttl[data-astro-cid-grqzl7vs]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-shell[data-astro-cid-grqzl7vs]{display:grid;grid-template-columns:minmax(0,1fr)}.mock-side[data-astro-cid-grqzl7vs]{display:none;flex-direction:column;align-items:center;gap:4px;padding:14px 0;border-right:1px solid var(--rule);background:color-mix(in srgb,var(--bone) 70%,var(--paper))}.mock-side[data-astro-cid-grqzl7vs] img[data-astro-cid-grqzl7vs]{width:20px;height:auto;margin-bottom:10px}.rail-i[data-astro-cid-grqzl7vs]{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--text-3)}.rail-i[data-astro-cid-grqzl7vs].on{background:var(--teal-wash);color:var(--teal)}.rail-i[data-astro-cid-grqzl7vs].end{margin-top:auto}.aside .mock-shell[data-astro-cid-grqzl7vs]{grid-template-columns:46px minmax(0,1fr)}.aside .mock-side[data-astro-cid-grqzl7vs]{display:flex}.mock-body[data-astro-cid-grqzl7vs]{padding:18px;display:grid;gap:12px;min-width:0}@media(max-width:520px){.aside .mock-shell[data-astro-cid-grqzl7vs]{grid-template-columns:minmax(0,1fr)}.aside .mock-side[data-astro-cid-grqzl7vs]{display:none}}