/* ============================================================
   Analyze v2 — reasoning drawer, pin styles, tier ribbons
   v37.54.0
============================================================ */

/* --- Analyze v2 beta button (sits under the current Analyze button) --- */
.av2-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 12px;background:rgba(198,134,46,.10);
  border:1px solid rgba(198,134,46,.40);color:var(--brand-orange);
  border-radius:8px;cursor:pointer;
  font:700 12px/1.2 'General Sans','Inter',sans-serif;letter-spacing:.02em;
  transition:background .15s,border-color .15s;
}
.av2-btn:hover{background:rgba(198,134,46,.20);border-color:var(--brand-orange)}
.av2-btn:disabled{opacity:.5;cursor:wait}
.av2-btn .av2-beta{
  display:inline-block;padding:1px 5px;margin-left:4px;border-radius:3px;
  background:var(--brand-orange);color:#141610;
  font:700 9px/1.4 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.05em;
}

/* --- Reasoning drawer (right side) --- */
.av2-drawer{
  position:fixed;right:0;top:0;bottom:0;width:min(420px, 92vw);
  background:var(--surface-1, #16181a);
  border-left:1px solid var(--border, rgba(255,255,255,.08));
  z-index:9500;
  display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .28s ease;
  box-shadow:-6px 0 20px rgba(0,0,0,.35);
}
.av2-drawer.av2-open{transform:translateX(0)}
/* v37.58.2 — respect iOS safe-area so the close button doesn't tuck under
   the status bar/notch. `env(safe-area-inset-top)` returns 0 on desktop
   and non-iOS mobile, so this is a no-op there. */
.av2-drawer-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:calc(12px + env(safe-area-inset-top, 0px)) 16px 12px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(180deg, rgba(198,134,46,.08), transparent);
  min-height:calc(44px + env(safe-area-inset-top, 0px));
}
.av2-drawer-head h3{
  margin:0;color:var(--text);
  font:700 14px/1.2 'General Sans','Inter',sans-serif;letter-spacing:.02em;
}
/* v37.58.2 — 44x44 min hit target and a visible ring so the X can be
   tapped reliably even when the drawer is at the top of a phone screen. */
.av2-drawer-close{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  color:var(--text, #E5E1D6);cursor:pointer;
  font-size:22px;line-height:1;
  min-width:44px;min-height:44px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:10px;
  -webkit-tap-highlight-color:transparent;
}
.av2-drawer-close:hover{background:rgba(255,255,255,.06);color:var(--text)}
.av2-drawer-body{
  flex:1;overflow-y:auto;padding:12px 16px;
  font:400 12px/1.5 'Satoshi','Inter',sans-serif;
}
.av2-trace-header{
  margin:14px 0 6px;padding-top:8px;
  border-top:1px solid rgba(198,134,46,.20);
  color:var(--brand-orange);
  font:700 11px/1.2 'JetBrains Mono',ui-monospace,monospace;
  letter-spacing:.06em;text-transform:uppercase;
}
.av2-trace-header:first-child{border-top:none;margin-top:0}
.av2-trace-row{
  padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.04);
  color:var(--text);
}
.av2-trace-row.av2-warn{border-left:2px solid #d97742;padding-left:8px;background:rgba(217,119,66,.05)}
.av2-pass{
  display:inline-block;padding:1px 6px;border-radius:4px;margin-right:6px;
  background:rgba(198,134,46,.12);color:var(--brand-orange);
  font:700 10px/1.4 'JetBrains Mono',ui-monospace,monospace;
}
.av2-step{color:var(--text);font-weight:600;font-size:12px}
.av2-detail{margin-top:2px;color:var(--muted);font-size:11.5px;line-height:1.5}

/* --- Analyze v2 verdict card (in drawer footer) --- */
.av2-verdict{
  padding:14px 16px;border-top:1px solid var(--border);
  background:rgba(0,0,0,.15);
}
.av2-verdict-head{
  display:flex;align-items:center;gap:8px;margin-bottom:6px;
}
.av2-verdict-badge{
  padding:3px 10px;border-radius:20px;
  font:700 11px/1.2 'General Sans','Inter',sans-serif;letter-spacing:.05em;
}
.av2-verdict-badge.YES{background:#5a7f4e;color:#f5f2ea}
.av2-verdict-badge.NO{background:#8b3a3a;color:#f5f2ea}
.av2-verdict-badge.MAYBE{background:#c6862e;color:#141610}
.av2-verdict-title{color:var(--text);font:700 12.5px/1.2 'General Sans','Inter',sans-serif}
.av2-verdict-reasons{margin:0;padding-left:16px;color:var(--muted);font-size:12px;line-height:1.55}
.av2-verdict-reasons li{margin-bottom:2px}

/* --- Analyze v2 map pins --- */
.av2-pin{background:transparent !important;border:none !important}
.av2-pin-dot{
  width:22px;height:22px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:2px solid #141610;box-shadow:0 2px 6px rgba(0,0,0,.4);
  color:#f5f2ea;font:800 11px/1 'General Sans','Inter',sans-serif;
}
.av2-pin-dot span{pointer-events:none}

/* --- Tier ribbons (used inside stand popups if you want to enrich later) --- */
.av2-tier-ribbon{
  display:inline-block;padding:2px 6px;border-radius:3px;
  font:700 10px/1.2 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.06em;
  margin-right:6px;
}
.av2-tier-1{background:rgba(198,134,46,.16);color:var(--brand-orange);border:1px solid rgba(198,134,46,.4)}
.av2-tier-2{background:rgba(139,58,58,.20);color:#e58a8a;border:1px solid rgba(139,58,58,.5)}
