/* ==== Marketur Mobile UX: Dark Navy Cards + Electric Blue ==== */
:root {
    --deep-navy: #0f172a; --ink-navy: #0b1220; --electric-blue: #33ccff;
    --ice-white: #e6f7ff; --pale-sky: #9fd9ff;
    --blue-border: rgba(51,204,255,0.25); --glass-sheen: rgba(255,255,255,0.06); --shadow: rgba(0,0,0,0.35);
    --solana-primary: #5B8DBE; --solana-primary-dark: #4A7AA8; --solana-primary-light: #E3EEF7;
}

/* Cards */
.solana-coin-card { background: linear-gradient(135deg, var(--deep-navy), var(--ink-navy)) !important; border: 1px solid var(--blue-border) !important; box-shadow: 0 4px 12px var(--shadow), inset 0 1px 0 var(--glass-sheen) !important; }
.solana-coin-card:hover { border-color: var(--electric-blue) !important; box-shadow: 0 12px 28px var(--shadow), inset 0 1px 0 var(--glass-sheen) !important; }
.solana-coin-name { color: var(--ice-white) !important; }
.solana-coin-symbol, .solana-stat-label { color: var(--pale-sky) !important; }
.solana-coin-price, .solana-stat-value { color: var(--ice-white) !important; }
.solana-coin-stats { border-top: 1px solid var(--blue-border) !important; }
.solana-card-reactions { border-top: 1px solid var(--blue-border) !important; }
.solana-mini-reaction span { color: var(--pale-sky) !important; }

/* Badges */
.solana-ai-badge { background: linear-gradient(135deg, var(--electric-blue), #2ba3d4) !important; color: var(--deep-navy) !important; font-weight: 800 !important; box-shadow: 0 2px 8px rgba(51,204,255,0.4) !important; }
.solana-watchlist-icon { color: var(--electric-blue) !important; filter: drop-shadow(0 2px 4px rgba(51,204,255,0.3)); }
.solana-coin-logo-placeholder { background: linear-gradient(135deg, var(--electric-blue), #2ba3d4) !important; color: var(--deep-navy) !important; box-shadow: 0 2px 8px rgba(51,204,255,0.3) !important; }

/* Price changes */
.solana-price-change.positive { background: rgba(51,204,255,0.15) !important; color: var(--electric-blue) !important; border: 1px solid var(--blue-border) !important; }
.solana-price-change.negative { background: rgba(239,68,68,0.15) !important; color: #ff6b6b !important; border: 1px solid rgba(239,68,68,0.25) !important; }

/* Details page */
.solana-details-header, .solana-stats-section, .solana-ai-section, .solana-reactions-section, .solana-comments-section {
    background: linear-gradient(135deg, var(--deep-navy), var(--ink-navy)) !important; border: 1px solid var(--blue-border) !important; box-shadow: 0 1px 3px var(--shadow), inset 0 1px 0 var(--glass-sheen) !important;
}
.solana-details-header h1, .solana-stats-section h2, .solana-ai-section h2, .solana-reactions-section h2, .solana-comments-section h2 { color: var(--ice-white) !important; }
.solana-ai-text p, .solana-reactions-section p { color: var(--pale-sky) !important; }
.solana-stat-card { background: rgba(255,255,255,0.03) !important; border: 1px solid var(--blue-border) !important; }
.solana-ai-score-badge { background: linear-gradient(135deg, var(--electric-blue), #2ba3d4) !important; color: var(--deep-navy) !important; box-shadow: 0 2px 8px rgba(51,204,255,0.4) !important; }
.solana-token-price { color: var(--electric-blue) !important; text-shadow: 0 2px 8px rgba(51,204,255,0.3); }

/* Reaction buttons */
.solana-reaction-btn { background: rgba(255,255,255,0.03) !important; border: 2px solid var(--blue-border) !important; color: var(--ice-white) !important; }
.solana-reaction-btn:hover { border-color: var(--electric-blue) !important; box-shadow: 0 4px 12px rgba(51,204,255,0.2) !important; }
.solana-reaction-btn.active { background: var(--electric-blue) !important; border-color: var(--electric-blue) !important; color: var(--deep-navy) !important; }

/* Comments */
.solana-comment-card { background: rgba(255,255,255,0.03) !important; border-left: 3px solid var(--electric-blue) !important; }
.solana-comment-author { color: var(--ice-white) !important; }
.solana-comment-text { color: var(--pale-sky) !important; }
.solana-comment-date { color: var(--pale-sky) !important; opacity: 0.7; }
.solana-comment-textarea { background: rgba(255,255,255,0.03) !important; border: 1px solid var(--blue-border) !important; color: var(--ice-white) !important; }
.solana-comment-textarea::placeholder { color: var(--pale-sky) !important; opacity: 0.5; }

/* Buttons */
.solana-search-btn, .solana-comment-submit, .solana-action-btn.bubble, .solana-back-btn {
    background: var(--electric-blue) !important; color: var(--deep-navy) !important; font-weight: 700 !important; box-shadow: 0 4px 12px rgba(51,204,255,0.3) !important;
}
.solana-search-btn:hover, .solana-comment-submit:hover, .solana-action-btn.bubble:hover, .solana-back-btn:hover { background: #2ba3d4 !important; box-shadow: 0 6px 20px rgba(51,204,255,0.4) !important; }
.solana-action-btn.watchlist { background: #f0ad4e !important; }
.solana-action-btn.watchlist.active { background: #d9534f !important; }

/* Filters + search */
.solana-filter-btn { background: rgba(255,255,255,0.03) !important; border: 2px solid var(--blue-border) !important; color: var(--pale-sky) !important; }
.solana-filter-btn:hover { border-color: var(--electric-blue) !important; color: var(--electric-blue) !important; }
.solana-filter-btn.active { background: var(--electric-blue) !important; border-color: var(--electric-blue) !important; color: var(--deep-navy) !important; }
.solana-search-input { background: rgba(255,255,255,0.03) !important; border: 2px solid var(--blue-border) !important; color: var(--ice-white) !important; }
.solana-search-input::placeholder { color: var(--pale-sky) !important; opacity: 0.5; }
.solana-search-input:focus { border-color: var(--electric-blue) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(51,204,255,0.1) !important; }
.solana-spinner { border-top-color: var(--electric-blue) !important; }
.solana-action-btn.dex:hover { background: rgba(51,204,255,0.08) !important; border-color: var(--electric-blue) !important; }
