:root{
  --paper:#E8EAEE; --surface:#FFFFFF; --ink:#18212F; --ink-soft:#5C6779;
  --line:#D7DBE2; --line-soft:#E7EAEF;
  --go:#13795A; --go-bg:#E4F1EC; --wait:#A8650F; --wait-bg:#F6ECDC;
  --bad:#BC4338; --bad-bg:#F6E3E1;
  --skip:#697489; --skip-bg:#EBEDF1; --blue:#2D4EF5; --blue-bg:#E7ECFE;
  --shadow:0 1px 2px rgba(24,33,47,.06), 0 12px 32px -16px rgba(24,33,47,.22);
  --r:14px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:var(--paper);color:var(--ink);font-family:'Inter',system-ui,-apple-system,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased;padding:24px 18px 70px;}
.wrap{max-width:1080px;margin:0 auto;}
header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;}
.brand h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:26px;letter-spacing:-.02em;margin:0;}
.brand p{margin:4px 0 0;color:var(--ink-soft);font-size:13.5px;max-width:58ch;}
.tally{display:flex;gap:8px;flex-wrap:wrap;}
.tally .chip{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:7px;min-width:54px;justify-content:center;}
.dot{width:8px;height:8px;border-radius:50%;}
.dot.a{background:var(--go);} .dot.b{background:var(--wait);} .dot.c{background:var(--skip);}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:16px;}
.card-head{padding:15px 18px 12px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);}
.card-head h2{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:600;margin:5px 0 0;letter-spacing:-.01em;}
.body{padding:16px 18px 18px;}
.hidden{display:none;}

label.fl{display:block;font-size:12px;font-weight:600;color:var(--ink-soft);margin:0 0 5px;}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:14px;font-family:inherit;color:var(--ink);background:#fff;}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink);}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:11px;}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:11px;}
@media (max-width:520px){.row2,.row3{grid-template-columns:1fr;}}

.btn{border:none;border-radius:10px;font-family:inherit;font-weight:600;font-size:14px;padding:11px 16px;cursor:pointer;transition:opacity .12s,transform .05s;}
.btn:active{transform:translateY(1px);}
.btn-blue{background:var(--blue);color:#fff;} .btn-blue:hover{opacity:.92;} .btn-blue:disabled{background:var(--skip);opacity:.6;cursor:not-allowed;}
.btn-dark{background:var(--ink);color:#fff;width:100%;} .btn-dark:hover{opacity:.92;}
.ghost{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 12px;font-size:12.5px;font-weight:600;font-family:inherit;color:var(--ink);cursor:pointer;}
.ghost:hover{background:var(--skip-bg);}

.search-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;}
@media (max-width:620px){.search-row{grid-template-columns:1fr;}}
.status{margin-top:12px;font-size:13px;border-radius:10px;padding:11px 13px;display:none;}
.status.show{display:block;}
.status.loading{background:var(--blue-bg);color:var(--blue);}
.status.error{background:var(--bad-bg);color:var(--bad);}
.spin{display:inline-block;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sp .7s linear infinite;vertical-align:-2px;margin-right:7px;}
@keyframes sp{to{transform:rotate(360deg);}}

table{width:100%;border-collapse:collapse;}
thead th{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);text-align:left;padding:10px 18px;border-bottom:1px solid var(--line-soft);}
tbody td{padding:11px 18px;border-bottom:1px solid var(--line-soft);font-size:13.5px;vertical-align:middle;}
tbody tr:last-child td{border-bottom:none;}
.biz-name{font-weight:600;} .biz-sub{color:var(--ink-soft);font-size:12px;}
.mini{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--ink-soft);}
.auditbtn{border:1px solid var(--blue);background:var(--blue-bg);color:var(--blue);border-radius:7px;padding:6px 13px;font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;}
.auditbtn:hover{background:var(--blue);color:#fff;}
.pill{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;}
.pill.A{background:var(--go-bg);color:var(--go);} .pill.B{background:var(--wait-bg);color:var(--wait);} .pill.C{background:var(--skip-bg);color:var(--skip);}
.del{border:none;background:transparent;color:var(--ink-soft);cursor:pointer;font-size:16px;line-height:1;padding:4px 6px;border-radius:6px;} .del:hover{background:var(--bad-bg);color:var(--bad);}

.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start;}
@media (max-width:860px){.grid{grid-template-columns:1fr;}}

.detected{background:var(--blue-bg);border-radius:10px;padding:10px 12px;margin-bottom:13px;font-size:12.5px;line-height:1.55;color:var(--ink);}
.detected b{font-family:'IBM Plex Mono',monospace;}
.detected .muted{color:var(--ink-soft);}

.legend{font-size:12px;color:var(--ink-soft);margin:0 0 14px;line-height:1.5;}
.legend b{color:var(--ink);}
.sw{display:inline-block;width:9px;height:9px;border-radius:2px;margin:0 2px 0 6px;}
.sw.g{background:var(--go);} .sw.a{background:var(--wait);} .sw.r{background:var(--bad);}

.sec{border:1px solid var(--line-soft);border-radius:11px;padding:12px 13px;margin-bottom:11px;}
.sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.sec-name{font-weight:600;font-size:14px;}
.badge{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px;}
.badge.weak{background:var(--bad-bg);color:var(--bad);} .badge.strong{background:var(--go-bg);color:var(--go);}
.item{margin-top:11px;}
.item-label{font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;margin-bottom:6px;}
.info{position:relative;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink-soft);font-size:10px;font-weight:700;font-family:'IBM Plex Mono',monospace;cursor:pointer;flex-shrink:0;}
.info:hover,.info:focus-visible{border-color:var(--ink);color:var(--ink);outline:none;}
.tipbubble{position:absolute;bottom:140%;left:50%;transform:translateX(-50%);width:240px;background:var(--ink);color:#fff;font-weight:400;font-size:12px;line-height:1.45;padding:9px 11px;border-radius:9px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:opacity .12s;z-index:20;text-align:left;}
.tipbubble::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--ink);}
.info:hover .tipbubble,.info.show .tipbubble{opacity:1;visibility:visible;}
@media (max-width:520px){.tipbubble{width:185px;left:auto;right:-6px;transform:none;}.tipbubble::after{left:auto;right:10px;}}
.bands{display:flex;gap:4px;}
.bands button{flex:1;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 6px;font-family:inherit;font-size:12px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:.12s;line-height:1.2;}
.bands button small{display:block;font-weight:500;font-size:10px;opacity:.8;font-family:'IBM Plex Mono',monospace;margin-top:1px;}
.bands button.on.g{background:var(--go-bg);border-color:var(--go);color:var(--go);}
.bands button.on.a{background:var(--wait-bg);border-color:var(--wait);color:var(--wait);}
.bands button.on.r{background:var(--bad-bg);border-color:var(--bad);color:var(--bad);}
.numwrap{display:flex;gap:9px;align-items:center;}
.numwrap input{width:88px;text-align:center;font-family:'IBM Plex Mono',monospace;font-weight:600;}
.numbands{display:flex;gap:4px;flex:1;}
.numbands .nb{flex:1;text-align:center;border-radius:7px;padding:6px 4px;font-size:11px;font-weight:600;font-family:'IBM Plex Mono',monospace;background:var(--skip-bg);color:var(--ink-soft);border:1px solid transparent;}
.numbands .nb.on.g{background:var(--go-bg);border-color:var(--go);color:var(--go);}
.numbands .nb.on.a{background:var(--wait-bg);border-color:var(--wait);color:var(--wait);}
.numbands .nb.on.r{background:var(--bad-bg);border-color:var(--bad);color:var(--bad);}
.flags{margin-top:6px;} .flags .lab{font-size:12px;font-weight:600;color:var(--ink-soft);margin-bottom:7px;}
.flagrow{display:flex;flex-wrap:wrap;gap:7px;}
.flag{font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer;background:#fff;color:var(--ink-soft);user-select:none;}
.flag.on{background:var(--blue-bg);border-color:var(--blue);color:var(--blue);}

.verdict-card{position:sticky;top:18px;}
.stamp{border:2px solid var(--line);border-radius:12px;padding:16px;text-align:center;transition:.2s;}
.stamp .grade{font-family:'Space Grotesk',sans-serif;font-size:68px;font-weight:700;line-height:.9;letter-spacing:-.04em;}
.stamp .label{font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-top:4px;}
.stamp.A{border-color:var(--go);background:var(--go-bg);} .stamp.A .grade,.stamp.A .label{color:var(--go);}
.stamp.B{border-color:var(--wait);background:var(--wait-bg);} .stamp.B .grade,.stamp.B .label{color:var(--wait);}
.stamp.C{border-color:var(--skip);background:var(--skip-bg);} .stamp.C .grade,.stamp.C .label{color:var(--skip);}
.reason{font-size:12.5px;margin:13px 0 0;line-height:1.5;} .reason b{font-weight:600;}
.pitch{margin-top:12px;} .pitch .lab{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;}
.pitch-list{display:flex;flex-wrap:wrap;gap:6px;}
.pitch-pill{font-size:11.5px;font-weight:600;background:var(--ink);color:#fff;border-radius:7px;padding:4px 9px;}
.pitch-pill.none{background:var(--skip-bg);color:var(--ink-soft);}

.email-body textarea{min-height:185px;resize:vertical;line-height:1.5;font-size:13.5px;}
.email-sub{margin-bottom:10px;}
.email-actions{display:flex;gap:8px;margin-top:10px;}
.copied{font-size:12px;color:var(--go);font-weight:600;align-self:center;opacity:0;transition:opacity .2s;} .copied.show{opacity:1;}

details.settings{margin-bottom:16px;}
details.settings>summary{list-style:none;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:13px 18px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:9px;box-shadow:var(--shadow);}
details.settings>summary::-webkit-details-marker{display:none;}
details.settings>summary::before{content:"\2699";font-size:15px;}
details.settings[open]>summary{border-radius:var(--r) var(--r) 0 0;}
.settings-body{background:var(--surface);border:1px solid var(--line);border-top:none;border-radius:0 0 var(--r) var(--r);padding:16px 18px;box-shadow:var(--shadow);}
.thresh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;}
@media (max-width:620px){.thresh-grid{grid-template-columns:1fr 1fr;}}
.thresh{display:flex;flex-direction:column;gap:5px;}
.thresh label{font-size:12px;color:var(--ink);font-weight:500;line-height:1.3;}
.thresh label small{display:block;color:var(--ink-soft);font-weight:400;font-size:11px;}
.thresh input{text-align:center;font-family:'IBM Plex Mono',monospace;font-weight:600;}

.list-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.list-actions input{width:130px;padding:7px 10px;font-size:13px;}
.empty{padding:30px 18px;text-align:center;color:var(--ink-soft);font-size:13.5px;}
.empty b{display:block;color:var(--ink);font-weight:600;font-family:'Space Grotesk',sans-serif;font-size:15px;margin-bottom:4px;}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;}}

/* ---- polish ---- */
.info{text-transform:none;}
body{
  background:linear-gradient(180deg,#F2F4F8 0%,#E9ECF2 100%);
}
.brand h1{font-size:25px;}
.card{border-radius:15px;}
.card-head{background:linear-gradient(180deg,#fff,#FBFBFD);border-radius:15px 15px 0 0;}
.eyebrow{color:var(--blue);}
.btn-blue{box-shadow:0 7px 18px -9px rgba(45,78,245,.85);}
.btn-blue:hover{opacity:1;box-shadow:0 9px 22px -8px rgba(45,78,245,.9);}
.verdict-card .stamp{border-radius:16px;padding:24px 18px 18px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.55);}
.verdict-card .stamp::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:currentColor;}
.stamp.A{color:var(--go);} .stamp.B{color:var(--wait);} .stamp.C{color:var(--skip);}
.stamp .grade{font-size:78px;line-height:.85;}
.pitch-pill{box-shadow:0 4px 10px -6px rgba(24,33,47,.55);}
details.settings>summary:hover{border-color:var(--blue);}
.list-actions input:focus{border-color:var(--blue);}
