/* =========================================
   PDF → CSV CONVERTER
   SYSTEM MATCH: LANDING PAGE
   VERSION 0.1.0
   ========================================= */

body {
    background: #000;
    color: #fff;
    font-family: "Inter", sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* ---------- LAYOUT ---------- */

.container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* ---------- CARDS ---------- */

.card,
.preview-card,
table,
.FilterBar,
.DropZone {
    background: #050505 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 24px;
}

/* ---------- DROPZONE ---------- */

.border-dashed {
    border-color: rgba(255,255,255,0.12) !important;
}

.border-dashed:hover {
    border-color: rgba(255,255,255,0.25) !important;
}

/* ---------- TEXT OVERRIDES ---------- */

.text-gray-50,
.text-gray-100,
.text-gray-200,
.text-gray-300,
.text-gray-400,
.text-gray-500,
.text-gray-600 {
    color: rgba(255,255,255,0.65) !important;
}

/* ---------- TABLE ---------- */

table {
    color: #fff;
}

thead tr {
    background: #050505 !important;
}

tbody tr {
    border-color: rgba(255,255,255,0.06) !important;
}

tbody tr:hover {
    background: rgba(255,255,255,0.03) !important;
}

/* ---------- INPUTS ---------- */

input {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #fff !important;
}

input:focus {
    outline: none;
    border-color: rgba(255,255,255,0.3) !important;
}

/* ---------- BUTTONS ---------- */

button {
    transition: 0.2s ease;
}

button:hover {
    opacity: 0.85;
}

/* Primary buttons (override tailwind colors) */

.bg-blue-600,
.bg-emerald-600,
.bg-violet-600 {
    background: #fff !important;
    color: #000 !important;
}

.bg-blue-700,
.bg-emerald-700,
.bg-violet-700 {
    background: #eaeaea !important;
    color: #000 !important;
}

/* ---------- STAT BOXES ---------- */

.stat-box {
    background: #050505;
    border: 1px solid rgba(255,255,255,0.08);
}

/* Remove all semantic colors */
.text-red-600,
.text-green-600,
.text-blue-600,
.text-yellow-600,
.text-orange-600 {
    color: rgba(255,255,255,0.7) !important;
}

/* ---------- SCROLL ---------- */

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #000;
}

::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.15);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.25);
}