@import url("./forms.css");
@import url("./layout.css");
@import url("./modal.css");
@import url("./responsive.css");
@import url("./tables.css");
@import url("./tokens.css");
/* ANCHOR: THEME */
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family:
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Arial,
    sans-serif;
  background: var(--bg-gradient);
  color: var(--ink);
  line-height: 1.45;
  font-size: 16px;
}
header {
  padding: 24px 28px;
  background: var(--panel);
  border-bottom: 1px solid var(--line);
}
h1 {
  margin: 0 0 6px;
  font-size: 1.7rem;
}
h2 {
  margin: 0 0 12px;
  font-size: 1.15rem;
}
.card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 1px 2px #0000000d;
}
.hint,
.meta {
  color: var(--muted);
  font-size: 0.9rem;
}
.small {
  font-size: 0.84rem;
}
.mono {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    Liberation Mono,
    monospace;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.pill {
  display: inline-block;
  border-radius: 999px;
  padding: 2px 8px;
  background: var(--soft);
  font-size: 0.78rem;
  margin: 1px;
}
.uiBadge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 22px;
  padding: 3px 8px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
}
.badgeQualifier {
  font-weight: 600;
  opacity: 0.8;
}
.severityCritical {
  border-color: color-mix(in srgb, var(--bad) 30%, transparent);
  background: color-mix(in srgb, var(--bad) 12%, var(--panel));
  color: var(--bad);
}
.severityWarning {
  border-color: color-mix(in srgb, var(--warn) 35%, transparent);
  background: color-mix(in srgb, var(--warn) 12%, var(--panel));
  color: var(--warn);
}
.severityReview {
  border-color: color-mix(in srgb, var(--accent) 28%, transparent);
  background: color-mix(in srgb, var(--accent) 10%, var(--panel));
  color: var(--accent);
}
.severityInfo {
  border-color: var(--line);
  background: var(--soft);
  color: var(--muted);
}
.confidenceHigh {
  border-color: color-mix(in srgb, var(--ok) 30%, transparent);
  background: color-mix(in srgb, var(--ok) 11%, var(--panel));
  color: var(--ok);
}
.confidenceMedium {
  border-color: color-mix(in srgb, var(--accent) 28%, transparent);
  background: color-mix(in srgb, var(--accent) 9%, var(--panel));
  color: var(--accent);
}
.confidenceLow {
  border-color: var(--line);
  background: var(--panel);
  color: var(--muted);
}
.pill.ok {
  background: #dff5e8;
  color: var(--ok);
}
.pill.warn {
  background: #fff0d6;
  color: var(--warn);
}
.pill.bad {
  background: #ffe2e2;
  color: var(--bad);
}
.pill.info {
  background: #e7f0ff;
  color: #244b91;
}
details {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
  margin: 8px 0;
}
details[open] summary {
  border-bottom: 1px solid var(--line);
  border-radius: 12px 12px 0 0;
}
.detailBody {
  padding: 12px;
}
.code {
  white-space: pre;
  overflow: auto;
  max-height: 360px;
  background: #10131a;
  color: #e7e9f3;
  border-radius: 10px;
  padding: 12px;
  font-size: 0.84rem;
}
.scoreList {
  margin: 0;
  padding-left: 18px;
}
.stat {
  padding: 10px;
}
.stat b {
  display: block;
  font-size: 1.35rem;
}
.hidden {
  display: none !important;
}
.groupTitle {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
details {
  margin-top: 8px;
}
.pill {
  white-space: nowrap;
}
.toolbar {
  gap: 12px;
  align-items: center;
}
.detailBody {
  padding: 10px 0;
  font-size: 16px;
  overflow-y: auto;
  max-height: 100vh;
}
.smallBtn {
  padding: 6px 9px;
  border-radius: 8px;
  font-size: 0.78rem;
}
.danger {
  background: #9b1c1c;
}
.decisionBox {
  margin-top: 8px;
}
.decisionKeep {
  border-color: #9ad2ad;
  background: #edf8f2;
  color: #116b37;
}
.decisionRemove {
  border-color: #e3a0a0;
  background: #fff0f0;
  color: #9b1c1c;
}
.decisionIf {
  border-color: #f1cf85;
  background: #fff6df;
  color: #765000;
}
.reviewSection h3 {
  margin: 0;
}
.reviewKeep {
  border-color: #b9dfc5;
}
.reviewRemove {
  border-color: #edb9b9;
}
.reviewReview {
  border-color: #f3dba4;
}
.softMismatch {
  background: #fff9ea;
}
.stat {
  text-align: left;
  color: var(--ink);
  cursor: pointer;
}
.pill.ctx-file {
  background: #eaf2ff;
  color: #17416f;
}
.pill.ctx-security {
  background: #fff0f0;
  color: #7d1b1b;
}
.pill.ctx-web {
  background: #edf8f2;
  color: #145c34;
}
.pill.ctx-task {
  background: #fff6df;
  color: #765000;
}
.pill.ctx-code {
  background: #f0f1f8;
  color: #35384f;
}
.whyText {
  margin-bottom: 6px;
}
.code.wrapPreview,
.wrapPreview .code {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
/* ANCHOR: STATS-MODAL */
.miniBtn {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  color: var(--ink);
  font-weight: 700;
  padding: 5px 9px;
  cursor: pointer;
}
.miniBtn:hover {
  background: var(--soft);
}