/* ChartMine fundamentals pages: stock screener, shareholding changes, quarterly results */
.fq{margin-top:16px;max-width:900px}

/* screener */
.scr-top{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-top:6px}
.scr-top .sz-search{flex:1 1 320px}
.scr-n{font-size:15px;color:var(--fg2);margin-right:auto}.scr-n b{color:#fff;font:600 20px var(--fx)}
.scr-p{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:16px}
.scr-p button{display:flex;flex-direction:column;gap:3px;text-align:left;background:var(--card);border:1px solid var(--line2);color:#fff;padding:12px 14px;cursor:pointer;font:500 15px var(--f);border-radius:8px;transition:border-color .2s}
.scr-p button small{color:var(--fg3);font-size:12.5px;font-weight:400}
.scr-p button:hover{border-color:var(--fg3)}
.scr-p button.on{border-color:var(--long);background:rgba(62,207,122,.1)}.scr-p button.on b{color:var(--long)}
.scr-f{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 16px;margin-top:16px;padding:18px;border:1px solid var(--line);background:var(--card)}
.scr-i label{display:block;font-size:13px;color:var(--fg2);margin-bottom:6px}.scr-i label small{color:var(--fg3)}
.scr-i>div{display:flex;align-items:center;gap:6px}.scr-i>div span{color:var(--fg3);font-size:12.5px}
.scr-i input[type=number],.scr-i select{width:100%;min-width:0;height:40px;padding:0 10px;background:#0B0D12;border:1px solid var(--line2);color:#fff;font:15px var(--f);border-radius:6px}
.scr-i input[type=number]:focus,.scr-i select:focus{outline:none;border-color:var(--long)}
.scr-i input[type=number]::placeholder{color:#5A5F70}
.scr-cb{display:flex;flex-direction:column;justify-content:center;gap:8px}
.scr-cb label{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:var(--fg2);cursor:pointer}
.scr-cb input{width:18px;height:18px;accent-color:#3ECF7A}
.scr-map{margin-bottom:16px}
.scr-tb table{min-width:1280px}
.scr-tb td.sc{min-width:0;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg2);font-size:13.5px}
.rsb{display:inline-block;min-width:30px;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.06);text-align:center}
.rsb.hi{background:rgba(62,207,122,.16);color:var(--long)}.rsb.lo{background:rgba(240,85,94,.12);color:var(--short)}
.scr-more{display:flex;align-items:center;gap:14px;margin-top:14px;color:var(--fg3);font-size:14px}

/* charts */
.fsc .ax{stroke:#2A2E3A;stroke-width:1}
.fsc .axl{fill:#A3A8B8;font-size:12px}
.fsc .ql{font-size:12px;font-weight:600}.fsc .ql.L{fill:var(--long)}.fsc .ql.S{fill:var(--short)}
.fsc a circle{cursor:pointer;transition:fill-opacity .15s}.fsc a:hover circle{fill-opacity:1;stroke:#fff}

/* diverging bars (shareholding) */
.ftw .ftabs{margin-bottom:4px}
.dv{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.dv-c h4{font:500 12px var(--f);letter-spacing:.08em;text-transform:uppercase;color:var(--fg3);margin-bottom:8px}
.dv-r{display:grid;grid-template-columns:minmax(0,9em) 1fr 4.2em;gap:10px;align-items:center;padding:5px 0;font-size:14px;color:var(--fg2)}
.dv-r span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dv-r:hover span{color:#fff}
.dv-r b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;background:none}
.dv-t{height:12px;background:rgba(255,255,255,.03);border-radius:3px;display:flex}
.dv-t i{display:block;height:100%;border-radius:3px}
.dv-t.up i{background:#3ECF7A}
.dv-t.dn{justify-content:flex-end}.dv-t.dn i{background:#F0555E}
.fb a{display:flex;flex-direction:column;border-radius:8px;padding:8px 14px}.fb a b{color:#fff;font-weight:500}.fb a small{color:var(--long);font-size:12.5px}

/* centred bar list (sectors) */
.hbl{display:flex;flex-direction:column;gap:4px}
.hb{display:grid;grid-template-columns:minmax(0,13em) 1fr 4.6em minmax(0,8em);gap:12px;align-items:center;font-size:14px;color:var(--fg2);padding:3px 0}
.hb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb-t{position:relative;height:12px;background:linear-gradient(90deg,transparent calc(50% - .5px),#2A2E3A calc(50% - .5px),#2A2E3A calc(50% + .5px),transparent calc(50% + .5px))}
.hb-t i{position:absolute;top:0;height:100%;border-radius:2px}
.hb-t i.L{background:#3ECF7A}.hb-t i.S{background:#F0555E}
.hb b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;background:none}
.hb em{font-style:normal;font-size:12.5px;color:var(--fg3)}

/* results by day */
.rd{display:flex;flex-direction:column;gap:18px}
.rd-d h4{font:500 16px var(--f);margin-bottom:8px}.rd-d h4 small{color:var(--fg3);font-size:13px;margin-left:10px}
.rd-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.rd-c{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line);background:var(--card);transition:border-color .2s}
.rd-c:hover{border-color:var(--long)}
.rd-c b{color:#fff;font-weight:500}.rd-c span{font-size:13.5px;color:var(--fg2)}.rd-c em{font-style:normal;font-weight:600;background:none}.rd-c small{font-size:12.5px;color:var(--fg3)}

@media (max-width:700px){
  .dv{grid-template-columns:1fr;gap:18px}
  .hb{grid-template-columns:minmax(0,8em) 1fr 4em;gap:8px}.hb em{display:none}
  .scr-f{grid-template-columns:1fr 1fr;padding:14px;gap:12px}
  .scr-p{grid-template-columns:1fr 1fr}
  .scr-top .btn{width:100%;justify-content:center}
}
@media (max-width:420px){.scr-f{gap:10px}.scr-i>div{gap:4px}.scr-i>div span{display:none}.scr-i input[type=number]{padding:0 7px;font-size:14px}.scr-i label{font-size:12.5px}.scr-cb{grid-column:1/-1}}