@media (width<=920px){.app-shell{width:min(100%,100% - 20px);padding:20px 0 48px}.hero-panel,.summary-strip,.service-grid,.service-meta{grid-template-columns:1fr}.hero-panel,.service-card{padding:22px}.service-head{flex-direction:column;align-items:flex-start}}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:40px 0 72px}.hero-panel{border:1px solid var(--panel-border);background:radial-gradient(circle at top left, #eeb16138, transparent 36%), radial-gradient(circle at bottom right, #3f7b582e, transparent 40%), var(--panel);box-shadow:var(--shadow);border-radius:28px;grid-template-columns:minmax(0,1.4fr) minmax(300px,.9fr);gap:24px;padding:32px;display:grid}.hero-copy,.hero-actions{flex-direction:column;gap:16px;display:flex}.eyebrow,.service-kicker,.summary-label,.payload-title{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:12px}.hero-text,.helper-copy,.service-summary,.service-meta dd{color:var(--text-soft)}.refresh-button{width:fit-content;font:inherit;color:var(--button-text);background:linear-gradient(135deg, var(--button-start), var(--button-end));cursor:pointer;border:0;border-radius:999px;padding:12px 20px;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 18px 36px #243e303d}.refresh-button:hover:not(:disabled){transform:translateY(-1px)}.refresh-button:disabled{cursor:wait;opacity:.72}.summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.summary-card,.service-card{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow);border-radius:24px}.summary-card{padding:20px 22px}.summary-card,.summary-value{flex-direction:column;gap:8px;display:flex}.summary-value{color:var(--text-strong);font-size:30px;line-height:1}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.service-card{padding:24px}.service-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.status-pill{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.status-idle,.status-checking{color:#8d6514;background:#deae4c1f}.status-healthy{color:#21643e;background:#3a7d5424}.status-unhealthy{color:#8b2e1c;background:#a73f2a24}.service-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin:24px 0 0;display:grid}.service-meta div{border-top:1px solid var(--panel-border);padding-top:16px}.service-meta dt{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.service-meta dd{margin:8px 0 0}.payload-block{background:var(--payload-bg);border-radius:18px;margin-top:24px;padding:18px}.payload-block pre{white-space:pre-wrap;word-break:break-word;font-family:var(--mono);color:var(--text-strong);margin:12px 0 0;font-size:14px;line-height:1.5}code{background:var(--code-bg);color:var(--text-strong);font-family:var(--mono);border-radius:999px;padding:.18rem .45rem}@media (width<=920px){.app-shell{width:min(100%,100% - 20px);padding:20px 0 48px}.hero-panel,.summary-strip,.service-grid,.service-meta{grid-template-columns:1fr}.hero-panel,.service-card{padding:22px}.service-head{flex-direction:column;align-items:flex-start}}