/* Otharis - White theme for the app's shared chrome (Renzo 2026-10-24: "se è bianco deve rimanere tutto bianco").
   Generated by tools/white_theme/make_white.py from index.html's own styles: every rule there that paints a dark surface,
   light text or a dark-theme border gets the White theme's palette (the one the ETF section uses: white cards, the light
   grey page tone 246 247 250, the theme borders and text, sky + emerald). Affiliate broker cards keep their brand look.
   Rebuild: python tools/white_theme/make_white.py <styles extracted from index.html> -> this file. */
:root[data-theme="white"] .tutorial-card{background:rgb(255 255 255)}
:root[data-theme="white"] .mobile-bottom-nav{box-shadow:var(--shadow-md, 0 6px 20px -6px rgba(15,23,42,.14))}
:root[data-theme="white"] ::-webkit-scrollbar-track{background:rgb(246 247 250)}
:root[data-theme="white"] ::-webkit-scrollbar-thumb{background:rgb(226 230 236)}
:root[data-theme="white"] .cal-reminder-checkbox{background-color:rgb(246 247 250)}
:root[data-theme="white"] .cal-reminder-checkbox:checked::after{border:solid rgb(246 247 250)}
:root[data-theme="white"] .etx-search > i,:root[data-theme="white"] .etx-search > svg{color:#0284C7}
:root[data-theme="white"] .etx-pill{color:#0284C7}
:root[data-theme="white"] .etx-pill.em{color:#047857}
:root[data-theme="white"] .etx-pill.warn{color:#92400E}
:root[data-theme="white"] .etx-ex button.it span{color:#059669}
:root[data-theme="white"] .etx-yr b{color:#0F131A}
:root[data-theme="white"] .etx-cmp .best{color:#059669 !important}
:root[data-theme="white"] .cm-tile{color:#0F131A}
:root[data-theme="white"] .cx-tile{color:#0F131A}
:root[data-theme="white"] .cx-g{color:#059669}
:root[data-theme="white"] .cx-r{color:#E11D48}
:root[data-theme="white"] .cx-pill{color:#0369A1}
:root[data-theme="white"] .cx-pill.em{color:#047857}
:root[data-theme="white"] .cx-pill.warn{color:#92400E}
:root[data-theme="white"] .cx-months b{color:#0F131A}
:root[data-theme="white"] .cx-links a span:last-child{color:#0284C7}
:root[data-theme="white"] .cg-live{color:#047857}
:root[data-theme="white"] .cg-fi .who:hover{color:#0284C7}
:root[data-theme="white"] .cg-av{color:#374151;background:linear-gradient(135deg, rgb(226 230 236), rgb(255 255 255))}
:root[data-theme="white"] .cg-act.o{color:#374151}
:root[data-theme="white"] .cg-tk{color:#0369A1}
:root[data-theme="white"] .cg-tm > button{color:#0F131A}
:root[data-theme="white"] .cg-chips button.on{color:#0369A1}
:root[data-theme="white"] .jr-kick{color:#0284C7}
:root[data-theme="white"] .jr-cd b.g{color:#047857}
:root[data-theme="white"] .jr-cd b.r{color:#BE123C}
:root[data-theme="white"] .jr-side.long{color:#047857}
:root[data-theme="white"] .jr-side.short{color:#BE123C}
:root[data-theme="white"] .jr-chip{color:#0369A1}
:root[data-theme="white"] .jr-acts button:hover{color:#0284C7}
:root[data-theme="white"] .g{color:#059669}
:root[data-theme="white"] .r{color:#E11D48}
:root[data-theme="white"] .jr-hh > div{color:#374151}
:root[data-theme="white"] .jr-grab{background:rgb(226 230 236)}
:root[data-theme="white"] .jr-auto{color:#047857}
:root[data-theme="white"] .jr-auto.man{color:#92400E}
:root[data-theme="white"] .jr-chips button.on{color:#0369A1}
:root[data-theme="white"] .journal-day-cell{border:1px solid rgb(226 230 236)}
:root[data-theme="white"] .chart-expand-btn,:root[data-theme="white"] .chart-reset-btn{background:rgb(246 247 250);border:1px solid rgb(226 230 236);color:#4B5563}
:root[data-theme="white"] .chart-expand-btn:hover,:root[data-theme="white"] .chart-reset-btn:hover{color:#0F131A}
:root[data-theme="white"] .chart-wrapper:fullscreen,:root[data-theme="white"] .chart-wrapper.chart-pseudo-fullscreen{background:rgb(246 247 250)}
:root[data-theme="white"] .chart-toolbar{background:rgb(246 247 250);border:1px solid rgb(226 230 236)}
:root[data-theme="white"] .mc-badge-hi{color:#BE123C}
:root[data-theme="white"] .mc-super-t{color:#BE123C}
:root[data-theme="white"] .mc-day-hot{color:#BE123C}
:root[data-theme="white"] .gr-map .q-hot{fill:#059669}
:root[data-theme="white"] .gr-map .q-sub{fill:#047857}
:root[data-theme="white"] .gr-big{color:#059669}
:root[data-theme="white"] .gr-pill.hot{color:#047857}
:root[data-theme="white"] .gr-pill.warn{color:#92400E}
:root[data-theme="white"] .gr-howc b{color:#0284C7}
:root[data-theme="white"] .gr-lab-tier{color:#047857}
:root[data-theme="white"] .gr-cv{color:#0284C7}
:root[data-theme="white"] .gr-cn{color:#92400E}
:root[data-theme="white"] .gm-map .q-good{fill:#047857}
:root[data-theme="white"] .gm-map .q-sub{fill:#047857}
:root[data-theme="white"] .gm-watch b{color:#92400E}
:root[data-theme="white"] .gm-watch.in em{color:#047857}
:root[data-theme="white"] .gl-res b{color:#047857}
:root[data-theme="white"] .gl-res span{color:#047857}
:root[data-theme="white"] .gl-ok{color:#047857}
:root[data-theme="white"] .gl-warn{color:#92400E}
:root[data-theme="white"] .gl-bad{color:#BE123C}
:root[data-theme="white"] .chart-toolbar > .fx-analysis-btn.active{color:#059669 !important}
:root[data-theme="white"] .chart-toolbar.chart-toolbar-expanded > .chart-toolbar-toggle:not(.fx-analysis-btn){color:#0284C7}
:root[data-theme="white"] .chart-tool-btn{color:#4B5563}
:root[data-theme="white"] .ot-range-btn{color:#4B5563}
:root[data-theme="white"] .ot-range-btn:hover:not(:disabled){color:#0F131A}
:root[data-theme="white"] .ot-range-btn.on{color:#0284C7}
:root[data-theme="white"] .ot-range-sep{background:rgb(226 230 236)}
:root[data-theme="white"] .ot-nav-btns button{color:#0F131A;background:rgb(246 247 250);border:1px solid rgb(226 230 236)}
:root[data-theme="white"] .ot-nav-btns button:hover{background:rgb(226 230 236)}
:root[data-theme="white"] .ot-pane-ctl button{color:#374151;background:rgb(246 247 250);border:1px solid rgb(226 230 236)}
:root[data-theme="white"] .ot-pane-ctl button:hover{background:rgb(226 230 236)}
:root[data-theme="white"] .ot-scale-btn{color:#4B5563;background:rgb(246 247 250);border:1px solid rgb(226 230 236)}
:root[data-theme="white"] .ot-scale-btn:hover{color:#0F131A}
:root[data-theme="white"] .ot-scale-btn.on{color:#0284C7}
:root[data-theme="white"] .chart-tool-caret:hover{color:#0F131A;background:rgb(226 230 236)}
:root[data-theme="white"] .chart-tool-fav:hover{color:#B45309}
:root[data-theme="white"] .chart-tool-row{color:#374151}
:root[data-theme="white"] .chart-tool-row:hover{background:rgb(226 230 236);color:#0F131A}
:root[data-theme="white"] .chart-tool-row.active{color:#0284C7}
:root[data-theme="white"] .chart-tool-btn:hover{background:rgb(226 230 236);color:#0F131A}
:root[data-theme="white"] .chart-tool-btn.active{color:#0284C7}
:root[data-theme="white"] .chart-toolbar-sep{background:rgb(226 230 236)}
:root[data-theme="white"] .chart-settings-panel{background:rgb(255 255 255);border:1px solid rgb(226 230 236)}

/* Hand-written additions (Renzo 2026-10-24) - light text that only worked on the dark themes. */
/* Tailwind's light tints used as text (warnings, small notes): the readable shade of the same colour on white */
:root[data-theme="white"] .text-amber-200,:root[data-theme="white"] .text-amber-300,:root[data-theme="white"] .text-amber-300\/90,:root[data-theme="white"] .text-amber-400,:root[data-theme="white"] .text-yellow-300{color:#92400E !important}
:root[data-theme="white"] .text-emerald-200,:root[data-theme="white"] .text-emerald-300,:root[data-theme="white"] .text-green-300{color:#047857 !important}
:root[data-theme="white"] .text-sky-200,:root[data-theme="white"] .text-sky-300,:root[data-theme="white"] .text-cyan-300,:root[data-theme="white"] .text-blue-300{color:#0369A1 !important}
:root[data-theme="white"] .text-rose-200,:root[data-theme="white"] .text-rose-300,:root[data-theme="white"] .text-red-300{color:#BE123C !important}
:root[data-theme="white"] .text-violet-300,:root[data-theme="white"] .text-purple-300{color:#6D28D9 !important}
:root[data-theme="white"] .text-slate-100,:root[data-theme="white"] .text-slate-200,:root[data-theme="white"] .text-slate-300,:root[data-theme="white"] .text-gray-100{color:rgb(var(--color-text-secondary)) !important}
/* the same light tints written inline by the modules (style="color:#...") */
:root[data-theme="white"] [style*="color:#FDE68A"],:root[data-theme="white"] [style*="color:#FBBF24"],:root[data-theme="white"] [style*="color:#FCD34D"]{color:#92400E !important}
:root[data-theme="white"] [style*="color:#6EE7B7"],:root[data-theme="white"] [style*="color:#A7F3D0"],:root[data-theme="white"] [style*="color:#34D399"]{color:#047857 !important}
:root[data-theme="white"] [style*="color:#7DD3FC"],:root[data-theme="white"] [style*="color:#BAE6FD"],:root[data-theme="white"] [style*="color:#38BDF8"],:root[data-theme="white"] [style*="color:#93C5FD"]{color:#0369A1 !important}
:root[data-theme="white"] [style*="color:#FDA4AF"],:root[data-theme="white"] [style*="color:#FECDD3"],:root[data-theme="white"] [style*="color:#FB7185"]{color:#BE123C !important}
:root[data-theme="white"] [style*="color:#E5E7EB"],:root[data-theme="white"] [style*="color:#F8FAFC"],:root[data-theme="white"] [style*="color:#E2E8F0"],:root[data-theme="white"] [style*="color:#CBD5E1"]{color:rgb(var(--color-text-secondary)) !important}
/* journal calendar: the trade count under each day */
:root[data-theme="white"] .jr-cd .n{color:rgb(var(--color-text-muted))}

/* No blue backgrounds on the White theme (Francesco 2026-10-25: "l'alone colorato ci sta ed era bello, il problema e' quando
   lo sfondo e' di un colore davvero blu"). The soft coloured glows stay (page, section heroes, dashboard); a box filled with
   blue gets the White palette - plain white, or the light grey page tone inside cards. Buttons, chips, icons, charts unchanged. */
:root[data-theme="white"] .gl-hero{background:rgb(var(--color-surface)) !important;box-shadow:0 1px 2px rgba(15,23,42,.06) !important;border-color:rgb(var(--color-border))}
:root[data-theme="white"] :is(.gr-card,.mi-rp-say,.trd-res,.jr-res,.mc-expo,.pf-sell-confirm,.pf-cash-onboard,.ot-avatar-savebar,.ot-studio-resume,.fxd-lock){background:rgb(246 247 250) !important}
:root[data-theme="white"] .gl-res{background:rgb(16 185 129 / .08) !important;box-shadow:none !important}
:root[data-theme="white"] #otDash .otd-discover{background:rgb(246 247 250) !important}
:root[data-theme="white"] #otDash .otd-explain{background:rgb(246 247 250) !important}
/* rows highlighted inline (Graham sensitivity table) */
:root[data-theme="white"] [style*="background:rgb(59 130 246"]{background:rgb(246 247 250) !important}
/* chart background bands (Graham rate sensitivity, Monetary target range): neutral grey on white */
:root[data-theme="white"] svg rect[fill="rgba(59,130,246,.10)"],:root[data-theme="white"] svg rect[fill="rgba(59,130,246,.12)"]{fill:rgba(100,116,139,.12)}