/* HCL ONE — module SMART TRADE (0.8). Chỉ lớp tiền tố .st- ; chỉ dùng biến màu của giao_dien.css (trừ #fff). Điện thoại 390 px trước. */

/* ---- khối "Hồ sơ điểm bán" trên màn điểm bán */
.st-ho-so{padding:12px 14px}
.st-ds{list-style:none;margin:0;padding:0}
.st-dong{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--vien-2);font-size:15px;line-height:1.4}
.st-dong:last-child{border-bottom:0}
.st-ic{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--chinh-nhat);color:var(--chinh);margin-top:-2px}
.st-chu{flex:1;min-width:0;overflow-wrap:anywhere}
.st-nhan{color:var(--mo)}
.st-chu b{font-weight:800;color:var(--chu)}
.st-chac{margin-left:4px;vertical-align:1px;font-size:12px}
.st-dong[data-st-dong="hoi_moi"] .st-ic{background:var(--cam-nhat);color:var(--cam-dam)}
.st-dong[data-st-dong="hoi_moi"] b{color:var(--cam-dam)}
.st-viec{margin:0 0 6px;padding:8px 10px;border-radius:var(--r-nho);background:var(--vang-nhat);font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.st-viec b{font-weight:800}
.st-nhom-nut{margin:10px 0 0}
.st-nut{flex:1 1 150px;text-decoration:none}

/* ---- tấm "Bỏ qua" (chọn lý do 1 chạm) */
.st-sheet-phu{margin:-4px 0 12px;font-size:14px}
.st-ly-do{flex-wrap:wrap}
.st-ly-do>button{flex:1 1 44%;min-height:52px;text-align:left;justify-content:flex-start;padding:8px 12px;line-height:1.3}

/* ---- #/smart-trade — kết quả gợi ý (màn văn phòng) */
.st-bc{padding-bottom:8px}
.st-tab{max-width:420px}
.st-hero h2{font-size:30px}
.st-hero .hc-so b small{font-size:.6em;margin-left:1px}
.st-cot2{display:grid;gap:0 16px;grid-template-columns:1fr}
@media (min-width:980px){ .st-cot2{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)} }
.st-cot2>div,.st-doi>*{min-width:0}                          /* bảng rộng cuộn trong khung của nó, không đẩy cả trang ra ngang */
.st-bang{min-width:600px}
.st-bang td:first-child{min-width:130px}
.st-bang td b{font-weight:700}
@media (max-width:560px){ .st-hero .hc-so-luoi.c4{grid-template-columns:repeat(2,minmax(0,1fr))} }
.st-tl{font-weight:800}
.st-tl.xanh{color:var(--xanh)} .st-tl.cam{color:var(--cam-dam)} .st-tl.do{color:var(--do)}
.st-ld{padding:12px 14px}
.st-ld-dong{padding:6px 0}
.st-ld-dong .hc-gian{font-size:14px;margin-bottom:4px}
.st-ld-dong b{font-variant-numeric:tabular-nums}
.st-doi{display:grid;gap:10px;grid-template-columns:1fr}
@media (min-width:980px){ .st-doi{grid-template-columns:1fr 1fr} }
.st-doi-the{padding:12px 14px;margin:0}
.st-doi-the summary{cursor:pointer;list-style:none;min-height:44px}
.st-doi-the summary::-webkit-details-marker{display:none}
.st-doi-the summary .hc-phu{margin:4px 0 0;font-size:13px}
.st-doi-the[open] summary{margin-bottom:10px}
.st-doi-the .hc-bang-cuon{margin:0;box-shadow:none}
.st-chu-thich{margin:14px 2px 0;font-size:13px;line-height:1.5}