/* BuySell USDT — hand-authored helpers layered on the Tailwind CDN build.
   For production, compile Tailwind and replace the CDN <script> + this file. */

.bs-card { @apply rounded-xl border border-slate-200 bg-white p-5 shadow-sm; }

/* Since the CDN build can't process @apply, mirror the utility classes as plain CSS. */
.bs-input {
    width: 100%;
    border-radius: 0.5rem;
    border: 1px solid rgb(203 213 225);
    background: #fff;
    padding: 0.55rem 0.75rem;
    font-size: 0.875rem;
    color: #0f172a;
    outline: none;
}
.bs-input:focus { border-color: #10b981; box-shadow: 0 0 0 3px rgba(16,185,129,.15); }
.dark .bs-input { background: #0f172a; border-color: #334155; color: #e2e8f0; }

.bs-label { display:block; font-size:.8rem; font-weight:500; margin-bottom:.35rem; color:#475569; }
.dark .bs-label { color:#94a3b8; }

.bs-btn { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; border-radius:.5rem; padding:.55rem 1rem; font-size:.875rem; font-weight:600; cursor:pointer; border:1px solid transparent; }
.bs-btn-primary { background:#059669; color:#fff; }
.bs-btn-primary:hover { background:#047857; }
.bs-btn-danger { background:#e11d48; color:#fff; }
.bs-btn-danger:hover { background:#be123c; }
.bs-btn-ghost { background:transparent; border-color:#cbd5e1; color:#334155; }
.dark .bs-btn-ghost { border-color:#475569; color:#cbd5e1; }

.bs-pill { display:inline-block; border-radius:9999px; padding:.15rem .6rem; font-size:.72rem; font-weight:600; }
.bs-pill-green { background:#d1fae5; color:#065f46; }
.bs-pill-amber { background:#fef3c7; color:#92400e; }
.bs-pill-red { background:#ffe4e6; color:#9f1239; }
.bs-pill-slate { background:#e2e8f0; color:#334155; }
.bs-pill-blue { background:#e0f2fe; color:#075985; }

.bs-table { width:100%; border-collapse:collapse; font-size:.875rem; }
.bs-table th { text-align:left; font-weight:600; color:#64748b; padding:.6rem .75rem; border-bottom:1px solid #e2e8f0; white-space:nowrap; }
.bs-table td { padding:.6rem .75rem; border-bottom:1px solid #f1f5f9; }
.dark .bs-table th { color:#94a3b8; border-color:#1e293b; }
.dark .bs-table td { border-color:#1e293b; }