/* Tab "Báo cáo phân tích" trang cổ phiếu (stock-reports.js, 07/10/2026). Chỉ dùng biến màu chung (--ink/--muted/--paper/--card/--line/--green/--red)
   nên tự đúng ở giao diện tối; dùng lại .stk-card / .stk-toolbar / .stk-seg / .stk-fin-table của stock-tabs.css. */
.stk-rep-chk{display:flex;align-items:center;gap:6px;font:600 11px Manrope;color:var(--muted);cursor:pointer}
.stk-rep-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.stk-rep-tile{margin-bottom:0;padding:11px 13px}
.stk-rep-tile span{display:block;font:700 10px Manrope;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.stk-rep-tile b{display:block;font:700 21px 'Space Grotesk';margin-top:2px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}
.stk-rep-tile b.stk-up{color:var(--up,#2fe38a)}.stk-rep-tile b.stk-down{color:var(--red,#df5b61)}
.stk-rep-tile small{display:block;font-size:10px;color:var(--muted);margin-top:1px}
.stk-rep-quad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:620px;gap:14px;margin-bottom:14px}
.stk-rep-quad>.stk-card{margin-bottom:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.stk-rep-q-chart{grid-column:span 4}.stk-rep-q-ratio{grid-column:span 2;overflow-y:auto!important}
.stk-rep-q-table,.stk-rep-q-det{grid-column:span 3;overflow:auto!important}
.stk-rep-q-table .stk-table-wrap{flex:1;min-height:0;overflow:auto}
.stk-rep-chartwrap{position:relative;flex:1;min-height:300px;margin-top:6px}
#stk-rep-chart{position:absolute;inset:0}
#stk-rep-marks{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.stk-rep-mk{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid var(--card);box-shadow:0 0 0 1px rgba(0,0,0,.3);pointer-events:auto;cursor:pointer}
.stk-rep-mk.buy{background:#2fe38a;color:var(--up,#2fe38a)}.stk-rep-mk.neu{background:#d4a017;color:#d4a017}.stk-rep-mk.none{background:#79979a;color:#79979a}
.stk-rep-mk.sel{width:16px;height:16px;margin:-8px 0 0 -8px;box-shadow:0 0 0 3px rgba(108, 137, 140,.55);z-index:5}
.stk-rep-mk.hit::after{content:'';position:absolute;inset:-5px;border:1.5px solid currentColor;border-radius:50%;opacity:.6}
.stk-rep-lb{position:absolute;transform:translate(-50%,-100%);margin-top:-9px;white-space:nowrap;font:700 10px/1.25 Manrope;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:1px 5px;text-align:center;pointer-events:none;opacity:.94}
.stk-rep-lb small{display:block;font:600 9px Manrope;color:var(--muted)}
.stk-rep-lb.buy{color:var(--up,#2fe38a)}.stk-rep-lb.neu{color:#d4a017}
.stk-rep-donutrow{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.stk-rep-donut{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;flex:none}
.stk-rep-donut div{width:74px;height:74px;border-radius:50%;background:var(--card);display:grid;place-items:center;text-align:center;font:700 21px/1 'Space Grotesk';color:var(--ink)}
.stk-rep-donut small{display:block;font:600 9px Manrope;color:var(--muted)}
.stk-rep-dl{flex:1;min-width:140px;display:grid;gap:6px}
.stk-rep-dl div{display:flex;align-items:center;gap:7px;font:700 12px Manrope;color:var(--ink)}
.stk-rep-dl i{width:10px;height:10px;border-radius:50%;flex:none}.stk-rep-dl span{margin-left:auto;font-variant-numeric:tabular-nums}
.stk-rep-brokers{display:grid;gap:3px;margin-top:10px}
.stk-rep-cap{font:800 9px Manrope;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.stk-rep-br{display:grid;grid-template-columns:62px 1fr 92px;align-items:center;gap:8px;font:600 11px Manrope;cursor:pointer;border-radius:6px;padding:1px 3px;color:var(--ink)}
.stk-rep-br:hover,.stk-rep-br.on{background:var(--paper)}
.stk-rep-br b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stk-rep-bb{height:7px;background:var(--paper);border-radius:4px;overflow:hidden}.stk-rep-bb i{display:block;height:100%;background:var(--green);opacity:.75}
.stk-rep-br em{font-style:normal;text-align:right;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
.stk-rep-ttl{font:700 12px/1.45 Manrope;color:var(--ink);margin:2px 0 8px}
.stk-rep-kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.stk-rep-kv div{background:var(--paper);border-radius:10px;padding:7px 10px}
.stk-rep-kv span{display:block;font:700 9px Manrope;color:var(--muted);text-transform:uppercase}
.stk-rep-kv b{font:700 16px 'Space Grotesk';font-variant-numeric:tabular-nums;color:var(--ink)}
.stk-rep-go{display:inline-block;margin-top:8px;padding:7px 12px;border-radius:9px;background:var(--green);color:var(--on-green,#fff)!important;text-decoration:none;font:700 12px Manrope}
.stk-rep-chip{display:inline-block;padding:1px 7px;border-radius:6px;font:800 10px Manrope}
.stk-rep-chip.buy{background:rgba(47, 227, 138,.16);color:var(--up,#2fe38a)}.stk-rep-chip.neu{background:rgba(212,160,23,.18);color:var(--warn,#b8860b)}.stk-rep-chip.none{background:var(--paper);color:var(--muted)}
.stk-rep-table td small{display:block;color:var(--muted);font-size:9px}
.stk-rep-table th.sorted::after{content:' ▾'}
.stk-rep-table td.stk-rep-tc{white-space:normal;min-width:260px;max-width:420px;text-align:left}
.stk-rep-table th:first-child,.stk-rep-table td:first-child{position:static;min-width:0;text-align:left;background:transparent}
.stk-rep-table th{cursor:pointer}
.stk-rep-table th:nth-child(2),.stk-rep-table th:nth-child(3){text-align:left}.stk-rep-table td:nth-child(3){text-align:left}
@media (max-width:980px){.stk-rep-quad{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.stk-rep-quad>.stk-card{grid-column:auto!important}.stk-rep-q-chart{height:520px}.stk-rep-q-table .stk-table-wrap{max-height:480px}.stk-rep-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}