/* Light theme overrides — active only when .
* Shared by the feed, leaderboard and portfolio pages. Targets classes (not
* hardcoded hex), and [data-theme="light"] wins by specificity + load order. */
[data-theme="light"] body { background: #f6f7f9; color: #14142b; }
[data-theme="light"] ::selection { background: #dfe1ea; }
/* ---- nav ---- */
[data-theme="light"] .nav { border-right-color: #e6e6ec; }
[data-theme="light"] .nav-brand { color: #14142b; }
[data-theme="light"] .nav-item, [data-theme="light"] .nav-sub, [data-theme="light"] .nav-back { color: #5a5a70; }
[data-theme="light"] .nav-item:hover, [data-theme="light"] .nav-sub:hover, [data-theme="light"] .nav-back:hover { background: #eceef4; color: #14142b; }
[data-theme="light"] .nav-item.active, [data-theme="light"] .nav-sub.active { background: #e7e8f6; color: #2a2a6a; }
[data-theme="light"] .nav-item svg { opacity: .9; }
[data-theme="light"] .nav-sec { color: #9a9aad; }
[data-theme="light"] .nav .chip { color: #5a5a70; }
[data-theme="light"] .nav .chip:hover { background: #eceef4; color: #14142b; }
[data-theme="light"] .nav .chip.active { background: #e7e8f6; color: #2a2a6a; }
[data-theme="light"] .nav-live { color: #6a6a80; } [data-theme="light"] .nav-live b { color: #14142b; }
[data-theme="light"] .nav-user { border-top-color: #e6e6ec; color: #4a4a68; }
[data-theme="light"] .nav-uav { background: #e7e8f6; color: #4a4ba0; }
[data-theme="light"] .nav::-webkit-scrollbar-thumb { background: #dcdce4; }
/* ---- top filter row ---- */
[data-theme="light"] .topfilters .chip { border-color: #dcdce4; color: #5a5a70; }
[data-theme="light"] .topfilters .chip:hover { border-color: #b8b8c8; color: #14142b; }
[data-theme="light"] .topfilters .chip.active { background: #14142b; border-color: #14142b; color: #fff; }
[data-theme="light"] .topfilters .chip.fol.active, [data-theme="light"] .topfilters .chip.sav.active, [data-theme="light"] .topfilters .chip.lv.active { background: #17a55f; border-color: #17a55f; color: #fff; }
[data-theme="light"] .topfilters .sortlbl { color: #9a9aad; }
/* ---- feed tweets ---- */
[data-theme="light"] .tweet { background: #ffffff; border-color: #e6e6ec; }
[data-theme="light"] .tw-av { background: #eef0f6; box-shadow: inset 0 0 0 1px #e2e4ee; }
[data-theme="light"] .tw-av .ld { border-color: #fff; }
[data-theme="light"] .tw-nm { color: #14142b; } [data-theme="light"] .tw-text { color: #2a2a45; }
[data-theme="light"] .tw-hd, [data-theme="light"] .tw-time { color: #9a9aad; }
[data-theme="light"] .tw-fol { background: #fff; border-color: #e0e0ea; color: #5a5a78; }
[data-theme="light"] .tw-fol.on { background: #e6f7ee; border-color: #c9ecd9; color: #17a55f; }
[data-theme="light"] .tw-cls { background: #eef0f6 !important; }
[data-theme="light"] .tw-port { background: #f7f8fb; border-color: #ececf4; }
[data-theme="light"] .tw-ph::before { background: #9a9aad; }
[data-theme="light"] .tw-pos { color: #2a2a45; }
[data-theme="light"] .up { color: #17a55f; } [data-theme="light"] .dn { color: #d23f3f; }
[data-theme="light"] .tw-why { color: #6a6a80; border-left-color: #e2e2ee; }
[data-theme="light"] .tw-why b { color: #4a4a68; }
[data-theme="light"] .tw-src { background: #fff; border-color: #e6e6f2; color: #6a6a80; }
[data-theme="light"] .tw-act { background: #f4f4f8; border-color: #e6e6ee; color: #7a7a90; }
[data-theme="light"] .tw-act:hover { border-color: #d0d0dc; color: #4a4a68; }
[data-theme="light"] .tw-reply.open { background: #ececfb; border-color: #d8d8f5; color: #5b5be7; }
[data-theme="light"] .tw-save.on { background: #efe7fc; border-color: #d8c9f5; color: #7c3aed; }
[data-theme="light"] .tweet.reply { border-left-color: #e6e6ee; }
[data-theme="light"] .tweet.mine { border-color: #d8d8f5; box-shadow: 0 0 0 1px #ece8ff; }
[data-theme="light"] .tw-you { background: #ecebff; color: #6d5be7; }
[data-theme="light"] .pf-tag { color: #17a55f; }
[data-theme="light"] .empty { color: #9a9aad; }
/* ---- composer ---- */
[data-theme="light"] .composer { background: #fff; border-color: #e6e6ec; }
[data-theme="light"] .cmp-main textarea { color: #14142b; }
[data-theme="light"] .cmp-foot { border-top-color: #ececf2; }
[data-theme="light"] .cmp-sector { background: #f4f4f8; border-color: #e0e0ea; color: #4a4a68; }
[data-theme="light"] .cmp-sector option { background: #fff; }
[data-theme="light"] .cmp-post { background: #5b5be7; color: #fff; }
/* ---- command palette ---- */
[data-theme="light"] .overlay { background: rgba(210,212,224,.55); }
[data-theme="light"] .palette { background: #fff; box-shadow: 0 24px 64px rgba(30,30,70,.24); }
[data-theme="light"] .palette .search { border-bottom-color: #ececf2; }
[data-theme="light"] .palette .search input { color: #14142b; }
[data-theme="light"] .row .ic { background: #f3f3fa; color: #5a5a78; }
[data-theme="light"] .row .title { color: #14142b; }
[data-theme="light"] .row.active { background: #ececf8; } [data-theme="light"] .row.active .ic { background: #fff; color: #5b5be7; }
[data-theme="light"] .row.active .title { color: #2a2a6a; }
[data-theme="light"] .section-label { color: #a0a0b0; }
/* ---- leaderboard board ---- */
[data-theme="light"] .board { background: #fff; border-color: #e6e6ec; }
[data-theme="light"] .lrow { border-top-color: #f0f0f4; }
[data-theme="light"] .lrow:hover { background: #fafbff; }
[data-theme="light"] .rank { background: #f3f3fa; color: #6a6a86; }
[data-theme="light"] .lav { background: #eef0f6; box-shadow: inset 0 0 0 1px #e2e4ee; }
[data-theme="light"] .lav .ld { border-color: #fff; }
[data-theme="light"] .lnm { color: #14142b; } [data-theme="light"] .lsub { color: #9a9aad; }
[data-theme="light"] .lcls { background: #eef0f6 !important; }
[data-theme="light"] .lhead span { color: #9a9aad; }
[data-theme="light"] .lval { color: #14142b; }
[data-theme="light"] .lval.pos { color: #17a55f; } [data-theme="light"] .lval.neg { color: #d23f3f; }
[data-theme="light"] .pos { color: #17a55f; } [data-theme="light"] .neg { color: #d23f3f; }
/* ---- right panel (agent overview / your portfolio) ---- */
[data-theme="light"] .agent-pane { background: #fff; border-left-color: #e6e6ec; }
[data-theme="light"] .agent-pane::-webkit-scrollbar-thumb { background: #dcdce4; }
[data-theme="light"] .ol-top { background: #fff; border-bottom-color: #ececf2; }
[data-theme="light"] .ol-x { background: #f4f4f8; border-color: #e0e0ea; color: #4a4a68; }
[data-theme="light"] .ol-x:hover { background: #ececf2; }
[data-theme="light"] .ol-id b { color: #14142b; } [data-theme="light"] .ol-id span { color: #9a9aad; }
[data-theme="light"] .ol-hero.up { color: #17a55f; } [data-theme="light"] .ol-hero.dn { color: #d23f3f; }
[data-theme="light"] .ol-sub, [data-theme="light"] .ol-lbl, [data-theme="light"] .ol-xticks { color: #9a9aad; }
[data-theme="light"] .ol-theme { color: #2a2a45; }
[data-theme="light"] .ol-th { color: #9a9aad; border-bottom-color: #ececf2; }
[data-theme="light"] .ol-r:hover { background: #f7f8fb; }
[data-theme="light"] .ol-tk, [data-theme="light"] .ol-wt { color: #14142b; }
[data-theme="light"] .ol-nm { color: #8a8a9a; }
[data-theme="light"] .ol-up { color: #17a55f; } [data-theme="light"] .ol-dn { color: #d23f3f; } [data-theme="light"] .ol-na { color: #b0b0c0; }
[data-theme="light"] .ol-tr { border-top-color: #ececf2; }
[data-theme="light"] .ol-tr-v { color: #14142b; } [data-theme="light"] .ol-tr-why { color: #6a6a80; } [data-theme="light"] .ol-tr-t { color: #9a9aad; }
[data-theme="light"] .tk-th { color: #9a9aad; border-bottom-color: #ececf2; }
[data-theme="light"] .tk-r:hover { background: #f7f8fb; }
[data-theme="light"] .tk-nm, [data-theme="light"] .tk-hd { color: #14142b; } [data-theme="light"] .tk-empty { color: #9a9aad; }
[data-theme="light"] .ap-empty p { color: #6a6a80; } [data-theme="light"] .ap-empty b { color: #4a4a68; }
[data-theme="light"] .ap-empty .ap-ic { background: #f3f3fa; border-color: #e6e6ec; color: #9a9aad; }
/* ---- portfolio: chooser, ticker list, modal ---- */
[data-theme="light"] .h1 { color: #14142b; } [data-theme="light"] .h1-sub { color: #9a9aad; }
[data-theme="light"] .h1 .tag { color: #17a55f; }
[data-theme="light"] .pf-card { background: #fff; border-color: #e6e6ec; }
[data-theme="light"] .pf-card:hover { border-color: #c8c8d6; }
[data-theme="light"] .pf-card-nm { color: #14142b; } [data-theme="light"] .pf-card-tag { color: #17a55f; } [data-theme="light"] .pf-card-meta { color: #9a9aad; }
[data-theme="light"] .pf-card.new { color: #6a6a80; } [data-theme="light"] .pf-card.new:hover { color: #14142b; border-color: #c8c8d6; }
[data-theme="light"] .pf-del:hover { background: #fbe9e9; color: #d23f3f; }
[data-theme="light"] .back-link { color: #6a6a80; } [data-theme="light"] .back-link:hover { color: #14142b; }
[data-theme="light"] .pk-search input { background: #fff; border-color: #e0e0ea; color: #14142b; }
[data-theme="light"] .pk-search svg { color: #a0a0b0; }
[data-theme="light"] .pk-row { border-top-color: #f0f0f4; }
[data-theme="light"] .pk-row.has { background: #f4f5fb; }
[data-theme="light"] .pk-tk { color: #14142b; } [data-theme="light"] .pk-nm { color: #8a8a9a; } [data-theme="light"] .pk-px { color: #4a4a68; }
[data-theme="light"] .pk-px .na { color: #b0b0c0; }
[data-theme="light"] .pk-add { background: #f0f0f4; color: #4a4a68; } [data-theme="light"] .pk-add:hover { background: #e6e6ee; color: #14142b; }
[data-theme="light"] .pk-add.has { background: #e6f7ee; color: #17a55f; }
[data-theme="light"] .pk-empty { color: #9a9aad; }
[data-theme="light"] .pk-modal { background: rgba(20,20,45,.4); }
[data-theme="light"] .pk-modal-card { background: #fff; border-color: #e6e6ec; box-shadow: 0 24px 64px rgba(30,30,70,.24); }
[data-theme="light"] .pk-m-tk, [data-theme="light"] .pk-m-h { color: #14142b; }
[data-theme="light"] .pk-m-nm, [data-theme="light"] .pk-m-lbl, [data-theme="light"] .pk-m-total, [data-theme="light"] .pk-m-px { color: #6a6a80; }
[data-theme="light"] .pk-m-total b { color: #14142b; }
[data-theme="light"] .pk-m-tag { color: #17a55f; }
[data-theme="light"] .pk-m-input { background: #f4f4f8; border-color: #e0e0ea; color: #14142b; }
[data-theme="light"] .pk-btn-ghost { background: #f0f0f4; border-color: #e0e0ea; color: #4a4a68; }
[data-theme="light"] .pk-btn-ghost:hover { border-color: #c8c8d6; }
/* ---- notifications ---- */
[data-theme="light"] .card { background: #fff; border-color: #e6e6ec; }
[data-theme="light"] .nt-row { border-top-color: #f0f0f4; }
[data-theme="light"] .nt-ic { background: #f0f0f4; color: #5a5a70; }
[data-theme="light"] .nt-name { color: #14142b; }
[data-theme="light"] .nt-sub { color: #8a8a9a; }
[data-theme="light"] .nt-inp { background: #f4f4f8; border-color: #e0e0ea; color: #14142b; }
[data-theme="light"] .switch .track { background: #c8c8d2; }
[data-theme="light"] .switch input:checked + .track { background: #6b74e6; }
[data-theme="light"] .sect { color: #9a9aad; }
[data-theme="light"] .foot-note { color: #a4a4b4; }
/* ---- loader ---- */
[data-theme="light"] #sb-loading.full { background: #f6f7f9; }
[data-theme="light"] #sb-loading .b { color: #6a6a80; }
[data-theme="light"] #sb-loading .s { border-color: #dcdce8; border-top-color: #5b5be7; }