@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap");

/* ===== SGMM · Khối "Giá phiên hôm nay" — BỘ MÀU CHUẨN (chỉ dùng các mã dưới đây) =====
   #013B42 teal chủ đạo · #036B6B teal phụ · #E8F6F1 nền bạc hà · #CFEDE3 viền bạc hà
   #12A36B giá tăng · #D64545 giá giảm · #FFF4DC/#9A6400 nhãn "Chưa công bố"
   #0F2A2E chữ chính · #5F7A7C chữ phụ · (+ trắng #FFFFFF; độ trong suốt chỉ pha từ các mã trên) */
.sgmm-price{
  --sg-teal:#013B42; --sg-teal-2:#036B6B;
  --sg-mint:#E8F6F1; --sg-mint-line:#CFEDE3;
  --sg-up:#12A36B;   --sg-down:#D64545;
  --sg-wait-bg:#FFF4DC; --sg-wait-ink:#9A6400;
  --sg-ink:#0F2A2E;  --sg-muted:#5F7A7C;
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--sg-ink); background:#FFFFFF;
  border:1px solid var(--sg-mint-line); border-radius:20px; overflow:hidden;
  box-shadow:0 10px 30px rgba(1,59,66,.12);
  width:100%; max-width:100%; box-sizing:border-box; text-align:left;
}
.sgmm-price *{box-sizing:border-box}
.sgmm-price__head{
  background:linear-gradient(120deg,var(--sg-teal) 0%,var(--sg-teal-2) 100%);
  color:#FFFFFF; padding:16px 20px; display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap;
}
.sgmm-price h3.sgmm-price__title{margin:0;color:#FFFFFF;font-size:17px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1.3}
.sgmm-price__date{font-size:13px;font-weight:500;color:rgba(255,255,255,.8);margin-top:2px}
.sgmm-price__time{font-size:12.5px;font-weight:600;color:#FFFFFF;background:rgba(255,255,255,.14);padding:6px 12px;border-radius:999px;white-space:nowrap}

.sgmm-price table{display:table;width:100%;border-collapse:collapse;margin:0} /* style.css (≤640px) đặt mọi table display:block → bảng không giãn hết khung */
.sgmm-price th{
  font-size:11.5px;font-weight:700;color:var(--sg-muted);text-transform:uppercase;letter-spacing:.06em;
  text-align:left;padding:11px 14px;background:var(--sg-mint);border-bottom:1px solid var(--sg-mint-line);white-space:nowrap
}
.sgmm-price th.num,.sgmm-price td.num{text-align:right}
.sgmm-price td{padding:14px;border-bottom:1px solid var(--sg-mint-line);font-size:15.5px;vertical-align:middle;background:#FFFFFF;color:var(--sg-ink)}
.sgmm-price tbody tr:last-child td{border-bottom:0}
.sgmm-price tbody tr:hover td{background:var(--sg-mint)}
.sgmm-code{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;font-weight:700;color:var(--sg-teal);background:var(--sg-mint);border:1px solid var(--sg-mint-line);padding:3px 8px;border-radius:6px;white-space:nowrap}
.sgmm-name{font-weight:600;color:var(--sg-ink);line-height:1.4}
.sgmm-price__val{font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:700;font-size:17px;color:var(--sg-teal);white-space:nowrap}
.sgmm-price__val small{font-size:12px;font-weight:500;color:var(--sg-muted);margin-left:3px}
.sgmm-chg{display:inline-block;white-space:nowrap;min-width:58px;text-align:center;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12.5px;font-weight:700;padding:4px 8px;border-radius:999px;background:var(--sg-mint);color:var(--sg-muted)}
.sgmm-chg.up{background:rgba(18,163,107,.12);color:var(--sg-up)}
.sgmm-chg.down{background:rgba(214,69,69,.12);color:var(--sg-down)}
.sgmm-price .sgmm-empty td{text-align:center;color:var(--sg-muted);font-size:14px;padding:22px 14px}

.sgmm-price__foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 20px;background:var(--sg-mint);border-top:1px solid var(--sg-mint-line)}
.sgmm-index{font-weight:800;font-size:14px;letter-spacing:.04em;color:var(--sg-teal)}
.sgmm-index span{display:block;font-size:11.5px;font-weight:500;color:var(--sg-muted);letter-spacing:0}
.sgmm-status{font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;background:var(--sg-wait-bg);color:var(--sg-wait-ink);border:1px solid rgba(154,100,0,.18);white-space:nowrap}
.sgmm-status.ok{background:rgba(18,163,107,.12);color:var(--sg-up);border-color:rgba(18,163,107,.25)}

@media (max-width:480px){
  .sgmm-price__head{padding:14px 16px}
  .sgmm-price th{padding:10px;letter-spacing:.03em}
  .sgmm-price td{padding:12px 10px;font-size:14.5px}
  .sgmm-price__val{font-size:15.5px}
  .sgmm-chg{min-width:44px;padding:4px 6px}
  .sgmm-price th.hide-sm,.sgmm-price td.hide-sm{display:none}
  .sgmm-price__foot{padding:12px 16px}
}
.sgmm-src-hidden{display:none!important}