/* resources.css -- calculator panels, bridge classes */

/* ── Trading tools bridge (!important for external components) ────────── */
.t-bg-page { background: var(--bg-base) !important; }
.t-bg-card { background: var(--bg-surface) !important; }
.t-bg-elevated { background: var(--bg-elevated) !important; }
.t-border { border-color: var(--border) !important; }
.t-border-focus:focus { border-color: rgba(255,255,255,0.2) !important; box-shadow: 0 0 0 1px rgba(255,255,255,0.1) !important; outline: none; }
.t-text-primary { color: var(--text-primary) !important; }
.t-text-secondary { color: var(--text-secondary) !important; }
.t-text-tertiary { color: var(--text-secondary) !important; }
.t-text-muted { color: var(--text-muted) !important; }
.t-text-dim { color: var(--text-faint) !important; }
.t-text-green { color: var(--green) !important; }
.t-text-red { color: var(--red) !important; }
.t-pill-green { background: var(--green-pill-bg) !important; color: var(--green) !important; }
.t-pill-red { background: var(--red-pill-bg) !important; color: var(--red) !important; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }

/* ── Resource panel classes ───────────────────────────────────────────── */
.res-pill { padding: 0.5rem 1rem; font-size: 0.875rem; font-weight: 500; border-radius: var(--rm); cursor: pointer; border: none; transition: background 0.15s, color 0.1s; white-space: nowrap; background: transparent; color: var(--text-muted); }
.res-pill:hover { background: var(--bg-surface); }
.res-pill.active { background: var(--bg-elevated); color: var(--text-primary); }