/* Website Copilot shared UI components */
.copilot-badge{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:4px 12px;font-size:0.75rem;color:#2563eb;margin-bottom:1rem;}
.copilot-badge .dot{width:6px;height:6px;background:#2563eb;border-radius:50%;}
.checker-input{display:flex;gap:8px;margin-bottom:1rem;flex-wrap:wrap;}
.checker-input input{flex:1;min-width:200px;}
.paste-area{margin:1rem 0 0;display:none;}
.paste-area textarea{min-height:200px;font-family:monospace;font-size:0.85rem;width:100%;}
.result-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);}
.result-section:first-of-type{border-top:none;padding-top:0;}
.section-title{font-size:1.05rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:8px;}
.summary-box{display:flex;align-items:center;gap:18px;padding:1.25rem;border-radius:12px;margin-bottom:1.25rem;}
.summary-box.pass{background:#f0fdf4;border:1px solid #bbf7d0;}
.summary-box.warn{background:#fffbeb;border:1px solid #fde68a;}
.summary-box.fail{background:#fef2f2;border:1px solid #fecaca;}
.summary-box .score-wrap{flex:1;}
.summary-box .score-num{font-size:2.5rem;font-weight:800;line-height:1;}
.summary-box .score-num.pass{color:#16a34a;}
.summary-box .score-num.warn{color:#d97706;}
.summary-box .score-num.fail{color:#dc2626;}
.summary-box .score-label{font-size:1rem;font-weight:600;margin-top:4px;}
.summary-box .score-sub{font-size:0.85rem;color:var(--text-secondary);margin-top:2px;}
.score-ring{width:80px;height:80px;flex-shrink:0;}
.score-ring svg{width:100%;height:100%;}
.check-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin-bottom:4px;border-radius:8px;font-size:0.9rem;line-height:1.4;}
.check-item.pass{background:#f0fdf4;}
.check-item.warn{background:#fffbeb;}
.check-item.fail{background:#fef2f2;}
.check-item.info{background:#f8fafc;}
.check-item .status-icon{font-size:1rem;flex-shrink:0;margin-top:1px;}
.check-item .check-label{font-weight:600;flex-shrink:0;}
.check-item .check-detail{color:var(--text-secondary);margin-top:2px;}
.recommend-item{padding:8px 0 8px 24px;position:relative;font-size:0.9rem;}
.recommend-item::before{content:"→";position:absolute;left:4px;color:var(--primary);}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;}
.related-item{display:block;padding:10px 14px;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);font-size:0.85rem;transition:all .15s;}
.related-item:hover{border-color:var(--primary);background:#f0f7ff;}
.related-item .cat{font-size:0.7rem;color:var(--primary);font-weight:600;}
.error-msg{padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:1rem;}
.fetch-source{font-size:0.75rem;color:#64748b;margin-top:0.5rem;}
.link-table{width:100%;border-collapse:collapse;font-size:0.85rem;}
.link-table th,.link-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border);word-break:break-all;}
.link-table th{font-weight:600;background:#f8fafc;}
.badge{display:inline-block;font-size:0.7rem;font-weight:700;padding:2px 8px;border-radius:50px;}
.badge.ok{background:#dcfce7;color:#166534;}
.badge.warn{background:#fef3c7;color:#92400e;}
.badge.fail{background:#fee2e2;color:#991b1b;}
.badge.info{background:#e2e8f0;color:#334155;}