.ai-index-badge { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 4px; min-height: 22px; padding: 1px 6px; border: 1px solid var(--border, #dfe3eb); border-radius: 5px; background: var(--surface-secondary, #f3f5f8); color: var(--muted, #647084); font: inherit; font-size: 10px; line-height: 18px; cursor: pointer; white-space: nowrap; }
.ai-index-badge strong { color: var(--foreground, #27272a); font-weight: 650; font-variant-numeric: tabular-nums; }
.ai-index-badge:hover { border-color: var(--muted, #647084); }
.ai-index-badge.is-pending { opacity: .65; }
.ai-index-badge:focus-visible, .ai-index-panel button:focus-visible, .ai-index-panel a:focus-visible { outline: 2px solid var(--accent, #2f69cc); outline-offset: 3px; }
.ai-index-panel { min-width: 0; margin-block: 12px; padding: 12px 14px; border: 1px solid var(--border, #dfe3eb); border-radius: 10px; background: var(--surface, #fff); color: var(--foreground, #27272a); font: 12px/1.6 Inter, ui-sans-serif, system-ui, sans-serif; }
.ai-index-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ai-index-heading h3 { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 13px; font-weight: 650; letter-spacing: 0; }
.ai-index-pilot { padding: 0 5px; border: 1px solid var(--border, #dfe3eb); border-radius: 4px; color: var(--muted, #647084); font-size: 9px; font-weight: 500; }
.ai-index-panel p { margin: 3px 0 0; color: var(--muted, #647084); font-size: 11px; line-height: 1.6; white-space: normal; }
.ai-index-score { flex-shrink: 0; font-size: 25px; font-weight: 650; line-height: 1.2; letter-spacing: -.7px; font-variant-numeric: tabular-nums; }
.ai-index-score small { margin-left: 3px; color: var(--muted, #647084); font-size: 11px; font-weight: 400; letter-spacing: 0; }
 .ai-index-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin: 10px 0 0; }
.ai-index-tool { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-width: 0; padding: 7px 9px; border: 1px solid var(--border, #dfe3eb); border-radius: 7px; background: var(--surface-secondary, #f3f5f8); }
.ai-index-tool dt { display: flex; align-items: center; gap: 6px; min-width: 0; color: var(--muted, #647084); font-size: 11px; line-height: 1.4; }
.ai-index-tool-icon { display: block; flex: 0 0 16px; width: 16px; height: 16px; object-fit: contain; }
.ai-index-tool dd { flex-shrink: 0; margin: 0; color: var(--foreground, #27272a); font-size: 14px; font-weight: 650; line-height: 1.4; font-variant-numeric: tabular-nums; }
.ai-index-tool dd > span { margin-left: 1px; color: var(--muted, #647084); font-size: 10px; font-weight: 400; }
.dark .ai-index-tool--codex .ai-index-tool-icon { filter: invert(1); }
@media (max-width: 380px) { .ai-index-tool { padding: 7px 6px; gap: 4px; } .ai-index-tool dt { gap: 4px; font-size: 10px; } .ai-index-tool-icon { width: 14px; height: 14px; flex-basis: 14px; } .ai-index-tool dd { font-size: 12px; } }
.ai-index-footnote { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 5px 10px; margin-top: 7px; color: var(--muted, #647084); font-size: 10px; }
.ai-index-disclosure, .ai-index-more { display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 3px 6px; border: 1px solid var(--border, #dfe3eb); border-radius: 5px; background: var(--surface-secondary, #f3f5f8); color: var(--foreground, #27272a); font: inherit; font-size: 10px; line-height: 1.5; cursor: pointer; }
.ai-index-disclosure svg { flex-shrink: 0; }
.ai-index-disclosure .is-open { transform: rotate(180deg); }
.ai-index-evidence { padding-top: 10px; margin-top: 9px; border-top: 1px solid var(--border, #dfe3eb); overflow-wrap: anywhere; }
.ai-index-evidence h4 { margin: 12px 0 6px; font-size: 11px; font-weight: 650; }
.ai-index-evidence ol { list-style: none; margin: 0; padding: 0; }
.ai-index-evidence li { padding: 9px 0; border-bottom: 1px solid var(--border, #dfe3eb); }
.ai-index-evidence li > a { display: inline-flex; align-items: baseline; gap: 5px; color: var(--accent, #2f69cc); text-decoration: none; font-size: 12px; }
.ai-index-evidence li > a > svg { flex-shrink: 0; }
.ai-index-evidence li > div { display: flex; flex-wrap: wrap; gap: 4px 10px; margin-top: 3px; color: var(--muted, #647084); font-size: 10px; }
.ai-index-evidence .ai-index-rule { margin-top: 10px; font-size: 10px; }
.ai-index-more { margin-top: 9px; }
.dark .ai-index-panel, .dark .ai-index-badge { --surface: #202024; --surface-secondary: #27272a; --foreground: #f4f4f5; --muted: #a1a1aa; --border: #3f3f46; --accent: #70a4ff; }
.repository-detail-dialog:has(.ai-index-panel) { max-height: min(740px, calc(100dvh - 32px)); }
@media (max-width: 700px) { .ai-index-panel { padding: 10px 12px; } .ai-index-heading h3 { font-size: 12px; } .ai-index-score { font-size: 23px; } .repository-tags .activity-level-label { display: none; } .ai-index-badge { padding-inline: 5px; } }

.ai-index-badge, .ai-index-panel p, .ai-index-footnote, .ai-index-disclosure, .ai-index-more, .ai-index-evidence li > div, .ai-index-evidence .ai-index-rule { font-size: 12px; }
.ai-index-panel .ai-index-definition { margin-top: 8px; }
.ai-index-pilot { font-size: 11px; }