/* Tavero panel. Every color, size and radius comes from tokens.css (shared with tavero.com). */
@font-face{font-family:'Onest';font-weight:400;font-display:optional;src:url(fonts/onest-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Onest';font-weight:500;font-display:optional;src:url(fonts/onest-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Onest';font-weight:600;font-display:optional;src:url(fonts/onest-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-display:optional;src:url(fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-display:optional;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}

*{box-sizing:border-box}
body{margin:0;font:400 14px/1.5 var(--font-sans);color:var(--ink);background:var(--paper)}
a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:color var(--dur)}
code,pre{font-family:var(--font-mono);font-size:12px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.n{color:var(--ink-3);font-size:13px}

.top{display:flex;gap:var(--s-4);align-items:center;height:52px;padding:0 var(--s-5);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:2}
.top .brand{font-weight:600;font-size:15px}
.top .meta{color:var(--ink-3);font-size:13px}
.top nav{display:flex;gap:var(--s-1);margin-left:auto}
.top nav a{padding:var(--s-1) var(--s-3);border-radius:var(--r-sm);color:var(--ink-2);text-decoration:none}
.top nav a[aria-current=page]{background:var(--wash);color:var(--ink);font-weight:500}
#newscan{font-size:13px;color:var(--ink-2)}

main{padding:var(--s-5)}
main.findings{display:grid;grid-template-columns:208px minmax(280px,1fr) 2fr;height:calc(100vh - 52px);padding:0}
.filters{padding:var(--s-4) var(--s-5);border-right:1px solid var(--line);overflow:auto;background:var(--wash)}
.filters h3{font-size:12px;font-weight:500;color:var(--ink-3);margin:var(--s-4) 0 var(--s-2)}
.filters h3:first-child{margin-top:0}
.filters label{display:flex;gap:var(--s-2);align-items:center;padding:3px 0;font-size:14px}
.filters label .n{margin-left:auto}
.filters button{margin-top:var(--s-4)}
.static-note{font-size:13px;color:var(--ink-2);margin:var(--s-3) 0}

.list{list-style:none;margin:0;padding:var(--s-2) 0;overflow:auto;border-right:1px solid var(--line)}
.row{display:block;padding:var(--s-2) var(--s-4);color:var(--ink);text-decoration:none;border-left:3px solid transparent;transition:background-color var(--dur)}
.row:hover{background:var(--wash)}
.row.sel{background:var(--wash);border-left-color:var(--ink)}
.row .sev{font-size:12px;color:var(--ink-3);margin-right:var(--s-1)}
.row.high .sev{color:var(--high)}.row.medium .sev{color:var(--medium)}.row.info .sev{color:var(--info)}

.panel{overflow:auto;padding:var(--s-5) var(--s-6) var(--s-7)}
.panel h2{font-size:20px;font-weight:600;margin:0 0 var(--s-1)}
.panel h3{font-size:15px;font-weight:600;margin:var(--s-5) 0 var(--s-2)}
.badge{font-size:12px;font-weight:500;padding:1px var(--s-2);border-radius:var(--r-sm);border:1px solid var(--line-2);color:var(--ink-2);margin-left:var(--s-1)}
.badge.fix{color:var(--high);border-color:var(--high)}
.badge.accepted,.badge.canonical{color:var(--ok);border-color:var(--ok)}
.badge.reopened{color:var(--medium);border-color:var(--medium)}

button{font:500 14px/1 var(--font-sans);padding:9px var(--s-3);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--paper);color:var(--ink);cursor:pointer;transition:background-color var(--dur),border-color var(--dur),color var(--dur)}
button:hover{border-color:var(--ink-3)}
button.primary,.actions button.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.actions{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-4) 0 var(--s-5)}
.actions input,.actions textarea{flex:1 1 100%;font:400 14px var(--font-sans);padding:var(--s-2) var(--s-3);border:1px solid var(--line-2);border-radius:var(--r-md);color:var(--ink)}
.actions textarea{min-height:56px}

table{border-collapse:collapse;width:100%;margin:var(--s-2) 0 var(--s-4)}
th,td{border-bottom:1px solid var(--line);padding:var(--s-2) var(--s-3) var(--s-2) 0;text-align:left;vertical-align:top}
th{font-size:12px;color:var(--ink-3);font-weight:500}
tr.primary td,tr.allowed td{background:var(--wash)}
tr.primary td:first-child{box-shadow:inset 3px 0 0 var(--ink)}
.variants th:first-child,.variants td:first-child{padding-left:var(--s-3)}
.exp{font-size:12px;color:var(--ink-3);margin-top:var(--s-1)}
.variants td.v{min-width:200px}
td code{overflow-wrap:break-word}
img{max-width:160px;max-height:88px;display:block;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--wash)}
.crops{display:flex;flex-wrap:wrap;gap:var(--s-3)}
pre.agent{background:var(--wash);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);white-space:pre-wrap;line-height:1.6;color:var(--ink-2)}
input[name=vname]{font:400 12px var(--font-sans);margin-top:var(--s-1);padding:3px var(--s-2);border:1px solid var(--line-2);border-radius:var(--r-sm);width:150px}
.sw{display:inline-block;width:12px;height:12px;border:1px solid var(--line);border-radius:3px;margin-right:var(--s-2);vertical-align:-1px}
.kinds{display:flex;gap:var(--s-1)}.kinds a{padding:var(--s-1) var(--s-3);border-radius:var(--r-sm);color:var(--ink-2);text-decoration:none}.kinds a[aria-current=page]{background:var(--wash);color:var(--ink)}
.empty{max-width:560px;margin:var(--s-9) auto;text-align:center}
.empty h1{font-size:24px;font-weight:600}
#alert{position:fixed;bottom:var(--s-4);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:var(--s-2) var(--s-4);border-radius:var(--r-md)}