.sidebar-menu-heading{margin:8px 10px 4px;padding:8px 2px 5px;border-top:1px solid rgba(170,201,226,.17);color:#8fb5d4;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sidebar-menu-heading:first-child{margin-top:0;border-top:0}.sidebar-menu-heading-klarodex{margin-top:10px}.sidebar-category-links>a:first-child{margin-bottom:3px;border-bottom:1px solid rgba(170,201,226,.14);border-radius:0} .compare-optional-label{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:10px;background:#eef4fb;color:var(--muted);font-size:12px;vertical-align:middle}.compare-market-toggle{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.compare-market-metric-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compare-market-metric-choices section{padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--soft)}.compare-market-metric-choices h3{margin:0 0 9px;font-size:12px}.compare-market-metric-choices .compare-choice{display:flex;margin:4px 0;background:var(--card)}.compare-market-chart-row{display:grid;grid-template-columns:190px 1fr;gap:14px;align-items:start;padding:11px 0;border-bottom:1px solid var(--line)}.compare-market-chart-row>strong{font-size:12px}.compare-market-chart-row>div{display:grid;gap:7px}.compare-market-chart-row span{display:grid;grid-template-columns:minmax(180px,1fr) 180px;align-items:center;gap:9px}.compare-market-chart-row span:before{content:"";grid-column:1;grid-row:1;height:7px;border-radius:5px;background:var(--soft)}.compare-market-chart-row i{grid-column:1;grid-row:1;display:block;width:var(--value);height:7px;border-radius:5px;background:var(--chart-colour);z-index:1}.compare-market-chart-row span.dots i{width:11px;height:11px;margin-left:calc(var(--value) - 5px);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--chart-colour)}.compare-market-chart-row small{grid-column:2;grid-row:1;color:var(--muted)}.compare-market-heatmap{display:grid;grid-template-columns:190px repeat(3,minmax(130px,1fr));gap:4px}.compare-market-chart-label,.compare-market-heat{display:flex;min-height:45px;align-items:center;padding:8px;border-radius:5px}.compare-market-chart-label{font-size:12px;font-weight:700}.compare-market-heat{justify-content:space-between;gap:8px;background:hsl(calc(var(--score)*1.15) 72% 92%);border-top:3px solid hsl(calc(var(--score)*1.15) 76% 42%);font-size:12px}.compare-market-gap-chart{display:grid;gap:9px;padding:16px}.compare-market-gap-chart>div{display:grid;grid-template-columns:180px 1fr 48px;align-items:center;gap:10px;font-size:12px}.compare-market-gap-chart i{position:relative;height:5px;border-radius:5px;background:var(--soft)}.compare-market-gap-chart i b{position:absolute;top:0;height:100%;border-radius:5px;background:linear-gradient(90deg,#176be4,#14a66f)}@media(max-width:760px){.compare-market-metric-choices{grid-template-columns:1fr}.compare-market-chart-row{grid-template-columns:1fr}.compare-market-heatmap{grid-template-columns:130px repeat(3,minmax(110px,1fr))}} .company-profile-loading[hidden],.company-profile-table[hidden]{display:none!important}.compare-market-toolbar{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.compare-market-toolbar .select{min-width:210px}.compare-market-table th,.compare-market-table td{text-align:right;white-space:nowrap}.compare-market-table th:first-child,.compare-market-table td:first-child,.compare-market-table th:nth-child(2),.compare-market-table td:nth-child(2){text-align:left}.compare-market-table td:first-child{position:sticky;left:0;z-index:2;background:var(--card);font-weight:700}.compare-market-status{padding:24px;color:var(--muted);text-align:center} :root{--nav:#061a2b;--nav2:#031522;--blue:#0868e9;--blue2:#064fad;--green:#14a82b;--lime:#91c400;--amber:#f5ad00;--orange:#ff7600;--red:#ff2d26;--purple:#7b35e8;--text:#09152b;--muted:#59667b;--line:#dfe5ec;--soft:#f7f9fc;--card:#fff;--shadow:0 1px 2px rgba(15,30,45,.025);--font-heading-3x:28px;--font-heading-2x:18px;--font-heading-1x:16px;--font-subheading:13px;--font-summary:13px;--font-body:12px;--font-small:11px;--font-button:12px;--font-tab:14px;--font-label:12px;--font-nav:13px;--font-metric:30px} *{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;font-size:14px}button,input,select,textarea{font:inherit;color:inherit}.app{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:247.2px;padding:18px 10px 14px;background:linear-gradient(180deg,var(--nav),var(--nav2));color:#fff;z-index:40;display:flex;flex-direction:column;overflow:auto}.brand-row{display:flex;justify-content:space-between;align-items:flex-start;padding:0 8px}.brand{font-size:37px;line-height:1;font-weight:800;letter-spacing:-1.5px}.brand b{color:#56d443}.side-sub{padding:7px 8px 20px;font-size:14px}.side-sub small{display:block;color:#e2e8ef;margin-top:8px}.side-nav{display:flex;flex-direction:column;gap:3px}.side-nav a{display:flex;align-items:center;gap:11px;height:38px;padding:0 10px;border-radius:6px;color:#fff;text-decoration:none;font-size:13px;white-space:nowrap}.side-nav a:hover,.side-nav a.active{background:linear-gradient(90deg,#0b5bc4,#07458e)}.side-nav .ico{width:18px;text-align:center;font-size:16px}.side-nav .count{margin-left:auto;background:#173754;border-radius:14px;padding:2px 8px;font-size:12px}.side-box{border:1px solid #1f394b;border-radius:7px;padding:14px 12px;margin:34px 5px 0;font-size:12px;line-height:1.6}.side-box h4{margin:0 0 10px;font-size:12px}.side-box p{color:#d9e2e9}.side-box a{color:#2ea3ff;text-decoration:none}.side-profile{margin-top:auto;border:1px solid #1e3a50;border-radius:7px;padding:10px;display:flex;align-items:center;gap:9px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#6e2dcc;font-weight:700}.side-profile strong{font-size:12px;display:block}.side-profile small{font-size:12px;color:#d7dfe7;display:block;margin-top:3px}.main{margin-left:247.2px;min-height:100vh;padding:18px 22px 14px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.page-title h1{font-size:28px;line-height:1.15;margin:0 0 6px;letter-spacing:-.7px}.page-title p{margin:0;color:#26344d;font-size:13px}.head-actions{display:flex;align-items:center;gap:10px}.btn{height:40px;padding:0 15px;border:1px solid var(--line);border-radius:6px;background:#fff;font-weight:600;font-size:12px;cursor:pointer}.btn.primary{background:linear-gradient(180deg,#0b6bec,#0757c7);color:#fff;border-color:#0757c7}.btn.blue-outline{color:#075bd0;border-color:#b9d5ff}.updated{font-size:12px;line-height:1.6;color:#27364c;margin-left:10px}.mobile-menu{display:none}.grid{display:grid;gap:10px}.kpis{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:10px}.kpis.six{grid-template-columns:repeat(6,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:14px;min-width:0;overflow:hidden}.card h3,.card-title{font-size:12px;margin:0 0 12px;font-weight:700}.metric{font-size:30px;line-height:1;font-weight:600;letter-spacing:-.6px}.metric small{font-size:14px;font-weight:500;color:#52607a}.green{color:var(--green)!important}.blue{color:var(--blue)!important}.orange{color:var(--orange)!important}.red{color:var(--red)!important}.purple{color:var(--purple)!important}.muted{color:var(--muted)!important}.subline{font-size:12px;margin-top:8px}.tiny{font-size:12px}.info{display:inline-flex;width:17px;height:17px;border:1px solid #8f9aaa;border-radius:50%;align-items:center;justify-content:center;font-size:12px;margin-left:5px}.spark{width:100%;height:54px}.spark polyline,.spark path{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.spark.green polyline{stroke:var(--green)}.spark.orange polyline{stroke:var(--orange)}.spark.red polyline{stroke:var(--red)}.progress{height:8px;border-radius:8px;background:#edf1f4;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:var(--green)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.input,.select{height:39px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 13px}.input{min-width:235px}.select{min-width:145px}.table-card{padding:0}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th,.data-table td{padding:9px 10px;border-bottom:1px solid #e6ebf0;text-align:left;white-space:nowrap}.data-table th{font-weight:600;color:#1a2940}.data-table tbody tr:hover{background:#fbfdff}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;padding:4px 8px;border:1px solid;font-size:12px}.pill.strong,.pill.positive{color:#087f21;background:#f0faf2;border-color:#ccebd2}.pill.neutral{color:#e98500;background:#fff8ed;border-color:#ffdfa8}.pill.weak,.pill.negative{color:#e82520;background:#fff2f1;border-color:#ffd4d1}.pager{display:flex;justify-content:flex-end;gap:6px;align-items:center;padding:10px 12px}.pager button{min-width:31px;height:31px;border:1px solid var(--line);border-radius:5px;background:#fff}.pager button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.ring{width:142px;height:142px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--green) 0 33%,var(--lime) 33% 77%,var(--orange) 77%)}.ring:after{content:"";position:absolute;width:104px;height:104px;background:#fff;border-radius:50%}.ring>div{position:relative;z-index:1;text-align:center}.ring strong{font-size:27px;display:block}.legend{display:flex;flex-direction:column;gap:12px;font-size:12px}.legend-row{display:flex;align-items:flex-start;gap:8px}.dot{width:8px;height:8px;border-radius:50%;margin-top:3px;flex:0 0 auto}.chart{width:100%;height:210px}.chart .gridline{stroke:#e8edf1;stroke-width:1}.chart polyline{fill:none;stroke-width:2}.chart text{font-size:12px;fill:#4d5b70}.section-note{font-size:12px;line-height:1.55}.footer-note{margin-top:10px;background:#f7f9fb;border-radius:6px;padding:10px 13px;font-size:12px;color:#56647a;display:flex;justify-content:space-between;gap:20px}.footer-note a{color:#075dcc;text-decoration:none}.scorebar{display:flex;align-items:center;gap:10px}.scorebar .progress{width:120px}.trend-mini{width:70px;height:22px}.trend-mini polyline{fill:none;stroke-width:1.5}.tabs{display:flex;border-bottom:1px solid var(--line);gap:4px;margin-bottom:14px}.tabs button{border:0;background:none;padding:10px 14px 11px;cursor:pointer}.tabs button.active{color:#075bd0;border-bottom:2px solid #075bd0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:12px;color:#34445e;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;padding:10px}.field textarea{min-height:72px;resize:vertical}.settings-section{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:start}.round-icon{width:54px;height:54px;border-radius:50%;background:#edf3ff;display:grid;place-items:center;color:#075bd0;font-size:25px}.settings-card{padding:18px 20px}.settings-card h2{font-size:16px;margin:0 0 4px}.settings-card p{font-size:12px;color:#45546c;margin:0 0 18px}.settings-stack{display:grid;gap:14px}.settings-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f3;padding-top:14px;gap:18px}.settings-line:first-child{border-top:0;padding-top:0}.toggle{width:31px;height:18px;border-radius:10px;background:#cfd7e2;position:relative;cursor:pointer}.toggle:after{content:"";width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;left:2px;top:2px}.toggle.on{background:#49b844}.toggle.on:after{left:15px} /* overview */ .overview-kpis{grid-template-columns:1.08fr 1fr 1fr .96fr .96fr}.overview-main{grid-template-columns:1.35fr .78fr 1.25fr}.overview-main .category-card{grid-row:span 1}.cat-list{display:grid;gap:8px}.cat-row{display:grid;grid-template-columns:22px 135px 1fr 38px;align-items:center;gap:8px;font-size:12px}.cat-ico{width:17px;height:17px;border-radius:3px;background:#4ab342;color:#fff;display:grid;place-items:center}.score-ranges{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rangebox{text-align:center;border:1px solid #dfe6ee;border-radius:6px;padding:13px 6px}.rangebox strong{display:block;font-size:15px}.overview-bottom{grid-template-columns:1fr 1fr}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:20px;padding:18px 0}.overall-ring{width:110px;height:110px;background:conic-gradient(var(--green) 0 30%,var(--amber) 30% 61%,#d9dee4 61%)}.overall-ring:after{width:83px;height:83px}.overview-table td,.overview-table th{padding:5px 6px} /* risk */ .risk-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.risk-layout{display:grid;grid-template-columns:290px 1fr 1.25fr;grid-template-rows:auto auto;gap:10px}.risk-profile{grid-column:1;grid-row:1}.volatility{grid-column:2;grid-row:1}.risk-signals{grid-column:3;grid-row:1 / span 2}.drawdown{grid-column:1 / span 2;grid-row:2}.radar{height:250px}.vol-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-stat{border:1px solid #e3e8ee;border-radius:6px;padding:10px}.risk-bottom{grid-template-columns:1.1fr .9fr 1.2fr;margin-top:10px}.summary-cells{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.summary-cells>div{text-align:center;border:1px solid #e3e8ee;border-radius:6px;padding:10px 4px}.summary-cells strong{display:block;font-size:20px;margin:7px 0} /* all signals */ .signals-header{display:grid;grid-template-columns:minmax(330px,1fr) auto;gap:15px;border-bottom:1px solid var(--line);margin:-18px -22px 16px;padding:20px 22px 14px}.signals-metrics{display:flex}.signal-hm{border-left:1px solid var(--line);padding:2px 20px;min-width:135px}.signal-hm span{display:block;font-size:12px;color:#38475e}.signal-hm strong{display:block;font-size:25px;margin:7px 0}.signal-hm b{font-size:12px;font-weight:500}.signals-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.strength-track{width:122px;height:7px;border-radius:5px;background:#eef1f4;overflow:hidden}.strength-track i{display:block;height:100%;border-radius:5px;background:var(--green)} /* category */ .category-history{grid-template-columns:.68fr 1.45fr 1.1fr}.category-table-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.category-kpis{grid-template-columns:repeat(6,1fr)} /* analyst */ .analyst-kpis{grid-template-columns:repeat(6,1fr)}.analyst-mid{grid-template-columns:.9fr 1.25fr 1.48fr}.analyst-low{grid-template-columns:1.25fr .95fr 1.25fr}.analyst-bottom{grid-template-columns:1.1fr 1fr 1.45fr}.consensus{display:flex;align-items:center;gap:28px}.ownership-wrap{display:flex;gap:20px;align-items:center}.holder-table td,.holder-table th,.insider-table td,.insider-table th{padding:5px 5px;font-size:12px} /* news */ .news-kpis{grid-template-columns:1fr 1fr .9fr 1.2fr 1.05fr}.news-main{grid-template-columns:1.55fr 1fr}.top-story{display:grid;grid-template-columns:1.12fr 1.18fr;gap:16px}.hero-img{height:190px;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#d7e2e8,#7ba5bd);position:relative}.hero-img:before{content:"Smith+Nephew";position:absolute;left:35px;top:60px;color:#f57a00;font-size:28px;font-weight:800;transform:skew(-7deg)}.hero-img:after{content:"";position:absolute;inset:auto 0 0;height:75px;background:linear-gradient(0deg,#72889a,transparent)}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.story-card .thumb{height:62px;border-radius:5px;background:linear-gradient(135deg,#4f89a9,#e2edf3)}.story-card:nth-child(2) .thumb{background:linear-gradient(135deg,#dfe3e5,#f7f8fa)}.story-card:nth-child(3) .thumb{background:linear-gradient(135deg,#ca9c55,#61a753)}.story-card:nth-child(4) .thumb{background:linear-gradient(135deg,#eef1f2,#1e72b2)}.story-card h4{font-size:12px;line-height:1.45;margin:6px 0}.news-side{display:grid;gap:10px}.source-wrap{display:flex;align-items:center;gap:26px}.news-bottom{grid-template-columns:1.55fr 1fr;margin-top:10px}.driver-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.driver-cols>div+div{border-left:1px solid var(--line);padding-left:20px}.driver-cols p{font-size:12px;border-bottom:1px solid #edf0f2;padding-bottom:6px} /* tracked */ .tracked-kpis{grid-template-columns:repeat(5,1fr)}.company-cell{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;border-radius:7px;display:grid;place-items:center;background:#0b63df;color:#fff;font-weight:800}.logo.apple{background:#eef2f5;color:#08172f;font-size:22px}.logo.ms{background:conic-gradient(#f25022 0 25%,#7fba00 25% 50%,#00a4ef 50% 75%,#ffb900 75%);border-radius:0}.logo.asml{background:#071c8e}.logo.azn{background:#75117d;color:#ffe000}.logo.shell{background:#ffd000;color:#e42117}.logo.rio{background:#ef1717}.logo.nvda{background:#76b900}.company-cell small,.twoline small{display:block;color:#53627b;margin-top:5px}.company-name strong{font-size:12px}.tracked-table td{height:64px}.star{color:#ffc000;font-size:18px} /* profile/settings */ .profile-page{max-width:980px}.profile-title{margin-bottom:28px}.profile-grid{display:grid;gap:16px}.profile-card{padding:20px}.profile-card .settings-section{align-items:start}.profile-card .section-content{min-width:0}.profile-card .head-row{display:flex;justify-content:space-between;align-items:center}.profile-card .head-row h2{font-size:16px;margin:0}.profile-form{margin-top:14px}.appearance-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:15px}.appearance-choices button{height:54px;border:1px solid var(--line);background:#fff;border-radius:6px}.appearance-choices button.active{border-color:#075bd0;box-shadow:inset 0 0 0 1px #075bd0}.settings-page .tabs{margin-top:10px}.settings-top{grid-template-columns:1fr 1.5fr}.settings-lower{grid-template-columns:1fr 1fr 1fr;margin-top:10px}.profile-info{display:grid;grid-template-columns:145px 1fr;gap:18px;align-items:center}.large-avatar{display:grid;width:112px;height:112px;min-width:112px;min-height:112px;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#5a29cc,#3e20a4);color:#fff;font-size:36px;font-weight:700;line-height:1;aspect-ratio:1}.preference-row{display:grid;grid-template-columns:32px 1fr 210px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f3}.preference-row:last-child{border-bottom:0}.preference-row b{display:block;font-size:12px}.preference-row small{color:#53627a}.data-privacy{grid-column:1 / -1;margin-top:10px} /* alerts */ .alerts-layout{display:grid;grid-template-columns:430px 1fr;gap:28px}.alert-list{border:1px solid var(--line);border-radius:7px;overflow:hidden}.alert-item{display:grid;grid-template-columns:46px 1fr auto auto;gap:12px;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.alert-item:last-child{border-bottom:0}.alert-icon{width:42px;height:42px;border-radius:6px;display:grid;place-items:center;color:#fff;font-size:23px;background:linear-gradient(135deg,#54be4a,#329935)}.alert-item:nth-child(2) .alert-icon{background:linear-gradient(135deg,#72a4ff,#2b61da)}.alert-item:nth-child(3) .alert-icon{background:linear-gradient(135deg,#8a55dc,#592db9)}.alert-item:nth-child(4) .alert-icon{background:linear-gradient(135deg,#ff9a24,#f04c00)}.alert-builder{padding:0}.builder-head{padding:16px 20px;border-bottom:1px solid var(--line);font-size:16px;font-weight:600}.step{padding:20px;border-bottom:1px solid var(--line)}.step-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step-no{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#085dc7;color:#fff;font-size:12px}.conditions{display:grid;grid-template-columns:160px 175px 1fr;gap:10px;align-items:center}.builder-body{display:grid;grid-template-columns:1fr 205px}.summary-panel{border-left:1px solid var(--line);background:#fbfcfe;padding:18px}.builder-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px} @media(max-width:1350px){.kpis,.kpis.six,.overview-kpis,.risk-kpis,.analyst-kpis,.category-kpis,.news-kpis,.tracked-kpis{grid-template-columns:repeat(3,1fr)}.overview-main{grid-template-columns:1fr 1fr}.overview-main>.card:nth-child(3){grid-column:1/-1}.risk-layout{grid-template-columns:280px 1fr}.risk-signals{grid-column:1/-1;grid-row:3}.drawdown{grid-column:1/-1}.analyst-mid,.analyst-low,.analyst-bottom,.news-main,.news-bottom{grid-template-columns:1fr 1fr}.settings-top{grid-template-columns:1fr}.settings-lower{grid-template-columns:1fr 1fr}.alerts-layout{grid-template-columns:370px 1fr}} @media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.22s;width:220px}.sidebar.open{transform:none}.main{margin-left:0;padding:14px}.mobile-menu{display:inline-flex}.page-head{flex-wrap:wrap}.head-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.kpis,.kpis.six,.overview-kpis,.risk-kpis,.analyst-kpis,.category-kpis,.news-kpis,.tracked-kpis{grid-template-columns:repeat(2,1fr)}.overview-main,.overview-bottom,.risk-layout,.risk-bottom,.category-history,.analyst-mid,.analyst-low,.analyst-bottom,.news-main,.news-bottom,.settings-lower,.alerts-layout{grid-template-columns:1fr}.risk-profile,.volatility,.risk-signals,.drawdown{grid-column:auto;grid-row:auto}.signals-header{grid-template-columns:1fr;margin:-14px -14px 14px;padding:16px}.signals-metrics{overflow:auto}.signal-hm{min-width:145px}.story-grid{grid-template-columns:1fr 1fr}.top-story{grid-template-columns:1fr}.builder-body{grid-template-columns:1fr}.summary-panel{border-left:0;border-top:1px solid var(--line)}.profile-page{max-width:none}} @media(max-width:560px){body{font-size:13px}.main{padding:10px}.page-title h1{font-size:23px}.kpis,.kpis.six,.overview-kpis,.risk-kpis,.analyst-kpis,.category-kpis,.news-kpis,.tracked-kpis{grid-template-columns:1fr}.form-row,.conditions{grid-template-columns:1fr}.score-ranges,.summary-cells,.vol-boxes{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr}.appearance-choices{grid-template-columns:1fr;gap:8px}.profile-info{grid-template-columns:1fr}.preference-row{grid-template-columns:30px 1fr}.preference-row select{grid-column:2}.alert-item{grid-template-columns:42px 1fr auto}.alert-item .more{display:none}.signals-toolbar>*{flex:1;min-width:100%}.source-wrap{flex-direction:column;align-items:flex-start}} /* Shared KPI rhythm fixes ------------------------------------------------- Keep mixed-content KPI rows compact. A KPI containing a sparkline should not force every sibling card to inherit a large empty lower area. */ .kpis .card > p, .risk-kpis .card > p, .category-kpis .card > p, .news-kpis .card > p, .tracked-kpis .card > p, .analyst-kpis .card > p, .overview-kpis .card > p { margin: 8px 0 0; } /* Global alert headline bar */ .klarodex-alert-headline{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto auto auto;gap:9px;align-items:center;margin:0 0 14px;padding:10px 12px;border:1px solid #9fc7f5;border-left:4px solid #0b67e8;border-radius:9px;background:#f3f8ff}.klarodex-alert-headline.warning{border-color:#f1c77e;border-left-color:#e68a00;background:#fff9ed}.klarodex-alert-headline.positive{border-color:#93d8b1;border-left-color:#13a25c;background:#effcf4}.klarodex-alert-headline.critical{border-color:#f0a3a3;border-left-color:#dd3030;background:#fff1f1}.klarodex-alert-symbol{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0b67e8;color:#fff;font-weight:800}.klarodex-alert-copy{display:grid;gap:2px;min-width:0;border:0;background:none;text-align:left;cursor:pointer}.klarodex-alert-copy b,.klarodex-alert-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klarodex-alert-copy small{color:var(--muted)}.klarodex-alert-count{font-size:12px;font-weight:700;color:var(--muted)}@media(max-width:850px){.klarodex-alert-headline{grid-template-columns:34px minmax(0,1fr) auto}.klarodex-alert-headline>.btn,.klarodex-alert-count{display:none}} .risk-kpis .card { padding-top: 13px; padding-bottom: 13px; } .risk-kpis .card h3 { margin-bottom: 10px; } .risk-kpis .spark { height: 34px; margin: -1px 0 2px; } .risk-kpis .card > .spark + b { display: block; margin-top: 2px; } /* Keep the next dashboard row visually attached to the KPI row. */ .risk-layout { margin-top: 0; align-items: stretch; } /* Compact card headings in dense dashboard grids without changing the spacing used by standalone/settings cards. */ .risk-layout > .card > h3, .risk-signals > div:first-child > h3 { margin-bottom: 8px; } .risk-signals > div:first-child { padding-top: 13px !important; padding-bottom: 8px !important; } /* Section-to-section rhythm ------------------------------------------------ Grid gap only spaces items *inside* a grid. These dashboard rows are separate section elements, so give adjacent major rows their own gutter. */ .overview-kpis + .overview-main, .risk-kpis + .risk-layout, .category-kpis + .category-history, .analyst-kpis + .analyst-mid, .news-kpis + .news-main { margin-top: 10px; } /* Analyst page: keep the KPI-to-analysis gutter visible at all widths. */ .analyst-mid { align-items: stretch; } /* Override the earlier risk compacting rule: compact cards, but retain the same 10px inter-section gutter used throughout the dashboard. */ .risk-layout { margin-top: 10px; } /* Category browser landing ------------------------------------------------ */ .categories-page{padding:24px 34px 28px;max-width:none}.categories-head{margin-bottom:24px}.categories-head .page-title h1{font-size:30px}.categories-head .page-title p{font-size:15px;line-height:1.55}.category-search-wrap{width:655px;max-width:100%;position:relative;margin:0 0 30px}.category-search-wrap .search-icon{position:absolute;left:17px;top:50%;transform:translateY(-50%);font-size:22px;color:#0f2141;pointer-events:none}.category-search{width:100%;height:45px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 16px 0 48px;font:inherit;font-size:15px;color:var(--ink);outline:none}.category-search:focus{border-color:#7ca9ed;box-shadow:0 0 0 3px rgba(10,95,212,.08)}.category-browser{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.category-browser-card{min-height:164px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px;display:grid;grid-template-columns:66px minmax(0,1fr);gap:15px;color:var(--ink);text-decoration:none;transition:.16s ease;box-shadow:0 1px 2px rgba(13,34,65,.02)}.category-browser-card:hover{transform:translateY(-1px);border-color:#b9c8dc;box-shadow:0 8px 20px rgba(20,48,84,.07)}.category-browser-card[hidden]{display:none}.category-browser-icon{width:62px;height:62px;border-radius:11px;display:grid;place-items:center;border:1px solid currentColor;background:color-mix(in srgb,currentColor 5%,white);font-size:35px;line-height:1;font-weight:500}.category-browser-copy{display:flex;flex-direction:column;min-width:0;padding-top:2px}.category-browser-copy h2{font-size:17px;margin:0 0 8px;font-weight:700}.category-browser-copy p{font-size:13px;line-height:1.55;margin:0;color:#14213c}.category-browser-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:13px}.category-browser-foot b{font-size:31px;font-weight:300;line-height:.8;color:currentColor}.category-browser-card.c-green{color:#18ad2b}.category-browser-card.c-amber{color:#f5aa00}.category-browser-card.c-purple{color:#8a60ec}.category-browser-card.c-teal{color:#10a7aa}.category-browser-card.c-blue{color:#1f70e7}.category-browser-card.c-orange{color:#ff6500}.category-browser-card.c-red{color:#ff3131}.category-browser-card.c-pink{color:#ec1970}.category-browser-card .category-browser-copy,.category-browser-card .category-browser-copy h2,.category-browser-card .category-browser-copy p,.category-browser-card .category-browser-foot span{color:var(--ink)}.category-browser-card .category-browser-foot b{color:inherit}.category-did-you-know{min-height:80px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:12px 20px;background:#fff}.category-did-you-know .did-icon{width:29px;height:29px;border:2px solid #0962e5;border-radius:50%;display:grid;place-items:center;color:#0962e5;font-weight:700}.category-did-you-know h3{margin:0 0 5px;font-size:16px}.category-did-you-know p{margin:0;color:#42506b;font-size:13px}.category-did-you-know a{color:#075ed4;text-decoration:none;font-weight:600;font-size:13px}.category-profile{position:static;margin:16px 14px 18px;text-decoration:none;color:#fff}.category-about{margin-top:auto}.desktop-only{display:block} @media(max-width:1350px){.category-browser{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1050px){.category-browser{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){.categories-page{padding:14px}.category-search-wrap{margin-bottom:18px}.category-browser{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-about{display:none}.category-profile{margin-top:auto}} @media(max-width:620px){.category-browser{grid-template-columns:1fr}.category-browser-card{min-height:145px}.category-did-you-know{grid-template-columns:36px 1fr}.category-did-you-know a{grid-column:2}.desktop-only{display:none}} /* By Category -- design-faithful rebuild ---------------------------------- */ .categories-design-v2{padding:23px 31px 24px;background:#fff;min-height:100vh}.categories-topbar{display:flex;align-items:flex-start;gap:18px;margin-bottom:27px}.categories-intro{flex:1;min-width:0}.categories-intro h1{font-size:29px;line-height:1.15;letter-spacing:-.55px;margin:0 0 10px;font-weight:700;color:#07152f}.categories-intro p{margin:0;font-size:15px;line-height:1.48;color:#1e2d49}.documentation-btn{height:45px;display:inline-flex;align-items:center;gap:10px;padding:0 18px;border:1px solid #d6dee9;border-radius:7px;background:#fff;color:#0a1730;font:600 12px/1 Inter,sans-serif;white-space:nowrap}.documentation-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.category-search-v2{width:655px;max-width:100%;height:44px;display:flex;align-items:center;gap:13px;border:1px solid #d5dde9;border-radius:7px;background:#fff;padding:0 15px;margin:0 0 31px}.category-search-v2 svg{width:18px;height:18px;fill:none;stroke:#20304d;stroke-width:1.8;stroke-linecap:round}.category-search-v2 input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#10213f;font:400 12px/1 Inter,sans-serif}.category-search-v2 input::placeholder{color:#52617b}.category-grid-v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.category-tile-v2{height:164px;box-sizing:border-box;display:grid;grid-template-columns:66px minmax(0,1fr);column-gap:16px;padding:16px;border:1px solid #dce3ec;border-radius:11px;background:#fff;text-decoration:none;color:#09162f;transition:border-color .15s,box-shadow .15s,transform .15s}.category-tile-v2:hover{border-color:#b9c7da;box-shadow:0 4px 13px rgba(18,40,72,.06);transform:translateY(-1px)}.category-tile-v2[hidden]{display:none}.category-icon-v2{width:62px;height:62px;display:grid;place-items:center;border:1px solid currentColor;border-radius:11px;background:rgba(255,255,255,.7)}.category-icon-v2 svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.category-content-v2{display:flex;flex-direction:column;min-width:0;padding-top:5px}.category-content-v2>strong{font-size:16px;line-height:1.2;font-weight:700;color:#0a1730;margin-bottom:9px}.category-desc-v2{font-size:13px;line-height:1.58;color:#14233f}.category-meta-v2{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:13px;line-height:1;color:#0d1b34}.category-meta-v2 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tone-green{color:#16b52e}.tone-green .category-icon-v2{background:#f3fff4;border-color:#9de4a9}.tone-amber{color:#f5aa00}.tone-amber .category-icon-v2{background:#fffbf1;border-color:#f9d47b}.tone-purple{color:#8858ee}.tone-purple .category-icon-v2{background:#faf7ff;border-color:#d3c3ff}.tone-teal{color:#08a7aa}.tone-teal .category-icon-v2{background:#f1fdfd;border-color:#91dfe1}.tone-blue{color:#176be4}.tone-blue .category-icon-v2{background:#f3f7ff;border-color:#a8c9fb}.tone-orange{color:#ff6500}.tone-orange .category-icon-v2{background:#fff7f1;border-color:#ffc49d}.tone-red{color:#ff3039}.tone-red .category-icon-v2{background:#fff6f6;border-color:#ffb8bd}.tone-pink{color:#ed176f}.tone-pink .category-icon-v2{background:#fff5fa;border-color:#ffb7d4}.category-info-v2{min-height:80px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:12px 19px;border:1px solid #d9e1eb;border-radius:9px;background:#fff}.info-circle-v2{width:28px;height:28px;display:grid;place-items:center;border:2px solid #0968eb;border-radius:50%;color:#0968eb;font-size:16px;font-weight:600;font-family:Georgia,serif}.category-info-v2 strong{display:block;font-size:16px;line-height:1.2;margin-bottom:6px;color:#09162e}.category-info-v2 p{margin:0;font-size:13px;color:#41516d}.category-info-v2 a{display:flex;align-items:center;gap:12px;color:#075ed3;text-decoration:none;font-size:13px;font-weight:600;padding-right:8px}.category-info-v2 a span{font-size:21px;font-weight:400}.categories-design-v2 .mobile-menu{display:none}.categories-design-v2 .desktop-only{display:block} @media(max-width:1280px){.category-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:980px){.categories-design-v2{padding:16px}.categories-design-v2 .mobile-menu{display:inline-flex}.categories-topbar{flex-wrap:wrap}.documentation-btn{margin-left:auto}.category-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.category-search-v2{margin-bottom:20px}} @media(max-width:620px){.categories-intro h1{font-size:25px}.categories-topbar{gap:10px;margin-bottom:20px}.documentation-btn{width:100%;justify-content:center}.category-grid-v2{grid-template-columns:1fr;gap:10px}.category-tile-v2{height:150px}.category-info-v2{grid-template-columns:36px 1fr}.category-info-v2 a{grid-column:2}.categories-design-v2 .desktop-only{display:none}} /* Klarodex login --------------------------------------------------------- */ .login-body{margin:0;background:#fff;color:#07152f;overflow-x:hidden}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(520px,.98fr);background:#fff}.login-marketing{position:relative;min-height:100vh;padding:54px 60px 48px;background:linear-gradient(135deg,#fbfdff 0%,#f8fbff 52%,#f4f9ff 100%);overflow:hidden;border-right:1px solid #e9eef5}.login-brand-wrap{position:relative;z-index:3;width:max-content;max-width:100%}.klarodex-logo{display:flex;align-items:center;text-decoration:none;color:#071a3e;width:max-content;max-width:100%}.klarodex-word{font-size:59px;line-height:1;font-weight:650;letter-spacing:10px}.klarodex-word-left{letter-spacing:12px}.klarodex-o{width:54px;height:54px;margin:0 7px 0 -3px;border-radius:50%;background:conic-gradient(from -16deg,#20c581 0 18%,#0c8fb0 18% 29%,#0f66a8 29% 35%,#071a3e 35% 91%,#fff 91% 93%,#071a3e 93% 100%);position:relative;flex:0 0 auto}.klarodex-o:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#f9fcff}.klarodex-tagline{display:flex;align-items:center;gap:13px;margin:17px 0 0 4px;color:#081a3e;font-size:12px;font-weight:700;letter-spacing:3px;white-space:nowrap}.klarodex-tagline i{width:30px;height:1px;background:#16b872;display:block;flex:0 0 auto}.klarodex-tagline b{color:#0aab6f}.login-hero-copy{position:relative;z-index:3;margin-top:67px;width:470px;max-width:65%}.login-hero-copy h1{font-size:46px;line-height:1.16;letter-spacing:-1.3px;margin:0;font-weight:750;color:#081733}.login-hero-copy h1 span{color:#18b66f}.login-accent-line{width:64px;height:3px;background:#18b66f;margin:24px 0 22px}.login-hero-copy p{font-size:18px;line-height:1.6;margin:0;color:#10213c}.login-hero-copy p strong{font-weight:500;color:#0ba869}.login-market-visual{position:absolute;z-index:1;right:-6px;top:130px;width:67%;height:auto;opacity:.93;pointer-events:none}.login-feature-grid{position:absolute;left:54px;right:46px;bottom:190px;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);border-top:0}.login-feature{min-height:124px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;border-right:1px solid #cad5e4;padding:0 12px}.login-feature:last-child{border-right:0}.login-feature-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:31px;background:#fff;margin-bottom:11px;border:1.5px solid}.feature-green{color:#11ac65;border-color:#11ac65}.feature-blue{color:#106ef2;border-color:#106ef2}.feature-purple{color:#7039e8;border-color:#7039e8}.feature-amber{color:#f2a000;border-color:#f2a000}.login-feature strong{font-size:19px;line-height:1.1}.login-feature small{font-size:14px;margin-top:6px}.login-disclaimer{position:absolute;z-index:5;left:56px;right:56px;bottom:48px;min-height:118px;padding:21px 24px;display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:center;border:1px solid #e1e8f0;border-radius:10px;background:rgba(255,255,255,.9);box-shadow:0 5px 22px rgba(21,44,80,.04)}.login-shield{width:48px;height:54px;display:grid;place-items:center;color:#0fb56d;font-size:24px;font-weight:700;border:4px solid #0fb56d;border-radius:10px 10px 18px 18px}.login-disclaimer strong{font-size:15px}.login-disclaimer p{margin:7px 0 0;font-size:13px;line-height:1.55;color:#21314b}.login-access{min-height:100vh;padding:35px 55px 31px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.login-card{width:min(660px,100%);background:#fff;border:1px solid #e8edf3;border-radius:16px;box-shadow:0 11px 30px rgba(24,45,72,.07);padding:47px 48px 38px}.login-card-head{text-align:center;margin-bottom:44px}.login-card-head h2{font-size:40px;line-height:1.08;letter-spacing:-1.2px;margin:0 0 13px}.login-card-head p{font-size:18px;color:#31476f;margin:0}.login-form{display:grid;gap:27px}.login-field{display:grid;gap:9px;font-size:15px;font-weight:600}.login-input-wrap{height:62px;border:1px solid #cdd8e8;border-radius:7px;display:flex;align-items:center;padding:0 18px;gap:15px;background:#fff;transition:border-color .15s,box-shadow .15s}.login-input-wrap:focus-within{border-color:#73a8f7;box-shadow:0 0 0 3px rgba(12,102,232,.08)}.login-input-wrap i{font-style:normal;font-size:20px;color:#405a89;line-height:1}.login-input-wrap input{height:100%;min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:16px;color:#10213e}.login-input-wrap input::placeholder{color:#6e7e9d}.login-show{border:0;background:none;color:#003dff;font-weight:500;cursor:pointer;padding:6px}.login-options{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-top:-2px}.remember{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400}.remember input{width:20px;height:20px;accent-color:#0868e9}.login-options a,.login-signup a{color:#003fff;text-decoration:none}.login-submit{height:61px;border:0;border-radius:7px;background:linear-gradient(90deg,#0a55ea,#063df0);color:#fff;font-size:20px;font-weight:600;cursor:pointer;box-shadow:0 4px 8px rgba(9,84,235,.12)}.login-submit:hover{filter:brightness(.97)}.login-divider{display:flex;align-items:center;gap:18px;color:#405275;margin:-1px 0}.login-divider:before,.login-divider:after{content:"";height:1px;background:#d8e0ea;flex:1}.login-divider span{font-size:14px;white-space:nowrap}.google-login{height:61px;border:1px solid #cbd7e5;border-radius:7px;background:#fff;color:#0e1c37;font-size:17px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px}.google-g{font-size:24px;font-weight:800;color:#4285f4}.login-signup{text-align:center;font-size:16px;color:#445878;margin:2px 0 0}.login-status{min-height:18px;text-align:center;margin:-11px 0 0;color:#0c6e39;font-size:12px}.login-benefits{width:min(690px,100%);display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px}.login-benefits>div{display:flex;gap:11px;padding:0 17px;border-right:1px solid #d8e0ea}.login-benefits>div:first-child{padding-left:0}.login-benefits>div:last-child{border-right:0;padding-right:0}.benefit-icon{width:28px;height:33px;flex:0 0 auto;display:grid;place-items:center;font-size:18px;font-weight:700}.benefit-green{color:#08ad66}.benefit-purple{color:#6139f4}.benefit-blue{color:#075af2}.login-benefits p{margin:1px 0 0}.login-benefits strong{display:block;font-size:13px;margin-bottom:6px}.login-benefits small{display:block;color:#354b73;font-size:12px;line-height:1.5}.login-body .sidebar,.login-body .main{display:none} @media(max-width:1250px){.login-shell{grid-template-columns:1fr 1fr}.login-marketing{padding:42px 38px}.klarodex-word{font-size:48px;letter-spacing:8px}.klarodex-word-left{letter-spacing:9px}.klarodex-o{width:45px;height:45px}.klarodex-o:after{inset:10px}.klarodex-tagline{font-size:12px;letter-spacing:2.2px;gap:9px}.klarodex-tagline i{width:21px}.login-hero-copy{margin-top:54px;width:390px;max-width:66%}.login-hero-copy h1{font-size:39px}.login-hero-copy p{font-size:16px}.login-feature-grid{left:34px;right:34px;bottom:178px}.login-disclaimer{left:38px;right:38px;bottom:34px}.login-access{padding:30px}.login-card{padding:40px 36px 34px}.login-benefits{margin-top:22px}} @media(max-width:980px){.login-shell{display:block}.login-marketing{min-height:760px;padding:34px 28px}.login-market-visual{top:135px;width:69%}.login-hero-copy{max-width:58%;margin-top:45px}.login-feature-grid{bottom:180px}.login-disclaimer{bottom:28px}.login-access{min-height:auto;padding:48px 24px}.login-card{width:min(680px,100%)}.login-benefits{width:min(680px,100%)}} @media(max-width:680px){.login-marketing{min-height:900px;padding:28px 20px}.klarodex-word{font-size:35px;letter-spacing:5px}.klarodex-word-left{letter-spacing:6px}.klarodex-o{width:34px;height:34px;margin:0 4px 0 0}.klarodex-o:after{inset:8px}.klarodex-tagline{white-space:normal;line-height:1.5;letter-spacing:1.6px;font-size:12px}.klarodex-tagline i{display:none}.login-market-visual{top:160px;right:-100px;width:120%;opacity:.55}.login-hero-copy{width:100%;max-width:100%;margin-top:58px}.login-hero-copy h1{font-size:37px}.login-hero-copy p{font-size:16px}.login-feature-grid{position:absolute;left:16px;right:16px;bottom:220px;grid-template-columns:repeat(2,1fr);gap:12px}.login-feature{min-height:94px;border:1px solid #dce5ef!important;border-radius:8px;background:rgba(255,255,255,.78);justify-content:center}.login-feature-icon{width:42px;height:42px;font-size:23px;margin-bottom:7px}.login-feature strong{font-size:15px}.login-feature small{font-size:12px}.login-disclaimer{left:20px;right:20px;bottom:24px;grid-template-columns:40px 1fr;padding:15px}.login-shield{width:36px;height:40px;font-size:17px;border-width:3px}.login-access{padding:34px 16px}.login-card{padding:32px 20px 28px}.login-card-head{margin-bottom:34px}.login-card-head h2{font-size:32px}.login-card-head p{font-size:16px}.login-input-wrap{height:56px}.login-options{font-size:12px}.login-benefits{grid-template-columns:1fr;gap:15px}.login-benefits>div{border-right:0;border-bottom:1px solid #d8e0ea;padding:0 0 14px}.login-benefits>div:last-child{border-bottom:0}.login-signup{font-size:14px}} /* Mobile sign-in leads with the task the visitor came to complete. */ @media(max-width:680px){ .login-shell{display:flex;flex-direction:column;min-height:100vh} .login-access{order:1;min-height:100svh;justify-content:flex-start;padding:18px 12px 24px} .mobile-login-brand{display:flex!important;align-items:center;align-self:flex-start;margin:0 0 16px 6px;color:#071a3e;text-decoration:none} .mobile-login-brand .sidebar-logo-word{font-size:22px;letter-spacing:3px} .mobile-login-brand .sidebar-logo-o{width:22px;height:22px;margin:0 3px;background:conic-gradient(from -16deg,#20c581 0 18%,#0c8fb0 18% 29%,#0f66a8 29% 35%,#071a3e 35% 91%,#fff 91% 93%,#071a3e 93% 100%)} .mobile-login-brand .sidebar-logo-o:after{inset:5px;background:#fff} .login-card{padding:24px 18px 22px;border-radius:12px} .login-card-head{margin-bottom:24px} .login-card-head h2{font-size:29px} .login-form{gap:19px} .login-input-wrap{height:52px} .login-submit,.google-login{height:53px} .login-benefits{margin-top:20px;gap:10px} .login-marketing{order:2;min-height:680px} } /* Klarodex register ------------------------------------------------------ */ .register-body{margin:0;background:#fff;color:#07152f;overflow-x:hidden}.register-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(560px,.98fr);background:#fff}.register-marketing{position:relative;min-height:100vh;padding:48px 46px 40px;background:linear-gradient(135deg,#fbfdff 0%,#f9fbff 52%,#f4f9ff 100%);overflow:hidden;border-right:1px solid #e9eef5}.register-marketing .login-brand-wrap{transform-origin:left top}.register-market-visual{position:absolute;z-index:1;right:-8px;top:125px;width:72%;height:auto;opacity:.7;pointer-events:none}.register-copy{position:relative;z-index:3;margin-top:62px;width:430px;max-width:58%}.register-copy h1{font-size:43px;line-height:1.17;letter-spacing:-1.2px;margin:0;font-weight:750;color:#081733}.register-copy h1 span{color:#18b66f}.register-copy p{font-size:16px;line-height:1.62;margin:0;color:#10213c}.register-copy p strong{font-weight:500;color:#0ba869}.register-feature-grid{position:absolute;left:46px;right:40px;bottom:205px;z-index:4;display:grid;grid-template-columns:repeat(4,1fr)}.register-feature{min-height:12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;border-right:1px solid #cad5e4;padding:0 10px}.register-feature:last-child{border-right:0}.register-feature .login-feature-icon{width:54px;height:54px;font-size:28px}.register-feature strong{font-size:18px;line-height:1.1}.register-feature small{font-size:13px;margin-top:5px}.register-disclaimer{position:absolute;z-index:5;left:42px;right:42px;bottom:72px;min-height:102px;padding:18px 21px;display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;border:1px solid #e1e8f0;border-radius:10px;background:rgba(255,255,255,.92);box-shadow:0 5px 22px rgba(21,44,80,.04)}.register-disclaimer .login-shield{width:43px;height:48px;font-size:20px}.register-disclaimer strong{font-size:14px}.register-disclaimer p{margin:6px 0 0;font-size:12px;line-height:1.5;color:#21314b}.register-access{min-height:100vh;padding:24px 38px;display:flex;align-items:center;justify-content:center;background:#fff}.register-card{width:min(710px,100%);background:#fff;border:1px solid #e8edf3;border-radius:16px;box-shadow:0 11px 30px rgba(24,45,72,.07);padding:34px 36px 28px}.register-card-head{text-align:center;margin-bottom:24px}.register-card-head h2{font-size:34px;line-height:1.08;letter-spacing:-1px;margin:0 0 10px}.register-card-head p{font-size:15px;color:#31476f;margin:0}.register-form{display:grid;gap:16px}.register-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.register-three{display:grid;grid-template-columns:1fr 1fr 1.08fr;gap:14px}.register-field{display:grid;gap:7px;font-size:12px;font-weight:600}.register-input-wrap{height:47px;border:1px solid #cdd8e8;border-radius:7px;display:flex;align-items:center;padding:0 13px;gap:11px;background:#fff}.register-input-wrap:focus-within{border-color:#73a8f7;box-shadow:0 0 0 3px rgba(12,102,232,.08)}.register-input-wrap i{font-style:normal;color:#405a89;font-size:17px}.register-input-wrap input,.register-input-wrap select{height:100%;min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:13px}.register-input-wrap select{cursor:pointer}.register-help{font-size:12px;color:#536685;margin-top:-4px}.register-section-title{font-size:18px;font-weight:700;margin:3px 0 1px}.register-check{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#253650}.register-check input{margin-top:2px;accent-color:#0868e9}.register-check a,.register-signin a{color:#0044ff;text-decoration:none}.register-submit{height:47px;border:0;border-radius:6px;background:linear-gradient(90deg,#0a55ea,#063df0);color:#fff;font-size:16px;font-weight:600;cursor:pointer}.register-divider{display:flex;align-items:center;gap:14px;color:#405275}.register-divider:before,.register-divider:after{content:"";height:1px;background:#d8e0ea;flex:1}.register-divider span{font-size:12px;white-space:nowrap}.register-google{height:47px;border:1px solid #cbd7e5;border-radius:7px;background:#fff;color:#0e1c37;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.register-signin{text-align:center;font-size:13px;color:#445878;margin:0}.register-status{min-height:16px;text-align:center;font-size:12px;color:#0c6e39;margin:0}.register-body .sidebar,.register-body .main{display:none} @media(max-width:1250px){.register-shell{grid-template-columns:1fr 1fr}.register-marketing{padding:40px 32px}.register-copy{max-width:64%;margin-top:50px}.register-copy h1{font-size:38px}.register-feature-grid{left:30px;right:30px;bottom:190px}.register-disclaimer{left:30px;right:30px;bottom:56px}.register-card{padding:30px}.register-access{padding:22px}} @media(max-width:980px){.register-shell{display:block}.register-marketing{min-height:760px;padding:32px 28px}.register-market-visual{top:125px;width:72%}.register-copy{max-width:58%;margin-top:44px}.register-feature-grid{bottom:185px}.register-disclaimer{bottom:30px}.register-access{min-height:auto;padding:42px 22px}.register-card{width:min(720px,100%)}} @media(max-width:680px){.register-marketing{min-height:900px;padding:26px 20px}.register-market-visual{top:150px;right:-100px;width:125%;opacity:.42}.register-copy{width:100%;max-width:100%;margin-top:54px}.register-copy h1{font-size:36px}.register-copy p{font-size:15px}.register-feature-grid{left:16px;right:16px;bottom:215px;grid-template-columns:repeat(2,1fr);gap:10px}.register-feature{min-height:90px;border:1px solid #dce5ef!important;border-radius:8px;background:rgba(255,255,255,.82);justify-content:center}.register-feature .login-feature-icon{width:40px;height:40px;font-size:21px;margin-bottom:6px}.register-feature strong{font-size:14px}.register-feature small{font-size:12px}.register-disclaimer{left:18px;right:18px;bottom:22px;grid-template-columns:38px 1fr;padding:14px}.register-disclaimer .login-shield{width:34px;height:38px;font-size:16px;border-width:3px}.register-access{padding:30px 14px}.register-card{padding:28px 18px 24px}.register-card-head h2{font-size:29px}.register-two,.register-three{grid-template-columns:1fr}.register-form{gap:14px}.register-input-wrap{height:48px}} /* Database-backed account administration */ .profile-save-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.profile-status{font-size:13px;font-weight:600;color:#236b3b}.admin-users-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr);gap:18px;padding:0 24px 30px}.admin-users-list,.admin-user-editor{padding:20px}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.admin-card-head h2,.admin-user-editor h2{margin:0 0 5px}.admin-card-head p{margin:0;color:var(--muted,#667085)}.admin-grid{width:100%}.admin-grid td,.admin-grid th{padding:10px 8px}.admin-grid a{color:#0b67ed;font-weight:700}.admin-user-editor .field{margin-bottom:12px}.admin-user-editor input[type=text],.admin-user-editor input[type=email],.admin-user-editor input[type=password],.admin-user-editor select{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d8dee9;border-radius:8px;background:#fff}.admin-checkbox-field{display:flex;align-items:flex-end;padding-bottom:9px}.admin-actions{margin:16px 0 10px}@media(max-width:1050px){.admin-users-grid{grid-template-columns:1fr}} .settings-admin-grid{padding:0 0 14px}.settings-profile-link{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}.settings-admin-grid .admin-users-list,.settings-admin-grid .admin-user-editor{min-height:100%} /* ------------------------------------------------------------------------- Account appearance preference data-theme stores the user's choice (light | dark | system | black | contrast | klarodex). app.js resolves that choice to data-resolved-theme (light | dark) so the visual change is immediate and System mode follows the OS in real time. ------------------------------------------------------------------------- */ body[data-resolved-theme="light"] { color-scheme: light; } body[data-resolved-theme="dark"] { color-scheme: dark; --text: #e8eef7; --muted: #a8b4c5; --line: #2d3b4d; --soft: #111923; --card: #101821; --shadow: 0 1px 2px rgba(0,0,0,.28); background: #0b1118; color: var(--text); } body[data-resolved-theme="dark"] .main, body[data-resolved-theme="dark"] .categories-design-v2 { background:#0b1118; color:var(--text); } body[data-resolved-theme="dark"] .card, body[data-resolved-theme="dark"] .settings-card, body[data-resolved-theme="dark"] .alert-builder, body[data-resolved-theme="dark"] .summary-panel, body[data-resolved-theme="dark"] .rangebox, body[data-resolved-theme="dark"] .mini-stat, body[data-resolved-theme="dark"] .summary-cells>div, body[data-resolved-theme="dark"] .category-browser-card, body[data-resolved-theme="dark"] .category-did-you-know, body[data-resolved-theme="dark"] .category-tile-v2, body[data-resolved-theme="dark"] .category-info-v2, body[data-resolved-theme="dark"] .register-card { background:#101821; border-color:var(--line); color:var(--text); } body[data-resolved-theme="dark"] .btn, body[data-resolved-theme="dark"] .input, body[data-resolved-theme="dark"] .select, body[data-resolved-theme="dark"] .field input, body[data-resolved-theme="dark"] .field select, body[data-resolved-theme="dark"] .field textarea, body[data-resolved-theme="dark"] .pager button, body[data-resolved-theme="dark"] .category-search, body[data-resolved-theme="dark"] .category-search-v2, body[data-resolved-theme="dark"] .category-search-v2 input, body[data-resolved-theme="dark"] .admin-user-editor input[type=text], body[data-resolved-theme="dark"] .admin-user-editor input[type=email], body[data-resolved-theme="dark"] .admin-user-editor input[type=password], body[data-resolved-theme="dark"] .admin-user-editor select { background:#111b26; color:#e8eef7; border-color:#344457; } body[data-resolved-theme="dark"] .btn.primary { background:linear-gradient(180deg,#0b6bec,#0757c7); color:#fff; border-color:#0757c7; } body[data-resolved-theme="dark"] .page-title h1, body[data-resolved-theme="dark"] .categories-intro h1, body[data-resolved-theme="dark"] .category-content-v2>strong, body[data-resolved-theme="dark"] .category-browser-copy h2, body[data-resolved-theme="dark"] .category-info-v2 strong { color:#e8eef7; } body[data-resolved-theme="dark"] .page-title p, body[data-resolved-theme="dark"] .categories-intro p, body[data-resolved-theme="dark"] .category-desc-v2, body[data-resolved-theme="dark"] .category-browser-copy p, body[data-resolved-theme="dark"] .category-info-v2 p, body[data-resolved-theme="dark"] .field label, body[data-resolved-theme="dark"] .updated, body[data-resolved-theme="dark"] .section-note, body[data-resolved-theme="dark"] small { color:#a8b4c5; } body[data-resolved-theme="dark"] .category-browser-card .category-browser-copy, body[data-resolved-theme="dark"] .category-browser-card .category-browser-copy h2, body[data-resolved-theme="dark"] .category-browser-card .category-browser-copy p, body[data-resolved-theme="dark"] .category-browser-card .category-browser-foot span, body[data-resolved-theme="dark"] .category-meta-v2 { color:#dce6f3; } body[data-resolved-theme="dark"] .data-table th { color:#d9e4f2; } body[data-resolved-theme="dark"] .data-table th, body[data-resolved-theme="dark"] .data-table td { border-bottom-color:#263547; } body[data-resolved-theme="dark"] .data-table tbody tr:hover { background:#14202c; } body[data-resolved-theme="dark"] .footer-note { background:#121d29; color:#9fadc0; } body[data-resolved-theme="dark"] .progress { background:#26313e; } body[data-resolved-theme="dark"] .ring:after, body[data-resolved-theme="dark"] .overall-ring:after { background:#101821; } body[data-resolved-theme="dark"] .chart .gridline { stroke:#2b394a; } body[data-resolved-theme="dark"] .chart text { fill:#a9b5c6; } body[data-resolved-theme="dark"] .round-icon { background:#17263d; } body[data-resolved-theme="dark"] .settings-line, body[data-resolved-theme="dark"] .preference-row { border-color:#263547; } body[data-resolved-theme="dark"] .tabs { border-bottom-color:#2d3b4d; } body[data-resolved-theme="dark"] .appearance-choices button { background:#111b26; color:#dce6f3; border-color:#344457; } body[data-resolved-theme="dark"] .appearance-choices button.active { background:#17375f; color:#fff; border-color:#2b75d3; box-shadow:inset 0 0 0 1px #2b75d3; } body[data-resolved-theme="dark"] .category-icon-v2 { background:#151f2b; } body[data-resolved-theme="dark"] .documentation-btn { background:#111b26; color:#e8eef7; border-color:#344457; } /* Settings tabbed layout */ .settings-tab-pane{display:none}.settings-tab-pane.active{display:block}.settings-save-row{display:flex;align-items:center;gap:12px;margin-top:14px}.admin-profile-panel{margin-top:14px}.admin-profile-panel .head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.admin-users-table{margin:12px 0 18px}.settings-tab-pane .profile-form select{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;padding:10px}.settings-tab-pane{width:100%;max-width:none}.settings-tab-pane>.settings-card{width:100%} body[data-resolved-theme="dark"] .settings-tab-pane .field input,body[data-resolved-theme="dark"] .settings-tab-pane .field select{background:#111b26;color:#dce6f3;border-color:#344457} @media(max-width:760px){.settings-tabs{overflow-x:auto;white-space:nowrap}.settings-top,.settings-lower{grid-template-columns:1fr!important}.settings-tab-pane .data-privacy .grid{grid-template-columns:1fr!important}} /* Settings profile refinements */ .professional-profile-card{margin-top:14px}.investor-profile-card{margin-top:14px}.professional-fields{margin-top:14px}.optional-label{font-size:12px;font-weight:600;color:#7a8797;margin-left:5px;text-transform:uppercase;letter-spacing:.03em}.settings-action-link{display:inline-flex;align-items:center;gap:5px;margin-top:10px;color:#0969da;font-size:12px;font-weight:500;text-decoration:none}.settings-action-link:hover{text-decoration:underline}.settings-action-row{align-items:center}.settings-inline-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 13px;line-height:1;text-decoration:none;white-space:nowrap}.billing-plan-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:7px;padding:12px 14px;margin-top:14px}.billing-date{margin-top:10px;font-size:12px}.privacy-stack{display:flex;flex-direction:column;margin-top:12px}.privacy-stack .settings-line{min-height:64px}.privacy-stack .danger-row{border-top:1px solid var(--line)}.input-error{background:#fff1f1!important;border-color:#e17070!important;box-shadow:0 0 0 1px rgba(209,68,68,.08)!important}.profile-status{font-size:12px}.settings-dialog-backdrop{position:fixed;inset:0;background:rgba(3,13,24,.5);z-index:5000;display:flex;align-items:center;justify-content:center;padding:20px}.settings-dialog-backdrop[hidden]{display:none}.settings-dialog{width:min(420px,100%);background:#fff;border:1px solid #d9e2ec;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.22);padding:24px;text-align:center}.settings-dialog-icon{width:46px;height:46px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#e9f8ef;color:#168447;font-size:22px;font-weight:800}.settings-dialog.error .settings-dialog-icon{background:#fff0f0;color:#c83232}.settings-dialog h3{margin:0 0 8px;font-size:18px}.settings-dialog p{margin:0 0 18px;color:#5a6777;line-height:1.5}.settings-dialog .btn{min-width:90px}.register-section-title .optional-label{vertical-align:middle} body[data-resolved-theme="dark"] .billing-plan-row{border-color:#263547;background:#111b26}body[data-resolved-theme="dark"] .settings-dialog{background:#101821;border-color:#344457;color:#e8eef7}body[data-resolved-theme="dark"] .settings-dialog p{color:#a8b4c5}body[data-resolved-theme="dark"] .input-error{background:#3a2023!important;border-color:#c85c62!important;color:#fff!important} @media(max-width:760px){.professional-fields{grid-template-columns:1fr!important}.billing-plan-row{align-items:flex-start;flex-direction:column}.billing-plan-row .btn{width:100%}} /* Settings UX refinements - August 2026 */ .change-password-btn{margin-bottom:12px} .signout-icon{display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;line-height:1;margin-left:3px} .manage-billing-btn{margin-left:auto;align-self:center} .privacy-action-block{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)} .privacy-action-block:last-child{border-bottom:0} .privacy-action-block.danger-row{margin-top:8px;padding-top:20px} .danger-btn{border-color:#d9534f!important;color:#b42318!important;background:#fff!important} .danger-btn:hover{background:#fff1f1!important} .preference-icon{font-size:22px;min-width:26px;text-align:center} .billing-settings-grid{grid-template-columns:1.35fr .65fr;margin-bottom:14px} .billing-use-profile{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin:14px 0 8px;cursor:pointer} .billing-use-profile input{width:auto!important} #billingAddressFields.is-profile-address{opacity:.55;pointer-events:none} .billing-package{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:7px;padding:14px;margin-top:14px} .billing-package span{font-size:12px;color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:999px;padding:3px 8px} .empty-table-cell{text-align:center!important;color:#7a8797;padding:26px!important} body[data-resolved-theme="dark"] .danger-btn{background:#251719!important;color:#ff9898!important;border-color:#7e3d42!important} body[data-resolved-theme="dark"] .billing-package{border-color:#263547;background:#111b26} @media(max-width:760px){.billing-settings-grid{grid-template-columns:1fr}.privacy-action-block{align-items:flex-start;flex-direction:column}.privacy-action-block .btn{width:100%}.manage-billing-btn{margin-left:0;width:100%}} /* Settings package context - v358 */ .billing-plan-main{min-width:0}.billing-plan-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.billing-plan-icon{font-size:13px}.billing-package-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.2}.billing-package-status.active{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0}.billing-package-status.simulated{color:#075bd0;background:#eff6ff;border:1px solid #bfdbfe}.billing-plan-main small,.billing-package>div small{display:block;margin-top:4px;color:#65748b;line-height:1.35}.billing-subscription-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:rgba(247,249,251,.72);font-size:12px}.billing-subscription-summary span{color:#65748b}.billing-subscription-summary b{text-align:right}.billing-subscription-summary-tab{margin-top:10px}.billing-package>div{min-width:0}.billing-package>.billing-package-status{flex:0 0 auto}.billing-package .billing-package-status{font-size:12px}.billing-package .billing-package-status.simulated{color:#075bd0;background:#eff6ff;border-color:#bfdbfe}.billing-package .billing-package-status.active{color:#15803d;background:#ecfdf3;border-color:#bbf7d0} body[data-resolved-theme="dark"] .billing-subscription-summary{background:#111b26;border-color:#263547}body[data-resolved-theme="dark"] .billing-subscription-summary span,body[data-resolved-theme="dark"] .billing-plan-main small,body[data-resolved-theme="dark"] .billing-package>div small{color:#9eacbf}body[data-resolved-theme="dark"] .billing-package-status.simulated{color:#8fc2ff;background:#102a49;border-color:#285b92} body[data-resolved-theme="black"] .billing-subscription-summary{background:#080808;border-color:#25282d}body[data-resolved-theme="contrast"] .billing-subscription-summary{background:#000;border:2px solid #fff} @media(max-width:760px){.billing-subscription-summary{align-items:flex-start;flex-direction:column}.billing-subscription-summary b{text-align:left}} /* Prominent authentication feedback */ .login-status-error{display:block;min-height:0!important;margin:0!important;padding:14px 16px;border:1px solid #ef9a9a;border-left:4px solid #d93025;border-radius:7px;background:#fff1f1;color:#9b1c1c!important;font-size:14px!important;font-weight:600;line-height:1.45;text-align:left!important;} .login-status-error:before{content:"!";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:9px;border-radius:50%;background:#d93025;color:#fff;font-size:13px;font-weight:800;vertical-align:middle;} .login-status-success{display:block;min-height:0!important;margin:0!important;padding:14px 16px;border:1px solid #86d5a7;border-left:4px solid #16a765;border-radius:7px;background:#eefbf4;color:#13713f!important;font-size:14px!important;font-weight:600;line-height:1.45;text-align:left!important;} .login-status-success:before{content:"\2713";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:9px;border-radius:50%;background:#16a765;color:#fff;font-size:13px;font-weight:800;vertical-align:middle;} [data-theme="dark"] .login-status-error{background:#351b1d;border-color:#9e4a4f;border-left-color:#ff6b6b;color:#ffd7d7!important;} [data-theme="dark"] .login-status-success{background:#153326;border-color:#397d5c;border-left-color:#3ac782;color:#d8f8e7!important;} /* Registration/profile geography and telephone validation */ .required-mark{color:#c62828;font-weight:800} .register-phone-row{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr);gap:10px} .register-phone-code select{width:100%;font-size:12px} .register-status-error{display:block;min-height:0!important;margin:4px 0 0!important;padding:12px 14px;border:1px solid #ef9a9a;border-left:4px solid #d93025;border-radius:7px;background:#fff1f1;color:#9b1c1c!important;font-size:12px!important;font-weight:650;line-height:1.45;text-align:left!important} .register-input-wrap:has(.input-error){border-color:#e17070!important;background:#fff1f1!important;box-shadow:0 0 0 1px rgba(209,68,68,.08)!important} .profile-phone-row{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(0,1.25fr);gap:10px} .profile-phone-row .phone-code-select{width:100%} body[data-resolved-theme="dark"] .register-status-error{background:#351b1d;border-color:#9e4a4f;border-left-color:#ff6b6b;color:#ffd7d7!important} body[data-resolved-theme="dark"] .register-input-wrap:has(.input-error){background:#3a2023!important;border-color:#c85c62!important} @media(max-width:760px){.register-phone-row,.profile-phone-row{grid-template-columns:1fr}} /* Registration validation and billing refinements */ .register-input-wrap input,.register-input-wrap select{font-weight:400} .register-input-wrap input::placeholder{font-weight:400;color:#7b8798;opacity:1} .register-address-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.08fr;gap:14px} .register-status-error{display:block;position:static;min-height:0;margin:0 0 16px;padding:12px 14px;text-align:left;font-size:12px;font-weight:650;line-height:1.45;color:#a41414;background:#fff0f0;border:1px solid #ef9b9b;border-left:4px solid #d93025;border-radius:7px;box-shadow:0 6px 20px rgba(150,20,20,.10)} .register-check.terms-error{padding:10px 12px;border:1px solid #e17070;border-radius:7px;background:#fff1f1;color:#8d1818} .register-check.terms-error input{outline:2px solid #d93025;outline-offset:2px} .invoice-history-card{margin-top:20px} body[data-resolved-theme="dark"] .register-status-error{color:#ffdada;background:#351d20;border-color:#a94f55} body[data-resolved-theme="dark"] .register-check.terms-error{background:#3a2023;border-color:#c85c62;color:#ffdada} @media(max-width:900px){.register-address-grid{grid-template-columns:1fr 1fr}} @media(max-width:680px){.register-address-grid{grid-template-columns:1fr}.register-status-error{font-size:13px;padding:13px 14px}} /* August 2026 registration/billing refinements */ .register-status-error{margin-bottom:24px!important} .billing-contact-fields .field + .field{margin-top:16px} .billing-use-profile-contact{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin:14px 0 14px;cursor:pointer} .billing-use-profile-contact input{width:auto!important} #billingContactFields.is-profile-contact{opacity:.72} /* Company analysis selector */ .sidebar-klarodex-row{align-items:center;padding:2px 8px 12px} .sidebar-klarodex-logo{display:flex;align-items:center;width:max-content;max-width:155px;text-decoration:none;color:#fff;overflow:hidden} .sidebar-logo-word{font-size:17px;line-height:1;font-weight:750;letter-spacing:2.1px} .sidebar-logo-o{width:17px;height:17px;margin:0 2px;border-radius:50%;background:conic-gradient(from -16deg,#20c581 0 18%,#0c8fb0 18% 29%,#0f66a8 29% 35%,#fff 35% 91%,#071a3e 91% 93%,#fff 93% 100%);position:relative;flex:0 0 auto} .sidebar-logo-o:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#071b2b} .sidebar-overall-score{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 8px 2px;padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:rgba(255,255,255,.055)}.sidebar-overall-score span{color:#aebfd0;font-size:12px;font-weight:700;line-height:1.2}.sidebar-overall-score strong{color:#fff;font-size:18px;line-height:1} .company-analysis-picker{padding:0 8px 16px} .company-analysis-picker label{display:block;margin:0 0 7px;color:#aebfd0;font-size:12px;font-weight:800;letter-spacing:.65px;text-transform:uppercase} .company-analysis-select{width:100%;height:35px;border:1px solid #28465c;border-radius:6px;background:#0b2638;color:#fff;padding:0 27px 0 9px;font-size:12px;font-weight:600;outline:none;cursor:pointer} .company-analysis-select:focus{border-color:#3c8ef5;box-shadow:0 0 0 2px rgba(60,142,245,.16)} .company-analysis-select option{background:#fff;color:#07152f} .company-market-code{padding:7px 2px 0;color:#c8d5df;font-size:12px} .company-market-code strong{color:#fff;font-size:12px} /* One separator only between Data & Privacy actions */ .privacy-action-block{border-bottom:0} .privacy-action-block + .privacy-action-block{border-top:1px solid var(--line)} .privacy-action-block.danger-row{margin-top:0;padding-top:20px} /* Sidebar information architecture: Tracked Companies -> Company Analysis -> global Alerts -> account actions */ .sidebar{ display:flex !important; flex-direction:column !important; height:100vh !important; min-height:100vh !important; overflow:hidden !important; } .sidebar-klarodex-row{flex:0 0 auto} .sidebar-scroll-content{ flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden; padding-bottom:10px; scrollbar-width:thin; scrollbar-color:#43647c #092234; } .sidebar-scroll-content::-webkit-scrollbar{width:8px}.sidebar-scroll-content::-webkit-scrollbar-track{background:#092234;border-radius:8px}.sidebar-scroll-content::-webkit-scrollbar-thumb{background:#43647c;border:2px solid #092234;border-radius:8px}.sidebar-scroll-content::-webkit-scrollbar-thumb:hover{background:#5a7c94} .sidebar-category-links{display:flex;flex-direction:column;gap:2px;padding:5px 8px 8px 4px}.sidebar-category-links[hidden]{display:none!important}.sidebar-category-links a{display:flex;align-items:center;gap:8px;height:29px;padding:0 8px;border-radius:4px;color:#aebfd0;font-size:calc(12px + 1pt);line-height:1.2;text-decoration:none}.sidebar-category-links a .ico{flex:0 0 17px;width:17px;color:#7fb1d2;font-size:13px;text-align:center}.sidebar-category-links a .count{margin-left:auto;padding:1px 6px;font-size:12px}.sidebar-category-links a:hover,.sidebar-category-links a.active{color:#fff;background:#173b56}.sidebar-category-links a:hover .ico,.sidebar-category-links a.active .ico{color:#fff} .sidebar-category-toggle-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;border-radius:6px}.sidebar-category-toggle-row.active{background:linear-gradient(90deg,#0b5bc4,#07458e)}.sidebar-category-toggle-row>a{display:flex;align-items:center;gap:11px;height:38px;padding:0 0 0 10px;color:#fff;text-decoration:none;font-size:13px;white-space:nowrap}.sidebar-category-toggle-row>a .ico{width:18px;text-align:center;font-size:16px}.sidebar-category-toggle-row>button{width:26px;height:28px;border:0;border-radius:4px;background:transparent;color:#aebfd0;cursor:pointer;transition:transform .18s ease}.sidebar-category-toggle-row>button:hover{background:rgba(255,255,255,.1);color:#fff}.sidebar-category-toggle-row>button.open{transform:rotate(180deg)} .sidebar-pinned-categories{margin:8px 0;padding:8px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.sidebar-pinned-categories.is-empty{display:none}.sidebar-category-section-label{display:flex;align-items:center;gap:8px;height:31px;padding:0 10px;color:#fff;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}.sidebar-category-section-label>span{width:18px;color:#7fb1d2;text-align:center}.sidebar-pinned-category-links{display:flex;flex-direction:column;gap:2px}.sidebar-pinned-category-links a{display:flex;align-items:center;gap:11px;height:38px;padding:0 10px;border-radius:6px;color:#fff;text-decoration:none;font-size:13px}.sidebar-pinned-category-links a .ico{width:18px;color:#7fb1d2;text-align:center;font-size:16px}.sidebar-pinned-category-links a .count{margin-left:auto;padding:2px 8px;font-size:12px}.sidebar-pinned-category-links a:hover,.sidebar-pinned-category-links a.active{background:#173b56} .change-password-back{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;color:#075bd0!important;text-decoration:none!important;white-space:nowrap} .category-tile-v2{position:relative}.category-pin-button{position:absolute;z-index:3;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.92);color:#8794a6;cursor:pointer;opacity:.72}.category-pin-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.category-pin-button:hover{opacity:1;border-color:#8db7ef;color:#075bd0}.category-pin-button.pinned{opacity:1;color:#075bd0;background:#edf5ff;border-color:#9fc4f5}.category-pin-button.pinned svg path:first-child{fill:currentColor;stroke:currentColor}.category-pin-button:disabled{cursor:wait;opacity:.45}body[data-resolved-theme="dark"] .category-pin-button,body[data-resolved-theme="black"] .category-pin-button{background:#111b26;color:#aab7c8;border-color:#344457} .side-nav-top{padding-top:0} .company-analysis-picker{padding-top:10px} .sidebar-divider{ height:1px; margin:10px 10px; background:rgba(255,255,255,.14); } .side-nav-global{padding-top:0;padding-bottom:0} .sidebar-bottom-nav{ flex:0 0 auto; margin-top:auto; padding-top:8px; padding-bottom:10px; border-top:1px solid rgba(255,255,255,.14); background:#071b2b; } .sidebar-bottom-nav{position:relative;z-index:3;width:100%} .sidebar-bottom-nav a{margin-bottom:2px} .mobile-login-brand{display:none} .sidebar .side-box{display:none!important} /* Group company-specific analysis navigation */ .sidebar-divider-tracked{ margin-top:8px; margin-bottom:8px; } .sidebar-divider-company{ margin-top:10px; margin-bottom:8px; } .company-analysis-menu-group{ margin:0 7px; padding:5px 0; border-radius:7px; background:rgba(255,255,255,.045); } .company-analysis-menu-group .side-nav{ padding-left:0; padding-right:0; } .company-analysis-menu-group .side-nav a{ margin-left:4px; margin-right:4px; } .company-analysis-menu-group .side-nav a:hover{ background:rgba(255,255,255,.08); } .company-analysis-menu-group .side-nav a.active{ background:#0d5db8; } /* Live stock chart screen */ .live-page{padding-bottom:24px} .live-company-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;padding:22px 22px 18px;border-bottom:1px solid var(--line)} .live-company-head h1{margin:0 0 8px;font-size:27px;letter-spacing:-.5px}.live-company-meta{display:flex;align-items:center;gap:24px;font-size:13px;color:var(--muted)} .live-market-open{color:var(--green);font-weight:600}.live-market-open i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:7px} .live-market-summary{display:flex;gap:28px;align-items:flex-start;min-width:560px}.live-price-card{min-width:190px;padding:15px 20px;border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:none!important} .live-price-card strong{font-size:28px;color:var(--text)}.live-price-card span{margin-left:6px;color:var(--muted)}.live-price-card b{display:block;margin-top:8px;color:var(--green);font-size:14px} .live-range-stack{flex:1;display:grid;gap:17px}.live-range-item>div:first-child{display:flex;justify-content:space-between;gap:20px;font-size:12px}.live-range-item span{color:var(--muted)} .live-range-track{position:relative;height:5px;border-radius:20px;background:#e5e9ef;margin-top:10px;overflow:visible}.live-range-track i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#e6f3dc,#91dc7b);width:70%}.live-range-track em{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#061c3d;border-radius:50%;left:70%;box-shadow:0 0 0 2px #fff} .live-chart-card{margin:18px 0 0;padding:0;overflow:visible}.live-chart-titlebar{display:flex;justify-content:space-between;align-items:flex-start;padding:17px 18px 11px}.live-chart-titlebar h2{margin:0 0 4px;font-size:18px}.live-chart-titlebar p{margin:0;color:var(--muted);font-size:12px}.live-updated{font-size:12px;color:var(--muted)} .live-intraday-disclaimer{display:flex;align-items:flex-start;gap:10px;margin:16px 18px 0;padding:11px 13px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:#1e3a5f;font-size:12px;line-height:1.45}.live-intraday-disclaimer-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#2563eb;color:#fff;font-size:12px;font-weight:800}.live-intraday-disclaimer p{margin:1px 0 0}.live-intraday-disclaimer strong{font-weight:700} .live-chart-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:8px 18px 14px;border-bottom:1px solid var(--line);position:relative;z-index:4}.live-toolbar-left{display:flex;gap:9px;align-items:center}.live-chart-type.active{border-color:#c8d4e1}.live-add-signal{border-color:#0c67df!important;color:#0759c5!important}.live-signal-control{position:relative}.live-signal-menu{position:absolute;z-index:20;top:42px;left:0;width:230px;max-height:430px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px rgba(12,31,54,.17);padding:7px;display:none}.live-signal-menu.open{display:block}.live-signal-menu-title{padding:7px 9px;font-size:12px;color:var(--muted);font-weight:700}.live-signal-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:8px 9px;border-radius:5px;color:var(--text);font-size:12px;cursor:pointer}.live-signal-menu button:hover{background:var(--soft)} .live-timeframes{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;white-space:nowrap}.live-timeframes button{height:34px;min-width:38px;padding:0 9px;border:0;background:var(--card);color:var(--text);font-size:12px;font-weight:650;cursor:pointer}.live-timeframes button:hover{background:var(--soft)}.live-timeframes button.active{background:#eaf2ff;color:#085fd5} .live-signal-legend{display:flex;gap:7px;flex-wrap:wrap;padding:0 18px;min-height:0}.live-signal-legend:not(:empty){padding-top:10px}.signal-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:650}.signal-chip i{width:8px;height:8px;border-radius:50%}.signal-chip button{border:0;background:transparent;color:var(--muted);padding:0;font-size:13px;cursor:pointer} .live-ohlc-row{display:flex;gap:20px;align-items:center;padding:13px 18px 3px;font-size:12px;color:var(--muted)}.live-ohlc-row b{color:var(--text);margin-right:4px}.live-ohlc-row strong{color:var(--green);font-weight:650} .live-chart-wrap{height:430px;position:relative;margin:0 10px}.live-chart-wrap canvas,.live-volume-wrap canvas{width:100%;height:100%;display:block}.live-volume-label{font-size:12px;padding:0 18px;color:var(--text)}.live-volume-label b{color:var(--green);margin-left:8px}.live-volume-wrap{height:115px;margin:0 10px 0}.live-chart-footer{border-top:1px solid var(--line);padding:14px 18px;color:var(--muted);font-size:12px} .chart-tooltip{display:none;position:absolute;pointer-events:none;background:#071b2b;color:#fff;border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.5;box-shadow:0 6px 18px rgba(0,0,0,.18);z-index:8;white-space:nowrap}.chart-tooltip.show{display:block} body[data-theme="dark"] .live-timeframes button.active{background:#143a68;color:#fff}body[data-theme="dark"] .live-range-track{background:#26394b}body[data-theme="dark"] .live-range-track em{box-shadow:0 0 0 2px #102333} @media(max-width:1100px){.live-company-head{flex-direction:column}.live-market-summary{width:100%;min-width:0}.live-chart-toolbar{align-items:flex-start;flex-direction:column}.live-timeframes{max-width:100%;overflow-x:auto}.live-chart-wrap{height:380px}} @media(max-width:700px){ .live-company-head{gap:12px;padding:18px 20px 14px} .live-company-head h1{margin-bottom:6px} .live-company-meta{gap:14px;flex-wrap:wrap} .live-market-summary{display:grid;grid-template-columns:1fr;width:100%;gap:12px;min-width:0;padding-top:2px} .live-price-card{width:100%;min-width:0;border:0;padding:8px 0 6px} .live-price-card strong{font-size:30px} .live-price-card b{margin-top:5px;font-size:15px} .live-range-stack{width:100%;gap:13px;padding-top:4px} .live-range-item>div:first-child{gap:12px;font-size:12px;align-items:center} .live-range-item>div:first-child b{font-size:12px;white-space:nowrap} .live-range-track{margin-top:7px} .live-chart-card{margin-top:10px} .live-toolbar-left{flex-wrap:wrap} .live-chart-wrap{height:330px} .live-ohlc-row{gap:8px;flex-wrap:wrap} } .company-row-selected{outline:2px solid rgba(25,103,237,.35);outline-offset:-2px;background:rgba(25,103,237,.035)!important} /* tracked portfolio */ .tracked-head-actions{margin-left:auto} .tracked-status{margin:0 0 14px;padding:11px 14px;border-radius:7px;font-size:12px;font-weight:600} .tracked-status.success{background:#edf9f2;border:1px solid #bde9cd;color:#126b38} .tracked-status.error{background:#fff0f0;border:1px solid #ffcaca;color:#a41f1f} .tracked-add-panel{margin-bottom:14px;padding:16px} .tracked-add-head h2{margin:0 0 3px;font-size:16px}.tracked-add-head p{margin:0 0 14px;color:var(--muted);font-size:12px} .tracked-discovery-controls{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:10px;align-items:end} .tracked-discovery-controls .field{margin:0}.tracked-find-button .btn{height:37px} .tracked-discovery-results{margin-top:14px;max-height:360px;overflow:auto} .small-btn{padding:7px 13px!important} .tracked-filter-toolbar{margin-top:12px} .tracked-remove-link{color:#d33;text-decoration:none;font-weight:600;font-size:12px} .tracked-remove-link:hover{text-decoration:underline} .table-action-cell{text-align:right;white-space:nowrap} .tracked-pager{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)} .pager-buttons{display:flex;align-items:center;gap:5px}.pager-btn{width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;line-height:1!important} .pager-number{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 7px;border:1px solid var(--line);border-radius:5px;text-decoration:none;color:var(--text);font-weight:600} .pager-number.active{background:#1264d8;border-color:#1264d8;color:#fff} .empty-portfolio{padding:32px;text-align:center;color:var(--muted)} @media(max-width:980px){.tracked-discovery-controls{grid-template-columns:1fr 1fr}.tracked-company-search{grid-column:1/-1}.tracked-find-button{grid-column:1/-1}} /* Refined add-company results */ .add-company-name strong{display:block;margin-bottom:5px} .add-company-name small{display:block} .add-company-btn{display:inline-flex;align-items:center;justify-content:center;min-width:68px;height:32px;margin:4px!important;padding:0 13px;border:1px solid #0b5fd7;border-radius:6px;background:#1264d8;color:#fff!important;font-size:12px;font-weight:700;line-height:1;text-decoration:none!important;box-shadow:0 1px 2px rgba(8,48,105,.14);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.add-company-btn:hover{background:#0757c8;border-color:#064dad;box-shadow:0 3px 8px rgba(8,70,155,.22);transform:translateY(-1px)}.add-company-btn:focus-visible{outline:3px solid rgba(18,100,216,.22);outline-offset:2px}.add-company-btn.is-adding{pointer-events:none;min-width:78px;background:#6f8fb8;border-color:#6f8fb8;box-shadow:none;transform:none}body[data-resolved-theme="dark"] .add-company-btn,body[data-resolved-theme="black"] .add-company-btn{background:#2d7ce5;border-color:#4c91eb;color:#fff!important} .tracked-discovery-results .data-table td{vertical-align:middle} .tracked-discovery-results .table-action-cell{padding-top:6px!important;padding-bottom:6px!important} .tracked-discovery-controls{grid-template-columns:1fr 1fr 1.6fr!important} /* Exchange/company discovery loader */ .company-api-loader{ display:none; align-items:center; gap:9px; margin:4px 0 12px; padding:9px 11px; border:1px solid var(--line); border-radius:6px; background:rgba(15,100,215,.035); font-size:12px; color:var(--muted); } .company-api-loader.is-visible{display:flex} .company-loader-spinner{ width:15px; height:15px; border:2px solid rgba(18,100,216,.2); border-top-color:#1264d8; border-radius:50%; animation:company-loader-spin .7s linear infinite; } @keyframes company-loader-spin{to{transform:rotate(360deg)}} .discovery-pager{margin-top:0} .client-search-empty{border-top:1px solid var(--line)} /* Blocking loader for exchange/company-result paging. It prevents multiple API-backed page requests being queued by repeated clicks. */ .tracked-add-panel-host{ position:relative; } .company-results-overlay{ display:none; position:absolute; inset:0; z-index:80; align-items:center; justify-content:center; background:rgba(255,255,255,.78); backdrop-filter:blur(1.5px); border-radius:inherit; cursor:wait; } .company-results-overlay.is-visible{ display:flex; } .company-results-overlay-card{ display:flex; flex-direction:column; align-items:center; gap:7px; min-width:230px; padding:20px 24px; border:1px solid var(--line); border-radius:9px; background:var(--card); box-shadow:none; color:var(--text); text-align:center; } .company-results-overlay-card strong{ font-size:13px; } body.dashboard-shadow-enabled .company-results-overlay .company-results-overlay-card{ box-shadow:var(--dashboard-dialog-shadow,var(--shadow))!important; } .company-results-overlay-card span:last-child{ max-width:260px; color:var(--muted); font-size:12px; line-height:1.45; } .company-loader-spinner-large{ width:24px; height:24px; border-width:3px; } .tracked-add-panel.is-loading .tracked-discovery-controls, .tracked-add-panel.is-loading .tracked-discovery-results, .tracked-add-panel.is-loading .discovery-pager{ pointer-events:none; user-select:none; } .discovery-pager .is-disabled{ pointer-events:none!important; opacity:.55; } [data-theme="dark"] .company-results-overlay{ background:rgba(5,16,27,.72); } /* Add Company close control */ .tracked-add-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; } .tracked-add-close{ display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; flex:0 0 30px; border:1px solid var(--line); border-radius:6px; color:var(--muted); background:var(--card); text-decoration:none; font-size:22px; line-height:1; font-weight:400; } .tracked-add-close:hover{ color:var(--text); background:rgba(100,116,139,.08); } /* Tracked company logo occupies the existing blue initials tile */ .tracked-company-logo-tile{ position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; width:36px; height:36px; flex:0 0 36px; padding:0; } .tracked-company-logo-tile .tracked-company-initials{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; } .tracked-company-logo-img{ position:absolute; inset:0; width:100%; height:100%; box-sizing:border-box; object-fit:contain; object-position:center; padding:4px; opacity:0; background:#fff; border-radius:inherit; } .tracked-company-logo-img.is-loaded{ opacity:1; } .tracked-company-logo-tile.has-logo{ background:#fff; color:transparent; } /* Live market state + initial chart loading */ .live-market-open.market-status-loading{color:var(--muted)} .live-market-open.market-status-loading i{background:#94a3b8} .live-market-open.market-status-open{color:var(--green)} .live-market-open.market-status-open i{background:var(--green)} .live-market-open.market-status-closed{color:#d24a4a} .live-market-open.market-status-closed i{background:#d24a4a} .live-chart-loader{ position:absolute; inset:0; z-index:30; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; background:var(--card); color:var(--text); border-radius:6px; } .live-chart-loader strong{font-size:12px} .live-chart-wrap.is-loading canvas{visibility:hidden} .live-market-closed-overlay{ display:none; position:absolute; top:12px; right:70px; z-index:12; pointer-events:none; } .live-market-closed-overlay.is-visible{display:block} .live-market-closed-overlay span{ display:inline-flex; align-items:center; padding:5px 9px; border-radius:999px; border:1px solid rgba(210,74,74,.24); background:rgba(210,74,74,.08); color:#c13d3d; font-size:12px; font-weight:700; } .live-chart-wrap.market-closed canvas{filter:saturate(.62)} /* Dynamic signal reports */ .signal-dynamic-card{position:relative;min-height:300px;margin-top:10px} .signal-profile-filter-group.has-active-profile{padding:7px 8px 7px 14px;border-radius:8px;background:#eef6ff;box-shadow:inset 0 0 0 1px #a9cdf9} .signal-profile-select.has-active-profile{border-color:#1268d8;background:#fff;color:#0758bd;font-weight:700;box-shadow:0 0 0 2px rgba(18,104,216,.1)} .active-signal-profile-banner{display:flex;align-items:center;gap:12px;margin:10px 0 12px;padding:12px 14px;border:1px solid #9fc9fb;border-left:4px solid #1169db;border-radius:8px;background:#eff7ff;color:#0b315e} .active-signal-profile-banner[hidden]{display:none!important} .active-signal-profile-icon{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:50%;background:#1268d8;color:#fff;font-size:17px} .active-signal-profile-banner>div{min-width:0;flex:1}.active-signal-profile-banner small,.active-signal-profile-banner strong,.active-signal-profile-banner p{display:block}.active-signal-profile-banner small{margin-bottom:2px;color:#42698f;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.active-signal-profile-banner strong{font-size:14px}.active-signal-profile-banner p{margin:3px 0 0;color:#42617f;font-size:12px}.active-signal-profile-banner .btn{flex:none;background:#fff;color:#0758bd;border-color:#9fc9fb} body[data-resolved-theme="dark"] .signal-profile-filter-group.has-active-profile,body[data-resolved-theme="black"] .signal-profile-filter-group.has-active-profile{background:#142e49;box-shadow:inset 0 0 0 1px #376b9f} body[data-resolved-theme="dark"] .active-signal-profile-banner,body[data-resolved-theme="black"] .active-signal-profile-banner{background:#132b44;border-color:#3b6f9f;color:#eef6ff} body[data-resolved-theme="dark"] .active-signal-profile-banner small,body[data-resolved-theme="dark"] .active-signal-profile-banner p,body[data-resolved-theme="black"] .active-signal-profile-banner small,body[data-resolved-theme="black"] .active-signal-profile-banner p{color:#b7cce0} @media(max-width:700px){.active-signal-profile-banner{align-items:flex-start;flex-wrap:wrap}.active-signal-profile-banner .btn{width:100%}} .signal-table-loading{min-height:280px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:var(--muted)} .signal-table-loading span:not(.company-loader-spinner){font-size:12px} .signal-empty{padding:35px;text-align:center;color:var(--muted)} .signal-sort-indicator{font-size:12px;color:var(--muted);padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:var(--soft)} .signal-report-table th.sortable{cursor:pointer;user-select:none} .signal-report-table th.sortable:hover,.signal-report-table th.active-sort{color:var(--blue);background:#f7faff} .signal-report-table th.sortable span{font-size:12px;margin-left:3px;color:#7c899b} .signal-report-table .signal-code{display:block;margin-top:3px;color:#738096;font-size:12px;font-weight:500} .signal-category-link{color:inherit;text-decoration:none} .signal-category-link:hover{color:var(--blue);text-decoration:underline} .signal-last-updated{margin-top:10px;font-size:12px;color:#657288;padding:8px 2px} .signal-pager #signalPageButtons,.pager #categoryPages{display:inline-flex;gap:6px} .signal-pager button:disabled,.pager button:disabled{opacity:.42;cursor:not-allowed} .category-report-overview{grid-template-columns:.9fr 1.55fr .9fr;margin-bottom:10px} .category-explainer .section-note{font-size:12px;line-height:1.65} .category-insight{margin-top:16px;padding:11px 12px;background:var(--soft);border-radius:6px;font-size:12px;line-height:1.55} .signal-history-chart{height:210px;width:100%;padding-top:5px} .signal-history-chart svg{width:100%;height:100%;overflow:visible} .signal-chart-grid{stroke:#e7ecf1;stroke-width:1} .signal-category-history-line{fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .signal-history-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)} .signal-empty-inline{height:190px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px} .category-distribution-wrap{display:flex;align-items:center;justify-content:center;gap:22px;min-height:210px} .category-distribution-ring{width:125px;height:125px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--green) 0 33%,var(--amber) 33% 77%,var(--red) 77%)} .category-distribution-ring:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:var(--card)} .category-distribution-ring>div{position:relative;z-index:1;text-align:center} .category-distribution-ring strong{display:block;font-size:25px} .category-distribution-ring span{font-size:12px;color:var(--muted)} .signal-category-table-head{padding:13px 15px} .signal-category-table-head h3{margin:0 0 3px} .signal-category-table-head small{color:var(--muted)} @media(max-width:1100px){.category-report-overview{grid-template-columns:1fr}.signals-header{grid-template-columns:1fr}.signals-metrics{overflow:auto}} .signal-engine-status{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);background:var(--soft);border-radius:7px;padding:10px 12px;margin-bottom:10px;font-size:12px} .signal-engine-status strong{display:block;font-size:12px;margin-bottom:3px} .signal-engine-status span{color:var(--muted)} .signal-engine-actions{display:flex;gap:8px;align-items:center} .signal-debug-modal{position:fixed;inset:0;z-index:120;display:none} .signal-debug-modal.open{display:block} .signal-debug-backdrop{position:absolute;inset:0;background:rgba(3,18,31,.58)} .signal-debug-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1180px,94vw);height:min(760px,90vh);background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.22);display:flex;flex-direction:column;overflow:hidden} .signal-debug-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:16px 18px;border-bottom:1px solid var(--line)} .signal-debug-header h2{font-size:17px;margin:0 0 4px} .signal-debug-header p{margin:0;color:var(--muted);font-size:12px} .signal-debug-close{border:0;background:none;font-size:25px;line-height:1;cursor:pointer;color:var(--muted)} .signal-debug-body{display:grid;grid-template-columns:280px 1fr;min-height:0;flex:1} .signal-debug-list{border-right:1px solid var(--line);overflow:auto;background:var(--soft);padding:8px} .signal-debug-item{display:block;width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:6px;padding:10px;margin-bottom:5px;cursor:pointer} .signal-debug-item:hover{background:#fff;border-color:var(--line)} .signal-debug-item.active{background:#fff;border-color:#b7d5ff;box-shadow:0 0 0 1px rgba(8,104,233,.08)} .signal-debug-item strong,.signal-debug-item span,.signal-debug-item small{display:block} .signal-debug-item strong{font-size:12px;margin-bottom:4px} .signal-debug-item span{font-size:12px;color:#31425a} .signal-debug-item small{font-size:12px;color:var(--muted);margin-top:4px} .signal-debug-content{display:flex;flex-direction:column;min-width:0;padding:14px} .signal-debug-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;font-size:12px;color:var(--muted)} .signal-debug-meta strong{color:var(--text);font-size:12px} .signal-debug-meta span{display:block;text-align:right} #signalPromptDebugText{flex:1;width:100%;resize:none;border:1px solid var(--line);border-radius:7px;background:#0b1725;color:#e7eef6;padding:14px;font-family:Consolas,'Courier New',monospace;font-size:12px;line-height:1.5;white-space:pre;overflow:auto} .signal-debug-loading,.signal-debug-error{font-size:12px;line-height:1.5;color:var(--muted);padding:12px} .signal-debug-error{color:var(--red)} body.modal-open{overflow:hidden} @media(max-width:800px){.signal-debug-body{grid-template-columns:1fr}.signal-debug-list{max-height:180px;border-right:0;border-bottom:1px solid var(--line)}.signal-debug-meta{align-items:flex-start;flex-direction:column}.signal-debug-meta span{text-align:left}} .signal-debug-content{overflow:auto} .signal-debug-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:2px 0 6px;color:var(--muted)} .signal-debug-response-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px} .signal-debug-response-status{font-size:12px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--soft)} .signal-debug-response-status.parsed,.signal-debug-response-status.received{border-color:#a9dfb7;color:#147a30;background:#f0fbf3} .signal-debug-response-status.api-error,.signal-debug-response-status.parse-error,.signal-debug-response-status.no-output{border-color:#ffc3c3;color:#bd1e1e;background:#fff5f5} .signal-debug-response-error{margin:7px 0;padding:8px 10px;border:1px solid #ffcaca;background:#fff5f5;color:#b42318;border-radius:6px;font-size:12px;white-space:pre-wrap;word-break:break-word} #signalPromptDebugText,#signalPromptResponseText{width:100%;min-height:260px;resize:vertical;border:1px solid var(--line);border-radius:7px;background:#0b1725;color:#e7eef6;padding:14px;font-family:Consolas,'Courier New',monospace;font-size:12px;line-height:1.5;white-space:pre;overflow:auto} #signalPromptResponseText{min-height:220px} .signal-debug-response-status.requesting{ border-color:#9fc4ff; color:#075db7; background:#edf5ff; font-weight:700; position:relative; padding-left:20px; } .signal-debug-response-status.requesting:before{ content:""; position:absolute; width:8px; height:8px; left:7px; top:50%; margin-top:-4px; border:2px solid #9fc4ff; border-top-color:#075db7; border-radius:50%; animation:klarodexResponseSpin .8s linear infinite; } @keyframes klarodexResponseSpin{to{transform:rotate(360deg)}} .signal-debug-header-actions{display:flex;align-items:center;gap:10px} .signal-debug-clear-btn{font-size:12px;color:#b42318;border-color:#f3b7b2;background:#fff} .signal-debug-clear-btn:hover{background:#fff5f4;border-color:#e58f87} .signal-debug-test-notice{padding:9px 16px;border-bottom:1px solid #f0d8a7;background:#fff9ed;color:#744500;font-size:12px;line-height:1.45} .signal-debug-test-notice strong{font-weight:700} .signal-debug-response-status.committed-to-database{ border-color:#9bd3aa; color:#147a30; background:#eefaf1; font-weight:700; } .signal-debug-progress-card{margin:12px 0;padding:12px 14px;border:1px solid #d9e5f5;border-radius:8px;background:#f8fbff} .signal-debug-progress-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px} .signal-debug-progress-stage{font-size:13px;font-weight:700;color:#075db7;margin-top:8px} .signal-debug-progress-detail{font-size:12px;line-height:1.5;color:#52606d;margin-top:4px} .signal-debug-progress-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:12px;color:#7b8794;flex-wrap:wrap} .signal-debug-response-status.validation-database-failure, .signal-debug-response-status.validation-failed, .signal-debug-response-status.job-failed{ border-color:#ffc3c3; color:#b42318; background:#fff5f5; font-weight:700; } .signal-debug-research-card{margin:10px 0 12px;padding:11px 13px;border:1px solid #dbe6f3;border-radius:8px;background:#fbfdff} .signal-debug-research-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px} #signalPromptResearchStatus{font-size:12px;padding:3px 7px;border:1px solid #d5dde8;border-radius:999px;color:#667085} #signalPromptResearchStatus.used{border-color:#9bd3aa;background:#eefaf1;color:#147a30;font-weight:700} #signalPromptResearchStatus.not-used{border-color:#ffc9a8;background:#fff7f1;color:#9a4d00} .signal-debug-research-summary{margin-top:8px;font-size:12px;line-height:1.55;color:#596777;white-space:pre-wrap;max-height:150px;overflow:auto} /* Shared pending signal-data state for metric/reporting pages */ .signal-pending-host{position:relative} .signal-pending-overlay{ /* v420: anchor the first-analysis veil to the visible application viewport, not the document height. This keeps the loader card centred on-screen immediately on load, even on long pages. */ position:fixed; top:54px; right:0; bottom:0; left:247.2px; z-index:1200; min-height:0; display:flex; align-items:center; justify-content:center; padding:28px; background:rgba(248,250,253,.97); backdrop-filter:blur(2px); } body.klarodex-news-ticker-enabled .signal-pending-overlay{top:88px} body.sidebar-collapsed .signal-pending-overlay{left:72px} @media(max-width:900px){ .signal-pending-overlay, body.sidebar-collapsed .signal-pending-overlay{left:0} } .signal-pending-overlay[hidden]{display:none!important} .signal-pending-panel{ width:min(520px,92%); text-align:center; background:var(--card,#fff); border:1px solid var(--line,#e3e8ef); box-shadow:0 14px 38px rgba(20,37,63,.08); border-radius:12px; padding:32px 34px; } .signal-pending-panel .company-loader-spinner{margin:0 auto 18px} .signal-pending-panel h2{margin:0 0 8px;font-size:19px} .signal-pending-panel p{margin:0 auto 14px;max-width:410px;color:var(--muted,#667085);font-size:12px;line-height:1.65} .signal-pending-panel small{display:block;margin-top:13px;color:var(--muted,#667085);font-size:12px} .signal-pending-status{ display:inline-block; max-width:100%; border:1px solid #cfe0f5; background:#f2f7fd; color:#235b91; border-radius:999px; padding:6px 11px; font-size:12px; line-height:1.35; } body[data-theme="dark"] .signal-pending-overlay{background:rgba(10,17,26,.96)} @media(max-width:760px){ .signal-pending-overlay{padding:16px} .signal-pending-panel{padding:26px 20px} } .category-history-range{display:inline-flex;gap:4px;margin:10px 0 12px;padding:3px;border:1px solid var(--line,#dfe5ec);border-radius:8px;background:var(--soft,#f7f9fc)} .category-history-range-btn{border:0;background:transparent;padding:6px 11px;border-radius:6px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;color:var(--muted,#667085)} .category-history-range-btn.active{background:var(--card,#fff);color:var(--primary,#0d6efd);box-shadow:0 1px 3px rgba(16,24,40,.08)} /* History & Changes */ .history-changes-page{padding:24px 26px 50px} .history-changes-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px} .history-changes-topbar h1{margin:0 0 5px;font-size:25px} .history-changes-topbar p{margin:0;color:var(--muted,#667085);font-size:12px} .history-export-btn{min-width:90px} .history-export-btn:disabled{opacity:.58;cursor:not-allowed} .history-summary-card,.history-filter-card,.history-grid-card{ background:var(--card,#fff); border:1px solid var(--line,#e1e7ef); border-radius:10px; box-shadow:0 1px 2px rgba(16,24,40,.025) } .history-summary-card{padding:18px 20px;margin-bottom:14px;max-width:330px} .history-summary-label{text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700;color:var(--muted,#667085)} .history-summary-value{font-size:20px;font-weight:700;margin-top:5px} .history-summary-sub{font-size:12px;color:var(--muted,#667085);margin-top:5px} .history-filter-card{padding:18px 20px;margin-bottom:14px} .history-filter-heading,.history-grid-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px} .history-filter-heading h2,.history-grid-heading h2{font-size:14px;margin:0 0 4px} .history-filter-heading p,.history-grid-heading p{font-size:12px;color:var(--muted,#667085);margin:0} .history-date-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:15px} .history-date-controls label{display:flex;flex-direction:column;gap:5px;min-width:175px} .history-date-controls label span{font-size:12px;font-weight:600;color:var(--muted,#667085)} .history-date-controls input{height:34px;border:1px solid var(--line,#d8e0e9);border-radius:6px;background:var(--card,#fff);color:inherit;padding:0 10px;font:inherit;font-size:12px} .history-all-btn{white-space:nowrap} .history-grid-card{padding:18px 0 0;overflow:hidden} .history-grid-heading{padding:0 20px 15px} .history-row-count{font-size:12px;color:var(--muted,#667085);white-space:nowrap;padding-top:2px} .history-loading,.history-empty{min-height:180px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted,#667085);font-size:12px;border-top:1px solid var(--line,#edf0f4)} .history-empty[hidden],.history-loading[hidden]{display:none!important} .history-grid-scroll{overflow:auto;max-height:calc(100vh - 340px);border-top:1px solid var(--line,#e6ebf1)} .history-grid-scroll[hidden]{display:none!important} .history-score-grid{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:12px} .history-score-grid th,.history-score-grid td{ min-width:105px;height:38px;padding:7px 9px;text-align:center; border-right:1px solid var(--line,#edf0f4); border-bottom:1px solid var(--line,#edf0f4) } .history-score-grid thead th{ position:sticky;top:0;z-index:3;background:var(--card,#fff); font-weight:700;white-space:nowrap } .history-score-grid .history-date-col{ position:sticky;left:0;z-index:2;min-width:12px;text-align:left; background:var(--card,#fff);font-weight:600 } .history-score-grid thead .history-date-col{z-index:4} .history-score-cell{font-variant-numeric:tabular-nums;font-weight:700} .history-score-cell.score-strong{background:rgba(18,163,87,.14)} .history-score-cell.score-positive{background:rgba(18,163,87,.07)} .history-score-cell.score-neutral{background:rgba(108,117,125,.06)} .history-score-cell.score-weak{background:rgba(245,158,11,.10)} .history-score-cell.score-poor{background:rgba(220,53,69,.10)} .history-score-cell.score-missing{font-weight:400;color:var(--muted,#98a2b3);background:transparent} @media(max-width:760px){ .history-changes-page{padding:18px 14px 40px} .history-changes-topbar,.history-filter-heading,.history-grid-heading{flex-direction:column} .history-summary-card{max-width:none} .history-date-controls label{min-width:calc(50% - 6px);flex:1} } /* Standalone development Debug screen */ .debug-page-main{padding:24px 26px 50px} .debug-engine-status{margin:0 0 14px} .debug-page-card{background:var(--card,#fff);border:1px solid var(--line,#e1e7ef);border-radius:10px;overflow:hidden} .debug-page-body{min-height:600px;height:calc(100vh - 235px)} .debug-page-body .signal-debug-list{min-width:285px} .debug-page-body .signal-debug-content{overflow:auto} .debug-view-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:0 0 12px} .debug-view-tab{border:0;border-bottom:2px solid transparent;background:transparent;padding:10px 2px;font:inherit;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer} .debug-view-tab.active{color:var(--blue,#0868e9);border-bottom-color:var(--blue,#0868e9)} .debug-view-tab span{display:inline-flex;min-width:20px;height:18px;align-items:center;justify-content:center;margin-left:5px;padding:0 6px;border-radius:999px;background:#e8f1fd;color:#075db7;font-size:12px} .global-queue-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border-bottom:1px solid var(--line)} .global-queue-head h2{font-size:16px;margin:0 0 4px}.global-queue-head p{font-size:12px;color:var(--muted);margin:0} .global-queue-head .global-queue-config{margin-top:6px;color:#35506f} .global-queue-summary{font-size:12px;font-weight:600;color:#334155} .global-queue-scroll{overflow:auto;max-height:calc(100vh - 315px);min-height:360px} .global-queue-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap} .global-queue-table th,.global-queue-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line)} .global-queue-table th{position:sticky;top:0;z-index:1;background:var(--card,#fff);font-weight:700} .global-queue-table td.queue-empty{padding:40px;text-align:center;color:var(--muted)} .api-insight-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;border-bottom:1px solid var(--line)} .api-insight-cards article{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--card,#fff)} .api-insight-cards span{font-size:12px;color:var(--muted)} .api-insight-cards strong{font-size:22px;color:var(--text,#071b3a)} .api-insight-cards small{font-size:12px;color:var(--muted)} .api-insights-scroll{max-height:calc(100vh - 430px);min-height:300px} .api-insights-table td:nth-child(5){max-width:300px;overflow:hidden;text-overflow:ellipsis} .global-queue-table tfoot td{position:sticky;bottom:0;background:var(--card,#fff);border-top:2px solid var(--line);border-bottom:0} .cost-analysis-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line)} .cost-analysis-filters select,.cost-analysis-filters input,.cost-retention-label select{min-height:36px;border:1px solid var(--line);border-radius:6px;background:var(--card,#fff);color:var(--text,#071b3a);padding:0 10px;font:inherit} .cost-analysis-filters label,.cost-retention-label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)} .cost-retention-label{min-width:155px}.cost-retention-label select{margin-top:4px} .cost-breakdowns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 16px 16px} .cost-breakdowns article{border:1px solid var(--line);border-radius:8px;padding:12px;max-height:220px;overflow:auto} .cost-breakdowns h3,.monthly-cost-summary h3{font-size:12px;margin:0 0 8px} .cost-breakdowns article>div>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px} .cost-breakdowns small{color:var(--muted)}.cost-breakdowns strong{font-size:12px} .cost-request-scroll{min-height:220px;max-height:360px;border-top:1px solid var(--line)} .cost-pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--line);font-size:12px} .monthly-cost-summary{padding:16px;border-top:1px solid var(--line)}.monthly-cost-summary p{font-size:12px;color:var(--muted);margin:-4px 0 8px} @media(max-width:900px){.api-insight-cards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){.cost-breakdowns{grid-template-columns:1fr}.cost-analysis-filters>*{flex:1 1 180px}} .queue-status{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:12px;font-weight:700;background:#fff5db;color:#8a5a00;border:1px solid #f3d58a} .queue-status.running{background:#eef6ff;color:#075db7;border-color:#b8d6fa} .sidebar-debug-divider{margin-top:7px} .sidebar-debug-link{opacity:.72;font-size:12px} .sidebar-debug-link:hover,.sidebar-debug-link.active{opacity:1} .sidebar-pinned-visualisations{display:flex;min-width:0;flex-direction:column;gap:2px;margin:10px 0;padding:8px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.sidebar-pinned-visualisations.is-empty,.sidebar-collapsed .sidebar-pinned-visualisations{display:none!important}.sidebar-pinned-visualisations .sidebar-pinned-comparison-links{display:flex;min-width:0;flex-direction:column;gap:2px}.sidebar-pinned-visualisations a{display:flex;min-width:0;min-height:34px;align-items:center;gap:8px;padding:6px 10px;border-radius:5px;color:#9fc3df!important;font-size:13px;line-height:1.35;text-decoration:none!important}.sidebar-pinned-visualisations a .ico{width:18px;flex:0 0 18px;color:#6da8d1;text-align:center}.sidebar-pinned-visualisations a span:last-child{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-pinned-visualisations a:hover,.sidebar-pinned-visualisations a.active{color:#fff!important;background:#173b56} .side-nav a.sidebar-custom-chart-link{height:29px;min-height:29px;margin-left:4px;padding:0 8px;color:#aebfd0;font-size:calc(12px + 1pt);line-height:1.2}.side-nav a.sidebar-custom-chart-link .ico{width:17px;color:#7fb1d2;font-size:13px}.side-nav a.sidebar-custom-chart-link:hover,.side-nav a.sidebar-custom-chart-link.active{color:#fff;background:#173b56}.side-nav a.sidebar-custom-chart-link:hover .ico,.side-nav a.sidebar-custom-chart-link.active .ico{color:#fff} .side-nav a{min-width:0}.side-nav a>span:not(.ico):not(.count){display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav a.sidebar-custom-chart-link>span:nth-child(2){max-width:calc(100% - 25px)} .overview-score-card .donut-wrap{align-items:center;justify-content:flex-start}.overview-score-card .overall-ring{width:110px!important;height:110px!important;min-width:110px;min-height:110px;flex:0 0 110px;aspect-ratio:1;border-radius:50%}.overview-score-card .overall-ring:after{width:83px!important;height:83px!important;aspect-ratio:1;border-radius:50%}.financial-chart-x,.financial-chart-y{font-size:12px!important}.financial-chart-tick{stroke:var(--line);stroke-width:1} .live-signal-menu-loading{padding:10px 13px;font-size:12px;color:var(--muted,#667085);white-space:nowrap} /* Allow all selected signal-category overlays to remain visible. */ .live-signal-legend{display:flex;flex-wrap:wrap;gap:6px;align-items:center} .live-signal-menu-divider{height:1px;background:var(--line,#e4e8ef);margin:5px 8px} .live-signal-menu button.technical-unavailable{opacity:.55} .manual-history-import-card{padding:20px} .manual-history-form{display:flex;flex-direction:column;gap:10px;margin-top:16px} .manual-history-label{font-weight:700;margin-top:5px} .manual-history-select{min-height:42px;max-width:520px;border:1px solid #dce2eb;border-radius:8px;padding:8px 11px;background:var(--surface,#fff);color:inherit} .manual-history-json{width:100%;min-height:430px;resize:vertical;border:1px solid #dce2eb;border-radius:9px;padding:14px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.45;background:var(--surface,#fff);color:inherit} .manual-history-help{font-size:12px;opacity:.76;line-height:1.55} .manual-history-actions{display:flex;gap:8px;margin-top:5px} .manual-history-result{margin-top:14px;border-radius:9px;padding:14px;line-height:1.65} .manual-history-result.is-success{border:1px solid rgba(27,143,90,.35);background:rgba(27,143,90,.08)} .manual-history-result.is-error{border:1px solid rgba(190,54,54,.35);background:rgba(190,54,54,.08)} .manual-history-date-list{margin-top:5px;max-height:105px;overflow:auto;font-size:12px} .manual-history-prompt-builder{margin:10px 0 14px;padding:18px;border:1px solid #e0e5ed;border-radius:10px} .manual-history-prompt-builder h2,.manual-history-form h2{margin:0 0 7px;font-size:18px} .manual-history-prompt-builder p{margin:0 0 14px;opacity:.76;font-size:13px;line-height:1.5} .manual-history-date-fields{display:flex;gap:14px;flex-wrap:wrap} .manual-history-date-fields>div{min-width:210px} .manual-history-date-input{display:block;width:100%;min-height:42px;margin-top:7px;border:1px solid #dce2eb;border-radius:8px;padding:8px 11px;background:var(--surface,#fff);color:inherit} .manual-history-prompt-output{min-height:460px;margin-top:5px} .manual-history-import-divider{height:1px;background:#e0e5ed;margin:14px 0 8px} /* By Category score progress -------------------------------------------- */ .category-meta-v2{gap:10px} .category-score-label{white-space:nowrap;min-width:max-content} .category-score-progress{display:block;flex:1;min-width:72px;max-width:150px} .category-score-track{position:relative;display:block;width:100%;height:8px;border-radius:999px;overflow:hidden;background:#e8edf4;box-shadow:inset 0 0 0 1px rgba(9,22,47,.08)} .category-score-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;transition:width .35s ease,background-color .2s ease} .category-score-fill.score-low{background:#ef4444} .category-score-fill.score-mid{background:#f59e0b} .category-score-fill.score-high{background:#22c55e} .category-meta-v2>svg{flex:0 0 auto} @media(max-width:1280px){.category-score-progress{max-width:120px}} @media(max-width:620px){.category-score-progress{max-width:none}} /* Tracked Companies - Klarodex Score ------------------------------------ */ .klarodex-score-cell{min-width:150px} .tracked-klarodex-score{display:flex;align-items:center;gap:9px;min-width:140px} .tracked-score-label{min-width:36px;font-size:12px;font-weight:700;color:#0d1b34;white-space:nowrap} .tracked-score-track{position:relative;display:block;width:88px;height:8px;overflow:hidden;border-radius:999px;background:#e8edf4;box-shadow:inset 0 0 0 1px rgba(9,22,47,.08)} .tracked-score-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;transition:width .35s ease,background-color .2s ease} .tracked-score-fill.score-low{background:#ef4444} .tracked-score-fill.score-mid{background:#f59e0b} .tracked-score-fill.score-high{background:#22c55e} .tracked-klarodex-score.is-calculating .tracked-score-label{min-width:72px;color:#6b778c;font-weight:600} .tracked-klarodex-score.is-calculating .tracked-score-track{background:#eef2f7} .tracked-klarodex-score.is-calculating .tracked-score-track::after{content:"";position:absolute;top:0;bottom:0;width:35%;border-radius:999px;background:#cbd5e1;animation:klarodex-score-loading 1.2s ease-in-out infinite} @keyframes klarodex-score-loading{0%{left:-35%}100%{left:100%}} /* Tracked Companies - portfolio Klarodex Score KPI ---------------------- */ .tracked-kpis{grid-template-columns:repeat(6,minmax(0,1fr))} .portfolio-klarodex-score.score-low{color:#ef4444} .portfolio-klarodex-score.score-mid{color:#f59e0b} .portfolio-klarodex-score.score-high{color:#22c55e} .portfolio-klarodex-score.is-calculating{font-size:17px;color:#6b778c} @media(max-width:1280px){.tracked-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.tracked-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){.tracked-kpis{grid-template-columns:1fr}} /* Live - additional analysis charts ------------------------------------- */ .live-chart-control{position:relative} .live-chart-menu{width:270px} .live-chart-menu button[data-chart]{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;text-align:left;color:#10213f;cursor:pointer} .live-chart-menu button[data-chart]:hover,.live-chart-menu button[data-chart].selected{background:#f2f6fb} .live-chart-menu button[data-chart] span{font-size:13px;font-weight:650} .live-chart-menu button[data-chart] small{font-size:12px;color:#718096;font-weight:400;text-align:right} .live-chart-menu button[data-chart].selected::before{content:"✓";color:#176be4;font-weight:800;margin-right:2px} .live-chart-menu button[data-chart].selected span{margin-right:auto} .chart-plus{font-size:16px;line-height:1} .live-additional-charts{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px;width:100%} .live-analysis-chart{position:relative;border:0;border-radius:0;background:#fff;overflow:hidden} .live-analysis-chart-head{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:0} .live-analysis-chart-head>div{display:flex;align-items:baseline;gap:9px} .live-analysis-chart-head strong{font-size:13px;color:#0a1730} .live-analysis-chart-head span{font-size:12px;color:#718096} .live-analysis-remove{width:25px;height:25px;border:0;border-radius:6px;background:transparent;color:#718096;font-size:18px;line-height:1;cursor:pointer} .live-analysis-remove:hover{background:#f1f4f8;color:#0a1730} .live-analysis-chart canvas{display:block;width:100%;height:340px} body[data-theme="dark"] .live-analysis-chart{background:#111827} body[data-theme="dark"] .live-analysis-chart-head{border-color:transparent} body[data-theme="dark"] .live-analysis-chart-head strong{color:#f4f7fb} body[data-theme="dark"] .live-chart-menu button[data-chart]{color:#f4f7fb} body[data-theme="dark"] .live-chart-menu button[data-chart]:hover, body[data-theme="dark"] .live-chart-menu button[data-chart].selected{background:#172235} .live-analysis-title{display:flex;align-items:baseline;gap:9px;min-width:0} .live-analysis-actions{display:flex;align-items:center;gap:4px} .live-analysis-order{width:27px;height:27px;border:1px solid #dce3ec;border-radius:6px;background:#fff;color:#40516b;font-size:14px;line-height:1;cursor:pointer} .live-analysis-order:hover:not(:disabled){background:#f1f5f9;color:#0a1730} .live-analysis-order:disabled{opacity:.32;cursor:default} .live-analysis-remove{border:1px solid transparent} body[data-theme="dark"] .live-analysis-order{background:#111827;border-color:#344055;color:#cbd5e1} body[data-theme="dark"] .live-analysis-order:hover:not(:disabled){background:#1f2937;color:#fff} @media(max-width:760px){.live-analysis-chart canvas{height:280px}.live-analysis-title span{display:none}} .live-analysis-chart.is-loading canvas{opacity:.38} .live-analysis-loader{position:absolute;inset:45px 0 0;z-index:5;display:none;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:rgba(255,255,255,.76);backdrop-filter:blur(1px)} .live-analysis-loader strong{font-size:12px;color:#40516b} body[data-theme="dark"] .live-analysis-loader{background:rgba(17,24,39,.76)} body[data-theme="dark"] .live-analysis-loader strong{color:#cbd5e1} /* Live additional chart spacing & right-side Y axis --------------------- */ .live-additional-charts{padding:0 14px 16px} .live-analysis-chart{ padding:0 10px 12px; border-radius:10px; background:#fff; box-shadow:inset 0 1px 0 #edf1f6,inset 0 -1px 0 #edf1f6; } .live-analysis-chart-head{ min-height:46px; padding:12px 10px 8px; } .live-analysis-title{ padding-left:2px; } .live-analysis-title strong{ line-height:1.35; } .live-analysis-chart canvas{ width:calc(100% - 12px); margin:0 6px; } .live-analysis-actions{ padding-right:2px; } body[data-theme="dark"] .live-analysis-chart{ box-shadow:inset 0 1px 0 #273142,inset 0 -1px 0 #273142; } /* By Category usability/layout refinements ------------------------------- */ .dynamic-category-kpis{margin-bottom:14px} .category-history-range{position:relative;z-index:3} .category-history-range-btn{position:relative;z-index:4;pointer-events:auto;user-select:none} .category-history-range-btn:hover{background:#eef4ff;color:var(--primary,#0d6efd)} .category-head-actions{gap:9px} .category-page-pin-button{height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--line);border-radius:7px;background:var(--card,#fff);color:var(--muted);font:600 12px Inter,sans-serif;cursor:pointer}.category-page-pin-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.category-page-pin-button:hover{border-color:#8db7ef;color:#075bd0}.category-page-pin-button.pinned{color:#075bd0;background:#edf5ff;border-color:#9fc4f5}.category-page-pin-button.pinned svg path:first-child{fill:currentColor}.category-page-pin-button.pinned span::before{content:'Unpin ';}.category-page-pin-button.pinned span{font-size:0}.category-page-pin-button.pinned span::before{font-size:12px;content:'Unpin Insights'}.category-page-pin-button:disabled{cursor:wait;opacity:.5}body[data-resolved-theme="dark"] .category-page-pin-button,body[data-resolved-theme="black"] .category-page-pin-button{background:#111b26;color:#aab7c8;border-color:#344457}body[data-resolved-theme="dark"] .category-page-pin-button.pinned,body[data-resolved-theme="black"] .category-page-pin-button.pinned{color:#8dbbff;border-color:#426d9f} .category-head-action{ display:inline-flex; align-items:center; justify-content:center; min-width:94px; height:40px; padding:0 15px; border:1px solid var(--line,#dce3ec); border-radius:7px; background:var(--card,#fff); color:var(--ink,#0a1730); text-decoration:none!important; font-size:12px; font-weight:600; line-height:1; box-shadow:none; } .category-head-action:hover{border-color:#b8c7da;background:var(--soft,#f7f9fc);text-decoration:none} .signal-chart-axis-label{fill:var(--muted,#667085);font-size:12px} .signal-chart-axis-title{fill:var(--muted,#667085);font-size:12px;font-weight:600} .signal-chart-grid-x{opacity:.65} .signal-category-history-point{fill:var(--blue);stroke:var(--card,#fff);stroke-width:1.2} @media(max-width:760px){ .category-head-actions{width:100%;justify-content:flex-end} .category-head-action{min-width:0} } /* Category history: right-side Y axis */ #categoryHistoryChart{padding-left:0;padding-right:6px;box-sizing:border-box} /* Signal pending experience --------------------------------------------- */ .signal-pending-panel{width:min(590px,92%);padding:34px 38px 30px} .signal-pending-orbit{position:relative;width:46px;height:46px;margin:0 auto 18px;border:1px solid #d8e6f7;border-radius:50%;animation:klarodexPendingSpin 3.2s linear infinite} .signal-pending-orbit:before{content:"";position:absolute;inset:8px;border:1px solid #e7eef8;border-radius:50%} .signal-pending-orbit span{position:absolute;width:7px;height:7px;border-radius:50%;background:#176be4;box-shadow:0 0 0 3px rgba(23,107,228,.08)} .signal-pending-orbit span:nth-child(1){left:19px;top:-4px} .signal-pending-orbit span:nth-child(2){right:-3px;bottom:10px;background:#16b872} .signal-pending-orbit span:nth-child(3){left:-2px;bottom:9px;background:#f5a400} @keyframes klarodexPendingSpin{to{transform:rotate(360deg)}} #klarodexPendingHeadline,#klarodexPendingMessage{transition:opacity .22s ease,transform .22s ease} #klarodexPendingHeadline.is-changing,#klarodexPendingMessage.is-changing{opacity:0;transform:translateY(3px)} .signal-pending-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:20px 0 16px} .signal-pending-stages span{position:relative;padding-top:13px;color:#8995a8;font-size:12px;line-height:1.25;text-align:center} .signal-pending-stages span:before{content:"";position:absolute;top:0;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#d8e0ea;transition:transform .2s ease,background .2s ease,box-shadow .2s ease} .signal-pending-stages span:not(:last-child):after{content:"";position:absolute;top:3px;left:calc(50% + 7px);width:calc(100% - 9px);height:1px;background:#e4e9f0} .signal-pending-stages span.active{color:#176be4;font-weight:700} .signal-pending-stages span.active:before{background:#176be4;transform:scale(1.35);box-shadow:0 0 0 4px rgba(23,107,228,.1)} .signal-pending-stages span.complete{color:#4b647f} .signal-pending-stages span.complete:before{background:#16b872} .signal-pending-meta{display:flex;flex-direction:column;align-items:center;gap:8px} .signal-pending-elapsed{font-size:12px;color:var(--muted,#667085);font-variant-numeric:tabular-nums;letter-spacing:.01em} body[data-theme="dark"] .signal-pending-orbit{border-color:#30415a} body[data-theme="dark"] .signal-pending-orbit:before{border-color:#26364e} body[data-theme="dark"] .signal-pending-stages span:not(:last-child):after{background:#29364a} @media(max-width:620px){ .signal-pending-panel{padding:28px 20px 24px} .signal-pending-stages{grid-template-columns:1fr;gap:5px;text-align:left;margin:17px 0} .signal-pending-stages span{text-align:left;padding:4px 0 4px 20px} .signal-pending-stages span:before{left:5px;top:7px;margin-left:0} .signal-pending-stages span:after{display:none} } /* Company Overview - 30 day Signals movement */ .overview-signals-section{margin:10px 0;display:block;width:100%} .overview-signals-motion-card{width:100%;min-height:620px;padding:18px 20px 16px;overflow:hidden} .signals-motion-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 2px} .signals-motion-head h3{margin:0;font-size:13px} .signals-motion-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.95fr);gap:24px;align-items:stretch} .signals-motion-chart{min-width:0} .signals-motion-stage{position:relative;height:570px;display:flex;align-items:center;justify-content:center} .signals-motion-svg{display:block;width:100%;height:100%;overflow:visible} .signals-motion-empty{position:absolute;color:var(--muted,#667085);font-size:12px} .signals-motion-empty[hidden]{display:none!important} .signals-motion-label{font:700 12px Inter,sans-serif;fill:var(--text,#27364a)} .signals-motion-score{font-weight:900;font-size:18px} .signals-motion-centre-title{font:800 12px Inter,sans-serif;letter-spacing:.08em;fill:var(--text,#27364a)} .signals-motion-centre-sub{font:600 12px Inter,sans-serif;fill:var(--muted,#667085)} .signals-motion-day{transition:opacity .16s ease} .signals-category-panel{border-left:1px solid var(--line,#edf0f4);padding:10px 4px 4px 24px;display:flex;flex-direction:column;justify-content:center;min-width:0} .signals-category-panel h3{margin:0 0 16px;font-size:13px} .signals-category-panel .cat-list{display:flex;flex-direction:column;gap:2px} .signals-category-panel .cat-row{min-height:43px;grid-template-columns:26px minmax(130px,1fr) minmax(90px,1.15fr) 48px;gap:10px;align-items:center} .signals-category-panel .cat-row>span:nth-child(2){font-size:12px;font-weight:600;line-height:1.2} .signals-category-panel .cat-row b{font-size:13px} .signals-category-panel .progress{height:8px} body[data-theme="dark"] .signals-motion-label,body[data-theme="dark"] .signals-motion-centre-title{fill:#e7edf6} body[data-theme="dark"] .signals-motion-grid circle{stroke:#314055} body[data-theme="dark"] .signals-category-panel{border-left-color:#314055} @media(max-width:1180px){.signals-motion-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:12px}.signals-category-panel{padding-left:14px}.signals-motion-label{font-size:12px}.signals-motion-score{font-size:16px}} @media(max-width:900px){.overview-signals-motion-card{min-height:0}.signals-motion-layout{grid-template-columns:1fr}.signals-motion-stage{height:520px}.signals-category-panel{border-left:0;border-top:1px solid var(--line,#edf0f4);padding:18px 0 4px}.signals-motion-label{font-size:12px}.signals-motion-score{font-size:14px}} @media(max-width:620px){.overview-signals-motion-card{padding-left:8px;padding-right:8px}.signals-motion-stage{height:440px}.signals-motion-label{font-size:12px}.signals-motion-score{font-size:12px}.signals-category-panel .cat-row{grid-template-columns:24px minmax(100px,1fr) minmax(70px,1fr) 42px}} /* Company Overview approved Signals layout - chart left, category scores right */ .overview-signals-section{margin:10px 0 10px;width:100%} .overview-signals-motion-card{width:100%;min-height:430px;padding:14px 18px 12px;overflow:hidden} .overview-signals-motion-card .signals-motion-head{margin:0 0 0} .overview-signals-motion-card .signals-motion-head h3{font-size:13px;font-weight:800} .signals-motion-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(420px,1fr);gap:18px;align-items:center} .signals-motion-chart{min-width:0} .signals-motion-stage{height:430px;min-height:430px} .signals-motion-svg{width:100%;height:100%} .signals-motion-label{font-size:15px;font-weight:700} .signals-motion-score{font-size:20px;font-weight:900} .signals-motion-centre-title{font-size:14px;font-weight:800} .signals-motion-centre-sub{font-size:13px;font-weight:600} .signals-category-panel{border-left:0;padding:6px 0 6px 18px;justify-content:center} .signals-category-panel h3{display:none} .signals-category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:0!important} .signals-category-panel .signals-side-category{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;min-height:54px;gap:10px!important;border-bottom:1px solid var(--line,#edf0f4);align-items:center} .signals-side-ico{width:24px;height:24px;border:1.5px solid currentColor;background:transparent!important;border-radius:6px;font-size:13px;display:grid;place-items:center} .signals-side-name{font-size:13px!important;font-weight:600!important;line-height:1.2} .signals-side-value{font-size:22px!important;font-weight:800;min-width:52px;text-align:right} .overview-main-reworked{grid-template-columns:.9fr .58fr 1.65fr;gap:10px;align-items:stretch} .overview-main-reworked>.card{min-width:0} .overview-main-reworked .score-ranges-vertical{grid-template-columns:1fr;gap:8px} .overview-main-reworked .rangebox{padding:9px 5px} .overview-main-reworked .overview-strongest-card{grid-column:auto} .overview-main-reworked .overview-trend-card{grid-column:1/2} .overview-main-reworked .overview-weakest-card{grid-column:2/4} @media(max-width:1350px){.signals-motion-layout{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)}.signals-category-grid{grid-template-columns:1fr 1fr}.signals-side-name{font-size:12px!important}.signals-side-value{font-size:18px!important}.overview-main-reworked{grid-template-columns:1fr .65fr 1.4fr}} @media(max-width:1050px){.signals-motion-layout{grid-template-columns:1fr}.signals-category-panel{padding:12px 0 0;border-top:1px solid var(--line,#edf0f4)}.signals-motion-stage{height:500px}.overview-main-reworked{grid-template-columns:1fr 1fr}.overview-main-reworked .overview-strongest-card{grid-column:1/-1}.overview-main-reworked .overview-trend-card{grid-column:auto}.overview-main-reworked .overview-weakest-card{grid-column:auto}} @media(max-width:700px){.signals-category-grid{grid-template-columns:1fr}.signals-motion-stage{height:430px}.signals-motion-label{font-size:12px}.signals-motion-score{font-size:14px}.overview-main-reworked{grid-template-columns:1fr}.overview-main-reworked .overview-strongest-card,.overview-main-reworked .overview-trend-card,.overview-main-reworked .overview-weakest-card{grid-column:auto}} /* Company Overview Signals polish v1.4 */ .overview-signals-section{margin:12px 0 12px} .overview-signals-motion-card{padding:20px 26px 22px!important;overflow:visible!important;min-height:540px!important} .overview-signals-motion-card .signals-motion-head{padding:0 2px 4px} .signals-motion-layout{grid-template-columns:minmax(0,1.25fr) minmax(430px,.95fr)!important;gap:30px!important;align-items:stretch!important} .signals-motion-chart{padding:0 10px 0 8px;min-width:0} .signals-motion-stage{height:500px!important;min-height:500px!important;overflow:visible!important} .signals-motion-svg{overflow:visible!important} .signals-motion-label{font-size:15px!important;font-weight:700!important;paint-order:stroke;stroke:rgba(255,255,255,.88);stroke-width:3px;stroke-linejoin:round} .signals-motion-score{font-size:20px!important;font-weight:900!important;stroke:rgba(255,255,255,.88);stroke-width:3px} .signals-motion-grade{font:700 12px Inter,sans-serif;fill:#20304a;paint-order:stroke;stroke:#fff;stroke-width:3px} .signals-motion-scale-label{font:600 12px Inter,sans-serif;fill:#20304a} .signals-motion-centre-title{font-size:14px!important} .signals-motion-centre-sub{font-size:13px!important} .signals-category-panel{padding:22px 4px 18px 10px!important;align-self:stretch} .signals-category-panel .signals-side-category{min-height:56px!important} .signals-side-ico{width:28px!important;height:28px!important;border-width:1.4px!important;border-radius:7px!important;background:color-mix(in srgb,currentColor 5%,white)!important} .signals-side-ico svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .signals-side-name{font-size:13px!important} .signals-side-value{font-size:22px!important} body[data-theme="dark"] .signals-motion-label,body[data-theme="dark"] .signals-motion-score{stroke:rgba(8,19,34,.92)} body[data-theme="dark"] .signals-motion-grade,body[data-theme="dark"] .signals-motion-scale-label{fill:#dbe5f2;stroke:#081322} body[data-theme="dark"] .signals-side-ico{background:color-mix(in srgb,currentColor 8%,#111d2b)!important} @media(max-width:1180px){.signals-motion-layout{grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr)!important;gap:18px!important}.overview-signals-motion-card{padding:18px 20px 20px!important}.signals-motion-stage{height:480px!important}} @media(max-width:900px){.signals-motion-layout{grid-template-columns:1fr!important}.signals-motion-stage{height:500px!important}.signals-category-panel{padding-top:18px!important}} /* Company Overview Signals: compact category score bars */ .signals-category-panel .signals-side-category{grid-template-columns:32px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:5px!important;min-height:72px!important;padding:9px 0 7px!important} .signals-category-panel .signals-side-ico{grid-column:1;grid-row:1/3;align-self:center} .signals-category-panel .signals-side-name{grid-column:2;grid-row:1;align-self:end} .signals-category-panel .signals-side-value{grid-column:3;grid-row:1;align-self:end} .signals-side-meter{grid-column:2/4;grid-row:2;min-width:0;padding-right:2px} .signals-side-track{height:7px;width:100%;border-radius:6px;background:#eef1f4;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(16,24,40,.025)} .signals-side-track i{display:block;height:100%;border-radius:6px;transition:width .45s ease} .signals-side-ticks{display:flex;justify-content:space-between;margin-top:3px;color:#758195;font-size:12px;line-height:1} body[data-theme="dark"] .signals-side-track{background:#223145} body[data-theme="dark"] .signals-side-ticks{color:#9aabc0} @media(max-width:1350px){.signals-category-panel .signals-side-category{min-height:68px!important}.signals-side-ticks{font-size:12px}} @media(max-width:700px){.signals-category-panel .signals-side-category{min-height:70px!important}} /* Company Overview Signals - visual fidelity pass */ .overview-signals-section{margin:12px 0 12px!important} .overview-signals-motion-card{ min-height:500px!important; padding:18px 22px 18px!important; overflow:hidden!important; border-color:#d9e1eb!important; } .overview-signals-motion-card .signals-motion-head{padding:0 0 2px!important;margin:0!important} .overview-signals-motion-card .signals-motion-head h3{font-size:14px!important;line-height:1.2!important} .signals-motion-layout{ grid-template-columns:minmax(0,1.02fr) minmax(560px,1fr)!important; gap:18px!important; align-items:center!important; } .signals-motion-chart{padding:0!important;min-width:0!important} .signals-motion-stage{height:460px!important;min-height:460px!important;margin-top:-2px!important;overflow:visible!important} .signals-motion-svg{width:100%!important;height:100%!important;overflow:visible!important} .signals-motion-label{ font-size:14px!important;font-weight:700!important; paint-order:stroke!important;stroke:rgba(255,255,255,.94)!important;stroke-width:2.4px!important;stroke-linejoin:round!important; } .signals-motion-score{font-size:19px!important;font-weight:900!important;stroke:rgba(255,255,255,.94)!important;stroke-width:2.4px!important} .signals-motion-grade{font:700 12px Inter,sans-serif!important;fill:#1d2d47!important;paint-order:stroke;stroke:#fff;stroke-width:2.5px} .signals-motion-scale-label{font:600 12px Inter,sans-serif!important;fill:#1d2d47!important} .signals-motion-centre-title{font-size:14px!important;font-weight:800!important} .signals-motion-centre-sub{font-size:12px!important;font-weight:600!important} /* Right-hand category area: denser, wider bars like Signals By Category */ .signals-category-panel{padding:8px 0 6px 6px!important;border-left:0!important;justify-content:center!important;min-width:0!important} .signals-category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:26px!important;row-gap:0!important} .signals-category-panel .signals-side-category{ display:grid!important; grid-template-columns:34px minmax(105px,.85fr) minmax(145px,1.55fr) 54px!important; grid-template-rows:auto!important; column-gap:10px!important; row-gap:0!important; min-height:48px!important; padding:5px 0!important; border-bottom:1px solid var(--line,#edf0f4)!important; align-items:center!important; } .signals-category-panel .signals-side-ico{ grid-column:1!important;grid-row:1!important;width:29px!important;height:29px!important; border:1px solid currentColor!important;border-radius:7px!important;display:grid!important;place-items:center!important; background:rgba(255,255,255,.72)!important;align-self:center!important } .signals-category-panel .signals-side-ico svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important} .signals-category-panel .signals-side-name{grid-column:2!important;grid-row:1!important;align-self:center!important;font-size:12px!important;font-weight:650!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .signals-category-panel .signals-side-value{grid-column:4!important;grid-row:1!important;align-self:center!important;text-align:right!important;font-size:20px!important;font-weight:900!important;line-height:1!important} .signals-side-meter{grid-column:3!important;grid-row:1!important;min-width:0!important;padding:0!important;align-self:center!important} .signals-side-track{height:9px!important;width:100%!important;border-radius:7px!important;background:#edf1f4!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px rgba(16,24,40,.025)!important} .signals-side-track i{height:100%!important;border-radius:7px!important} .signals-side-ticks{display:flex!important;justify-content:space-between!important;margin-top:4px!important;color:#758195!important;font-size:12px!important;line-height:1!important} body[data-theme="dark"] .signals-motion-label,body[data-theme="dark"] .signals-motion-score{stroke:rgba(8,19,34,.94)!important} body[data-theme="dark"] .signals-motion-grade{fill:#dbe5f2!important;stroke:#081322!important} body[data-theme="dark"] .signals-motion-scale-label{fill:#dbe5f2!important} body[data-theme="dark"] .signals-category-panel .signals-side-ico{background:#151f2b!important} body[data-theme="dark"] .signals-side-track{background:#223145!important} @media(max-width:1450px){ .signals-motion-layout{grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr)!important;gap:14px!important} .signals-category-panel .signals-side-category{grid-template-columns:32px minmax(92px,.75fr) minmax(125px,1.45fr) 50px!important;column-gap:8px!important} .signals-category-panel .signals-side-name{font-size:12px!important} .signals-category-panel .signals-side-value{font-size:18px!important} .signals-motion-label{font-size:13px!important}.signals-motion-score{font-size:18px!important} } @media(max-width:1180px){ .signals-motion-layout{grid-template-columns:1fr!important} .signals-motion-stage{height:500px!important;min-height:500px!important} .signals-category-panel{padding-top:12px!important;border-top:1px solid var(--line,#edf0f4)!important} .signals-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:760px){ .overview-signals-motion-card{padding:14px 10px!important} .signals-motion-stage{height:430px!important;min-height:430px!important} .signals-category-grid{grid-template-columns:1fr!important} .signals-category-panel .signals-side-category{grid-template-columns:32px minmax(95px,.8fr) minmax(120px,1.5fr) 48px!important} .signals-motion-label{font-size:12px!important}.signals-motion-score{font-size:13px!important} } /* Company Overview Signals - category icon identity + contained chart sizing */ .overview-signals-motion-card{min-height:475px!important;padding:18px 22px 16px!important} .signals-motion-stage{height:425px!important;min-height:425px!important;margin-top:0!important} .signals-motion-chart{align-self:center!important;overflow:hidden!important;padding:2px 0 0!important} .signals-motion-svg{max-height:425px!important} .signals-category-panel .signals-side-ico{background:var(--icon-bg,#fff)!important} @media(max-width:1450px){ .signals-motion-stage{height:415px!important;min-height:415px!important} .signals-motion-svg{max-height:415px!important} } @media(max-width:1180px){ .signals-motion-stage{height:425px!important;min-height:425px!important} } @media(max-width:760px){ .signals-motion-stage{height:390px!important;min-height:390px!important} } body[data-theme="dark"] .signals-category-panel .signals-side-ico{background:#151f2b!important} /* Company Overview Signals - containment correction */ .overview-signals-motion-card{min-height:500px!important;padding:18px 22px 20px!important;overflow:hidden!important} .signals-motion-layout{align-items:center!important} .signals-motion-chart{overflow:hidden!important;min-width:0!important;padding:0 4px 2px!important} .signals-motion-stage{height:430px!important;min-height:430px!important;overflow:hidden!important;margin:0!important} .signals-motion-svg{display:block!important;width:100%!important;height:100%!important;max-height:430px!important;overflow:hidden!important} @media(max-width:1450px){.signals-motion-stage{height:420px!important;min-height:420px!important}.signals-motion-svg{max-height:420px!important}} @media(max-width:1180px){.signals-motion-stage{height:435px!important;min-height:435px!important}.signals-motion-svg{max-height:435px!important}} @media(max-width:760px){.signals-motion-stage{height:400px!important;min-height:400px!important}.signals-motion-svg{max-height:400px!important}} /* Company Overview - history-backed metric refinements */ .overview-main-reworked{grid-template-columns:.9fr .58fr 1.65fr;gap:10px;align-items:stretch} .score-ranges-divided{gap:0!important} .score-ranges-divided .rangebox{border:0!important;border-radius:0!important;padding:14px 6px!important} .score-ranges-divided .rangebox+.rangebox{border-top:1px solid var(--line,#e6ebf0)!important} .overview-table-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px} .overview-table-title h3{margin:0} .overview-since{font-size:12px;color:var(--muted,#657287);font-weight:500} .overview-strength-cell{display:flex;align-items:center;gap:9px;min-width:170px} .overview-strength-cell .strength-track{width:118px;flex:0 0 118px} .overview-strength-cell b{min-width:34px;font-size:12px} .overview-main-reworked .overview-trend-card{grid-column:1/3;min-height:285px} .overview-main-reworked .overview-weakest-card{grid-column:3/4} .overview-score-history-chart{height:235px;overflow:visible} .overview-axis-label{font:600 12px Inter,sans-serif;fill:#52607a} .overview-axis-title{font:700 12px Inter,sans-serif;fill:#27364c} .overview-x-label{font:600 12px Inter,sans-serif;fill:#52607a} .overview-change-row{display:flex;align-items:center;justify-content:space-between;gap:10px} .score-change-arrow{font-size:38px;line-height:1;font-weight:700;padding-right:6px} .overview-bottom{grid-template-columns:1fr!important} .overview-changed-card{grid-column:1/-1} .distribution-ring{background:conic-gradient(var(--green) 0 33%,var(--lime) 33% 77%,var(--orange) 77% 100%)} #scoreDistributionRing:after{background:var(--card,#fff)} #overallScoreRing:after{background:var(--card,#fff)} @media(max-width:1050px){.overview-main-reworked .overview-trend-card,.overview-main-reworked .overview-weakest-card{grid-column:1/-1}.overview-strength-cell{min-width:145px}.overview-strength-cell .strength-track{width:92px;flex-basis:92px}} /* Company Overview - company-aware header and history-table polish */ .overview-company-head{align-items:center;margin-bottom:16px} .overview-company-head .page-title h1{margin-bottom:7px} #overviewCompanyMeta{display:flex;align-items:center;gap:7px;color:#516078;font-size:12px} #overviewCompanyMeta b{color:#12233c;font-weight:700} .overview-market-separator{color:#9aa6b6} .overview-dataset-updated{min-width:156px;text-align:right;margin-left:6px;white-space:nowrap} .overview-main-reworked{row-gap:18px!important} .overview-table-title{min-height:48px;padding:15px 16px!important;border-bottom:1px solid var(--line,#e6ebf0)} .overview-table-title h3{line-height:1.2} .overview-table th:last-child,.overview-table td:last-child{text-align:right;padding-right:16px} .overview-strength-cell{justify-content:flex-end} .overview-strongest-card,.overview-weakest-card{margin-bottom:0} .overview-changed-table th.trailing-score-head,.overview-changed-table td.trailing-score-cell{text-align:center;min-width:48px;padding-left:7px;padding-right:7px} .overview-changed-table th.trailing-score-head{font-weight:700} .overview-changed-table td.trailing-score-cell b{font-size:12px} .overview-changed-table .changed-change-cell{text-align:right;min-width:92px} .overview-changed-table .changed-trend-cell{text-align:right;min-width:100px} .changed-history-trend{width:86px;height:25px;vertical-align:middle} .changed-trend-flat{color:var(--muted,#657287);font-weight:700} @media(max-width:900px){.overview-company-head{align-items:flex-start}.overview-dataset-updated{text-align:left;margin-left:0}.overview-changed-table th.trailing-score-head,.overview-changed-table td.trailing-score-cell{min-width:42px}} /* Company Overview - table alignment / inline dataset metadata polish */ .overview-company-head{display:flex;align-items:center} .overview-company-head .page-title{min-width:0;flex:1} .overview-company-meta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap} .overview-company-meta-row #overviewCompanyMeta{margin:0} .overview-dataset-inline{font-size:12px;color:#516078;white-space:nowrap;font-weight:500} .overview-head-actions{margin-left:auto;display:flex;justify-content:flex-end;align-items:center} .overview-head-actions .btn{margin-left:auto} .overview-export-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:94px;height:38px;padding:0 14px;border-color:#cbd7e5;background:var(--card,#fff);color:#075dcc;text-decoration:none;line-height:1;white-space:nowrap}.overview-export-button:hover{border-color:#8eb7ed;background:#f3f8ff}.overview-export-icon{font-size:16px;line-height:1;font-weight:700} /* Tracked Companies portfolio score history */ .tracked-view-tabs{margin:16px 0 0}.tracked-view-tabs button{font-size:13px;font-weight:650}.tracked-tab-panel[hidden]{display:none!important}.tracked-score-history-layout{display:grid;grid-template-columns:minmax(480px,.85fr) minmax(0,1.45fr);gap:12px;margin-top:12px;align-items:stretch}.tracked-score-history-card,.tracked-score-radial-card{padding:18px 20px}.tracked-score-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.tracked-score-history-head h2{margin:0 0 4px;font-size:17px}.tracked-score-history-head p{margin:0;color:var(--muted);font-size:12px}.tracked-score-history-head>span{font-size:12px;color:var(--muted);white-space:nowrap}.tracked-score-history-chart-wrap{position:relative;min-height:430px}.tracked-score-history-chart{display:block;width:100%;height:430px}.tracked-score-radial-wrap{position:relative;min-height:540px}.tracked-score-radial-chart{display:block;width:100%;height:540px}.tracked-score-history-empty{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:var(--muted);font-size:12px}.tracked-score-history-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding-top:14px;border-top:1px solid var(--line)}.tracked-score-history-key{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text)}.tracked-score-history-key i{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.tracked-score-history-key b{font-weight:700}.tracked-score-history-grid{stroke:#e5eaf0;stroke-width:1}.tracked-score-history-axis{fill:var(--muted);font-size:12px}.tracked-score-history-line{fill:none;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}.tracked-score-history-point{stroke:var(--card,#fff);stroke-width:1.5}.tracked-score-history-latest{font-size:12px;font-weight:700}.tracked-score-radial-ring{fill:none;stroke:#dce5ef;stroke-width:1}.tracked-score-radial-spoke{stroke:#dce5ef;stroke-width:1;stroke-dasharray:3 4}.tracked-score-radial-trail{fill:none;stroke-width:1.4;stroke-linejoin:round}.tracked-score-radial-current{fill:none;stroke-width:3;stroke-linecap:round}.tracked-score-radial-label{fill:var(--text);font-size:12px;font-weight:700}.tracked-score-radial-score{font-size:14px;font-weight:800}.tracked-score-radial-scale{fill:var(--muted);font-size:12px}.tracked-score-radial-centre-title{fill:var(--text);font-size:15px;font-weight:800}.tracked-score-radial-centre-sub{fill:var(--muted);font-size:12px}.tracked-score-radial-gradient{stroke-width:7;stroke-linecap:round} @media(max-width:1250px){.tracked-score-history-layout{grid-template-columns:1fr}.tracked-score-radial-wrap{min-height:600px}.tracked-score-radial-chart{height:600px}} .tracked-score-history-tooltip{position:absolute;z-index:5;display:none;min-width:190px;max-height:250px;overflow:auto;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card,#fff);box-shadow:0 8px 24px rgba(15,35,58,.16);pointer-events:none;font-size:12px;color:var(--text)}.tracked-score-tooltip-date{display:block;margin-bottom:7px;font-size:12px}.tracked-score-tooltip-row{display:grid;grid-template-columns:8px minmax(90px,1fr) auto;gap:7px;align-items:center;margin:4px 0}.tracked-score-tooltip-row i{width:7px;height:7px;border-radius:50%}.tracked-score-tooltip-row b{font-size:12px}.tracked-combined-history-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.tracked-combined-history-card{padding:18px 20px}.tracked-combined-chart{display:block;width:100%;height:260px}.tracked-combined-area{opacity:.13}.tracked-performance-rank-card{margin-top:12px;padding:18px 20px}.tracked-performance-rank-table{width:100%;border-collapse:collapse}.tracked-performance-rank-table th,.tracked-performance-rank-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.tracked-performance-rank-table th:last-child,.tracked-performance-rank-table td:last-child{text-align:right}.tracked-performance-sort{border:0;background:none;color:var(--text);font:inherit;font-weight:700;cursor:pointer;padding:0}.tracked-performance-sort span{color:var(--blue);font-size:14px}.tracked-performance-score{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;min-width:210px}.tracked-performance-score-bar{width:120px;height:7px;border-radius:5px;background:#e8edf3;overflow:hidden}.tracked-performance-score-bar i{display:block;height:100%;border-radius:inherit}.tracked-performance-rank{font-weight:800;color:var(--blue)} @media(max-width:900px){.tracked-combined-history-layout{grid-template-columns:1fr}.tracked-performance-score-bar{display:none}.tracked-performance-score{min-width:0}} @media(max-width:760px){.tracked-score-history-head{flex-direction:column}.tracked-score-history-chart,.tracked-score-history-chart-wrap{height:330px;min-height:330px}.tracked-score-radial-wrap{min-height:440px}.tracked-score-radial-chart{height:440px}.overview-head-actions{width:auto}.overview-export-button{min-width:88px}} /* Keep all overview table content aligned with card headings */ .overview-strongest-card .table-wrap,.overview-weakest-card .table-wrap{padding:0 16px 14px} .overview-strongest-card .overview-table,.overview-weakest-card .overview-table{width:100%} .overview-strongest-card .overview-table th:first-child,.overview-strongest-card .overview-table td:first-child, .overview-weakest-card .overview-table th:first-child,.overview-weakest-card .overview-table td:first-child{padding-left:0} .overview-strongest-card .overview-table th:last-child,.overview-strongest-card .overview-table td:last-child, .overview-weakest-card .overview-table th:last-child,.overview-weakest-card .overview-table td:last-child{padding-right:0!important} /* Recently changed table: same inner inset as heading plus bottom breathing room */ .overview-changed-card .table-wrap{padding:0 16px 16px} .overview-changed-table{width:100%} .overview-changed-table th:first-child,.overview-changed-table td:first-child{padding-left:0!important} .overview-changed-table th:last-child,.overview-changed-table td:last-child{padding-right:0!important} .overview-changed-table th,.overview-changed-table td{vertical-align:middle} .overview-changed-table th.trailing-score-head,.overview-changed-table td.trailing-score-cell{text-align:left!important;min-width:58px;padding-left:8px!important;padding-right:8px!important} .overview-changed-table th.changed-change-head,.overview-changed-table td.changed-change-cell{text-align:right!important;min-width:110px;padding-left:12px!important;padding-right:18px!important} .overview-changed-table th.changed-trend-head,.overview-changed-table td.changed-trend-cell{text-align:right!important;min-width:100px} .overview-changed-table tbody tr:last-child td{padding-bottom:9px} /* Put Score title over the actual right-hand Y axis */ .overview-axis-title{font-weight:700;dominant-baseline:hanging} @media(max-width:900px){ .overview-company-meta-row{gap:8px;align-items:flex-start;flex-direction:column} .overview-dataset-inline{white-space:normal} } /* Company Overview - changed-history column separators + trend axis spacing */ .overview-changed-table th.changed-change-head, .overview-changed-table td.changed-change-cell{ min-width:126px!important; padding-right:26px!important; } .overview-changed-table th.trailing-score-head, .overview-changed-table td.trailing-score-cell{ min-width:72px!important; padding-left:14px!important; padding-right:14px!important; text-align:left!important; border-left:1px solid var(--line,#e6ebf0)!important; } .overview-changed-table th.changed-trend-head, .overview-changed-table td.changed-trend-cell{ min-width:12px!important; padding-left:16px!important; border-left:1px solid var(--line,#e6ebf0)!important; } .overview-changed-table thead th.trailing-score-head, .overview-changed-table thead th.changed-trend-head{ font-weight:700; } .overview-score-history-chart{height:240px!important} .overview-axis-title{font-size:12px!important} .overview-axis-label,.overview-x-label{font-size:12px!important} /* Company Overview - ranked-table alignment / 20-row changed sorting / score axis */ .overview-ranked-table{table-layout:fixed} .overview-ranked-table .ranked-signal-col{width:34%} .overview-ranked-table .ranked-category-col{width:36%} .overview-ranked-table .ranked-strength-col{width:30%} .overview-ranked-table th:nth-child(2),.overview-ranked-table td:nth-child(2){text-align:left!important;padding-left:10px!important} .overview-ranked-table th:nth-child(3),.overview-ranked-table td:nth-child(3){text-align:right!important} .overview-y-axis-line{stroke:var(--line,#e1e7ee);stroke-width:1} .overview-axis-title{font-size:12px!important;font-weight:700!important} .overview-changed-table .changed-sortable{cursor:pointer;user-select:none} .overview-changed-table .changed-sortable:hover{background:rgba(11,103,237,.045)} /* Live: Signals By Category identity icons inside Klarodex signals menu */ .live-signal-menu button[data-signal]{display:flex;align-items:center;gap:9px} .live-category-menu-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .live-category-menu-icon{width:28px;height:28px;flex:0 0 28px;border:1px solid currentColor;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#fff} .live-category-menu-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .live-category-menu-icon.tone-green{color:#16b52e;background:#f3fff4}.live-category-menu-icon.tone-amber{color:#f5aa00;background:#fffbf1}.live-category-menu-icon.tone-purple{color:#8858ee;background:#faf7ff}.live-category-menu-icon.tone-teal{color:#08a7aa;background:#f1fdfd}.live-category-menu-icon.tone-blue{color:#176be4;background:#f3f7ff}.live-category-menu-icon.tone-orange{color:#ff6500;background:#fff7f1}.live-category-menu-icon.tone-red{color:#ff3039;background:#fff6f6}.live-category-menu-icon.tone-pink{color:#ed176f;background:#fff5fa} body[data-theme="dark"] .live-category-menu-icon{background:rgba(255,255,255,.04)} /* Live: unified chart ordering, including the primary stock-price chart */ .live-chart-stack{display:flex;flex-direction:column;gap:14px;padding:0 14px 16px} .live-chart-stack .live-additional-charts{display:contents;padding:0;margin:0} .live-layout-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 18px;border-bottom:1px solid var(--line)} .live-layout-toolbar>div:first-child{display:grid;gap:2px}.live-layout-toolbar strong{font-size:13px}.live-layout-toolbar span{color:var(--muted);font-size:12px} .live-layout-buttons{display:flex;gap:6px}.live-layout-buttons button{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--text);font:650 12px Inter,sans-serif;cursor:pointer}.live-layout-buttons button.active{border-color:#176be4;background:#edf5ff;color:#075fd3} .live-chart-stack[data-columns="2"],.live-chart-stack[data-columns="3"]{display:grid;align-items:start} .live-chart-stack[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.live-chart-stack[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))} .live-chart-stack[data-columns="2"] .live-chart-wrap,.live-chart-stack[data-columns="3"] .live-chart-wrap{height:340px} .live-analysis-canvas-wrap{position:relative}.live-analysis-canvas-wrap canvas{width:100%} .live-analysis-tooltip{display:none;position:absolute;z-index:12;min-width:170px;padding:9px 10px;border-radius:7px;background:#071b2b;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.22);pointer-events:none;font-size:12px;line-height:1.4}.live-analysis-tooltip.show{display:grid;gap:4px}.live-analysis-tooltip>strong{padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.18)}.live-analysis-tooltip span{display:flex;justify-content:space-between;gap:14px}.live-analysis-tooltip b{font-weight:600}.live-analysis-tooltip em{font-style:normal;font-variant-numeric:tabular-nums} .live-volume-card-summary{padding:3px 0 7px!important} @media(max-width:1250px){.live-chart-stack[data-columns="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:850px){.live-chart-stack[data-columns]{display:flex;flex-direction:column}.live-layout-toolbar{align-items:flex-start;flex-direction:column}} .live-primary-analysis-chart{background:transparent!important} .live-primary-analysis-head{padding:11px 4px 8px;margin-top:4px} .live-primary-analysis-chart .live-chart-wrap,.live-primary-analysis-chart .live-volume-wrap{margin-left:0;margin-right:0} .live-primary-analysis-chart .live-chart-footer{padding-left:4px;padding-right:4px} .live-primary-analysis-chart .live-volume-label{padding-left:4px} .live-primary-analysis-chart .live-ohlc-row{padding-left:4px;padding-right:4px} /* Company Overview: trading-week change column */ .overview-changed-table th.changed-week-head,.overview-changed-table td.changed-week-cell{white-space:nowrap} .overview-changed-table th[data-changed-sort="weekchange"],.overview-changed-table td.changed-week-cell{min-width:125px} /* Company Overview - trading-week comparison/alignment correction */ .overview-changed-table{table-layout:fixed!important} .overview-changed-table th:nth-child(1),.overview-changed-table td:nth-child(1){width:19%} .overview-changed-table th:nth-child(2),.overview-changed-table td:nth-child(2){width:14%} .overview-changed-table th:nth-child(3),.overview-changed-table td:nth-child(3){width:14%;text-align:right!important;padding-left:16px!important;padding-right:18px!important} .overview-changed-table th:nth-child(4),.overview-changed-table td:nth-child(4){width:11%;text-align:right!important;padding-left:14px!important;padding-right:18px!important} .overview-changed-table th:nth-child(5),.overview-changed-table td:nth-child(5), .overview-changed-table th:nth-child(6),.overview-changed-table td:nth-child(6), .overview-changed-table th:nth-child(7),.overview-changed-table td:nth-child(7), .overview-changed-table th:nth-child(8),.overview-changed-table td:nth-child(8), .overview-changed-table th:nth-child(9),.overview-changed-table td:nth-child(9){width:7%;text-align:left!important} .overview-changed-table th:nth-child(10),.overview-changed-table td:nth-child(10){width:7%;text-align:right!important} .overview-changed-table th[data-changed-sort="weekchange"],.overview-changed-table td.changed-week-cell{min-width:0!important;white-space:nowrap} /* Company Overview KPI cleanup: coverage removed; weekly score-change added */ .overview-kpis .overview-change-card .subline{min-height:28px} /* Ranking-signal completed-trading-day disclosure */ .signal-timing-notice{margin:12px 0 4px;padding:10px 12px;border-top:1px solid var(--line,#e6ebf0);color:var(--muted,#657287);font-size:12px;line-height:1.45} .signal-timing-notice strong{color:var(--text,#12233c);font-weight:700} body[data-theme="dark"] .signal-timing-notice strong{color:#e7edf6} /* Score trend: align the axis title with the right edge of percentage ticks */ .overview-score-history-chart .overview-axis-title,.overview-score-history-chart .overview-axis-label{font-variant-numeric:tabular-nums} /* ------------------------------------------------------------------------- Expanded account appearance themes Light | Dark | System | Black | Contrast Black is a true-black OLED-friendly theme. Contrast is a high-contrast accessibility theme with stronger borders, focus states and brighter text. ------------------------------------------------------------------------- */ body[data-resolved-theme="black"] { color-scheme: dark; --nav:#000; --nav2:#000; --text:#f5f7fa; --muted:#aab2bd; --line:#25282d; --soft:#090909; --card:#050505; --shadow:0 1px 2px rgba(0,0,0,.75); background:#000; color:var(--text); } body[data-resolved-theme="black"] .main, body[data-resolved-theme="black"] .categories-design-v2{background:#000;color:var(--text)} body[data-resolved-theme="black"] .sidebar{background:#000;border-right:1px solid #1d1f23} body[data-resolved-theme="black"] .card, body[data-resolved-theme="black"] .settings-card, body[data-resolved-theme="black"] .alert-builder, body[data-resolved-theme="black"] .summary-panel, body[data-resolved-theme="black"] .rangebox, body[data-resolved-theme="black"] .mini-stat, body[data-resolved-theme="black"] .summary-cells>div, body[data-resolved-theme="black"] .category-browser-card, body[data-resolved-theme="black"] .category-did-you-know, body[data-resolved-theme="black"] .category-tile-v2, body[data-resolved-theme="black"] .category-info-v2, body[data-resolved-theme="black"] .register-card, body[data-resolved-theme="black"] .live-analysis-chart{background:#050505;border-color:#25282d;color:#f5f7fa} body[data-resolved-theme="black"] .btn, body[data-resolved-theme="black"] .input, body[data-resolved-theme="black"] .select, body[data-resolved-theme="black"] .field input, body[data-resolved-theme="black"] .field select, body[data-resolved-theme="black"] .field textarea, body[data-resolved-theme="black"] .pager button, body[data-resolved-theme="black"] .category-search, body[data-resolved-theme="black"] .category-search-v2, body[data-resolved-theme="black"] .category-search-v2 input, body[data-resolved-theme="black"] .admin-user-editor input, body[data-resolved-theme="black"] .admin-user-editor select, body[data-resolved-theme="black"] .settings-tab-pane .field input, body[data-resolved-theme="black"] .settings-tab-pane .field select{background:#0a0a0a;color:#f5f7fa;border-color:#30343a} body[data-resolved-theme="black"] .btn.primary{background:#0868e9;color:#fff;border-color:#2580f4} body[data-resolved-theme="black"] .page-title h1, body[data-resolved-theme="black"] .categories-intro h1, body[data-resolved-theme="black"] .category-content-v2>strong, body[data-resolved-theme="black"] .category-browser-copy h2, body[data-resolved-theme="black"] .category-info-v2 strong, body[data-resolved-theme="black"] .live-analysis-chart-head strong{color:#f5f7fa} body[data-resolved-theme="black"] .page-title p, body[data-resolved-theme="black"] .categories-intro p, body[data-resolved-theme="black"] .category-desc-v2, body[data-resolved-theme="black"] .category-browser-copy p, body[data-resolved-theme="black"] .category-info-v2 p, body[data-resolved-theme="black"] .field label, body[data-resolved-theme="black"] .updated, body[data-resolved-theme="black"] .section-note, body[data-resolved-theme="black"] small{color:#aab2bd} body[data-resolved-theme="black"] .data-table th{color:#e7ebf0} body[data-resolved-theme="black"] .data-table th, body[data-resolved-theme="black"] .data-table td{border-bottom-color:#202328} body[data-resolved-theme="black"] .data-table tbody tr:hover{background:#0d0d0d} body[data-resolved-theme="black"] .footer-note{background:#090909;color:#adb5c0} body[data-resolved-theme="black"] .progress, body[data-resolved-theme="black"] .signals-side-track, body[data-resolved-theme="black"] .live-range-track{background:#24272c} body[data-resolved-theme="black"] .ring:after, body[data-resolved-theme="black"] .overall-ring:after{background:#050505} body[data-resolved-theme="black"] .chart .gridline{stroke:#272b31} body[data-resolved-theme="black"] .chart text{fill:#c0c7d1} body[data-resolved-theme="black"] .round-icon, body[data-resolved-theme="black"] .category-icon-v2, body[data-resolved-theme="black"] .signals-category-panel .signals-side-ico, body[data-resolved-theme="black"] .live-category-menu-icon{background:#0d0d0d!important} body[data-resolved-theme="black"] .settings-line, body[data-resolved-theme="black"] .preference-row, body[data-resolved-theme="black"] .tabs{border-color:#25282d} body[data-resolved-theme="black"] .appearance-choices button{background:#080808;color:#e8edf3;border-color:#31343a} body[data-resolved-theme="black"] .appearance-choices button.active{background:#111;color:#fff;border-color:#4b9cff;box-shadow:inset 0 0 0 1px #4b9cff} body[data-resolved-theme="black"] .billing-plan-row, body[data-resolved-theme="black"] .billing-package{background:#080808;border-color:#25282d} body[data-resolved-theme="black"] .settings-dialog{background:#050505;border-color:#30343a;color:#f5f7fa} body[data-resolved-theme="black"] .settings-dialog p{color:#aab2bd} body[data-resolved-theme="black"] .signal-pending-overlay{background:rgba(0,0,0,.97)} body[data-resolved-theme="black"] .signals-motion-label, body[data-resolved-theme="black"] .signals-motion-centre-title{fill:#f5f7fa!important;stroke:#000!important} body[data-resolved-theme="black"] .signals-motion-grade, body[data-resolved-theme="black"] .signals-motion-scale-label{fill:#e8edf3!important;stroke:#000!important} body[data-resolved-theme="contrast"] { color-scheme: dark; --nav:#000; --nav2:#000; --blue:#00c8ff; --blue2:#00a6d6; --green:#38ff57; --lime:#d7ff00; --amber:#ffe600; --orange:#ff9d00; --red:#ff5252; --purple:#c58cff; --text:#fff; --muted:#e5e5e5; --line:#fff; --soft:#000; --card:#000; --shadow:none; background:#000; color:#fff; } body[data-resolved-theme="contrast"] .main, body[data-resolved-theme="contrast"] .categories-design-v2{background:#000;color:#fff} body[data-resolved-theme="contrast"] .sidebar{background:#000;border-right:2px solid #fff} body[data-resolved-theme="contrast"] .side-nav a:hover, body[data-resolved-theme="contrast"] .side-nav a.active{background:#fff;color:#000;outline:2px solid #ffe600} body[data-resolved-theme="contrast"] .card, body[data-resolved-theme="contrast"] .settings-card, body[data-resolved-theme="contrast"] .alert-builder, body[data-resolved-theme="contrast"] .summary-panel, body[data-resolved-theme="contrast"] .rangebox, body[data-resolved-theme="contrast"] .mini-stat, body[data-resolved-theme="contrast"] .summary-cells>div, body[data-resolved-theme="contrast"] .category-browser-card, body[data-resolved-theme="contrast"] .category-did-you-know, body[data-resolved-theme="contrast"] .category-tile-v2, body[data-resolved-theme="contrast"] .category-info-v2, body[data-resolved-theme="contrast"] .register-card, body[data-resolved-theme="contrast"] .live-analysis-chart{background:#000;border:2px solid #fff;color:#fff;box-shadow:none} body[data-resolved-theme="contrast"] .btn, body[data-resolved-theme="contrast"] .input, body[data-resolved-theme="contrast"] .select, body[data-resolved-theme="contrast"] .field input, body[data-resolved-theme="contrast"] .field select, body[data-resolved-theme="contrast"] .field textarea, body[data-resolved-theme="contrast"] .pager button, body[data-resolved-theme="contrast"] .category-search, body[data-resolved-theme="contrast"] .category-search-v2, body[data-resolved-theme="contrast"] .category-search-v2 input, body[data-resolved-theme="contrast"] .admin-user-editor input, body[data-resolved-theme="contrast"] .admin-user-editor select, body[data-resolved-theme="contrast"] .settings-tab-pane .field input, body[data-resolved-theme="contrast"] .settings-tab-pane .field select{background:#000;color:#fff;border:2px solid #fff} body[data-resolved-theme="contrast"] .btn.primary{background:#ffe600;color:#000;border:2px solid #fff} body[data-resolved-theme="contrast"] a{color:#00c8ff} body[data-resolved-theme="contrast"] .page-title h1, body[data-resolved-theme="contrast"] .categories-intro h1, body[data-resolved-theme="contrast"] .category-content-v2>strong, body[data-resolved-theme="contrast"] .category-browser-copy h2, body[data-resolved-theme="contrast"] .category-info-v2 strong, body[data-resolved-theme="contrast"] .live-analysis-chart-head strong{color:#fff} body[data-resolved-theme="contrast"] .page-title p, body[data-resolved-theme="contrast"] .categories-intro p, body[data-resolved-theme="contrast"] .category-desc-v2, body[data-resolved-theme="contrast"] .category-browser-copy p, body[data-resolved-theme="contrast"] .category-info-v2 p, body[data-resolved-theme="contrast"] .field label, body[data-resolved-theme="contrast"] .updated, body[data-resolved-theme="contrast"] .section-note, body[data-resolved-theme="contrast"] small{color:#fff} body[data-resolved-theme="contrast"] .data-table th{color:#ffe600;border-bottom:2px solid #fff} body[data-resolved-theme="contrast"] .data-table th, body[data-resolved-theme="contrast"] .data-table td{border-bottom-color:#fff} body[data-resolved-theme="contrast"] .data-table tbody tr:hover{background:#171717} body[data-resolved-theme="contrast"] .footer-note{background:#000;color:#fff;border:1px solid #fff} body[data-resolved-theme="contrast"] .progress, body[data-resolved-theme="contrast"] .signals-side-track, body[data-resolved-theme="contrast"] .live-range-track{background:#3a3a3a} body[data-resolved-theme="contrast"] .ring:after, body[data-resolved-theme="contrast"] .overall-ring:after{background:#000} body[data-resolved-theme="contrast"] .chart .gridline{stroke:#777} body[data-resolved-theme="contrast"] .chart text{fill:#fff} body[data-resolved-theme="contrast"] .round-icon, body[data-resolved-theme="contrast"] .category-icon-v2, body[data-resolved-theme="contrast"] .signals-category-panel .signals-side-ico, body[data-resolved-theme="contrast"] .live-category-menu-icon{background:#000!important;border:2px solid currentColor!important} body[data-resolved-theme="contrast"] .settings-line, body[data-resolved-theme="contrast"] .preference-row, body[data-resolved-theme="contrast"] .tabs{border-color:#fff} body[data-resolved-theme="contrast"] .appearance-choices button{background:#000;color:#fff;border:2px solid #fff} body[data-resolved-theme="contrast"] .appearance-choices button.active{background:#ffe600;color:#000;border-color:#fff;box-shadow:0 0 0 2px #ffe600} body[data-resolved-theme="contrast"] .billing-plan-row, body[data-resolved-theme="contrast"] .billing-package{background:#000;border:2px solid #fff} body[data-resolved-theme="contrast"] .settings-dialog{background:#000;border:2px solid #fff;color:#fff} body[data-resolved-theme="contrast"] .settings-dialog p{color:#fff} body[data-resolved-theme="contrast"] .signal-pending-overlay{background:#000} body[data-resolved-theme="contrast"] .signals-motion-label, body[data-resolved-theme="contrast"] .signals-motion-centre-title{fill:#fff!important;stroke:#000!important} body[data-resolved-theme="contrast"] .signals-motion-grade, body[data-resolved-theme="contrast"] .signals-motion-scale-label{fill:#fff!important;stroke:#000!important} body[data-resolved-theme="contrast"] :focus-visible{outline:3px solid #ffe600!important;outline-offset:2px} @media(max-width:1050px){.appearance-choices{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:700px){.appearance-choices{grid-template-columns:1fr 1fr}} @media(max-width:460px){.appearance-choices{grid-template-columns:1fr}} /* ============================================================ Optional dashboard dialog gradients ============================================================ */ .appearance-gradient-settings{margin-top:20px;padding-top:18px;border-top:1px solid var(--line,#e5e9ef);display:grid;gap:14px;max-width:620px} .gradient-enable-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer} .gradient-enable-row input{margin-top:3px} .gradient-enable-row span{display:grid;gap:3px}.gradient-enable-row small{color:var(--muted,#667085);font-size:12px} .gradient-picker-wrap{position:relative;max-width:360px}.gradient-picker-wrap>label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.gradient-picker-wrap.disabled{opacity:.48;pointer-events:none} .gradient-picker-trigger{width:100%;height:44px;border:1px solid var(--line,#dfe5ec);background:var(--card,#fff);color:var(--text,#0b1f3a);border-radius:8px;display:flex;align-items:center;gap:10px;padding:7px 10px;cursor:pointer;text-align:left} .gradient-picker-trigger:focus-visible{outline:2px solid var(--blue,#0f6ce5);outline-offset:2px} .gradient-caret{margin-left:auto;color:var(--muted,#667085);transition:transform .16s ease}.gradient-picker-trigger[aria-expanded="true"] .gradient-caret{transform:rotate(180deg)} /* Fixed positioning is intentional: the Appearance card uses normal dashboard card clipping, so the picker must escape that clipping boundary. */ .gradient-picker-menu{position:fixed;left:0;top:0;right:auto;z-index:10000;display:none;width:min(440px,calc(100vw - 24px));grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;padding:8px;max-height:min(360px,calc(100vh - 24px));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:var(--card,#fff);color:var(--text,#0b1f3a);border:1px solid var(--line,#dfe5ec);border-radius:10px;box-shadow:0 18px 45px rgba(15,31,54,.22)} .gradient-picker-menu.open{display:grid} .gradient-option{min-width:0;min-height:42px;border:0;background:transparent;color:var(--text,#0b1f3a);border-radius:7px;padding:7px 9px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;font:inherit;font-size:12px;white-space:nowrap} .gradient-option>span:last-child{overflow:hidden;text-overflow:ellipsis}.gradient-option:hover,.gradient-option.selected{background:rgba(15,108,229,.08)} body[data-resolved-theme="black"] .gradient-picker-menu,body[data-resolved-theme="contrast"] .gradient-picker-menu{box-shadow:0 18px 46px rgba(0,0,0,.72)} .gradient-swatch{width:34px;height:24px;flex:0 0 34px;border-radius:6px;border:1px solid rgba(22,34,50,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)} .gradient-swatch[data-gradient="cloudy-city"]{background-image:linear-gradient(120deg,#fdfbfb 0%,#ebedee 100%)} .gradient-swatch[data-gradient="heavy-rain"]{background-image:linear-gradient(to top,#cfd9df 0%,#e2ebf0 100%)} .gradient-swatch[data-gradient="snow"]{background-image:linear-gradient(to top,#e6e9f0 0%,#eef1f5 100%)} .gradient-swatch[data-gradient="saint"]{background-image:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)} .gradient-swatch[data-gradient="everlast"]{background-image:linear-gradient(135deg,#fdfcfb 0%,#e2d1c3 100%)} .gradient-swatch[data-gradient="capital"]{background-image:linear-gradient(to top,#fff1eb 0%,#ace0f9 100%)} .gradient-swatch[data-gradient="february"]{background-image:linear-gradient(to top,#accbee 0%,#e7f0fd 100%)} .gradient-swatch[data-gradient="grass"]{background-image:linear-gradient(to top,#c1dfc4 0%,#deecdd 100%)} .gradient-swatch[data-gradient="steel"]{background-image:linear-gradient(-20deg,#e9defa 0%,#fbfcdb 100%)} .gradient-swatch[data-gradient="premium"]{background-image:linear-gradient(to top,#d5d4d0 0%,#d5d4d0 1%,#eeeeec 31%,#efeeec 75%,#e9e9e7 100%)} .gradient-swatch[data-gradient="blush"]{background-image:linear-gradient(-20deg,#ddd6f3 0%,#faaca8 100%)} .gradient-swatch[data-gradient="pluto"]{background-image:linear-gradient(to top,#f3e7e9 0%,#e3eeff 99%,#e3eeff 100%)} .gradient-swatch[data-gradient="moon"]{background-image:linear-gradient(to top,#c4c5c7 0%,#dcdddf 52%,#ebebeb 100%)} .gradient-swatch[data-gradient="confidence"]{background-image:linear-gradient(to top,#dad4ec 0%,#dad4ec 1%,#f3e7e9 100%)} .gradient-swatch[data-gradient="elegance"]{background-image:radial-gradient(73% 147%,#EADFDF 59%,#ECE2DF 100%),radial-gradient(91% 146%,rgba(255,255,255,.50) 47%,rgba(0,0,0,.50) 100%);background-blend-mode:screen} .gradient-swatch[data-gradient="nega"]{background-image:linear-gradient(45deg,#ee9ca7 0%,#ffdde1 100%)} .gradient-swatch[data-gradient="aqua"]{background-color:#CDDCDC;background-image:radial-gradient(at 50% 100%,rgba(255,255,255,.50) 0%,rgba(0,0,0,.50) 100%),linear-gradient(to bottom,rgba(255,255,255,.25) 0%,rgba(0,0,0,.25) 100%);background-blend-mode:screen,overlay} .gradient-swatch[data-gradient="marble"]{background-image:linear-gradient(to top,#bdc2e8 0%,#bdc2e8 1%,#e6dee9 100%)} .gradient-swatch[data-gradient="metal"]{background:linear-gradient(to bottom,#D5DEE7 0%,#E8EBF2 50%,#E2E7ED 100%),linear-gradient(to bottom,rgba(0,0,0,.02) 50%,rgba(255,255,255,.02) 61%,rgba(0,0,0,.02) 73%),linear-gradient(33deg,rgba(255,255,255,.20) 0%,rgba(0,0,0,.20) 100%);background-blend-mode:normal,color-burn} .gradient-swatch[data-gradient="glass"]{background-image:linear-gradient(to top,#dfe9f3 0%,white 100%)} .gradient-swatch[data-gradient="carbon"]{background:linear-gradient(to bottom,#323232 0%,#3F3F3F 40%,#1C1C1C 150%),linear-gradient(to top,rgba(255,255,255,.40) 0%,rgba(0,0,0,.25) 200%);background-blend-mode:multiply} .gradient-swatch[data-gradient="earl-gray"]{background-color:#E4E4E1;background-image:radial-gradient(at top center,rgba(255,255,255,.03) 0%,rgba(0,0,0,.03) 100%),linear-gradient(to top,rgba(255,255,255,.1) 0%,rgba(143,152,157,.60) 100%);background-blend-mode:normal,multiply} .gradient-swatch[data-gradient="soul"]{background-image:linear-gradient(-225deg,#FFFEFF 0%,#D7FFFE 100%)} .gradient-swatch[data-gradient="perfect"]{background-image:linear-gradient(-225deg,#E3FDF5 0%,#FFE6FA 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="cloudy-city"]{--dashboard-dialog-gradient:linear-gradient(120deg,#fdfbfb 0%,#ebedee 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="heavy-rain"]{--dashboard-dialog-gradient:linear-gradient(to top,#cfd9df 0%,#e2ebf0 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="snow"]{--dashboard-dialog-gradient:linear-gradient(to top,#e6e9f0 0%,#eef1f5 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="saint"]{--dashboard-dialog-gradient:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="everlast"]{--dashboard-dialog-gradient:linear-gradient(135deg,#fdfcfb 0%,#e2d1c3 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="capital"]{--dashboard-dialog-gradient:linear-gradient(to top,#fff1eb 0%,#ace0f9 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="february"]{--dashboard-dialog-gradient:linear-gradient(to top,#accbee 0%,#e7f0fd 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="grass"]{--dashboard-dialog-gradient:linear-gradient(to top,#c1dfc4 0%,#deecdd 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="steel"]{--dashboard-dialog-gradient:linear-gradient(-20deg,#e9defa 0%,#fbfcdb 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="premium"]{--dashboard-dialog-gradient:linear-gradient(to top,#d5d4d0 0%,#d5d4d0 1%,#eeeeec 31%,#efeeec 75%,#e9e9e7 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="blush"]{--dashboard-dialog-gradient:linear-gradient(-20deg,#ddd6f3 0%,#faaca8 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="pluto"]{--dashboard-dialog-gradient:linear-gradient(to top,#f3e7e9 0%,#e3eeff 99%,#e3eeff 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="moon"]{--dashboard-dialog-gradient:linear-gradient(to top,#c4c5c7 0%,#dcdddf 52%,#ebebeb 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="confidence"]{--dashboard-dialog-gradient:linear-gradient(to top,#dad4ec 0%,#dad4ec 1%,#f3e7e9 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="elegance"]{--dashboard-dialog-gradient:radial-gradient(73% 147%,#EADFDF 59%,#ECE2DF 100%),radial-gradient(91% 146%,rgba(255,255,255,.50) 47%,rgba(0,0,0,.50) 100%);--dashboard-dialog-blend:screen} body.dashboard-gradient-enabled[data-dashboard-gradient="nega"]{--dashboard-dialog-gradient:linear-gradient(45deg,#ee9ca7 0%,#ffdde1 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="aqua"]{--dashboard-dialog-gradient:radial-gradient(at 50% 100%,rgba(255,255,255,.50) 0%,rgba(0,0,0,.50) 100%),linear-gradient(to bottom,rgba(255,255,255,.25) 0%,rgba(0,0,0,.25) 100%),linear-gradient(#CDDCDC,#CDDCDC);--dashboard-dialog-blend:screen,overlay,normal} body.dashboard-gradient-enabled[data-dashboard-gradient="marble"]{--dashboard-dialog-gradient:linear-gradient(to top,#bdc2e8 0%,#bdc2e8 1%,#e6dee9 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="metal"]{--dashboard-dialog-gradient:linear-gradient(to bottom,#D5DEE7 0%,#E8EBF2 50%,#E2E7ED 100%),linear-gradient(to bottom,rgba(0,0,0,.02) 50%,rgba(255,255,255,.02) 61%,rgba(0,0,0,.02) 73%),linear-gradient(33deg,rgba(255,255,255,.20) 0%,rgba(0,0,0,.20) 100%);--dashboard-dialog-blend:normal,color-burn,normal} body.dashboard-gradient-enabled[data-dashboard-gradient="glass"]{--dashboard-dialog-gradient:linear-gradient(to top,#dfe9f3 0%,white 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="carbon"]{--dashboard-dialog-gradient:linear-gradient(to bottom,#323232 0%,#3F3F3F 40%,#1C1C1C 150%),linear-gradient(to top,rgba(255,255,255,.40) 0%,rgba(0,0,0,.25) 200%);--dashboard-dialog-blend:multiply,normal} body.dashboard-gradient-enabled[data-dashboard-gradient="earl-gray"]{--dashboard-dialog-gradient:radial-gradient(at top center,rgba(255,255,255,.03) 0%,rgba(0,0,0,.03) 100%),linear-gradient(to top,rgba(255,255,255,.1) 0%,rgba(143,152,157,.60) 100%),linear-gradient(#E4E4E1,#E4E4E1);--dashboard-dialog-blend:normal,multiply,normal} body.dashboard-gradient-enabled[data-dashboard-gradient="soul"]{--dashboard-dialog-gradient:linear-gradient(-225deg,#FFFEFF 0%,#D7FFFE 100%)} body.dashboard-gradient-enabled[data-dashboard-gradient="perfect"]{--dashboard-dialog-gradient:linear-gradient(-225deg,#E3FDF5 0%,#FFE6FA 100%)} /* Apply only to dashboard-style dialog/card surfaces; navigation and page backgrounds stay untouched. */ body.dashboard-gradient-enabled .main .card, body.dashboard-gradient-enabled .main .summary-panel, body.dashboard-gradient-enabled .main .rangebox, body.dashboard-gradient-enabled .main .mini-stat, body.dashboard-gradient-enabled .main .category-tile-v2, body.dashboard-gradient-enabled .main .category-info-v2, body.dashboard-gradient-enabled .main .category-browser-card, body.dashboard-gradient-enabled .main .live-analysis-chart, body.dashboard-gradient-enabled .main .alert-builder{ background-image:var(--dashboard-dialog-gradient)!important; background-blend-mode:var(--dashboard-dialog-blend,normal)!important; } body.dashboard-gradient-enabled[data-dashboard-gradient="carbon"] .main .card, body.dashboard-gradient-enabled[data-dashboard-gradient="carbon"] .main .summary-panel, body.dashboard-gradient-enabled[data-dashboard-gradient="carbon"] .main .rangebox, body.dashboard-gradient-enabled[data-dashboard-gradient="carbon"] .main .mini-stat, body.dashboard-gradient-enabled[data-dashboard-gradient="carbon"] .main .live-analysis-chart{color:#f5f7fa} body.dashboard-gradient-enabled[data-dashboard-gradient="carbon"] .main .card h1, body.dashboard-gradient-enabled[data-dashboard-gradient="carbon"] .main .card h2, body.dashboard-gradient-enabled[data-dashboard-gradient="carbon"] .main .card h3, body.dashboard-gradient-enabled[data-dashboard-gradient="carbon"] .main .card th{color:#f5f7fa} body.dashboard-gradient-enabled[data-dashboard-gradient="carbon"] .main .card td, body.dashboard-gradient-enabled[data-dashboard-gradient="carbon"] .main .card small, body.dashboard-gradient-enabled[data-dashboard-gradient="carbon"] .main .card p{color:#d7dce3} @media(max-width:700px){.gradient-picker-menu{grid-template-columns:1fr;width:min(360px,calc(100vw - 20px))}} /* Dashboard drop-shadow appearance preference */ .appearance-shadow-settings{margin-top:4px;padding-top:18px;border-top:1px solid var(--line,#e5e9ef);display:grid;gap:14px;max-width:620px} .shadow-enable-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.shadow-enable-row input{margin-top:3px}.shadow-enable-row span{display:grid;gap:3px}.shadow-enable-row small{color:var(--muted,#667085);font-size:12px;font-weight:400} /* Keep both Appearance option checkboxes visually identical. */ .gradient-enable-row input[type="checkbox"],.shadow-enable-row input[type="checkbox"]{width:14px;height:14px;min-width:14px;min-height:14px;margin-left:0;accent-color:var(--blue,#0868e9)} .shadow-picker-wrap{position:relative;display:grid;gap:6px;max-width:390px}.shadow-picker-wrap>label{font-size:12px;font-weight:700}.shadow-picker-wrap.disabled{opacity:.48;pointer-events:none}.shadow-picker-trigger{height:44px;width:100%;display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line,#dbe2ea);border-radius:8px;background:var(--card,#fff);color:var(--text,#122033);cursor:pointer;text-align:left}.shadow-picker-trigger>span:nth-child(2){flex:1;font-size:12px;font-weight:500}.shadow-picker-trigger:disabled{cursor:not-allowed}.shadow-caret{transition:transform .16s ease}.shadow-picker-trigger[aria-expanded="true"] .shadow-caret{transform:rotate(180deg)} .shadow-picker-menu{position:fixed;z-index:10050;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px;max-height:360px;overflow:auto;border:1px solid var(--line,#dbe2ea);border-radius:8px;background:var(--card,#fff);box-shadow:0 18px 44px rgba(20,33,50,.18)}.shadow-picker-menu.open{display:grid}.shadow-picker-menu[hidden]{display:none!important}.shadow-option{min-width:0;height:52px;display:flex;align-items:center;gap:10px;padding:7px 9px;border:0;border-radius:6px;background:transparent;color:var(--text,#122033);text-align:left;cursor:pointer}.shadow-option>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.shadow-option:hover,.shadow-option.selected{background:rgba(15,108,229,.08)} .shadow-swatch{width:44px;height:30px;flex:0 0 44px;border-radius:6px;background:#fff;border:1px solid rgba(22,34,50,.09)} .shadow-swatch[data-shadow="soft-lift"]{box-shadow:rgba(149,157,165,.2) 0 8px 24px} body.dashboard-shadow-enabled[data-dashboard-shadow="soft-lift"]{--dashboard-dialog-shadow:rgba(149,157,165,.2) 0 8px 24px} .shadow-swatch[data-shadow="wide-lift"]{box-shadow:rgba(100,100,111,.2) 0 7px 29px 0} body.dashboard-shadow-enabled[data-dashboard-shadow="wide-lift"]{--dashboard-dialog-shadow:rgba(100,100,111,.2) 0 7px 29px 0} .shadow-swatch[data-shadow="compact"]{box-shadow:rgba(0,0,0,.15) 1.95px 1.95px 2.6px} body.dashboard-shadow-enabled[data-dashboard-shadow="compact"]{--dashboard-dialog-shadow:rgba(0,0,0,.15) 1.95px 1.95px 2.6px} .shadow-swatch[data-shadow="deep"]{box-shadow:rgba(0,0,0,.35) 0 5px 15px} body.dashboard-shadow-enabled[data-dashboard-shadow="deep"]{--dashboard-dialog-shadow:rgba(0,0,0,.35) 0 5px 15px} .shadow-swatch[data-shadow="subtle"]{box-shadow:rgba(0,0,0,.16) 0 1px 4px} body.dashboard-shadow-enabled[data-dashboard-shadow="subtle"]{--dashboard-dialog-shadow:rgba(0,0,0,.16) 0 1px 4px} .shadow-swatch[data-shadow="soft-card"]{box-shadow:rgba(0,0,0,.24) 0 3px 8px} body.dashboard-shadow-enabled[data-dashboard-shadow="soft-card"]{--dashboard-dialog-shadow:rgba(0,0,0,.24) 0 3px 8px} .shadow-swatch[data-shadow="gentle"]{box-shadow:rgba(99,99,99,.2) 0 2px 8px 0} body.dashboard-shadow-enabled[data-dashboard-shadow="gentle"]{--dashboard-dialog-shadow:rgba(99,99,99,.2) 0 2px 8px 0} .shadow-swatch[data-shadow="outline"]{box-shadow:rgba(0,0,0,.02) 0 1px 3px 0, rgba(27,31,35,.15) 0 0 0 1px} body.dashboard-shadow-enabled[data-dashboard-shadow="outline"]{--dashboard-dialog-shadow:rgba(0,0,0,.02) 0 1px 3px 0, rgba(27,31,35,.15) 0 0 0 1px} .shadow-swatch[data-shadow="float"]{box-shadow:rgba(0,0,0,.1) 0 4px 12px} body.dashboard-shadow-enabled[data-dashboard-shadow="float"]{--dashboard-dialog-shadow:rgba(0,0,0,.1) 0 4px 12px} .shadow-swatch[data-shadow="dramatic"]{box-shadow:rgba(0,0,0,.25) 0 54px 55px, rgba(0,0,0,.12) 0 -12px 30px, rgba(0,0,0,.12) 0 4px 6px, rgba(0,0,0,.17) 0 12px 13px, rgba(0,0,0,.09) 0 -3px 5px} body.dashboard-shadow-enabled[data-dashboard-shadow="dramatic"]{--dashboard-dialog-shadow:rgba(0,0,0,.25) 0 54px 55px, rgba(0,0,0,.12) 0 -12px 30px, rgba(0,0,0,.12) 0 4px 6px, rgba(0,0,0,.17) 0 12px 13px, rgba(0,0,0,.09) 0 -3px 5px} .shadow-swatch[data-shadow="hairline"]{box-shadow:rgba(0,0,0,.05) 0 6px 24px 0, rgba(0,0,0,.08) 0 0 0 1px} body.dashboard-shadow-enabled[data-dashboard-shadow="hairline"]{--dashboard-dialog-shadow:rgba(0,0,0,.05) 0 6px 24px 0, rgba(0,0,0,.08) 0 0 0 1px} .shadow-swatch[data-shadow="elevated"]{box-shadow:rgba(0,0,0,.16) 0 10px 36px 0, rgba(0,0,0,.06) 0 0 0 1px} body.dashboard-shadow-enabled[data-dashboard-shadow="elevated"]{--dashboard-dialog-shadow:rgba(0,0,0,.16) 0 10px 36px 0, rgba(0,0,0,.06) 0 0 0 1px} .shadow-swatch[data-shadow="airy"]{box-shadow:rgba(17,12,46,.15) 0 48px 100px 0} body.dashboard-shadow-enabled[data-dashboard-shadow="airy"]{--dashboard-dialog-shadow:rgba(17,12,46,.15) 0 48px 100px 0} .shadow-swatch[data-shadow="layered-inset"]{box-shadow:rgba(50,50,93,.25) 0 50px 100px -20px, rgba(0,0,0,.3) 0 30px 60px -30px, rgba(10,37,64,.35) 0 -2px 6px 0 inset} body.dashboard-shadow-enabled[data-dashboard-shadow="layered-inset"]{--dashboard-dialog-shadow:rgba(50,50,93,.25) 0 50px 100px -20px, rgba(0,0,0,.3) 0 30px 60px -30px, rgba(10,37,64,.35) 0 -2px 6px 0 inset} .shadow-swatch[data-shadow="glossy-float"]{box-shadow:rgba(255,255,255,.1) 0 1px 1px 0 inset, rgba(50,50,93,.25) 0 50px 100px -20px, rgba(0,0,0,.3) 0 30px 60px -30px} body.dashboard-shadow-enabled[data-dashboard-shadow="glossy-float"]{--dashboard-dialog-shadow:rgba(255,255,255,.1) 0 1px 1px 0 inset, rgba(50,50,93,.25) 0 50px 100px -20px, rgba(0,0,0,.3) 0 30px 60px -30px} .shadow-swatch[data-shadow="layered-float"]{box-shadow:rgba(50,50,93,.25) 0 50px 100px -20px, rgba(0,0,0,.3) 0 30px 60px -30px} body.dashboard-shadow-enabled[data-dashboard-shadow="layered-float"]{--dashboard-dialog-shadow:rgba(50,50,93,.25) 0 50px 100px -20px, rgba(0,0,0,.3) 0 30px 60px -30px} .shadow-swatch[data-shadow="medium-lift"]{box-shadow:rgba(50,50,93,.25) 0 13px 27px -5px, rgba(0,0,0,.3) 0 8px 16px -8px} body.dashboard-shadow-enabled[data-dashboard-shadow="medium-lift"]{--dashboard-dialog-shadow:rgba(50,50,93,.25) 0 13px 27px -5px, rgba(0,0,0,.3) 0 8px 16px -8px} .shadow-swatch[data-shadow="tight-lift"]{box-shadow:rgba(50,50,93,.25) 0 2px 5px -1px, rgba(0,0,0,.3) 0 1px 3px -1px} body.dashboard-shadow-enabled[data-dashboard-shadow="tight-lift"]{--dashboard-dialog-shadow:rgba(50,50,93,.25) 0 2px 5px -1px, rgba(0,0,0,.3) 0 1px 3px -1px} .shadow-swatch[data-shadow="balanced"]{box-shadow:rgba(50,50,93,.25) 0 6px 12px -2px, rgba(0,0,0,.3) 0 3px 7px -3px} body.dashboard-shadow-enabled[data-dashboard-shadow="balanced"]{--dashboard-dialog-shadow:rgba(50,50,93,.25) 0 6px 12px -2px, rgba(0,0,0,.3) 0 3px 7px -3px} .shadow-swatch[data-shadow="crisp"]{box-shadow:rgba(0,0,0,.12) 0 1px 3px, rgba(0,0,0,.24) 0 1px 2px} body.dashboard-shadow-enabled[data-dashboard-shadow="crisp"]{--dashboard-dialog-shadow:rgba(0,0,0,.12) 0 1px 3px, rgba(0,0,0,.24) 0 1px 2px} .shadow-swatch[data-shadow="inset-depth"]{box-shadow:rgba(50,50,93,.25) 0 30px 60px -12px inset, rgba(0,0,0,.3) 0 18px 36px -18px inset} body.dashboard-shadow-enabled[data-dashboard-shadow="inset-depth"]{--dashboard-dialog-shadow:rgba(50,50,93,.25) 0 30px 60px -12px inset, rgba(0,0,0,.3) 0 18px 36px -18px inset} .shadow-swatch[data-shadow="material"]{box-shadow:rgba(60,64,67,.3) 0 1px 2px 0, rgba(60,64,67,.15) 0 2px 6px 2px} body.dashboard-shadow-enabled[data-dashboard-shadow="material"]{--dashboard-dialog-shadow:rgba(60,64,67,.3) 0 1px 2px 0, rgba(60,64,67,.15) 0 2px 6px 2px} .shadow-swatch[data-shadow="tailwind"]{box-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px} body.dashboard-shadow-enabled[data-dashboard-shadow="tailwind"]{--dashboard-dialog-shadow:rgba(0,0,0,.1) 0 20px 25px -5px, rgba(0,0,0,.04) 0 10px 10px -5px} .shadow-swatch[data-shadow="inner-glow"]{box-shadow:rgb(204,219,232) 3px 3px 6px 0 inset, rgba(255,255,255,.5) -3px -3px 6px 1px inset} body.dashboard-shadow-enabled[data-dashboard-shadow="inner-glow"]{--dashboard-dialog-shadow:rgb(204,219,232) 3px 3px 6px 0 inset, rgba(255,255,255,.5) -3px -3px 6px 1px inset} .shadow-swatch[data-shadow="bottom-float"]{box-shadow:rgba(0,0,0,.45) 0 25px 20px -20px} body.dashboard-shadow-enabled[data-dashboard-shadow="bottom-float"]{--dashboard-dialog-shadow:rgba(0,0,0,.45) 0 25px 20px -20px} .shadow-swatch[data-shadow="slate"]{box-shadow:rgba(9,30,66,.25) 0 4px 8px -2px, rgba(9,30,66,.08) 0 0 0 1px} body.dashboard-shadow-enabled[data-dashboard-shadow="slate"]{--dashboard-dialog-shadow:rgba(9,30,66,.25) 0 4px 8px -2px, rgba(9,30,66,.08) 0 0 0 1px} body.dashboard-shadow-enabled .main .card, body.dashboard-shadow-enabled .main .summary-panel, body.dashboard-shadow-enabled .main .rangebox, body.dashboard-shadow-enabled .main .mini-stat, body.dashboard-shadow-enabled .main .category-tile-v2, body.dashboard-shadow-enabled .main .category-info-v2, body.dashboard-shadow-enabled .main .category-browser-card, body.dashboard-shadow-enabled .main .live-analysis-chart, body.dashboard-shadow-enabled .main .alert-builder, body.dashboard-shadow-enabled .main .history-summary-card, body.dashboard-shadow-enabled .main .history-filter-card, body.dashboard-shadow-enabled .main .history-grid-card, body.dashboard-shadow-enabled .main .dashboard-dialog-surface, body.dashboard-shadow-enabled .main .tracked-add-panel-host, body.dashboard-shadow-enabled .main .tracked-companies-table-card{box-shadow:var(--dashboard-dialog-shadow)!important} /* Only the outermost dashboard surface receives the user-selected shadow. Nested cards/dialog-like surfaces stay flat when their parent is already elevated. */ body.dashboard-shadow-enabled .main :is(.card,.summary-panel,.rangebox,.mini-stat,.category-tile-v2,.category-info-v2,.category-browser-card,.live-analysis-chart,.alert-builder,.history-summary-card,.history-filter-card,.history-grid-card,.dashboard-dialog-surface,.tracked-add-panel-host,.tracked-companies-table-card) :is(.card,.summary-panel,.rangebox,.mini-stat,.category-tile-v2,.category-info-v2,.category-browser-card,.live-analysis-chart,.alert-builder,.history-summary-card,.history-filter-card,.history-grid-card,.dashboard-dialog-surface,.tracked-add-panel-host,.tracked-companies-table-card){ box-shadow:none!important; } @media(max-width:620px){.shadow-picker-menu{grid-template-columns:1fr}.shadow-picker-wrap{max-width:100%}} /* Appearance compatibility rules */ .shadow-enable-row.theme-unavailable, .shadow-picker-wrap.theme-unavailable{opacity:.48} .shadow-enable-row.theme-unavailable{cursor:not-allowed} .shadow-enable-row.theme-unavailable input{cursor:not-allowed} .gradient-option[hidden]{display:none!important} /* All Signals header metrics + theme-safe active sorting */ .signals-metrics{max-width:min(1120px,72vw);overflow-x:auto;scrollbar-width:thin} .signal-hm{min-width:138px} .signal-hm b{display:block;max-width:175px;line-height:1.3} body[data-resolved-theme="dark"] .signal-report-table th.sortable:hover, body[data-resolved-theme="dark"] .signal-report-table th.active-sort, body[data-theme="black"] .signal-report-table th.sortable:hover, body[data-theme="black"] .signal-report-table th.active-sort, body[data-theme="contrast"] .signal-report-table th.sortable:hover, body[data-theme="contrast"] .signal-report-table th.active-sort{background:#172435;color:#7db7ff} body[data-resolved-theme="dark"] .signal-report-table th.active-sort span, body[data-theme="black"] .signal-report-table th.active-sort span, body[data-theme="contrast"] .signal-report-table th.active-sort span{color:#7db7ff} body[data-theme="black"] .signal-report-table th.sortable:hover,body[data-theme="black"] .signal-report-table th.active-sort{background:#161616;color:#8fc2ff} body[data-theme="contrast"] .signal-report-table th.sortable:hover,body[data-theme="contrast"] .signal-report-table th.active-sort{background:#000;color:#fff;outline:1px solid #fff;outline-offset:-1px} @media(max-width:1400px){.signals-header{grid-template-columns:1fr}.signals-metrics{max-width:100%;width:100%}.signal-hm:first-child{border-left:0}} /* Tracked Companies shadow-aware dashboard surfaces */ .tracked-filter-toolbar.dashboard-dialog-surface{border:1px solid var(--line);border-radius:8px;background:var(--card);padding:4px 10px;margin:10px 0} body.dashboard-gradient-enabled .tracked-filter-toolbar.dashboard-dialog-surface{background-image:var(--dashboard-dialog-gradient)!important} /* Live chart distraction-free full-screen monitor mode ------------------ */ .live-chart-focus-toggle{ min-width:29px;height:29px;padding:0 7px;border:1px solid var(--line,#dce3ec);border-radius:6px; background:var(--card,#fff);color:var(--text,#10213f);display:inline-flex;align-items:center;justify-content:center; gap:7px;font:600 12px/1 Inter,sans-serif;cursor:pointer; } .live-chart-focus-toggle:hover{background:var(--soft,#f3f6fa)} .live-focus-icon{font-size:16px;line-height:1} .live-focus-exit-label{display:none;white-space:nowrap} .live-chart-focus-toggle.is-exit{height:36px;padding:0 13px;border-radius:7px} .live-chart-focus-toggle.is-exit .live-focus-exit-label{display:inline} .live-chart-focus-toggle.is-exit .live-focus-icon{font-size:15px} /* Native Fullscreen API: only the chosen chart panel exists in the viewport. */ .live-analysis-chart:fullscreen, .live-analysis-chart:-webkit-full-screen{ width:100%!important;height:100%!important;max-width:none!important;max-height:none!important; margin:0!important;padding:18px 22px 20px!important;border:0!important;border-radius:0!important; background:var(--card,#fff)!important;box-shadow:none!important;display:flex!important;flex-direction:column!important; overflow:hidden!important; } .live-analysis-chart:fullscreen .live-analysis-chart-head, .live-analysis-chart:-webkit-full-screen .live-analysis-chart-head{ flex:0 0 auto;justify-content:flex-end!important;min-height:44px!important;padding:0 0 10px!important;border:0!important; } .live-analysis-chart:fullscreen .live-analysis-title, .live-analysis-chart:-webkit-full-screen .live-analysis-title{display:none!important} .live-analysis-chart:fullscreen .live-analysis-actions > :not(.live-chart-focus-toggle), .live-analysis-chart:-webkit-full-screen .live-analysis-actions > :not(.live-chart-focus-toggle){display:none!important} .live-analysis-chart:fullscreen canvas, .live-analysis-chart:-webkit-full-screen canvas{flex:1 1 auto!important;width:100%!important;height:calc(100% - 50px)!important;min-height:0!important;margin:0!important} /* Stock-price full-screen keeps useful quote/volume information but removes every other control. */ .live-primary-analysis-chart:fullscreen .live-ohlc-row, .live-primary-analysis-chart:-webkit-full-screen .live-ohlc-row{flex:0 0 auto;padding:0 4px 10px!important} .live-primary-analysis-chart:fullscreen .live-chart-wrap, .live-primary-analysis-chart:-webkit-full-screen .live-chart-wrap{flex:1 1 auto!important;height:auto!important;min-height:0!important;margin:0!important} .live-primary-analysis-chart:fullscreen .live-chart-wrap canvas, .live-primary-analysis-chart:-webkit-full-screen .live-chart-wrap canvas{height:100%!important} .live-primary-analysis-chart:fullscreen .live-volume-label, .live-primary-analysis-chart:-webkit-full-screen .live-volume-label{flex:0 0 auto;padding:7px 4px 3px!important} .live-primary-analysis-chart:fullscreen .live-volume-wrap, .live-primary-analysis-chart:-webkit-full-screen .live-volume-wrap{flex:0 0 18%!important;height:auto!important;min-height:80px!important;margin:0!important} .live-primary-analysis-chart:fullscreen .live-chart-footer, .live-primary-analysis-chart:-webkit-full-screen .live-chart-footer{flex:0 0 auto;padding:8px 4px 0!important;border-top:0!important} /* CSS fallback for browsers/environments where Fullscreen API is unavailable. */ body.live-chart-focus-fallback{overflow:hidden!important} body.live-chart-focus-fallback .app>.sidebar, body.live-chart-focus-fallback .live-page>.live-company-head, body.live-chart-focus-fallback .live-chart-card>.live-chart-titlebar, body.live-chart-focus-fallback .live-chart-card>.live-chart-toolbar, body.live-chart-focus-fallback .live-chart-card>.live-signal-legend{display:none!important} body.live-chart-focus-fallback .main.live-page{margin:0!important;padding:0!important;width:100%!important;max-width:none!important} body.live-chart-focus-fallback .live-chart-card{position:fixed!important;inset:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;z-index:99999!important;background:var(--card,#fff)!important;overflow:hidden!important} body.live-chart-focus-fallback .live-chart-stack{height:100%!important;padding:0!important;gap:0!important} body.live-chart-focus-fallback .live-chart-stack>.live-analysis-chart:not(.is-focus-chart), body.live-chart-focus-fallback .live-additional-charts>.live-analysis-chart:not(.is-focus-chart){display:none!important} body.live-chart-focus-fallback .live-analysis-chart.is-focus-chart{display:flex!important;flex-direction:column!important;height:100%!important;padding:18px 22px 20px!important;border-radius:0!important;box-shadow:none!important} body.live-chart-focus-fallback .live-analysis-chart.is-focus-chart .live-analysis-chart-head{justify-content:flex-end!important;flex:0 0 auto;padding:0 0 10px!important} body.live-chart-focus-fallback .live-analysis-chart.is-focus-chart .live-analysis-title{display:none!important} body.live-chart-focus-fallback .live-analysis-chart.is-focus-chart .live-analysis-actions>:not(.live-chart-focus-toggle){display:none!important} body.live-chart-focus-fallback .live-analysis-chart.is-focus-chart>canvas{flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important} body.live-chart-focus-fallback .live-primary-analysis-chart.is-focus-chart .live-chart-wrap{flex:1 1 auto!important;height:auto!important;min-height:0!important} body.live-chart-focus-fallback .live-primary-analysis-chart.is-focus-chart .live-volume-wrap{flex:0 0 18%!important;height:auto!important;min-height:80px!important} body[data-resolved-theme="dark"] .live-chart-focus-toggle, body[data-resolved-theme="black"] .live-chart-focus-toggle{background:#111827;border-color:#344055;color:#f5f7fa} body[data-resolved-theme="black"] .live-chart-focus-toggle{background:#050505;border-color:#34383e} body[data-resolved-theme="contrast"] .live-chart-focus-toggle{background:#000;border:2px solid #fff;color:#fff} body[data-resolved-theme="dark"] .live-analysis-chart:fullscreen, body[data-resolved-theme="dark"] .live-analysis-chart:-webkit-full-screen{background:#111827!important} body[data-resolved-theme="black"] .live-analysis-chart:fullscreen, body[data-resolved-theme="black"] .live-analysis-chart:-webkit-full-screen{background:#050505!important} body[data-resolved-theme="contrast"] .live-analysis-chart:fullscreen, body[data-resolved-theme="contrast"] .live-analysis-chart:-webkit-full-screen{background:#000!important} /* Dashboard shadow host resolver ----------------------------------------- The selectable dialog shadow is applied to the outermost dashboard surface only. JS marks those surfaces with .dashboard-shadow-host, which also covers page-specific panels that do not use the generic .card class. */ body.dashboard-shadow-enabled .main .dashboard-shadow-host{ box-shadow:var(--dashboard-dialog-shadow,var(--shadow))!important; } body.dashboard-shadow-enabled .main .dashboard-shadow-candidate:not(.dashboard-shadow-host){ box-shadow:none!important; } /* All Signals hierarchy + dark-theme legibility ------------------------- */ .signals-header .page-title{min-width:300px} .signals-header .page-title h1#signalsCompanyTitle{ margin:0 0 4px;font-size:30px;line-height:1.08;font-weight:800;letter-spacing:-.75px;color:var(--text) } .signals-section-title{ margin:0 0 5px;font-size:16px;line-height:1.2;font-weight:650;color:var(--muted) } .signals-header .page-title p#signalsCompanySubtitle{ margin:0;font-size:12px;font-weight:600;color:var(--muted) } .signal-hm span{ font-size:12px;font-weight:700;letter-spacing:.01em;color:var(--muted) } .signal-hm b{color:var(--text)} /* Sort glyphs need to remain visible on every theme, including Status. */ .signal-report-table th.sortable span{ display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px; margin-left:4px;border-radius:3px;color:#66778f;font-size:12px;font-weight:800;line-height:1 } .signal-report-table th.active-sort span{color:var(--blue);background:rgba(8,104,233,.10)} /* Stronger status treatment on low-luminance themes. */ .signal-report-table .pill{font-weight:700;gap:5px} .signal-report-table .pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto} body[data-resolved-theme="dark"] .signal-hm span{color:#c1cede} body[data-resolved-theme="dark"] .signal-hm b{color:#e8eef7} body[data-resolved-theme="dark"] .signals-section-title, body[data-resolved-theme="dark"] .signals-header .page-title p#signalsCompanySubtitle{color:#b6c4d6} body[data-resolved-theme="dark"] .signal-report-table th.sortable span{color:#b8c8da;background:rgba(255,255,255,.045)} body[data-resolved-theme="dark"] .signal-report-table th.active-sort span{color:#b9d8ff;background:rgba(30,127,255,.18)} body[data-resolved-theme="dark"] .signal-report-table .pill.strong{color:#54d86d;background:#102a19;border-color:#2d7640} body[data-resolved-theme="dark"] .signal-report-table .pill.neutral{color:#ffc15a;background:#2b2111;border-color:#73531d} body[data-resolved-theme="dark"] .signal-report-table .pill.weak{color:#ff7772;background:#301817;border-color:#7d3835} body[data-theme="black"] .signal-hm span{color:#d0d0d0} body[data-theme="black"] .signal-hm b{color:#f2f2f2} body[data-theme="black"] .signals-section-title, body[data-theme="black"] .signals-header .page-title p#signalsCompanySubtitle{color:#c8c8c8} body[data-theme="black"] .signal-report-table th.sortable span{color:#d8d8d8;background:#202020} body[data-theme="black"] .signal-report-table th.active-sort span{color:#b6d8ff;background:#123253} body[data-theme="black"] .signal-report-table .pill.strong{color:#66e27a;background:#092411;border-color:#338545} body[data-theme="black"] .signal-report-table .pill.neutral{color:#ffd06f;background:#2b210b;border-color:#806225} body[data-theme="black"] .signal-report-table .pill.weak{color:#ff8580;background:#2b0f0e;border-color:#8b3a36} body[data-theme="contrast"] .signal-hm span, body[data-theme="contrast"] .signal-hm b, body[data-theme="contrast"] .signals-section-title, body[data-theme="contrast"] .signals-header .page-title p#signalsCompanySubtitle{color:#fff} body[data-theme="contrast"] .signal-report-table th.sortable span{color:#fff;background:#242424;border:1px solid #fff} body[data-theme="contrast"] .signal-report-table th.active-sort span{color:#000;background:#fff} body[data-theme="contrast"] .signal-report-table .pill{border-width:2px;background:#000} body[data-theme="contrast"] .signal-report-table .pill.strong{color:#69ff83;border-color:#69ff83} body[data-theme="contrast"] .signal-report-table .pill.neutral{color:#ffd55f;border-color:#ffd55f} body[data-theme="contrast"] .signal-report-table .pill.weak{color:#ff7770;border-color:#ff7770} @media(max-width:900px){ .signals-header .page-title h1#signalsCompanyTitle{font-size:26px} .signals-section-title{font-size:15px} } /* Live full-screen context: instrument + exchange + chosen chart. */ .live-focus-context{display:none} .live-analysis-chart:fullscreen .live-focus-context, .live-analysis-chart:-webkit-full-screen .live-focus-context, body.live-chart-focus-fallback .live-analysis-chart.is-focus-chart .live-focus-context{ display:flex!important;align-items:flex-end;justify-content:space-between;gap:24px; flex:0 0 auto;padding:2px 2px 8px;border-bottom:1px solid var(--line);margin-bottom:8px } .live-focus-context>div{min-width:0} .live-focus-context>div>strong{display:block;font-size:26px;line-height:1.08;font-weight:800;letter-spacing:-.5px;color:var(--text)} .live-focus-context>div>span{display:block;margin-top:5px;font-size:12px;font-weight:650;color:var(--muted)} .live-focus-context>b{font-size:15px;line-height:1.2;font-weight:700;color:var(--text);white-space:nowrap} body[data-resolved-theme="dark"] .live-focus-context>div>strong, body[data-resolved-theme="dark"] .live-focus-context>b, body[data-resolved-theme="black"] .live-focus-context>div>strong, body[data-resolved-theme="black"] .live-focus-context>b, body[data-resolved-theme="contrast"] .live-focus-context>div>strong, body[data-resolved-theme="contrast"] .live-focus-context>b{color:#fff} body[data-resolved-theme="dark"] .live-focus-context>div>span{color:#bac8d9} body[data-resolved-theme="black"] .live-focus-context>div>span{color:#d0d0d0} body[data-resolved-theme="contrast"] .live-focus-context>div>span{color:#fff} .confidence-score-cell{min-width:150px} /* Tracked Companies: six portfolio KPI cards remain in one row on desktop. */ .tracked-kpis{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:10px} @media(max-width:1100px){.tracked-kpis{grid-template-columns:repeat(3,minmax(0,1fr)) !important}} @media(max-width:760px){.tracked-kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important}} @media(max-width:520px){.tracked-kpis{grid-template-columns:1fr !important}} .tracked-sort-heading{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;padding:0;display:inline-flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap;text-align:left} .tracked-sort-heading:hover,.tracked-sort-heading:focus-visible{color:var(--blue);outline:none} .tracked-sort-heading.is-sorted{color:var(--blue)} .tracked-sort-arrow{font-size:12px;opacity:.65} html[data-theme="dark"] .tracked-sort-heading, html[data-theme="black"] .tracked-sort-heading, html[data-theme="contrast"] .tracked-sort-heading{color:var(--text)} html[data-theme="dark"] .tracked-sort-heading:hover,html[data-theme="dark"] .tracked-sort-heading:focus-visible,html[data-theme="dark"] .tracked-sort-heading.is-sorted, html[data-theme="black"] .tracked-sort-heading:hover,html[data-theme="black"] .tracked-sort-heading:focus-visible,html[data-theme="black"] .tracked-sort-heading.is-sorted, html[data-theme="contrast"] .tracked-sort-heading:hover,html[data-theme="contrast"] .tracked-sort-heading:focus-visible,html[data-theme="contrast"] .tracked-sort-heading.is-sorted{color:#6ea8ff} /* Tracked-company sorting uses the normal table-heading colour in every state. */ .tracked-performance-rank,.tracked-performance-sort span,.tracked-sort-heading:hover,.tracked-sort-heading:focus-visible,.tracked-sort-heading.is-sorted{color:inherit!important} html[data-theme="dark"] .tracked-sort-heading:hover,html[data-theme="dark"] .tracked-sort-heading:focus-visible,html[data-theme="dark"] .tracked-sort-heading.is-sorted,html[data-theme="black"] .tracked-sort-heading:hover,html[data-theme="black"] .tracked-sort-heading:focus-visible,html[data-theme="black"] .tracked-sort-heading.is-sorted,html[data-theme="contrast"] .tracked-sort-heading:hover,html[data-theme="contrast"] .tracked-sort-heading:focus-visible,html[data-theme="contrast"] .tracked-sort-heading.is-sorted{color:var(--text)!important} /* Klarodex Calendar */ .klarodex-calendar-card{margin-top:12px;padding:18px 20px;overflow:visible}.klarodex-calendar-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px}.klarodex-calendar-head h2{margin:0 0 4px;font-size:17px}.klarodex-calendar-head p{margin:0;color:var(--muted);font-size:12px}.klarodex-calendar-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.klarodex-calendar-controls .select{min-width:125px}.klarodex-calendar-controls .input{min-width:145px}.klarodex-calendar-viewport{position:relative;max-height:650px;overflow:auto;border:1px solid var(--line);border-radius:7px;background:var(--card)}.klarodex-calendar-loader{position:sticky;z-index:12;left:220px;top:10px;display:none;width:max-content;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:7px;background:var(--card);box-shadow:0 5px 18px rgba(15,35,58,.14);font-size:12px}.klarodex-calendar-loader.is-visible{display:flex}.klarodex-calendar-grid{--calendar-cell:92px;border-collapse:separate;border-spacing:0;min-width:max-content;font-size:12px}.klarodex-calendar-grid.week-view{--calendar-cell:130px}.klarodex-calendar-grid.month-view{--calendar-cell:86px}.klarodex-calendar-grid th,.klarodex-calendar-grid td{box-sizing:border-box;width:var(--calendar-cell);min-width:var(--calendar-cell);height:62px;padding:7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.klarodex-calendar-grid th.weekend,.klarodex-calendar-grid td.weekend{width:calc(var(--calendar-cell)*.5);min-width:calc(var(--calendar-cell)*.5);background:#fafbfd;color:#9aa7b7}.klarodex-calendar-grid td.weekend.no-score{background:#fafbfd}.klarodex-calendar-grid thead th{position:sticky;z-index:5;top:0;height:50px;background:var(--soft);font-weight:600}.klarodex-calendar-grid thead th strong,.klarodex-calendar-grid thead th span{display:block}.klarodex-calendar-grid thead th span{margin-top:3px;color:var(--muted);font-size:12px}.klarodex-calendar-grid .klarodex-calendar-company-head,.klarodex-calendar-grid .klarodex-calendar-company{position:sticky;z-index:7;left:0;width:210px;min-width:210px;text-align:left;background:var(--card);box-shadow:2px 0 0 var(--line)}.klarodex-calendar-grid .klarodex-calendar-company-head{z-index:9;background:var(--soft)}.klarodex-calendar-company strong,.klarodex-calendar-company span{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klarodex-calendar-company span{margin-top:4px;color:var(--muted);font-size:12px}.klarodex-calendar-grid td.has-score{border-top:4px solid;padding-top:4px}.klarodex-calendar-grid td.has-score strong,.klarodex-calendar-grid td.has-score span{display:block}.klarodex-calendar-grid td.has-score strong{font-size:15px}.klarodex-calendar-grid td.has-score span{margin-top:4px;font-size:12px;color:var(--muted)}.klarodex-calendar-grid td.no-score{color:#a5afbd;background:var(--soft)}.klarodex-calendar-grid .week-start{border-left:3px solid #9eacbd}.klarodex-calendar-key{display:flex;align-items:flex-start;gap:8px;margin-top:12px;font-size:12px;color:var(--muted)}.klarodex-calendar-key>span{padding-top:1px}.klarodex-calendar-key-scale{width:min(420px,calc(100% - 90px))}.klarodex-calendar-key-scale i{display:block;height:8px;border-radius:4px;background:linear-gradient(90deg,#ef2b2d,#ff6600,#f6b900,#70b700,#10ad42)}.klarodex-calendar-key-scale div{display:flex;justify-content:space-between;padding-top:4px}.klarodex-calendar-key-scale small{font-size:12px}@media(max-width:850px){.klarodex-calendar-head{display:block}.klarodex-calendar-controls{margin-top:12px}.klarodex-calendar-grid .klarodex-calendar-company-head,.klarodex-calendar-grid .klarodex-calendar-company{width:165px;min-width:165px}.klarodex-calendar-loader{left:175px}} /* Optional Light-theme gradient on the main canvas behind dashboard dialogs. */ .appearance-background-settings{margin-top:4px;padding-top:18px;border-top:1px solid var(--line,#e5e9ef);display:grid;gap:14px;max-width:620px} .background-gradient-enable-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.background-gradient-enable-row input{width:14px;height:14px;min-width:14px;min-height:14px;margin:3px 0 0;accent-color:var(--blue,#0868e9)}.background-gradient-enable-row span{display:grid;gap:3px}.background-gradient-enable-row small{color:var(--muted,#667085);font-size:12px;font-weight:400}.background-gradient-enable-row.theme-unavailable,.gradient-picker-wrap.theme-unavailable{opacity:.48} body.main-background-gradient-enabled[data-main-background-gradient="cloudy-city"]{--main-background-gradient:linear-gradient(120deg,#fdfbfb 0%,#ebedee 100%)} body.main-background-gradient-enabled[data-main-background-gradient="heavy-rain"]{--main-background-gradient:linear-gradient(to top,#cfd9df 0%,#e2ebf0 100%)} body.main-background-gradient-enabled[data-main-background-gradient="snow"]{--main-background-gradient:linear-gradient(to top,#e6e9f0 0%,#eef1f5 100%)} body.main-background-gradient-enabled[data-main-background-gradient="saint"]{--main-background-gradient:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)} body.main-background-gradient-enabled[data-main-background-gradient="everlast"]{--main-background-gradient:linear-gradient(135deg,#fdfcfb 0%,#e2d1c3 100%)} body.main-background-gradient-enabled[data-main-background-gradient="capital"]{--main-background-gradient:linear-gradient(to top,#fff1eb 0%,#ace0f9 100%)} body.main-background-gradient-enabled[data-main-background-gradient="february"]{--main-background-gradient:linear-gradient(to top,#accbee 0%,#e7f0fd 100%)} body.main-background-gradient-enabled[data-main-background-gradient="grass"]{--main-background-gradient:linear-gradient(to top,#c1dfc4 0%,#deecdd 100%)} body.main-background-gradient-enabled[data-main-background-gradient="steel"]{--main-background-gradient:linear-gradient(-20deg,#e9defa 0%,#fbfcdb 100%)} body.main-background-gradient-enabled[data-main-background-gradient="premium"]{--main-background-gradient:linear-gradient(to top,#d5d4d0 0%,#d5d4d0 1%,#eeeeec 31%,#efeeec 75%,#e9e9e7 100%)} body.main-background-gradient-enabled[data-main-background-gradient="blush"]{--main-background-gradient:linear-gradient(-20deg,#ddd6f3 0%,#faaca8 100%)} body.main-background-gradient-enabled[data-main-background-gradient="pluto"]{--main-background-gradient:linear-gradient(to top,#f3e7e9 0%,#e3eeff 99%,#e3eeff 100%)} body.main-background-gradient-enabled[data-main-background-gradient="moon"]{--main-background-gradient:linear-gradient(to top,#c4c5c7 0%,#dcdddf 52%,#ebebeb 100%)} body.main-background-gradient-enabled[data-main-background-gradient="confidence"]{--main-background-gradient:linear-gradient(to top,#dad4ec 0%,#dad4ec 1%,#f3e7e9 100%)} body.main-background-gradient-enabled[data-main-background-gradient="elegance"]{--main-background-gradient:radial-gradient(73% 147%,#EADFDF 59%,#ECE2DF 100%),radial-gradient(91% 146%,rgba(255,255,255,.50) 47%,rgba(0,0,0,.50) 100%);--main-background-blend:screen} body.main-background-gradient-enabled[data-main-background-gradient="nega"]{--main-background-gradient:linear-gradient(45deg,#ee9ca7 0%,#ffdde1 100%)} body.main-background-gradient-enabled[data-main-background-gradient="aqua"]{--main-background-gradient:radial-gradient(at 50% 100%,rgba(255,255,255,.50) 0%,rgba(0,0,0,.50) 100%),linear-gradient(to bottom,rgba(255,255,255,.25) 0%,rgba(0,0,0,.25) 100%),linear-gradient(#CDDCDC,#CDDCDC);--main-background-blend:screen,overlay,normal} body.main-background-gradient-enabled[data-main-background-gradient="marble"]{--main-background-gradient:linear-gradient(to top,#bdc2e8 0%,#bdc2e8 1%,#e6dee9 100%)} body.main-background-gradient-enabled[data-main-background-gradient="metal"]{--main-background-gradient:linear-gradient(to bottom,#D5DEE7 0%,#E8EBF2 50%,#E2E7ED 100%),linear-gradient(to bottom,rgba(0,0,0,.02) 50%,rgba(255,255,255,.02) 61%,rgba(0,0,0,.02) 73%),linear-gradient(33deg,rgba(255,255,255,.20) 0%,rgba(0,0,0,.20) 100%);--main-background-blend:normal,color-burn,normal} body.main-background-gradient-enabled[data-main-background-gradient="glass"]{--main-background-gradient:linear-gradient(to top,#dfe9f3 0%,white 100%)} body.main-background-gradient-enabled[data-main-background-gradient="earl-gray"]{--main-background-gradient:radial-gradient(at top center,rgba(255,255,255,.03) 0%,rgba(0,0,0,.03) 100%),linear-gradient(to top,rgba(255,255,255,.1) 0%,rgba(143,152,157,.60) 100%),linear-gradient(#E4E4E1,#E4E4E1);--main-background-blend:normal,multiply,normal} body.main-background-gradient-enabled[data-main-background-gradient="soul"]{--main-background-gradient:linear-gradient(-225deg,#FFFEFF 0%,#D7FFFE 100%)} body.main-background-gradient-enabled[data-main-background-gradient="perfect"]{--main-background-gradient:linear-gradient(-225deg,#E3FDF5 0%,#FFE6FA 100%)} body[data-resolved-theme="light"].main-background-gradient-enabled .main{background-image:var(--main-background-gradient)!important;background-blend-mode:var(--main-background-blend,normal)!important;background-attachment:fixed;background-size:cover} /* Compare Engine */ .compare-engine-head{align-items:flex-start}.compare-setup-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;flex-wrap:wrap;max-width:720px}.compare-setup-actions .select{min-width:180px}.compare-setup-actions .input{width:190px}.compare-delete-setup{color:#c93636!important}.compare-engine-status{min-height:34px;margin-bottom:10px;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:var(--soft);color:var(--muted);font-size:12px}.compare-engine-status.success{color:#087d35;background:#f1fbf4;border-color:#bce4c9}.compare-engine-status.error{color:#b52f2f;background:#fff4f4;border-color:#efc2c2}.compare-builder-card{padding:0;overflow:hidden}.compare-builder-section{padding:17px 18px}.compare-builder-section+.compare-builder-section{border-top:1px solid var(--line)}.compare-builder-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:11px}.compare-builder-heading h2,.compare-result-head h2{margin:0 0 4px;font-size:16px}.compare-builder-heading p,.compare-result-head p{margin:0;color:var(--muted);font-size:12px}.compare-builder-heading>div:last-child{display:flex;gap:6px}.compare-search{width:min(420px,100%);margin-bottom:10px}.compare-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:7px}.compare-category-choices{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.compare-choice{display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);cursor:pointer;transition:border-color .15s ease,background .15s ease}.compare-choice:hover{border-color:#9bbde8}.compare-choice.selected{border-color:#5f9de8;background:#f1f7ff}.compare-choice.compact{min-height:39px}.compare-choice input,.compare-signal-choice input{accent-color:#1264d8}.compare-choice span,.compare-signal-choice span{min-width:0}.compare-choice strong,.compare-choice small,.compare-signal-choice strong,.compare-signal-choice small{display:block}.compare-choice strong,.compare-signal-choice strong{overflow:hidden;text-overflow:ellipsis;font-size:12px;white-space:nowrap}.compare-choice small,.compare-signal-choice small{margin-top:3px;color:var(--muted);font-size:12px}.compare-view-tabs{display:flex;gap:5px;margin:14px 0 12px;border-bottom:1px solid var(--line)}.compare-view-tabs button{position:relative;padding:10px 15px;border:0;background:transparent;color:var(--text);font-size:12px;font-weight:600;cursor:pointer}.compare-view-tabs button.active{color:#075bd0}.compare-view-tabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#1264d8}.compare-panel[hidden]{display:none!important}.compare-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.compare-summary-card{padding:14px 16px}.compare-summary-card small,.compare-summary-card strong,.compare-summary-card span{display:block}.compare-summary-card small{color:var(--muted);font-size:12px}.compare-summary-card strong{margin:7px 0 4px;font-size:23px}.compare-summary-card span{color:var(--muted);font-size:12px}.compare-result-card,.compare-signal-picker-card{padding:17px 18px;margin-bottom:10px}.compare-result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:14px}.compare-data-date{color:var(--muted);font-size:12px}.compare-headline-bars{margin:3px 0 18px;padding:12px 0 17px;border-bottom:1px solid var(--line)}.compare-bars-title{margin-bottom:10px;font-size:12px;font-weight:700}.compare-bar-row{display:grid;grid-template-columns:minmax(120px,190px) minmax(120px,1fr) 42px;align-items:center;gap:10px;margin:8px 0;font-size:12px}.compare-bar-track{height:8px;border-radius:8px;background:#e8edf3;overflow:hidden}.compare-bar-track i{display:block;height:100%;background:#1264d8}.compare-bar-track i.strong{background:#12ac4c}.compare-bar-track i.neutral{background:#f2a000}.compare-bar-track i.weak{background:#ef4545}.compare-matrix-wrap{max-width:100%;overflow:auto}.compare-matrix{min-width:max-content}.compare-matrix th,.compare-matrix td{min-width:118px}.compare-matrix th:first-child,.compare-matrix td:first-child{position:sticky;z-index:2;left:0;min-width:210px;background:var(--card)}.compare-matrix thead th:first-child{z-index:3}.compare-matrix td strong,.compare-matrix td small,.compare-matrix th small,.compare-gap-table td strong,.compare-gap-table td small{display:block}.compare-matrix td small,.compare-matrix th small,.compare-gap-table td small{margin-top:3px;color:var(--muted);font-size:12px}.compare-score.strong{color:#08a33e}.compare-score.neutral{color:#db8c00}.compare-score.weak{color:#e13d3d}.compare-signal-filters{display:grid;grid-template-columns:minmax(250px,1fr) 220px;gap:8px;margin-bottom:10px}.compare-signal-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:7px;max-height:315px;overflow:auto;padding-right:3px}.compare-signal-choice{display:flex;align-items:flex-start;gap:8px;min-height:49px;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);cursor:pointer}.compare-signal-choice.selected{border-color:#5f9de8;background:#f1f7ff}.compare-selection-count{margin-top:9px;color:var(--muted);font-size:12px}.compare-empty{padding:18px;color:var(--muted);font-size:12px;text-align:center}.compare-gap-table{min-width:980px}body[data-resolved-theme="dark"] .compare-choice.selected,body[data-resolved-theme="black"] .compare-choice.selected,body[data-resolved-theme="dark"] .compare-signal-choice.selected,body[data-resolved-theme="black"] .compare-signal-choice.selected{background:#173253;border-color:#477ebf}body[data-resolved-theme="dark"] .compare-engine-status.success,body[data-resolved-theme="black"] .compare-engine-status.success{background:#112b1c;border-color:#28633e;color:#74d89b}body[data-resolved-theme="dark"] .compare-engine-status.error,body[data-resolved-theme="black"] .compare-engine-status.error{background:#351a1a;border-color:#744040;color:#ef9b9b}body[data-resolved-theme="dark"] .compare-bar-track,body[data-resolved-theme="black"] .compare-bar-track{background:#263547}@media(max-width:1050px){.compare-engine-head{display:block}.compare-setup-actions{justify-content:flex-start;max-width:none;margin-top:12px}.compare-summary-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:760px){.compare-setup-actions .select,.compare-setup-actions .input{width:100%;min-width:0}.compare-choice-grid,.compare-category-choices,.compare-signal-choice-grid{grid-template-columns:1fr}.compare-summary-grid{grid-template-columns:1fr}.compare-builder-heading,.compare-result-head{display:block}.compare-builder-heading>div:last-child{margin-top:9px}.compare-signal-filters{grid-template-columns:1fr}.compare-bar-row{grid-template-columns:100px minmax(90px,1fr) 38px}} /* Compare Engine signal fingerprint */ .compare-fingerprint-card{padding:17px 18px;margin-bottom:10px;overflow:hidden}.compare-fingerprint-companies{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-2px 0 12px}.compare-fingerprint-company{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--text);font:inherit;font-size:12px;cursor:pointer}.compare-fingerprint-company>i{width:9px;height:9px;border-radius:50%;background:var(--fingerprint-colour)}.compare-fingerprint-company>span{color:var(--muted)}.compare-fingerprint-company:not(.active){opacity:.42}.compare-fingerprint-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.55fr);gap:20px;align-items:stretch}.compare-fingerprint-chart-wrap{position:relative;min-width:0}.compare-fingerprint-chart{display:block;width:100%;height:560px;overflow:visible}.compare-fingerprint-grid{fill:none;stroke:var(--line);stroke-width:1}.compare-fingerprint-axis{stroke:var(--line);stroke-width:1}.compare-fingerprint-ring-label{fill:var(--muted);font-size:12px}.compare-fingerprint-label{fill:var(--text);font-size:12px;font-weight:650;cursor:pointer}.compare-fingerprint-label.selected{fill:var(--blue);font-weight:800}.compare-fingerprint-wave{fill:var(--fingerprint-colour);fill-opacity:.055;stroke:var(--fingerprint-colour);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.compare-fingerprint-point{fill:var(--fingerprint-colour);stroke:var(--card);stroke-width:2;cursor:pointer}.compare-fingerprint-centre{fill:var(--text);font-size:12px;font-weight:800;letter-spacing:.08em}.compare-fingerprint-centre-sub{fill:var(--muted);font-size:12px}.compare-fingerprint-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:30px;color:var(--muted);font-size:12px;text-align:center}.compare-fingerprint-empty[hidden]{display:none!important}.compare-fingerprint-scale{display:flex;align-items:center;gap:8px;margin:0 15px;color:var(--muted);font-size:12px}.compare-fingerprint-scale i{height:7px;flex:1;border-radius:7px;background:linear-gradient(90deg,#f04438,#f5a000,#c5c900,#10aa50)}.compare-fingerprint-inspector{border-left:1px solid var(--line);padding:12px 0 8px 20px}.compare-fingerprint-inspector h3{margin:0 0 4px;font-size:15px}.compare-fingerprint-inspector>p{margin:0 0 18px;color:var(--muted);font-size:12px}.compare-fingerprint-value{margin-bottom:14px}.compare-fingerprint-value>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:7px;margin-bottom:6px;font-size:12px}.compare-fingerprint-value>div>i{width:8px;height:8px;border-radius:50%;background:var(--fingerprint-colour)}.compare-fingerprint-value>span{display:block;height:7px;border-radius:7px;background:#e8edf3;overflow:hidden}.compare-fingerprint-value>span>i{display:block;height:100%;border-radius:inherit;background:var(--fingerprint-colour)}.compare-fingerprint-gap{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.compare-fingerprint-gap>span,.compare-fingerprint-gap>strong,.compare-fingerprint-gap>small{display:block}.compare-fingerprint-gap>span,.compare-fingerprint-gap>small{color:var(--muted);font-size:12px}.compare-fingerprint-gap>strong{margin:7px 0 4px;font-size:23px}body[data-resolved-theme="dark"] .compare-fingerprint-value>span,body[data-resolved-theme="black"] .compare-fingerprint-value>span{background:#263547}@media(max-width:1050px){.compare-fingerprint-layout{grid-template-columns:1fr}.compare-fingerprint-inspector{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.compare-fingerprint-chart{height:520px}}@media(max-width:650px){.compare-fingerprint-company>span{display:none}.compare-fingerprint-chart{height:430px}.compare-fingerprint-label{font-size:12px}.compare-fingerprint-layout{gap:10px}} /* Compare Engine stepped, collapsible setup */ #compareEditSetup[hidden],#compareDeleteSetup[hidden],#compareNewSetup[hidden],#compareResults[hidden],.compare-fingerprint-card[hidden]{display:none!important} .compare-builder-heading>div:only-child,.compare-builder-heading-copy{display:block!important}.compare-builder-heading>div:only-child h2,.compare-builder-heading-copy h2{display:block}.compare-builder-heading>div:only-child p,.compare-builder-heading-copy p{display:block;margin-top:0}.compare-company-filters{display:grid;grid-template-columns:minmax(260px,1fr) 190px 190px;gap:8px;margin-bottom:10px}.compare-company-filters .compare-search{width:100%;margin-bottom:0} .compare-builder-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px}.compare-builder-summary>div{min-width:0}.compare-builder-summary span,.compare-builder-summary strong{display:block}.compare-builder-summary span{margin-bottom:3px;font-size:12px;font-weight:750}.compare-builder-summary strong{overflow:hidden;color:var(--muted);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.compare-builder-content[hidden],.compare-builder-summary[hidden],[data-builder-panel][hidden]{display:none!important}.compare-builder-steps{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:var(--soft)}.compare-builder-steps button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:650;cursor:pointer}.compare-builder-steps button:last-child{border-right:0}.compare-builder-steps button span{display:grid;width:23px;height:23px;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--card);font-size:12px}.compare-builder-steps button.active{color:var(--blue);background:var(--card)}.compare-builder-steps button.active span{border-color:var(--blue);background:var(--blue);color:#fff}.compare-builder-subsection{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.compare-headline-choices{grid-template-columns:repeat(2,minmax(180px,260px));margin-bottom:3px}.compare-step-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.compare-name-step{max-width:760px}.compare-name-step>label{display:block;margin-bottom:6px;font-size:12px;font-weight:700}.compare-name-step>.input{width:min(520px,100%)}.compare-final-selection{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.compare-final-selection>div{padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--soft)}.compare-final-selection strong,.compare-final-selection span{display:block}.compare-final-selection strong{margin-bottom:4px;font-size:18px}.compare-final-selection span{color:var(--muted);font-size:12px}@media(max-width:900px){.compare-company-filters{grid-template-columns:1fr 1fr}.compare-company-filters .compare-search{grid-column:1/-1}}@media(max-width:760px){.compare-builder-steps{grid-template-columns:1fr}.compare-builder-steps button{justify-content:flex-start;border-right:0;border-bottom:1px solid var(--line)}.compare-headline-choices,.compare-final-selection{grid-template-columns:1fr 1fr}.compare-builder-summary{align-items:flex-start}.compare-builder-summary strong{white-space:normal}}@media(max-width:560px){.compare-company-filters{grid-template-columns:1fr}.compare-company-filters .compare-search{grid-column:auto}}@media(max-width:480px){.compare-final-selection{grid-template-columns:1fr}.compare-step-actions{flex-wrap:wrap}} .compare-final-selection{grid-template-columns:repeat(2,1fr)}.compare-final-selection strong{margin-bottom:5px;font-size:12px}.compare-final-selection span{color:var(--text);font-size:12px;line-height:1.55}.compare-final-selection small{color:var(--muted);font-size:12px}.compare-builder-steps button:disabled,.compare-step-actions .btn:disabled{opacity:.42;cursor:not-allowed}.compare-builder-steps button:disabled:hover{background:transparent;color:var(--muted)} /* Compare Engine profile landing and selectable data charts */ .compare-view-tabs button:focus,.compare-view-tabs button:focus-visible{outline:none!important;box-shadow:none!important} .compare-profile-landing{padding:20px;margin-bottom:12px}.compare-profile-landing[hidden],#compareBuilder[hidden]{display:none!important}.compare-profile-landing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.compare-profile-landing-head h2{margin:0 0 5px;font-size:18px}.compare-profile-landing-head p{margin:0;color:var(--muted);font-size:12px}.compare-profile-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:9px}.compare-profile-choice{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:72px;padding:13px 15px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--text);font:inherit;text-align:left;cursor:pointer}.compare-profile-choice:hover{border-color:#7faee8;background:#f5f9ff}.compare-profile-choice span,.compare-profile-choice strong,.compare-profile-choice small{display:block}.compare-profile-choice strong{margin-bottom:5px;font-size:13px}.compare-profile-choice small{color:var(--muted);font-size:12px;line-height:1.45}.compare-profile-choice>b{flex:none;color:var(--blue);font-size:12px} .compare-data-chart-card{padding:17px 18px;margin-bottom:10px}.compare-chart-select{width:170px;min-width:170px;height:36px}.compare-data-chart{min-height:150px;overflow:auto}.compare-chart-empty{display:grid;min-height:130px;place-items:center;color:var(--muted);font-size:12px}.compare-chart-legend{display:flex;flex-wrap:wrap;gap:8px 15px;margin-bottom:14px}.compare-chart-legend span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.compare-chart-legend i{width:8px;height:8px;border-radius:50%;background:var(--chart-colour)}.compare-chart-axis{display:grid;grid-template-columns:repeat(5,1fr);margin:0 42px 7px 180px;color:var(--muted);font-size:12px}.compare-chart-axis span{text-align:center}.compare-chart-axis span:first-child{text-align:left}.compare-chart-axis span:last-child{text-align:right}.compare-chart-groups{display:grid;gap:15px}.compare-chart-group{padding-bottom:13px;border-bottom:1px solid var(--line)}.compare-chart-group:last-child{border-bottom:0}.compare-chart-group>strong,.compare-chart-group>small{display:block}.compare-chart-group>strong{font-size:12px}.compare-chart-group>small{margin:2px 0 8px;color:var(--muted);font-size:12px}.compare-chart-bar,.compare-dot-row{display:grid;grid-template-columns:165px minmax(260px,1fr) 38px;align-items:center;gap:10px;margin:6px 0;font-size:12px}.compare-chart-bar>div,.compare-dot-row>div{position:relative;height:7px;border-radius:6px;background:linear-gradient(90deg,transparent 24.7%,var(--line) 25%,transparent 25.3%,transparent 49.7%,var(--line) 50%,transparent 50.3%,transparent 74.7%,var(--line) 75%,transparent 75.3%),var(--soft)}.compare-chart-bar>div>i{display:block;height:100%;border-radius:6px;background:var(--chart-colour)}.compare-dot-row>div{height:1px;background:var(--line)}.compare-dot-row>div>i{position:absolute;top:50%;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:var(--chart-colour);transform:translate(-50%,-50%);box-shadow:0 0 0 1px var(--chart-colour)}.compare-chart-bar>b,.compare-dot-row>b{text-align:right}.compare-heatmap{display:grid;grid-template-columns:minmax(190px,1.3fr) repeat(calc(var(--heatmap-cols) - 1),minmax(85px,1fr));gap:3px;min-width:max-content}.compare-heatmap-head,.compare-heatmap-label,.compare-heatmap-cell{display:flex;min-height:42px;align-items:center;padding:8px;border-radius:4px}.compare-heatmap-head{min-height:28px;color:var(--muted);font-size:12px;font-weight:700}.compare-heatmap-label{font-size:12px;font-weight:650}.compare-heatmap-cell{justify-content:center;background:hsl(calc(var(--score)*1.15) 72% 92%);border-top:3px solid hsl(calc(var(--score)*1.15) 76% 42%);font-size:12px}.compare-gap-chart{display:grid;gap:12px}.compare-range-row{display:grid;grid-template-columns:170px minmax(260px,1fr) 165px 55px;align-items:center;gap:10px;font-size:12px}.compare-range-row>strong{font-size:12px}.compare-range-track{position:relative;height:5px;border-radius:5px;background:var(--soft)}.compare-range-track>i{position:absolute;top:0;height:100%;border-radius:5px;background:#9cb8df}.compare-range-track>em{position:absolute;top:50%;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#176be4;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #176be4}.compare-range-track>em.high{background:#14a66f;box-shadow:0 0 0 1px #14a66f}.compare-range-row>span{color:var(--muted)}.compare-range-row>b{text-align:right}.compare-gap-chart.columns{display:flex;align-items:flex-end;gap:13px;min-height:220px;padding:10px 8px 0;border-bottom:1px solid var(--line)}.compare-gap-column{display:grid;grid-template-rows:38px 140px 22px;min-width:75px;flex:1;align-items:end;text-align:center}.compare-gap-column>strong{align-self:start;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.compare-gap-column>div{display:flex;height:140px;align-items:flex-end;justify-content:center}.compare-gap-column i{display:block;width:min(44px,65%);min-height:3px;border-radius:4px 4px 0 0;background:linear-gradient(#176be4,#14a66f)}.compare-gap-column>b{font-size:12px} body[data-resolved-theme="dark"] .compare-profile-choice:hover,body[data-resolved-theme="black"] .compare-profile-choice:hover{background:#162b43}body[data-resolved-theme="dark"] .compare-heatmap-cell,body[data-resolved-theme="black"] .compare-heatmap-cell{color:#081426} @media(max-width:760px){.compare-profile-landing-head{display:block}.compare-profile-landing-head .btn{margin-top:12px}.compare-profile-choices{grid-template-columns:1fr}.compare-chart-select{width:100%;margin-top:10px}.compare-chart-axis{margin-left:95px}.compare-chart-bar,.compare-dot-row{grid-template-columns:85px minmax(180px,1fr) 36px}.compare-range-row{grid-template-columns:105px minmax(180px,1fr) 42px}.compare-range-row>span{display:none}} .sidebar-category-links{padding-left:0!important;padding-right:0!important}.sidebar-category-links a{padding-left:10px!important;padding-right:10px!important}.sidebar-pinned-comparisons{display:flex;flex-direction:column;gap:2px;margin:8px 0;padding:8px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.sidebar-pinned-comparisons.is-empty{display:none}.sidebar-comparison-section-label{display:flex;align-items:center;gap:8px;height:31px;padding:0 10px;color:#fff;font-size:13px;font-weight:600}.sidebar-comparison-section-label>span{width:18px;color:#7fb1d2;text-align:center}.sidebar-pinned-comparison-links{display:flex;flex-direction:column;gap:2px}.sidebar-pinned-comparisons a{display:flex;align-items:center;gap:8px;min-height:31px;padding:0 10px;border-radius:5px;color:#9fc3df;font-size:13px;text-decoration:none}.sidebar-pinned-comparisons a .ico{width:18px;color:#6da8d1;text-align:center}.sidebar-pinned-comparisons a:hover{color:#fff;background:#173b56}.compare-profile-choice{padding:0;overflow:hidden}.compare-profile-open{display:flex;flex:1;align-items:center;justify-content:space-between;gap:15px;min-height:70px;padding:13px 15px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.compare-profile-pin{display:grid;width:42px;min-height:70px;place-items:center;border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);font-size:15px;cursor:pointer}.compare-profile-pin:hover,.compare-profile-pin.pinned,#comparePinSetup.pinned{color:var(--blue);background:#edf5ff} .compare-gap-chart.dumbbell .compare-range-track>i{top:2px;height:1px;background:#9aaabe}.compare-gap-chart.dumbbell .compare-range-track{background:transparent} /* Compare Engine chart refinements */ .compare-data-chart{max-height:80vh;overflow:auto;padding:0 3px 12px}.compare-heatmap{min-width:max-content}.compare-profile-pin.category-pin-button{position:static;z-index:auto;top:auto;right:auto;flex:0 0 30px;width:30px;height:30px;min-height:30px;margin-right:12px;padding:0}.compare-profile-pin.category-pin-button svg{width:16px;height:16px}.compare-gap-axis,.compare-range-row{display:grid;grid-template-columns:110px minmax(260px,1.18fr) minmax(235px,.82fr) 50px;gap:7px}.compare-gap-axis{align-items:end;margin:0 0 7px;color:var(--muted);font-size:12px}.compare-gap-scale{display:grid;grid-template-columns:repeat(5,1fr)}.compare-gap-scale b{font-weight:500;text-align:center}.compare-gap-scale b:first-child{text-align:left}.compare-gap-scale b:last-child{text-align:right}.compare-range-row{font-size:12px}.compare-range-row>strong{font-size:12px}.compare-range-row>span{font-size:12px;line-height:1.35}.compare-range-row>b{font-size:12px}.compare-gap-explainer{display:flex;align-items:baseline;gap:10px;margin:0 0 15px;padding:10px 12px;border-radius:6px;background:var(--soft);font-size:12px}.compare-gap-explainer span{color:var(--muted)}.compare-gap-chart.columns{min-height:285px;padding:12px 10px 20px;margin-bottom:8px}.compare-gap-column{grid-template-rows:38px 140px 22px minmax(48px,auto);min-width:140px}.compare-gap-column>strong,.compare-gap-column>b{font-size:12px}.compare-gap-column>small{display:block;align-self:start;color:var(--muted);font-size:12px;line-height:1.4}.compare-gap-column>small span{display:block;white-space:normal}.compare-chart-groups,.compare-heatmap{padding-bottom:5px}.compare-gap-analysis-window{max-height:80vh;overflow:auto}.compare-gap-analysis-window thead th{position:sticky;z-index:2;top:0;background:var(--card)}.compare-company-name-axis .compare-chart-axis{margin-left:240px}.compare-company-name-axis .compare-chart-bar,.compare-company-name-axis .compare-dot-row{grid-template-columns:225px minmax(260px,1fr) 38px}.compare-company-name-axis .compare-chart-bar>span,.compare-company-name-axis .compare-dot-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media(max-width:1000px){.compare-gap-axis,.compare-range-row{grid-template-columns:100px minmax(220px,1.1fr) minmax(190px,.9fr) 48px}.compare-company-name-axis .compare-chart-axis{margin-left:205px}.compare-company-name-axis .compare-chart-bar,.compare-company-name-axis .compare-dot-row{grid-template-columns:190px minmax(220px,1fr) 38px}} #comparePinSetup[hidden],#compareEngineStatus[hidden]{display:none!important} #comparePinSetup svg{display:block;flex:0 0 16px;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#comparePinSetup.pinned svg path:first-child{fill:currentColor}#comparePinSetup span,#comparePinSetup.pinned span{font-size:12px}#comparePinSetup.pinned span::before{content:none} /* Sidebar menu / pinned-insight views and reorderable comparison panels */ .compare-result-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto;flex:0 0 auto}.compare-result-actions .compare-chart-select{margin:0;min-width:170px} .sidebar-view-tabs{display:grid;grid-template-columns:1fr 1.35fr;gap:4px;margin:7px 8px 5px;padding:3px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(0,0,0,.12)}.sidebar-view-tabs button{display:flex;min-width:0;height:30px;align-items:center;justify-content:center;gap:5px;padding:0 7px;border:0;border-radius:5px;background:transparent;color:#9fb3c4;font-size:12px;font-weight:700;cursor:pointer}.sidebar-view-tabs button.active{background:#175a9f;color:#fff}.sidebar-view-tabs button span{min-width:17px;padding:1px 5px;border-radius:10px;background:#234d6d;color:#dceeff;font-size:12px}.sidebar-view-panel[hidden]{display:none!important}.sidebar-insights-empty{display:grid;justify-items:center;gap:6px;margin:14px 8px;padding:20px 12px;border:1px dashed rgba(255,255,255,.2);border-radius:7px;color:#8fa9bc;text-align:center}.sidebar-insights-empty.is-hidden{display:none}.sidebar-insights-empty>span{font-size:18px}.sidebar-insights-empty strong{color:#dce7ef;font-size:12px}.sidebar-insights-empty small{max-width:175px;font-size:12px;line-height:1.5}.sidebar-view-panel#sidebarInsightsView .sidebar-pinned-comparisons,.sidebar-view-panel#sidebarInsightsView .sidebar-pinned-categories{margin:10px 0}.compare-result-head{position:relative}.compare-card-order-controls{display:flex;flex:0 0 auto;align-items:center;gap:4px}.compare-card-order-controls button{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--muted);font-size:15px;line-height:1;cursor:pointer}.compare-card-order-controls button:hover:not(:disabled){border-color:#8db7ef;color:var(--blue);background:#f2f7ff}.compare-card-order-controls button:disabled{opacity:.28;cursor:not-allowed}body[data-resolved-theme="dark"] .compare-card-order-controls button:hover:not(:disabled),body[data-resolved-theme="black"] .compare-card-order-controls button:hover:not(:disabled){background:#173253} /* Provider-neutral signal methodology and evidence disclosure. */ .signal-data-row{transition:background-color .14s ease}.signal-data-row:hover,.signal-data-row.is-explaining{background:#f5f9ff}.signal-explanation-trigger{display:flex;width:100%;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.signal-explanation-trigger>span:last-child{display:block;min-width:0}.signal-explanation-trigger strong,.signal-explanation-trigger small{display:block}.signal-explanation-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:3px}.signal-explanation-icon{display:grid;flex:0 0 17px;width:17px;height:17px;place-items:center;border:1px solid #8db7ef;border-radius:50%;color:var(--blue);font-size:12px;font-weight:800;line-height:1}.signal-detail-row>td{padding:0!important;border-top:0!important;background:#f5f9ff}.signal-explanation-host{padding:0 12px 13px 50px}.signal-explanation-content{padding:12px 14px;border:1px solid #cfe0f4;border-radius:7px;background:var(--card);box-shadow:0 5px 16px rgba(20,60,105,.08)}.signal-explanation-summary{margin:0 0 10px;color:var(--text);font-size:12px;font-weight:650;line-height:1.5}.signal-explanation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:10px}.signal-explanation-grid section{min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--soft)}.signal-explanation-grid h4{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.035em}.signal-explanation-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.signal-evidence-line{display:grid;grid-template-columns:minmax(100px,1fr) auto auto;align-items:baseline;gap:8px;padding:4px 0;border-bottom:1px solid var(--line);font-size:12px}.signal-evidence-line:last-of-type{border-bottom:0}.signal-evidence-line span{color:var(--muted)}.signal-evidence-line strong{overflow-wrap:anywhere;text-align:right}.signal-evidence-line small{color:var(--muted);font-size:12px;white-space:nowrap}.signal-evidence-date{margin-top:7px!important;font-size:12px!important}.signal-explanation-loading,.signal-explanation-error{padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--muted);font-size:12px}.signal-explanation-loading{display:flex;align-items:center;gap:8px}.signal-explanation-error{color:#c92d2d} body[data-resolved-theme="dark"] .signal-data-row:hover,body[data-resolved-theme="dark"] .signal-data-row.is-explaining,body[data-resolved-theme="dark"] .signal-detail-row>td,body[data-resolved-theme="black"] .signal-data-row:hover,body[data-resolved-theme="black"] .signal-data-row.is-explaining,body[data-resolved-theme="black"] .signal-detail-row>td{background:#102943}body[data-resolved-theme="dark"] .signal-explanation-content,body[data-resolved-theme="black"] .signal-explanation-content{border-color:#315271;box-shadow:0 5px 16px rgba(0,0,0,.22)} @media(max-width:760px){.signal-explanation-host{padding-left:12px}.signal-explanation-grid{grid-template-columns:1fr}.signal-evidence-line{grid-template-columns:minmax(90px,1fr) auto}.signal-evidence-line small{grid-column:1/-1}.signal-explanation-icon{width:19px;height:19px;flex-basis:19px}} /* Signal disclosure readability and evidence state. */ .signal-explanation-icons{display:flex!important;flex:0 0 auto;align-items:center;gap:4px}.signal-evidence-icon{display:grid;flex:0 0 17px;width:17px;height:17px;place-items:center;border:1px solid #17a36b;border-radius:50%;background:#effbf5;color:#08794d;font-size:12px;font-weight:800;line-height:1}.signal-explanation-grid.methodology-only{grid-template-columns:minmax(0,1fr)}.signal-explanation-grid section,.signal-explanation-grid p,.signal-explanation-summary,.signal-evidence-line{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}.signal-explanation-summary{font-size:14px;line-height:1.55}.signal-explanation-grid h4{font-size:12px}.signal-explanation-grid p,.signal-evidence-line{font-size:12px;line-height:1.6}.signal-evidence-line small,.signal-evidence-date{font-size:12px!important}.signal-hover-toggle{display:inline-flex;min-height:38px;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--text);font-size:12px;white-space:nowrap;cursor:pointer}.signal-hover-toggle input{width:14px;height:14px;margin:0;accent-color:var(--blue)}body[data-resolved-theme="dark"] .signal-evidence-icon,body[data-resolved-theme="black"] .signal-evidence-icon{background:#123c2d;color:#74ddb0} @media(max-width:760px){.signal-hover-toggle{width:100%;white-space:normal}.signal-explanation-summary{font-size:13px}.signal-explanation-grid p,.signal-evidence-line{font-size:12px}} /* Markets directory */ .markets-page-head{align-items:center}.markets-cache-note{display:grid;grid-template-columns:30px auto;align-items:center;gap:1px 9px;min-width:260px;padding:10px 13px;border:1px solid var(--line);border-radius:7px;background:var(--card)}.markets-cache-note>span{grid-row:1/3;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#ecf5ff;color:var(--blue);font-size:17px}.markets-cache-note strong{font-size:12px}.markets-cache-note small{color:var(--muted);font-size:12px}.markets-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.markets-kpis .card{padding:15px}.markets-kpis .card h3{margin:0 0 7px;font-size:12px}.markets-kpis .card p{margin:4px 0 0;color:var(--muted);font-size:12px}.markets-browser{padding:0;overflow:hidden}.markets-browser-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px 12px}.markets-browser-head h2{margin:0 0 3px;font-size:17px}.markets-browser-head p{margin:0;color:var(--muted);font-size:12px}.markets-browser-head>span{color:var(--muted);font-size:12px}.markets-filter-grid{display:grid;grid-template-columns:.75fr 1.15fr 1fr 1.7fr;gap:10px;padding:0 18px 15px}.markets-filter-grid .field{min-width:0}.markets-filter-grid label{display:block;margin:0 0 5px;font-size:12px;font-weight:700}.markets-filter-grid .select,.markets-filter-grid .input{width:100%}.markets-search-control{display:flex;gap:7px}.markets-search-control .input{min-width:0}.markets-data-tabs{display:flex;gap:20px;padding:0 18px;border-bottom:1px solid var(--line)}.markets-data-tabs button{position:relative;padding:10px 2px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.markets-data-tabs button.active{color:var(--blue)}.markets-data-tabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--blue)}.markets-loader{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;color:var(--muted);font-size:12px}.markets-loader[hidden]{display:none}.markets-message{margin:12px 18px}.markets-table-wrap{border:0;border-radius:0;overflow:auto}.markets-table{min-width:980px}.markets-table th,.markets-table td{white-space:nowrap}.markets-table .company-cell{min-width:255px}.markets-table .market-detail-column{display:none}.markets-table .table-action-cell{text-align:right}.add-company-btn{display:inline-flex;min-width:67px;min-height:29px;align-items:center;justify-content:center;padding:0 10px;border:1px solid #8db7ef;border-radius:5px;background:#f1f7ff;color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}.add-company-btn:hover{background:#e3f0ff}.add-company-btn.is-tracked{border-color:var(--line);background:var(--soft);color:var(--muted);cursor:default}.add-company-btn.is-adding{opacity:.65;pointer-events:none}.markets-pager{margin:0;padding:11px 15px;border-top:1px solid var(--line)}.markets-pager .pager-number{display:inline-grid;width:29px;height:29px;place-items:center;margin:0 2px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:12px}.markets-pager .pager-number.active{border-color:var(--blue);background:var(--blue);color:#fff}.markets-status{margin-bottom:14px}body[data-market-view="classification"] .markets-table .market-overview-column{display:none}body[data-market-view="classification"] .markets-table .market-detail-column{display:table-cell}body[data-resolved-theme="dark"] .markets-cache-note>span,body[data-resolved-theme="black"] .markets-cache-note>span{background:#173253} @media(max-width:1100px){.markets-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.markets-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.markets-page-head{align-items:flex-start}.markets-cache-note{width:100%;min-width:0}.markets-kpis{grid-template-columns:1fr 1fr}.markets-browser-head{align-items:flex-start;flex-direction:column;gap:7px}.markets-filter-grid{grid-template-columns:1fr}.markets-search-control{align-items:stretch}.markets-search-control .btn{flex:0 0 auto}.markets-table .company-cell{min-width:210px}} /* Markets multi-view screener. */ .markets-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.markets-data-tabs{overflow-x:auto;scrollbar-width:thin}.markets-data-tabs button{flex:0 0 auto}.markets-table .market-view-column{display:none}.markets-table .market-overview-column{display:table-cell}body[data-market-view="performance"] .markets-table .market-overview-column,body[data-market-view="valuation"] .markets-table .market-overview-column,body[data-market-view="dividends"] .markets-table .market-overview-column,body[data-market-view="profitability"] .markets-table .market-overview-column,body[data-market-view="financials"] .markets-table .market-overview-column{display:none}body[data-market-view="performance"] .markets-table .market-performance-column,body[data-market-view="valuation"] .markets-table .market-valuation-column,body[data-market-view="dividends"] .markets-table .market-dividends-column,body[data-market-view="profitability"] .markets-table .market-profitability-column,body[data-market-view="financials"] .markets-table .market-financials-column{display:table-cell}.markets-table td.table-action-cell{padding-top:8px;padding-bottom:8px}.markets-table td.table-action-cell .add-company-btn{box-sizing:border-box;display:inline-flex!important;width:auto!important;min-width:78px!important;height:32px!important;min-height:32px!important;align-items:center;justify-content:center;padding:0 12px!important;border:1px solid #1769d2!important;border-radius:6px!important;background:#1769d2!important;color:#fff!important;font-size:12px!important;font-weight:700!important;line-height:30px!important;text-align:center;text-decoration:none!important;white-space:nowrap}.markets-table td.table-action-cell .add-company-btn:hover{background:#0f57b3!important}.markets-table td.table-action-cell .add-company-btn.is-tracked,.markets-table td.table-action-cell span.add-company-btn{border-color:var(--line)!important;background:var(--soft)!important;color:var(--muted)!important}.markets-browser-head>span:empty{display:none} @media(max-width:1100px){.markets-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:700px){.markets-kpis{grid-template-columns:1fr}.markets-data-tabs{gap:15px}} /* Markets layout aligned with Tracked Companies. */ .markets-search-panel{position:relative;margin-bottom:0;padding:0}.markets-data-tabs{display:flex;margin:16px 0 12px;padding:0;border-bottom:1px solid var(--line);gap:4px;overflow-x:auto}.markets-data-tabs button{padding:10px 14px 11px;font-size:12px;font-weight:650}.markets-data-tabs button.active:after{display:none}.markets-data-tabs button.active{border-bottom:2px solid #075bd0}.markets-browser{position:relative}.markets-table-wrap{max-width:100%}.markets-table td,.markets-table th{vertical-align:middle}.markets-table td.table-action-cell .add-company-btn{margin:0!important;cursor:pointer}.markets-table td.table-action-cell .add-company-btn:disabled{opacity:1;cursor:default}.markets-table td.table-action-cell input.add-company-btn.is-tracked{border-color:var(--line)!important;background:var(--soft)!important;color:var(--muted)!important;box-shadow:none!important}.markets-table .market-performance-column{text-align:right}.markets-table th.market-performance-column{min-width:92px;white-space:normal;line-height:1.3}.markets-browser>.company-results-overlay{position:absolute}.markets-search-panel>.company-results-overlay{position:absolute} .markets-page-head~.company-results-overlay,body[data-page="markets"] .company-results-overlay{position:fixed!important;inset:0!important;z-index:1200!important;align-items:center!important;justify-content:center!important}.markets-table th.market-action-sticky,.markets-table td.market-action-sticky{position:sticky;right:0;z-index:5;min-width:104px;background:var(--card);box-shadow:-8px 0 12px -12px rgba(5,31,58,.55)}.markets-table th.market-action-sticky{z-index:7}.markets-table td.market-action-sticky{padding-left:12px!important;padding-right:12px!important}.markets-table .market-dynamic-column{text-align:right;min-width:100px}.markets-table th.market-dynamic-column{white-space:normal;line-height:1.25}.markets-table .market-data-date{min-width:92px} .markets-empty-cta{margin:22px;padding:24px;border:1px dashed #8db7ef;border-radius:8px;background:#f5f9ff;color:var(--text);font-size:13px;font-weight:650;text-align:center}.markets-result-summary{display:flex;align-items:baseline;gap:6px;color:var(--muted)}.markets-result-summary strong{font-size:16px;color:var(--blue)}.markets-result-summary small{margin-left:10px}.markets-filter-grid{grid-template-columns:.8fr .8fr 1.7fr}.markets-table th.market-valuation-column{min-width:96px;white-space:normal;line-height:1.3} body[data-page="markets"] .company-results-overlay{left:251px!important} @media(max-width:850px){body[data-page="markets"] .company-results-overlay{left:0!important}} .signal-explanation-content,.signal-explanation-grid,.signal-explanation-grid section{box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden}.signal-explanation-grid section p{display:block;width:100%;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}.signal-meaning{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.signal-meaning h4{margin-bottom:6px}.signal-meaning p{font-size:12px;line-height:1.65} .signal-learning-block{min-width:0}.signal-learning-block h4{display:flex;align-items:center;gap:7px}.signal-learning-block.signal-meaning{margin:0;padding:0 0 13px;border-top:0;border-bottom:1px solid var(--line)}.signal-learning-block.signal-method{padding-top:13px}.signal-learning-icon{display:inline-grid;flex:0 0 24px;width:24px;height:24px;place-items:center;border-radius:50%;background:#eaf4ff;color:var(--blue)}.signal-learning-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}body[data-resolved-theme="dark"] .signal-learning-icon,body[data-resolved-theme="black"] .signal-learning-icon{background:#183a5e;color:#8fc3ff} .signal-explanation-host{padding:13px 12px!important}.tracker-landing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tracker-landing-card{display:flex;min-height:150px;align-items:flex-start;gap:14px;padding:20px;text-decoration:none;color:var(--text)}.tracker-landing-card:hover{border-color:#8db7ef;transform:translateY(-1px)}.tracker-landing-icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:9px;background:#eaf4ff;color:var(--blue);font-size:21px}.tracker-landing-card h2{margin:1px 0 6px;font-size:17px}.tracker-landing-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.company-profile-table .company-profile-value{font-weight:700;text-align:right}.company-profile-table th:nth-child(3){text-align:right}.company-profile-loading{display:flex;align-items:center;justify-content:center;gap:9px;padding:28px;color:var(--muted)}@media(max-width:700px){.tracker-landing-grid{grid-template-columns:1fr}} /* Navigation and comparison selection hierarchy. */ .sidebar-menu-heading{font-size:12px!important;letter-spacing:.095em!important;padding-top:10px!important;padding-bottom:7px!important} .sidebar-category-links>a:first-child{margin-bottom:3px;border-bottom:1px solid rgba(170,201,226,.14);border-radius:5px!important} .compare-measure-group-title{margin:4px 0 9px}.compare-measure-group-title h2{margin:0 0 3px;font-size:17px}.compare-measure-group-title p{margin:0;color:var(--muted);font-size:12px}.compare-klarodex-measures{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)} .compare-builder-disclosure{margin:8px 0;border:1px solid var(--line);border-radius:8px;background:var(--card);overflow:hidden}.compare-builder-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 14px;cursor:pointer;list-style:none}.compare-builder-disclosure>summary::-webkit-details-marker{display:none}.compare-builder-disclosure>summary span:first-child{display:grid;gap:3px}.compare-builder-disclosure>summary strong{font-size:13px}.compare-builder-disclosure>summary small{color:var(--muted);font-size:12px}.compare-disclosure-action{flex:0 0 auto;color:var(--blue);font-size:12px;font-weight:700}.compare-builder-disclosure[open] .compare-disclosure-action{font-size:0}.compare-builder-disclosure[open] .compare-disclosure-action:after{content:'Collapse';font-size:12px}.compare-disclosure-content{padding:0 14px 14px;border-top:1px solid var(--line)}.compare-disclosure-content>.compare-builder-heading{margin-top:13px} .compare-signal-category-group{grid-column:1/-1;margin:0 0 8px}.compare-signal-category-group h3{margin:4px 0 7px;padding-bottom:6px;border-bottom:1px solid var(--line);font-size:12px}.compare-signal-category-group>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} @media(max-width:900px){.compare-signal-category-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.compare-signal-category-group>div{grid-template-columns:1fr}} /* v62 navigation, comparison workflow and fundamentals refinements. */ .side-nav-company>a{padding-left:13px!important}.side-nav-company>a>.ico{display:grid!important;flex:0 0 20px!important;width:20px!important;place-items:center;text-align:center}.side-nav-company>a[href="Live.aspx"]>.ico{font-size:17px!important} .compare-builder-content{position:relative}.compare-builder-close{position:absolute;z-index:5;top:9px;right:10px;display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--muted);cursor:pointer}.compare-builder-close:hover{border-color:#9bbde8;color:var(--blue)}.compare-builder-steps{padding-right:42px} .compare-category-icon{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border:1px solid currentColor;border-radius:7px;background:color-mix(in srgb,currentColor 7%,var(--card))}.compare-category-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.compare-category-icon.tone-green{color:#16b52e}.compare-category-icon.tone-amber{color:#e99a00}.compare-category-icon.tone-purple{color:#8858ee}.compare-category-icon.tone-teal{color:#08a7aa}.compare-category-icon.tone-blue{color:#176be4}.compare-category-icon.tone-orange{color:#f46b16}.compare-category-icon.tone-red{color:#ef3640}.compare-category-icon.tone-pink{color:#ed176f} .compare-signal-choice-grid{display:block}.compare-signal-category-group{display:block;margin:0 0 8px;border:1px solid var(--line);border-radius:7px;background:var(--card);overflow:hidden}.compare-signal-category-group>summary{display:flex;align-items:center;gap:9px;padding:9px 11px;cursor:pointer;list-style:none}.compare-signal-category-group>summary::-webkit-details-marker{display:none}.compare-signal-category-group>summary strong{font-size:12px}.compare-signal-category-group>summary small{color:var(--muted);font-size:12px}.compare-signal-category-group>summary>span:last-child{margin-left:auto;color:var(--blue);font-size:12px;font-weight:700}.compare-signal-category-group[open]>summary>span:last-child{font-size:0}.compare-signal-category-group[open]>summary>span:last-child:after{content:'Collapse';font-size:12px}.compare-group-actions{display:flex;justify-content:flex-end;gap:6px;padding:8px 10px;border-top:1px solid var(--line)}.compare-signal-category-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 10px 10px}.compare-metric-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.compare-metric-group-head span{display:flex;gap:5px}.compare-metric-group-head button{padding:2px 5px;border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:700;cursor:pointer} .compare-loader-card{display:grid;width:min(330px,calc(100% - 30px));min-height:125px;margin:20px auto;place-items:center;align-content:center;gap:8px;border:1px solid var(--line);border-radius:9px;background:var(--card);box-shadow:0 8px 24px rgba(18,45,80,.08)}.compare-loader-card strong{font-size:13px;color:var(--text)}.compare-loader-card small{color:var(--muted);font-size:12px}.compare-market-toolbar[hidden]{display:none!important} .company-fundamental-tabs{margin:0 0 12px!important;padding:0!important;gap:4px;background:transparent}.company-fundamental-tabs button{position:relative;flex:0 0 auto;padding:10px 14px 11px;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:650;cursor:pointer}.company-fundamental-tabs button.active{color:var(--blue);border-bottom:2px solid var(--blue)}.company-fundamental-tabs button.active:after{display:none} @media(max-width:850px){.compare-signal-category-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.compare-signal-category-items{grid-template-columns:1fr}} /* v63 slimline navigation and Financial Overview. */ .sidebar-collapse-toggle{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font-size:17px;line-height:1}.sidebar-collapse-toggle:hover{background:#175a9f}.sidebar,.main{transition:width .2s ease,margin-left .2s ease}.sidebar-collapsed .sidebar{width:72px;padding-left:9px;padding-right:9px}.sidebar-collapsed .main{margin-left:72px}.sidebar-collapsed .sidebar-klarodex-logo{display:none}.sidebar-collapsed .sidebar-klarodex-row{justify-content:center;padding:0}.sidebar-collapsed .sidebar-overall-score,.sidebar-collapsed .sidebar-view-tabs,.sidebar-collapsed .company-analysis-picker,.sidebar-collapsed .sidebar-divider,.sidebar-collapsed .sidebar-menu-heading,.sidebar-collapsed .sidebar-category-toggle-row button,.sidebar-collapsed .sidebar .side-nav a span:not(.ico),.sidebar-collapsed .sidebar .side-nav a .count,.sidebar-collapsed .sidebar-category-links,.sidebar-collapsed .sidebar-insights-empty,.sidebar-collapsed .sidebar-pinned-comparisons,.sidebar-collapsed .sidebar-pinned-signal-profiles,.sidebar-collapsed .sidebar-pinned-categories{display:none!important}.sidebar-collapsed .sidebar-scroll-content{overflow:visible}.sidebar-collapsed #sidebarMenuView{display:block}.sidebar-collapsed .sidebar-menu-primary-scroll{overflow:visible;padding:0}.sidebar-collapsed .company-analysis-menu-group{padding:0;background:transparent}.sidebar-collapsed .sidebar .side-nav a,.sidebar-collapsed .sidebar-category-toggle-row>a{width:46px;height:42px;justify-content:center;padding:0!important;margin:2px auto;border-radius:7px}.sidebar-collapsed .sidebar .side-nav .ico,.sidebar-collapsed .sidebar-category-toggle-row .ico{width:auto!important;font-size:18px}.sidebar-collapsed .sidebar-category-toggle-row{display:block}.sidebar-collapsed .sidebar-bottom-nav{padding-top:6px} .financial-overview-head{align-items:center}.financial-market-state{display:grid;gap:4px;text-align:right;color:var(--muted);font-size:12px}.financial-market-state strong{color:var(--blue)}.financial-overview-loading{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.financial-overview-loading small{color:var(--muted)}.financial-overview-loading[hidden],#financialOverviewContent[hidden]{display:none!important}.financial-kpi-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:10px;margin-bottom:12px}.financial-kpi-grid .card{display:grid;gap:8px;min-height:12px}.financial-kpi-grid article>strong,.financial-price-kpi div strong{font-size:25px}.financial-kpi-grid article>small{color:var(--muted);font-size:12px}.financial-kpi-label{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.financial-price-kpi div small{color:var(--muted);font-size:12px}.financial-positive{color:var(--green)}.financial-negative{color:var(--red)}.financial-overview-tabs{align-items:stretch;margin:0 0 12px}.financial-overview-tabs a{padding:10px 14px 11px;color:var(--text);text-decoration:none}.financial-overview-tabs a:hover{color:var(--blue)}.financial-primary-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:10px;margin-bottom:10px}.financial-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.financial-card-head h2{margin:0;font-size:17px}.financial-card-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.financial-performance-card svg{display:block;width:100%;height:240px;margin-top:8px}.financial-chart-grid line{stroke:var(--line)}.financial-chart-area{fill:rgba(13,110,253,.09);stroke:none}.financial-chart-line{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.financial-performance-card svg text{fill:var(--muted);font-size:12px}.financial-chart-empty{fill:var(--muted)!important;font-size:12px!important}.financial-range-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.financial-range-grid strong{float:right;color:var(--text)}.financial-health-row{margin-top:17px}.financial-health-row>div{display:flex;justify-content:space-between;margin-bottom:6px;font-size:12px}.financial-health-row b{color:var(--green)}.financial-health-row>span{display:block;height:8px;border-radius:8px;background:#e8edf3;overflow:hidden}.financial-health-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0d6efd,#17a965)}.financial-pulse{display:grid;gap:5px;margin-top:21px;padding:12px;border:1px solid #d3e5fb;border-radius:7px;background:#f2f7ff;font-size:12px}.financial-pulse span{color:var(--muted);line-height:1.5}.financial-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.financial-detail-card h3{font-size:14px;margin:0 0 11px}.financial-detail-card>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:12px}.financial-detail-card>div span{color:var(--muted)}body[data-resolved-theme="dark"] .financial-pulse,body[data-resolved-theme="black"] .financial-pulse{background:#102c46;border-color:#285474}body[data-resolved-theme="dark"] .financial-health-row>span,body[data-resolved-theme="black"] .financial-health-row>span{background:#2b3a4e}@media(max-width:1100px){.financial-kpi-grid{grid-template-columns:repeat(3,1fr)}.financial-primary-grid{grid-template-columns:1fr}.financial-detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.financial-kpi-grid,.financial-detail-grid{grid-template-columns:1fr}.financial-range-grid{grid-template-columns:1fr}.financial-market-state{width:100%;text-align:left}.sidebar-collapse-toggle{display:none}} /* v64 compact navigation and comparison alignment. */ .compare-market-toolbar{padding-left:0!important}.sidebar-category-toggle-row>a{padding-left:13px!important}.sidebar-category-toggle-row>a .ico{display:grid!important;flex:0 0 20px!important;width:20px!important;place-items:center!important}.sidebar-collapsed .sidebar-klarodex-row{margin-bottom:15px}.sidebar-collapsed .sidebar-category-toggle-row{width:46px;margin:2px auto}.sidebar-collapsed .sidebar-category-toggle-row>a{width:46px!important;margin:0!important}.sidebar-collapsed .side-nav-global .ico{display:grid!important;place-items:center!important;line-height:1!important}.sidebar-quick-tooltip{position:fixed;z-index:3000;transform:translateY(-50%);padding:7px 10px;border:1px solid #35546b;border-radius:6px;background:#061e2e;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.22);font-size:12px;font-weight:650;line-height:1;white-space:nowrap;pointer-events:none}.sidebar-quick-tooltip[hidden]{display:none!important} /* Consistent compact navigation alignment: every glyph occupies the same fixed cell. */ .sidebar-collapsed .sidebar .side-nav a,.sidebar-collapsed .sidebar-category-toggle-row>a{display:grid!important;grid-template-columns:46px!important;place-items:center!important;box-sizing:border-box!important}.sidebar-collapsed .sidebar .side-nav .ico,.sidebar-collapsed .sidebar-category-toggle-row .ico{display:grid!important;width:24px!important;height:24px!important;place-items:center!important;margin:0!important;padding:0!important;line-height:24px!important;text-align:center!important}.sidebar-collapsed .side-nav,.sidebar-collapsed .company-analysis-menu-group{width:100%;padding-left:0!important;padding-right:0!important}.sidebar-collapsed .sidebar-category-toggle-row{display:grid!important;place-items:center!important} .sidebar-collapsed .sidebar .side-nav a,.sidebar-collapsed .sidebar-category-toggle-row>a{position:relative!important;left:50%!important;margin:2px 0!important;transform:translateX(-50%)!important}.sidebar-collapsed .sidebar-category-toggle-row{width:100%!important;margin:0!important}.sidebar-collapsed .side-nav a.sidebar-custom-chart-link{height:42px!important;min-height:42px!important}.sidebar-collapsed .sidebar .side-nav a.active,.sidebar-collapsed .sidebar-category-toggle-row.active>a{background:#0d5db8!important} /* v87 live chart dialogs and final compact-navigation geometry. */ .sidebar-collapsed .sidebar{padding-left:13px!important;padding-right:13px!important} .sidebar-collapsed .sidebar .side-nav, .sidebar-collapsed .sidebar .company-analysis-menu-group, .sidebar-collapsed .sidebar-category-toggle-row{width:46px!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important} .sidebar-collapsed .sidebar .side-nav a, .sidebar-collapsed .sidebar-category-toggle-row>a{ position:static!important;left:auto!important;display:grid!important;width:46px!important;min-width:46px!important;height:42px!important;min-height:42px!important;margin:2px 0!important;padding:0!important;place-items:center!important;transform:none!important;border-radius:7px!important;color:#fff!important } .sidebar-collapsed .sidebar-category-toggle-row.active{background:transparent!important} .sidebar-collapsed .sidebar .side-nav a:hover, .sidebar-collapsed .sidebar-category-toggle-row>a:hover, .sidebar-collapsed .sidebar .side-nav a.active, .sidebar-collapsed .sidebar-category-toggle-row.active>a{background:#0d5db8!important;color:#fff!important} .sidebar-collapsed .sidebar .side-nav .ico, .sidebar-collapsed .sidebar-category-toggle-row .ico{display:grid!important;width:24px!important;height:24px!important;margin:0!important;padding:0!important;place-items:center!important;line-height:1!important;text-align:center!important} .live-add-signal{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;line-height:1!important} .live-add-signal .fx,.live-add-signal .chart-plus,.live-add-signal .chevron{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important} .live-add-signal .chevron{width:12px;height:18px;margin-left:1px;font-size:12px;transform:none!important} .live-chart-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important} .live-chart-card>.live-intraday-disclaimer,.live-chart-card>.live-chart-titlebar,.live-chart-card>.live-chart-toolbar,.live-chart-card>.live-signal-legend{background:var(--card)} .live-chart-card>.live-chart-titlebar{border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0} .live-chart-card>.live-chart-toolbar{border:1px solid var(--line);border-top:0;border-radius:0 0 9px 9px} .live-layout-toolbar{margin:14px 0;border:1px solid var(--line)!important;border-radius:9px;background:var(--card);box-shadow:var(--shadow);padding:10px 14px!important} .live-chart-stack{padding:0!important;gap:14px!important} .live-analysis-chart,.live-primary-analysis-chart{ box-sizing:border-box!important;padding:10px 12px 12px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--card)!important;box-shadow:var(--shadow)!important;overflow:hidden } .live-analysis-chart-head{padding:2px 2px 10px!important;border-bottom:1px solid var(--line)!important} .live-analysis-canvas-wrap{display:flex;flex:1 1 auto;min-height:0} .live-analysis-canvas-wrap canvas{align-self:stretch} .live-analysis-chart:fullscreen .live-analysis-canvas-wrap, .live-analysis-chart:-webkit-full-screen .live-analysis-canvas-wrap, body.live-chart-focus-fallback .live-analysis-chart.is-focus-chart .live-analysis-canvas-wrap{display:flex!important;flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:0!important} .live-analysis-chart:fullscreen .live-analysis-canvas-wrap canvas, .live-analysis-chart:-webkit-full-screen .live-analysis-canvas-wrap canvas, body.live-chart-focus-fallback .live-analysis-chart.is-focus-chart .live-analysis-canvas-wrap canvas{flex:1 1 auto!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important} .live-analysis-chart:fullscreen .live-volume-card-summary, .live-analysis-chart:-webkit-full-screen .live-volume-card-summary, body.live-chart-focus-fallback .live-analysis-chart.is-focus-chart .live-volume-card-summary{flex:0 0 auto!important} @media(max-width:850px){.sidebar-collapsed .sidebar{padding-left:9px!important;padding-right:9px!important}.live-layout-toolbar{margin:10px 0}} /* v88 grid movement, editor canvas and dialog alignment. */ .live-market-closed-overlay{z-index:2!important;top:54px!important;right:16px!important} .live-chart-toolbar,.live-signal-menu{z-index:20!important} .live-chart-stack[data-columns="2"],.live-chart-stack[data-columns="3"]{align-items:stretch!important;grid-auto-rows:1fr} .live-chart-stack[data-columns="2"] .live-analysis-chart,.live-chart-stack[data-columns="3"] .live-analysis-chart{height:100%;display:flex;flex-direction:column} .live-chart-stack[data-columns="2"] .live-analysis-canvas-wrap,.live-chart-stack[data-columns="3"] .live-analysis-canvas-wrap{flex:1 1 auto} .live-analysis-row-up,.live-analysis-row-down,.live-primary-row-up,.live-primary-row-down{display:inline-grid;place-items:center} .live-analysis-row-up[hidden],.live-analysis-row-down[hidden],.live-primary-row-up[hidden],.live-primary-row-down[hidden]{display:none!important} .company-profile-table+.x{display:none}.table-card:has(.company-profile-table) .table-wrap{margin:0 15px 15px;border:1px solid var(--line);border-radius:7px} .company-profile-head{align-items:center}.company-profile-snapshot{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:var(--shadow)}.company-profile-snapshot>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#eaf4ff;color:var(--blue);font-size:18px}.company-profile-snapshot small,.company-profile-snapshot strong{display:block}.company-profile-snapshot small{margin-bottom:3px;color:var(--muted);font-size:12px}.company-profile-snapshot strong{font-size:12px}.company-profile-toolbar{flex-wrap:wrap}.company-profile-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 15px 15px}.company-profile-section{align-self:start;border:1px solid var(--line);border-radius:9px;background:var(--card);overflow:hidden}.company-profile-section[open]{box-shadow:0 8px 22px rgba(18,52,86,.08)}.company-profile-section summary{display:flex;align-items:center;gap:10px;padding:13px;cursor:pointer;list-style:none;background:linear-gradient(135deg,#f7faff,#edf5ff)}.company-profile-section summary::-webkit-details-marker{display:none}.company-profile-section-icon{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:8px;background:#176be4;color:#fff;font-weight:800}.company-profile-section summary strong,.company-profile-section summary small{display:block}.company-profile-section summary small{margin-top:2px;color:var(--muted);font-size:12px}.company-profile-section-toggle{margin-left:auto;color:var(--blue);font-size:12px;font-weight:700}.company-profile-section[open] .company-profile-section-toggle{font-size:0}.company-profile-section[open] .company-profile-section-toggle:after{content:'Collapse';font-size:12px}.company-profile-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.company-profile-metric{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--soft)}.company-profile-metric div{min-width:0}.company-profile-metric small{display:block;margin-bottom:4px;color:var(--muted);font-size:12px}.company-profile-metric strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-profile-metric>span{color:var(--blue);font-size:14px;font-weight:800;text-align:right;white-space:nowrap}@media(max-width:1050px){.company-profile-overview{grid-template-columns:1fr}}@media(max-width:700px){.company-profile-snapshot{width:100%}.company-profile-metric-grid{grid-template-columns:1fr}.company-profile-toolbar .input{width:100%}} .visualisation-surface-chart:has(.visualisation-surface-axis-key.is-collapsed){grid-template-columns:minmax(0,1fr) 22px!important;gap:0!important} .visualisation-surface-chart:has(.visualisation-surface-axis-key.is-collapsed)>svg{width:100%!important;height:100%!important} .chart-canvas-modal{z-index:12000!important} .chart-canvas-dialog{grid-template-rows:auto auto minmax(0,1fr) auto!important} .chart-canvas-dialog>header{align-items:center} .chart-canvas-tabs{display:flex;gap:5px;padding:8px 18px;border-bottom:1px solid var(--line);background:var(--soft)} .chart-canvas-tabs button{height:34px;padding:0 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer} .chart-canvas-tabs button.active{border-color:#a8cbf5;background:var(--card);color:var(--blue)} .chart-canvas-company-panel{min-height:0;overflow:auto;padding:18px} .chart-canvas-company-panel>div:first-child{display:grid;gap:3px;margin-bottom:12px}.chart-canvas-company-panel>div:first-child span{color:var(--muted);font-size:12px} .chart-canvas-companies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .chart-canvas-companies label{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--card)} .chart-canvas-companies label span{display:grid;gap:2px;min-width:0}.chart-canvas-companies strong,.chart-canvas-companies small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.chart-canvas-companies small{color:var(--muted)} .chart-canvas-metric-family{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--card)} .chart-canvas-metric-family>summary,.chart-canvas-metric-group>summary{display:flex;align-items:center;min-height:38px;padding:8px 10px;cursor:pointer;font-size:12px;font-weight:800;list-style-position:inside} .chart-canvas-metric-family>summary{background:var(--soft);color:var(--blue);text-transform:uppercase;letter-spacing:.03em} .chart-canvas-metric-group{display:block;margin:0!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important} .chart-canvas-metric-group>summary{padding-left:18px;background:var(--card);color:var(--text);text-transform:none;letter-spacing:0} .chart-canvas-metric-group>div{display:grid;gap:6px;padding:0 7px 7px} .chart-canvas-options{grid-template-columns:repeat(3,minmax(0,1fr))!important} .chart-canvas-options .select,.visualisation-controls .select{line-height:normal!important;padding-top:0!important;padding-bottom:0!important} .visualisation-add-row{display:flex!important;justify-content:flex-end!important;gap:8px!important} .visualisation-chart-edit-tabs{display:none;gap:6px;margin:10px 0}.visualisation-editing-chart .visualisation-chart-edit-tabs{display:flex}.visualisation-chart-edit-tabs .btn.active{border-color:#99c3f5;background:#edf5ff;color:var(--blue)} .visualisation-grid[data-columns="2"],.visualisation-grid[data-columns="3"]{align-items:stretch;grid-auto-rows:1fr} .visualisation-grid[data-columns="2"] .visualisation-chart-card,.visualisation-grid[data-columns="3"] .visualisation-chart-card{height:100%;display:flex;flex-direction:column} .visualisation-grid[data-columns="2"] .visualisation-chart-canvas,.visualisation-grid[data-columns="3"] .visualisation-chart-canvas{flex:1 1 auto} @media(max-width:900px){.chart-canvas-companies{grid-template-columns:1fr}.chart-canvas-options{grid-template-columns:1fr!important}} /* v89 final Live and canvas-editor refinements. */ .sidebar-collapsed .sidebar-category-toggle-row>a[href="klarodex-signals.aspx"] .ico{transform:translateX(-1px)!important} .live-chart-card,.live-chart-card:before,.live-chart-card:after,.live-chart-card>.live-chart-titlebar,.live-chart-card>.live-chart-toolbar{box-shadow:none!important;filter:none!important} body.dashboard-shadow-enabled .live-layout-toolbar,body.dashboard-shadow-enabled .live-analysis-chart{box-shadow:var(--shadow)!important} .live-analysis-order,.live-primary-row-up,.live-primary-row-down,.live-analysis-row-up,.live-analysis-row-down{font-family:Inter,Arial,sans-serif!important;font-size:16px!important;font-weight:600!important;line-height:1!important} .live-signal-legend:not(:empty){box-sizing:border-box;margin:12px 0 14px;padding:10px 12px!important;border:1px solid var(--line);border-radius:9px;background:var(--card);box-shadow:none} body.dashboard-shadow-enabled .live-signal-legend:not(:empty){box-shadow:var(--shadow)} .chart-canvas-modal{background:var(--soft)!important;backdrop-filter:none!important} .chart-canvas-company-panel[hidden],#chartCanvasDatapointsPanel[hidden]{display:none!important} .chart-canvas-tabs button{display:inline-flex;align-items:center;gap:8px;font-size:0!important} .chart-canvas-tabs button:before{display:grid;width:22px;height:22px;place-items:center;border:1px solid #cbd5e1;border-radius:50%;background:var(--card);color:var(--muted);font-size:12px;font-weight:800} .chart-canvas-tabs button:first-child:before{content:'1'}.chart-canvas-tabs button:nth-child(2):before{content:'2'} .chart-canvas-tabs button:after{font-size:12px;color:inherit}.chart-canvas-tabs button:first-child:after{content:'Edit companies'}.chart-canvas-tabs button:nth-child(2):after{content:'Datapoints & chart'} .chart-canvas-tabs button.active:before{border-color:var(--blue);background:var(--blue);color:#fff} .chart-canvas-settings{grid-template-rows:auto auto minmax(0,1fr)!important} .chart-canvas-options{grid-row:1;order:-3}.chart-canvas-settings>label{grid-row:2;order:-2}.chart-canvas-metrics{grid-row:3;order:0;max-height:100%;overflow-y:auto;padding-right:3px} .chart-canvas-metric-family>summary:after,.chart-canvas-metric-group>summary:after{content:'Expand';margin-left:auto;color:var(--blue);font-size:12px;font-weight:700;text-transform:none;letter-spacing:0} .chart-canvas-metric-family[open]>summary:after,.chart-canvas-metric-group[open]>summary:after{content:'Collapse'} .chart-canvas-options select{display:flex;align-items:center;line-height:38px!important} .visualisation-mesh-key-toggle{left:auto!important;right:6px!important;top:6px!important;width:auto!important;min-width:72px!important;height:28px!important;padding:0 8px!important;border-radius:6px!important;font-size:0!important} .visualisation-mesh-key-toggle:after{content:'Hide info';font-size:12px;font-weight:700} .visualisation-surface-axis-key.is-collapsed{display:block!important;width:82px!important;min-width:82px!important;height:40px!important;padding:0!important;border-color:transparent!important;background:transparent!important} .visualisation-surface-axis-key.is-collapsed .visualisation-mesh-key-toggle{right:0!important;left:auto!important} .visualisation-surface-axis-key.is-collapsed .visualisation-mesh-key-toggle:after{content:'Show info'} .visualisation-surface-chart:has(.visualisation-surface-axis-key.is-collapsed){grid-template-columns:minmax(0,1fr) 82px!important} .visualisation-grid[data-columns="3"] .visualisation-surface-chart:has(.visualisation-surface-axis-key.is-collapsed)>svg{max-width:calc(100% - 38px);justify-self:start} .visualisation-chart-edit-tabs .btn{display:inline-flex;align-items:center;gap:8px;font-size:0!important} .visualisation-chart-edit-tabs .btn:before{display:grid;width:22px;height:22px;place-items:center;border:1px solid #cbd5e1;border-radius:50%;background:var(--card);color:var(--muted);font-size:12px;font-weight:800} .visualisation-chart-edit-tabs .btn:first-child:before{content:'1'}.visualisation-chart-edit-tabs .btn:nth-child(2):before{content:'2'} .visualisation-chart-edit-tabs .btn:after{font-size:12px}.visualisation-chart-edit-tabs .btn:first-child:after{content:'Edit companies'}.visualisation-chart-edit-tabs .btn:nth-child(2):after{content:'Chart configuration'} .visualisation-chart-edit-tabs .btn.active:before{border-color:var(--blue);background:var(--blue);color:#fff} .compare-signal-category-group{background:color-mix(in srgb,var(--soft) 72%,var(--card))!important;border-color:color-mix(in srgb,var(--line) 75%,var(--blue))!important}.compare-signal-category-group>summary{background:color-mix(in srgb,var(--soft) 86%,var(--card))}.compare-group-actions button,#compareSelectAllSignals,#compareClearSignals{width:auto!important;min-width:76px!important;max-width:130px!important;padding:6px 11px!important;border:1px solid #1262c8!important;background:linear-gradient(135deg,#1877e8,#0959bf)!important;color:#fff!important;box-shadow:0 2px 5px rgba(9,89,191,.18)}.compare-group-actions button:hover,#compareSelectAllSignals:hover,#compareClearSignals:hover{background:linear-gradient(135deg,#0864d2,#064b9f)!important}.compare-fingerprint-inspector h3{font-size:17px}.compare-fingerprint-inspector>p{font-size:12px;line-height:1.5}.compare-fingerprint-value>div{font-size:12px}.compare-fingerprint-gap>span,.compare-fingerprint-gap>small{font-size:12px}.markets-table th.market-action-sticky,.markets-table td.market-action-sticky{overflow:visible}.markets-table th.market-action-sticky::before,.markets-table td.market-action-sticky::before{content:"";position:absolute;top:0;bottom:0;left:-42px;width:42px;background:linear-gradient(90deg,transparent,var(--card));pointer-events:none}.markets-table th.market-action-sticky::before{background:linear-gradient(90deg,transparent,var(--soft))} .live-volume-context{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-top:10px!important}.live-volume-context>div:first-child{display:grid;gap:3px}.live-volume-context strong{font-size:12px}.live-volume-context small{color:var(--muted);font-size:12px;line-height:1.4}.live-volume-metrics{display:flex;gap:15px;white-space:nowrap}.live-volume-metrics span{color:var(--muted);font-size:12px}.live-volume-metrics b{display:block;margin:2px 0 0!important;color:var(--text)!important;text-align:right;font-size:12px}.financial-chart-legend{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:var(--muted);font-size:12px}.financial-chart-legend span{display:flex;align-items:center;gap:6px}.financial-chart-legend i{width:18px;height:3px;border-radius:3px;background:var(--blue)}.financial-chart-legend strong{color:var(--text);font-weight:600}.financial-chart-y{font-size:12px!important} /* v90: a single chart-edit dialog with two mutually exclusive internal tabs. */ body[data-page="create-visualisation"] .visualisation-builder-panel:not([open])>summary{margin-bottom:0!important} .visualisation-editing-chart .visualisation-builder-panel{inset:7vh max(5vw,70px) auto!important;max-height:86vh!important;overflow:auto!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--card)!important;box-shadow:0 22px 58px rgba(8,29,52,.3)!important} .visualisation-editing-chart .visualisation-builder-panel-content{padding:0!important} .visualisation-editing-chart .visualisation-wizard-panel[data-viz-panel="2"],.visualisation-editing-chart .visualisation-wizard-panel[data-viz-panel="3"]{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} .visualisation-editing-chart .visualisation-wizard-panel[data-viz-panel][hidden]{display:none!important} .visualisation-editing-chart .visualisation-wizard-panel[data-viz-panel="2"]:not([hidden]),.visualisation-editing-chart .visualisation-wizard-panel[data-viz-panel="3"]:not([hidden]){display:block!important} .visualisation-editing-chart .visualisation-chart-edit-tabs{margin:10px 0 14px} .visualisation-review-title .visualisation-mini-preview{display:grid!important;width:34px!important;height:34px!important;min-width:34px!important;place-items:center!important;overflow:hidden;border:1px solid #b9d2f2!important;border-radius:7px!important;background:var(--card)!important} .visualisation-review-title .visualisation-mini-preview i{display:none!important}.visualisation-review-title .visualisation-mini-preview b{position:static!important;display:block!important;color:var(--blue)!important;font-size:18px!important;line-height:1!important;transform:none!important} /* v91: chart-dialog consistency, canvas scrolling and mesh information layout. */ #visualisationTemplateControls[hidden]{display:none!important} body[data-page="live"].dashboard-shadow-enabled .main .card{box-shadow:none!important} body[data-page="live"].dashboard-shadow-enabled .live-layout-toolbar, body[data-page="live"].dashboard-shadow-enabled .live-analysis-chart, body[data-page="live"].dashboard-shadow-enabled .live-signal-legend:not(:empty){box-shadow:var(--dashboard-dialog-shadow)!important} .chart-canvas-modal{background:rgba(7,24,43,.48)!important;backdrop-filter:blur(2px)!important} body.chart-canvas-open.visualisation-editing-chart .visualisation-builder-panel{visibility:hidden!important} .chart-canvas-tabs,.visualisation-chart-edit-tabs{display:flex!important;align-items:center!important;gap:6px!important;padding:8px 14px!important;margin:0!important;border-bottom:1px solid var(--line)!important;background:var(--soft)!important} .chart-canvas-tabs button,.visualisation-chart-edit-tabs .btn{box-sizing:border-box!important;height:40px!important;min-height:40px!important;padding:0 14px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:var(--muted)!important} .chart-canvas-tabs button.active,.visualisation-chart-edit-tabs .btn.active{border-color:#99c3f5!important;background:var(--card)!important;color:var(--blue)!important} .chart-canvas-company-panel{padding:18px!important} .chart-canvas-settings{min-height:0!important;overflow:hidden!important} .chart-canvas-metrics{min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;padding-right:6px!important} .chart-canvas-metric-family{flex:0 0 auto} .chart-canvas-metric-family>summary,.chart-canvas-metric-group>summary{box-sizing:border-box} .chart-canvas-options select,.visualisation-controls select{height:39px!important;line-height:39px!important;vertical-align:middle!important;font-family:Inter,Arial,sans-serif!important} .visualisation-surface-chart{grid-template-columns:minmax(0,1fr) minmax(190px,32%)!important;gap:14px!important;align-items:stretch!important;min-width:0!important} .visualisation-surface-chart>svg{min-width:0!important;width:100%!important} .visualisation-surface-axis-key{position:relative!important;z-index:1!important;min-width:0!important;margin-left:0!important;overflow:hidden!important} .visualisation-surface-axis-key .visualisation-mesh-key-content{padding-top:36px!important} .visualisation-mesh-key-toggle{z-index:4!important;top:6px!important;right:6px!important} .visualisation-surface-chart:has(.visualisation-surface-axis-key.is-collapsed){grid-template-columns:minmax(0,1fr) 82px!important;gap:8px!important} .visualisation-surface-chart:has(.visualisation-surface-axis-key.is-collapsed)>svg{width:100%!important;max-width:none!important} .visualisation-editing-chart [data-viz-panel="3"]>.visualisation-step-heading>span{display:none!important} .visualisation-editing-chart [data-viz-panel="3"]>.visualisation-step-heading{padding:14px 14px 8px!important} .visualisation-editing-chart [data-viz-panel="2"] .visualisation-wizard-actions [data-viz-back], .visualisation-editing-chart [data-viz-panel="2"] .visualisation-wizard-actions #applyVisualisationTemplate{display:inline-flex!important} @media(max-width:1100px){.visualisation-surface-chart{grid-template-columns:minmax(0,1fr) minmax(170px,38%)!important}.chart-canvas-dialog{width:96vw!important}} .sidebar-menu-heading-chart{margin-top:16px!important}.visualisation-save-tools{display:flex;align-items:center;gap:8px}.visualisation-save-tools label{display:flex;align-items:center;gap:5px;font-size:12px}.visualisation-builder{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(520px,1.35fr);align-items:center;gap:18px;margin-bottom:12px}.visualisation-builder h2{margin:0 0 4px;font-size:17px}.visualisation-builder p{margin:0;color:var(--muted);font-size:12px}.visualisation-controls{display:grid;grid-template-columns:1fr 1.2fr 1fr auto;gap:8px}.visualisation-company-options{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.visualisation-company-options label{display:grid;grid-template-columns:auto auto;gap:1px 6px;align-items:center;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:var(--soft);font-size:12px}.visualisation-company-options input{grid-row:1/3}.visualisation-company-options small{color:var(--muted);font-size:12px}.visualisation-builder .form-message{grid-column:1/-1;margin:0}.visualisation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.visualisation-empty{grid-column:1/-1;display:grid;place-items:center;gap:7px;min-height:260px;color:var(--muted)}.visualisation-empty strong{color:var(--text);font-size:16px}.visualisation-chart-card header{display:flex;justify-content:space-between}.visualisation-chart-card header small{color:var(--blue);font-size:12px;font-weight:700;text-transform:uppercase}.visualisation-chart-card h2{margin:3px 0;font-size:16px}.visualisation-chart-card header button{width:28px;height:28px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}.visualisation-chart-card svg,.viz-bars{display:block;width:100%;height:230px}.viz-grid{fill:none;stroke:var(--line)}.viz-bars{display:flex;align-items:flex-end;justify-content:center;gap:18px;padding:25px 20px 0;box-sizing:border-box}.viz-bars div{display:grid;grid-template-rows:auto 1fr auto;align-items:end;width:54px;height:100%;text-align:center;font-size:12px}.viz-bars i{display:block;width:100%;min-height:4px;border-radius:5px 5px 0 0}.visualisation-chart-card footer{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);padding-top:9px;font-size:12px}.visualisation-chart-card footer span{padding:3px 6px;border-radius:4px;background:var(--soft)}.visualisation-chart-card footer em{margin-left:auto;color:var(--muted);font-style:normal}@media(max-width:1000px){.visualisation-builder{grid-template-columns:1fr}.visualisation-controls{grid-template-columns:1fr 1fr}.visualisation-grid{grid-template-columns:1fr}.visualisation-save-tools{width:100%;flex-wrap:wrap}} /* v1.6.47: recently changed signal-history surface. */ .overview-surface-section{margin-top:10px}.overview-signal-surface-card{padding:18px;overflow:hidden}.overview-surface-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:10px}.overview-surface-head h3,.overview-surface-head p{margin:0}.overview-surface-head p{margin-top:5px;color:var(--muted);font-size:12px}.overview-surface-ranges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.overview-surface-ranges .btn{min-height:34px;padding:6px 10px;font-size:12px}.overview-surface-ranges .btn.active{border-color:var(--blue);background:#eaf3ff;color:var(--blue)}.overview-surface-wrap{position:relative;min-height:500px}.overview-signal-surface{display:block;width:100%;height:auto;min-height:500px;overflow:visible}.overview-signal-surface .surface-floor{fill:#f4f8fe;stroke:#c7d6e8}.overview-signal-surface .surface-cell{stroke:#14304f;stroke-width:.7;stroke-opacity:.38}.overview-signal-surface .surface-wire{fill:none;stroke:#163451;stroke-width:1;stroke-opacity:.52}.overview-signal-surface .surface-point{cursor:help;stroke:#fff;stroke-width:1.5}.overview-signal-surface .surface-axis{stroke:#566b84;stroke-width:1.6}.overview-signal-surface .surface-grid{stroke:#d6e0ec;stroke-width:1}.overview-signal-surface text{fill:var(--muted);font-family:Inter,Arial,sans-serif;font-size:12px}.overview-signal-surface .surface-axis-title{fill:var(--text);font-size:13px;font-weight:800}.overview-surface-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:13px}.overview-surface-empty[hidden]{display:none}.overview-surface-key{display:flex;flex-wrap:wrap;gap:8px 24px;padding-top:11px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.overview-surface-key b{color:var(--text)}@media(max-width:900px){.overview-surface-head{flex-direction:column}.overview-surface-ranges{justify-content:flex-start}.overview-surface-wrap,.overview-signal-surface{min-height:360px}} .overview-signal-surface .surface-wire-depth{stroke-width:1.25;stroke-opacity:.68}.overview-signal-surface .surface-cell:hover{fill-opacity:.96;stroke-opacity:.72} .overview-signal-surface .surface-cell{stroke:none!important;shape-rendering:geometricPrecision}.overview-signal-surface .surface-wire,.overview-signal-surface .surface-wire-depth{display:none!important}.overview-signal-surface .surface-terrain{isolation:isolate}.overview-signal-surface .surface-light-overlay{pointer-events:none;mix-blend-mode:soft-light} /* v1.6.49: lazy-loaded full 3D signal overview modal. */ .score-distribution-actions{display:flex;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.score-distribution-actions .btn{min-height:36px;font-size:12px}.overview-surface-modal{position:fixed;z-index:6000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(7,24,43,.7);backdrop-filter:blur(4px)}.overview-surface-modal[hidden]{display:none!important}.overview-surface-dialog{box-sizing:border-box;width:min(1500px,96vw);max-height:94vh;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 28px 90px rgba(0,0,0,.38)}.overview-surface-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:10px;border-bottom:1px solid var(--line)}.overview-surface-dialog-head h2,.overview-surface-dialog-head p{margin:0}.overview-surface-dialog-head h2{font-size:17px}.overview-surface-dialog-head p{margin-top:5px;color:var(--muted);font-size:12px}.overview-surface-close{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;font-size:22px!important;line-height:1}.overview-surface-dialog .overview-surface-wrap{min-height:560px}.overview-surface-dialog .overview-signal-surface{min-height:560px}body.overview-surface-open{overflow:hidden}@media(max-width:900px){.overview-surface-modal{padding:10px}.overview-surface-dialog{width:98vw;padding:12px}.overview-surface-dialog .overview-surface-wrap,.overview-surface-dialog .overview-signal-surface{min-height:380px}} .overview-surface-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.overview-surface-date{min-width:112px;text-align:right;color:var(--muted);font-size:13px;font-weight:700}.overview-surface-trend[aria-pressed="true"]{border-color:var(--blue);background:#eaf3ff;color:var(--blue)} /* v1.6.48: correctly formatted Add control in the tracked-company discovery dialog. */ .tracked-discovery-results td.table-action-cell{width:96px;padding:7px 10px!important;text-align:center!important}.tracked-discovery-results td.table-action-cell .add-company-btn{box-sizing:border-box!important;display:inline-flex!important;width:78px!important;min-width:78px!important;height:34px!important;min-height:34px!important;margin:0!important;align-items:center!important;justify-content:center!important;padding:0 13px!important;border:1px solid #075bd0!important;border-radius:6px!important;background:#075bd0!important;color:#fff!important;font-family:Inter,Arial,sans-serif!important;font-size:12px!important;font-weight:700!important;line-height:32px!important;text-align:center!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 1px 2px rgba(7,62,132,.18)!important}.tracked-discovery-results td.table-action-cell .add-company-btn:hover{border-color:#064aa7!important;background:#064aa7!important;color:#fff!important}.tracked-discovery-results td.table-action-cell .add-company-btn.is-adding{border-color:#7894b7!important;background:#7894b7!important;color:#fff!important;opacity:1!important} /* v140 - Noise signal two-axis waveform */ .overview-signal-surface .noise-grid{stroke:#dbe5f0;stroke-width:1} .overview-signal-surface .noise-baseline{stroke:#9db0c5;stroke-width:1.3;stroke-dasharray:5 5} .overview-signal-surface .noise-category-separator{stroke:#c8d5e4;stroke-width:1;stroke-dasharray:3 4;opacity:.72} .overview-signal-surface .noise-sample{stroke-width:1.15;stroke-opacity:.33} .overview-signal-surface .noise-wave{fill:none;stroke:url(#noiseScoreGradient);stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;filter:url(#noiseGlow)} .overview-signal-surface .noise-area{fill:url(#noiseArea);stroke:none} .overview-signal-surface .noise-tick{fill:var(--muted);font-size:12px} .overview-signal-surface .noise-category-label{fill:var(--muted);font-size:12px;font-weight:700} .overview-surface-trend:disabled{opacity:.45;cursor:not-allowed;background:#f3f6fa;color:var(--muted)} /* v141 - dedicated surface mode buttons + score-gradient noise waveform */ .overview-surface-mode{display:inline-flex!important;align-items:center;gap:7px;min-height:38px;padding:7px 11px!important;white-space:nowrap} .overview-surface-mode[aria-pressed="true"]{border-color:var(--blue)!important;background:#eaf3ff!important;color:var(--blue)!important;box-shadow:inset 0 0 0 1px rgba(7,91,208,.05)} .overview-surface-mode-icon{width:18px;height:18px;display:block;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round} .overview-surface-mode-icon circle{fill:var(--card);stroke:currentColor;stroke-width:1.35} .overview-signal-surface .noise-wave{stroke:url(#noiseScoreGradient)!important} /* v143 - smooth 90-day interpolation + 3D sound wire view */ .overview-signal-surface .surface-sound-wire{fill:none;stroke-width:1.05;stroke-opacity:.78;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke} .overview-signal-surface .surface-sound-cross{fill:none;stroke:#7e93aa;stroke-width:.65;stroke-opacity:.18;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke} .overview-signal-surface .surface-sound-wires{filter:drop-shadow(8px 10px 8px rgba(7,26,47,.16))} /* v146: 3D sound trend floor grid */ .overview-signal-surface .surface-sound-floor-grid{pointer-events:none} .overview-signal-surface .surface-sound-grid-minor{stroke:#dfe7f1;stroke-width:.65;stroke-opacity:.75;vector-effect:non-scaling-stroke} .overview-signal-surface .surface-sound-grid-major{stroke:#c7d6e8;stroke-width:.95;stroke-opacity:.95;vector-effect:non-scaling-stroke} /* v147: dense 3D sound data grid + flat signal-depth baseline */ .overview-signal-surface .surface-sound-category-wire{stroke-width:.8;stroke-opacity:.34} /* v148: 3D sound trend minimalist axes + score-position line gradient */ .overview-signal-surface .surface-sound-cross{stroke:url(#soundPositionGradient);stroke-opacity:.30} .overview-signal-surface .surface-sound-category-wire{stroke:url(#soundPositionGradient);stroke-opacity:.38} /* v151 - Overview: The Klarodex Signal + ranked signal layout */ .overview-main-reworked .overview-klarodex-signal-card{grid-column:3/4;min-height:285px;padding:0;overflow:hidden} /* v152: match the standard card heading treatment; no divider above the visual. */ .overview-klarodex-signal-head{min-height:46px;padding:14px 14px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:0} .overview-klarodex-signal-head h3{margin:0 0 12px;line-height:1.2;font-size:12px;font-weight:700} .overview-klarodex-signal-full{height:34px;min-height:34px;padding:0 11px;font-size:12px;white-space:nowrap;margin-top:-4px} .overview-klarodex-signal-stage{position:relative;height:239px;min-height:239px;padding:0;overflow:hidden} .overview-klarodex-signal{display:block;width:100%;height:100%;overflow:visible} .overview-klarodex-signal .mini-sound-wire{fill:none;stroke-width:.7;stroke-opacity:.66;stroke-linecap:round;stroke-linejoin:round} .overview-klarodex-signal .mini-sound-cross{fill:none;stroke-width:.65;stroke-opacity:.34;stroke:url(#miniSoundPositionGradient)} .overview-klarodex-signal-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px} .overview-klarodex-signal-empty[hidden]{display:none!important} .overview-main-reworked .overview-strongest-card{grid-column:1/3;min-height:285px} .overview-main-reworked .overview-weakest-card{grid-column:3/4;min-height:285px} @media(max-width:1050px){.overview-main-reworked .overview-klarodex-signal-card,.overview-main-reworked .overview-strongest-card,.overview-main-reworked .overview-weakest-card{grid-column:1/-1}} /* v153 - Klarodex Signal card title, vertical alignment, export-style action */ .overview-klarodex-signal-head{align-items:center;padding:12px 14px} .overview-klarodex-signal-head h3{margin:0!important;text-transform:none!important;font-size:12px!important;font-weight:700!important;letter-spacing:0!important} .overview-klarodex-signal-full{margin-top:0;height:38px;min-height:38px;padding:0 14px;font-size:12px;gap:7px} .overview-klarodex-signal-full-icon{width:17px;height:17px;display:block;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round} .overview-klarodex-signal-stage{display:flex;align-items:center;justify-content:center;height:239px;min-height:239px;padding:0;overflow:hidden} .overview-klarodex-signal{display:block;width:100%;height:218px;overflow:visible} /* v154 - Klarodex Signal card: title-case test labels and bottom action placement */ .overview-klarodex-signal-head{min-height:42px;padding:12px 14px 6px;align-items:center} .overview-klarodex-signal-head h3{margin:0!important;text-transform:none!important} .overview-klarodex-signal-stage{position:relative;height:247px;min-height:247px;padding:0 0 42px;box-sizing:border-box;align-items:center} .overview-klarodex-signal{width:100%;height:205px;overflow:visible} .overview-klarodex-signal-full{position:absolute;right:12px;bottom:8px;z-index:3;margin:0!important;height:34px;min-height:34px;padding:0 12px} .overview-klarodex-signal .mini-sound-category-labels text{font-size:12px;font-weight:600;fill:#566b84} /* v155 - Klarodex Signal: remove compact category labels and pin action to the card bottom */ .overview-main-reworked .overview-klarodex-signal-card{position:relative;display:flex;flex-direction:column;padding:0 0 50px;box-sizing:border-box} .overview-klarodex-signal-head{flex:0 0 auto} .overview-klarodex-signal-stage{position:relative;flex:1 1 auto;height:auto!important;min-height:205px;padding:0!important;display:flex;align-items:center;justify-content:center;overflow:hidden} .overview-klarodex-signal{display:block;width:100%;height:100%;min-height:205px;max-height:245px;overflow:visible} .overview-klarodex-signal-full{position:absolute!important;right:12px!important;bottom:10px!important;top:auto!important;left:auto!important;z-index:4;margin:0!important;height:34px;min-height:34px;padding:0 12px} .overview-klarodex-signal .mini-sound-category-labels{display:none!important} /* v157 - restore full-width 30-day score trend + compact Signal explanation */ .overview-score-trend-wide{display:block;margin-top:10px} .overview-trend-card-wide{width:100%;min-height:285px;box-sizing:border-box} .overview-trend-card-wide .overview-score-history-chart{display:block;width:100%;height:245px;max-width:none} .overview-klarodex-signal-footer{position:absolute;left:12px;right:12px;bottom:10px;z-index:4;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0} .overview-klarodex-signal-note{font-size:12px;line-height:1.25;color:var(--muted,#6f7c8d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;min-width:0} .overview-klarodex-signal-footer .overview-klarodex-signal-full{position:static!important;right:auto!important;bottom:auto!important;top:auto!important;left:auto!important;flex:0 0 auto} @media(max-width:900px){.overview-klarodex-signal-footer{align-items:flex-end;flex-direction:column;gap:7px}.overview-klarodex-signal-note{white-space:normal;max-width:100%}.overview-main-reworked .overview-klarodex-signal-card{padding-bottom:74px}.overview-trend-card-wide .overview-score-history-chart{height:220px}} /* v158 - Overview polish: left-align Signal explanation and let the 30-day trend span the card. */ .overview-klarodex-signal-footer{justify-content:space-between!important} .overview-klarodex-signal-note{flex:1 1 auto;text-align:left!important} .overview-trend-card-wide{padding-left:12px;padding-right:12px} .overview-trend-card-wide .overview-score-history-chart{width:100%!important;max-width:none!important;margin:0!important} /* ======================================================================== v159 - Dark mode visual consistency pass Keeps functional colours, but moves light-only panels, notices and headers onto the same slate surfaces used throughout the dark Klarodex UI. ======================================================================== */ body[data-resolved-theme="dark"], body[data-resolved-theme="black"]{ --dark-panel:#101821; --dark-panel-2:#111b26; --dark-panel-3:#0d151e; --dark-border:#2d3b4d; --dark-border-soft:#243244; --dark-copy:#e8eef7; --dark-muted:#9fb0c3; } /* Headline alert banner - remove the light cream/white treatment in dark mode. */ body[data-resolved-theme="dark"] .klarodex-alert-headline, body[data-resolved-theme="black"] .klarodex-alert-headline{ background:#10243a!important; border-color:#31577d!important; border-left-color:#2f82e8!important; color:var(--dark-copy)!important; box-shadow:none!important; } body[data-resolved-theme="dark"] .klarodex-alert-headline.warning, body[data-resolved-theme="black"] .klarodex-alert-headline.warning{ background:#2a2113!important; border-color:#624d25!important; border-left-color:#e8a12c!important; } body[data-resolved-theme="dark"] .klarodex-alert-headline.positive, body[data-resolved-theme="black"] .klarodex-alert-headline.positive{ background:#10271c!important; border-color:#2d6042!important; border-left-color:#2ab36d!important; } body[data-resolved-theme="dark"] .klarodex-alert-headline.critical, body[data-resolved-theme="black"] .klarodex-alert-headline.critical{ background:#2b1719!important; border-color:#6e3438!important; border-left-color:#ef5b63!important; } body[data-resolved-theme="dark"] .klarodex-alert-copy, body[data-resolved-theme="black"] .klarodex-alert-copy, body[data-resolved-theme="dark"] .klarodex-alert-copy b, body[data-resolved-theme="black"] .klarodex-alert-copy b{color:var(--dark-copy)!important} body[data-resolved-theme="dark"] .klarodex-alert-copy small, body[data-resolved-theme="black"] .klarodex-alert-copy small, body[data-resolved-theme="dark"] .klarodex-alert-count, body[data-resolved-theme="black"] .klarodex-alert-count{color:#aebdcd!important} body[data-resolved-theme="dark"] .klarodex-alert-headline>.btn, body[data-resolved-theme="black"] .klarodex-alert-headline>.btn{ background:#101a24!important; color:#eaf1f9!important; border-color:#405267!important; } body[data-resolved-theme="dark"] .klarodex-alert-headline>.btn:hover, body[data-resolved-theme="black"] .klarodex-alert-headline>.btn:hover{background:#172536!important;border-color:#58718e!important} /* Company Fundamentals section headings. */ body[data-resolved-theme="dark"] .company-profile-section, body[data-resolved-theme="black"] .company-profile-section{background:var(--dark-panel)!important;border-color:var(--dark-border)!important} body[data-resolved-theme="dark"] .company-profile-section summary, body[data-resolved-theme="black"] .company-profile-section summary{ background:linear-gradient(135deg,#152334,#111b26)!important; color:var(--dark-copy)!important; border-color:var(--dark-border)!important; } body[data-resolved-theme="dark"] .company-profile-section summary strong, body[data-resolved-theme="black"] .company-profile-section summary strong{color:#edf4fb!important} body[data-resolved-theme="dark"] .company-profile-section summary small, body[data-resolved-theme="black"] .company-profile-section summary small{color:#91a4b9!important} body[data-resolved-theme="dark"] .company-profile-section-toggle, body[data-resolved-theme="black"] .company-profile-section-toggle{color:#75aef5!important} body[data-resolved-theme="dark"] .company-profile-section-icon, body[data-resolved-theme="black"] .company-profile-section-icon{background:#1768cf!important;color:#fff!important} body[data-resolved-theme="dark"] .company-profile-metric, body[data-resolved-theme="black"] .company-profile-metric{background:#0f1924!important;border-color:#2b3a4d!important} body[data-resolved-theme="dark"] .company-profile-snapshot, body[data-resolved-theme="black"] .company-profile-snapshot{background:#101821!important;border-color:#2d3b4d!important} /* Markets - remove light empty-state and message panels. */ body[data-resolved-theme="dark"] .markets-empty-cta, body[data-resolved-theme="black"] .markets-empty-cta{ background:#111b26!important; color:#aebdcd!important; border-color:#3a5879!important; } body[data-resolved-theme="dark"] .markets-message, body[data-resolved-theme="black"] .markets-message, body[data-resolved-theme="dark"] .footer-note.markets-message, body[data-resolved-theme="black"] .footer-note.markets-message{ background:#111b26!important; color:#aebdcd!important; border:1px solid #2d3b4d!important; } body[data-resolved-theme="dark"] .markets-browser, body[data-resolved-theme="black"] .markets-browser, body[data-resolved-theme="dark"] .markets-search-panel, body[data-resolved-theme="black"] .markets-search-panel{background:#101821!important;border-color:#2d3b4d!important} body[data-resolved-theme="dark"] .markets-data-tabs, body[data-resolved-theme="black"] .markets-data-tabs{border-color:#2d3b4d!important} /* Klarodex Overview - SIGNALS card border and company reference copy. */ body[data-resolved-theme="dark"] .overview-signals-motion-card, body[data-resolved-theme="black"] .overview-signals-motion-card{ border-color:#334255!important; box-shadow:none!important; } body[data-resolved-theme="dark"] #overviewCompanyMeta, body[data-resolved-theme="black"] #overviewCompanyMeta, body[data-resolved-theme="dark"] .overview-company-meta-row #overviewCompanyMeta, body[data-resolved-theme="black"] .overview-company-meta-row #overviewCompanyMeta{ color:#87a6c8!important; opacity:1!important; } body[data-resolved-theme="dark"] .overview-dataset-inline, body[data-resolved-theme="black"] .overview-dataset-inline{color:#8296ad!important} /* Shared dark-mode buttons: toned down surfaces and clearer state contrast. */ body[data-resolved-theme="dark"] .btn, body[data-resolved-theme="black"] .btn{ background:#111b26; color:#e7eef7; border-color:#34475b; box-shadow:none; } body[data-resolved-theme="dark"] .btn:hover:not(:disabled), body[data-resolved-theme="black"] .btn:hover:not(:disabled){background:#172536;border-color:#526a82} body[data-resolved-theme="dark"] .btn.primary, body[data-resolved-theme="black"] .btn.primary{ background:#0d5fbe!important; color:#fff!important; border-color:#347fd5!important; } body[data-resolved-theme="dark"] .btn.primary:hover:not(:disabled), body[data-resolved-theme="black"] .btn.primary:hover:not(:disabled){background:#116bcf!important;border-color:#4b91df!important} body[data-resolved-theme="dark"] .btn:disabled, body[data-resolved-theme="black"] .btn:disabled{background:#1b2530!important;color:#738296!important;border-color:#2b3948!important;opacity:1} /* Generic success/status surfaces used outside the visualisation builder. */ body[data-resolved-theme="dark"] .success, body[data-resolved-theme="black"] .success, body[data-resolved-theme="dark"] .status-success, body[data-resolved-theme="black"] .status-success{ background:#11261b!important; border-color:#2c6542!important; color:#8bd7aa!important; } /* v160: dark-mode polish, live controls, slimline pinned insights and chart bases. */ body[data-resolved-theme="dark"] .overview-signal-surface .surface-floor, body[data-resolved-theme="black"] .overview-signal-surface .surface-floor{ fill:#111d2a!important;stroke:#33485f!important; } body[data-resolved-theme="dark"] .overview-signal-surface .surface-grid, body[data-resolved-theme="black"] .overview-signal-surface .surface-grid{stroke:#2b3d52!important} body[data-resolved-theme="dark"] .overview-signal-surface .surface-axis, body[data-resolved-theme="black"] .overview-signal-surface .surface-axis{stroke:#6f849d!important} /* Alert banner: neutral navy information treatment instead of amber/brown. */ body[data-resolved-theme="dark"] .klarodex-alert-headline, body[data-resolved-theme="black"] .klarodex-alert-headline, body[data-resolved-theme="dark"] .klarodex-alert-headline.warning, body[data-resolved-theme="black"] .klarodex-alert-headline.warning{ background:linear-gradient(90deg,#102238 0%,#13283d 100%)!important; border-color:#315170!important;border-left-color:#3182e7!important; } body[data-resolved-theme="dark"] .klarodex-alert-headline.warning .klarodex-alert-symbol, body[data-resolved-theme="black"] .klarodex-alert-headline.warning .klarodex-alert-symbol{background:#176fd3!important;color:#fff!important} /* Live pricing controls. */ body[data-resolved-theme="dark"] .live-layout-buttons button, body[data-resolved-theme="black"] .live-layout-buttons button{background:#101a25!important;border-color:#33475d!important;color:#dce7f4!important} body[data-resolved-theme="dark"] .live-layout-buttons button:hover, body[data-resolved-theme="black"] .live-layout-buttons button:hover{background:#172638!important;border-color:#496783!important} body[data-resolved-theme="dark"] .live-layout-buttons button.active, body[data-resolved-theme="black"] .live-layout-buttons button.active{background:#174f89!important;border-color:#2e82df!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(94,165,242,.16)} .live-signal-menu button{display:grid!important;grid-template-columns:26px minmax(0,1fr);align-items:center;column-gap:8px} .live-signal-menu button small{grid-column:2;color:var(--muted);margin-top:2px} .live-menu-item-icon{display:grid;width:23px;height:23px;place-items:center;border:1px solid color-mix(in srgb,var(--blue) 38%,var(--line));border-radius:6px;background:color-mix(in srgb,var(--blue) 10%,var(--card));color:var(--blue);font-size:13px;font-weight:800;line-height:1} body[data-resolved-theme="dark"] .live-menu-item-icon,body[data-resolved-theme="black"] .live-menu-item-icon{background:#132a42;border-color:#2d5d8e;color:#7db6f3} /* Debug screens: remove remaining light cards/pills in dark mode. */ body[data-resolved-theme="dark"] .signal-debug-item:hover,body[data-resolved-theme="black"] .signal-debug-item:hover, body[data-resolved-theme="dark"] .signal-debug-item.active,body[data-resolved-theme="black"] .signal-debug-item.active{background:#162231!important;border-color:#35516f!important;color:#eef5fc!important} body[data-resolved-theme="dark"] .signal-debug-item span,body[data-resolved-theme="black"] .signal-debug-item span{color:#b7c5d5!important} body[data-resolved-theme="dark"] .signal-debug-progress-card,body[data-resolved-theme="black"] .signal-debug-progress-card, body[data-resolved-theme="dark"] .signal-debug-research-card,body[data-resolved-theme="black"] .signal-debug-research-card{background:#101b27!important;border-color:#30445c!important;color:#dbe7f4!important} body[data-resolved-theme="dark"] .signal-debug-progress-stage,body[data-resolved-theme="black"] .signal-debug-progress-stage{color:#75b3f5!important} body[data-resolved-theme="dark"] .signal-debug-progress-detail,body[data-resolved-theme="black"] .signal-debug-progress-detail, body[data-resolved-theme="dark"] .signal-debug-research-summary,body[data-resolved-theme="black"] .signal-debug-research-summary{color:#b4c2d2!important} body[data-resolved-theme="dark"] .signal-debug-response-status.parsed,body[data-resolved-theme="black"] .signal-debug-response-status.parsed, body[data-resolved-theme="dark"] .signal-debug-response-status.received,body[data-resolved-theme="black"] .signal-debug-response-status.received{background:#102a20!important;border-color:#2d6c4b!important;color:#72d69c!important} body[data-resolved-theme="dark"] .signal-debug-response-status.api-error,body[data-resolved-theme="black"] .signal-debug-response-status.api-error, body[data-resolved-theme="dark"] .signal-debug-response-status.parse-error,body[data-resolved-theme="black"] .signal-debug-response-status.parse-error, body[data-resolved-theme="dark"] .signal-debug-response-status.no-output,body[data-resolved-theme="black"] .signal-debug-response-status.no-output, body[data-resolved-theme="dark"] .signal-debug-response-error,body[data-resolved-theme="black"] .signal-debug-response-error{background:#2a171b!important;border-color:#66313b!important;color:#ff9ba5!important} body[data-resolved-theme="dark"] .signal-debug-test-notice,body[data-resolved-theme="black"] .signal-debug-test-notice{background:#132238!important;border-color:#315170!important;color:#c9d9ea!important} body[data-resolved-theme="dark"] .signal-debug-clear-btn,body[data-resolved-theme="black"] .signal-debug-clear-btn{background:#24171b!important;border-color:#67343c!important;color:#ff9aa3!important} /* Dark action buttons: avoid light-theme flashes. */ body[data-resolved-theme="dark"] .btn.primary,body[data-resolved-theme="black"] .btn.primary{background:#1768cf!important;border-color:#277de4!important;color:#fff!important} body[data-resolved-theme="dark"] .btn.primary:hover,body[data-resolved-theme="black"] .btn.primary:hover{background:#1f76df!important;border-color:#3b8ced!important} body[data-resolved-theme="dark"] .btn.danger,body[data-resolved-theme="black"] .btn.danger, body[data-resolved-theme="dark"] .visualisation-cancel,body[data-resolved-theme="black"] .visualisation-cancel{background:#24171b!important;border-color:#67343c!important;color:#ff9aa3!important} /* Saved custom chart loader. */ body[data-resolved-theme="dark"] .visualisation-chart-loading-panel,body[data-resolved-theme="black"] .visualisation-chart-loading-panel{background:#101821!important;border-color:#2d3b4d!important;color:#9fb0c3!important} body[data-resolved-theme="dark"] .visualisation-chart-loading-spinner,body[data-resolved-theme="black"] .visualisation-chart-loading-spinner{border-color:#27415f!important;border-top-color:#4c9df2!important} /* v160 slimline Pinned Insights flyout and icon alignment. */ .sidebar-collapsed-insights{display:none;width:46px;height:42px;margin:2px auto;border:0;border-radius:7px;background:transparent;color:#fff;font-size:18px;cursor:pointer;place-items:center} .sidebar-collapsed .sidebar-collapsed-insights{display:grid!important} .sidebar-collapsed .sidebar-collapsed-insights:hover,.sidebar-collapsed .sidebar-collapsed-insights.active{background:#0d5db8} .sidebar-collapsed.sidebar-insights-flyout-open #sidebarInsightsView, .sidebar-collapsed .sidebar-insights-flyout-open #sidebarInsightsView, body.sidebar-collapsed.sidebar-insights-flyout-open #sidebarInsightsView{ display:block!important;position:fixed;z-index:2600;left:72px;top:84px;width:300px;max-height:calc(100vh - 112px);overflow:auto;padding:12px;border:1px solid #31506b;border-radius:8px;background:#0b1c2b;box-shadow:0 14px 34px rgba(0,0,0,.38) } body.sidebar-collapsed.sidebar-insights-flyout-open #sidebarInsightsView .sidebar-pinned-comparisons, body.sidebar-collapsed.sidebar-insights-flyout-open #sidebarInsightsView .sidebar-pinned-signal-profiles, body.sidebar-collapsed.sidebar-insights-flyout-open #sidebarInsightsView .sidebar-pinned-categories, body.sidebar-collapsed.sidebar-insights-flyout-open #sidebarInsightsView .sidebar-pinned-visualisations{display:flex!important} body.sidebar-collapsed.sidebar-insights-flyout-open #sidebarInsightsView .is-empty{display:none!important} .sidebar-collapsed .sidebar-category-toggle-row>a[href="klarodex-signals.aspx"] .ico{transform:none!important;justify-self:center!important;align-self:center!important} /* v162: All Signals profile controls and dark validation states. */ .signal-profile-add{width:38px;min-width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;line-height:1} /* Keep profile controls visually neutral when a custom profile is active. */ .signal-profile-filter-group.has-active-profile{padding-left:14px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important} .signal-profile-select.has-active-profile{border-color:var(--line)!important;background:var(--card)!important;color:var(--text)!important;font-weight:inherit!important;box-shadow:none!important} body[data-resolved-theme="dark"] .signal-profile-message,body[data-resolved-theme="black"] .signal-profile-message{background:#102a20!important;border:1px solid #2d6c4b!important;color:#78dda1!important} body[data-resolved-theme="dark"] .signal-profile-message.error,body[data-resolved-theme="black"] .signal-profile-message.error{background:#2a171b!important;border:1px solid #66313b!important;color:#ff9ba5!important} body[data-resolved-theme="dark"] .signal-profile-add,body[data-resolved-theme="black"] .signal-profile-add{background:#101b27!important;border-color:#36506b!important;color:#7db6f3!important} body[data-resolved-theme="dark"] .signal-profile-add:hover,body[data-resolved-theme="black"] .signal-profile-add:hover{background:#14263a!important;border-color:#4776a8!important;color:#a9d0ff!important} /* v163 - dark/black readability fixes for market-range pills and category KPI supporting copy. */ body[data-resolved-theme="dark"] .financial-card-head .pill.neutral, body[data-resolved-theme="black"] .financial-card-head .pill.neutral, body[data-resolved-theme="dark"] #foRangeLabel, body[data-resolved-theme="black"] #foRangeLabel{ background:#132236!important; border-color:#35526f!important; color:#cfe0f2!important; } body[data-resolved-theme="black"] .financial-card-head .pill.neutral, body[data-resolved-theme="black"] #foRangeLabel{ background:#0b0f14!important; border-color:#303b49!important; color:#d9e3ef!important; } body[data-resolved-theme="dark"] .category-kpis .card>p, body[data-resolved-theme="black"] .category-kpis .card>p, body[data-resolved-theme="dark"] .dynamic-category-kpis .card>p, body[data-resolved-theme="black"] .dynamic-category-kpis .card>p{ color:#aebdce!important; } body[data-resolved-theme="black"] .category-kpis .card>p, body[data-resolved-theme="black"] .dynamic-category-kpis .card>p{ color:#c3ccd8!important; } /* v171 - Tracked Companies discovery loader: dark/black theme */ body[data-resolved-theme="dark"] .company-results-overlay, body[data-theme="dark"] .company-results-overlay{ background:rgba(4,12,20,.82)!important; backdrop-filter:blur(2px) saturate(.78); } body[data-resolved-theme="black"] .company-results-overlay, body[data-theme="black"] .company-results-overlay{ background:rgba(0,0,0,.84)!important; backdrop-filter:blur(2px) saturate(.72); } body[data-resolved-theme="dark"] .company-results-overlay-card, body[data-theme="dark"] .company-results-overlay-card{ background:#101821!important; border-color:#304154!important; color:#f3f7fb!important; box-shadow:0 14px 36px rgba(0,0,0,.36)!important; } body[data-resolved-theme="black"] .company-results-overlay-card, body[data-theme="black"] .company-results-overlay-card{ background:#07090c!important; border-color:#2d3742!important; color:#f5f7fa!important; box-shadow:0 14px 38px rgba(0,0,0,.72)!important; } body[data-resolved-theme="dark"] .company-results-overlay-card span:last-child, body[data-theme="dark"] .company-results-overlay-card span:last-child{ color:#aebfd1!important; } body[data-resolved-theme="black"] .company-results-overlay-card span:last-child, body[data-theme="black"] .company-results-overlay-card span:last-child{ color:#aab2bd!important; } body[data-resolved-theme="dark"] .company-api-loader, body[data-theme="dark"] .company-api-loader{ background:#0d1924!important; border-color:#2b4055!important; color:#b7c7d8!important; } body[data-resolved-theme="black"] .company-api-loader, body[data-theme="black"] .company-api-loader{ background:#07090c!important; border-color:#2b3037!important; color:#b6bec8!important; } body[data-resolved-theme="dark"] .company-loader-spinner, body[data-theme="dark"] .company-loader-spinner, body[data-resolved-theme="black"] .company-loader-spinner, body[data-theme="black"] .company-loader-spinner{ border-color:rgba(72,151,255,.24)!important; border-top-color:#4b98ff!important; } /* v172 - branded synthetic Klarodex Signal loader ----------------------- */ .signal-pending-signature{ width:min(500px,100%); height:164px; margin:0 auto 6px; overflow:hidden; border-radius:10px; background:transparent; } .signal-pending-signature svg{display:block;width:100%;height:100%;overflow:visible} body[data-theme="dark"] .signal-pending-signature, body[data-theme="black"] .signal-pending-signature{ background:radial-gradient(ellipse at 50% 55%,rgba(29,78,130,.10),rgba(0,0,0,0) 68%); } body[data-theme="dark"] .signal-pending-panel, body[data-theme="black"] .signal-pending-panel{overflow:hidden} @media(max-width:620px){.signal-pending-signature{height:132px;margin-bottom:4px}} /* v173 - loader signature matches the live Klarodex Signal wire-mesh */ .signal-pending-signature{max-width:520px} .signal-pending-signature svg{filter:saturate(1.06) contrast(1.02)} /* v175 - signature loader tapered ends + dark status treatment -------- */ body[data-theme="dark"] .signal-pending-status{ background:#0d2439; border-color:#24567f; color:#b9dcff; box-shadow:inset 0 0 0 1px rgba(72,151,255,.04); } body[data-theme="black"] .signal-pending-status{ background:#081a2b; border-color:#1d4d78; color:#c7e4ff; box-shadow:inset 0 0 0 1px rgba(72,151,255,.035); } body[data-theme="dark"] .signal-pending-status, body[data-theme="black"] .signal-pending-status{ font-weight:600; } /* v180 - shared Klarodex signature mesh loader */ .klarodex-loader-mesh{width:min(300px,72vw);height:82px;margin:-5px auto 1px;pointer-events:none;overflow:hidden} .klarodex-loader-mesh-svg{display:block;width:100%;height:100%;overflow:visible} .klarodex-loader-mesh.is-compact{width:150px;height:44px;margin:-5px 0 -5px} .klarodex-loader-spinner-replaced{display:none!important} .company-results-overlay-card:has(.klarodex-loader-mesh){min-width:300px;padding-top:15px} .company-results-overlay-card:has(.klarodex-loader-mesh) strong{margin-top:-2px} .financial-chart-loading:has(.klarodex-loader-mesh){flex-direction:column;gap:1px} .live-chart-loader:has(.klarodex-loader-mesh),.live-analysis-loader:has(.klarodex-loader-mesh),.company-profile-loading:has(.klarodex-loader-mesh),.visualisation-chart-loading-panel:has(.klarodex-loader-mesh),.compare-loader-card:has(.klarodex-loader-mesh),.signal-table-loading:has(.klarodex-loader-mesh){flex-direction:column} body[data-resolved-theme="dark"] .financial-overview-loading,body[data-theme="dark"] .financial-overview-loading{background:rgba(4,12,20,.82)!important;backdrop-filter:blur(2px) saturate(.78)!important} body[data-resolved-theme="black"] .financial-overview-loading,body[data-theme="black"] .financial-overview-loading{background:rgba(0,0,0,.84)!important;backdrop-filter:blur(2px) saturate(.72)!important} body[data-resolved-theme="dark"] .financial-overview-loading .company-results-overlay-card,body[data-theme="dark"] .financial-overview-loading .company-results-overlay-card{background:#101821!important;border-color:#304154!important} body[data-resolved-theme="black"] .financial-overview-loading .company-results-overlay-card,body[data-theme="black"] .financial-overview-loading .company-results-overlay-card{background:#07090c!important;border-color:#2d3742!important} @media(max-width:600px){.klarodex-loader-mesh{width:min(260px,78vw);height:72px}.company-results-overlay-card:has(.klarodex-loader-mesh){min-width:0}} /* v182 - Tracked portfolio navigation + calendar dark-theme parity */ .sidebar-parent-block{display:block}.sidebar-submenu{display:grid;gap:2px;margin:2px 0 5px 31px;padding-left:10px;border-left:1px solid var(--line)}.sidebar-submenu a{min-height:27px!important;padding:5px 8px!important;gap:7px!important;border-radius:5px!important;color:var(--muted)!important;font-size:12px!important;line-height:1.2!important}.sidebar-submenu a:hover{color:var(--text)!important;background:rgba(11,103,232,.08)!important}.sidebar-submenu .submenu-dot{width:4px;height:4px;min-width:4px;border-radius:50%;background:currentColor;opacity:.75}.sidebar-compare-profile-links:empty{display:none} .sidebar.collapsed .sidebar-submenu{display:none!important} body[data-resolved-theme="dark"] .sidebar-submenu,body[data-resolved-theme="black"] .sidebar-submenu,body[data-resolved-theme="contrast"] .sidebar-submenu{border-left-color:#29394a} body[data-resolved-theme="dark"] .sidebar-submenu a:hover,body[data-resolved-theme="black"] .sidebar-submenu a:hover{background:#101a25!important;color:#dfeaff!important} body[data-resolved-theme="dark"] .klarodex-calendar-card,body[data-resolved-theme="black"] .klarodex-calendar-card{background:var(--card)!important;color:var(--text)!important;border-color:var(--line)!important} body[data-resolved-theme="dark"] .klarodex-calendar-viewport,body[data-resolved-theme="black"] .klarodex-calendar-viewport{background:#0b121a!important;border-color:#2c3a49!important} body[data-resolved-theme="black"] .klarodex-calendar-viewport{background:#050505!important;border-color:#272727!important} body[data-resolved-theme="dark"] .klarodex-calendar-grid thead th,body[data-resolved-theme="dark"] .klarodex-calendar-grid .klarodex-calendar-company-head{background:#111b26!important;color:#f1f5f9!important} body[data-resolved-theme="black"] .klarodex-calendar-grid thead th,body[data-resolved-theme="black"] .klarodex-calendar-grid .klarodex-calendar-company-head{background:#0b0b0b!important;color:#f5f5f5!important} body[data-resolved-theme="dark"] .klarodex-calendar-grid .klarodex-calendar-company{background:#0f1822!important;color:#eef5ff!important;box-shadow:2px 0 0 #2c3a49!important} body[data-resolved-theme="black"] .klarodex-calendar-grid .klarodex-calendar-company{background:#080808!important;color:#fff!important;box-shadow:2px 0 0 #292929!important} body[data-resolved-theme="dark"] .klarodex-calendar-grid th,body[data-resolved-theme="dark"] .klarodex-calendar-grid td{border-right-color:#2c3a49!important;border-bottom-color:#2c3a49!important} body[data-resolved-theme="black"] .klarodex-calendar-grid th,body[data-resolved-theme="black"] .klarodex-calendar-grid td{border-right-color:#292929!important;border-bottom-color:#292929!important} body[data-resolved-theme="dark"] .klarodex-calendar-grid th.weekend,body[data-resolved-theme="dark"] .klarodex-calendar-grid td.weekend,body[data-resolved-theme="dark"] .klarodex-calendar-grid td.weekend.no-score{background:#18222e!important;color:#8091a5!important} body[data-resolved-theme="black"] .klarodex-calendar-grid th.weekend,body[data-resolved-theme="black"] .klarodex-calendar-grid td.weekend,body[data-resolved-theme="black"] .klarodex-calendar-grid td.weekend.no-score{background:#151515!important;color:#777!important} body[data-resolved-theme="dark"] .klarodex-calendar-grid td.no-score{background:#0e1720!important;color:#738398!important} body[data-resolved-theme="black"] .klarodex-calendar-grid td.no-score{background:#0a0a0a!important;color:#666!important} body[data-resolved-theme="dark"] .klarodex-calendar-grid .week-start{border-left-color:#526579!important}body[data-resolved-theme="black"] .klarodex-calendar-grid .week-start{border-left-color:#444!important} body[data-resolved-theme="dark"] .klarodex-calendar-loader,body[data-resolved-theme="black"] .klarodex-calendar-loader{background:#0f1822!important;border-color:#344457!important;color:#eef5ff!important;box-shadow:0 8px 24px rgba(0,0,0,.35)!important} body[data-resolved-theme="black"] .klarodex-calendar-loader{background:#0a0a0a!important;border-color:#333!important;color:#fff!important} body[data-resolved-theme="dark"] .klarodex-calendar-controls .select,body[data-resolved-theme="dark"] .klarodex-calendar-controls .input,body[data-resolved-theme="black"] .klarodex-calendar-controls .select,body[data-resolved-theme="black"] .klarodex-calendar-controls .input{background:var(--card)!important;color:var(--text)!important;border-color:var(--line)!important;color-scheme:dark} /* v186 - requested dark-theme and interaction fixes */ /* Klarodex category tiles: keep signal count / percentage legible in dark + black themes. */ body[data-resolved-theme="dark"] .category-meta-v2, body[data-resolved-theme="black"] .category-meta-v2, body[data-resolved-theme="dark"] .category-meta-v2 span, body[data-resolved-theme="black"] .category-meta-v2 span{color:#dce6f3!important;opacity:1!important} body[data-resolved-theme="black"] .category-desc-v2{color:#bac6d6!important} /* Category history range: proper dark/black hover and selected states. */ body[data-resolved-theme="dark"] .category-history-range, body[data-resolved-theme="black"] .category-history-range{background:#0d151f!important;border-color:#2f4053!important} body[data-resolved-theme="dark"] .category-history-range-btn, body[data-resolved-theme="black"] .category-history-range-btn{color:#aebdce!important;background:transparent!important;box-shadow:none!important} body[data-resolved-theme="dark"] .category-history-range-btn:hover, body[data-resolved-theme="black"] .category-history-range-btn:hover{background:#16283b!important;color:#73b2ff!important} body[data-resolved-theme="dark"] .category-history-range-btn.active, body[data-resolved-theme="black"] .category-history-range-btn.active{background:#12335a!important;color:#f3f8ff!important;border:1px solid #2d76c8!important;box-shadow:0 0 0 1px rgba(45,118,200,.16)!important} /* Settings tabs remain clickable and visibly selected after top-navigation changes. */ .settings-tabs button{position:relative;z-index:1;pointer-events:auto} .settings-tabs button.active{color:var(--blue)!important} /* Shared signature loader should fit custom chart cards without exposing the old spinner. */ .visualisation-chart-loading-panel .klarodex-loader-mesh{width:min(330px,72%);height:90px;margin:-8px auto 0} .visualisation-chart-loading-panel .klarodex-loader-spinner-replaced{display:none!important} /* v187 - Appearance preference control states. */ .settings-page .disabled-setting{opacity:.55} .settings-page .disabled-setting .gradient-picker-trigger, .settings-page .disabled-setting .shadow-picker-trigger{cursor:not-allowed} .settings-page .gradient-picker-trigger:disabled, .settings-page .shadow-picker-trigger:disabled{opacity:.72} /* v189 - reliable Appearance preference application -------------------- Keep the persisted body state and the Settings live preview using the same selectors. These rules intentionally sit at the end of the sheet so page-specific card backgrounds/shadows cannot silently override them. */ body.dashboard-gradient-enabled .main :is( .card, .summary-panel, .rangebox, .mini-stat, .category-tile-v2, .category-info-v2, .category-browser-card, .live-analysis-chart, .alert-builder, .history-summary-card, .history-filter-card, .history-grid-card, .dashboard-dialog-surface, .tracked-add-panel-host, .tracked-companies-table-card, .settings-card, .custom-chart-card, .visualisation-chart-card ){ background-image:var(--dashboard-dialog-gradient)!important; background-blend-mode:var(--dashboard-dialog-blend,normal)!important; } /* Main-page gradient is a Light-theme visual preference. Use the full background property so any page-level background declarations cannot hide it. */ body[data-resolved-theme="light"].main-background-gradient-enabled .main{ background:var(--main-background-gradient)!important; background-blend-mode:var(--main-background-blend,normal)!important; background-attachment:fixed!important; background-size:cover!important; background-repeat:no-repeat!important; min-height:100vh; } body[data-resolved-theme="light"].dashboard-shadow-enabled .main :is( .card, .summary-panel, .rangebox, .mini-stat, .category-tile-v2, .category-info-v2, .category-browser-card, .live-analysis-chart, .alert-builder, .history-summary-card, .history-filter-card, .history-grid-card, .dashboard-dialog-surface, .tracked-add-panel-host, .tracked-companies-table-card, .settings-card, .custom-chart-card, .visualisation-chart-card ){ box-shadow:var(--dashboard-dialog-shadow,var(--shadow))!important; } /* v190 - live intraday notice and Add chart menu dark/black readability. */ body[data-theme="dark"] .live-intraday-disclaimer, body[data-theme="black"] .live-intraday-disclaimer, body[data-resolved-theme="dark"] .live-intraday-disclaimer, body[data-resolved-theme="black"] .live-intraday-disclaimer{ background:#0b1d31!important;border-color:#315778!important;color:#c8d9ea!important; } body[data-theme="dark"] .live-intraday-disclaimer p, body[data-theme="black"] .live-intraday-disclaimer p, body[data-resolved-theme="dark"] .live-intraday-disclaimer p, body[data-resolved-theme="black"] .live-intraday-disclaimer p{color:#c8d9ea!important} body[data-theme="dark"] .live-intraday-disclaimer strong, body[data-theme="black"] .live-intraday-disclaimer strong, body[data-resolved-theme="dark"] .live-intraday-disclaimer strong, body[data-resolved-theme="black"] .live-intraday-disclaimer strong{color:#f4f8ff!important} body[data-theme="dark"] .live-intraday-disclaimer-icon, body[data-theme="black"] .live-intraday-disclaimer-icon, body[data-resolved-theme="dark"] .live-intraday-disclaimer-icon, body[data-resolved-theme="black"] .live-intraday-disclaimer-icon{background:#176be4!important;color:#fff!important} body[data-theme="black"] .live-chart-menu button[data-chart], body[data-resolved-theme="dark"] .live-chart-menu button[data-chart], body[data-resolved-theme="black"] .live-chart-menu button[data-chart]{color:#f4f7fb!important} body[data-theme="dark"] .live-chart-menu button[data-chart] small, body[data-theme="black"] .live-chart-menu button[data-chart] small, body[data-resolved-theme="dark"] .live-chart-menu button[data-chart] small, body[data-resolved-theme="black"] .live-chart-menu button[data-chart] small{color:#9db0c5!important} body[data-theme="black"] .live-chart-menu button[data-chart]:hover, body[data-theme="black"] .live-chart-menu button[data-chart].selected, body[data-resolved-theme="dark"] .live-chart-menu button[data-chart]:hover, body[data-resolved-theme="dark"] .live-chart-menu button[data-chart].selected, body[data-resolved-theme="black"] .live-chart-menu button[data-chart]:hover, body[data-resolved-theme="black"] .live-chart-menu button[data-chart].selected{background:#122033!important} body[data-theme="dark"] .live-chart-menu, body[data-theme="black"] .live-chart-menu, body[data-resolved-theme="dark"] .live-chart-menu, body[data-resolved-theme="black"] .live-chart-menu{background:#05090f!important;border-color:#334155!important} /* v191 - Appearance control policy and picker scrolling */ .background-gradient-enable-row.theme-unavailable, .shadow-enable-row.theme-unavailable{opacity:.42;cursor:not-allowed;user-select:none} .background-gradient-enable-row.theme-unavailable input, .shadow-enable-row.theme-unavailable input{cursor:not-allowed} .gradient-picker-wrap.theme-unavailable, .shadow-picker-wrap.theme-unavailable{opacity:.42;pointer-events:none} .gradient-picker-menu,.shadow-picker-menu{pointer-events:auto;overscroll-behavior:contain;scrollbar-gutter:stable} .gradient-picker-menu::-webkit-scrollbar,.shadow-picker-menu::-webkit-scrollbar{width:10px} .gradient-picker-menu::-webkit-scrollbar-thumb,.shadow-picker-menu::-webkit-scrollbar-thumb{background:var(--line,#cbd5e1);border-radius:999px;border:2px solid var(--card,#fff)} body[data-resolved-theme="dark"] .gradient-picker-menu::-webkit-scrollbar-thumb, body[data-resolved-theme="black"] .gradient-picker-menu::-webkit-scrollbar-thumb, body[data-resolved-theme="contrast"] .gradient-picker-menu::-webkit-scrollbar-thumb, body[data-resolved-theme="dark"] .shadow-picker-menu::-webkit-scrollbar-thumb, body[data-resolved-theme="black"] .shadow-picker-menu::-webkit-scrollbar-thumb, body[data-resolved-theme="contrast"] .shadow-picker-menu::-webkit-scrollbar-thumb{background:#465364;border-color:var(--card,#0b0f14)} /* v192 - Live Pricing notice alignment and Add chart dark-theme readability */ .live-chart-card>.live-intraday-disclaimer{margin:16px 0 12px!important} body[data-theme="dark"] .live-chart-menu, body[data-theme="black"] .live-chart-menu, body[data-theme="contrast"] .live-chart-menu, body[data-resolved-theme="dark"] .live-chart-menu, body[data-resolved-theme="black"] .live-chart-menu, body[data-resolved-theme="contrast"] .live-chart-menu{ background:#070b11!important;border-color:#36485d!important;color:#f7f9fc!important; } body[data-theme="dark"] .live-chart-menu .live-signal-menu-title, body[data-theme="black"] .live-chart-menu .live-signal-menu-title, body[data-theme="contrast"] .live-chart-menu .live-signal-menu-title, body[data-resolved-theme="dark"] .live-chart-menu .live-signal-menu-title, body[data-resolved-theme="black"] .live-chart-menu .live-signal-menu-title, body[data-resolved-theme="contrast"] .live-chart-menu .live-signal-menu-title{color:#c9d5e3!important} body[data-theme="dark"] .live-chart-menu button[data-chart], body[data-theme="black"] .live-chart-menu button[data-chart], body[data-theme="contrast"] .live-chart-menu button[data-chart], body[data-resolved-theme="dark"] .live-chart-menu button[data-chart], body[data-resolved-theme="black"] .live-chart-menu button[data-chart], body[data-resolved-theme="contrast"] .live-chart-menu button[data-chart]{color:#f7f9fc!important;background:transparent!important} body[data-theme="dark"] .live-chart-menu button[data-chart] span, body[data-theme="black"] .live-chart-menu button[data-chart] span, body[data-theme="contrast"] .live-chart-menu button[data-chart] span, body[data-resolved-theme="dark"] .live-chart-menu button[data-chart] span, body[data-resolved-theme="black"] .live-chart-menu button[data-chart] span, body[data-resolved-theme="contrast"] .live-chart-menu button[data-chart] span{color:#f7f9fc!important} body[data-theme="dark"] .live-chart-menu button[data-chart] small, body[data-theme="black"] .live-chart-menu button[data-chart] small, body[data-theme="contrast"] .live-chart-menu button[data-chart] small, body[data-resolved-theme="dark"] .live-chart-menu button[data-chart] small, body[data-resolved-theme="black"] .live-chart-menu button[data-chart] small, body[data-resolved-theme="contrast"] .live-chart-menu button[data-chart] small{color:#b5c4d5!important} body[data-theme="dark"] .live-chart-menu button[data-chart]:hover, body[data-theme="black"] .live-chart-menu button[data-chart]:hover, body[data-theme="contrast"] .live-chart-menu button[data-chart]:hover, body[data-resolved-theme="dark"] .live-chart-menu button[data-chart]:hover, body[data-resolved-theme="black"] .live-chart-menu button[data-chart]:hover, body[data-resolved-theme="contrast"] .live-chart-menu button[data-chart]:hover{background:#142235!important} /* v194 - custom chart loader reliability, live add-chart selection layout, and dialog-only shadows */ /* Custom saved chart dashboards: keep a real chart-sized loading surface while async data is prepared. */ .visualisation-chart-card.is-chart-loading .visualisation-chart-canvas{ min-height:230px!important; display:grid!important; place-items:center!important; } .visualisation-chart-loading-panel{ min-height:210px!important; width:100%!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:4px!important; box-sizing:border-box!important; } .visualisation-chart-loading-panel .klarodex-loader-mesh{ width:min(330px,76%)!important; height:92px!important; margin:-8px auto 0!important; } /* Live Pricing: selected Add chart item keeps its title on one line; tick sits at the top-right. */ .live-chart-menu button[data-chart]{ position:relative!important; display:grid!important; grid-template-columns:26px minmax(0,1fr)!important; grid-template-rows:auto auto!important; align-items:center!important; column-gap:9px!important; row-gap:2px!important; padding:10px 34px 10px 12px!important; } .live-chart-menu button[data-chart] .live-menu-item-icon{grid-column:1;grid-row:1 / span 2} .live-chart-menu button[data-chart] > span:not(.live-menu-item-icon){ grid-column:2!important;grid-row:1!important; min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } .live-chart-menu button[data-chart] small{ grid-column:2!important;grid-row:2!important; margin:0!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } .live-chart-menu button[data-chart].selected::before{ content:"✓"!important; position:absolute!important; right:11px!important; top:10px!important; margin:0!important; color:#176be4!important; font-weight:900!important; line-height:1!important; } .live-chart-menu button[data-chart].selected > span:not(.live-menu-item-icon){margin-right:0!important} /* Live Pricing: the user-selected drop shadow belongs to actual surfaced dialogs/cards only, never to transparent layout/tooling containers. */ body[data-page="live"].dashboard-shadow-enabled .live-layout-toolbar, body[data-page="live"].dashboard-shadow-enabled .live-signal-legend, body[data-page="live"].dashboard-shadow-enabled .live-company-head{ box-shadow:none!important; } body[data-page="live"].dashboard-shadow-enabled .live-chart-card, body[data-page="live"].dashboard-shadow-enabled .live-analysis-chart{ box-shadow:var(--dashboard-dialog-shadow,var(--shadow))!important; } /* v195 - custom chart loaders and Live Pricing shadow scope. */ .visualisation-chart-card.is-chart-loading .visualisation-chart-canvas{ min-height:230px!important; display:grid!important; place-items:center!important; } .visualisation-chart-loading-panel{ min-height:210px!important; width:100%!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:5px!important; background:transparent!important; border:0!important; color:var(--text)!important; } .visualisation-chart-loading-panel .klarodex-loader-mesh{ width:min(330px,76%)!important; height:92px!important; margin:-8px auto 0!important; } .visualisation-chart-loading-panel strong{font-size:12px!important;font-weight:700!important;color:var(--text)!important} body[data-resolved-theme="dark"] .visualisation-chart-loading-panel strong, body[data-resolved-theme="black"] .visualisation-chart-loading-panel strong, body[data-resolved-theme="contrast"] .visualisation-chart-loading-panel strong{color:#eef5ff!important} /* The outer Live Pricing chart shell is intentionally transparent and may contain several surfaced dialogs; never draw the user shadow around that container. */ body[data-page="live"].dashboard-shadow-enabled .live-chart-card{box-shadow:none!important;filter:none!important} /* Apply the selected shadow only to elements that paint their own card background. */ body[data-page="live"].dashboard-shadow-enabled .live-layout-toolbar, body[data-page="live"].dashboard-shadow-enabled .live-analysis-chart, body[data-page="live"].dashboard-shadow-enabled .live-signal-legend:not(:empty){box-shadow:var(--dashboard-dialog-shadow,var(--shadow))!important} /* v196 - saved custom-chart loaders, final terrain presentation and strict Live Pricing shadow scope. */ .visualisation-chart-canvas{position:relative} .visualisation-chart-loading-panel.v196-chart-loader{ position:absolute!important;inset:0!important;z-index:8!important; min-height:210px!important;display:flex!important;align-items:center!important;justify-content:center!important; background:var(--card)!important; } body[data-resolved-theme="dark"] .visualisation-chart-loading-panel.v196-chart-loader, body[data-resolved-theme="black"] .visualisation-chart-loading-panel.v196-chart-loader, body[data-resolved-theme="contrast"] .visualisation-chart-loading-panel.v196-chart-loader{background:var(--card)!important} .visualisation-chart-loading-panel.v196-chart-loader .klarodex-loader-mesh{width:min(330px,76%)!important;height:92px!important;margin:-8px auto 0!important} .visualisation-chart-card.is-chart-loading .visualisation-chart-canvas{min-height:230px!important} /* Saved terrain state is applied to the final rendered dashboard SVG, not only the canvas preview. */ .visualisation-chart-card svg.viz-surface.terrain-style .viz-mesh{display:none!important} .visualisation-chart-card svg.viz-surface.terrain-style g polygon{stroke:none!important;stroke-width:0!important} .visualisation-chart-card svg.viz-surface.terrain-style .viz-terrain-cells{filter:drop-shadow(7px 10px 6px rgba(7,26,47,.28))} /* Live Pricing: transparent wrappers must never receive the user-selected dashboard shadow. Only independently painted chart/dialog surfaces do. */ body[data-page="live"].dashboard-shadow-enabled .main :is( .live-chart-card, .live-company-head, .live-chart-titlebar, .live-chart-toolbar, .live-layout-toolbar, .live-chart-stack, .live-additional-charts ){box-shadow:none!important;filter:none!important} body[data-page="live"].dashboard-shadow-enabled .main .live-analysis-chart, body[data-page="live"].dashboard-shadow-enabled .main .live-signal-legend:not(:empty){box-shadow:var(--dashboard-dialog-shadow,var(--shadow))!important} /* v197 - Live Pricing surfaced-dialog shadows, grouped-bar hover target, and custom-chart terrain/loader polish. */ body[data-page="live"] .live-chart-card{background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important} body[data-page="live"] .live-stock-chart-controls{ margin:0 0 12px!important; border:1px solid var(--line)!important; border-radius:9px!important; background:var(--card)!important; overflow:visible!important; } body[data-page="live"] .live-stock-chart-controls>.live-chart-titlebar{ padding:17px 18px 11px!important; border:0!important; border-radius:9px 9px 0 0!important; background:transparent!important; box-shadow:none!important; } body[data-page="live"] .live-stock-chart-controls>.live-chart-toolbar{ padding:8px 18px 14px!important; border:0!important; border-top:0!important; border-radius:0 0 9px 9px!important; background:transparent!important; box-shadow:none!important; } body[data-page="live"] .live-intraday-disclaimer, body[data-page="live"] .live-layout-toolbar{ background:var(--card)!important; } body[data-page="live"].dashboard-shadow-enabled .live-intraday-disclaimer, body[data-page="live"].dashboard-shadow-enabled .live-stock-chart-controls, body[data-page="live"].dashboard-shadow-enabled .live-layout-toolbar{ box-shadow:var(--dashboard-dialog-shadow,var(--shadow))!important; filter:none!important; } /* Keep the higher-level structural wrappers shadow-free. */ body[data-page="live"].dashboard-shadow-enabled .live-chart-card, body[data-page="live"].dashboard-shadow-enabled .live-chart-stack, body[data-page="live"].dashboard-shadow-enabled .live-additional-charts, body[data-page="live"].dashboard-shadow-enabled .live-company-head{ box-shadow:none!important;filter:none!important; } /* Grouped bars/history points remain reliable pointer targets after SVG scaling. */ .visualisation-chart-card .viz-static-bar-point, #chartCanvasPreview .viz-static-bar-point, .visualisation-chart-card .visualisation-history-point, #chartCanvasPreview .visualisation-history-point{pointer-events:all!important;cursor:pointer!important} .visualisation-chart-card .viz-static-bar-point *, #chartCanvasPreview .viz-static-bar-point *{pointer-events:all!important} .v197-grouped-hover-tooltip{z-index:120!important} /* Saved terrain mode: match the canvas preview even if an older SVG renderer recreated the wireframe before the final dashboard pass. */ .visualisation-chart-card.terrain-chart-active svg.viz-surface .viz-mesh, .visualisation-chart-card.terrain-chart-active svg.viz-surface .viz-contours{display:none!important} .visualisation-chart-card.terrain-chart-active svg.viz-surface .viz-terrain-cells polygon{stroke:none!important;stroke-width:0!important} .visualisation-chart-card.terrain-chart-active svg.viz-surface .viz-terrain-cells{filter:drop-shadow(7px 10px 6px rgba(7,26,47,.28))} /* v198 - terrain and hover parity for saved custom charts. */ .v198-datapoint-tooltip{ position:fixed!important; z-index:2147483000!important; pointer-events:none!important; min-width:210px!important; max-width:310px!important; } .visualisation-history-point{ cursor:help!important; pointer-events:all!important; stroke:transparent; stroke-width:10px; vector-effect:non-scaling-stroke; } .visualisation-history-point.v198-hover-active, .visualisation-history-point:hover{r:5.4px} .viz-static-bar-point{cursor:help!important;pointer-events:all!important} .viz-static-bar-point.v198-hover-active rect, .viz-static-bar-point:hover rect{filter:brightness(.92)} .visualisation-chart-card svg.viz-surface.v198-terrain .viz-mesh, .visualisation-chart-card svg.viz-surface.v198-terrain .viz-contours, .visualisation-chart-card.terrain-chart-active svg.viz-surface .viz-mesh, .visualisation-chart-card.terrain-chart-active svg.viz-surface .viz-contours{display:none!important} .visualisation-chart-card svg.viz-surface.v198-terrain polygon[fill^="hsl"], .visualisation-chart-card.terrain-chart-active svg.viz-surface polygon[fill^="hsl"]{stroke:none!important;stroke-width:0!important;stroke-opacity:0!important} .visualisation-chart-card svg.viz-surface.v198-terrain .viz-terrain-cells{filter:url(#v198TerrainLight)} /* v212: Markets full-screen loader uses the same stronger blur treatment as the saved-chart loader. */ body[data-page="markets"] .company-results-overlay{ top:54px!important; right:0!important; bottom:0!important; height:auto!important; background:rgba(245,248,252,.78)!important; backdrop-filter:blur(5px) saturate(.82)!important; -webkit-backdrop-filter:blur(5px) saturate(.82)!important; } body[data-page="markets"][data-resolved-theme="dark"] .company-results-overlay, body[data-page="markets"][data-theme="dark"] .company-results-overlay{ background:rgba(4,12,20,.82)!important; backdrop-filter:blur(5px) saturate(.78)!important; -webkit-backdrop-filter:blur(5px) saturate(.78)!important; } body[data-page="markets"][data-resolved-theme="black"] .company-results-overlay, body[data-page="markets"][data-theme="black"] .company-results-overlay{ background:rgba(0,0,0,.84)!important; backdrop-filter:blur(5px) saturate(.72)!important; -webkit-backdrop-filter:blur(5px) saturate(.72)!important; } @media(max-width:850px){body[data-page="markets"] .company-results-overlay{top:54px!important;}} /* v211: authoritative saved-chart datapoint hover target + tooltip. */ .visualisation-chart-card .visualisation-history-point,.visualisation-chart-card .viz-static-bar-point{pointer-events:all!important;cursor:crosshair!important;} .visualisation-chart-card .visualisation-history-point{stroke:rgba(0,0,0,0)!important;stroke-width:16px!important;} #v211ChartPointTooltip{position:fixed;z-index:2147483640;min-width:190px;max-width:310px;padding:10px 12px;border-radius:7px;background:#071b2d;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.28);font-size:12px;line-height:1.38;pointer-events:none;} #v211ChartPointTooltip[hidden]{display:none!important}#v211ChartPointTooltip strong,#v211ChartPointTooltip span,#v211ChartPointTooltip b,#v211ChartPointTooltip small{display:block}#v211ChartPointTooltip strong{font-size:12px;margin-bottom:3px}#v211ChartPointTooltip span{color:#bbd0e7}#v211ChartPointTooltip b{margin-top:5px;font-size:14px}#v211ChartPointTooltip small{margin-top:3px;color:#9fb5ca} /* v211: News & Sentiment debug request inspection. */ .news-debug-layout{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:570px;border-top:1px solid var(--line)} .news-debug-request-list{max-height:650px;overflow:auto;border-right:1px solid var(--line);padding:10px;background:var(--soft)} .news-debug-request-card{display:block;width:100%;margin:0 0 8px;padding:10px 11px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--text);text-align:left;cursor:pointer} .news-debug-request-card:hover,.news-debug-request-card.active{border-color:#6ba8ef;background:var(--soft)} .news-debug-request-card strong,.news-debug-request-card span,.news-debug-request-card small{display:block}.news-debug-request-card strong{font-size:12px}.news-debug-request-card span{margin-top:4px;color:var(--muted);font-size:12px}.news-debug-request-card small{margin-top:5px;font-size:12px;font-weight:700}.news-debug-request-card small.running{color:#075dcc}.news-debug-request-card small.complete{color:#148252}.news-debug-request-card small.failed{color:#cf3d3d} .news-debug-request-detail{min-width:0;padding:14px}.news-debug-prompt{width:100%;min-height:330px;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#071b2d;color:#d9e8f6;font:12px/1.5 Consolas,Monaco,monospace;resize:vertical} @media(max-width:950px){.news-debug-layout{grid-template-columns:1fr}.news-debug-request-list{max-height:230px;border-right:0;border-bottom:1px solid var(--line)}} /* v217 - loader/sidebar isolation + Compare Engine name-step alignment. */ /* Keep the Tracked Companies blocking loader scoped to the Add Company card only. */ body[data-page="tracked"] .tracked-add-panel-host>.company-results-overlay{position:absolute!important;inset:0!important;} /* The name step itself spans the builder, while its form fields retain a comfortable reading width. */ .compare-name-step{max-width:none!important;} .compare-name-step>.compare-builder-heading, .compare-name-step>label, .compare-name-step>#compareSetupName, .compare-name-step>.compare-final-selection{max-width:760px;} .compare-name-step>.compare-step-actions{width:100%;justify-content:flex-end!important;} /* Full-screen loading veils must cover the workspace only, never the fixed side navigation. */ body:not(.sidebar-collapsed) .main > .company-results-overlay[style*="position: fixed"], body:not(.sidebar-collapsed) .main > .company-results-overlay.visualisation-page-loader{ left:247.2px!important; } body.sidebar-collapsed .main > .company-results-overlay[style*="position: fixed"], body.sidebar-collapsed .main > .company-results-overlay.visualisation-page-loader{ left:72px!important; } @media(max-width:900px){ body .main > .company-results-overlay[style*="position: fixed"], body .main > .company-results-overlay.visualisation-page-loader{left:0!important;} } /* v218 - Calendar score pair and dated news drill-down */ .klarodex-calendar-grid td.has-score strong{font-size:14px;white-space:nowrap}.klarodex-calendar-news-link{display:block;margin:5px auto 0;padding:0;border:0;background:transparent;color:#0969da;font:inherit;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none}.klarodex-calendar-news-link:hover{text-decoration:underline}.klarodex-calendar-news-link:disabled{color:var(--muted);opacity:.55;cursor:default;text-decoration:none}.calendar-no-score-mark{display:block;color:#a5afbd}.klarodex-calendar-news-backdrop{position:fixed;inset:0;z-index:6200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(3,13,24,.48);backdrop-filter:blur(5px)}.klarodex-calendar-news-backdrop[hidden]{display:none}.klarodex-calendar-news-dialog{width:min(900px,94vw);max-height:86vh;display:flex;flex-direction:column;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.3);overflow:hidden}.klarodex-calendar-news-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px;border-bottom:1px solid var(--line)}.klarodex-calendar-news-head h3{margin:0 0 4px;font-size:18px}.klarodex-calendar-news-head p{margin:0;color:var(--muted);font-size:12px}.klarodex-calendar-news-scorebox{margin:16px 20px 0;padding:12px 14px;border:1px solid #cfe0f5;border-radius:8px;background:#f4f8fd;display:flex;align-items:center;gap:18px}.klarodex-calendar-news-scorebox strong{font-size:22px;white-space:nowrap}.klarodex-calendar-news-scorebox span{font-size:12px;color:var(--muted)}.klarodex-calendar-news-list{padding:16px 20px 20px;overflow:auto}.klarodex-calendar-news-item{padding:14px 0;border-bottom:1px solid var(--line)}.klarodex-calendar-news-item:first-child{padding-top:0}.klarodex-calendar-news-item:last-child{border-bottom:0}.calendar-news-item-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.calendar-news-item-meta span+span:before{content:'•';margin-right:8px}.klarodex-calendar-news-item h4{margin:6px 0;font-size:14px}.klarodex-calendar-news-item p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.calendar-news-item-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.calendar-news-tag{display:inline-flex;margin-right:6px;padding:3px 7px;border:1px solid var(--line);border-radius:5px;font-size:12px;font-weight:700}.calendar-news-tag.high{border-color:#f4b44d;background:#fff7e8;color:#a55d00}.klarodex-calendar-news-loading,.klarodex-calendar-news-empty{padding:28px;text-align:center;color:var(--muted)}body.calendar-news-open{overflow:hidden}body[data-resolved-theme="dark"] .klarodex-calendar-news-scorebox,body[data-resolved-theme="black"] .klarodex-calendar-news-scorebox{background:#111b26;border-color:#344457}body[data-resolved-theme="dark"] .calendar-news-tag.high,body[data-resolved-theme="black"] .calendar-news-tag.high{background:#332716;color:#ffc96b;border-color:#765621} /* v220 calendar news sentiment/source-link consistency. */ .calendar-news-tag.positive{border-color:#b8e7cf;background:#effaf4;color:#07834e} .calendar-news-tag.negative{border-color:#f2c3c3;background:#fff2f2;color:#ce3434} .calendar-news-tag.neutral{border-color:#f0d5a6;background:#fff8ea;color:#b57000} .calendar-news-source-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:0 11px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--blue);font-size:12px;font-weight:700;text-decoration:none!important;white-space:nowrap} .calendar-news-source-link:hover{border-color:#8db7ef;background:#edf5ff;text-decoration:none!important} body[data-resolved-theme="dark"] .calendar-news-tag.positive,body[data-resolved-theme="black"] .calendar-news-tag.positive{border-color:#245f48;background:#10271e;color:#6ed8a7} body[data-resolved-theme="dark"] .calendar-news-tag.negative,body[data-resolved-theme="black"] .calendar-news-tag.negative{border-color:#6b3438;background:#2a1518;color:#ff8b91} body[data-resolved-theme="dark"] .calendar-news-tag.neutral,body[data-resolved-theme="black"] .calendar-news-tag.neutral{border-color:#6a5225;background:#2a220f;color:#ffc65f} body[data-resolved-theme="dark"] .calendar-news-source-link:hover,body[data-resolved-theme="black"] .calendar-news-source-link:hover{background:#14263b} .klarodex-calendar-score-guide{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:12px 0 4px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--card);font-size:12px;color:var(--muted)}.klarodex-calendar-score-guide strong{color:var(--text);font-size:12px}.klarodex-calendar-score-guide b{color:var(--text)}.klarodex-calendar-score-guide .example{margin-left:auto;font-weight:700;color:var(--blue)}.klarodex-calendar-news-footer{display:flex;justify-content:flex-end;padding:12px 20px 16px;border-top:1px solid var(--line);background:var(--card)} /* v240: Markets progressive filters */ .markets-dependent-filter{display:none!important}.markets-dependent-filter.is-visible{display:block!important}.markets-filter-grid:not(.exchange-selected){grid-template-columns:minmax(260px,.75fr)}.markets-filter-grid.exchange-selected{grid-template-columns:.75fr 1.15fr 1.7fr} @media(max-width:700px){.markets-filter-grid:not(.exchange-selected),.markets-filter-grid.exchange-selected{grid-template-columns:1fr}} /* v246: keep the Klarodex Signals parent row on the same 46px slimline grid as every other navigation item. The desktop row reserves a second 30px column for its category expander; when that button is hidden in slimline mode the unused grid column must also be removed or the Signals link is centred in the first 16px column and appears shifted left. */ .sidebar-collapsed .sidebar-category-toggle-row{ display:grid!important; grid-template-columns:46px!important; grid-template-rows:42px!important; width:46px!important; min-width:46px!important; place-items:center!important; } .sidebar-collapsed .sidebar-category-toggle-row>a[href="klarodex-signals.aspx"]{ grid-column:1!important; grid-row:1!important; justify-self:center!important; align-self:center!important; width:46px!important; min-width:46px!important; margin:0!important; } .sidebar-collapsed .sidebar-category-toggle-row>a[href="klarodex-signals.aspx"] .ico{ transform:none!important; justify-self:center!important; align-self:center!important; } /* v253: calendar news parity, pinned/notes links and 12px minimum text. */ .klarodex-calendar-grid th,.klarodex-calendar-grid td{height:108px;vertical-align:top} .klarodex-calendar-grid thead th{height:50px;vertical-align:middle} .klarodex-calendar-news-link{font-size:12px!important;line-height:1.3;margin-top:4px} .klarodex-calendar-news-link.pinned{color:#a76600}.klarodex-calendar-news-link.notes{color:#6c45bd} .klarodex-calendar-news-dialog{width:min(1120px,95vw)} .klarodex-calendar-news-filterbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:14px 20px 0;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:var(--card)} .klarodex-calendar-news-filterbar>label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.klarodex-calendar-news-filterbar .input,.klarodex-calendar-news-filterbar .select{height:34px;min-height:34px;font-size:12px}.klarodex-calendar-news-filterbar input[type="date"]{width:145px}.calendar-news-topic-filter .select{min-width:190px}.calendar-news-notes-filter{height:34px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--text)!important}.calendar-news-notes-filter input{width:15px;height:15px}.calendar-news-search{flex:1 1 250px;min-width:220px}.calendar-news-search .input{width:100%}.klarodex-calendar-news-filterbar .btn{height:34px;min-height:34px;font-size:12px} .klarodex-calendar-news-list{padding:16px 20px 20px}.klarodex-calendar-news-item{position:relative;display:grid;grid-template-columns:136px minmax(0,1fr);gap:13px;padding:17px 132px 17px 0;border-bottom:1px solid var(--line);min-height:130px}.klarodex-calendar-news-item:first-child{padding-top:17px}.klarodex-calendar-news-item.is-pinned{box-shadow:inset 3px 0 0 #d79b16;padding-left:12px}.klarodex-calendar-news-item.has-note{background:linear-gradient(90deg,rgba(123,85,217,.035),transparent 42%)} .calendar-news-media-stack{display:flex;flex-direction:column;gap:6px;width:136px}.calendar-news-media{position:relative;width:136px;height:82px;border:1px solid var(--line);border-radius:8px;background:var(--soft);overflow:hidden;display:grid;place-items:center;color:var(--muted);font-size:12px}.calendar-news-media img{width:100%;height:100%;display:block;object-fit:cover}.calendar-news-logo{display:flex;align-items:center;justify-content:flex-start;min-height:28px;padding:3px 6px;border:1px solid var(--line);border-radius:6px;background:var(--card);overflow:hidden}.calendar-news-logo img{max-height:22px;max-width:100%;width:auto;height:auto;object-fit:contain;object-position:left center} .calendar-news-main{min-width:0;display:flex;flex-direction:column}.calendar-news-item-meta{font-size:12px!important;margin-bottom:5px}.calendar-news-origin{font-weight:750}.calendar-news-origin.market{color:#0870dc}.calendar-news-origin.research{color:#7134cc}.klarodex-calendar-news-item h4{margin:0 0 7px;font-size:15px;line-height:1.38;padding-right:5px}.klarodex-calendar-news-item p{font-size:12px!important;line-height:1.58}.calendar-news-related{margin-top:8px;padding-left:10px;border-left:2px solid #8a5de0;color:var(--muted);font-size:12px;line-height:1.5}.calendar-news-related strong{color:var(--text)} .calendar-news-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:10px;margin-bottom:20px}.calendar-news-tag{display:inline-flex;align-items:center;gap:4px;min-height:23px;margin:0;padding:0 7px;font-size:12px!important}.calendar-news-tag svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.calendar-news-tag.type{color:#33506f}.calendar-news-tag.tag{font-weight:600}.calendar-news-note{margin:0 0 12px;padding:8px 9px;border:1px solid rgba(123,85,217,.22);border-radius:7px;background:rgba(123,85,217,.08);font-size:12px;line-height:1.45}.calendar-news-note strong{display:block;color:#744dd0;font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px} .calendar-news-pin{position:absolute;top:17px;right:0;display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:0 11px;border:1px solid #cbd8e8;border-radius:6px;background:var(--card);color:var(--blue);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.calendar-news-pin.active{border-color:#e3ad4f;background:#fff6e5;color:#a76600}.calendar-news-source-link{min-height:35px;height:35px;font-size:12px!important}.calendar-news-item-foot{margin-top:auto}.klarodex-calendar-news-loading,.klarodex-calendar-news-empty{font-size:12px} .klarodex-calendar-card small,.klarodex-calendar-card button,.klarodex-calendar-card input,.klarodex-calendar-card select,.klarodex-calendar-card span,.klarodex-calendar-news-dialog small,.klarodex-calendar-news-dialog button,.klarodex-calendar-news-dialog input,.klarodex-calendar-news-dialog select,.klarodex-calendar-news-dialog span,.klarodex-calendar-news-dialog a,.klarodex-calendar-news-dialog p{font-size:12px!important} @media(max-width:820px){.klarodex-calendar-news-filterbar{justify-content:flex-start}.calendar-news-search{flex-basis:100%}.klarodex-calendar-news-item{grid-template-columns:100px minmax(0,1fr);padding-right:0;padding-top:58px}.calendar-news-media-stack,.calendar-news-media{width:100px}.calendar-news-media{height:72px}.calendar-news-pin{top:14px;right:0}} .calendar-news-pin svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-right:5px} /* v254: calendar working-day width, News & Sentiment filter parity, and notes workflow. */ .klarodex-calendar-grid{--calendar-cell:112px} .klarodex-calendar-grid.week-view{--calendar-cell:140px} .klarodex-calendar-grid.month-view{--calendar-cell:106px} .klarodex-calendar-news-link{white-space:nowrap} .klarodex-calendar-news-filterbar[hidden],.klarodex-calendar-notes-tabs[hidden],.klarodex-calendar-company-notes[hidden],.calendar-note-composer[hidden],.calendar-note-message[hidden]{display:none!important} .klarodex-calendar-news-filterbar{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin:14px 20px 0;padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:var(--card)} .calendar-news-date-filter{display:flex;align-items:center;gap:7px;flex-wrap:wrap} .calendar-news-date-filter>label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px!important;font-weight:700;white-space:nowrap} .calendar-news-date-filter input[type="date"]{height:36px;min-width:132px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--soft);color:var(--text);font:inherit;font-size:12px!important;outline:none} .calendar-news-date-filter input[type="date"]:focus,.calendar-news-search input:focus{border-color:#75a9ef;box-shadow:0 0 0 3px rgba(8,104,233,.08)} .calendar-news-topic-filter{display:flex!important;align-items:center!important;gap:7px!important;min-height:36px;padding-left:9px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--muted)!important;font-size:12px!important;font-weight:700!important} .calendar-news-topic-filter select{height:34px;max-width:210px;min-width:185px;border:0;border-left:1px solid var(--line);background:var(--card);color:var(--text);padding:0 28px 0 9px;font:inherit;font-size:12px!important;outline:0} .calendar-news-notes-filter{position:relative;display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:36px;height:36px;padding:0 11px 0 9px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--text)!important;font-size:12px!important;font-weight:700!important;cursor:pointer} .calendar-news-notes-filter input{position:absolute;opacity:0;pointer-events:none} .calendar-news-checkbox-box{display:inline-block;width:16px;height:16px;border:1px solid #b8c7d8;border-radius:4px;background:var(--card);position:relative;flex:0 0 auto} .calendar-news-notes-filter input:checked + .calendar-news-checkbox-box{border-color:var(--blue);background:var(--blue)} .calendar-news-notes-filter input:checked + .calendar-news-checkbox-box:after{content:"";position:absolute;left:3px;top:3px;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)} .calendar-news-search{position:relative;display:block!important;flex:0 1 310px;min-width:250px} .calendar-news-search>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:16px!important;z-index:1} .calendar-news-search input{width:100%;height:36px;padding:0 12px 0 35px;border:1px solid var(--line);border-radius:6px;background:var(--soft);color:var(--text);font:inherit;font-size:12px!important;outline:none} .calendar-news-clear-filters{order:99;min-height:36px!important;height:36px!important;padding-left:13px!important;padding-right:13px!important;font-size:12px!important;font-weight:700!important;white-space:nowrap} .calendar-news-item-foot{display:flex;justify-content:flex-end;align-items:flex-end;margin-top:auto!important;padding-top:12px} .calendar-news-source-link{margin-left:auto;align-self:flex-end} .klarodex-calendar-notes-tabs{display:flex;gap:18px;margin:14px 20px 0;border-bottom:1px solid var(--line)} .klarodex-calendar-notes-tabs button{display:flex;align-items:center;gap:6px;min-height:39px;padding:0 2px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:12px!important;font-weight:750;cursor:pointer} .klarodex-calendar-notes-tabs button.active{border-bottom-color:var(--blue);color:var(--blue)} .klarodex-calendar-notes-tabs button span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--soft);font-size:12px!important} .klarodex-calendar-company-notes{padding:16px 20px 20px;overflow:auto} .calendar-company-notes-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px} .calendar-company-notes-head h4{margin:0 0 4px;font-size:16px}.calendar-company-notes-head p{margin:0;color:var(--muted);font-size:12px} .calendar-company-notes-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .calendar-company-note-card{padding:13px 14px;border:1px solid var(--line);border-radius:8px;background:var(--card)} .calendar-company-note-meta{font-size:12px;color:var(--muted);margin-bottom:5px}.calendar-company-note-card h5{margin:0 0 7px;font-size:14px}.calendar-company-note-card p{margin:0;white-space:pre-wrap;color:var(--text);font-size:12px;line-height:1.55} .calendar-note-composer{margin-top:14px;padding:14px;border:1px solid #bfd2e8;border-radius:9px;background:var(--surface,#f8fafc)} .calendar-note-message{margin-bottom:10px;padding:9px 11px;border:1px solid #f1b6b6;border-radius:6px;background:#fff5f5;color:#b52c2c;font-size:12px;font-weight:650} .calendar-note-form-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:10px}.calendar-note-form-grid label,.calendar-note-text{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--text)} .calendar-note-form-grid .input,.calendar-note-form-grid .select{height:36px;font-size:12px}.calendar-note-text{margin-top:10px}.calendar-note-text textarea{min-height:130px;padding:10px 11px;resize:vertical;font-size:12px;line-height:1.55}.calendar-note-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px} @media(max-width:1000px){.calendar-company-notes-list{grid-template-columns:1fr}.calendar-news-search{flex:1 1 260px}.calendar-news-topic-filter select{max-width:170px}} @media(max-width:760px){.klarodex-calendar-news-filterbar{align-items:stretch;justify-content:flex-start}.calendar-news-date-filter{width:100%}.calendar-news-date-filter>label{flex:1 1 140px}.calendar-news-date-filter input[type="date"]{width:100%;min-width:0}.calendar-news-search{width:100%;min-width:0;flex-basis:auto}.calendar-news-clear-filters{width:100%}.calendar-note-form-grid{grid-template-columns:1fr}.calendar-company-notes-head{flex-direction:column}.klarodex-calendar-notes-tabs{overflow-x:auto}} /* v255: calendar note polish, consistent form typography and score/link spacing. */ .klarodex-calendar-grid td.has-score > strong{display:block;margin-bottom:10px} .klarodex-calendar-company-notes .klarodex-calendar-news-empty{grid-column:1/-1;min-height:160px;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px} .calendar-note-form-grid label,.calendar-note-text{font-size:12px!important;font-weight:700;color:var(--text)} .calendar-note-form-grid .input,.calendar-note-form-grid .select,.calendar-note-text textarea{font-family:inherit!important;font-size:12px!important;font-weight:400!important;color:var(--text)!important;background:var(--card);border:1px solid var(--line);border-radius:6px} .calendar-note-form-grid .input,.calendar-note-form-grid .select{height:36px;min-height:36px;padding:0 11px!important} .calendar-note-text textarea{min-height:130px;padding:10px 11px!important;line-height:1.55} .calendar-note-form-grid .input::placeholder,.calendar-note-text textarea::placeholder{font-weight:400;color:var(--muted)} .calendar-note-form-grid option{font-weight:400!important;font-size:12px!important} /* v258 tracked company -> dashboard navigation */ .tracked-company-dashboard-link{color:inherit;text-decoration:none}.tracked-company-dashboard-link:hover strong{color:var(--blue)} /* v262 - tracked-company top-menu entries link directly to company dashboards. */ .klarodex-top-dropdown .tracked-company-dashboard-menu-link{display:flex;align-items:center;gap:9px} .klarodex-top-dropdown .tracked-company-dashboard-menu-link>span:last-child{display:flex;min-width:0;flex-direction:column;align-items:flex-start} .klarodex-top-dropdown .tracked-company-dashboard-menu-link strong{font-weight:600} .klarodex-top-dropdown .tracked-company-dashboard-menu-link small{display:block;margin-top:2px;opacity:.7;font-size:12px;line-height:1.2} .klarodex-top-dropdown .tracked-company-dashboard-menu-link.active{background:rgba(18,112,229,.09)} .klarodex-top-dropdown .tracked-company-dashboard-menu-icon{flex:0 0 18px} body.klarodex-calendar-fullscreen-open{overflow:hidden!important}.klarodex-calendar-card.calendar-fullscreen{position:fixed!important;z-index:6150!important;inset:12px!important;display:flex!important;flex-direction:column!important;margin:0!important;padding:18px 20px!important;background:var(--card)!important;overflow:hidden!important}.klarodex-calendar-card.calendar-fullscreen .klarodex-calendar-viewport{flex:1!important;min-height:0!important;max-height:none!important}.klarodex-calendar-card.calendar-fullscreen .klarodex-calendar-key,.klarodex-calendar-card.calendar-fullscreen .klarodex-calendar-score-guide{flex:0 0 auto} /* v268 - keep Live Pricing add-chart / signal dropdowns above chart loading overlays. */ body[data-page="live"] .live-stock-chart-controls{position:relative!important;z-index:120!important;overflow:visible!important} body[data-page="live"] .live-chart-toolbar{position:relative!important;z-index:130!important;overflow:visible!important} body[data-page="live"] .live-signal-control{position:relative!important;z-index:140!important} body[data-page="live"] .live-signal-menu{z-index:160!important} body[data-page="live"] .live-chart-stack{position:relative;z-index:1} body[data-page="live"] .live-chart-loader,body[data-page="live"] .live-analysis-loader{z-index:30!important} /* Chart point actions: shared by Live Pricing and custom chart screens. */ .chart-action-popover{position:fixed;z-index:10040;width:min(350px,calc(100vw - 20px));padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);box-shadow:0 18px 45px rgba(13,30,50,.2);font-family:Inter,Arial,sans-serif}.chart-action-popover[hidden]{display:none!important}.chart-action-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.chart-action-head>div{display:grid;gap:2px}.chart-action-head small{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--muted)}.chart-action-head strong{font-size:14px}.chart-action-head span{font-size:12px;color:var(--muted)}.chart-action-head>button{border:0;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;padding:0 2px}.chart-action-summary{display:grid;gap:5px;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:var(--soft);margin-bottom:11px}.chart-action-summary span{display:flex;justify-content:space-between;gap:12px;font-size:12px}.chart-action-summary b{font-weight:700;color:var(--muted)}.chart-action-summary em{font-style:normal;font-weight:650;text-align:right}.chart-action-buttons,.chart-action-save-row{display:flex;gap:8px;justify-content:flex-end}.chart-action-buttons .btn{flex:1}.chart-action-hint{margin:9px 0 0;font-size:12px;line-height:1.45;color:var(--muted)}.chart-action-field{display:grid;gap:5px;margin-top:9px}.chart-action-field>span{font-size:12px;font-weight:700;color:var(--muted)}.chart-action-field .input,.chart-action-field .select{width:100%;box-sizing:border-box}.chart-action-note-text{min-height:86px;resize:vertical}.chart-action-save-row{margin-top:12px}.chart-action-status{margin-top:9px;padding:7px 9px;border-radius:6px;background:rgba(20,166,111,.1);color:var(--green);font-size:12px;font-weight:700}.chart-action-status.error{background:rgba(228,84,84,.1);color:var(--red)}.chart-y-selection-marker{position:absolute;z-index:24;left:0;right:0;height:0;border-top:1.5px dashed #176be4;pointer-events:none}.chart-y-selection-marker::after{content:attr(data-label);position:absolute;right:4px;top:-11px;padding:2px 5px;border-radius:4px;background:#176be4;color:#fff;font:700 12px/16px Inter,Arial,sans-serif;white-space:nowrap}.chart-y-selection-marker.is-saved{border-top-style:solid}.visualisation-history-point.chart-action-selected,.viz-static-bar-point.chart-action-selected{filter:drop-shadow(0 0 3px rgba(23,107,228,.8))}.visualisation-history-point.chart-action-selected{stroke:#176be4!important;stroke-width:3!important}.viz-static-bar-point.chart-action-selected circle{stroke:#176be4!important;stroke-width:3!important} body[data-theme="dark"] .chart-action-popover,body[data-theme="black"] .chart-action-popover{box-shadow:0 18px 45px rgba(0,0,0,.48)} .viz-candle.chart-action-selected{filter:drop-shadow(0 0 4px rgba(23,107,228,.85))}.viz-candle.chart-action-selected .viz-candle-hit{stroke:#176be4;stroke-width:1.5} .chart-svg-selection-marker{stroke:#176be4;stroke-width:1.5;stroke-dasharray:5 4;pointer-events:none}.chart-svg-selection-marker.is-saved{stroke-dasharray:none;stroke-width:2} /* v272: chart action form polish. */ .chart-action-note-text{padding-top:12px!important} /* v273 - Company Fundamentals export and Klarodex Calendar activity refinements */ .company-profile-head-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:196px}.company-profile-export{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:7px}.company-profile-export:disabled{opacity:.55;cursor:default}@media(max-width:700px){.company-profile-head-actions{width:100%;min-width:0}.company-profile-export{width:100%}} .klarodex-calendar-news-item .calendar-news-item-foot{position:absolute;right:0;bottom:17px;margin:0!important;padding:0!important;display:flex;justify-content:flex-end;align-items:flex-end}.klarodex-calendar-news-item .calendar-news-source-link{margin:0!important;align-self:auto}.klarodex-calendar-news-link.events{color:#008c95}.klarodex-calendar-news-link.alerts{color:#d53d3d}.calendar-activity-list{padding:16px 20px 20px;overflow:auto}.calendar-activity-card{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}.calendar-activity-card:last-child{border-bottom:0}.calendar-activity-icon{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:8px;background:#eaf4ff;color:#0b67e8;font-weight:800}.calendar-activity-icon.alert{background:#fff0f0;color:#d53d3d}.calendar-activity-copy{min-width:0;flex:1}.calendar-activity-copy small{display:block;margin-bottom:4px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.calendar-activity-copy strong{display:block;font-size:13px}.calendar-activity-copy p{margin:5px 0 0!important;white-space:pre-wrap}.calendar-activity-status{display:inline-flex;margin-top:8px;padding:3px 7px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:750}.calendar-activity-status.warning,.calendar-activity-status.critical{border-color:#f2b7b7;background:#fff3f3;color:#b32929}.calendar-activity-status.positive{border-color:#bfe3cb;background:#f0faf3;color:#12823a}@media(max-width:820px){.klarodex-calendar-news-item .calendar-news-item-foot{position:static;margin-top:12px!important}.klarodex-calendar-news-item .calendar-news-source-link{margin-left:auto!important}} /* v275 - Klarodex Calendar blocking loader + zero-activity cleanup. */ .klarodex-calendar-loader{ display:none!important; position:fixed!important; z-index:6180!important; top:54px!important; right:0!important; bottom:0!important; left:247.2px!important; width:auto!important; height:auto!important; margin:0!important; padding:24px!important; align-items:center!important; justify-content:center!important; background:rgba(245,248,252,.78)!important; backdrop-filter:blur(5px) saturate(.82)!important; -webkit-backdrop-filter:blur(5px) saturate(.82)!important; border:0!important; border-radius:0!important; box-shadow:none!important; cursor:wait; } .klarodex-calendar-loader.is-visible{display:flex!important} .klarodex-calendar-loader .company-results-overlay-card{ min-width:270px; padding:22px 28px; box-shadow:0 14px 36px rgba(15,35,58,.16); } .klarodex-calendar-loader .company-results-overlay-card strong{font-size:13px} body[data-resolved-theme="dark"] .klarodex-calendar-loader, body[data-theme="dark"] .klarodex-calendar-loader{ background:rgba(4,12,20,.82)!important; backdrop-filter:blur(5px) saturate(.78)!important; -webkit-backdrop-filter:blur(5px) saturate(.78)!important; } body[data-resolved-theme="black"] .klarodex-calendar-loader, body[data-theme="black"] .klarodex-calendar-loader{ background:rgba(0,0,0,.84)!important; backdrop-filter:blur(5px) saturate(.72)!important; -webkit-backdrop-filter:blur(5px) saturate(.72)!important; } @media(max-width:900px){.klarodex-calendar-loader{left:0!important}} body.klarodex-calendar-fullscreen-open .klarodex-calendar-loader{inset:0!important} /* v276: calendar fullscreen exit action uses the destructive/red fullscreen treatment. */ .klarodex-calendar-card.calendar-fullscreen #klarodexCalendarFullscreen{ border-color:#efb0b0!important;background:var(--card)!important;color:#d53232!important;font-weight:700!important;box-shadow:none!important; } .klarodex-calendar-card.calendar-fullscreen #klarodexCalendarFullscreen:hover{background:#fff5f5!important;border-color:#df7474!important} body[data-resolved-theme="dark"] .klarodex-calendar-card.calendar-fullscreen #klarodexCalendarFullscreen, body[data-resolved-theme="black"] .klarodex-calendar-card.calendar-fullscreen #klarodexCalendarFullscreen{background:var(--card)!important;color:#ff7777!important;border-color:#8a4545!important} /* v296 - data capability availability states */ .data-capability-notice{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px;padding:10px 13px;border:1px solid #bfd6f5;border-radius:8px;background:#f4f8ff;color:var(--text);font-size:12px;line-height:1.45} .data-capability-notice strong{flex:0 0 auto;color:var(--blue)} .data-capability-disabled{opacity:.45!important;cursor:not-allowed!important;pointer-events:auto} a.data-capability-disabled{pointer-events:auto;text-decoration:none!important} .data-capability-disabled-card{opacity:.5;filter:saturate(.55)} .data-capability-page-disabled>:not(header):not(.data-capability-notice){opacity:.45;pointer-events:none;user-select:none} body[data-resolved-theme="dark"] .data-capability-notice,body[data-resolved-theme="black"] .data-capability-notice{background:var(--soft);border-color:#315778} /* v307: package-aware Klarodex calendar history boundary. */ .klarodex-calendar-history-boundary{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;border:1px solid #e7c46d;border-radius:8px;background:#fff9e9;color:#6c4d06;font-size:12px;line-height:1.4} .klarodex-calendar-history-boundary[hidden]{display:none!important}.klarodex-calendar-history-boundary strong{display:block;font-size:12px}.klarodex-calendar-history-boundary>div>span{display:block;margin-top:2px;font-size:12px;color:#806520} .klarodex-calendar-history-boundary-icon{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border:1px solid #ddb551;border-radius:7px;background:#fff3c9;color:#916800}.klarodex-calendar-history-boundary-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .klarodex-calendar-grid .history-boundary-day{border-left:4px solid #d3a324!important}.klarodex-calendar-grid td.history-restricted-cell{background:repeating-linear-gradient(135deg,var(--soft,#f4f7fa),var(--soft,#f4f7fa) 7px,color-mix(in srgb,var(--line,#dfe5ec) 55%,transparent) 7px,color-mix(in srgb,var(--line,#dfe5ec) 55%,transparent) 8px)!important;color:#8c99a7!important} .calendar-history-lock{display:grid!important;width:100%;height:100%;place-items:center;color:#97a3af!important}.calendar-history-lock svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round} body[data-resolved-theme="dark"] .klarodex-calendar-history-boundary,body[data-resolved-theme="black"] .klarodex-calendar-history-boundary{border-color:#705a27;background:#2b2413;color:#f0d98c}body[data-resolved-theme="dark"] .klarodex-calendar-history-boundary>div>span,body[data-resolved-theme="black"] .klarodex-calendar-history-boundary>div>span{color:#cfb86f}body[data-resolved-theme="dark"] .klarodex-calendar-history-boundary-icon,body[data-resolved-theme="black"] .klarodex-calendar-history-boundary-icon{border-color:#705a27;background:#342b16;color:#ebcb6a} /* v311: calendar history boundary is presented on the calendar itself. */ .klarodex-calendar-stage{ position:relative; min-width:0; } .klarodex-calendar-stage .klarodex-calendar-history-boundary{ position:absolute!important; z-index:24!important; top:50%!important; left:calc(210px + 24px)!important; width:min(440px,calc(100% - 270px))!important; margin:0!important; transform:translateY(-50%)!important; box-sizing:border-box!important; box-shadow:0 14px 34px rgba(84,61,8,.18)!important; backdrop-filter:blur(5px)!important; -webkit-backdrop-filter:blur(5px)!important; } .klarodex-calendar-stage .klarodex-calendar-history-boundary[hidden]{display:none!important} .klarodex-calendar-grid th.history-global-restricted, .klarodex-calendar-grid td.history-global-restricted{ position:relative; pointer-events:none!important; user-select:none!important; opacity:.48!important; filter:blur(2.2px) grayscale(.55)!important; background:repeating-linear-gradient( 135deg, color-mix(in srgb,var(--soft,#f4f7fa) 94%,transparent), color-mix(in srgb,var(--soft,#f4f7fa) 94%,transparent) 8px, color-mix(in srgb,var(--line,#dfe5ec) 56%,transparent) 8px, color-mix(in srgb,var(--line,#dfe5ec) 56%,transparent) 9px )!important; color:#8995a3!important; } .klarodex-calendar-grid th.history-global-restricted{ border-bottom-color:var(--line)!important; } .klarodex-calendar-grid td.history-global-restricted{ border-top:1px solid var(--line)!important; } .calendar-history-mask{ display:grid!important; width:100%;height:100%; place-items:center; color:#9aa5b1!important; font-size:16px!important; } .klarodex-calendar-grid .history-boundary-day{ box-shadow:inset 4px 0 0 #d3a324!important; border-left:0!important; } .klarodex-calendar-card.calendar-fullscreen .klarodex-calendar-stage{ flex:1!important; min-height:0!important; display:flex!important; } .klarodex-calendar-card.calendar-fullscreen .klarodex-calendar-stage .klarodex-calendar-viewport{ flex:1!important; min-height:0!important; } @media(max-width:850px){ .klarodex-calendar-stage .klarodex-calendar-history-boundary{ left:16px!important; width:calc(100% - 32px)!important; } } /* v314: Klaro colour themes in Settings > Appearance. */ .appearance-klaro-settings{margin-top:20px;padding-top:18px;border-top:1px solid var(--line,#e5e9ef);display:grid;gap:12px} .appearance-klaro-heading h3{margin:0;color:var(--text,#142033);font-size:14px;line-height:1.35}.appearance-klaro-heading p{margin:4px 0 0;color:var(--muted,#69788a);font-size:12px;line-height:1.5} .klaro-theme-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.klaro-theme-choice{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:9px;min-height:66px;padding:8px;border:1px solid var(--line,#dfe5ec);border-radius:10px;background:var(--card,#fff);color:var(--text,#142033);text-align:left;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.klaro-theme-choice:hover{border-color:#8db8e7;transform:translateY(-1px)}.klaro-theme-choice.active{border-color:#287ad6;box-shadow:0 0 0 2px rgba(40,122,214,.12)}.klaro-theme-choice strong{display:block;font-size:12px;line-height:1.25}.klaro-theme-choice small{display:block;margin-top:3px;color:var(--muted,#69788a);font-size:12px;line-height:1.25} .klaro-theme-preview{position:relative;width:44px;height:44px;display:block;overflow:hidden;border-radius:13px;background:linear-gradient(145deg,var(--kp1),var(--kp2));box-shadow:0 8px 16px rgba(24,51,82,.14)}.klaro-theme-preview i{position:absolute;left:7px;top:7px;width:20px;height:20px;border-radius:7px;background:linear-gradient(145deg,#fff,var(--kpsoft));box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}.klaro-theme-preview b{position:absolute;right:6px;bottom:8px;width:20px;height:5px;border-radius:5px;background:var(--kpaccent)}.klaro-theme-preview em{position:absolute;right:7px;top:7px;width:7px;height:7px;border:2px solid rgba(255,255,255,.92);border-radius:50%;background:var(--kpaccent)} .klaro-preview-aurora{--kp1:#2563eb;--kp2:#0ea5e9;--kpsoft:#dff7ff;--kpaccent:#f59e0b}.klaro-preview-klarodex{--kp1:#0e78e7;--kp2:#084fae;--kpsoft:#dbeeff;--kpaccent:#36d67e}.klaro-preview-violet{--kp1:#5b5bd6;--kp2:#8b5cf6;--kpsoft:#eee8ff;--kpaccent:#ec4899}.klaro-preview-teal{--kp1:#0f8f8c;--kp2:#06b6d4;--kpsoft:#d9fbf6;--kpaccent:#34d399}.klaro-preview-sunset{--kp1:#4f46e5;--kp2:#f97362;--kpsoft:#fff0e8;--kpaccent:#fbbf24} .klaro-theme-live-note{display:flex;align-items:center;gap:7px;color:var(--muted,#69788a);font-size:12px;line-height:1.45}.klaro-theme-live-note>span:first-child{font-size:15px}.klaro-theme-live-note b{color:var(--text,#142033)} body[data-resolved-theme="dark"] .klaro-theme-choice,body[data-resolved-theme="black"] .klaro-theme-choice{background:var(--card);border-color:var(--line);color:var(--text)}body[data-resolved-theme="dark"] .klaro-theme-choice.active,body[data-resolved-theme="black"] .klaro-theme-choice.active{border-color:#58a8ff;box-shadow:0 0 0 2px rgba(88,168,255,.15)}body[data-resolved-theme="contrast"] .klaro-theme-choice{background:#000;color:#fff;border:2px solid #fff}body[data-resolved-theme="contrast"] .klaro-theme-choice.active{border-color:#ffe600;box-shadow:0 0 0 2px #ffe600} @media(max-width:980px){.klaro-theme-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.klaro-theme-choices{grid-template-columns:1fr}} /* v315: Klaro animation preference controls in Settings > Appearance. */ .klaro-animation-settings{margin-top:15px;padding-top:15px;border-top:1px dashed var(--line,#dfe5ec);display:grid;gap:10px} .klaro-animation-heading h4{margin:0;color:var(--text,#142033);font-size:13px;line-height:1.35}.klaro-animation-heading p{margin:4px 0 0;color:var(--muted,#69788a);font-size:12px;line-height:1.5} .klaro-animation-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.klaro-animation-choice{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;min-height:70px;padding:9px;border:1px solid var(--line,#dfe5ec);border-radius:10px;background:var(--card,#fff);color:var(--text,#142033);text-align:left;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.klaro-animation-choice:hover{border-color:#8db8e7;transform:translateY(-1px)}.klaro-animation-choice.active{border-color:#287ad6;box-shadow:0 0 0 2px rgba(40,122,214,.12)}.klaro-animation-choice strong{display:block;font-size:12px;line-height:1.25}.klaro-animation-choice small{display:block;margin-top:3px;color:var(--muted,#69788a);font-size:12px;line-height:1.35} .klaro-animation-demo{position:relative;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#2563eb,#0ea5e9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.klaro-animation-demo i{display:block;width:17px;height:14px;border-radius:6px;background:#fff;position:relative}.klaro-animation-demo i:before,.klaro-animation-demo i:after{content:"";position:absolute;top:5px;width:3px;height:2px;border-radius:2px;background:#1765b6}.klaro-animation-demo i:before{left:4px}.klaro-animation-demo i:after{right:4px}.klaro-animation-demo b{position:absolute;width:5px;height:5px;border-radius:50%;top:2px;right:2px;background:#f59e0b}.klaro-animation-demo-full{animation:klaro-settings-float 1.8s ease-in-out infinite}.klaro-animation-demo-full i{animation:klaro-settings-blink 3.2s ease-in-out infinite}.klaro-animation-demo-subtle{animation:klaro-settings-float 3.8s ease-in-out infinite}.klaro-animation-demo-reduced{animation:klaro-settings-glow 2.8s ease-in-out infinite}.klaro-animation-demo-off{filter:saturate(.65);opacity:.82} .klaro-animation-note{display:flex;align-items:flex-start;gap:7px;padding:8px 9px;border:1px solid var(--line,#dfe5ec);border-radius:8px;background:var(--soft,#f5f7fa);color:var(--muted,#69788a);font-size:12px;line-height:1.45}.klaro-animation-note>span:first-child{color:#287ad6;font-size:14px} @keyframes klaro-settings-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes klaro-settings-blink{0%,46%,52%,100%{transform:scaleY(1)}49%{transform:scaleY(.22)}}@keyframes klaro-settings-glow{0%,100%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}50%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 0 0 3px rgba(37,99,235,.10)}} body[data-resolved-theme="dark"] .klaro-animation-choice,body[data-resolved-theme="black"] .klaro-animation-choice{background:var(--card);border-color:var(--line);color:var(--text)}body[data-resolved-theme="dark"] .klaro-animation-choice.active,body[data-resolved-theme="black"] .klaro-animation-choice.active{border-color:#58a8ff;box-shadow:0 0 0 2px rgba(88,168,255,.15)}body[data-resolved-theme="contrast"] .klaro-animation-choice{background:#000;color:#fff;border:2px solid #fff}body[data-resolved-theme="contrast"] .klaro-animation-choice.active{border-color:#ffe600;box-shadow:0 0 0 2px #ffe600} @media(max-width:980px){.klaro-animation-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.klaro-animation-choices{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){.klaro-animation-demo-full,.klaro-animation-demo-subtle,.klaro-animation-demo-reduced,.klaro-animation-demo-full i{animation:none!important;transform:none!important}} /* v316: high-contrast Klaro/alert surfaces. */ body[data-resolved-theme="contrast"] .klarodex-alert-headline, body[data-resolved-theme="contrast"] .klarodex-alert-headline.warning, body[data-resolved-theme="contrast"] .klarodex-alert-headline.positive, body[data-resolved-theme="contrast"] .klarodex-alert-headline.critical{ background:#000!important; border:2px solid #fff!important; border-left:5px solid #ffe600!important; color:#fff!important; box-shadow:none!important; } body[data-resolved-theme="contrast"] .klarodex-alert-copy, body[data-resolved-theme="contrast"] .klarodex-alert-copy b, body[data-resolved-theme="contrast"] .klarodex-alert-copy small, body[data-resolved-theme="contrast"] .klarodex-alert-count{color:#fff!important} body[data-resolved-theme="contrast"] .klarodex-alert-symbol{ background:#ffe600!important; color:#000!important; border:2px solid #fff!important; } body[data-resolved-theme="contrast"] .klarodex-alert-headline .btn{ background:#000!important; border:2px solid #fff!important; color:#fff!important; } body[data-resolved-theme="contrast"] .klarodex-alert-headline .btn:hover, body[data-resolved-theme="contrast"] .klarodex-alert-headline .btn:focus-visible{ background:#ffe600!important; color:#000!important; } /* v328 signal evidence provenance */ .signal-explanation-actions{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.signal-explanation-actions span{color:var(--muted);font-size:12px}.signal-evidence-button{min-width:92px}.signal-evidence-modal[hidden]{display:none}.signal-evidence-modal{position:fixed;z-index:10050;inset:0;display:grid;place-items:center;padding:20px}.signal-evidence-backdrop{position:absolute;inset:0;background:rgba(5,18,32,.62);backdrop-filter:blur(3px)}.signal-evidence-dialog{position:relative;width:min(760px,96vw);max-height:86vh;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--card);box-shadow:0 22px 70px rgba(0,0,0,.28)}.signal-evidence-dialog>header{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line)}.signal-evidence-dialog h2{margin:3px 0 4px;font-size:20px}.signal-evidence-dialog header p{margin:0;color:var(--muted);font-size:12px}.signal-evidence-close{border:0;background:transparent;color:var(--muted);font-size:28px;cursor:pointer}.signal-evidence-body{display:grid;gap:10px;padding:18px 22px 22px}.signal-evidence-card{padding:14px;border:1px solid var(--line);border-left:4px solid #7b8794;border-radius:7px;background:var(--soft)}.signal-evidence-card.supports{border-left-color:#198754}.signal-evidence-card.weakens{border-left-color:#c94343}.signal-evidence-card p{margin:8px 0 10px;font-size:13px;line-height:1.6}.signal-evidence-tags{display:flex;gap:6px}.signal-evidence-tags span{padding:2px 7px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px;text-transform:uppercase}.signal-evidence-card footer{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:var(--muted);font-size:12px}.signal-evidence-card footer a{margin-left:auto}.signal-evidence-empty{padding:24px;border:1px dashed var(--line);border-radius:7px;text-align:center}.signal-evidence-empty p{margin:7px auto 0;max-width:560px;color:var(--muted);font-size:12px;line-height:1.6}@media(max-width:600px){.signal-evidence-modal{padding:8px}.signal-evidence-dialog{width:100%;max-height:94vh}.signal-evidence-dialog>header,.signal-evidence-body{padding-left:14px;padding-right:14px}.signal-explanation-actions{align-items:flex-start;flex-direction:column}} /* v332 signal evidence presentation */ .signal-source-button{margin-left:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;padding:6px 12px!important;text-decoration:none!important;font-size:12px!important;font-weight:650!important;white-space:nowrap!important}.signal-inline-evidence-section h4{margin-bottom:8px!important}.signal-inline-evidence-table{display:block;width:100%;max-height:260px;overflow:auto}.signal-inline-evidence-table .signal-evidence-line{grid-template-columns:minmax(120px,1fr) minmax(120px,1.2fr) auto}.signal-inline-evidence-table .signal-evidence-line span:first-child{font-weight:600;color:var(--text)}@media(max-width:760px){.signal-inline-evidence-table .signal-evidence-line{grid-template-columns:1fr}.signal-source-button{margin-left:0!important}} /* v333 evidence dialog and event-impact clarity */ .signal-evidence-dialog>header{position:sticky;top:0;z-index:3;background:var(--card)} .signal-evidence-dialog-footer{position:sticky;bottom:0;z-index:3;display:flex;justify-content:flex-end;padding:12px 22px;border-top:1px solid var(--line);background:var(--card)} .signal-evidence-dialog-footer .btn{min-width:90px} .impact-pending{color:var(--muted);font-size:12px;font-style:normal;white-space:normal} /* v334 signal evidence formatting */ .signal-inline-evidence-table{overflow-y:auto!important;overflow-x:hidden!important} .signal-inline-evidence-table .signal-evidence-line{grid-template-columns:minmax(150px,.7fr) minmax(0,1.8fr) auto!important;align-items:start!important} .signal-inline-evidence-table .signal-evidence-line strong{min-width:0!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important} .signal-source-button.btn.primary{min-height:34px!important;padding:7px 13px!important;border:1px solid var(--blue)!important;border-radius:6px!important;background:var(--blue)!important;color:#fff!important;box-shadow:none!important;font-weight:650!important;text-decoration:none!important} .signal-source-button.btn.primary:hover{filter:brightness(.94)} @media(max-width:760px){.signal-inline-evidence-table .signal-evidence-line{grid-template-columns:1fr!important}.signal-inline-evidence-table .signal-evidence-line small{grid-column:auto!important}} /* v345: Klaro Daily Briefing editions in the portfolio Klarodex Calendar. */ .klarodex-calendar-briefing-row td{background:color-mix(in srgb,#eaf4ff 48%,var(--card))}.klarodex-calendar-briefing-name{border-left:3px solid #0e78e7!important}.klarodex-calendar-briefing-name strong{color:var(--blue)}.klarodex-calendar-grid td.has-briefing{padding:10px 7px;background:color-mix(in srgb,#eaf4ff 68%,var(--card))}.klarodex-calendar-briefing-link{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;min-height:34px!important;padding:5px 7px!important;border:1px solid #9fc5f2!important;border-radius:7px!important;background:var(--card)!important;color:#0b67e8!important;font-size:12px!important;font-weight:800!important;cursor:pointer!important}.klarodex-calendar-briefing-link:hover{border-color:#0e78e7!important;background:#edf6ff!important}.klarodex-calendar-briefing-link span{display:grid!important;width:20px!important;height:20px!important;place-items:center!important;border-radius:6px!important;background:#0e78e7!important;color:#fff!important;font-size:12px!important}.klarodex-calendar-briefing-link b{font-size:12px!important}.calendar-briefing-view{padding:0 26px 28px!important}.calendar-briefing-report{max-width:920px;margin:0 auto;padding:24px 8px 8px}.calendar-briefing-masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:9px;border-bottom:3px double var(--text);font-size:12px;font-weight:800;letter-spacing:.07em}.calendar-briefing-report>h3{margin:22px 0 10px!important;font-size:30px!important;line-height:1.08!important;letter-spacing:-.025em}.calendar-briefing-standfirst{margin-bottom:18px;color:var(--muted);font-size:14px;line-height:1.6}.calendar-briefing-section{padding:18px 0;border-top:1px solid var(--line)}.calendar-briefing-section>span{display:block;color:var(--blue);font-size:12px!important;font-weight:800;letter-spacing:.07em}.calendar-briefing-section h4{margin:4px 0 9px;font-size:18px}.calendar-briefing-section p{margin:0 0 11px!important;color:var(--text)!important;font-size:13px!important;line-height:1.72!important}body[data-resolved-theme="dark"] .klarodex-calendar-briefing-row td,body[data-resolved-theme="black"] .klarodex-calendar-briefing-row td{background:#101c29!important}body[data-resolved-theme="dark"] .klarodex-calendar-briefing-link,body[data-resolved-theme="black"] .klarodex-calendar-briefing-link{background:#0f1822!important;border-color:#355b87!important;color:#8dc1ff!important}body[data-resolved-theme="dark"] .klarodex-calendar-briefing-link:hover,body[data-resolved-theme="black"] .klarodex-calendar-briefing-link:hover{background:#14263b!important} /* v347: shared account-level typography system. Page-specific layouts retain weight/spacing but use one size vocabulary. */ body{font-size:var(--font-body)} .page-title h1{font-size:var(--font-heading-3x)} .page-title p{font-size:var(--font-summary)} h2{font-size:var(--font-heading-2x)} h3{font-size:var(--font-heading-1x)} .btn,.small-btn,button.btn,input[type="button"].btn,input[type="submit"].btn{font-size:var(--font-button)} .tabs button,.tracked-view-tabs button,.events-view-tabs button{font-size:var(--font-tab)} .field label,.preference-row b,.pc-profile-picker span,.anomaly-profile-picker>span{font-size:var(--font-label)} .side-nav a,.sidebar-category-toggle-row>a,.sidebar-pinned-category-links a{font-size:var(--font-nav)} .metric{font-size:var(--font-metric)} .tiny,small,.footer-note{font-size:var(--font-small)} .klaro-tips-heading strong{font-size:var(--font-subheading)!important}.klaro-tips-kind{font-size:var(--font-small)!important}.klaro-tips-text{font-size:var(--font-body)!important}.klaro-tips-hide{font-size:var(--font-button)!important} .appearance-typography-settings{margin-top:20px;padding-top:18px;border-top:1px solid var(--line,#e5e9ef);max-width:760px} .appearance-typography-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.appearance-typography-head h3{margin:0 0 4px;font-size:var(--font-heading-1x)}.appearance-typography-head p{margin:0!important;font-size:var(--font-body)!important;max-width:570px}.appearance-typography-head .btn{flex:none;height:34px} .typography-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.typography-settings-grid label{display:grid;grid-template-columns:1fr;gap:3px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.typography-settings-grid label>span{font-size:var(--font-label);font-weight:700}.typography-settings-grid label>small{font-size:var(--font-small);color:var(--muted);min-height:15px}.typography-settings-grid label>div{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:4px;border:1px solid var(--line);border-radius:6px;background:var(--card);overflow:hidden}.typography-settings-grid input{width:100%;height:34px;border:0;background:transparent;padding:0 9px;outline:0}.typography-settings-grid b{padding:0 9px;color:var(--muted);font-size:var(--font-small);font-weight:600} @media(max-width:760px){.typography-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.typography-settings-grid{grid-template-columns:1fr}.appearance-typography-head{flex-direction:column}} /* v355 - Notification controls for floating alerts, Klaro Tips and system messages. */ .appearance-floating-settings{margin-top:20px;padding-top:18px;border-top:1px solid var(--line,#e5e9ef);max-width:760px;display:grid;gap:12px} .appearance-floating-head h3{margin:0;font-size:var(--font-heading-1x);color:var(--text)}.appearance-floating-head p{margin:4px 0 0;color:var(--muted);font-size:var(--font-small);line-height:1.45} .floating-enable-row,.floating-type-grid label{display:flex;align-items:flex-start;gap:9px}.floating-enable-row{padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.floating-enable-row input,.floating-type-grid input{margin-top:2px}.floating-enable-row span,.floating-type-grid span{display:grid;gap:2px}.floating-enable-row b,.floating-type-grid b{font-size:var(--font-label)}.floating-enable-row small,.floating-type-grid small{color:var(--muted);font-size:var(--font-small);line-height:1.4} .floating-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.floating-settings-grid>label{display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.floating-settings-grid>label>span{font-size:var(--font-label);font-weight:700}.floating-settings-grid>label>small{color:var(--muted);font-size:var(--font-small)}.floating-settings-grid select{height:36px;margin-top:4px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--text);font:inherit;font-size:var(--font-body)} .floating-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.floating-type-grid label{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--card)} .floating-preview{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px dashed #80afe4;border-radius:8px;background:#f2f8ff}.floating-preview-dot{width:10px;height:10px;border-radius:50%;background:var(--blue)}.floating-preview div{display:grid;gap:2px}.floating-preview b{font-size:var(--font-label)}.floating-preview small{color:var(--muted);font-size:var(--font-small)} body[data-resolved-theme="dark"] .floating-preview,body[data-resolved-theme="black"] .floating-preview{background:#10243a;border-color:#315d87} @media(max-width:760px){.floating-settings-grid,.floating-type-grid{grid-template-columns:1fr}} /* v368: Debug moved into Super Admin tab */ .super-admin-debug-tab{margin-top:12px} .super-admin-debug-tab .signals-header{margin:0 0 16px;padding:16px 0 14px} .super-admin-debug-tab .super-admin-debug-title{font-size:22px;line-height:1.2;margin:0 0 6px;letter-spacing:-.35px} .super-admin-debug-tab .debug-page-body{height:calc(100vh - 330px);min-height:560px} @media(max-width:900px){.super-admin-debug-tab .signals-header{margin:0 0 14px;padding:14px 0}.super-admin-debug-tab .debug-page-body{height:auto;min-height:560px}} /* v369: darker-theme component parity + consistent screen-level tabs. */ /* Screen/view tabs use one shared typography token. Dialog-local tabs keep their compact sizing. */ .tabs > button, .tabs > a, .tracked-view-tabs > button, .tracked-view-tabs > a, .markets-data-tabs > button, .markets-data-tabs > a, .compare-view-tabs > button, .news-tabs > button, .company-events-tabs > button, .company-fundamental-tabs > button, .settings-tabs > button, .debug-view-tabs > button, .admin-tabs > .admin-tab, .financial-overview-tabs > button, .financial-overview-tabs > a, .notes-section-tabs > button { font-size:var(--font-tab)!important; } /* Common inline messages should stay inside the darker theme instead of reverting to light cards. */ body[data-resolved-theme="dark"] .tracked-status.success, body[data-resolved-theme="black"] .tracked-status.success { background:#10271d!important;border-color:#285e43!important;color:#72d9a4!important; } body[data-resolved-theme="dark"] .tracked-status.error, body[data-resolved-theme="black"] .tracked-status.error, body[data-resolved-theme="dark"] .calendar-note-message, body[data-resolved-theme="black"] .calendar-note-message { background:#2a171b!important;border-color:#66313b!important;color:#ff9ba5!important; } body[data-resolved-theme="dark"] .data-capability-notice, body[data-resolved-theme="black"] .data-capability-notice { background:#101c29!important;border-color:#315778!important;color:var(--text)!important; } body[data-resolved-theme="contrast"] .tracked-status.success, body[data-resolved-theme="contrast"] .tracked-status.error, body[data-resolved-theme="contrast"] .calendar-note-message, body[data-resolved-theme="contrast"] .data-capability-notice { background:#000!important;border:2px solid #fff!important;color:#fff!important; } /* Shared semantic pills also need darker-theme surfaces outside signal-report tables. */ body[data-resolved-theme="dark"] .pill.strong, body[data-resolved-theme="dark"] .pill.positive, body[data-resolved-theme="black"] .pill.strong, body[data-resolved-theme="black"] .pill.positive { color:#6ed8a7;background:#10271e;border-color:#245f48; } body[data-resolved-theme="dark"] .pill.neutral, body[data-resolved-theme="black"] .pill.neutral { color:#ffc65f;background:#2a220f;border-color:#6a5225; } body[data-resolved-theme="dark"] .pill.weak, body[data-resolved-theme="dark"] .pill.negative, body[data-resolved-theme="black"] .pill.weak, body[data-resolved-theme="black"] .pill.negative { color:#ff8b91;background:#2a1518;border-color:#6b3438; } body[data-resolved-theme="contrast"] .pill { background:#000!important;border-color:#fff!important;color:#fff!important; } /* v379: non-clickable adverts remain displayable when no click-through URL is configured. */ .klarodex-ad-link.is-static{cursor:default} /* v382 — first-company onboarding and empty-state focus */ .klarodex-top-menu.is-disabled{cursor:not-allowed} .klarodex-top-trigger.klarodex-top-trigger-disabled, .klarodex-top-trigger.klarodex-top-trigger-disabled:hover, .klarodex-top-trigger.klarodex-top-trigger-disabled:focus{ opacity:.42!important; background:transparent!important; color:var(--muted)!important; cursor:not-allowed!important; box-shadow:none!important; } .klarodex-top-trigger.klarodex-top-trigger-disabled .top-chevron{opacity:.35} .sidebar-first-company-guide{ margin:10px 5px 14px; padding:13px 11px 12px; border:1px solid rgba(80,169,255,.42); border-radius:10px; background:linear-gradient(145deg,rgba(20,91,151,.34),rgba(8,35,54,.78)); color:#dceeff; box-shadow:0 10px 24px rgba(0,0,0,.15); font-size:12px; } .sidebar-klaro-onboarding-head{display:flex;align-items:center;gap:9px;margin-bottom:10px} .sidebar-klaro-onboarding-mascot{--onboarding-klaro-primary:#0e78e7;--onboarding-klaro-secondary:#3b91ef;display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border-radius:13px;background:linear-gradient(145deg,var(--onboarding-klaro-primary),var(--onboarding-klaro-secondary));box-shadow:0 8px 18px color-mix(in srgb,var(--onboarding-klaro-primary) 28%,transparent);overflow:hidden} .sidebar-klaro-onboarding-mascot .klarodex-ai-mascot{display:block;width:38px;height:38px;overflow:visible;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))} body[data-klaro-theme="klarodex"] .sidebar-klaro-onboarding-mascot{--onboarding-klaro-primary:#0e78e7;--onboarding-klaro-secondary:#3b91ef} body[data-klaro-theme="violet"] .sidebar-klaro-onboarding-mascot{--onboarding-klaro-primary:#5b5bd6;--onboarding-klaro-secondary:#8b5cf6;--klaro-primary:#5b5bd6;--klaro-accent:#ec4899;--klaro-face-end:#eee8ff;--klaro-face-stroke:#5b4bc4;--klaro-face-detail:#b8a9f2} body[data-klaro-theme="teal"] .sidebar-klaro-onboarding-mascot{--onboarding-klaro-primary:#0f8f8c;--onboarding-klaro-secondary:#06b6d4;--klaro-primary:#0f8f8c;--klaro-accent:#34d399;--klaro-face-end:#d9fbf6;--klaro-face-stroke:#0b7c78;--klaro-face-detail:#8edbd3} body[data-klaro-theme="sunset"] .sidebar-klaro-onboarding-mascot{--onboarding-klaro-primary:#4f46e5;--onboarding-klaro-secondary:#f97362;--klaro-primary:#4f46e5;--klaro-accent:#fbbf24;--klaro-face-end:#fff0e8;--klaro-face-stroke:#5548c9;--klaro-face-detail:#d5b8d6} .sidebar-klaro-onboarding-title{min-width:0} .sidebar-first-company-guide-kicker{margin-bottom:3px;color:#78c3ff;font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.055em} .sidebar-first-company-guide h3{margin:0;color:#fff;font-size:14px;line-height:1.25} .sidebar-first-company-guide p{margin:0 0 11px;color:#c8def0;font-size:12px;line-height:1.5} .sidebar-first-company-guide ol{display:grid;gap:7px;margin:0 0 12px;padding:0;list-style:none} .sidebar-first-company-guide li{display:flex;align-items:center;gap:7px;color:#e5f2ff;font-size:12px;line-height:1.3} .sidebar-first-company-guide li span{display:grid;width:20px;height:20px;flex:0 0 20px;place-items:center;border:1px solid rgba(103,184,255,.62);border-radius:50%;background:rgba(25,113,196,.28);color:#9bd2ff;font-size:12px;font-weight:800} .sidebar-first-company-guide li b{font-weight:650} .sidebar-first-company-cta{display:flex;min-height:36px;align-items:center;justify-content:center;padding:7px 8px;border-radius:7px;background:#1670d2;color:#fff!important;font-size:12px;font-weight:750;line-height:1.25;text-align:center;text-decoration:none!important} .sidebar-first-company-cta:hover{background:#0f5fb8} .sidebar-first-company-secondary{display:block;margin:9px 0 0;color:#9bd2ff!important;font-size:12px;font-weight:650;line-height:1.3;text-align:center;text-decoration:none!important} .sidebar-first-company-secondary:hover{color:#fff!important} .sidebar-first-company-guide small{display:block;margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.13);color:#aac3d6;font-size:12px;line-height:1.45} .sidebar-collapsed .sidebar-first-company-guide{display:none!important} .onboarding-blur-surface{ filter:blur(5px); opacity:.38; pointer-events:none!important; user-select:none; transition:filter .18s ease,opacity .18s ease; } .tracked-onboarding-context,.tracked-onboarding-background,.markets-onboarding-context,.markets-selection-dependent{position:relative} body.empty-tracked-portfolio[data-page="tracked"] .tracked-add-panel{position:relative;z-index:3;border-color:rgba(22,112,210,.48);box-shadow:0 12px 34px rgba(15,68,126,.14)} .first-company-start-badge{display:inline-flex;margin:0 0 6px;padding:3px 7px;border:1px solid rgba(22,112,210,.3);border-radius:999px;background:rgba(22,112,210,.09);color:#0c62bd;font-size:12px;font-weight:800;letter-spacing:.08em} .markets-search-panel.markets-selection-focus{position:relative;z-index:3;border-color:rgba(22,112,210,.42);box-shadow:0 12px 34px rgba(15,68,126,.12)} .markets-search-panel.markets-selection-focus .field:first-child label:after{content:" · Start here";color:#1670d2;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em} body[data-resolved-theme="dark"] .first-company-start-badge, body[data-resolved-theme="black"] .first-company-start-badge{border-color:rgba(91,169,255,.42);background:rgba(32,113,199,.2);color:#86c4ff} body[data-resolved-theme="dark"] .markets-search-panel.markets-selection-focus, body[data-resolved-theme="black"] .markets-search-panel.markets-selection-focus, body[data-resolved-theme="dark"].empty-tracked-portfolio[data-page="tracked"] .tracked-add-panel, body[data-resolved-theme="black"].empty-tracked-portfolio[data-page="tracked"] .tracked-add-panel{border-color:rgba(91,169,255,.45);box-shadow:0 12px 34px rgba(0,0,0,.26)} @media(max-width:850px){.onboarding-blur-surface{filter:blur(4px);opacity:.32}.sidebar-first-company-guide{margin:8px 4px 12px}} /* v385 - tracked-company onboarding alignment + workspace-wide company discovery loader. */ body.empty-tracked-portfolio[data-page="tracked"] .onboarding-status-host .tracked-status{ padding-left:0!important; padding-right:0!important; } /* Match the Markets loading treatment: keep the fixed navigation visible while the whole tracked-company workspace is blocked and blurred during API loads. */ body[data-page="tracked"] #companyResultsOverlay{ position:fixed!important; top:54px!important; right:0!important; bottom:0!important; left:247.2px!important; width:auto!important; height:auto!important; z-index:1200!important; border-radius:0!important; background:rgba(245,248,252,.78)!important; backdrop-filter:blur(5px) saturate(.82)!important; -webkit-backdrop-filter:blur(5px) saturate(.82)!important; } body.sidebar-collapsed[data-page="tracked"] #companyResultsOverlay{ left:72px!important; } body[data-page="tracked"][data-resolved-theme="dark"] #companyResultsOverlay, body[data-page="tracked"][data-theme="dark"] #companyResultsOverlay{ background:rgba(4,12,20,.82)!important; backdrop-filter:blur(5px) saturate(.78)!important; -webkit-backdrop-filter:blur(5px) saturate(.78)!important; } body[data-page="tracked"][data-resolved-theme="black"] #companyResultsOverlay, body[data-page="tracked"][data-theme="black"] #companyResultsOverlay{ background:rgba(0,0,0,.84)!important; backdrop-filter:blur(5px) saturate(.72)!important; -webkit-backdrop-filter:blur(5px) saturate(.72)!important; } @media(max-width:900px){ body[data-page="tracked"] #companyResultsOverlay{ left:0!important; } } /* v388: Ask Klaro launcher position preference. */ .klaro-position-settings{margin-top:15px;padding-top:15px;border-top:1px dashed var(--line,#dfe5ec);display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,280px);align-items:end;gap:18px} .klaro-position-heading h4{margin:0;color:var(--text,#142033);font-size:13px;line-height:1.35}.klaro-position-heading p{margin:4px 0 0;color:var(--muted,#69788a);font-size:12px;line-height:1.5} .klaro-position-field{display:grid;gap:6px}.klaro-position-field label{color:var(--text,#142033);font-size:12px;font-weight:700}.klaro-position-field select{width:100%;min-height:38px} @media(max-width:700px){.klaro-position-settings{grid-template-columns:1fr}} /* v389: sidebar trial status card below the Klarodex logo. */ .sidebar-trial-card{margin:10px 8px 4px;padding:11px 12px;border:1px solid rgba(103,177,245,.42);border-radius:9px;background:linear-gradient(180deg,rgba(18,102,178,.2),rgba(8,53,88,.16));color:#dceeff;font-size:12px;line-height:1.4}.sidebar-trial-card-head{display:flex;align-items:center;gap:7px;margin-bottom:6px}.sidebar-trial-card-head strong{color:#fff;font-size:12px}.sidebar-trial-dot{width:7px;height:7px;border-radius:50%;background:#61dd95;box-shadow:0 0 0 3px rgba(97,221,149,.12)}.sidebar-trial-expiry,.sidebar-trial-packages{display:block;color:#b9dcff;text-decoration:none;font-size:12px}.sidebar-trial-expiry:hover,.sidebar-trial-packages:hover{color:#fff;text-decoration:underline}.sidebar-trial-packages{margin-top:5px;color:#75baff;font-weight:800}.sidebar-trial-expiry:after{content:' ›';font-weight:800}.sidebar-trial-packages:after{content:' ›';font-weight:800}body.sidebar-collapsed .sidebar-trial-card{display:none!important} /* v390: active-trial sidebar card. */ .sidebar-trial-kicker{margin-bottom:3px;color:#6db8ff;font-size:12px;font-weight:900;letter-spacing:.06em}.sidebar-trial-expiry span{color:#dceeff;font-weight:700}.sidebar-trial-card .sidebar-trial-packages{margin-top:7px} /* v391 - Super Admin support user mode */ .klarodex-exit-user-mode{border-color:#e3b75e!important;background:#fff8df!important;color:#755200!important}.klarodex-exit-user-mode:hover{background:#ffefb8!important}.klarodex-exit-user-mode .top-nav-icon{color:#a26b00!important}body[data-resolved-theme="dark"] .klarodex-exit-user-mode,body[data-resolved-theme="black"] .klarodex-exit-user-mode{border-color:#8b6b2c!important;background:#3c3017!important;color:#ffd87a!important} /* v396 - Settings content fills the workspace; account-help strips follow the selected dialog shadow. */ .settings-page,.settings-page .settings-tab-pane{width:100%;max-width:none} .settings-page .settings-tab-pane>.settings-card{width:100%;max-width:none} body.dashboard-shadow-enabled .settings-page>.footer-note{box-shadow:var(--dashboard-dialog-shadow,var(--shadow))} body:not(.dashboard-shadow-enabled) .settings-page>.footer-note{box-shadow:none} /* v397 - stronger first-company onboarding cue on Markets and Tracked Companies. */ .first-company-exchange-field{position:relative} .first-company-exchange-cue{display:flex;min-height:38px;align-items:center;gap:8px;margin:0 0 5px;pointer-events:none} .first-company-exchange-cue-label{display:inline-flex;min-height:28px;align-items:center;padding:5px 11px;border:1px solid #0d67ca;border-radius:7px;background:#1670d2;color:#fff;font-size:12px;font-weight:900;line-height:1;letter-spacing:.075em;box-shadow:none} body.empty-tracked-portfolio[data-page="tracked"] .first-company-exchange-field>.select, body.no-tracked-companies[data-page="markets"] .markets-search-panel .first-company-exchange-field>.select{border-color:rgba(22,112,210,.68);box-shadow:0 0 0 3px rgba(22,112,210,.08)} body[data-resolved-theme="dark"] .first-company-exchange-cue-label, body[data-resolved-theme="black"] .first-company-exchange-cue-label{border-color:#4f9cf0;background:#2579d7;color:#fff;box-shadow:none} body[data-resolved-theme="dark"].empty-tracked-portfolio[data-page="tracked"] .first-company-exchange-field>.select, body[data-resolved-theme="black"].empty-tracked-portfolio[data-page="tracked"] .first-company-exchange-field>.select, body.no-tracked-companies[data-resolved-theme="dark"][data-page="markets"] .markets-search-panel .first-company-exchange-field>.select, body.no-tracked-companies[data-resolved-theme="black"][data-page="markets"] .markets-search-panel .first-company-exchange-field>.select{border-color:rgba(117,186,255,.7);box-shadow:0 0 0 3px rgba(117,186,255,.1)} /* The cue now supplies the onboarding instruction; avoid the older small inline label. */ .markets-search-panel.markets-selection-focus .field:first-child label:after{content:none!important} @media(max-width:700px){.first-company-exchange-cue{min-height:34px}.first-company-exchange-cue-label{font-size:12px}} /* v398 - first-company START HERE cue refinement: no arrow and no badge shadow. */ .first-company-exchange-cue-label{box-shadow:none!important} /* v399 - Markets field baseline/padding and flat first-company onboarding badge. */ .markets-search-panel .markets-filter-grid{align-items:end;padding-bottom:16px} .first-company-exchange-cue:before,.first-company-exchange-cue:after,.first-company-exchange-cue-label:before,.first-company-exchange-cue-label:after{content:none!important;display:none!important} .first-company-exchange-cue-label{box-shadow:none!important;filter:none!important} /* v400 - clearer first-company onboarding section heading. */ .sidebar-first-company-section{margin:10px 5px 14px} .sidebar-first-company-section-heading{margin:0 2px 7px;color:#78c3ff;font-size:14px;font-weight:900;line-height:1.15;letter-spacing:.07em} .sidebar-first-company-section .sidebar-first-company-guide{margin:0} .sidebar-first-company-section .sidebar-first-company-guide h3{font-size:16px;line-height:1.18} .sidebar-collapsed .sidebar-first-company-section{display:none!important} /* v402 - Settings row controls sit near the workspace midpoint instead of the far-right edge. */ @media(min-width:761px){ .settings-page [data-settings-pane="preferences"] .preference-row{ grid-template-columns:32px minmax(280px,44%) 210px; justify-content:start; } .settings-page [data-settings-pane="notifications"] .settings-stack .settings-line{ justify-content:flex-start; column-gap:24px; } .settings-page [data-settings-pane="notifications"] .settings-stack .settings-line>div:first-child{ flex:0 1 44%; min-width:280px; } .settings-page [data-settings-pane="notifications"] .settings-stack .settings-line>.toggle{ flex:0 0 31px; } .settings-page [data-settings-pane="privacy"] .privacy-action-block{ justify-content:flex-start; column-gap:24px; } .settings-page [data-settings-pane="privacy"] .privacy-action-block>div:first-child{ flex:0 1 44%; min-width:280px; } .settings-page [data-settings-pane="privacy"] .privacy-action-block>.btn{ flex:0 0 auto; } } /* v403 - API Access uses the same midpoint control alignment as the other compact Settings rows. */ @media(min-width:761px){ .settings-page [data-settings-pane="api"] .settings-line{ justify-content:flex-start; column-gap:24px; } .settings-page [data-settings-pane="api"] .settings-line>div:first-child{ flex:0 1 44%; min-width:280px; } .settings-page [data-settings-pane="api"] .settings-line>.btn{ flex:0 0 auto; } } /* v404: give the active-trial status card breathing room before the score/menu content. */ .sidebar-trial-card{margin-bottom:12px!important} /* v415 - Financial Fundamentals header action alignment. */ .company-profile-head-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;min-width:0} .company-profile-export{width:auto;flex:0 0 auto} .company-profile-snapshot{flex:0 0 auto} @media(max-width:900px){.company-profile-head{align-items:flex-start;flex-wrap:wrap}.company-profile-head-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}} @media(max-width:560px){.company-profile-head-actions{align-items:stretch;flex-direction:column}.company-profile-export,.company-profile-snapshot{width:100%}} /* v416: Events Calendar tabs and All Signals hierarchy. */ .company-events-tabs>button{font-weight:700!important} .all-signals-head{align-items:flex-start;margin-bottom:12px} .all-signals-head .page-title{min-width:0;flex:1} .all-signals-head .page-title h1{margin-bottom:7px} .all-signals-head .page-title p{max-width:900px;color:var(--muted);font-weight:400} .all-signals-kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;width:100%;max-width:none;margin:0 0 14px;overflow:visible} .all-signals-kpis .signal-hm{display:grid;gap:8px;min-width:0;min-height:108px;padding:14px;border-left:1px solid var(--line)} .all-signals-kpis .signal-hm span{display:block;margin:0;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0} .all-signals-kpis .signal-hm strong{display:block;margin:0;font-size:25px;line-height:1.08;font-weight:700;letter-spacing:-.35px} .all-signals-kpis .signal-hm b{display:block;max-width:none;color:var(--text);font-size:12px;font-weight:500;line-height:1.35} .signal-profile-add{width:auto!important;min-width:auto!important;height:39px!important;padding:0 15px!important;font-size:12px!important;font-weight:700!important;line-height:1!important;white-space:nowrap} body[data-resolved-theme="dark"] .btn.primary.signal-profile-add,body[data-resolved-theme="black"] .btn.primary.signal-profile-add{background:linear-gradient(180deg,#0b6bec,#0757c7)!important;border-color:#0757c7!important;color:#fff!important} @media(max-width:1450px){.all-signals-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:950px){.all-signals-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.all-signals-kpis{grid-template-columns:1fr}} /* v417: top-level screen heading and descriptive subtext consistency. Signal Convergence / Ops Radar and Company Anomaly Detection define the reference typography used across app screens. */ :root{--page-subtext:#26344d} body[data-resolved-theme="dark"]{--page-subtext:#a8b4c5} body[data-resolved-theme="black"]{--page-subtext:#aab2bd} body[data-resolved-theme="contrast"]{--page-subtext:#fff} .page-title>h1{margin:0 0 6px!important;color:var(--text)!important;font-size:var(--font-heading-3x,28px)!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-.7px!important} .page-title>p,.page-subtext{margin-top:0!important;color:var(--page-subtext)!important;font-size:var(--font-summary,13px)!important;font-weight:400!important;line-height:1.55!important} .overview-dataset-inline.page-subtext{white-space:nowrap} @media(max-width:760px){.overview-dataset-inline.page-subtext{white-space:normal}} /* v426 - Super Admin debug transport diagnostics */ .debug-transport-error{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 12px;padding:12px 14px;border:1px solid #ef9b9b;border-radius:8px;background:#fff4f4;color:#7f1d1d} .debug-transport-error[hidden]{display:none!important}.debug-transport-error strong,.debug-transport-error span{display:block}.debug-transport-error strong{font-size:12px;margin-bottom:4px}.debug-transport-error span{font-size:12px;font-weight:700;word-break:break-all}.debug-transport-error p{margin:7px 0 4px;font-size:12px;line-height:1.45;white-space:pre-wrap}.debug-transport-error small{display:block;color:#9b3b3b;font-size:12px}.debug-transport-error .btn{flex:0 0 auto} body[data-resolved-theme="dark"] .debug-transport-error,body[data-resolved-theme="black"] .debug-transport-error{background:#2a171b!important;border-color:#66313b!important;color:#ffb0b7!important} body[data-resolved-theme="dark"] .debug-transport-error small,body[data-resolved-theme="black"] .debug-transport-error small{color:#e9959d!important} /* v429: dedicated iPhone/mobile overview pass. Keep page-level width stable and let data tables own horizontal scrolling. */ @media(max-width:700px){ html,body{max-width:100%;overflow-x:hidden} .main{max-width:100vw;overflow-x:hidden} /* Overall score remains full width; strongest/weakest become a compact two-column pair. */ .overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} .overview-kpis>.overview-score-card,.overview-kpis>.overview-change-card{grid-column:1/-1!important} .overview-kpis>.card:nth-child(2),.overview-kpis>.card:nth-child(3){grid-column:auto!important;min-width:0!important} .overview-kpis>.card:nth-child(2) .metric,.overview-kpis>.card:nth-child(3) .metric{font-size:28px!important} .overview-kpis>.card:nth-child(2) .spark,.overview-kpis>.card:nth-child(3) .spark{height:46px!important} /* Use the full mobile card width for the animated category signal. */ .overview-signals-motion-card{padding-left:6px!important;padding-right:6px!important} .signals-motion-chart{overflow:visible!important} .signals-motion-stage{height:455px!important;min-height:455px!important;overflow:hidden!important} .signals-motion-svg{width:128%!important;max-width:none!important;height:455px!important;max-height:455px!important;margin-left:-14%!important} /* Distribution is full width; score ranges become three readable columns beneath it. */ .overview-main-reworked{grid-template-columns:1fr!important} #scoreDistributionCard,#scoreRangeCard{grid-column:1/-1!important;width:100%!important} #scoreDistributionCard .donut-wrap{gap:26px!important} #scoreRangeCard .score-ranges-vertical{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important} #scoreRangeCard .rangebox{min-width:0!important;padding:14px 5px!important;border-top:0!important} #scoreRangeCard .rangebox+.rangebox{border-left:1px solid var(--line,#e6ebf0)!important;border-top:0!important} #scoreRangeCard .rangebox strong{font-size:18px!important} /* Ranked tables remain tidy and scroll inside their card instead of squeezing columns together. */ .overview-strongest-card .table-wrap,.overview-weakest-card .table-wrap,.overview-changed-card .table-wrap{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain} .overview-ranked-table{width:680px!important;min-width:680px!important;table-layout:fixed!important} .overview-ranked-table .ranked-signal-col{width:37%!important}.overview-ranked-table .ranked-category-col{width:27%!important}.overview-ranked-table .ranked-strength-col{width:36%!important} .overview-ranked-table th,.overview-ranked-table td{white-space:nowrap!important} .overview-strength-cell{min-width:0!important;justify-content:flex-start!important} .overview-strength-cell .strength-track{width:120px!important;flex-basis:120px!important} .overview-changed-table{width:1080px!important;min-width:1080px!important;table-layout:fixed!important} .overview-changed-table th,.overview-changed-table td{white-space:nowrap!important} .overview-changed-card{overflow:hidden!important} .overview-changed-card .overview-table-title{align-items:flex-start!important;flex-direction:column!important;gap:4px!important} } /* v429: shared mobile blocking loaders are viewport-anchored, never layout-viewport fragments. */ @media(max-width:900px){ .financial-overview-loading, .main>.company-results-overlay.visualisation-page-loader, .main>.company-results-overlay[style*="position: fixed"]{ position:fixed!important;top:54px!important;left:0!important;right:auto!important;bottom:auto!important; width:100vw!important;max-width:100vw!important;height:calc(100dvh - 54px)!important;min-height:0!important; margin:0!important;transform:none!important;z-index:5300!important;border-radius:0!important; } .financial-overview-loading .company-results-overlay-card, .main>.company-results-overlay.visualisation-page-loader .company-results-overlay-card, .main>.company-results-overlay[style*="position: fixed"] .company-results-overlay-card{width:min(88vw,460px)!important;max-width:88vw!important;margin:0!important} } /* v437: mobile overview density, dialog affordances and iOS company selector. */ .company-analysis-select{ -webkit-appearance:none;appearance:none; background-color:#0b2638; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:right 9px center;background-size:12px 8px; } .company-analysis-select::-ms-expand{display:none} .overview-surface-mobile-x,.overview-surface-mobile-footer{display:none} @media(max-width:700px){ /* Five overview KPI cards: full-width overall score, then two balanced 2-column rows. */ .overview-kpis>.overview-score-card{grid-column:1/-1!important} .overview-kpis>.overview-change-card{grid-column:auto!important;min-width:0!important} .overview-kpis>.overview-change-card h3{min-height:30px;margin-bottom:8px!important;line-height:1.25} .overview-kpis>.overview-change-card .metric{font-size:25px!important} .overview-kpis>.overview-change-card .score-change-arrow{font-size:38px!important} .overview-kpis>.overview-change-card .subline{min-height:44px!important;font-size:12px!important;line-height:1.35} /* 30-day Signals: crop unused desktop SVG canvas and remove the oversized vertical stage. */ .overview-signals-motion-card{padding:14px 10px 12px!important;min-height:0!important} .signals-motion-chart{width:100%!important;overflow:hidden!important} .signals-motion-stage{height:400px!important;min-height:400px!important;margin:0!important;overflow:hidden!important} .signals-motion-svg{display:block!important;width:100%!important;max-width:100%!important;height:400px!important;max-height:400px!important;margin:0!important} .signals-category-panel{padding:14px 9px 4px!important;margin:0!important} .signals-category-panel .signals-side-category{grid-template-columns:32px minmax(92px,.8fr) minmax(100px,1.5fr) 50px!important;column-gap:8px!important;padding:6px 2px!important} .signals-category-panel .signals-side-value{padding-right:2px!important} /* 3D surface popup always leaves a real gutter around the iPhone viewport. */ .overview-surface-modal{padding:12px!important;place-items:center!important} .overview-surface-dialog{position:relative!important;width:100%!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;margin:0!important;padding:14px!important;overflow:auto!important;border-radius:10px!important} .overview-surface-dialog-head{padding-right:42px!important;flex-direction:column!important;gap:10px!important} .overview-surface-head-actions{width:100%!important;justify-content:flex-start!important;gap:7px!important} .overview-surface-date{width:100%!important;min-width:0!important;text-align:left!important} .overview-surface-head-actions .overview-surface-close{display:none!important} .overview-surface-mobile-x{display:grid!important;position:absolute!important;z-index:4;top:9px;right:9px;width:36px;height:36px;place-items:center;padding:0;border:1px solid var(--line,#dfe5ec);border-radius:7px;background:var(--card,#fff);color:var(--text,#142033);font-size:25px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08)} .overview-surface-dialog .overview-surface-wrap,.overview-surface-dialog .overview-signal-surface{min-height:330px!important} .overview-surface-mobile-footer{display:flex!important;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--line,#dfe5ec)} .overview-surface-mobile-footer .btn{min-width:96px} } /* Clear mobile affordance for dialog content that genuinely scrolls horizontally. */ @media(max-width:900px){ .klarodex-mobile-hscroll{scrollbar-width:auto!important;scrollbar-color:#1671d9 color-mix(in srgb,var(--soft,#edf2f7) 88%,transparent);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;box-shadow:inset -16px 0 12px -15px rgba(22,113,217,.55)} .klarodex-mobile-hscroll::-webkit-scrollbar{height:7px!important} .klarodex-mobile-hscroll::-webkit-scrollbar-track{background:var(--soft,#edf2f7);border-radius:8px} .klarodex-mobile-hscroll::-webkit-scrollbar-thumb{background:#1671d9;border-radius:8px} .klarodex-mobile-hscroll-hint{display:inline-flex;align-items:center;gap:6px;margin:6px 0 5px;padding:5px 8px;border:1px solid color-mix(in srgb,#1671d9 28%,var(--line,#dfe5ec));border-radius:999px;background:color-mix(in srgb,#1671d9 7%,var(--card,#fff));color:#1267c8;font-size:12px;font-weight:750;line-height:1;transition:opacity .18s ease} .klarodex-mobile-hscroll-hint span{font-size:14px;line-height:1} .klarodex-mobile-hscroll-hint.is-used{opacity:0;pointer-events:none;height:0;margin:0;padding-top:0;padding-bottom:0;border-width:0;overflow:hidden} body[data-resolved-theme="dark"] .klarodex-mobile-hscroll-hint,body[data-resolved-theme="black"] .klarodex-mobile-hscroll-hint,body[data-resolved-theme="contrast"] .klarodex-mobile-hscroll-hint{color:#8fc5ff;background:rgba(22,113,217,.13);border-color:rgba(93,165,242,.42)} } /* v445: Klarodex Overview monitoring snapshots */ .overview-intelligence-section{display:grid;gap:10px;margin-top:10px}.overview-intelligence-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:10px}.overview-intelligence-card{padding:0;overflow:hidden}.overview-intelligence-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:15px 17px;border-bottom:1px solid var(--line)}.overview-intelligence-head h3{margin:2px 0 3px;font-size:var(--font-heading-1x,16px);font-weight:800}.overview-intelligence-head p{margin:0;color:var(--muted);font-size:var(--font-body,12px);line-height:1.45}.overview-intelligence-kicker{display:block;color:var(--blue);font-size:var(--font-small,12px);font-weight:800;letter-spacing:.035em}.overview-intelligence-link{flex:0 0 auto;color:var(--blue);font-size:var(--font-body,12px);font-weight:700;text-decoration:none;white-space:nowrap}.overview-intelligence-link:hover{text-decoration:underline}.overview-intelligence-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.overview-intelligence-kpis>div{padding:12px 17px;border-right:1px solid var(--line)}.overview-intelligence-kpis>div:last-child{border-right:0}.overview-intelligence-kpis span,.overview-contradiction-summary span{display:block;color:var(--muted);font-size:var(--font-small,12px);font-weight:700;text-transform:uppercase}.overview-intelligence-kpis strong{display:block;margin-top:4px;font-size:24px;line-height:1;font-weight:800}.overview-intelligence-kpis .positive strong{color:var(--green)}.overview-intelligence-kpis .negative strong{color:var(--red)}.overview-anomaly-feed{display:grid;padding:0 17px 5px}.overview-anomaly-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.overview-anomaly-item:last-child{border-bottom:0}.overview-anomaly-dot{width:8px;height:8px;border-radius:50%;background:#8c99aa}.overview-anomaly-item.positive .overview-anomaly-dot{background:var(--green)}.overview-anomaly-item.negative .overview-anomaly-dot{background:var(--red)}.overview-anomaly-item strong{display:block;font-size:var(--font-body,12px)}.overview-anomaly-item p{margin:3px 0 0;color:var(--muted);font-size:var(--font-body,12px);line-height:1.45}.overview-monitor-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;border:1px solid var(--line);border-radius:5px;font-size:var(--font-small,12px);font-weight:700}.overview-monitor-chip.positive{color:#087f21;background:#f0faf2;border-color:#ccebd2}.overview-monitor-chip.negative{color:#d92727;background:#fff2f1;border-color:#ffd4d1}.overview-monitor-chip.neutral{color:#6a7688;background:var(--soft)}.overview-intelligence-loading,.overview-intelligence-empty{padding:24px 10px;text-align:center;color:var(--muted);font-size:var(--font-body,12px)}.overview-more-link{display:block;padding:10px 0 11px;color:var(--blue);font-size:var(--font-body,12px);font-weight:700;text-decoration:none}.overview-contradiction-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;border-bottom:1px solid var(--line)}.overview-contradiction-summary>div:first-child strong{display:block;margin:3px 0 4px;font-size:28px;line-height:1;font-weight:800}.overview-contradiction-summary small{display:block;color:var(--muted);font-size:var(--font-small,12px)}.overview-contradiction-status{padding:5px 8px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:var(--font-small,12px);font-weight:700}.overview-contradiction-status.active{color:#b46800;background:#fff7e8;border-color:#f1cb8a}.overview-contradiction-status.clear{color:#087f21;background:#f0faf2;border-color:#ccebd2}.overview-contradiction-list{padding:0 17px 5px}.overview-contradiction-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.overview-contradiction-item strong{font-size:var(--font-body,12px)}.overview-contradiction-item p{margin:3px 0 0;color:var(--muted);font-size:var(--font-small,12px);line-height:1.45}.overview-contradiction-metrics{display:flex;gap:6px;align-items:flex-start}.overview-contradiction-metrics span{min-width:68px;padding:6px 7px;border:1px solid var(--line);border-radius:6px;background:var(--soft);color:var(--muted);font-size:var(--font-small,12px);text-align:center}.overview-contradiction-metrics b{display:block;color:var(--text);font-size:var(--font-subheading,13px)}.overview-convergence-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 10px;padding:13px 17px;border-bottom:1px solid var(--line)}.overview-convergence-summary>strong{font-size:var(--font-body,12px)}.overview-convergence-summary>small{grid-column:2;color:var(--muted);font-size:var(--font-small,12px)}.overview-convergence-badge{grid-row:1/3;display:inline-flex;align-items:center;padding:5px 8px;border:1px solid var(--line);border-radius:5px;font-size:var(--font-small,12px);font-weight:800;white-space:nowrap}.overview-convergence-badge.positive{color:#087f21;background:#f0faf2;border-color:#ccebd2}.overview-convergence-badge.negative{color:#d92727;background:#fff2f1;border-color:#ffd4d1}.overview-convergence-badge.neutral{color:#6a7688;background:var(--soft)}.overview-convergence-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px 17px 10px}.overview-convergence-category{display:grid;grid-template-columns:minmax(0,1fr) minmax(104px,132px) 54px;align-items:center;gap:7px;min-width:0;padding:8px 8px;border-bottom:1px solid var(--line)}.overview-convergence-category:nth-child(odd){border-right:1px solid var(--line)}.overview-convergence-category strong,.overview-convergence-category small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-convergence-category strong{font-size:var(--font-small,12px)}.overview-convergence-category small{margin-top:2px;color:var(--muted);font-size:var(--font-small,12px)}.overview-convergence-strength{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.overview-convergence-strength .strength-track{width:82px;flex:0 1 82px}.overview-convergence-strength b{min-width:34px;font-size:var(--font-small,12px);font-weight:800;text-align:right}.overview-convergence-delta{font-size:var(--font-small,12px);font-weight:800;text-align:right;white-space:nowrap}.overview-convergence-delta.up{color:var(--green)}.overview-convergence-delta.down{color:var(--red)}.overview-convergence-delta.flat{color:var(--muted)}.overview-intelligence-card.is-locked .overview-intelligence-head{opacity:.82}.overview-intelligence-locked{display:flex;align-items:center;gap:13px;min-height:112px;padding:20px 17px;background:linear-gradient(135deg,var(--soft),var(--card))}.overview-lock-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:1px solid #8bb7ea;border-radius:9px;background:#eef6ff;color:#176dc9}.overview-lock-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.overview-intelligence-locked strong{display:block;font-size:var(--font-body,12px)}.overview-intelligence-locked p{margin:4px 0 0;color:var(--muted);font-size:var(--font-small,12px);line-height:1.45}body[data-resolved-theme="dark"] .overview-monitor-chip.positive,body[data-resolved-theme="black"] .overview-monitor-chip.positive,body[data-resolved-theme="dark"] .overview-convergence-badge.positive,body[data-resolved-theme="black"] .overview-convergence-badge.positive,body[data-resolved-theme="dark"] .overview-contradiction-status.clear,body[data-resolved-theme="black"] .overview-contradiction-status.clear{background:#112b20;border-color:#285d43;color:#72d9a2}body[data-resolved-theme="dark"] .overview-monitor-chip.negative,body[data-resolved-theme="black"] .overview-monitor-chip.negative,body[data-resolved-theme="dark"] .overview-convergence-badge.negative,body[data-resolved-theme="black"] .overview-convergence-badge.negative{background:#321c20;border-color:#71363d;color:#ff8d95}body[data-resolved-theme="dark"] .overview-contradiction-status.active,body[data-resolved-theme="black"] .overview-contradiction-status.active{background:#332716;border-color:#765621;color:#ffc96b}body[data-resolved-theme="dark"] .overview-lock-icon,body[data-resolved-theme="black"] .overview-lock-icon{border-color:#315f8e;background:#172d43;color:#8fc7ff}@media(max-width:1100px){.overview-intelligence-grid{grid-template-columns:1fr}.overview-convergence-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-convergence-category:nth-child(odd){border-right:0}.overview-convergence-category{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start}.overview-convergence-strength{justify-content:flex-start}.overview-convergence-strength .strength-track{width:72px;flex-basis:72px}.overview-convergence-delta{grid-column:1;text-align:left}}@media(max-width:700px){.overview-intelligence-head{flex-direction:column;gap:8px;padding:14px}.overview-intelligence-link{white-space:normal}.overview-intelligence-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-intelligence-kpis>div:nth-child(2){border-right:0}.overview-intelligence-kpis>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.overview-anomaly-feed,.overview-contradiction-list{padding-left:14px;padding-right:14px}.overview-anomaly-item{grid-template-columns:8px minmax(0,1fr)}.overview-monitor-chip{grid-column:2;justify-self:start}.overview-contradiction-item{grid-template-columns:1fr}.overview-contradiction-metrics{justify-content:flex-start}.overview-convergence-summary{padding:12px 14px}.overview-convergence-categories{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:8px;padding-right:8px}.overview-intelligence-locked{padding:18px 14px}} /* v445 anomaly snapshot filter parity */ .overview-anomaly-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 17px 5px}.overview-anomaly-toolbar>span{color:var(--muted);font-size:var(--font-small,12px);font-weight:700}.overview-anomaly-filter-pills{display:flex;align-items:center;gap:5px}.overview-anomaly-filter-pills button{height:28px;padding:0 10px;border:1px solid var(--line);border-radius:15px;background:var(--card);color:var(--muted);font-size:var(--font-small,12px);font-weight:700;cursor:pointer}.overview-anomaly-filter-pills button.active{border-color:#9fc4f5;background:#edf5ff;color:var(--blue)}body[data-resolved-theme="dark"] .overview-anomaly-filter-pills button.active,body[data-resolved-theme="black"] .overview-anomaly-filter-pills button.active{background:#102c46;border-color:#426d9f;color:#8dbbff}@media(max-width:700px){.overview-anomaly-toolbar{align-items:flex-start;flex-direction:column;padding-left:14px;padding-right:14px}.overview-anomaly-filter-pills{width:100%;overflow-x:auto;padding-bottom:2px}.overview-anomaly-filter-pills button{flex:0 0 auto}} /* v454 Overview heading consistency */ .overview-kpis .card h3, .overview-signals-motion-card .signals-motion-head h3, .overview-signals-motion-card .signals-category-panel h3, .overview-main-reworked .card h3, .overview-score-trend-wide .card h3, .overview-bottom .card h3, .overview-intelligence-head h3 { font-size:var(--font-heading-1x,16px)!important; text-transform:none!important; letter-spacing:normal!important; } .overview-intelligence-head h3{margin-top:0!important} /* v461: Settings tabs match shared tab weight while preserving user-configured tab sizing. */ .settings-tabs > button { font-weight:650 !important; } /* v461: Settings tabs match shared tab weight while preserving user-configured tab sizing. */ .settings-tabs > button { font-weight:650 !important; } /* v463 Notes tab colour consistency */ body[data-resolved-theme="light"] .notes-section-tabs>.notes-section-tab:not(.active){color:var(--text)!important;} /* v467 - tracked company tag filtering and dashboard-comment indicator */ .tracked-tag-filter-button{white-space:nowrap} .tracked-tag-filter-modal{position:fixed;inset:0;z-index:2400;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(8,18,34,.42);backdrop-filter:blur(2px)} .tracked-tag-filter-modal[hidden]{display:none!important} .tracked-tag-filter-dialog{width:min(520px,calc(100vw - 32px));max-height:min(680px,calc(100vh - 40px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:var(--dashboard-dialog-shadow,0 18px 48px rgba(7,21,47,.18))} body.dashboard-gradient-enabled .tracked-tag-filter-dialog{background-image:var(--dashboard-dialog-gradient)!important} .tracked-tag-filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px 14px;border-bottom:1px solid var(--line)} .tracked-tag-filter-head h2{margin:0 0 4px;font-size:var(--font-heading-1x,16px);line-height:1.25} .tracked-tag-filter-head p{margin:0;color:var(--muted);font-size:var(--font-small,12px);line-height:1.45} .tracked-tag-filter-close{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--text);font:600 18px/1 inherit;cursor:pointer} .tracked-tag-filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px 20px;overflow:auto} .tracked-tag-filter-option{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft,#f7f9fc);cursor:pointer;font-size:var(--font-body,13px)} .tracked-tag-filter-option input{margin:0;accent-color:var(--blue)} .tracked-tag-filter-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tracked-tag-filter-empty{grid-column:1/-1;padding:18px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);text-align:center;font-size:var(--font-body,13px)} .tracked-tag-filter-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 16px;border-top:1px solid var(--line)} .tracked-company-name-line{display:flex;align-items:center;gap:6px;min-width:0} .tracked-company-comment-indicator{width:17px;height:17px;display:inline-grid;place-items:center;flex:0 0 17px;border:1.5px solid #0b67e8;border-radius:50%;color:#0b67e8;background:#fff;font:700 12px/1 Georgia,serif;cursor:help} .tracked-company-comment-indicator.is-hidden{display:none!important} @media(max-width:640px){.tracked-tag-filter-options{grid-template-columns:1fr}.tracked-tag-filter-dialog{width:min(440px,calc(100vw - 20px))}} /* v471 - tracked comments, conditional filter clear, and standard modal close buttons */ .tracked-filter-clear{border-color:#e14949!important;background:#fff5f5!important;color:#c92f2f!important;font-weight:650!important}.tracked-filter-clear:hover{background:#ffe9e9!important;border-color:#cf3030!important} .tracked-company-comment-indicator.signal-explanation-icon{appearance:none;padding:0;background:transparent;cursor:pointer;font-family:inherit} .tracked-company-comment-row>td{padding:0!important;border-top:0!important;background:#f5f9ff} .tracked-company-comment-row.is-hidden{display:none!important}.tracked-company-comment-row[hidden]{display:none!important} .tracked-company-comment-host{padding:0 12px 13px 50px}.tracked-company-comment-content{padding:12px 14px;border:1px solid #cfe0f4;border-radius:7px;background:var(--card);box-shadow:0 5px 16px rgba(20,60,105,.08)}.tracked-company-comment-content>strong{display:block;margin-bottom:6px;font-size:var(--font-heading-1x,16px)}.tracked-company-comment-content p{margin:0;color:var(--muted);font-size:var(--font-body,13px);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere} /* Textual Close actions inside modal/dialog footers use the standard blue action style. */ .dialog-close-primary,.modal-close-primary,[data-dialog-close-primary]{border-color:#0b67e8!important;background:#0b67e8!important;color:#fff!important;font-weight:650!important}.dialog-close-primary:hover,.modal-close-primary:hover,[data-dialog-close-primary]:hover{background:#0958c6!important;border-color:#0958c6!important;color:#fff!important} /* Stripe billing restored v472 */ .billing-package-actions{display:flex;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)} .billing-package-actions .btn{width:100%} /* v420 Stripe subscription billing warning */ .klarodex-billing-warning{position:fixed;z-index:1180;top:42px;left:var(--sidebar-width,210px);right:0;display:flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:7px 16px;border-bottom:1px solid #efc26a;background:#fff7df;color:#714600;font-size:12px;font-weight:650;box-shadow:0 2px 7px rgba(80,54,0,.08)} .klarodex-billing-warning-icon{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#e69a17;color:#fff;font-weight:900} .klarodex-billing-warning a{color:#8a5200;font-weight:800;text-decoration:underline} .sidebar.slim~.klarodex-top-nav+.klarodex-billing-warning{left:68px} body[data-resolved-theme="dark"] .klarodex-billing-warning,body[data-resolved-theme="black"] .klarodex-billing-warning{border-color:#725414;background:#33280e;color:#ffd985} body[data-resolved-theme="dark"] .klarodex-billing-warning a,body[data-resolved-theme="black"] .klarodex-billing-warning a{color:#ffe3a4} .klarodex-billing-warning{left:0;top:42px;padding-left:10px;padding-right:10px} /* v420 Stripe billing */ .settings-billing-warning{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;margin-top:13px;padding:11px 12px;border:1px solid #efc26a;border-radius:8px;background:#fff7df;color:#714600;font-size:12px} .settings-billing-warning strong{grid-column:1;font-size:12px} .settings-billing-warning span{grid-column:1;line-height:1.45} .settings-billing-warning .btn{grid-column:2;grid-row:1/3;align-self:center;border-color:#d7a84d;background:#fff;color:#7b4b00} .stripe-invoice-status{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:var(--soft);font-size:11px;font-weight:750;text-transform:capitalize} .stripe-invoice-status.paid{border-color:#b7dfc5;background:#effaf3;color:#147642} .stripe-invoice-status.open{border-color:#efc26a;background:#fff7df;color:#8a5700} .stripe-invoice-status.void,.stripe-invoice-status.uncollectible{border-color:#e5b2b2;background:#fff2f2;color:#a62e2e} body[data-resolved-theme="dark"] .settings-billing-warning,body[data-resolved-theme="black"] .settings-billing-warning{border-color:#6d531d;background:#30260e;color:#ffd985} body[data-resolved-theme="dark"] .stripe-invoice-status.paid,body[data-resolved-theme="black"] .stripe-invoice-status.paid{border-color:#285e3d;background:#112b1d;color:#8de3ae} .settings-billing-warning{grid-template-columns:1fr} .settings-billing-warning .btn{grid-column:1;grid-row:auto;width:max-content} /* v479 Google sign-in anchor uses the existing button presentation. */ .google-login{text-decoration:none;box-sizing:border-box} /* v497 tracked-company comments/tags hover popovers */ .tracked-company-meta-icons{display:inline-flex;align-items:center;gap:4px;margin-left:5px}.tracked-company-meta-indicator{width:17px;height:17px;display:inline-grid;place-items:center;flex:0 0 17px;border:1.5px solid #0b67e8;border-radius:50%;color:#0b67e8;background:var(--card);font:700 11px/1 Inter,Arial,sans-serif;cursor:help;padding:0}.tracked-company-tag-indicator{border-radius:4px;font-size:10px}.tracked-company-meta-indicator.is-hidden{display:none!important}.tracked-company-meta-popover{position:fixed;z-index:10070;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:0 14px 34px rgba(15,23,42,.2);color:var(--text)}.tracked-company-meta-popover[hidden]{display:none!important}.tracked-company-meta-popover>strong{display:block;margin-bottom:7px;font-size:var(--font-heading-1x,16px)}.tracked-company-meta-popover-body{display:flex;gap:5px;flex-wrap:wrap}.tracked-company-meta-popover-body p{margin:0;color:var(--muted);font-size:12px;line-height:1.5;white-space:pre-wrap}.tracked-company-tag-chip{display:inline-flex;padding:3px 7px;border:1px solid #cfe0f4;border-radius:999px;background:#f5f9ff;color:#0b67d7;font-size:12px;font-weight:700} /* v505 UI consistency: summary/KPI headings use normal Klarodex dialog typography. */ .tracked-kpis .card>h3,.pc-kpis .card>h3{font-size:13px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:0!important;text-transform:none!important;color:var(--text)!important;margin:0 0 6px!important} .tracked-information-hover-toggle{margin-left:auto;flex:0 0 auto!important} .tracked-company-meta-detail-row>td{padding:0!important;border-top:0!important;background:#f5f9ff!important} .tracked-company-meta-detail-host{padding:10px 12px 12px 58px} .tracked-company-expanded-info{padding:12px 14px!important} .tracked-company-expanded-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px} .tracked-company-expanded-head>strong{font-size:var(--font-heading-1x,16px);color:var(--text)} .tracked-company-expanded-head>span{font-size:12px;color:var(--muted)} .tracked-company-expanded-body{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start} .tracked-company-expanded-body p{margin:0;color:var(--muted);font-size:12px;line-height:1.6;white-space:pre-wrap} body[data-resolved-theme="dark"] .tracked-company-meta-detail-row>td,body[data-resolved-theme="black"] .tracked-company-meta-detail-row>td{background:#102943!important} @media(max-width:900px){.tracked-information-hover-toggle{margin-left:0}.tracked-company-meta-detail-host{padding-left:12px}} /* v506 tracked companies expanded company information + signal overview */ .tracked-filter-toolbar .toolbar{width:100%} .tracked-information-hover-toggle{margin-left:auto!important} .tracked-company-meta-detail-host{padding:10px 12px 12px 12px!important} .tracked-company-tag-indicator,.tracked-company-signal-indicator{border-radius:50%!important} .tracked-company-signal-indicator{font-size:9px;font-weight:800} .tracked-company-row-overview-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--line)} .tracked-company-row-overview-head>strong{font-size:var(--font-heading-1x,16px);color:var(--text)} .tracked-company-row-overview-head>span{font-size:12px;color:var(--muted)} .tracked-company-row-overview-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(220px,.8fr) minmax(520px,2.4fr);gap:10px;align-items:stretch} .tracked-company-info-section{min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:var(--card)} .tracked-company-info-section .tracked-company-expanded-head{margin-bottom:7px} .tracked-company-info-signals{grid-column:auto} .tracked-company-signal-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 10px} .tracked-company-signal-item{min-width:0;padding:6px 7px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft,#f7f9fc)} .tracked-company-signal-label{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:5px;font-size:11px} .tracked-company-signal-label strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650;color:var(--text)} .tracked-company-signal-label span{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700} .tracked-company-signal-track{height:5px;border-radius:999px;background:#e6edf5;overflow:hidden} .tracked-company-signal-track i{display:block;height:100%;border-radius:999px;background:var(--orange)} .tracked-company-signal-track i.strong{background:var(--green)} .tracked-company-signal-track i.weak{background:var(--red)} .tracked-company-signal-track i.neutral{background:var(--orange)} .tracked-company-row{cursor:default} body[data-resolved-theme="dark"] .tracked-company-info-section,body[data-resolved-theme="black"] .tracked-company-info-section{background:var(--card)} body[data-resolved-theme="dark"] .tracked-company-signal-item,body[data-resolved-theme="black"] .tracked-company-signal-item{background:rgba(255,255,255,.025)} @media(max-width:1200px){.tracked-company-row-overview-grid{grid-template-columns:1fr 1fr}.tracked-company-info-signals{grid-column:1/-1}.tracked-company-signal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:800px){.tracked-company-row-overview-grid{grid-template-columns:1fr}.tracked-company-info-signals{grid-column:auto}.tracked-company-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tracked-information-hover-toggle{margin-left:0!important}} /* ======================================================================== v509 - Appearance System Themes + Klarodex chrome system theme ======================================================================== */ .appearance-system-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.appearance-system-head>div:first-child{min-width:0}.appearance-system-note{display:flex;align-items:center;gap:9px;max-width:520px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--muted);font-size:12px;line-height:1.4}.appearance-system-note .info{margin:0;flex:0 0 auto}.appearance-subtabs{display:flex;gap:5px;margin:17px 0 16px;border-bottom:1px solid var(--line)}.appearance-subtabs button{position:relative;padding:10px 14px 11px;border:0;background:transparent;color:var(--text);font-size:var(--font-tab,14px);font-weight:650;cursor:pointer}.appearance-subtabs button.active{color:var(--blue)}.appearance-subtabs button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--blue)}.appearance-subpane[hidden]{display:none!important}.appearance-subpane.active{display:block}.system-theme-intro,.custom-styles-intro{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.system-theme-intro h3,.custom-styles-intro h3{margin:0 0 4px;font-size:var(--font-heading-1x,16px)}.system-theme-intro p,.custom-styles-intro p{margin:0!important;color:var(--muted)!important}.system-theme-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px}.system-theme-card{min-width:0;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.system-theme-card:hover{border-color:color-mix(in srgb,var(--blue) 45%,var(--line));transform:translateY(-1px)}.system-theme-card.active{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),0 8px 22px color-mix(in srgb,var(--blue) 13%,transparent)}.system-theme-preview{position:relative;display:block;height:92px;overflow:hidden;border:1px solid rgba(108,124,145,.22);border-radius:7px;background:#edf2f8}.system-theme-preview:before{content:"";position:absolute;left:0;top:0;bottom:0;width:25%;background:#d8e2ef}.system-theme-preview i,.system-theme-preview b,.system-theme-preview em,.system-theme-preview u{position:absolute;display:block;border-radius:5px;text-decoration:none}.system-theme-preview i{left:31%;top:17%;width:28%;height:9%;background:#b9cce6}.system-theme-preview b{left:31%;top:34%;width:52%;height:8%;background:#d2deed}.system-theme-preview em{left:31%;top:50%;width:42%;height:8%;background:#d2deed}.system-theme-preview u{right:8%;bottom:10%;width:39%;height:32%;background:linear-gradient(145deg,transparent 45%,#87b6f8 46%,#5c96eb 58%,#dbe9fb 59%)}.theme-preview-light{background:linear-gradient(145deg,#fff,#edf3fa)}.theme-preview-light:before{background:#e4ebf4}.theme-preview-dark{background:linear-gradient(145deg,#162338,#0d1726)}.theme-preview-dark:before{background:#0b1625}.theme-preview-dark i{background:#3e5b87}.theme-preview-dark b,.theme-preview-dark em{background:#263b5b}.theme-preview-dark u{background:linear-gradient(145deg,transparent 45%,#3e77c7 46%,#709ee2 60%,#263a57 61%)}.theme-preview-black{background:#050505}.theme-preview-black:before{background:#0e0e0e}.theme-preview-black i{background:#3a3a3a}.theme-preview-black b,.theme-preview-black em{background:#252525}.theme-preview-black u{background:linear-gradient(145deg,transparent 45%,#999 46%,#d4d4d4 59%,#333 60%)}.theme-preview-contrast{background:#000;border-color:#fff}.theme-preview-contrast:before{background:#111;border-right:1px solid #fff}.theme-preview-contrast i,.theme-preview-contrast b,.theme-preview-contrast em{background:#fff}.theme-preview-contrast u{background:linear-gradient(145deg,transparent 45%,#fff 46%,#fff 57%,#000 58%);border:1px solid #fff}.theme-preview-system{background:linear-gradient(90deg,#f7f9fc 0 50%,#0e1621 50%)}.theme-preview-system:before{background:linear-gradient(90deg,#dce5f0 0 50%,#07111c 50%)}.theme-preview-system i{background:linear-gradient(90deg,#bdd0e7 0 50%,#466385 50%)}.theme-preview-system b,.theme-preview-system em{background:linear-gradient(90deg,#d7e1ed 0 50%,#263a50 50%)}.theme-preview-system u{background:linear-gradient(145deg,transparent 45%,#5b98e8 46%,#8ab9f4 58%,#26374d 59%)}.theme-preview-klarodex{background:radial-gradient(circle at 82% 22%,rgba(86,135,211,.34),transparent 31%),linear-gradient(145deg,#181c22 0%,#0a0d12 52%,#121823 100%);border-color:#3a4658;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.theme-preview-klarodex:before{background:linear-gradient(180deg,#171d26,#0a0e14);border-right:1px solid #293446}.theme-preview-klarodex i{background:linear-gradient(90deg,#29446c,#538be0);box-shadow:0 0 12px rgba(72,132,221,.25)}.theme-preview-klarodex b,.theme-preview-klarodex em{background:linear-gradient(90deg,#26303f,#18202d)}.theme-preview-klarodex u{background:linear-gradient(145deg,transparent 43%,#2c5fa4 44%,#74aaff 56%,#b4cdf4 57%,#263141 61%);filter:drop-shadow(0 0 7px rgba(65,128,222,.35))}.theme-preview-shine{position:absolute;inset:-30% -50%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.11) 49%,transparent 56%);transform:rotate(-7deg);pointer-events:none}.system-theme-name{display:grid;grid-template-columns:18px minmax(0,1fr);gap:0 7px;align-items:center;padding:10px 2px 1px}.system-theme-name strong{font-size:13px;line-height:1.2}.system-theme-name small{grid-column:2;color:var(--muted);font-size:11px;line-height:1.3;margin-top:2px}.system-theme-radio{width:16px;height:16px;border:1.5px solid color-mix(in srgb,var(--muted) 75%,transparent);border-radius:50%;position:relative;grid-row:1 / span 2}.system-theme-card.active .system-theme-radio{border-color:var(--blue);background:var(--blue)}.system-theme-card.active .system-theme-radio:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:800}.system-theme-card-klarodex.active{background:linear-gradient(180deg,color-mix(in srgb,#1c2635 78%,var(--card)),var(--card))}.klarodex-theme-showcase{position:relative;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(420px,1.28fr);gap:28px;align-items:center;margin-top:16px;padding:26px 28px;overflow:hidden;border:1px solid #344155;border-radius:10px;background:radial-gradient(circle at 78% 18%,rgba(69,115,184,.22),transparent 28%),linear-gradient(135deg,#0a0e14 0%,#111722 48%,#080b10 100%);color:#eef4ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.klarodex-theme-showcase:after{content:"";position:absolute;right:-8%;top:-56%;width:55%;height:160%;transform:rotate(29deg);background:linear-gradient(90deg,transparent,rgba(90,132,196,.10),rgba(255,255,255,.06),transparent);pointer-events:none}.klarodex-theme-copy,.klarodex-theme-demo{position:relative;z-index:1}.klarodex-theme-kicker{display:inline-flex;padding:5px 9px;border:1px solid #244e7d;border-radius:13px;background:#10243a;color:#79b5ff;font-size:11px;font-weight:800;letter-spacing:.08em}.klarodex-theme-copy h3{margin:12px 0 8px;font-size:27px}.klarodex-theme-copy p{max-width:520px;margin:0!important;color:#b9c6d8!important;font-size:13px!important;line-height:1.55}.klarodex-theme-features{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:16px;color:#dfe8f5;font-size:12px}.klarodex-theme-features span:before{content:"✓";display:inline-grid;width:16px;height:16px;margin-right:7px;place-items:center;border-radius:50%;background:#4c8fe6;color:#08111e;font-size:10px;font-weight:900}.klarodex-theme-demo{min-height:245px;border:1px solid #38465a;border-radius:12px;background:linear-gradient(145deg,#111722,#06090e);box-shadow:0 24px 50px rgba(0,0,0,.33),inset 0 1px 0 rgba(255,255,255,.06)}.klarodex-demo-top{height:38px;display:flex;align-items:center;gap:8px;padding:0 13px;border-bottom:1px solid #293445;background:linear-gradient(180deg,#1b222d,#111721)}.klarodex-demo-top b{margin-right:auto;font-size:11px;letter-spacing:.08em}.klarodex-demo-top span{width:26px;height:12px;border-radius:8px;background:linear-gradient(180deg,#303c4d,#1a2230)}.klarodex-demo-body{display:grid;grid-template-columns:92px 1fr;min-height:206px}.klarodex-demo-body aside{display:grid;align-content:start;gap:11px;padding:18px 12px;border-right:1px solid #202b3a;background:linear-gradient(180deg,#0e141d,#090d13)}.klarodex-demo-body aside i{height:10px;border-radius:6px;background:#293548}.klarodex-demo-body aside i.on{background:linear-gradient(90deg,#2b558e,#4d86d6);box-shadow:0 0 12px rgba(68,130,217,.22)}.klarodex-demo-body section{padding:16px}.klarodex-demo-toolbar{display:flex;gap:9px}.klarodex-demo-toolbar i{display:block;width:75px;height:13px;border-radius:5px;background:linear-gradient(180deg,#283447,#182131)}.klarodex-demo-chart{height:105px;margin-top:14px;padding:10px;border:1px solid #283546;border-radius:8px;background:linear-gradient(145deg,#111925,#0a0f16)}.klarodex-demo-chart svg{width:100%;height:100%}.klarodex-demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.klarodex-demo-cards i{height:38px;border:1px solid #293647;border-radius:7px;background:linear-gradient(145deg,#151d29,#0e141d)} /* Klarodex system theme: premium graphite / metal / chrome visual language. */ :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]){color-scheme:dark;--nav:#070b11;--nav2:#02050a;--blue:#5b9cf5;--blue2:#316fcb;--green:#35c996;--lime:#9ed65a;--amber:#e4b45b;--orange:#e88a48;--red:#f05b61;--purple:#8b79e8;--text:#f1f5fb;--muted:#aab6c7;--line:#333d4b;--soft:#121821;--card:#151a21;--shadow:0 12px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);background:#080b10;color:var(--text)} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .main,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .categories-design-v2{background:radial-gradient(circle at 78% 7%,rgba(75,111,167,.11),transparent 30%),linear-gradient(135deg,#090d13 0%,#11161d 48%,#080b10 100%);color:var(--text)} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .sidebar{background:radial-gradient(circle at 10% 3%,rgba(42,83,137,.20),transparent 28%),linear-gradient(180deg,#080e16 0%,#05080d 54%,#020407 100%);border-right:1px solid #28313e;box-shadow:10px 0 30px rgba(0,0,0,.15)} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .side-nav a:hover,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .side-nav a.active{background:linear-gradient(90deg,rgba(69,126,205,.62),rgba(34,72,122,.36));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 16px rgba(45,105,188,.12)} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .card,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .settings-card,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .alert-builder,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .summary-panel,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .rangebox,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .mini-stat,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .summary-cells>div{background:linear-gradient(145deg,#171c23 0%,#11161d 58%,#131820 100%);border-color:#333e4d;box-shadow:0 13px 30px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.035);color:var(--text)} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .card:where(.kpi,.metric-card),:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .kpis>.card{background:linear-gradient(160deg,#191f27,#10151c);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 24px rgba(0,0,0,.16)} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .btn:not(.primary),:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .input,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .select,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .field input,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .field select,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .field textarea,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) input:not([type=checkbox]):not([type=radio]),:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) select,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) textarea{background:linear-gradient(180deg,#181e27,#11161d);color:#eef4fb;border-color:#3b4656;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .btn:not(.primary):hover{background:linear-gradient(180deg,#202936,#161d27);border-color:#53647b} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .btn.primary{background:linear-gradient(180deg,#5a9cf6 0%,#3276d3 52%,#2865ba 100%);border-color:#659fe9;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 6px 16px rgba(28,91,173,.18)} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .tabs,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .settings-line,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .preference-row{border-color:#303946} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .tabs button.active,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .settings-tabs button.active{color:#72adff!important;border-bottom-color:#72adff!important} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .page-title h1,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) h1,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) h2,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) h3{color:#f4f7fb} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .page-title p,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .settings-card>p,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) small,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .section-note{color:#aab6c7} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .data-table th,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .data-table td{border-bottom-color:#2d3541} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .data-table th{color:#d7e0ec;background:linear-gradient(180deg,#171d25,#131820)} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .data-table tbody tr:hover{background:#18212c} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .progress{background:#2a323d} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .footer-note{background:linear-gradient(145deg,#111720,#0e131a);border:1px solid #303b49;color:#aab6c7} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .round-icon{background:linear-gradient(145deg,#253348,#111925);border:1px solid #3d526e;color:#7db6ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .pill{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .settings-dialog,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .modal,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) [role="dialog"]{border-color:#3b4655} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .chart .gridline{stroke:#2b3440}:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .chart text{fill:#aeb9c8} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .appearance-choices button{background:linear-gradient(180deg,#181f28,#11161d);border-color:#3b4655;color:#e9eff7}:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .appearance-choices button.active{background:linear-gradient(180deg,#22334b,#17253a);border-color:#6aa5f5;box-shadow:inset 0 0 0 1px #6aa5f5,0 0 18px rgba(72,137,229,.12)} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .system-theme-card{background:linear-gradient(155deg,#181e26,#11161d);border-color:#364150}:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .system-theme-card.active{border-color:#68a3f3;box-shadow:0 0 0 1px #68a3f3,0 12px 28px rgba(0,0,0,.22)} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .appearance-system-note{background:linear-gradient(145deg,#151c25,#10151c);border-color:#354252} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .klarodex-top-nav{background:linear-gradient(180deg,#11161d,#0b1016)!important;border-bottom-color:#303a47!important;box-shadow:0 4px 18px rgba(0,0,0,.24),inset 0 -1px 0 rgba(255,255,255,.02)!important} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .klarodex-top-link,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .klarodex-top-trigger{color:#e9eff7!important}:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .klarodex-top-link:hover,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .klarodex-top-trigger:hover,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .klarodex-top-link.active,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .klarodex-top-trigger.active{background:linear-gradient(180deg,#202c3d,#162235)!important;color:#76b2ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .klarodex-top-dropdown,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .klarodex-top-submenu-panel{background:linear-gradient(160deg,#171d25,#0f141b)!important;border-color:#3a4554!important;box-shadow:0 18px 38px rgba(0,0,0,.36)!important} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .klarodex-top-dropdown a,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .klarodex-top-submenu-trigger{color:#e8eef7!important}:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .klarodex-top-dropdown a:hover,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .klarodex-top-submenu-trigger:hover{background:#1c2939!important;color:#78b4ff!important} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .signal-pending-overlay,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .company-results-overlay{background:rgba(5,8,12,.89)!important;backdrop-filter:blur(7px)} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .signal-pending-card,:is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) .company-results-overlay-card{background:linear-gradient(145deg,#1a2028,#0c1117)!important;border:1px solid #435164!important;box-shadow:0 26px 55px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05)!important} :is(body[data-theme="klarodex"],body[data-appearance-theme="klarodex"]) ::selection{background:#5d9ff2;color:#07101b} @media(max-width:1250px){.system-theme-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.klarodex-theme-showcase{grid-template-columns:1fr}.klarodex-theme-demo{min-height:220px}} @media(max-width:760px){.appearance-system-head{display:block}.appearance-system-note{margin-top:12px;max-width:none}.system-theme-grid{grid-template-columns:1fr 1fr}.klarodex-theme-showcase{padding:20px}.klarodex-theme-features{grid-template-columns:1fr}} @media(max-width:480px){.system-theme-grid{grid-template-columns:1fr}.appearance-subtabs{overflow-x:auto}.klarodex-demo-body{grid-template-columns:66px 1fr}} /* ======================================================================== v510 - Tracked company hover layout + expanded system presets ======================================================================== */ /* Tracked Companies expanded information keeps the detail row visually tied to its source row and adapts the signal grid to the available content. */ .tracked-company-meta-detail-row>td{background:color-mix(in srgb,var(--card) 92%,var(--soft))!important} .tracked-company-meta-detail-host{box-sizing:border-box;width:100%;padding:9px 10px 12px!important} .tracked-company-expanded-info{box-sizing:border-box;width:100%;margin:0;padding:12px!important;border:1px solid var(--line);border-radius:8px;background:var(--card)} .tracked-company-row-overview-grid.section-count-1{grid-template-columns:1fr} .tracked-company-row-overview-grid.section-count-1>.tracked-company-info-section{grid-column:1/-1} .tracked-company-row-overview-grid.section-count-2{grid-template-columns:minmax(250px,.82fr) minmax(0,2.18fr)} .tracked-company-row-overview-grid.section-count-3{grid-template-columns:minmax(220px,.8fr) minmax(220px,.8fr) minmax(0,2.4fr)} .tracked-company-row-overview-grid.has-comments .tracked-company-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .tracked-company-row-overview-grid:not(.has-comments) .tracked-company-info-signals:only-child .tracked-company-signal-grid{grid-template-columns:repeat(4,minmax(0,1fr))} body[data-resolved-theme="dark"] .tracked-company-meta-detail-row>td, body[data-resolved-theme="black"] .tracked-company-meta-detail-row>td, body[data-resolved-theme="contrast"] .tracked-company-meta-detail-row>td{background:color-mix(in srgb,var(--card) 88%,#07111d)!important} @media(max-width:1100px){.tracked-company-row-overview-grid.section-count-2,.tracked-company-row-overview-grid.section-count-3{grid-template-columns:1fr 1fr}.tracked-company-row-overview-grid.section-count-3 .tracked-company-info-signals{grid-column:1/-1}} @media(max-width:760px){.tracked-company-row-overview-grid.section-count-1,.tracked-company-row-overview-grid.section-count-2,.tracked-company-row-overview-grid.section-count-3{grid-template-columns:1fr}.tracked-company-row-overview-grid .tracked-company-info-signals{grid-column:auto!important}.tracked-company-row-overview-grid .tracked-company-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* Theme selector now contains twelve presets, so keep cards legible rather than squeezing them across one very wide row. */ .system-theme-grid{grid-template-columns:repeat(4,minmax(165px,1fr))} @media(max-width:1250px){.system-theme-grid{grid-template-columns:repeat(3,minmax(155px,1fr))}} @media(max-width:760px){.system-theme-grid{grid-template-columns:repeat(2,minmax(145px,1fr))}} @media(max-width:480px){.system-theme-grid{grid-template-columns:1fr}} /* Additional preset thumbnails. */ .theme-preview-aurora{background:radial-gradient(circle at 82% 20%,rgba(48,223,194,.35),transparent 34%),linear-gradient(145deg,#102126,#071015)} .theme-preview-aurora:before{background:#081b1d}.theme-preview-aurora i{background:#42d6c0}.theme-preview-aurora b,.theme-preview-aurora em{background:#17383a}.theme-preview-aurora u{background:linear-gradient(145deg,transparent 45%,#1c8f86 46%,#54e1c4 58%,#17383a 59%)} .theme-preview-ember{background:radial-gradient(circle at 82% 20%,rgba(233,129,65,.34),transparent 34%),linear-gradient(145deg,#251813,#0f0b09)} .theme-preview-ember:before{background:#1e110c}.theme-preview-ember i{background:#dc8145}.theme-preview-ember b,.theme-preview-ember em{background:#4a2b1c}.theme-preview-ember u{background:linear-gradient(145deg,transparent 45%,#a95327 46%,#f2a05f 58%,#4a2b1c 59%)} .theme-preview-violet{background:radial-gradient(circle at 82% 20%,rgba(143,105,235,.38),transparent 34%),linear-gradient(145deg,#1b1530,#0d0917)} .theme-preview-violet:before{background:#140f25}.theme-preview-violet i{background:#9875ed}.theme-preview-violet b,.theme-preview-violet em{background:#31264c}.theme-preview-violet u{background:linear-gradient(145deg,transparent 45%,#6947bf 46%,#b59bf7 58%,#31264c 59%)} .theme-preview-ocean{background:radial-gradient(circle at 82% 20%,rgba(36,185,230,.35),transparent 34%),linear-gradient(145deg,#0d2030,#071018)} .theme-preview-ocean:before{background:#081925}.theme-preview-ocean i{background:#35b8df}.theme-preview-ocean b,.theme-preview-ocean em{background:#17384b}.theme-preview-ocean u{background:linear-gradient(145deg,transparent 45%,#177ba6 46%,#51cef0 58%,#17384b 59%)} .theme-preview-rose{background:radial-gradient(circle at 82% 20%,rgba(226,106,151,.33),transparent 34%),linear-gradient(145deg,#261820,#100b0f)} .theme-preview-rose:before{background:#1d1017}.theme-preview-rose i{background:#de7aa0}.theme-preview-rose b,.theme-preview-rose em{background:#452535}.theme-preview-rose u{background:linear-gradient(145deg,transparent 45%,#a94f73 46%,#f09aba 58%,#452535 59%)} .theme-preview-jade{background:radial-gradient(circle at 82% 20%,rgba(73,208,145,.34),transparent 34%),linear-gradient(145deg,#10231a,#07110c)} .theme-preview-jade:before{background:#0a1b12}.theme-preview-jade i{background:#48cc8e}.theme-preview-jade b,.theme-preview-jade em{background:#1b3b2b}.theme-preview-jade u{background:linear-gradient(145deg,transparent 45%,#268a5b 46%,#68e3a9 58%,#1b3b2b 59%)} /* Dynamic system-theme hero. Existing Klarodex markup is intentionally reused so every theme receives the same full-size visual preview. */ #systemThemeShowcase{--preview-bg-1:#0a0e14;--preview-bg-2:#111722;--preview-bg-3:#080b10;--preview-panel:#111722;--preview-panel-2:#06090e;--preview-line:#344155;--preview-accent:#69a4ff;--preview-soft:#263548;--preview-text:#eef4ff;--preview-muted:#b9c6d8} #systemThemeShowcase{background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--preview-accent) 22%,transparent),transparent 28%),linear-gradient(135deg,var(--preview-bg-1) 0%,var(--preview-bg-2) 48%,var(--preview-bg-3) 100%);border-color:var(--preview-line);color:var(--preview-text)} #systemThemeShowcase .klarodex-theme-copy p{color:var(--preview-muted)!important} #systemThemeShowcase .klarodex-theme-kicker{border-color:color-mix(in srgb,var(--preview-accent) 55%,#1d2734);background:color-mix(in srgb,var(--preview-accent) 14%,var(--preview-bg-2));color:color-mix(in srgb,var(--preview-accent) 75%,white)} #systemThemeShowcase .klarodex-theme-features span:before{background:var(--preview-accent);color:var(--preview-bg-1)} #systemThemeShowcase .klarodex-theme-demo{background:linear-gradient(145deg,var(--preview-panel),var(--preview-panel-2));border-color:var(--preview-line)} #systemThemeShowcase .klarodex-demo-top{background:linear-gradient(180deg,color-mix(in srgb,var(--preview-panel) 88%,white 4%),var(--preview-panel));border-bottom-color:var(--preview-line)} #systemThemeShowcase .klarodex-demo-body aside{background:linear-gradient(180deg,var(--preview-panel),var(--preview-panel-2));border-right-color:var(--preview-line)} #systemThemeShowcase .klarodex-demo-body aside i,#systemThemeShowcase .klarodex-demo-toolbar i{background:var(--preview-soft)} #systemThemeShowcase .klarodex-demo-body aside i.on{background:linear-gradient(90deg,color-mix(in srgb,var(--preview-accent) 58%,#0b1622),var(--preview-accent));box-shadow:0 0 14px color-mix(in srgb,var(--preview-accent) 28%,transparent)} #systemThemeShowcase .klarodex-demo-chart,#systemThemeShowcase .klarodex-demo-cards i{background:linear-gradient(145deg,var(--preview-panel),var(--preview-panel-2));border-color:var(--preview-line)} #systemThemeShowcase[data-preview-theme="light"]{--preview-bg-1:#eef3f8;--preview-bg-2:#fff;--preview-bg-3:#e6edf5;--preview-panel:#fff;--preview-panel-2:#edf3f9;--preview-line:#c7d4e3;--preview-accent:#4f8fe9;--preview-soft:#cad8ea;--preview-text:#172234;--preview-muted:#5c6b7c} #systemThemeShowcase[data-preview-theme="dark"]{--preview-bg-1:#0e1724;--preview-bg-2:#172338;--preview-bg-3:#0a111d;--preview-panel:#152033;--preview-panel-2:#0d1624;--preview-line:#31445f;--preview-accent:#72a7f2;--preview-soft:#2b3e5b;--preview-text:#eef4ff;--preview-muted:#aebed2} #systemThemeShowcase[data-preview-theme="black"]{--preview-bg-1:#000;--preview-bg-2:#0b0b0b;--preview-bg-3:#020202;--preview-panel:#0b0b0b;--preview-panel-2:#030303;--preview-line:#333;--preview-accent:#d3d7dd;--preview-soft:#242424;--preview-text:#fff;--preview-muted:#b8b8b8} #systemThemeShowcase[data-preview-theme="contrast"]{--preview-bg-1:#000;--preview-bg-2:#060606;--preview-bg-3:#000;--preview-panel:#000;--preview-panel-2:#000;--preview-line:#fff;--preview-accent:#fff;--preview-soft:#3a3a3a;--preview-text:#fff;--preview-muted:#fff} #systemThemeShowcase[data-preview-theme="klarodex"]{--preview-bg-1:#0a0e14;--preview-bg-2:#111722;--preview-bg-3:#080b10;--preview-panel:#111722;--preview-panel-2:#06090e;--preview-line:#344155;--preview-accent:#69a4ff;--preview-soft:#263548;--preview-text:#eef4ff;--preview-muted:#b9c6d8} #systemThemeShowcase[data-preview-theme="aurora"]{--preview-bg-1:#071413;--preview-bg-2:#0b2423;--preview-bg-3:#050b0b;--preview-panel:#102220;--preview-panel-2:#06100f;--preview-line:#28504c;--preview-accent:#42e0c0;--preview-soft:#1d3e3a;--preview-text:#edfffa;--preview-muted:#a9cec6} #systemThemeShowcase[data-preview-theme="ember"]{--preview-bg-1:#150d08;--preview-bg-2:#26160f;--preview-bg-3:#090604;--preview-panel:#21140e;--preview-panel-2:#0e0906;--preview-line:#5a3826;--preview-accent:#ff9a52;--preview-soft:#4b2d1e;--preview-text:#fff7f0;--preview-muted:#d0b7a6} #systemThemeShowcase[data-preview-theme="violet"]{--preview-bg-1:#0e0a17;--preview-bg-2:#1d1531;--preview-bg-3:#08060d;--preview-panel:#1a1429;--preview-panel-2:#0b0812;--preview-line:#453668;--preview-accent:#a88cff;--preview-soft:#34274d;--preview-text:#f6f1ff;--preview-muted:#c3b7dc} #systemThemeShowcase[data-preview-theme="ocean"]{--preview-bg-1:#06121b;--preview-bg-2:#0b2332;--preview-bg-3:#040b10;--preview-panel:#0d2130;--preview-panel-2:#061018;--preview-line:#244d67;--preview-accent:#45c9ff;--preview-soft:#193d52;--preview-text:#effaff;--preview-muted:#afcad6} #systemThemeShowcase[data-preview-theme="rose"]{--preview-bg-1:#140a10;--preview-bg-2:#25141e;--preview-bg-3:#0a0508;--preview-panel:#21131b;--preview-panel-2:#0f080c;--preview-line:#583246;--preview-accent:#f58ab2;--preview-soft:#47273a;--preview-text:#fff3f8;--preview-muted:#d4b6c2} #systemThemeShowcase[data-preview-theme="jade"]{--preview-bg-1:#07130d;--preview-bg-2:#10251a;--preview-bg-3:#050a07;--preview-panel:#102218;--preview-panel-2:#07110c;--preview-line:#29513b;--preview-accent:#5de0a4;--preview-soft:#1e432f;--preview-text:#effff6;--preview-muted:#afd1be} #systemThemeShowcase[data-preview-theme="system"]{--preview-bg-1:#eef2f7;--preview-bg-2:#172131;--preview-bg-3:#0b111a;--preview-panel:#101a28;--preview-panel-2:#f4f7fa;--preview-line:#7f91a8;--preview-accent:#6e9fe3;--preview-soft:#33465f;--preview-text:#f4f8ff;--preview-muted:#bac6d5} /* Six new complete dark presets. They deliberately resolve through the normal dark component rules and then layer a palette/material identity on top. */ :is(body[data-appearance-theme="aurora"],body[data-appearance-theme="ember"],body[data-appearance-theme="violet"],body[data-appearance-theme="ocean"],body[data-appearance-theme="rose"],body[data-appearance-theme="jade"]){color-scheme:dark;--text:#f2f6fb;--muted:#aab6c6;--soft:#121922;--card:#151c25;--line:#34404f;--shadow:0 12px 28px rgba(0,0,0,.22);background:#080d12;color:var(--text)} body[data-appearance-theme="aurora"]{--blue:#40d9bf;--blue2:#199a89;--green:#50d8a2;--purple:#6dcfc9;--orange:#dca56c;--amber:#ddbd65;--nav:#071514;--nav2:#030b0a;--card:#10201f;--soft:#0c1918;--line:#294844;--muted:#a3c4be} body[data-appearance-theme="ember"]{--blue:#ef8f4f;--blue2:#b95a2c;--green:#d6b05c;--purple:#d17b61;--orange:#f09a57;--amber:#efc36c;--nav:#160d08;--nav2:#080503;--card:#21140e;--soft:#18100b;--line:#553421;--muted:#c8ac9a} body[data-appearance-theme="violet"]{--blue:#9a7ced;--blue2:#694abd;--green:#5fcaa5;--purple:#a887ff;--orange:#d59170;--amber:#d8b868;--nav:#100b19;--nav2:#07050b;--card:#1b1528;--soft:#130f1d;--line:#45365e;--muted:#bdb1d0} body[data-appearance-theme="ocean"]{--blue:#3dbce9;--blue2:#177ea8;--green:#48c5a7;--purple:#668bd7;--orange:#dc9563;--amber:#dcb760;--nav:#07141d;--nav2:#030a0f;--card:#0e202d;--soft:#0a1822;--line:#2a4a5d;--muted:#a8c3ce} body[data-appearance-theme="rose"]{--blue:#e67ea6;--blue2:#ac4e74;--green:#5ec49c;--purple:#bf7cba;--orange:#dd8d72;--amber:#dcb36c;--nav:#160b11;--nav2:#080407;--card:#21141b;--soft:#180f14;--line:#503244;--muted:#c8acb8} body[data-appearance-theme="jade"]{--blue:#52d49a;--blue2:#27865d;--green:#62d79f;--purple:#68b99f;--orange:#d69a62;--amber:#d9bb66;--nav:#07140d;--nav2:#030a06;--card:#102118;--soft:#0b1811;--line:#2c4c39;--muted:#a7c7b3} :is(body[data-appearance-theme="aurora"],body[data-appearance-theme="ember"],body[data-appearance-theme="violet"],body[data-appearance-theme="ocean"],body[data-appearance-theme="rose"],body[data-appearance-theme="jade"]) .main, :is(body[data-appearance-theme="aurora"],body[data-appearance-theme="ember"],body[data-appearance-theme="violet"],body[data-appearance-theme="ocean"],body[data-appearance-theme="rose"],body[data-appearance-theme="jade"]) .categories-design-v2{background:radial-gradient(circle at 80% 6%,color-mix(in srgb,var(--blue) 10%,transparent),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--nav) 78%,#111722),var(--nav2));color:var(--text)} :is(body[data-appearance-theme="aurora"],body[data-appearance-theme="ember"],body[data-appearance-theme="violet"],body[data-appearance-theme="ocean"],body[data-appearance-theme="rose"],body[data-appearance-theme="jade"]) .sidebar{background:radial-gradient(circle at 12% 5%,color-mix(in srgb,var(--blue) 16%,transparent),transparent 28%),linear-gradient(180deg,var(--nav),var(--nav2));border-right-color:var(--line)} :is(body[data-appearance-theme="aurora"],body[data-appearance-theme="ember"],body[data-appearance-theme="violet"],body[data-appearance-theme="ocean"],body[data-appearance-theme="rose"],body[data-appearance-theme="jade"]) .card, :is(body[data-appearance-theme="aurora"],body[data-appearance-theme="ember"],body[data-appearance-theme="violet"],body[data-appearance-theme="ocean"],body[data-appearance-theme="rose"],body[data-appearance-theme="jade"]) .settings-card, :is(body[data-appearance-theme="aurora"],body[data-appearance-theme="ember"],body[data-appearance-theme="violet"],body[data-appearance-theme="ocean"],body[data-appearance-theme="rose"],body[data-appearance-theme="jade"]) .summary-panel{background:linear-gradient(145deg,color-mix(in srgb,var(--card) 92%,white 2%),color-mix(in srgb,var(--card) 88%,black 9%));border-color:var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.18);color:var(--text)} :is(body[data-appearance-theme="aurora"],body[data-appearance-theme="ember"],body[data-appearance-theme="violet"],body[data-appearance-theme="ocean"],body[data-appearance-theme="rose"],body[data-appearance-theme="jade"]) .klarodex-top-nav{background:linear-gradient(180deg,color-mix(in srgb,var(--card) 88%,black 6%),var(--nav))!important;border-bottom-color:var(--line)!important} :is(body[data-appearance-theme="aurora"],body[data-appearance-theme="ember"],body[data-appearance-theme="violet"],body[data-appearance-theme="ocean"],body[data-appearance-theme="rose"],body[data-appearance-theme="jade"]) .side-nav a:hover, :is(body[data-appearance-theme="aurora"],body[data-appearance-theme="ember"],body[data-appearance-theme="violet"],body[data-appearance-theme="ocean"],body[data-appearance-theme="rose"],body[data-appearance-theme="jade"]) .side-nav a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--blue) 45%,transparent),color-mix(in srgb,var(--blue2) 22%,transparent));color:#fff} :is(body[data-appearance-theme="aurora"],body[data-appearance-theme="ember"],body[data-appearance-theme="violet"],body[data-appearance-theme="ocean"],body[data-appearance-theme="rose"],body[data-appearance-theme="jade"]) .btn.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 94%,white 5%),var(--blue2));border-color:color-mix(in srgb,var(--blue) 70%,white 10%);color:#fff} :is(body[data-appearance-theme="aurora"],body[data-appearance-theme="ember"],body[data-appearance-theme="violet"],body[data-appearance-theme="ocean"],body[data-appearance-theme="rose"],body[data-appearance-theme="jade"]) .tabs button.active, :is(body[data-appearance-theme="aurora"],body[data-appearance-theme="ember"],body[data-appearance-theme="violet"],body[data-appearance-theme="ocean"],body[data-appearance-theme="rose"],body[data-appearance-theme="jade"]) .settings-tabs button.active{color:var(--blue)!important;border-bottom-color:var(--blue)!important} :is(body[data-appearance-theme="aurora"],body[data-appearance-theme="ember"],body[data-appearance-theme="violet"],body[data-appearance-theme="ocean"],body[data-appearance-theme="rose"],body[data-appearance-theme="jade"]) .system-theme-card.active{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),0 10px 28px rgba(0,0,0,.22)} /* v512 - tracked companies overview: stack comments above tags when both are present */ .tracked-company-row-overview-grid.stacked-meta{ grid-template-columns:minmax(280px,.9fr) minmax(0,2.1fr); gap:10px; align-items:stretch; } .tracked-company-row-overview-grid.stacked-meta .tracked-company-meta-stack{ display:flex; flex-direction:column; gap:10px; min-width:0; } .tracked-company-row-overview-grid.stacked-meta .tracked-company-meta-stack .tracked-company-info-section{ min-height:0; } .tracked-company-row-overview-grid.stacked-meta .tracked-company-info-comments{ flex:0 1 auto; } .tracked-company-row-overview-grid.stacked-meta .tracked-company-info-tags{ flex:0 0 auto; } .tracked-company-row-overview-grid.stacked-meta .tracked-company-info-signals{ min-width:0; } .tracked-company-row-overview-grid.stacked-meta .tracked-company-signal-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } @media(max-width:1100px){ .tracked-company-row-overview-grid.stacked-meta{grid-template-columns:1fr 1.5fr} } @media(max-width:760px){ .tracked-company-row-overview-grid.stacked-meta{grid-template-columns:1fr} .tracked-company-row-overview-grid.stacked-meta .tracked-company-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } /* v532 - mobile density: retain two-column summary cards where card content comfortably fits. */ @media(max-width:700px){ .financial-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} } @media(max-width:520px){ .tracked-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} } /* v533 - mobile horizontal-scroll affordance for data tables and other wide data regions. */ .mobile-horizontal-scroll-tools{display:none} @media(max-width:850px){ .mobile-horizontal-scroll-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:6px 0 7px;padding:0 2px} .mobile-horizontal-scroll-tools[hidden]{display:none!important} .mobile-horizontal-scroll-tools .mobile-scroll-label{margin-right:auto;color:var(--muted);font-size:12px;font-weight:650} .mobile-horizontal-scroll-tools button{display:grid;width:34px;height:32px;place-items:center;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--text);font-size:19px;font-weight:700;line-height:1;cursor:pointer} .mobile-horizontal-scroll-tools button:disabled{opacity:.38;cursor:default} .mobile-horizontal-scroll-tools button:not(:disabled):active{background:var(--soft)} .mobile-scroll-host{max-width:100%;overflow-x:auto!important;overflow-y:hidden;scrollbar-width:thin!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain} .mobile-scroll-host::-webkit-scrollbar{height:6px} .mobile-scroll-host::-webkit-scrollbar-track{background:color-mix(in srgb,var(--soft) 82%,transparent);border-radius:99px} .mobile-scroll-host::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 58%,transparent);border-radius:99px} } /* v535 - universal mobile/tablet tab overflow affordance. Any tab row that exceeds the visible width gets dedicated left/right controls. The implementation is shared so Settings, company screens, portfolio tools, dialogs and future tab rows inherit the same behaviour automatically. */ .klarodex-tab-scroll-tools{display:none} @media(max-width:1100px){ .klarodex-tabs-overflow-host{ max-width:100%; overflow-x:auto!important; overflow-y:hidden!important; flex-wrap:nowrap!important; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; scrollbar-width:thin; scroll-behavior:smooth; } .klarodex-tabs-overflow-host::-webkit-scrollbar{height:5px} .klarodex-tabs-overflow-host::-webkit-scrollbar-track{background:color-mix(in srgb,var(--soft) 80%,transparent);border-radius:999px} .klarodex-tabs-overflow-host::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 52%,transparent);border-radius:999px} .klarodex-tabs-overflow-host>button, .klarodex-tabs-overflow-host>a, .klarodex-tabs-overflow-host>[role="tab"]{flex:0 0 auto!important;white-space:nowrap!important} .klarodex-tab-scroll-tools{ display:flex; justify-content:flex-end; align-items:center; gap:6px; min-height:34px; margin:0 0 4px; padding:0 1px; } .klarodex-tab-scroll-tools[hidden]{display:none!important} .klarodex-tab-scroll-tools button{ display:grid; width:34px; height:32px; min-width:34px; place-items:center; padding:0!important; border:1px solid var(--line)!important; border-radius:7px!important; background:var(--card)!important; color:var(--text)!important; box-shadow:none!important; font-size:21px!important; font-weight:700!important; line-height:1!important; cursor:pointer; } .klarodex-tab-scroll-tools button:disabled{opacity:.32;cursor:default} .klarodex-tab-scroll-tools button:not(:disabled):active{background:var(--soft)!important} body[data-resolved-theme="dark"] .klarodex-tab-scroll-tools button, body[data-resolved-theme="black"] .klarodex-tab-scroll-tools button, body[data-resolved-theme="contrast"] .klarodex-tab-scroll-tools button{background:var(--card)!important;color:var(--text)!important;border-color:var(--line)!important} } /* v536 - keep Notification toggles fully inside the Settings card on narrow mobile screens. */ @media(max-width:760px){ .settings-page [data-settings-pane="notifications"] .settings-stack .settings-line{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; width:100%; min-width:0; } .settings-page [data-settings-pane="notifications"] .settings-stack .settings-line>div:first-child{ min-width:0; max-width:100%; overflow-wrap:anywhere; } .settings-page [data-settings-pane="notifications"] .settings-stack .settings-line>.toggle{ flex:none; justify-self:end; margin-right:2px; } }