/* ==================== CRITICAL DARK THEME OVERRIDES ==================== */

/* Cards */
.card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

.card-header {
    color: var(--text-primary) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

/* Buttons */
.btn {
    font-weight: 600 !important;
    min-height: var(--min-tap-size);
    font-size: 15px !important;
}

.btn-primary {
    background: var(--primary) !important;
    color: #000000 !important;
    border: none !important;
}

.btn-primary:hover {
    background: var(--primary-hover) !important;
}

.btn-secondary {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

.btn-danger {
    background: var(--danger) !important;
    color: white !important;
}

/* Forms */
.form-input,
.form-select,
.form-textarea {
    background: var(--bg-tertiary) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    font-size: 15px !important;
    min-height: var(--min-tap-size);
}

.form-input::placeholder {
    color: var(--text-muted) !important;
}

.form-label {
    color: var(--text-secondary) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

/* Alerts */
.alert {
    border-radius: 8px !important;
    border: 1px solid !important;
}

.alert-success {
    background: var(--success-light) !important;
    border-color: var(--success) !important;
    color: var(--text-primary) !important;
}

.alert-warning {
    background: var(--warning-light) !important;
    border-color: var(--warning) !important;
    color: var(--text-primary) !important;
}

.alert-danger {
    background: var(--danger-light) !important;
    border-color: var(--danger) !important;
    color: var(--text-primary) !important;
}

.alert-info {
    background: var(--primary-light) !important;
    border-color: var(--primary) !important;
    color: var(--text-primary) !important;
}

/* Sidebar */
.sidebar {
    background: var(--bg-secondary) !important;
    border-right: 1px solid var(--border-color) !important;
}

.sidebar-item {
    color: var(--text-secondary) !important;
}

.sidebar-item.active,
.sidebar-item:hover {
    background: var(--primary-light) !important;
    color: var(--primary) !important;
}

/* Bottom Nav */
.bottom-nav {
    background: var(--bg-secondary) !important;
    border-top: 1px solid var(--border-color) !important;
}

.bnav-item {
    color: var(--text-tertiary) !important;
}

.bnav-item.active {
    color: var(--primary) !important;
}

/* Intent Cards */
.intent-card {
    background: var(--bg-card) !important;
    border: 2px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

.intent-card:hover {
    border-color: var(--primary) !important;
    background: var(--bg-tertiary) !important;
}

.intent-title {
    color: var(--text-primary) !important;
}

.intent-description {
    color: var(--text-secondary) !important;
}

.benefit-item {
    color: var(--text-tertiary) !important;
}

/* Price Breakdown */
.price-breakdown {
    background: var(--bg-tertiary) !important;
    border: 1px solid var(--border-color) !important;
}

.price-row {
    color: var(--text-primary) !important;
}

/* Status Badges */
.status-badge {
    font-weight: 600 !important;
    font-size: 12px !important;
}

.status-active {
    background: var(--success-light) !important;
    color: var(--success) !important;
}

.status-pending {
    background: var(--warning-light) !important;
    color: var(--warning) !important;
}

.status-completed {
    background: var(--primary-light) !important;
    color: var(--primary) !important;
}

.status-cancelled,
.status-failed {
    background: var(--danger-light) !important;
    color: var(--danger) !important;
}

/* Wallet Pill */
.wallet-pill {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* Page Headers */
.page-title {
    color: var(--text-primary) !important;
}

.page-subtitle {
    color: var(--text-secondary) !important;
}

/* Modal */
.modal-overlay {
    background: rgba(0, 0, 0, 0.8) !important;
}

.modal-content {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

.modal-header {
    border-bottom: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* Loading */
.loading {
    background: rgba(11, 15, 20, 0.95) !important;
}

.loading-text {
    color: var(--text-primary) !important;
}

/* Map Container */
.map-container {
    background: var(--bg-tertiary) !important;
    border: 1px solid var(--border-color) !important;
}

/* Location Bottom Sheet */
.location-bottom-sheet {
    background: var(--bg-secondary) !important;
    border-top: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* Access Options */
.access-option {
    background: var(--bg-card) !important;
    border: 2px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

.access-option:hover {
    border-color: var(--primary) !important;
    background: var(--bg-tertiary) !important;
}

/* OTP Display */
.otp-display {
    background: var(--bg-card) !important;
}

/* Countdown Timer */
.countdown-timer {
    background: var(--success-light) !important;
    border: 2px solid var(--success) !important;
}

.countdown-time {
    color: var(--success) !important;
}

/* Tables */
table {
    color: var(--text-primary) !important;
}

th {
    background: var(--bg-tertiary) !important;
    color: var(--text-secondary) !important;
    border-bottom: 2px solid var(--border-color) !important;
}

td {
    border-bottom: 1px solid var(--border-color) !important;
}

tr:hover {
    background: var(--bg-tertiary) !important;
}

/* Links */
a {
    color: var(--primary) !important;
}

a:hover {
    color: var(--primary-hover) !important;
}

/* Danger Button */
.btn-danger {
    background: #dc3545 !important;
    color: white !important;
    border: 1px solid #dc3545 !important;
}

.btn-danger:hover {
    background: #c82333 !important;
    border-color: #c82333 !important;
}

.btn-danger:disabled {
    background: #dc354580 !important;
    cursor: not-allowed !important;
}