.shell{max-width:1100px;margin:auto;padding:40px 24px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.metric,.source{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.metric b{font-size:30px;display:block}.sources{display:grid;gap:12px;margin-top:25px}.source{display:flex;align-items:center;gap:18px}.source div{flex:1}.state{font-weight:800}.HEALTHY{color:var(--green)}.PAUSED_OR_DISABLED,.STALE,.ERRORS{color:#ae4d2c}
.section-note{color:var(--muted);margin-top:-8px}.matches{display:grid;gap:18px;margin:22px 0 38px}.match-card,.empty-state{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.match-summary{display:flex;justify-content:space-between;gap:14px;margin-bottom:16px}.match-summary span{color:var(--green);font-weight:800}.match-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.match-side{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:12px}.match-side.proposed{background:#f7fbf8}.match-side span{color:var(--muted);font-size:14px}.match-side a{font-weight:700}.match-actions{display:flex;gap:12px;margin-top:16px}.match-actions button{flex:1}@media(max-width:720px){.match-comparison{grid-template-columns:1fr}.match-actions,.source{align-items:stretch;flex-direction:column}.match-summary{flex-direction:column}}
.refresh-requests{display:grid;gap:12px;margin:22px 0 38px}.refresh-request{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.refresh-request>div:first-child{flex:1}.refresh-request h3{margin:7px 0}.refresh-request p{margin:5px 0;color:var(--muted)}.refresh-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.request-error{color:#a52b2b!important}@media(max-width:720px){.refresh-request{align-items:stretch;flex-direction:column}.refresh-actions{justify-content:stretch}.refresh-actions button{flex:1}}
.visual-review{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f8faf9}.visual-review-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.visual-review-heading>div{display:grid;gap:4px}.visual-review-heading span,.visual-unavailable{color:var(--muted);font-size:13px}.visual-review-heading strong{color:var(--green);white-space:nowrap}.visual-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.visual-pair figure{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;margin:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0}.visual-image{display:flex;align-items:center;justify-content:center;width:112px;height:112px;padding:7px;border-radius:10px;background:#fff}.visual-image img{display:block;width:100%;height:100%;object-fit:contain}.visual-pair figcaption{display:grid;gap:5px;min-width:0}.visual-pair figcaption span{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.visual-unavailable{margin:14px 2px 0}
@media(max-width:720px){.visual-review-heading{align-items:flex-start;flex-direction:column}.visual-pair{grid-template-columns:1fr}.visual-pair figure{grid-template-columns:92px minmax(0,1fr)}.visual-image{width:92px;height:92px}}
@media(max-width:600px){.shell{padding:28px 16px 48px}.metric,.source,.match-card,.empty-state,.refresh-request{padding:17px}.metric b{font-size:26px}.match-actions{flex-direction:column}.match-actions button,.refresh-actions button{width:100%}}