/* Gold Price BD Pro — Frontend CSS v4 */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=DM+Sans:wght@400;500;600&display=swap');

:root{
  --g-gold:#E1B55A;             /* bright warm gold */
  --g-gold-dk:#b68f40;
  --g-gold-mid:#C8960A;
  --g-gold-lt:#FEF8E0;          /* warm cream */
  --g-gold-glow:rgba(225,181,90,.22); /* glow shadow */
  --g-bg:#FFFEF8;
  --g-bg2:#FDF9EC;
  --g-border:#EDD080;
  --g-text:#b68f40;           /* gold text */
  --g-muted:#A08535;
  --g-r:12px;
  --g-sh:0 4px 28px rgba(225,181,90,.18);
  --s-silver:#888; --s-bg:#f8f8f8; --s-border:#d4d4d4;
}
.gpbd-root{font-family:'DM Sans',sans-serif;color:var(--g-text)}
.gpbd-ld{padding:2rem;text-align:center;color:#bbb;font-size:14px}
.gpbd-pow{color:var(--g-gold);text-decoration:none;font-weight:600;font-size:11px}

/* ══ PRICE TABLE ══════════════════════ */
.gpbd-tbl-wrap{background:var(--g-bg);border:1px solid var(--g-border);border-radius:var(--g-r);overflow:hidden;box-shadow:var(--g-sh)}
.gpbd-tbl-head{background:linear-gradient(135deg,#7A5200 0%,#C8940A 50%,#E1B55A 75%,#F0CC70 100%);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.gpbd-tbl-head-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
/* Download + Print button group */
.gpbd-tbl-dl-group{display:flex;gap:6px;}
.gpbd-tbl-dl-btn,.gpbd-tbl-pr-btn{
    display:inline-flex;align-items:center;gap:5px;
    padding:7px 14px;border-radius:7px;border:none;
    font-size:12px;font-weight:700;cursor:pointer;
    font-family:'DM Sans',sans-serif;
    transition:all .15s;white-space:nowrap;
}
.gpbd-tbl-dl-btn{
    background:rgba(255,255,255,.92);
    color:#5A3800;
    box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.gpbd-tbl-dl-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.18);}
.gpbd-tbl-dl-btn:disabled{opacity:.6;cursor:default;transform:none;}
.gpbd-tbl-pr-btn{
    background:rgba(255,255,255,.15);
    color:#fff;
    border:1.5px solid rgba(255,255,255,.35);
}
.gpbd-tbl-pr-btn:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.6);}
@media(max-width:600px){
    .gpbd-tbl-head-right{width:100%;}
    .gpbd-tbl-dl-group{width:100%;}
    .gpbd-tbl-dl-btn,.gpbd-tbl-pr-btn{flex:1;justify-content:center;}
}.5rem}
.gpbd-thl{display:flex;align-items:center;gap:12px}
.gpbd-gold-icon{font-size:22px;color:#fff}
.gpbd-tbl-title{font-family:'Playfair Display',serif;font-size:19px;color:#fff;margin:0}
.gpbd-tbl-sub{font-size:11px;color:rgba(255,255,255,.7);margin:2px 0 0}
.gpbd-unit-sw{display:flex;gap:5px;flex-wrap:wrap}
.gpbd-usw-btn{padding:5px 13px;border-radius:18px;border:1px solid rgba(255,255,255,.3);background:transparent;color:rgba(255,255,255,.8);font-size:12px;cursor:pointer;font-family:inherit;transition:all .15s}
.gpbd-usw-btn:hover{background:rgba(255,255,255,.15)}
.gpbd-usw-btn.active{background:rgba(255,255,255,.95);color:#8A6200;font-weight:600;border-color:transparent}
.gpbd-tbl{width:100%;border-collapse:collapse}
.gpbd-tbl thead tr{background:var(--g-bg2);border-bottom:2px solid var(--g-border)}
.gpbd-tbl th{padding:10px 14px;font-size:11px;font-weight:700;color:var(--g-muted);text-transform:uppercase;letter-spacing:.06em;text-align:left}
.gpbd-tbl th:not(:first-child){text-align:right}
.gpbd-tbl tbody tr{border-bottom:1px solid var(--g-border);transition:background .15s}
.gpbd-tbl tbody tr:hover{background:#fffae8}
.gpbd-tbl tbody tr:last-child{border-bottom:none}
.gpbd-tbl td{padding:13px 14px;font-size:14px;vertical-align:middle}

/* ── Active column highlight (tab switcher) ── */
.gpbd-th-active{background:rgba(225,181,90,0.25)!important;color:#5A3800!important;}
.gpbd-pcell-active{background:rgba(253,248,224,0.6);}
.gpbd-pcell-active .gpbd-pr{font-weight:700;color:#5A3800;}
/* Ratti column — slightly narrower */
.gpbd-tbl td:nth-child(6),.gpbd-tbl th:nth-child(6){white-space:nowrap;}

.gpbd-tbl td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.gpbd-kcell{display:flex;align-items:center;gap:10px}
.gpbd-kdot{width:10px;height:10px;border-radius:50%;background:var(--g-gold);flex-shrink:0}
.gpbd-kdot.slv{background:#aaa}
.gpbd-kname{font-weight:600;font-size:14px;display:block}
.gpbd-ksub{font-size:11px;color:var(--g-muted);display:block;margin-top:1px}
.gpbd-pr{font-size:14px;font-weight:600;color:var(--g-gold-dk)}
.gpbd-pr::before{content:'৳';font-size:11px;opacity:.7}
.gpbd-tbl-foot{background:var(--g-bg2);border-top:1px solid var(--g-border);padding:.75rem 1.25rem;font-size:11px;color:var(--g-muted);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}

/* ══ COMPACT WIDGET ═══════════════════ */
.gpbd-wgt-wrap{background:var(--g-bg);border:1px solid var(--g-border);border-radius:var(--g-r);overflow:hidden;box-shadow:var(--g-sh);max-width:500px}
.gpbd-wgt-head{background:linear-gradient(135deg,#7A5200 0%,#C8940A 50%,#E1B55A 75%,#F0CC70 100%);padding:1rem 1.25rem;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gpbd-wgt-title{font-family:'Playfair Display',serif;color:#fff;font-size:16px;margin:0}
.gpbd-wgt-sub{font-size:11px;color:rgba(255,255,255,.7);margin:2px 0 0}
.gpbd-wcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;padding:.875rem}
.gpbd-wcard{background:var(--g-bg2);border:1px solid var(--g-border);border-radius:8px;padding:.75rem;text-align:center}
.gpbd-wk{font-size:11px;font-weight:700;color:var(--g-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.gpbd-wp{font-size:17px;font-weight:700;color:var(--g-gold-dk)}
.gpbd-wp::before{content:'৳';font-size:11px;opacity:.7;vertical-align:super}
.gpbd-wu{font-size:10px;color:var(--g-muted);margin-top:2px}
.gpbd-wtabs{display:flex;gap:4px;padding:.5rem .875rem;background:var(--g-bg2);border-top:1px solid var(--g-border);flex-wrap:wrap}
.gpbd-wtab{flex:1;padding:4px 6px;font-size:11px;text-align:center;border:1px solid var(--g-border);border-radius:6px;background:transparent;color:var(--g-muted);cursor:pointer;font-family:inherit;min-width:50px}
.gpbd-wtab.active{background:var(--g-gold);color:#fff;border-color:var(--g-gold);font-weight:600}

/* ══ SILVER WIDGET ════════════════════ */
.gpbd-slv-wrap{background:#fff;border:1px solid var(--s-border);border-radius:var(--g-r);overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.07);}
.gpbd-slv-head{background:linear-gradient(135deg,#252535 0%,#3a3a5a 40%,#6a6a8a 70%,#9a9abb 100%);padding:.875rem 1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.gpbd-slv-hl{display:flex;align-items:center;gap:10px;}
.gpbd-slv-icon{font-size:20px;color:#e0e0ff;}
.gpbd-slv-title{font-family:'Playfair Display',serif;color:#fff;font-size:16px;margin:0;}
.gpbd-slv-sub{font-size:11px;color:rgba(255,255,255,.6);margin:2px 0 0;}
.gpbd-slv-unit-tabs{display:flex;gap:3px;flex-wrap:wrap;}
.gpbd-slv-utab{padding:4px 10px;border-radius:5px;border:1px solid rgba(255,255,255,.3);background:transparent;color:rgba(255,255,255,.8);font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;}
.gpbd-slv-utab:hover{background:rgba(255,255,255,.12);}
.gpbd-slv-utab.active{background:rgba(255,255,255,.9);color:#3a3a5a;border-color:transparent;}
.gpbd-slv-base-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#f0f0f8;border-bottom:1px solid var(--s-border);padding:.625rem 1rem;gap:4px;}
.gpbd-slv-base-item{text-align:center;display:flex;flex-direction:column;gap:2px;}
.gpbd-slv-base-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#7878aa;}
.gpbd-slv-base-val{font-size:13px;font-weight:700;color:#3a3a5a;}
.gpbd-slv-tbl-wrap{padding:.875rem 1rem;}
.gpbd-slv-tbl-hdr{display:flex;justify-content:space-between;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#9898bb;padding-bottom:7px;border-bottom:1.5px solid var(--s-border);margin-bottom:4px;}
.gpbd-slv-karat-tbl{width:100%;border-collapse:collapse;}
.gpbd-slv-krow{border-bottom:1px solid #eeeef8;transition:background .12s;}
.gpbd-slv-krow:last-child{border-bottom:none;}
.gpbd-slv-krow:hover{background:#f5f5ff;}
.gpbd-slv-kname-td{padding:9px 8px;display:flex;align-items:center;gap:8px;}
.gpbd-slv-kn{font-size:13px;font-weight:600;color:#3a3a5a;}
.gpbd-slv-ks{font-size:10px;color:#9898bb;margin-left:4px;}
.gpbd-slv-kprice-td{padding:9px 8px;text-align:right;font-size:15px;font-weight:700;color:#3a3a5a;}
.gpbd-slv-foot{background:#f5f5fa;border-top:1px solid var(--s-border);padding:.5rem 1rem;font-size:11px;color:#888;display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;}
.gpbd-slv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;padding:.875rem;}
.gpbd-slv-card{background:#fff;border:1px solid var(--s-border);border-radius:8px;padding:.75rem;text-align:center;}
.gpbd-slv-card.main{background:#f4f4ff;border-color:#aaaacc;}
.gpbd-slv-unit{font-size:11px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;}
.gpbd-slv-price{font-size:17px;font-weight:700;color:#3a3a5a;}
@media(max-width:540px){.gpbd-slv-base-strip{grid-template-columns:repeat(2,1fr);}.gpbd-slv-head{flex-direction:column;align-items:flex-start;}}


/* ══ GOLD CALCULATOR ══════════════════ */
.gpbd-calc-wrap{background:var(--g-bg);border:1px solid var(--g-border);border-radius:var(--g-r);overflow:hidden;box-shadow:var(--g-sh)}
.gpbd-calc-head{background:linear-gradient(135deg,#2E1A00 0%,#C8940A 45%,#E1B55A 70%,#F5D878 100%);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:14px}
.gpbd-calc-icon-wrap{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.gpbd-calc-icon{font-size:24px;color:#fff}
.gpbd-calc-title{font-family:'Playfair Display',serif;font-size:20px;color:#fff;margin:0}
.gpbd-calc-sub{font-size:12px;color:rgba(255,255,255,.7);margin:3px 0 0}
.gpbd-calc-body{padding:1.25rem}
.gpbd-calc-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1rem}
.gpbd-calc-row-3{grid-template-columns:1fr 1fr 1fr}
.gpbd-calc-row-4{grid-template-columns:repeat(4,1fr)}
.gpbd-calc-ref-bar{
    background:var(--g-bg2);border:1px solid var(--g-border);border-radius:7px;
    padding:8px 14px;font-size:12px;color:var(--g-muted);margin-bottom:1rem;
    text-align:center;letter-spacing:0.02em;
}
.gpbd-calc-label-bd{font-weight:400;font-size:10px;opacity:.7;margin-left:3px}
.gpbd-calc-field{display:flex;flex-direction:column;gap:6px}
.gpbd-calc-field-wide{grid-column:span 1}
.gpbd-calc-label{font-size:11px;font-weight:700;color:var(--g-muted);text-transform:uppercase;letter-spacing:.06em}
.gpbd-calc-select,.gpbd-calc-input{padding:10px 12px;border:1.5px solid var(--g-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--g-bg2);color:var(--g-text);transition:border-color .15s,box-shadow .15s;width:100%}
.gpbd-calc-select:focus,.gpbd-calc-input:focus{outline:none;border-color:var(--g-gold);box-shadow:0 0 0 3px rgba(225,181,90,.20)}
/* gpbd-calc-big full definition is below */
.gpbd-calc-inp-wrap{display:flex;flex-direction:row;align-items:stretch;border:2px solid var(--g-border);border-radius:9px;overflow:hidden;background:var(--g-bg2);transition:border-color .2s,box-shadow .2s}
.gpbd-calc-inp-unit{display:flex;align-items:center;justify-content:center;padding:0 10px;font-size:12px;font-weight:700;color:var(--g-gold-dk);background:linear-gradient(180deg,#FBF0C8,#EDD080);border-right:1.5px solid var(--g-border);white-space:nowrap;min-width:46px;letter-spacing:.03em;flex-shrink:0}
.gpbd-calc-eq{font-size:10px;color:#aaa;margin-top:2px}
.gpbd-calc-weight-label{font-size:12px;font-weight:700;color:var(--g-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--g-border)}
.gpbd-opt-tag{font-style:normal;font-size:9px;background:#F5E9A0;color:#7a6030;padding:1px 6px;border-radius:4px;margin-left:4px;font-weight:600;vertical-align:middle;text-transform:none;letter-spacing:0}

/* CALCULATOR RESULT */
.gpbd-calc-result-area{margin-top:1rem;border-radius:10px;overflow:hidden}
.gpbd-calc-res-placeholder{padding:1.5rem;text-align:center;color:#bbb;font-size:13px;background:var(--g-bg2);border-radius:10px;border:1px dashed var(--g-border)}
.gpbd-res-main{background:linear-gradient(135deg,#7A5200 0%,#C8940A 50%,#E1B55A 75%,#F0CC70 100%);padding:1.5rem;text-align:center}
.gpbd-res-total-label{font-size:12px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.gpbd-res-total{font-family:'Playfair Display',serif;font-size:36px;color:#fff;line-height:1.1}
.gpbd-res-total strong{font-weight:700}
.gpbd-res-wt{font-size:12px;color:rgba(255,255,255,.7);margin-top:6px}
.gpbd-res-breakdown{background:var(--g-bg2);border:1px solid var(--g-border);border-top:none;border-radius:0 0 10px 10px;padding:1rem}
.gpbd-res-bd-title{font-size:11px;font-weight:700;color:var(--g-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}
.gpbd-res-bd-grid{display:flex;flex-direction:column;gap:5px}
.gpbd-res-bd-row{display:grid;grid-template-columns:1fr auto 120px;align-items:center;gap:8px;padding:6px 10px;background:#fff;border-radius:6px;border:1px solid var(--g-border)}
.gpbd-res-bd-lbl{font-size:13px;font-weight:600;color:var(--g-text)}
.gpbd-res-bd-x{font-size:12px;color:var(--g-muted);text-align:center}
.gpbd-res-bd-val{font-size:14px;font-weight:700;color:var(--g-gold-dk);text-align:right}
.gpbd-res-bd-val::before{content:'৳';font-size:11px;opacity:.7}
.gpbd-res-bd-sep{height:1px;background:var(--g-border);margin:.5rem 0}
.gpbd-res-bd-total{background:var(--g-gold-lt)!important;border-color:#d4c060!important}
.gpbd-res-bd-total .gpbd-res-bd-lbl{font-size:13px;font-weight:700;color:var(--g-gold-dk)}
.gpbd-res-bd-total .gpbd-res-bd-val{font-size:15px}
.gpbd-res-rates{margin-top:.75rem;font-size:11px;color:var(--g-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gpbd-custom-tag{background:#e8f5e8;color:#2d6a2d;padding:1px 7px;border-radius:4px;font-size:10px;font-weight:700;border:1px solid #a0d8a0}
.gpbd-default-tag{background:#f5f0dc;color:#7a6030;padding:1px 7px;border-radius:4px;font-size:10px;font-weight:700;border:1px solid #d8c870}
.gpbd-calc-foot{background:var(--g-bg2);border-top:1px solid var(--g-border);padding:.75rem 1.25rem;font-size:11px;color:var(--g-muted);text-align:center}

/* ══ UNIT CONVERTER ═══════════════════ */
.gpbd-conv-wrap{background:var(--g-bg);border:1px solid var(--g-border);border-radius:var(--g-r);overflow:hidden;box-shadow:var(--g-sh);max-width:560px}
.gpbd-conv-head{background:linear-gradient(135deg,#7A5200 0%,#C8940A 50%,#E1B55A 75%,#F0CC70 100%);padding:1rem 1.25rem}
.gpbd-conv-title{font-family:'Playfair Display',serif;color:#fff;font-size:17px;margin:0}
.gpbd-conv-sub{font-size:12px;color:rgba(255,255,255,.7);margin:3px 0 0}
.gpbd-conv-body{padding:1.25rem}
.gpbd-conv-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:1rem}
.gpbd-conv-f{flex:1;min-width:110px;display:flex;flex-direction:column;gap:4px}
.gpbd-conv-f label{font-size:11px;font-weight:700;color:var(--g-muted);text-transform:uppercase;letter-spacing:.05em}
.gpbd-conv-f input,.gpbd-conv-f select{padding:9px 12px;border:1px solid var(--g-border);border-radius:7px;font-size:14px;font-family:inherit;background:var(--g-bg2);color:var(--g-text)}
.gpbd-conv-f input:focus,.gpbd-conv-f select:focus{outline:none;border-color:var(--g-gold);box-shadow:0 0 0 3px rgba(184,134,11,.1)}
.gpbd-conv-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px}
.gpbd-res-card{background:var(--g-bg2);border:1px solid var(--g-border);border-radius:8px;padding:.75rem;text-align:center}
.gpbd-rc-unit{font-size:11px;font-weight:700;color:var(--g-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.gpbd-rc-val{font-size:16px;font-weight:700;color:var(--g-gold-dk)}
.gpbd-rc-bdt{font-size:11px;color:var(--g-muted);margin-top:3px}
.gpbd-rc-bdt::before{content:'৳'}
.gpbd-conv-note{font-size:11px;color:var(--g-muted);margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--g-border)}

/* ══ TICKER ═══════════════════════════ */
.gpbd-tkr{background:linear-gradient(135deg,#7A5200 0%,#C8940A 50%,#E1B55A 75%,#F0CC70 100%);overflow:hidden;border-radius:8px;padding:0}
.gpbd-tkr-inner{display:flex;white-space:nowrap;animation:gpbd-scroll 30s linear infinite}
.gpbd-ti{display:inline-flex;align-items:center;gap:8px;padding:10px 28px;font-size:13px;color:rgba(255,255,255,.85);font-family:'DM Sans',sans-serif;border-right:1px solid rgba(255,255,255,.15)}
.gpbd-ti-k{font-weight:700;color:#fff}
.gpbd-ti-p{font-weight:600;color:#ffe9a0}
@keyframes gpbd-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.gpbd-tkr:hover .gpbd-tkr-inner{animation-play-state:paused}

/* Responsive */
@media(max-width:520px){
  .gpbd-calc-row{grid-template-columns:1fr}
  .gpbd-calc-row-3{grid-template-columns:1fr}
  .gpbd-res-bd-row{grid-template-columns:1fr auto}
  .gpbd-res-bd-val{grid-column:span 2;text-align:left}
  .gpbd-wcards{grid-template-columns:repeat(2,1fr)}
  .gpbd-slv-grid{grid-template-columns:repeat(2,1fr)}
}

/* ══ ADVANCED CHART ═══════════════════ */
.gpbd-chart-head{background:linear-gradient(135deg,#7A5200 0%,#C8940A 50%,#E1B55A 75%,#F0CC70 100%);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}
.gpbd-chart-hl{display:flex;align-items:center;gap:10px}
.gpbd-chart-icon{font-size:22px}
.gpbd-chart-title{font-family:'Playfair Display',serif;color:#fff;font-size:17px;margin:0}
.gpbd-chart-sub{font-size:11px;color:rgba(255,255,255,.7);margin:2px 0 0}

/* Range buttons row */
.gpbd-rng-btns{display:flex;gap:4px;flex-wrap:wrap}
.gpbd-rng-btn{padding:4px 10px;border-radius:5px;border:1px solid rgba(255,255,255,.35);background:transparent;color:rgba(255,255,255,.85);font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;letter-spacing:.03em}
.gpbd-rng-btn:hover{background:rgba(255,255,255,.15)}
.gpbd-rng-btn.active{background:rgba(255,255,255,.92);color:#8A6200;border-color:transparent}
.gpbd-rng-btn:disabled{opacity:.35;cursor:not-allowed}
.gpbd-reset-zoom{position:absolute!important;bottom:8px!important;right:8px!important;top:auto!important;font-size:10px!important;padding:3px 8px!important;background:rgba(255,253,240,.9)!important;color:#8A6200!important;border-color:#EDD080!important}

/* Stats row */
.gpbd-chart-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:.875rem 1.25rem;background:var(--g-bg2);border-bottom:1px solid var(--g-border)}
.gpbd-cstat{background:var(--g-bg);border:1px solid var(--g-border);border-radius:8px;padding:.625rem .75rem;display:flex;flex-direction:column;gap:3px}
.gpbd-cstat-silver{border-color:#ccc}
.gpbd-cstat-name{margin-bottom:2px}
.gpbd-cstat-price{font-size:16px;font-weight:700;color:var(--g-gold-dk)}
.gpbd-cstat-ch{font-size:11px;font-weight:600;display:flex;align-items:center;gap:3px}
.gpbd-cstat-up{color:#2a7a2a}
.gpbd-cstat-dn{color:#a02020}
.gpbd-cstat-range{font-size:10px;color:var(--g-muted)}

.gpbd-chart-body{padding:.875rem 1.25rem;position:relative;height:300px}
.gpbd-chart-nodata{padding:3rem 1.5rem;text-align:center;color:var(--g-muted);font-size:14px;line-height:1.8}
.gpbd-chart-foot{background:var(--g-bg2);border-top:1px solid var(--g-border);padding:.625rem 1.25rem;font-size:11px;color:var(--g-muted);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}

/* ══ TRADINGVIEW WORLD WIDGETS ════════ */
.gpbd-tv-wrap{background:var(--g-bg);border:1px solid var(--g-border);border-radius:var(--g-r);overflow:hidden;box-shadow:var(--g-sh)}
.gpbd-tv-chart-wrap{display:block}
.gpbd-tv-ticker-wrap{display:block}
.gpbd-tv-credit{font-size:11px;color:var(--g-muted);padding:.5rem 1rem;background:var(--g-bg2);border-top:1px solid var(--g-border);margin:0;text-align:right}
.gpbd-tv-credit a{color:var(--g-gold);text-decoration:none}

/* ══ CALCULATOR TABS ══════════════════ */
.gpbd-calc-tabs{
    display:flex;
    gap:0;
    margin-bottom:1.25rem;
    border:2px solid var(--g-border);
    border-radius:10px;
    overflow:hidden;
    background:var(--g-bg2);
}
.gpbd-calc-tab{
    flex:1;
    padding:12px 8px;
    border:none;
    background:transparent;
    cursor:pointer;
    font-family:'DM Sans',sans-serif;
    transition:background .18s, color .18s;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2px;
    position:relative;
}
.gpbd-calc-tab:not(:last-child){
    border-right:2px solid var(--g-border);
}
.gpbd-tab-bn{
    font-size:18px;
    font-weight:700;
    color:var(--g-muted);
    font-family:'DM Sans',sans-serif;
    line-height:1;
    transition:color .18s;
}
.gpbd-tab-en{
    font-size:11px;
    font-weight:500;
    color:var(--g-muted);
    letter-spacing:.06em;
    text-transform:uppercase;
    transition:color .18s;
}
.gpbd-calc-tab.active{
    background:linear-gradient(135deg,#7A5200 0%,#C8960A 50%,#E1B55A 100%);
}
.gpbd-calc-tab.active .gpbd-tab-bn,
.gpbd-calc-tab.active .gpbd-tab-en{
    color:#fff;
}
.gpbd-calc-tab:not(.active):hover{
    background:var(--g-gold-lt);
}
.gpbd-calc-tab:not(.active):hover .gpbd-tab-bn,
.gpbd-calc-tab:not(.active):hover .gpbd-tab-en{
    color:var(--g-gold-dk);
}

/* ── PANEL VISIBILITY ── */
.gpbd-calc-panel{ display:block; }
.gpbd-calc-panel-hidden{ display:none!important; }

/* ── GRAM PANEL ── */
.gpbd-calc-gram-panel{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    align-items:start;
}
@media(max-width:520px){
    .gpbd-calc-gram-panel{ grid-template-columns:1fr; }
}

.gpbd-gram-input-wrap{
    display:flex;
    flex-direction:column;
    gap:6px;
}
.gpbd-gram-big-wrap{
    border-width:2px!important;
}
.gpbd-gram-unit{
    font-size:15px!important;
    font-weight:700!important;
    min-width:36px!important;
    background:linear-gradient(180deg,#FBF0C8,#EDD080)!important;
}
.gpbd-gram-input{
    font-size:28px!important;
    padding:14px 10px!important;
    letter-spacing:.02em;
}

/* ── QUICK REFERENCE CHIPS ── */
.gpbd-gram-ref{
    background:var(--g-bg2);
    border:1px solid var(--g-border);
    border-radius:9px;
    padding:.875rem;
}
.gpbd-gram-ref-title{
    font-size:11px;
    font-weight:700;
    color:var(--g-muted);
    text-transform:uppercase;
    letter-spacing:.07em;
    margin-bottom:.625rem;
}
.gpbd-gram-ref-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
}
.gpbd-gram-ref-item{
    padding:7px 10px;
    background:#fff;
    border:1.5px solid var(--g-border);
    border-radius:7px;
    cursor:pointer;
    font-size:13px;
    font-weight:600;
    color:var(--g-gold-dk);
    display:flex;
    flex-direction:column;
    gap:1px;
    transition:all .15s;
    text-align:center;
}
.gpbd-gram-ref-item span{
    font-size:10px;
    font-weight:400;
    color:var(--g-muted);
}
.gpbd-gram-ref-item:hover{
    background:linear-gradient(135deg,#FBF0C8,#EDD080);
    border-color:var(--g-gold);
    color:var(--g-gold-dk);
    transform:translateY(-1px);
    box-shadow:0 2px 8px rgba(225,181,90,.25);
}
.gpbd-gram-ref-item:active{
    transform:translateY(0);
}

/* ══ CALCULATOR UNIT FLAGS + BIG INPUTS ═══ */
.gpbd-unit-flag{
    display:inline-block;
    background:linear-gradient(135deg,#FBF0C8,#EDD080);
    color:var(--g-gold-dk);
    border:1.5px solid var(--g-gold);
    border-radius:5px;
    padding:2px 9px;
    font-size:13px;
    font-weight:700;
    margin-right:5px;
    letter-spacing:.02em;
    box-shadow:0 1px 4px rgba(225,181,90,.20);
}

/* Big number input — border owned by wrapper, not input */
.gpbd-calc-big::placeholder{
    color:#DEB86A;
    font-size:24px;
    font-weight:300;
    opacity:.6;
}
.gpbd-calc-big:focus::placeholder{ opacity:.25; }

.gpbd-calc-big{
    font-size:26px!important;
    font-weight:700!important;
    text-align:center!important;
    padding:10px 8px!important;
    border:none!important;
    border-radius:0!important;
    background:transparent!important;
    flex:1;
    min-width:0;
    color:var(--g-gold-dk)!important;
    outline:none!important;
    box-shadow:none!important;
    width:100%!important;
}

/* Focus highlight on wrapper when input inside is focused */
.gpbd-calc-inp-wrap:focus-within{
    border-color:var(--g-gold)!important;
    box-shadow:0 0 0 3px rgba(225,181,90,.22)!important;
    background:#fff;
}

/* Eq hint beneath each field */
.gpbd-calc-eq{
    font-size:10px;color:var(--g-muted);
    margin-top:4px;text-align:center;
    font-style:italic;opacity:.8;
    line-height:1.3;
}

/* 4-column weight grid */
.gpbd-calc-row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:1.125rem;}
@media(max-width:600px){.gpbd-calc-row-4{grid-template-columns:repeat(2,1fr);gap:10px;}}
@media(max-width:380px){.gpbd-calc-row-4{grid-template-columns:1fr;}}

/* ══ CALC PRINT / DOWNLOAD BUTTONS ═══ */
.gpbd-calc-actions{display:flex;gap:8px;margin-top:.875rem;flex-wrap:wrap}
.gpbd-calc-print-btn,.gpbd-calc-dl-btn{
    padding:9px 22px;border-radius:8px;border:none;font-size:13px;font-weight:600;
    cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .15s;
    display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.gpbd-calc-print-btn{
    background:linear-gradient(135deg,#5a3c00,#8A6200);
    color:#fff;
}
.gpbd-calc-print-btn:hover{
    background:linear-gradient(135deg,#3a2800,#6A4A00);
    box-shadow:0 3px 12px rgba(0,0,0,.18);
}
.gpbd-calc-dl-btn{
    background:linear-gradient(135deg,#C8940A,#E1B55A,#F0CC70);
    color:#7A5200;
    font-weight:700;
}
.gpbd-calc-dl-btn:hover{
    background:linear-gradient(135deg,#A87800,#C8940A,#E1B55A);
    box-shadow:0 3px 12px rgba(200,148,10,.35);
}

/* ══ CALCULATOR TABS ══════════════════ */
.gpbd-calc-tabs{
    display:flex;
    gap:0;
    margin-bottom:1.125rem;
    border-bottom:2px solid var(--g-border);
    padding:0;
}
.gpbd-calc-tab{
    flex:1;
    padding:10px 8px 11px;
    border:none;
    border-bottom:3px solid transparent;
    margin-bottom:-2px;
    background:transparent;
    cursor:pointer;
    font-family:'DM Sans',sans-serif;
    display:flex;flex-direction:column;align-items:center;gap:1px;
    transition:all .18s;
    border-radius:0;
    position:relative;
}
.gpbd-calc-tab:hover{background:var(--g-gold-lt);}
.gpbd-calc-tab.active{
    border-bottom-color:var(--g-gold);
    background:var(--g-gold-lt);
}
.gpbd-tab-bn{
    font-size:18px;font-weight:700;
    color:var(--g-muted);
    transition:color .18s;
    font-family:'DM Sans',sans-serif;
}
.gpbd-tab-en{
    font-size:11px;font-weight:600;
    color:var(--g-muted);
    text-transform:uppercase;letter-spacing:.07em;
    transition:color .18s;
}
.gpbd-calc-tab.active .gpbd-tab-bn,
.gpbd-calc-tab.active .gpbd-tab-en{
    color:var(--g-gold-dk);
}
.gpbd-calc-tab.active::after{
    content:'';
    position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);
    width:32px;height:3px;
    background:var(--g-gold);
    border-radius:2px 2px 0 0;
}

/* ══ PANEL SHOW/HIDE ══════════════════ */
.gpbd-calc-panel{ display:block; }
.gpbd-calc-panel-hidden{ display:none!important; }

/* ══ GRAM PANEL ══════════════════════ */
.gpbd-calc-gram-wrap{
    display:flex;flex-direction:column;gap:8px;
}
.gpbd-calc-gram-field{
    max-width:340px;
}
.gpbd-calc-inp-gram .gpbd-calc-inp-unit{
    font-size:15px;
    min-width:58px;
    padding:0 14px;
}
.gpbd-calc-big-gram{
    font-size:30px!important;
    letter-spacing:.02em;
}
.gpbd-calc-gram-equiv{
    min-height:28px;
    margin-top:2px;
}
.gpbd-gram-equiv-txt{
    display:inline-block;
    background:linear-gradient(135deg,var(--g-gold-lt),#FBF0C8);
    border:1.5px solid var(--g-border);
    border-radius:7px;
    padding:5px 14px;
    font-size:13px;
    font-weight:600;
    color:var(--g-gold-dk);
    letter-spacing:.01em;
}

/* ══ SILVER CALCULATOR THEME ══════════ */
.gpbd-slvcalc-wrap .gpbd-calc-head,
.gpbd-slvcalc-head{
    background:linear-gradient(135deg,#252535 0%,#3A3A5A 40%,#6A6A8A 70%,#9A9ABB 100%)!important;
}
.gpbd-slv-flag{
    background:linear-gradient(135deg,#E8E8F5,#C0C0D8)!important;
    border-color:#9A9ABB!important;
    color:#3A3A5A!important;
}
.gpbd-slv-unit{
    background:linear-gradient(180deg,#E8E8F5,#C8C8DC)!important;
    border-right-color:#C0C0D8!important;
    color:#3A3A5A!important;
}
.gpbd-slv-inp-wrap:focus-within{
    border-color:#9A9ABB!important;
    box-shadow:0 0 0 3px rgba(154,154,187,.2)!important;
}
.gpbd-slvcalc-rate-display{
    background:linear-gradient(135deg,#F5F5FA,#EBEBF5);
    border:1.5px solid #C0C0D8;
    border-radius:8px;
    padding:10px 14px;
    display:flex;flex-direction:column;gap:3px;
}
.gpbd-slvcalc-rate-main{
    font-size:18px;font-weight:700;color:#3A3A5A;font-family:'DM Sans',sans-serif;
}
.gpbd-slvcalc-rate-sub{
    font-size:11px;color:#7878A0;
}
.gpbd-slvcalc-wrap .gpbd-calc-tab.active{
    border-bottom-color:#9A9ABB;
    background:#F0F0F8;
}
.gpbd-slvcalc-wrap .gpbd-calc-tab.active .gpbd-tab-bn,
.gpbd-slvcalc-wrap .gpbd-calc-tab.active .gpbd-tab-en{
    color:#3A3A5A;
}
.gpbd-slvcalc-wrap .gpbd-calc-tab.active::after{
    background:#9A9ABB;
}
.gpbd-slv-res-main{
    background:linear-gradient(135deg,#252535 0%,#5A5A7A 60%,#9A9ABB 100%)!important;
}
.gpbd-slv-print-btn{
    background:linear-gradient(135deg,#3A3A5A,#5A5A7A)!important;
    color:#E8E8F5!important;
}
.gpbd-slv-dl-btn{
    background:linear-gradient(135deg,#8A8AAA,#9A9ABB,#B0B0CC)!important;
    color:#252535!important;
}

/* Input error state for clamped fields */
.gpbd-calc-input.gpbd-input-error{
    border-color:#c03!important;
    box-shadow:0 0 0 3px rgba(204,0,51,.15)!important;
    animation:gpbd-shake .4s ease;
}
@keyframes gpbd-shake{
    0%,100%{transform:translateX(0)}
    20%{transform:translateX(-6px)}
    40%{transform:translateX(6px)}
    60%{transform:translateX(-4px)}
    80%{transform:translateX(4px)}
}

/* ══ PRICE TREND WIDGET ═══════════════ */
.gpbd-trend-wrap{background:var(--g-bg);border:1px solid var(--g-border);border-radius:var(--g-r);overflow:hidden;box-shadow:var(--g-sh)}
.gpbd-trend-head{background:linear-gradient(135deg,#7A5200 0%,#C8940A 50%,#E1B55A 75%,#F0CC70 100%);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between}
.gpbd-trend-hl{display:flex;align-items:center;gap:10px}
.gpbd-trend-icon{font-size:22px}
.gpbd-trend-title{font-family:'Playfair Display',serif;color:#fff;font-size:17px;margin:0}
.gpbd-trend-sub{font-size:11px;color:rgba(255,255,255,.7);margin:2px 0 0}
.gpbd-trend-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:1rem}
.gpbd-trend-card{background:var(--g-bg2);border:1px solid var(--g-border);border-radius:10px;padding:.875rem;display:flex;flex-direction:column;gap:6px}
.gpbd-trend-top{display:flex;align-items:center;gap:6px}
.gpbd-trend-label{font-size:12px;font-weight:600;color:var(--g-muted)}
.gpbd-trend-price{font-size:19px;font-weight:700;color:var(--g-gold-dk);line-height:1.1}
.gpbd-trend-price::before{content:'৳';font-size:12px;opacity:.7;vertical-align:super}
.gpbd-trend-unit{font-size:10px;color:var(--g-muted);font-weight:400;margin-left:2px}
.gpbd-trend-change{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;border-radius:5px;padding:4px 8px}
.gpbd-trend-up{background:#e8ffe8;color:#2a6e2a}
.gpbd-trend-dn{background:#ffe8e8;color:#992222}
.gpbd-trend-flat{background:#f5f5e8;color:#8A7540}
.gpbd-trend-arrow{font-size:13px}
.gpbd-trend-gram{font-size:11px;color:var(--g-muted)}

/* ══ PRICE HISTORY CHART WIDGET ═══════ */
.gpbd-chart-wrap{background:var(--g-bg);border:1px solid var(--g-border);border-radius:var(--g-r);overflow:hidden;box-shadow:var(--g-sh)}
.gpbd-chart-head{background:linear-gradient(135deg,#7A5200 0%,#C8940A 50%,#E1B55A 75%,#F0CC70 100%);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between}
.gpbd-chart-hl{display:flex;align-items:center;gap:10px}
.gpbd-chart-icon{font-size:22px}
.gpbd-chart-title{font-family:'Playfair Display',serif;color:#fff;font-size:17px;margin:0}
.gpbd-chart-sub{font-size:11px;color:rgba(255,255,255,.7);margin:2px 0 0}
.gpbd-chart-body{padding:1rem 1.25rem;position:relative;height:280px}
.gpbd-chart-nodata{padding:3rem 1.5rem;text-align:center;color:var(--g-muted);font-size:14px;line-height:1.8}
.gpbd-chart-foot{background:var(--g-bg2);border-top:1px solid var(--g-border);padding:.625rem 1.25rem;font-size:11px;color:var(--g-muted);text-align:right}

@media(max-width:520px){
  .gpbd-trend-cards{grid-template-columns:repeat(2,1fr)}
  .gpbd-chart-body{height:220px}
}

/* ══════════════════════════════════════
   ZAKAT CALCULATOR
══════════════════════════════════════ */
.gpbd-zakat-wrap{
    background:#fff;
    border:1px solid #E8D080;
    border-radius:var(--g-r,12px);
    overflow:hidden;
    box-shadow:0 6px 32px rgba(90,56,0,.1);
    font-family:'DM Sans',sans-serif;
}

/* ── HEADER ── */
.gpbd-zakat-head{
    background:linear-gradient(135deg,#2C1800 0%,#6a4a00 35%,#C8940A 65%,#E1B55A 100%);
    padding:0;
}
.gpbd-zakat-head-inner{
    display:flex;align-items:center;gap:16px;
    padding:20px 24px 14px;
}
.gpbd-zakat-icon-wrap{
    width:52px;height:52px;flex-shrink:0;
    background:rgba(255,255,255,.12);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    border:1.5px solid rgba(255,255,255,.2);
}
.gpbd-zakat-title{
    font-family:'Playfair Display',serif;
    font-size:18px;font-weight:700;
    color:#fff;margin:0 0 3px;line-height:1.3;
}
.gpbd-zakat-sub{font-size:11px;color:rgba(255,255,255,.65);margin:0;}

/* Nisab strip */
.gpbd-zakat-nisab-strip{
    display:flex;align-items:center;gap:0;
    background:rgba(0,0,0,.18);
    padding:10px 24px;
    flex-wrap:wrap;gap:8px;
}
.gpbd-zakat-nisab-item{display:flex;flex-direction:column;gap:2px;}
.gpbd-zakat-nisab-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.55);}
.gpbd-zakat-nisab-val{font-size:13px;font-weight:700;color:rgba(255,255,255,.8);}
.gpbd-zakat-nisab-active .gpbd-zakat-nisab-val{color:#F5D878;}
.gpbd-zakat-nisab-active .gpbd-zakat-nisab-lbl{color:rgba(245,216,120,.8);}
.gpbd-zakat-nisab-sep{font-size:16px;color:rgba(255,255,255,.2);align-self:center;padding:0 8px;}

/* ── BODY ── */
.gpbd-zakat-body{padding:20px 20px 0;}
.gpbd-zakat-note{
    font-size:12px;color:#7a6030;
    background:#FDF8E0;
    border-left:3px solid #E1B55A;
    border-radius:0 6px 6px 0;
    padding:10px 14px;
    margin-bottom:16px;
    line-height:1.5;
}

/* ── SECTIONS GRID ── */
.gpbd-zakat-sections{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));
    gap:12px;
    margin-bottom:20px;
}
.gpbd-zakat-section{
    border:1.5px solid #EDD080;
    border-radius:10px;
    overflow:hidden;
    background:#FFFDF5;
    transition:box-shadow .15s;
}
.gpbd-zakat-section:hover{box-shadow:0 3px 14px rgba(225,181,90,.18);}
.gpbd-zakat-section.deduct{border-color:#f0c0c0;background:#fff8f8;}
.gpbd-zakat-section.deduct:hover{box-shadow:0 3px 14px rgba(192,0,0,.1);}

.gpbd-zakat-section-head{
    display:flex;align-items:flex-start;gap:10px;
    padding:12px 14px 8px;
    border-bottom:1px solid #EDD080;
    background:rgba(255,248,220,.5);
}
.gpbd-zakat-section.deduct .gpbd-zakat-section-head{
    border-color:#f0c0c0;background:rgba(255,240,240,.5);
}
.gpbd-zakat-section-icon{font-size:18px;flex-shrink:0;margin-top:1px;}
.gpbd-zakat-section-title{font-size:13px;font-weight:700;color:#5A3800;margin-bottom:2px;}
.gpbd-zakat-section.deduct .gpbd-zakat-section-title{color:#a00;}
.gpbd-zakat-section-hint{font-size:10px;color:#a08030;line-height:1.4;}
.gpbd-zakat-section.deduct .gpbd-zakat-section-hint{color:#c06060;}
.gpbd-zakat-section-val{
    margin-left:auto;flex-shrink:0;
    font-size:13px;font-weight:700;
    color:#b68f40;white-space:nowrap;
    background:#FDF8E0;
    padding:3px 8px;border-radius:6px;
    border:1px solid #EDD080;
}
.gpbd-zakat-section.deduct .gpbd-zakat-section-val{color:#c03;background:#fff0f0;border-color:#f0c0c0;}

.gpbd-zakat-section-fields{padding:12px 14px;display:flex;flex-direction:column;gap:8px;}
.gpbd-zakat-field{}
.gpbd-zakat-field-lbl{font-size:11px;font-weight:600;color:#8a7040;display:block;margin-bottom:4px;}
.gpbd-zakat-field-inp-wrap{display:flex;align-items:center;border:1.5px solid #DDD080;border-radius:7px;overflow:hidden;background:#fff;transition:border-color .15s;}
.gpbd-zakat-field-inp-wrap:focus-within{border-color:#C8940A;box-shadow:0 0 0 3px rgba(200,148,10,.12);}
.gpbd-zakat-section.deduct .gpbd-zakat-field-inp-wrap{border-color:#f0b0b0;}
.gpbd-zakat-section.deduct .gpbd-zakat-field-inp-wrap:focus-within{border-color:#e03030;box-shadow:0 0 0 3px rgba(200,0,0,.08);}
.gpbd-zakat-field-unit{
    padding:0 10px;
    font-size:12px;font-weight:700;
    color:#b68f40;
    background:#FDF8E0;
    border-right:1px solid #DDD080;
    height:38px;display:flex;align-items:center;white-space:nowrap;flex-shrink:0;
}
.gpbd-zakat-section.deduct .gpbd-zakat-field-unit{background:#fff0f0;border-color:#f0b0b0;color:#c03;}
.gpbd-zakat-inp{
    border:none;outline:none;
    padding:0 10px;
    height:38px;
    font-size:14px;font-weight:600;
    font-family:'DM Sans',sans-serif;
    width:100%;
    color:#3a2500;
    background:transparent;
}
.gpbd-zakat-inp::placeholder{color:#ccc;}

/* ── RESULT ── */
.gpbd-zakat-result-wrap{margin-bottom:16px;}
.gpbd-zakat-result-placeholder{
    text-align:center;
    padding:24px;
    color:#b09a60;
    font-size:13px;
    background:#FDF8E0;
    border-radius:10px;
    border:1.5px dashed #EDD080;
}
.gpbd-zakat-result{
    border-radius:12px;
    overflow:hidden;
    border:2px solid #EDD080;
}
.gpbd-zakat-result.not-due{border-color:#e0e0e0;}

/* Status banner */
.gpbd-zakat-status-banner{
    display:flex;align-items:center;gap:12px;
    padding:14px 20px;
    background:linear-gradient(135deg,#FDF8E0,#FEF5C0);
    border-bottom:1px solid #EDD080;
}
.gpbd-zakat-result.not-due .gpbd-zakat-status-banner{background:#f8f8f8;border-color:#e0e0e0;}
.gpbd-zakat-status-icon{font-size:22px;flex-shrink:0;}
.gpbd-zakat-status-text{font-size:13px;color:#5A3800;line-height:1.4;}
.gpbd-zakat-result.not-due .gpbd-zakat-status-text{color:#666;}

/* Amount box */
.gpbd-zakat-amount-wrap{
    text-align:center;padding:20px 24px;
    background:#fff;
    border-bottom:1px solid #EDD080;
}
.gpbd-zakat-amount-lbl{font-size:11px;color:#b09a60;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;}
.gpbd-zakat-amount-net{font-size:22px;font-weight:700;color:#5A3800;}
.gpbd-zakat-amount-rate{font-size:12px;color:#b09a60;margin:4px 0;}
.gpbd-zakat-amount-due-lbl{font-size:12px;font-weight:700;color:#b09a60;text-transform:uppercase;letter-spacing:.06em;margin-top:8px;}
.gpbd-zakat-amount-due{font-size:36px;font-weight:800;color:#2C1800;font-family:'Playfair Display',serif;line-height:1.1;}
.gpbd-zakat-amount-monthly{font-size:12px;color:#b09a60;margin-top:6px;}

/* Shortfall */
.gpbd-zakat-shortfall{
    text-align:center;padding:20px 24px;
    background:#f8f8f8;
    border-bottom:1px solid #e0e0e0;
    font-size:14px;color:#555;
    display:flex;flex-direction:column;gap:6px;
}
.gpbd-zakat-shortfall-note{font-size:12px;color:#999;margin-top:4px;}

/* Breakdown */
.gpbd-zakat-breakdown{padding:14px 20px;background:#fff;}
.gpbd-zakat-bd-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#b09a60;margin-bottom:10px;}
.gpbd-zakat-bd-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;border-bottom:1px solid #f8f0d8;}
.gpbd-zakat-bd-row:last-child{border-bottom:none;}
.gpbd-zakat-bd-bold{font-weight:700;font-size:14px;}
.gpbd-zakat-bd-sep{height:1px;background:#EDD080;margin:6px 0;}
.gpbd-zakat-bd-lbl{color:#5a4a20;}
.gpbd-zakat-bd-val{font-weight:600;color:#3a2500;}

/* Actions */
.gpbd-zakat-actions{padding:14px 20px;background:#FDF8E0;border-top:1px solid #EDD080;}
.gpbd-zakat-print-btn{
    background:linear-gradient(135deg,#5A3800,#C8940A);
    color:#fff;border:none;
    padding:10px 24px;border-radius:8px;
    font-size:13px;font-weight:700;
    cursor:pointer;font-family:'DM Sans',sans-serif;
    box-shadow:0 3px 12px rgba(90,56,0,.2);
    transition:all .15s;display:inline-flex;align-items:center;gap:7px;
}
.gpbd-zakat-print-btn:hover{background:linear-gradient(135deg,#3a2500,#a07800);transform:translateY(-1px);}

/* Hawl note */
.gpbd-zakat-hawl{
    margin:0 20px 20px;
    padding:10px 14px;
    font-size:11px;color:#7a6030;
    background:#FDF8E0;
    border-radius:8px;
    border:1px solid #EDD080;
    line-height:1.6;
}

/* Footer */
.gpbd-zakat-foot{
    background:#3a2500;
    padding:10px 20px;
    font-size:11px;color:rgba(255,255,255,.55);
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;
}

/* Responsive */
@media(max-width:540px){
    .gpbd-zakat-sections{grid-template-columns:1fr;}
    .gpbd-zakat-nisab-strip{flex-direction:column;gap:6px;}
    .gpbd-zakat-nisab-sep{display:none;}
    .gpbd-zakat-head-inner{flex-direction:column;align-items:flex-start;}
}

/* ── WIDGET DOWNLOAD / PRINT BUTTONS ── */
.gpbd-wgt-dl-group{
    margin-left:auto;display:flex;gap:5px;
}
.gpbd-wgt-dl-btn,.gpbd-wgt-pr-btn{
    display:inline-flex;align-items:center;gap:4px;
    padding:5px 11px;border-radius:6px;border:none;
    font-size:11px;font-weight:700;cursor:pointer;
    font-family:'DM Sans',sans-serif;transition:all .15s;
    white-space:nowrap;
}
.gpbd-wgt-dl-btn{
    background:rgba(255,255,255,.85);
    color:#5A3800;
}
.gpbd-wgt-dl-btn:hover{background:#fff;transform:translateY(-1px);}
.gpbd-wgt-dl-btn:disabled{opacity:.6;cursor:default;transform:none;}
.gpbd-wgt-pr-btn{
    background:rgba(255,255,255,.15);
    color:#fff;
    border:1px solid rgba(255,255,255,.3);
}
.gpbd-wgt-pr-btn:hover{background:rgba(255,255,255,.25);}
@media(max-width:480px){
    .gpbd-wgt-dl-group{width:100%;}
    .gpbd-wgt-dl-btn,.gpbd-wgt-pr-btn{flex:1;justify-content:center;}
}

/* ══════════════════════════════════════
   PURITY REFERENCE WIDGET
══════════════════════════════════════ */
.gpbd-purity-wrap{background:#fff;border:1px solid #EDD080;border-radius:var(--g-r,12px);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.07);}
.gpbd-purity-head{background:linear-gradient(135deg,#2C1800,#7A5200,#E1B55A);padding:16px 20px;display:flex;align-items:center;}
.gpbd-purity-hl{display:flex;align-items:center;gap:12px;}
.gpbd-purity-icon{font-size:22px;}
.gpbd-purity-title{font-family:'Playfair Display',serif;font-size:16px;color:#fff;margin:0 0 3px;font-weight:700;}
.gpbd-purity-sub{font-size:11px;color:rgba(255,255,255,.6);margin:0;}
.gpbd-purity-section{margin:0;}
.gpbd-purity-section-head{padding:10px 16px;font-size:13px;font-weight:700;border-bottom:1px solid #EDD080;display:flex;align-items:center;gap:8px;}
.gpbd-purity-metal-icon{font-size:18px;}
.gpbd-purity-tbl{width:100%;border-collapse:collapse;font-size:13px;}
.gpbd-purity-tbl thead tr{background:#FDF8E0;}
.gpbd-purity-tbl th{padding:9px 12px;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#b68f40;font-weight:700;border-bottom:2px solid #EDD080;white-space:nowrap;}
.gpbd-purity-row{border-bottom:1px solid #f5edc0;transition:background .12s;}
.gpbd-purity-row:last-child{border-bottom:none;}
.gpbd-purity-row:hover{background:#FFFDF5;}
.gpbd-purity-tbl td{padding:10px 12px;vertical-align:middle;}
.gpbd-purity-pct{font-weight:700;color:#5A3800;}
.gpbd-purity-price{text-align:right;font-weight:700;color:#5A3800;white-space:nowrap;font-size:13px;}
.gpbd-purity-fine{font-family:monospace;color:#7a6030;}
.gpbd-purity-bn{color:#3a2200;font-weight:500;}
.gpbd-purity-use{color:#5a5a7a;font-size:12px;}
.gpbd-purity-note{color:#aaa;font-size:11px;font-style:italic;}
.gpbd-purity-foot{background:#FDF8E0;padding:8px 16px;font-size:11px;color:#b09a60;border-top:1px solid #EDD080;}

/* ══════════════════════════════════════
   ENHANCED HISTORY / CHANGE WIDGET
══════════════════════════════════════ */
.gpbd-hist-wrap{background:#fff;border:1px solid #EDD080;border-radius:var(--g-r,12px);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.07);}
.gpbd-hist-head{background:linear-gradient(135deg,#2C1800,#7A5200,#C8940A);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.gpbd-hist-hl{display:flex;align-items:center;gap:10px;}
.gpbd-hist-icon{font-size:20px;}
.gpbd-hist-title{font-family:'Playfair Display',serif;font-size:16px;color:#F5D878;margin:0 0 2px;}
.gpbd-hist-sub{font-size:11px;color:rgba(255,255,255,.55);margin:0;}
/* ── History action buttons (Print / Share / Download) ── */
.gpbd-hist-actions{display:flex;align-items:center;gap:7px;flex-shrink:0;}
.gpbd-hist-pr-btn,
.gpbd-hist-share-btn,
.gpbd-hist-dl-btn{
    display:inline-flex;align-items:center;gap:5px;
    padding:7px 14px;border-radius:7px;border:none;
    font-size:12px;font-weight:700;cursor:pointer;
    font-family:'DM Sans',Arial,sans-serif;
    transition:background .15s,transform .12s;
    white-space:nowrap;line-height:1;
}
/* Download — solid white, most prominent */
.gpbd-hist-dl-btn{
    background:rgba(255,255,255,.95);
    color:#5A3800;
    box-shadow:0 2px 8px rgba(0,0,0,.15);
}
.gpbd-hist-dl-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.2);}
.gpbd-hist-dl-btn:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none;}
/* Share — semi-transparent white */
.gpbd-hist-share-btn{
    background:rgba(255,255,255,.18);
    color:#fff;
    border:1.5px solid rgba(255,255,255,.4);
}
.gpbd-hist-share-btn:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.6);}
/* Print — ghost style */
.gpbd-hist-pr-btn{
    background:rgba(255,255,255,.1);
    color:rgba(255,255,255,.9);
    border:1.5px solid rgba(255,255,255,.25);
}
.gpbd-hist-pr-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);}
@media(max-width:560px){
    .gpbd-hist-head{flex-direction:column;align-items:flex-start;}
    .gpbd-hist-actions{width:100%;}
    .gpbd-hist-pr-btn,.gpbd-hist-share-btn,.gpbd-hist-dl-btn{flex:1;justify-content:center;padding:8px 6px;font-size:11px;}
}
/* Change cards grid */
.gpbd-hcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:1px;background:#EDD080;}
.gpbd-hcard{background:#fff;padding:14px 16px;}
.gpbd-hcard:hover{background:#FFFDF5;}
.gpbd-hcard-karat{display:flex;align-items:center;gap:7px;font-size:12px;color:#7a6030;margin-bottom:6px;font-weight:600;}
.gpbd-hcard-price{font-size:20px;font-weight:800;color:#2C1800;font-family:'DM Sans',sans-serif;margin-bottom:2px;}
.gpbd-hcard-unit{font-size:12px;font-weight:400;color:#b09a60;}
.gpbd-hcard-gram{font-size:11px;color:#b09a60;margin-bottom:6px;}
.gpbd-hcard-change{font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.gpbd-hcard-arrow{font-size:14px;}
.gpbd-hcard-since{font-size:10px;font-weight:400;color:#bbb;margin-left:2px;}
.gpbd-hist-foot{background:#FDF8E0;padding:8px 16px;font-size:11px;color:#b09a60;border-top:1px solid #EDD080;}