/* overrides finos — o grosso do tema vem do <style> inline (igual Spy Cockpit) */
select.inp { appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat: no-repeat; background-position: right .5rem center; padding-right: 1.6rem; }
input[type="number"].inp { -moz-appearance: textfield; }
.card { border: 1px solid hsl(var(--border)); background: hsl(var(--card)); border-radius: 12px; }
.muted { color: hsl(var(--muted-foreground)); }
.mono { font-family: "JetBrains Mono", ui-monospace, monospace; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; height:2.25rem;
  padding:0 1rem; border-radius:8px; font-size:13px; font-weight:600; cursor:pointer; }
.btn-primary { background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); }
.btn-primary:hover { filter: brightness(1.1); }
.btn-ghost { background: hsl(var(--muted)); color: hsl(var(--foreground)); }
.btn-ghost:hover { background: hsl(var(--muted)/.7); }
.btn-accent { background: hsl(var(--accent)); color: #fff; box-shadow: 0 6px 18px -6px hsl(var(--accent)/.65); }
.btn:disabled { opacity:.45; cursor:not-allowed; filter:none; }
.chip { cursor: pointer; }
.chip-on { background: hsl(var(--accent)); color: #fff; border-color: hsl(var(--accent)); }