/* Moats · dau-tu-ao.css — tài khoản đầu tư ảo, xếp hạng, bảng tin theo dõi (09/10/2026) */
.pp-acc{margin-top:6px}
.pp-nav{display:flex;flex-direction:column;gap:4px;padding:14px 0 10px}
.pp-nav > span{font-size:13px;color:var(--muted)}
.pp-nav > b{font-size:30px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.15}
.pp-nav > b small{font-size:16px;font-weight:600;color:var(--muted)}
.pp-ret{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-variant-numeric:tabular-nums}
.pp-ret .dm-pill{height:28px;padding:0 10px;font-size:14px}
.pp-ret .up{color:var(--up-t,#22B573)}.pp-ret .down{color:var(--down-t,#EF4444)}
.pp-st small{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.pp-st small.up{color:var(--up-t,#22B573)}.pp-st small.down{color:var(--down-t,#EF4444)}
.pp-st b.down{color:var(--down-t,#EF4444)}
.pp-ch{border:1px solid var(--line);border-radius:12px;padding:8px 8px 6px;background:var(--card);margin-bottom:12px}
.pp-ch svg{display:block;width:100%;height:130px}
.pp-ch__x{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);margin-top:4px}
.pp-ch--na{font-size:13px;color:var(--muted);text-align:center;padding:22px 10px}
.pp-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 14px}
.pp-b{min-height:46px;border:0;border-radius:12px;font:inherit;font-size:16px;font-weight:800;color:#fff;cursor:pointer}
.pp-b--buy,.pp-go--b{background:#22B573!important;border-color:#22B573!important;color:#fff!important}
.pp-b--sell,.pp-go--s{background:#EF4444!important;border-color:#EF4444!important;color:#fff!important}
.pp-h3{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:16px 0 4px;font-size:16px}
.pp-h3 small{font-size:12.5px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}
.pp-h3--top{margin-top:4px}
.pp-tb .dm-tr{grid-template-columns:minmax(0,1fr) auto 104px}
.pp-pl{display:flex;flex-direction:column;align-items:stretch;gap:2px}
.pp-pl .dm-pill{height:30px;font-size:14px}
.pp-pl small{font-size:11.5px;text-align:center;font-variant-numeric:tabular-nums}
.pp-pl small.up{color:var(--up-t,#22B573)}.pp-pl small.down{color:var(--down-t,#EF4444)}
.pp-rowb{border:0;background:transparent;cursor:pointer;padding:0}
.pp-e{padding:18px 10px}
.pp-trs{list-style:none;margin:0;padding:0}
.pp-tr{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-2,var(--line))}
.pp-tr__b{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.pp-tr__l{font-size:14.5px;line-height:1.45;font-variant-numeric:tabular-nums}
.pp-tr__l .up{color:var(--up-t,#22B573)}.pp-tr__l .down{color:var(--down-t,#EF4444)}
.pp-tr__n{font-weight:700;color:var(--ink);text-decoration:none}
.pp-sym{font-weight:800;color:var(--brand);text-decoration:none}
.pp-sd{display:inline-block;padding:1px 7px;border-radius:6px;font-size:12px;font-weight:800;color:#fff;vertical-align:1px}
.pp-sd--b{background:#22B573}.pp-sd--s{background:#EF4444}
.pp-tr__n2{margin:0;font-size:14px;color:var(--ink2,var(--ink));border-left:3px solid var(--line);padding-left:8px}
.pp-tr__t{font-size:12px;color:var(--muted)}
.pp-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:12px;background:var(--card-2,var(--line));margin:6px 0 4px}
.pp-seg button{min-height:40px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.pp-seg button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.18)}
.pp-seg button[data-sd="B"][aria-pressed="true"]{background:#22B573;color:#fff}
.pp-seg button[data-sd="S"][aria-pressed="true"]{background:#EF4444;color:#fff}
.pp-seg--sm{margin:12px 0 6px}.pp-seg--sm button{font-size:13.5px;min-height:36px}
.pp-q{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-height:22px;font-size:14px}
.pp-q__p{margin-left:auto;font-variant-numeric:tabular-nums}.pp-q__p b{font-size:18px}
.pp-q small{flex-basis:100%;color:var(--muted);font-size:12.5px}
.pp-q .up{color:var(--up-t,#22B573)}.pp-q .down{color:var(--down-t,#EF4444)}
.pp-pc{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:-4px}
.pp-pc button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.pp-pc button small{font-size:11.5px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}
.pp-pc button:disabled{opacity:.4;cursor:default}
.pp-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}
.pp-sum > div{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:10px;padding:7px 9px}
.pp-sum span{font-size:11.5px;color:var(--muted)}.pp-sum b{font-size:14px;font-variant-numeric:tabular-nums}
.pp-sum p{grid-column:1/-1;margin:2px 0 0;font-size:13px}
.dm-down{color:var(--down-t,#EF4444)}
.pp-top{list-style:none;margin:0;padding:0}
.pp-rk{flex:none;width:26px;text-align:center;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}
.pp-rk--1{color:#F5B301}.pp-rk--2{color:#9CA3AF}.pp-rk--3{color:#C2773A}
.pp-top .up{color:var(--up-t,#22B573)}.pp-top .down{color:var(--down-t,#EF4444)}
.pp-ppl{display:flex;gap:10px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}
.pp-pc1{flex:none;width:86px;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--ink);text-align:center}
.pp-pc1 b{font-size:12.5px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-pc1 span{font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}
.pp-pc1 .up{color:var(--up-t,#22B573)}.pp-pc1 .down{color:var(--down-t,#EF4444)}
.pp-prof{align-items:flex-start}
.pp-prof__b{min-width:0;display:flex;flex-direction:column;gap:4px}
.pp-prof__b p{margin:0;color:var(--ink2,var(--ink))}
.pp-prof__b > span{font-size:13px;color:var(--muted)}
.pp-prof__a{display:flex;gap:8px;margin-top:6px}
.pp-reset{text-align:center;margin:18px 0 0}
.pp-reset button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.pp-reset button.arm{color:var(--down-t,#EF4444);font-weight:700}
@media (max-width:420px){.pp-nav > b{font-size:26px}.pp-tb .dm-tr{grid-template-columns:minmax(0,1fr) auto 92px;gap:8px}}