/* Apolo Design Overrides — raw CSS, not processed by Vite */

/* Body — but NOT sidebar */
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', system-ui, sans-serif !important; background-color: #f5f5f7 !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* Main content area only */
main { color: #1d1d1f; }
main > h1, main > div > h1 { color: #1d1d1f !important; font-weight: 700 !important; letter-spacing: -0.025em !important; }
main .bg-white { background: #ffffff !important; border-color: rgba(0,0,0,0.06) !important; box-shadow: 0 0.5px 1px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.03) !important; }
main .overflow-x-auto { border-radius: 16px !important; border: 1px solid rgba(0,0,0,0.06) !important; box-shadow: 0 0.5px 1px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.03) !important; }
main thead { background: #fafafa !important; }
main thead th { font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; color: #64748b !important; }
main tbody tr:hover { background: #fafafa !important; }
main input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), main select, main textarea { background: #fff !important; border: 1px solid rgba(0,0,0,0.1) !important; border-radius: 12px !important; }
main input:focus, main select:focus, main textarea:focus { border-color: #d4a853 !important; box-shadow: 0 0 0 3px rgba(212,168,83,0.1) !important; }
main .bg-gold-500, main .bg-gold-600 { background: #d4a853 !important; box-shadow: 0 2px 10px rgba(212,168,83,0.2) !important; }
main .bg-gold-500:hover, main .bg-gold-600:hover { background: #b38a38 !important; }

/* Modals (outside main) */
.rounded-2xl.shadow-xl { background: #ffffff !important; border: 1px solid rgba(0,0,0,0.06) !important; box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important; border-radius: 20px !important; }

/* Sidebar — bright readable text */
aside, aside * { color: rgba(255,255,255,0.65) !important; }
aside .sidebar-item:hover, aside .sidebar-item:hover * { color: rgba(255,255,255,0.9) !important; }
aside .sidebar-item.active, aside .sidebar-item.active * { color: #ffffff !important; }
aside .font-bold, aside [class*="text-[15px]"] { color: #ffffff !important; }
aside .sidebar-section-title { color: rgba(255,255,255,0.28) !important; }
aside .text-\[10px\] { color: rgba(255,255,255,0.3) !important; }

/* Dark surfaces — always white text */
[class*="from-navy"] *, [class*="bg-navy"] *, .bg-gradient-to-br * { color: inherit; }
[class*="from-navy"] p, [class*="from-navy"] span, [class*="from-navy"] button { color: inherit !important; }
[class*="from-navy"] .text-gold-300 { color: #d4a853 !important; }
[class*="from-navy"] .text-white\/60 { color: rgba(255,255,255,0.6) !important; }
[class*="from-navy"] .text-gold-200 { color: #e5c67a !important; }
[class*="from-navy"] .text-white\/80 { color: rgba(255,255,255,0.8) !important; }

/* Header — solid white bg */
header { background: #ffffff !important; border-bottom-color: rgba(0,0,0,0.06) !important; }
header h1 { color: #0f172a !important; }

/* Calendar */
.rbc-header { font-size: 11px !important; font-weight: 600 !important; color: #64748b !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; }
.rbc-today { background: #faf6ed !important; }
.rbc-event { border-radius: 6px !important; font-size: 11px !important; }
.rbc-toolbar button.rbc-active { background: #0f172a !important; color: white !important; border-color: #0f172a !important; }

/* Scrollbar */
main::-webkit-scrollbar { width: 6px; }
main::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.08); border-radius: 3px; }