/* v25 — neutral light theme + cleaner PWA header (no hamburger) */

/* Light theme: remove the blue cast. Keep a warm-neutral canvas and crisp white cards. */
html[data-theme="light"]{background:#f4f3f0!important;color-scheme:light}
html[data-theme="light"] body{background:linear-gradient(180deg,#f7f6f3 0%,#f3f2ef 48%,#f0efec 100%)!important;color:#17212b!important}
html[data-theme="light"] .app,html[data-theme="light"] main{background:transparent!important}
html[data-theme="light"] header{background:rgba(250,249,247,.96)!important;border-color:#dedbd6!important;box-shadow:0 1px 0 rgba(255,255,255,.95)!important}
html[data-theme="light"] .brand{color:#14202b!important;border-color:#dedbd6!important}
html[data-theme="light"] .brand>div small{color:#707984!important}
html[data-theme="light"] .ticker .status{color:#6b747e!important}
html[data-theme="light"] .ticker b{color:#26313b!important}
html[data-theme="light"] .ticker em{color:#7b838c!important}

html[data-theme="light"] aside,html[data-theme="light"] #sidebar{background:#f0efec!important;border-color:#dedbd6!important;color:#23303a!important}
html[data-theme="light"] aside nav button{color:#59636d!important}
html[data-theme="light"] aside nav button:hover{background:#e9e7e3!important;color:#1e2933!important}
html[data-theme="light"] aside nav button.active{background:#fff!important;color:#16232d!important;box-shadow:inset 3px 0 #16b985,0 4px 15px rgba(35,42,49,.05)!important}
html[data-theme="light"] aside nav button b{background:#e2e0dc!important;color:#4e5963!important}
html[data-theme="light"] .source{border-color:#d9d6d1!important}
html[data-theme="light"] .source small,html[data-theme="light"] .source .time{color:#727b84!important}
html[data-theme="light"] .source p{color:#3d4852!important}
html[data-theme="light"] .source p b{color:#69737d!important}

html[data-theme="light"] .panel,
html[data-theme="light"] .stock-card,
html[data-theme="light"] .market-cards article,
html[data-theme="light"] .catalog-list,
html[data-theme="light"] .catalog-toolbar,
html[data-theme="light"] .index-card,
html[data-theme="light"] #view-overview .list-panel,
html[data-theme="light"] #view-overview .portfolio,
html[data-theme="light"] #view-overview .insight,
html[data-theme="light"] .stat,
html[data-theme="light"] .month,
html[data-theme="light"] .history-panel,
html[data-theme="light"] .monthly-panel{background:#fff!important;border-color:#dfddd8!important;box-shadow:0 8px 22px rgba(38,42,46,.045)!important}
html[data-theme="light"] .market-sessions>div{background:#fbfaf8!important;border-color:#dfddd8!important;color:#25313b!important}
html[data-theme="light"] .market-sessions>div b,html[data-theme="light"] .session-title b{color:#1b2731!important}
html[data-theme="light"] .market-sessions>div small,html[data-theme="light"] .market-sessions>p,html[data-theme="light"] .session-badge{color:#69737c!important}
html[data-theme="light"] .page-head h1,
html[data-theme="light"] .panel h2,
html[data-theme="light"] .stock-row b,
html[data-theme="light"] .catalog-company b,
html[data-theme="light"] .catalog-company span,
html[data-theme="light"] .detail-head h1,
html[data-theme="light"] .detail-price b,
html[data-theme="light"] .stat b,
html[data-theme="light"] .month b{color:#17232d!important}
html[data-theme="light"] .page-head p,
html[data-theme="light"] .list-head p,
html[data-theme="light"] .stock small,
html[data-theme="light"] .price small,
html[data-theme="light"] .catalog-status,
html[data-theme="light"] .catalog-company small,
html[data-theme="light"] .index-time,
html[data-theme="light"] .stat small,
html[data-theme="light"] .month small{color:#68737d!important}
html[data-theme="light"] .stock-row,html[data-theme="light"] .catalog-row{border-color:#e3e0dc!important}
html[data-theme="light"] .stock-row:hover,html[data-theme="light"] .stock-row.selected,html[data-theme="light"] .catalog-row:hover{background:#f7f5f2!important}
html[data-theme="light"] .catalog-search,
html[data-theme="light"] .meter,
html[data-theme="light"] .account-limit,
html[data-theme="light"] .chat-panel textarea,
html[data-theme="light"] .account-panel input,
html[data-theme="light"] .modal-box input,
html[data-theme="light"] .modal-box select{background:#f7f6f3!important;color:#17232d!important;border-color:#d8d5d0!important}
html[data-theme="light"] .catalog-search input{color:#17232d!important}
html[data-theme="light"] .catalog-search input::placeholder{color:#858b91!important}
html[data-theme="light"] .catalog-tabs button{color:#68727b!important}
html[data-theme="light"] .catalog-tabs button.active{background:#ece9e5!important;color:#1b2730!important}
html[data-theme="light"] .ghost,html[data-theme="light"] .insight>button{background:#fff!important;color:#33404b!important;border-color:#d6d3ce!important}
html[data-theme="light"] .ghost:hover,html[data-theme="light"] .insight>button:hover{background:#f4f2ef!important;border-color:#c8c4be!important}
html[data-theme="light"] .ranges{background:#f1efec!important;border-color:#ddd9d4!important}
html[data-theme="light"] .ranges button{color:#646e77!important}
html[data-theme="light"] .ranges button.active{background:#e72c3d!important;color:#fff!important}
html[data-theme="light"] .theme-segment{background:#efede9!important;border-color:#d8d4ce!important;box-shadow:inset 0 1px rgba(255,255,255,.9)!important}
html[data-theme="light"] .theme-segment button{color:#66717b!important}
html[data-theme="light"] .theme-segment button.active{background:#fff!important;color:#1d2933!important;box-shadow:0 2px 7px rgba(43,48,54,.09)!important}
html[data-theme="light"] .sync{color:#69747d!important}
html[data-theme="light"] .bottom-nav{background:rgba(248,247,244,.97)!important;border-color:#dad7d2!important}
html[data-theme="light"] .bottom-nav button{color:#6d7780!important}
html[data-theme="light"] .bottom-nav button.active{color:#078865!important;background:#eeece8!important}
html[data-theme="light"] .toast{background:#fff!important;border-color:#d7d4cf!important;color:#27333d!important;box-shadow:0 12px 30px rgba(40,45,50,.12)!important}
html[data-theme="light"] .modal-box{background:#fff!important;border-color:#d8d5d0!important;box-shadow:0 30px 80px rgba(40,45,50,.16)!important}
html[data-theme="light"] .chat-message{background:#f0efec!important}
html[data-theme="light"] .chat-message.user{background:#e8f5ef!important}
html[data-theme="light"] .admin-toolbar,html[data-theme="light"] .admin-stat,html[data-theme="light"] .account-user{background:#fff!important;border-color:#ddd9d4!important}
html[data-theme="light"] .account-user:hover{background:#f7f5f2!important;border-color:#cfcac3!important}
html[data-theme="light"] .account-limit{background:#f3f1ee!important;border-color:#d8d4ce!important}
html[data-theme="light"] .catalog-company:after{color:#176f68!important}

/* Mobile/PWA: the bottom navigation already replaces the sidebar, so the hamburger is unnecessary. */
@media(max-width:900px){
  .mobile-menu{display:none!important}
  header{grid-template-columns:minmax(0,1fr) 126px!important;padding-left:max(10px,env(safe-area-inset-left))!important}
  .brand{padding-left:0!important}
}
@media(max-width:540px){
  header{grid-template-columns:minmax(0,1fr) 116px!important;padding-left:max(12px,env(safe-area-inset-left))!important}
  .brand{padding-left:0!important}
}
@media(max-width:390px){
  header{grid-template-columns:minmax(0,1fr) 108px!important}
}