/* Minimal tokens; inherits your theme CSS */
:root {
  --obi-accent: var(--wp--preset--color--primary, var(--global-palette1, #3b82f6));
  --obi-fg: var(--wp--preset--color--foreground, var(--global-palette8, #111));
  --obi-bg: var(--wp--preset--color--background, #fff);
  --obi-muted: color-mix(in oklab, var(--obi-fg) 40%, white);
  --obi-radius: var(--global-radius, 10px);
  --obi-gap: 14px;
  --obi-chip-bg: color-mix(in oklab, var(--obi-accent) 12%, white);
  --obi-chip-fg: color-mix(in oklab, var(--obi-accent) 80%, black);
}

.obi-evidence { display:block; }
.obi-evidence__toolbar {
  display:flex; gap: var(--obi-gap); align-items:center; margin-block: 1rem;
}
.obi-input {
  flex:1; padding:.6rem .8rem; border:1px solid rgba(0,0,0,.1);
  border-radius: var(--obi-radius);
  background: var(--obi-bg); color: var(--obi-fg);
}
.obi-btn {
  padding:.55rem .9rem; border-radius: var(--obi-radius);
  border:1px solid color-mix(in oklab, var(--obi-accent) 30%, white);
  background: transparent; color: var(--obi-accent); cursor:pointer;
}
.obi-btn.is-primary { background: var(--obi-accent); color:white; border-color: var(--obi-accent); }
.obi-btn.is-secondary:hover { background: var(--obi-chip-bg); }

.obi-evidence__list { display:grid; gap: var(--obi-gap); grid-template-columns: 1fr; }
@media (min-width: 960px){ .obi-evidence__list { grid-template-columns: 1fr 1fr; } }

.obi-card {
  border:1px solid rgba(0,0,0,.08);
  border-radius: var(--obi-radius);
  padding:1rem;
  background: var(--obi-bg);
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.obi-card__header { display:flex; justify-content:space-between; align-items:flex-start; gap:.5rem; }
.obi-title { margin:0; font-size:1rem; line-height:1.3; font-weight:600; }
.obi-meta { display:flex; gap:.4rem; flex-wrap:wrap; align-items:center; }

.obi-chip {
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.25rem .5rem; border-radius: 999px;
  font-size:.75rem; background: var(--obi-chip-bg); color: var(--obi-chip-fg);
}
.obi-chip.is-grade-A { background: #ecfdf5; color:#065f46; border:1px solid #10b98133; }
.obi-chip.is-grade-B { background: #eff6ff; color:#1e40af; border:1px solid #3b82f633; }
.obi-chip.is-grade-C { background: #fef3c7; color:#92400e; border:1px solid #f59e0b33; }

.obi-actions { display:flex; gap:.5rem; }
.obi-actions .obi-link { font-size:.8rem; color: var(--obi-accent); text-decoration: underline; cursor:pointer; }

.obi-keypoints { margin:.6rem 0 0; padding:0 0 0 1rem; }
.obi-keypoints li { margin:.25rem 0; }

.obi-evidence__drawer {
  width:min(900px, 92vw);
  border:none; border-radius: var(--obi-radius);
  padding:0; overflow:hidden;
}
.obi-drawer__head {
  padding:1rem; border-bottom:1px solid rgba(0,0,0,.08); background: var(--obi-bg);
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
}
.obi-drawer__body { padding:1rem; }
.obi-section { margin-bottom: 1rem; }
.obi-section h3 { margin:.2rem 0 .5rem; font-size:1rem; }

.obi-numbers { display:grid; gap:.6rem; grid-template-columns: 1fr; }
@media (min-width: 720px){ .obi-numbers { grid-template-columns: 1fr 1fr; } }
.obi-number {
  border:1px dashed rgba(0,0,0,.15); padding:.6rem .7rem; border-radius: var(--obi-radius);
  background: color-mix(in oklab, var(--obi-accent) 4%, var(--obi-bg));
}
.obi-number .name { font-weight:600; }
.obi-number .value { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }

.obi-muted { color: var(--obi-muted); font-size:.85rem; }