:root { color-scheme:light; font:14px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#28334a; background:#f5f6fa; }
* { box-sizing:border-box; } body { margin:0; } button,input,select { font:inherit; }
header { display:flex; justify-content:space-between; align-items:center; padding:24px 32px 18px; background:#fff; border-bottom:1px solid #e8ebf1; }
h1 { margin:0; font-size:26px; letter-spacing:-.7px; font-weight:650; } h2 { font-size:19px; margin:0; letter-spacing:-.3px; } h3 { font-size:15px; }
.eyebrow { color:#8a829e; font-size:10px; font-weight:650; letter-spacing:.14em; margin:0 0 5px; }
main { max-width:1840px; margin:auto; padding:22px 32px 40px; }
button,input,select { border:1px solid #dce1eb; border-radius:8px; padding:8px 11px; background:#fff; color:#34415a; }
button { cursor:pointer; font-weight:550; display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:34px; }
button:hover { background:#f0eff8; border-color:#c6c2dd; } button:disabled { opacity:.45; cursor:default; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.table-scroll:focus-visible { outline:3px solid #8574c8; outline-offset:3px; }
a { color:#62539b; text-underline-offset:3px; text-decoration:none; } a:hover { text-decoration:underline; }
.icon { width:16px; height:16px; flex-shrink:0; vertical-align:middle; } [data-icon] { gap:7px; }
.controls,.toolbar,.paging { display:flex; align-items:center; gap:12px; flex-wrap:wrap; } .controls button { background:#fafaff; }
.toolbar { margin:15px 0 10px; } .toolbar > button:last-child { margin-inline-start:auto; }
.card { background:#fff; border:1px solid #e4e8f0; border-radius:12px; padding:18px; }
.health { display:flex; flex-wrap:wrap; gap:20px 48px; padding:13px 18px; margin-bottom:12px; }
.health > div { display:flex; flex-direction:column; gap:1px; min-width:180px; } .health strong { font-size:12px; font-weight:550; }
.label { color:#8791a4; font-size:10px; letter-spacing:.04em; } .secondary { color:#7d879b; font-size:12px; }
#browser-time { font-size:10px; } #source-warning { display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:9px; font-size:12px; margin:10px 0; background:#fff5e7; color:#90672f; }
#source-warning:empty { display:none; } #source-warning button { padding:2px 8px; min-height:26px; margin-left:auto; font-size:11px; background:transparent; border-color:#e7d3b3; color:inherit; }
.filters { display:flex; gap:10px; align-items:end; flex-wrap:wrap; padding:12px 14px; box-shadow:0 2px 6px #28334a03; }
.filters label { display:flex; flex-direction:column; gap:3px; color:#8992a3; font-size:10px; }
.filters input,.filters select { font-size:12px; height:34px; max-width:100%; min-width:115px; } #author { width:135px; }
#apply-filters { background:#696092; color:#fff; border-color:#696092; font-size:12px; } #apply-filters:hover { background:#595080; }
.custom-range { display:flex; flex-wrap:wrap; gap:10px; } #filter-error { flex-basis:100%; color:#a54f45; margin:0; } #filter-error:empty { display:none; }
#applied-filters { font-size:11px; margin:10px 2px; } #row-count { color:#566177; font-size:12px; font-weight:550; } #refresh { font-size:12px; }
.table-scroll { overflow:auto; max-height:72vh; background:#fff; border:1px solid #e4e8f0; border-radius:12px; overflow-anchor:none; box-shadow:0 4px 20px #29314d04; }
table { border-collapse:separate; border-spacing:0; width:100%; min-width:1370px; table-layout:fixed; }
th { position:sticky; top:0; z-index:2; background:#fafbfe; color:#8a92a3; text-align:left; font-size:10px; font-weight:600; letter-spacing:.025em; padding:13px 12px; border-bottom:1px solid #e8ebf2; vertical-align:middle; }
th:first-child { width:24%; } th:nth-child(2) { width:7%; } th:nth-child(3) { width:9%; } th:nth-child(4) { width:5%; } th:nth-child(5) { width:9%; } th:nth-child(6) { width:11%; } th:nth-child(7) { width:9%; } th:nth-child(8) { width:9%; } th:nth-child(9) { width:17%; }
td { border-bottom:1px solid #eef0f5; padding:14px 12px; vertical-align:top; font-size:12px; overflow-wrap:anywhere; }
tbody tr:last-child td { border-bottom:0; } tbody tr:hover { background:#fcfbff; } tbody tr[data-selected="true"] { background:#f6f3fd; }
.pr-identity { display:flex; align-items:center; gap:7px; height:24px; } .pr-identity>a { font-weight:650; font-variant-numeric:tabular-nums; }
.repo-name { font-size:10px; color:#98a0af; } .pr-identity>.evidence-button:first-of-type { margin-inline-start:auto; }
.pr-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:4px 0 8px; line-height:1.45; font-size:12px; color:#3d465b; }
.author-name { color:#7b8295; display:block; padding-top:3px; font-size:11px; }
.row-signals { display:flex; flex-wrap:wrap; align-items:center; gap:5px; }
.evidence-button { border:0; min-height:27px; border-radius:6px; padding:4px 6px; gap:4px; font-size:10px; line-height:1.25; font-weight:550; max-width:100%; vertical-align:middle; }
.evidence-button .icon { width:13px; height:13px; } .pr-identity .evidence-button { background:transparent; color:#9a9daf; min-width:27px; }
.neutral { color:#7c8196; background:#f0f2f8; } .unknown { color:#81718f; background:#f3eff7; } .success { color:#477b69; background:#ebf5ef; } .warning { color:#9f7642; background:#fff4e5; }
.evidence-button:hover { filter:brightness(.96); } td>.evidence-button { margin-top:5px; }
.milestone-time { display:block; margin:2px 0 7px; font-variant-numeric:tabular-nums; white-space:nowrap; } .clock-value { display:block; color:#45516a; font-size:12px; font-weight:550; letter-spacing:.02em; }
.date-value { display:block; color:#a0a6b4; font-size:9px; margin-top:2px; } .missing-time { color:#c3c8d2; display:block; padding-top:4px; font-size:14px; }
.pin-line { display:flex; align-items:center; gap:5px; min-height:25px; } .pin-line>.icon { color:#9b9eaf; width:13px; height:13px; } .pin-line>a { font-weight:550; font-variant-numeric:tabular-nums; } .pin-line button { padding:3px; background:transparent; }
.status { display:inline-flex; color:#736b8b; background:#f1eef8; border-radius:6px; padding:3px 6px; margin-top:5px; font-size:11px; } .provisional { color:#9c7642; }
.paging { justify-content:center; gap:18px; margin:18px 0 8px; } .paging button { font-size:12px; } #page-number { font-size:12px; font-weight:550; } #window-note { width:100%; text-align:center; font-size:10px; }
#page-scope { text-align:center; font-size:10px; } details { margin-top:18px; } summary { cursor:pointer; font-size:12px; font-weight:550; display:list-item; } summary .icon { margin-right:7px; }
#collection-status { background:transparent; padding:12px 14px; } #collection-details { margin:12px 0; }
pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:11px; max-height:480px; overflow:auto; color:#647086; } dl { display:grid; grid-template-columns:minmax(140px,210px) 1fr; gap:8px 18px; } dt { color:#8790a2; } dd { margin:0; min-width:0; overflow-wrap:anywhere; }
.notice { padding:10px 12px; background:#fff7eb; border-left:3px solid #cfa66b; border-radius:6px; font-size:12px; } .notice:empty { display:none; }
dialog { color:#34415a; border:1px solid #e5e8ef; border-radius:16px; padding:24px; background:#fff; box-shadow:0 20px 90px #2d25432b; } dialog::backdrop { background:#29334a32; backdrop-filter:blur(2px); }
#detail-panel { position:fixed; inset:0 0 0 auto; margin:0; width:min(680px,94vw); max-width:none; height:100dvh; max-height:100dvh; border-radius:16px 0 0 16px; padding:24px; overflow-y:auto; direction:ltr; text-align:left; animation:drawer-in .2s ease-out; }
#detail-panel>.toolbar,#help-panel>.toolbar { position:sticky; top:-24px; background:#fff; z-index:4; padding:10px 0; margin:0 0 18px; }
#detail-content section { margin-top:24px; scroll-margin-top:75px; } #detail-content h3 { margin:0 0 10px; } #detail-content li { margin:8px 0; overflow-wrap:anywhere; } #detail-content pre { max-height:none; } #detail-status { color:#9c7642; }
#help-panel { width:min(600px,94vw); max-height:88vh; overflow:auto; } .icon-legend { list-style:none; padding:0; margin:20px 0; display:grid; gap:14px; } .icon-legend li { display:flex; gap:12px; align-items:flex-start; } .icon-legend strong,.icon-legend div>span { display:block; } .icon-legend strong { font-size:12px; } .icon-legend div>span { color:#8a91a2; font-size:11px; margin-top:2px; } .legend-symbol { display:flex; padding:7px; border-radius:8px; }
#login-panel { max-width:480px; margin:70px auto; padding:30px; } #login-panel p { color:#8a91a2; font-size:12px; } #login-form { display:grid; gap:8px; } #login-form label { font-size:12px; color:#8a91a2; } #google-login,#login-form button { margin-top:12px; background:#696092; color:white; border-color:#696092; } #login-error { color:#a24f47!important; }
html.drawer-open { overflow:hidden; } @keyframes drawer-in { from { transform:translateX(100%); } to { transform:translateX(0); } } @media(prefers-reduced-motion:reduce) { #detail-panel { animation:none; } }
[hidden] { display:none!important; } .sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media(max-width:800px) { header { padding:20px 16px; } h1 { font-size:21px; } main { padding:16px; } .health { gap:12px; } .health>div { min-width:145px; } .table-scroll { max-height:68vh; } .controls { gap:5px; } .controls button { font-size:11px; } dl { grid-template-columns:1fr; } }

/* Reading comfort and the final compact evidence hierarchy. */
.health { width:fit-content; max-width:100%; gap:16px 34px; align-items:center; }
.health>div { min-width:160px; } .health #runtime-status { min-width:0; }
.pr-title { font-size:14px; line-height:1.45; } .author-name { font-size:12px; color:#667187; }
.clock-value { font-size:14px; color:#3f4c65; } .date-value { font-size:12px; color:#7a8396; }
.repo-name { font-size:11px; color:#7f8799; } th { font-size:11px; color:#717c91; }
.filters label,.label { font-size:11px; color:#727e95; } .filters input,.filters select { font-size:13px; }
.pr-identity>.evidence-button { min-width:28px; min-height:28px; } .pr-identity>.unknown { color:#847193; background:#f4eff8; }
.pr-identity>.evidence-button:first-of-type { margin-inline-start:0; } .pr-identity>.evidence-button:last-child { margin-inline-start:auto; }
.native-proof { display:flex; align-items:flex-start; gap:4px; } .native-proof>.evidence-button { margin-top:1px; padding:5px; }
.evidence-button { font-size:11px; } .icon-legend div>span { font-size:12px; color:#6e7a90; }
/* Small evidence labels keep AA text contrast against their soft surfaces. */
.secondary,.date-value,.repo-name,th,.filters label,.label,.icon-legend div>span { color:#65718a; }
.eyebrow { color:#70647f; } .neutral { color:#59647a; } .unknown,.pr-identity>.unknown { color:#685777; }
.warning { color:#815a2a; } .success { color:#386952; } .missing-time { color:#6f7b90; }

#detail-content .queue-fact>span,#detail-content .queue-fact>time { display:block; margin:3px 0; }
.carry-control { min-height:32px; padding:6px 8px; scroll-margin-top:52px; }
.carry-panel { padding:16px; border:1px solid #e4e8f0; border-radius:12px; background:#fcfcff; }
#detail-content .carry-panel h3 { scroll-margin-top:75px; }
.carry-status { display:flex; align-items:center; gap:7px; padding:8px 10px; border-radius:8px; font-size:12px; }
.carry-panel h4 { font-size:12px; margin:18px 0 7px; } .carry-panel p,.carry-panel li,.carry-times { font-size:12px; }
.carry-times { grid-template-columns:minmax(130px,1fr) 1fr; } .carry-times time { font-variant-numeric:tabular-nums; }
.carry-history { border-top:1px solid #e4e8f0; margin-top:18px; padding-top:1px; }
@media(pointer:coarse) { .carry-control { min-height:44px; } }
@media(max-width:500px) { .carry-times { grid-template-columns:1fr; gap:4px; } .carry-times dd { margin-bottom:10px; } }