.detect-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:16px;align-items:center;padding:20px 22px;border:1px solid #d9e5f5;border-radius:16px;background:#f7faff;overflow:hidden}
.detect-hero.complete{border-color:#cfe7d8;background:#f7fcf8}.detect-hero-copy{min-width:0}.detect-hero-title{display:flex;align-items:baseline;gap:8px;margin:5px 0}.detect-hero-title strong{font-size:30px;line-height:1;color:#17223b}.detect-hero-title span{font-size:15px;color:#66758b}.detect-hero p{margin:7px 0 0;color:#66758b;line-height:1.6}.detect-progress-ring{width:72px;height:72px;border:8px solid #dfe9f7;border-radius:50%;display:grid;place-items:center;background:#fff;justify-self:end}.detect-progress-ring span{font-size:16px;font-weight:800;color:#245ba7}.detect-hero.complete .detect-progress-ring{border-color:#d7ebdf}.detect-progress-line{grid-column:1/-1;height:8px;border-radius:999px;background:#e8eef7;overflow:hidden}.detect-progress-line i{display:block;height:100%;border-radius:999px;background:#2f6fec;transition:width .25s ease}.detect-hero.complete .detect-progress-line i{background:#3f9565}.detect-warning{grid-column:1/-1;padding:10px 12px;border-radius:10px;background:#fff4e5;color:#8a5610;font-size:13px;line-height:1.55}
.detect-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:12px}.detect-metric{padding:13px 14px;border:1px solid #e2e9f1;border-radius:13px;background:#fff}.detect-metric span,.detect-metric small{display:block;color:#748196;font-size:11px}.detect-metric strong{display:block;margin:5px 0;font-size:20px;color:#17223b}
.detect-platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}.detect-platform-card{width:100%;padding:13px 14px;text-align:left;border:1px solid #dfe7f1;border-radius:13px;background:#fff;cursor:pointer}.detect-platform-card:hover{border-color:#a9c6ef;background:#f8fbff}.detect-platform-card>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}.detect-platform-card strong{font-size:13px;color:#22304a}.detect-platform-card span{font-size:12px;color:#627087}.detect-platform-card small{display:block;margin-top:7px;color:#758196;font-size:11px}.detect-mini-line{height:6px;margin-top:9px;background:#edf1f6;border-radius:999px;overflow:hidden}.detect-mini-line i{display:block;height:100%;background:#4f7fd5;border-radius:999px}
.detect-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:12px 2px}.detect-toolbar>div strong,.detect-toolbar>div span{display:block}.detect-toolbar>div span{margin-top:3px;color:#7b8796;font-size:12px}.link-button{border:0;background:transparent;color:#245ba7;padding:0;cursor:pointer;text-decoration:underline}.detect-list{display:flex;flex-direction:column;gap:9px}.detect-item{padding:14px 15px;border:1px solid #e2e9f1;border-radius:13px;background:#fff}.detect-item-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.detect-item-head>div:first-child{display:flex;align-items:center;gap:8px}.detect-platform-name{font-weight:700;color:#24314b}.detect-status,.detect-ready,.detect-pending{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}.detect-status.ok{background:#e8f6ed;color:#287149}.detect-status.warn{background:#fff4dc;color:#8d6112}.detect-status.bad{background:#fff0f0;color:#9d4343}.detect-ready{background:#eaf6ef;color:#2b744b}.detect-pending{background:#eef2f7;color:#66758b}.detect-item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detect-item-actions a{font-size:12px;color:#245ba7;text-decoration:none}.detect-query{margin-top:10px;font-weight:650;line-height:1.55;color:#25324b}.detect-answer{margin-top:9px;padding:10px 12px;border-radius:10px;background:#f7f9fc;color:#526176;font-size:12px;line-height:1.65}.detect-answer.muted{color:#8a95a5}.detect-failure{margin-top:8px;padding:8px 10px;border-radius:9px;background:#fff5f5;color:#934646;font-size:11px}.detect-meta{margin-top:8px;color:#929cac;font-size:10px;overflow-wrap:anywhere}
.detect-next{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:17px 18px;border-radius:14px;border:1px solid #d9e4f2;background:#f8fbff}.detect-next strong{display:block;font-size:15px}.detect-next p{margin:4px 0 0;color:#68758a;font-size:12px}.detect-next.ready{border-color:#bcd9c7;background:#f6fcf8}.detect-next.review{border-color:#eadab4;background:#fffaf0}.detect-next.blocked{background:#f8fafc}.detect-next button[disabled]{border:1px solid #dfe5ec;background:#eef1f5;color:#9aa4b1;border-radius:9px;padding:9px 13px;cursor:not-allowed}
@media(max-width:1180px){.detect-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.detect-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.detect-hero{grid-template-columns:1fr}.detect-progress-ring{justify-self:start}.detect-metrics,.detect-platform-grid{grid-template-columns:1fr 1fr}.detect-item-head,.detect-next,.detect-toolbar{align-items:flex-start;flex-direction:column}.detect-item-actions{width:100%}}