/* Final override to ensure the light palette applies regardless of prior CSS */

/* Background - always on top */
html, body { background: linear-gradient(180deg, #f7faff 0%, #eef2ff 100%) !important; color: #1f2937 !important; }
body { background-attachment: fixed !important; }

/* Container */
.bg-content { background: rgba(255,255,255,0.9) !important; backdrop-filter: blur(8px) !important; }

/* Header */
.fly-header { background: rgba(255,255,255,0.78) !important; border-bottom: 1px solid rgba(0,0,0,0.06) !important; }
.fly-logo .user-logo-title { color: #374151 !important; }

/* Cards */
.card, .layui-card, .layui-panel { background: #ffffff !important; border: 1px solid rgba(0,0,0,0.06) !important; box-shadow: 0 8px 24px rgba(10,22,41,.08) !important; }
.card-header, .layui-card-header { background: rgba(255,255,255,0.9) !important; border-bottom: 1px solid rgba(0,0,0,0.06) !important; }
.card-title { color: #374151 !important; }

/* Category */
.category .button-click, .category-button, #type .button-click { background: #f3f4ff !important; border: 1px solid #dbe4ff !important; color: #5b6acb !important; }
.category .button-click:hover, .category-button:hover { color: #3f51b5 !important; border-color: #c7d2fe !important; }
.category .button-click.checked, .category-button.checked { color: #3949ab !important; font-weight: 800 !important; background: #eef2ff !important; }

/* Product list */
#product .commodity-item { background: #fff !important; border-color: rgba(0,0,0,0.06) !important; }
#product .commodity-name { color: #334155 !important; text-shadow: none !important; }
#product, #product * { color: #1f2937 !important; }
#product a, #product a * { color: #334155 !important; }
.commodity-price { color: #ff4d4f !important; }

/* Inputs */
.form-control, input, select, textarea { background: #fff !important; border: 1px solid rgba(0,0,0,0.08) !important; color: #1f2937 !important; }