/* Copyboy label component — verdict label */
.slip{--fg:var(--cb-ink);--sub:var(--cb-graphite);--bg:transparent;--blk:var(--cb-ink);--blkfg:#fff;
  position:relative;display:inline-flex;align-items:center;height:var(--cb-slip-h);gap:10px;padding:0 10px 0 0;color:var(--fg);font:500 12.5px/1 var(--cb-text);font-stretch:87.5%;white-space:nowrap}
.slip.dark{--fg:#F2F2F2;--sub:#A9A9A9;--blk:#F2F2F2;--blkfg:#0B0B0B}
.slip:before,.slip:after{content:"";position:absolute;width:var(--cb-crop);height:var(--cb-crop);border:var(--cb-crop-stroke) solid var(--cb-proof)}
.slip:before{left:-5px;top:-5px;border-right:0;border-bottom:0}
.slip:after{right:-5px;bottom:-5px;border-left:0;border-top:0}
.slip .sc{display:inline-flex;align-items:baseline;justify-content:center;gap:1px;height:100%;min-width:var(--cb-slip-score-w);padding:0 7px;background:var(--blk);color:var(--blkfg)}
.slip .sc b{font:700 21px/28px var(--cb-display)}
.slip .sc i{font:400 9px/1 var(--cb-mono);font-style:normal;opacity:.7}
.slip .sc.none{background:transparent;color:var(--sub);box-shadow:inset 0 0 0 1.5px var(--sub)}
.slip .tk{display:inline-flex;gap:var(--cb-tick-gap);align-items:center}
.slip .tk i{width:var(--cb-tick-w);height:var(--cb-tick-h);display:block}
.slip .tk .b{background:var(--cb-backed)}.slip .tk .m{background:var(--cb-missing)}
.slip .tk .u{color:var(--cb-unclear);background:var(--cb-hatch);box-shadow:inset 0 0 0 1px var(--cb-unclear)}
.slip .tx b{font-weight:700}
.slip .ai{font:400 10px/1 var(--cb-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--sub);padding-left:10px;border-left:1px solid color-mix(in srgb,var(--sub) 40%,transparent)}
/* expanded panel */
.panel{--fg:var(--cb-ink);--sub:var(--cb-graphite);--rule:var(--cb-rule);width:320px;color:var(--fg);font:400 13px/1.35 var(--cb-text);font-stretch:87.5%}
.panel.dark{--fg:#F2F2F2;--sub:#A9A9A9;--rule:var(--cb-night-rule)}
.panel .hd{display:flex;align-items:baseline;gap:8px;padding-bottom:10px}
.panel .hd b{font:700 56px/.8 var(--cb-display)}.panel .hd i{font:400 11px var(--cb-mono);font-style:normal;color:var(--sub)}
.panel .hd span{margin-left:auto;font:400 10px var(--cb-mono);text-transform:uppercase;color:var(--sub)}
.panel .cols{display:grid;grid-template-columns:4px 1fr;column-gap:12px;font:400 9.5px var(--cb-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--sub);padding:6px 0;border-top:1.5px solid var(--fg)}
.panel .row{display:grid;grid-template-columns:4px 1fr;column-gap:12px;padding:10px 0;border-top:1px solid var(--rule)}
.panel .rail.b{background:var(--cb-backed)}.panel .rail.m{background:var(--cb-missing)}.panel .rail.u{color:var(--cb-unclear);background:var(--cb-hatch)}
.panel .c{font-weight:600}
.panel .s{font:400 10.5px/1.4 var(--cb-mono);color:var(--sub);margin-top:4px}
.panel .v{font:500 10px var(--cb-mono);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}
.panel .v.b{color:var(--cb-backed-ink)}.panel .v.m{color:var(--cb-missing-ink)}.panel .v.u{color:var(--sub)}
.panel.dark .v.b{color:var(--cb-backed-night)}.panel.dark .v.m{color:var(--cb-missing-night)}
.panel .ai{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--rule);font:400 10px var(--cb-mono);text-transform:uppercase;color:var(--sub)}
.was{display:flex;align-items:center;gap:6px;font:400 10px var(--cb-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--sub);padding-top:10px;border-top:1px solid var(--rule)}
.was button{all:unset;cursor:pointer;color:var(--fg);padding:3px 8px;box-shadow:inset 0 0 0 1px var(--rule)}
.was button:hover,.was button:focus-visible{box-shadow:inset 0 0 0 1.5px var(--cb-proof)}
/* inline marks in the message body */
mark.or-b{background:none;color:inherit;box-shadow:inset 0 -2.5px 0 var(--cb-backed)}
mark.or-m{background:color-mix(in srgb,var(--cb-missing) 26%,transparent);color:inherit;box-shadow:inset 0 -2.5px 0 var(--cb-missing)}
mark.or-u{background:none;color:inherit;text-decoration:underline dotted var(--cb-unclear) 2px;text-underline-offset:3px}