/* ================= PlazaGold — Ultra Thin Premium Table ================ */
:root{
  --gp-border:rgba(0,0,0,.08);     /* ✅ เส้นเทาโปร่งบางมาก */
  --gp-soft:#fafafa;
  --gp-soft-2:#f5f5f5;
  --gp-note:#ffffff;

  /* สีหลักเฉพาะกลุ่มทอง */
  --bar-head: linear-gradient(180deg,#ffc740 0%,#e8a400 100%);
  --bar-body: #fff8da;
  --jew-head: linear-gradient(180deg,#7bf085 0%,#2cc35e 100%);
  --jew-body: #e8faeb;

  /* สีบวก/ลบ */
  --pos-bg:#e9fcef; --pos-fg:#097a1e;
  --neg-bg:#ffe9e9; --neg-fg:#c02727;
}

.plazagold-site{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-variant-numeric:tabular-nums;
}

/* ====== Table Base ====== */
.plazagold-site .gp-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  border:0.5px solid var(--gp-border);
  border-radius:10px;
  box-shadow:0 2px 10px rgba(0,0,0,.02);
  overflow:hidden;
}
.plazagold-site .gp-table th,
.plazagold-site .gp-table td{
  padding:.6rem .75rem;
  border:0.5px solid var(--gp-border);
  color:#222;
  vertical-align:middle;
  font-size:15px;
}

/* หัวทั่วไปพื้นขาว */
.plazagold-site .gp-table thead th{
  background:#fff;
  color:#111;
  font-weight:700;
  text-align:center;
  border-bottom:1px solid var(--gp-border);
}

/* ===== กลุ่มหัวทองแท่ง / รูปพรรณ ===== */
.plazagold-site .gp-table thead th.group-bar{
  background:var(--bar-head)!important;
  color:#2b1f00;
  font-weight:800;
  border-top-left-radius:12px;
  border-bottom:1px solid rgba(0,0,0,.05);
}
.plazagold-site .gp-table thead th.group-jewelry{
  background:var(--jew-head)!important;
  color:#053a14;
  font-weight:800;
  border-top-right-radius:12px;
  border-bottom:1px solid rgba(0,0,0,.05);
}

/* ===== คอลัมน์ทองแท่ง/ทองรูปพรรณ ===== */
.gp-table.gp-colored td.col-bar-b,
.gp-table.gp-colored td.col-bar-s{
  background:var(--bar-body)!important;
}
.gp-table.gp-colored td.col-jew-b,
.gp-table.gp-colored td.col-jew-s{
  background:var(--jew-body)!important;
}

/* ===== ช่องอื่นพื้นขาวสะอาด ===== */
.gp-table.gp-colored td.col-sum,
.gp-table.gp-colored td.col-times,
.gp-table.gp-colored td.col-adj,
.gp-table.gp-colored td.col-spot,
.gp-table.gp-colored td.col-rate,
.gp-table.gp-colored td.col-time{
  background:#fff!important;
}

/* ===== badge +/- ===== */
.gp-table.gp-colored td.col-adj{text-align:center;}
.gp-table.gp-colored .adj-badge{
  display:inline-block;
  min-width:64px;
  padding:.18rem .6rem;
  border-radius:999px;
  font-weight:700;
}
.gp-table.gp-colored .adj-badge.pos{background:var(--pos-bg);color:var(--pos-fg);}
.gp-table.gp-colored .adj-badge.neg{background:var(--neg-bg);color:var(--neg-fg);}

/* ===== zebra + hover ===== */
.plazagold-site .gp-table.table-striped tbody tr:nth-child(even) td{background:var(--gp-soft);}
.plazagold-site .gp-table tbody tr:hover td{background:var(--gp-soft-2);}

/* ===== section head ===== */
.plazagold-site .gp-table .section-head th{
  background:#f9f9f9;
  color:#333;
  font-weight:700;
  text-align:left;
  border-top:1px solid var(--gp-border);
  border-bottom:1px solid var(--gp-border);
}

/* ===== รวมทั้งวัน ===== */
.plazagold-site .gp-table td.col-sum{
  font-weight:700;
  text-align:center;
  color:#000;
}

/* ===== Align ===== */
.gp-table.gp-colored td.col-times,
.gp-table.gp-colored td.col-bar-b,
.gp-table.gp-colored td.col-bar-s,
.gp-table.gp-colored td.col-jew-b,
.gp-table.gp-colored td.col-jew-s,
.gp-table.gp-colored td.col-spot,
.gp-table.gp-colored td.col-rate{text-align:right;}
.gp-table.gp-colored td.col-time{text-align:center;}

/* ===== row open/close ===== */
.gp-table tr.row-open td{
  background:linear-gradient(to right,#fffde7,#fffbc1)!important;
  font-weight:700;
}
.gp-table tr.row-close td{
  background:linear-gradient(to right,#f3fff6,#d8ffe6)!important;
  font-weight:700;
}

/* ===== Responsive ===== */
@media (max-width:768px){
  .plazagold-site .gp-table{font-size:13px;}
  .plazagold-site .gp-table th,.plazagold-site .gp-table td{padding:4px;}
}