/* SubSell custom styles (Tailwind handles the rest) */
:root { --brand: #1d4ed8; }

.card { @apply bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-800 p-5; }

/* Plain CSS fallbacks (CDN Tailwind cannot process @apply) */
.ss-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem}
.dark .ss-card{background:#0f172a;border-color:#1e293b}
.ss-input{width:100%;padding:.625rem .75rem;border:1px solid #cbd5e1;border-radius:.5rem;background:#fff;color:#0f172a}
.dark .ss-input{background:#0f172a;border-color:#334155;color:#e2e8f0}
.ss-input:focus{outline:2px solid #2563eb;outline-offset:1px}
.ss-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.5rem;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}
.ss-btn:hover{background:#1d4ed8}
.ss-btn[disabled]{opacity:.6;cursor:not-allowed}
.ss-badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}
.ss-badge.green{background:#dcfce7;color:#166534}
.ss-badge.yellow{background:#fef9c3;color:#854d0e}
.ss-badge.red{background:#fee2e2;color:#991b1b}
.ss-badge.blue{background:#dbeafe;color:#1e40af}
.ss-table{width:100%;border-collapse:collapse;font-size:.875rem}
.ss-table th,.ss-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0;white-space:nowrap}
.dark .ss-table th,.dark .ss-table td{border-color:#1e293b}
.ss-table th{color:#64748b;font-weight:600;font-size:.75rem;text-transform:uppercase}
.table-wrap{overflow-x:auto}