/* ═══════════════════════════════════════════════════════
   BPGB GAME SELECTOR — Style PagoStore
   ═══════════════════════════════════════════════════════ */

/* BLOKE navigatè dark mode — nou itilize pwòp koule nou */
.bpgb-gs-wrap,
.bpgb-gs-wrap * {
    color-scheme: dark;
    -webkit-color-scheme: dark;
}

/* Fòse koule egzak sou tout eleman enpòtan */
.bpgb-gs-wrap .bpgb-tile {
    forced-color-adjust: none;
    -webkit-forced-color-adjust: none;
}

.bpgb-gs-wrap {
    background: #0e1117 !important;
    border-radius: 16px;
    padding: 20px 14px 0;
    max-width: 760px;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Tit */
.bpgb-gs-title {
    color: #e8ecf4 !important;
    font-size: 17px;
    font-weight: 800;
    margin: 0 0 14px;
}

/* ── Griy 3 kart — TOUJOU 3 kolòn ── */
.bpgb-gs-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px;
    margin-bottom: 16px;
}
@media (max-width: 600px) {
    .bpgb-gs-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 7px !important; }
}

/* Kart game */
.bpgb-gs-card {
    background: transparent;
    border: none;
    padding: 6px 4px 8px;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.bpgb-gs-card:hover { opacity: .85; }
.bpgb-gs-card:active { transform: scale(.96); }

/* Kadre logo */
.bpgb-gs-card-img-wrap {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    overflow: hidden;
    border: 2.5px solid transparent;
    transition: border-color .15s, box-shadow .15s;
    flex-shrink: 0;
}
.bpgb-gs-card.active .bpgb-gs-card-img-wrap {
    border-color: #e53935;
    box-shadow: 0 0 0 2px rgba(229,57,53,.25);
}
.bpgb-gs-card-img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Fallback emoji */
.bpgb-gs-card-ico {
    width: 64px; height: 64px;
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px; flex-shrink: 0;
    border: 2.5px solid transparent;
    transition: border-color .15s;
}
.bpgb-gs-card.active .bpgb-gs-card-ico { border-color: #e53935; }
.bpgb-gs-card[data-game="freefirelatam"] .bpgb-gs-card-ico { background: linear-gradient(135deg,#c94a00,#ff7a2e); }
.bpgb-gs-card[data-game="bloodstrike"]   .bpgb-gs-card-ico { background: linear-gradient(135deg,#7a0000,#c62828); }
.bpgb-gs-card[data-game="pubgmobile"]    .bpgb-gs-card-ico { background: linear-gradient(135deg,#7a5800,#e0a800); }

/* Non game */
.bpgb-gs-card-name {
    font-size: 11px; font-weight: 700;
    color: #6a7285 !important; line-height: 1.2; text-align: center;
}
.bpgb-gs-card.active .bpgb-gs-card-name { color: #e53935 !important; }

/* ── Banner compact ── */
.bpgb-gs-banner {
    border-radius: 10px;
    padding: 10px 12px;
    display: flex; align-items: center; gap: 10px;
    margin-bottom: 16px;
    opacity: 0; transform: translateY(4px);
    transition: opacity .2s, transform .2s;
    overflow: hidden;
}
.bpgb-gs-banner.visible { opacity: 1; transform: translateY(0); }
.bpgb-gs-banner[data-game="freefirelatam"] { background: linear-gradient(135deg,#b33a00,#6e2200); }
.bpgb-gs-banner[data-game="bloodstrike"]   { background: linear-gradient(135deg,#7a0000,#2d0000); }
.bpgb-gs-banner[data-game="pubgmobile"]    { background: linear-gradient(135deg,#8a6200,#3a2a00); }
.bpgb-gs-banner-logo { width: 38px; height: 38px; border-radius: 9px; object-fit: cover; flex-shrink: 0; }
.bpgb-gs-banner-ico  { font-size: 24px; flex-shrink: 0; line-height: 1; }
.bpgb-gs-banner-info { flex: 1; min-width: 0; }
.bpgb-gs-banner-name { font-weight: 800; font-size: 13px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bpgb-gs-banner-sub  { font-size: 11px; color: rgba(255,255,255,.6); margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bpgb-gs-banner-secure {
    background: rgba(0,0,0,.3); border-radius: 20px;
    padding: 3px 8px; font-size: 10px; font-weight: 700; color: #fff;
    display: flex; align-items: center; gap: 3px; white-space: nowrap; flex-shrink: 0;
}

/* ── Panel ── */
.bpgb-gs-panel { display: none; }
.bpgb-gs-panel.active { display: block; animation: bpgbFadeSlide .2s ease; }
@keyframes bpgbFadeSlide { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }

/* ── Dark overrides ── */
.bpgb-gs-wrap .bpgb-rc { background: transparent !important; padding-bottom: 0 !important; }
.bpgb-gs-wrap .bpgb-rc-step { margin-bottom: 16px; }

/* ETAP tit: wouj badge + tèks blan */
.bpgb-gs-wrap .bpgb-rc-step-head { color: #e8ecf4 !important; font-size: 16px; margin-bottom: 10px; }
.bpgb-gs-wrap .bpgb-rc-num { background: #e53935 !important; color: #fff !important; border-radius: 6px; }

/* Kart etap 1 — sans fond clair */
.bpgb-gs-wrap .bpgb-rc-card {
    background: transparent !important;
    border: none !important;
    padding: 0;
}

.bpgb-gs-wrap .bpgb-rc-lbl { color: #8a96ae !important; font-size: 13px; }

/* ── BLÒK VERIFYE style PagoStore ── */
/* Input ID + dropdown + bouton wouj sou menm liy */
.bpgb-gs-wrap .bpgb-rc-idrow {
    background: #1a1f2e !important;
    border-radius: 10px;
    border: 1px solid #2a3046 !important;
    display: flex;
    align-items: center;
    overflow: hidden;
    gap: 0;
}
.bpgb-gs-wrap .bpgb-player-input {
    flex: 1; min-width: 0;
    padding: 13px 12px;
    background: transparent !important;
    border: none !important;
    color: #e8ecf4 !important;
    font-size: 14px;
    box-shadow: none !important;
}
.bpgb-gs-wrap .bpgb-player-input:focus { outline: none; box-shadow: none !important; }
.bpgb-gs-wrap .bpgb-player-input::placeholder { color: #4a5268 !important; }

/* Séparateur vertical */
.bpgb-gs-wrap .bpgb-rc-id-sep {
    width: 1px; height: 28px; background: #2a3046; flex-shrink: 0;
}

/* Bouton verifye wouj */
.bpgb-gs-wrap .bpgb-verify-btn {
    background: #e53935 !important;
    color: #fff !important;
    border: none !important;
    padding: 13px 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
    flex-shrink: 0;
}
.bpgb-gs-wrap .bpgb-verify-btn:hover { background: #b71c1c !important; }

/* Bouton retire */
.bpgb-gs-wrap .bpgb-remove-btn {
    background: transparent !important;
    border: none !important;
    color: #6a7285 !important;
    padding: 13px 10px !important;
    font-size: 16px !important;
}

/* Rezulta verifye */
.bpgb-gs-wrap .bpgb-verify-result { font-size: 13px; margin-top: 6px; min-height: 0; }

/* Bouton istorik — flèch ▼ pito */
.bpgb-gs-wrap .bpgb-histbtn-wrap { flex-shrink: 0; }
.bpgb-gs-wrap .bpgb-hist-btn {
    width: 42px; height: 42px;
    background: transparent;
    border: none;
    color: #e8ecf4 !important;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px;
    border-radius: 0;
}
.bpgb-gs-wrap .bpgb-hist-btn:hover { color: #fff !important; background: transparent !important; border-color: transparent !important; }

/* Popover istorik dark */
.bpgb-gs-wrap .bpgb-hist-popover { background: #161b27; border-color: #252d42; }
.bpgb-gs-wrap .bpgb-histpop-id { color: #e8ecf4; }
.bpgb-gs-wrap .bpgb-histpop-prod { color: #8a96ae; }
.bpgb-gs-wrap .bpgb-histpop-date { color: #5a6278; }
.bpgb-gs-wrap .bpgb-histpop-item { border-bottom-color: #252d42; }
.bpgb-gs-wrap .bpgb-histpop-use { background: #1d4ed8; }

/* Subtitle lòt pwodwi */
.bpgb-gs-wrap .bpgb-rc-subtitle { color: #6a7285 !important; font-size: 13px; margin: 14px 0 8px; }

/* ── TUIL MONTAN style PagoStore ── */
/* Sèlman ikonèt + chif, fon gri fonse, PRI KACHE */
.bpgb-gs-wrap .bpgb-tile {
    background: #1a1f2e !important;
    border: 1px solid #252d42 !important;
    border-radius: 10px;
    min-height: 62px;
    padding: 12px 6px;
    gap: 4px;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    color: #c8d0e0 !important;
}
.bpgb-gs-wrap .bpgb-tile:hover { border-color: #3a4468 !important; background: #1e2438 !important; }
.bpgb-gs-wrap .bpgb-tile.selected {
    border-color: #e53935 !important;
    background: #1a0c0c !important;
    box-shadow: 0 0 0 1px rgba(229,57,53,.3);
}
.bpgb-gs-wrap .bpgb-tile-ico { font-size: 14px; color: #c8d0e0 !important; }
.bpgb-gs-wrap .bpgb-tile-name { font-size: 13px; font-weight: 700; color: #c8d0e0 !important; }
.bpgb-gs-wrap .bpgb-tile-price { display: none !important; }

/* ── BA ACHA wouj PagoStore ── */
.bpgb-gs-wrap .bpgb-rc-bar {
    background: #0e1117 !important;
    border-top: 1px solid #1e2438 !important;
    box-shadow: 0 -4px 16px rgba(0,0,0,.5);
    padding: 10px 14px;
}
.bpgb-gs-wrap .bpgb-rc-bar-name  { color: #c8d0e0 !important; font-size: 13px; font-weight: 600; }
.bpgb-gs-wrap .bpgb-rc-bar-total { color: #e8ecf4 !important; font-size: 13px; font-weight: 800; }
.bpgb-gs-wrap .bpgb-rc-buy {
    background: #e53935 !important;
    color: #fff !important;
    border-radius: 10px;
    font-size: 15px; font-weight: 800;
    padding: 12px 18px;
    display: flex; align-items: center; gap: 6px;
}
.bpgb-gs-wrap .bpgb-rc-buy:hover:not(:disabled) { background: #b71c1c !important; }
.bpgb-gs-wrap .bpgb-rc-buy:disabled { background: #2a1212 !important; color: rgba(255,255,255,.3) !important; }

/* Retire padding-bottom ki kreye espas vid */
.bpgb-gs-wrap .bpgb-rc { padding-bottom: 0; }

/* ═══════════════════════════════════════════════════════ */

/* FIX KRITIK: retire 90px padding-bottom ki kreye espas vid */
.bpgb-gs-wrap .bpgb-rc { padding-bottom: 0 !important; }

/* Retire espas ant seksyon banner ak etap 1 */
.bpgb-gs-wrap .bpgb-rc-step:first-child { margin-top: 0; }
.bpgb-gs-banner { display: none !important; }

/* ── BOTTOM SHEET ISTORIK style PagoStore ── */
.bpgb-hist-sheet-overlay {
    position: fixed; inset: 0;
    background: rgba(0,0,0,.6);
    z-index: 99990;
}
.bpgb-hist-sheet {
    position: fixed; bottom: 0; left: 0; right: 0;
    z-index: 99995;
    background: #1a1f2e;
    border-radius: 20px 20px 0 0;
    max-height: 70vh;
    overflow-y: auto;
    flex-direction: column;
    box-shadow: 0 -8px 40px rgba(0,0,0,.5);
}
.bpgb-hist-sheet-head {
    display: flex; align-items: center; gap: 12px;
    padding: 16px 18px 14px;
    border-bottom: 1px solid #252d42;
    position: sticky; top: 0; background: #1a1f2e; z-index: 2;
}
.bpgb-hist-sheet-close {
    background: #252d42; border: none; border-radius: 50%;
    width: 30px; height: 30px;
    color: #8a96ae; font-size: 14px; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.bpgb-hist-sheet-close:hover { background: #e53935; color: #fff; }
.bpgb-hist-sheet-title {
    font-weight: 800; font-size: 16px; color: #e8ecf4; flex: 1; text-align: center;
    margin-right: 30px; /* balansman ak bouton fèmen */
}
.bpgb-hist-sheet-body { padding: 8px 0 20px; }
.bpgb-hist-sheet-row {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 18px;
}
.bpgb-hist-sheet-avatar {
    width: 44px; height: 44px; border-radius: 50%;
    background: #252d42;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px; flex-shrink: 0;
}
.bpgb-hist-sheet-info {
    flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px;
}
.bpgb-hist-sheet-info .bpgb-histpop-id {
    font-weight: 700; font-size: 14px; color: #e8ecf4;
    display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.bpgb-hist-sheet-info .bpgb-histpop-pname {
    font-size: 12px; color: #8a96ae; display: block;
}
.bpgb-hist-sheet-info .bpgb-histpop-prod {
    font-size: 12px; color: #6a7285;
}
.bpgb-histpop-list { list-style: none; margin: 0; padding: 0; }
.bpgb-histpop-item { border-bottom: 1px solid #1e2438; }
.bpgb-histpop-item:last-child { border-bottom: none; }
.bpgb-histpop-item .bpgb-histpop-use {
    background: #252d42; color: #e8ecf4; border: none;
    padding: 8px 14px; border-radius: 8px;
    font-size: 12px; font-weight: 700; cursor: pointer;
    white-space: nowrap; flex-shrink: 0;
    transition: background .12s;
}
.bpgb-histpop-item .bpgb-histpop-use:hover { background: #e53935; color: #fff; }
.bpgb-histpop-loading, .bpgb-histpop-empty {
    padding: 24px 18px; text-align: center; color: #6a7285; font-size: 14px;
}

/* Idsheet dark mode */
.bpgb-gs-panel .bpgb-idsheet { background: #161b27; }
.bpgb-gs-panel .bpgb-idsheet-head { border-bottom-color: #252d42; }
.bpgb-gs-panel .bpgb-idsheet-title { color: #e8ecf4; }
.bpgb-gs-panel .bpgb-idsheet-close { background: #252d42; color: #8a96ae; }
.bpgb-gs-panel .bpgb-idsheet-lbl { color: #8a96ae; }
.bpgb-gs-panel .bpgb-idsheet-input { background: #0e1117; border-color: #2a3046; color: #e8ecf4; }
.bpgb-gs-panel .bpgb-idsheet-input::placeholder { color: #4a5268 !important; }
.bpgb-gs-panel .bpgb-idsheet-verifybtn { background: #e53935; }
.bpgb-gs-panel .bpgb-idsheet-verifybtn:hover { background: #b71c1c; }
.bpgb-gs-panel .bpgb-idsheet-buybtn { background: #e53935; }
.bpgb-gs-panel .bpgb-idsheet-buybtn:hover:not(:disabled) { background: #b71c1c; }

.bpgb-rc{max-width:760px;margin:0 auto;padding-bottom:90px;font-size:15px;color:#1f2430;}.bpgb-rc-step{margin-bottom:26px;}.bpgb-rc-step-head{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;margin-bottom:12px;color:#11161f;}.bpgb-rc-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#1d4ed8;color:#fff;font-size:14px;font-weight:700;}.bpgb-rc-subtitle{font-weight:700;color:#555;margin:20px 0 10px;}.bpgb-rc-card{background:#f7faff;border:1px solid #d6e2fb;border-radius:12px;padding:18px;overflow:visible;}.bpgb-rc-lbl{display:block;font-weight:600;font-size:14px;margin:10px 0 6px;}.bpgb-rc-lbl:first-child{margin-top:0;}.bpgb-rc-idrow{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;}.bpgb-rc .bpgb-player-input{flex:1;min-width:0;padding:11px 12px;border:1px solid #cfd6e0;border-radius:8px;font-size:14px;background:#fff;}.bpgb-rc-input{flex:1;min-width:0;padding:11px 12px;border:1px solid #cfd6e0;border-radius:8px;font-size:14px;background:#fff;}.bpgb-rc .bpgb-player-input:focus,.bpgb-rc-input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.12);}.bpgb-rc .bpgb-verify-btn{flex-shrink:0;background:#1d4ed8;color:#fff;border:none;padding:11px 10px;border-radius:8px;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;line-height:1;}.bpgb-rc .bpgb-verify-btn:hover{background:#1746c0;}.bpgb-rc .bpgb-remove-btn{flex-shrink:0;background:#fff;color:#c62828;border:1px solid #f0c4c4;padding:10px 11px;border-radius:8px;cursor:pointer;font-size:15px;line-height:1;}.bpgb-verify-result{margin-top:8px;font-size:14px;font-weight:600;min-height:18px;}.bpgb-histbtn-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0;}.bpgb-hist-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f0f4ff;border:1.5px solid #c7d6f7;border-radius:8px;cursor:pointer;color:#1d4ed8;transition:background .15s,border-color .15s;flex-shrink:0;padding:0;}.bpgb-hist-btn:hover{background:#dde8ff;border-color:#1d4ed8;}.bpgb-hist-popover{position:fixed;z-index:99999;width:calc(100vw - 32px);max-width:360px;background:#fff;border:1px solid #d6e2fb;border-radius:14px;box-shadow:0 10px 36px rgba(29,78,216,.16);overflow:hidden;}.bpgb-histpop-head{background:#1e2433;color:#e8ecf4;font-weight:700;font-size:13px;padding:10px 14px;letter-spacing:.2px;display:flex;align-items:center;justify-content:space-between;}.bpgb-histpop-close{background:none;border:none;color:#a0aab8;font-size:18px;line-height:1;cursor:pointer;padding:0 2px;opacity:.9;}.bpgb-histpop-close:hover{opacity:1;color:#fff;}.bpgb-histpop-loading,.bpgb-histpop-empty{padding:18px 14px;font-size:13px;color:#777;text-align:center;}.bpgb-histpop-list{list-style:none;margin:0;padding:0;}.bpgb-histpop-item{padding:10px 14px;border-bottom:1px solid #eef1f5;}.bpgb-histpop-item:last-child{border-bottom:none;}.bpgb-histpop-top{display:flex;align-items:center;gap:8px;margin-bottom:4px;}.bpgb-histpop-id{font-weight:700;font-size:13px;color:#1b2330;flex:1;word-break:break-all;}.bpgb-histpop-pname{display:block;font-size:11px;color:#888;font-weight:500;margin-top:1px;}.bpgb-histpop-use{background:#2d3748;color:#e8ecf4;border:none;padding:5px 11px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .12s;}.bpgb-histpop-use:hover{background:#1a202c;}.bpgb-histpop-bot{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}.bpgb-histpop-prod{font-size:12px;color:#555;flex:1;min-width:0;}.bpgb-histpop-date{font-size:11px;color:#aaa;white-space:nowrap;}.bpgb-histpop-status{font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;background:#eef0f4;color:#555;white-space:nowrap;}.bpgb-histpop-status--completed{background:#e6f7ed;color:#1b7a3d;}.bpgb-histpop-status--processing{background:#fff4e0;color:#b26a00;}.bpgb-histpop-status--pending,.bpgb-histpop-status--on-hold{background:#fff8e1;color:#8a6d00;}.bpgb-histpop-status--failed,.bpgb-histpop-status--cancelled{background:#fdeaea;color:#c62828;}.bpgb-rc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}.bpgb-rc-grid--offers{grid-template-columns:repeat(2,1fr);}@media (max-width:600px){.bpgb-rc-grid{grid-template-columns:repeat(2,1fr);}.bpgb-rc-grid--offers{grid-template-columns:repeat(2,1fr);}}.bpgb-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#fff;border:2px solid #e4e8ef;border-radius:12px;padding:16px 12px;cursor:pointer;text-align:center;transition:border-color .15s,box-shadow .15s,transform .05s;min-height:92px;}.bpgb-tile:hover{border-color:#b9c8ee;}.bpgb-tile:active{transform:scale(.98);}.bpgb-tile.selected{border-color:#1d4ed8;background:#f3f7ff;box-shadow:0 0 0 3px rgba(29,78,216,.12);}.bpgb-tile-ico{font-size:22px;}.bpgb-tile-name{font-weight:700;font-size:14px;line-height:1.2;color:#1b2330;}.bpgb-tile-price{font-size:13px;font-weight:700;color:#1d4ed8;}.bpgb-tile--offer{padding:12px;}.bpgb-tile-img img{width:100%;height:auto;border-radius:8px;display:block;}.bpgb-rc-bar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border-top:1px solid #e4e8ef;padding:12px 14px;margin-top:18px;box-shadow:0 -6px 18px rgba(0,0,0,.06);border-radius:12px 12px 0 0;}.bpgb-rc-bar-info{display:flex;flex-direction:column;line-height:1.3;}.bpgb-rc-bar-name{font-weight:700;font-size:15px;}.bpgb-rc-bar-total{font-size:14px;color:#1d4ed8;font-weight:700;}.bpgb-rc-buy{background:#1d4ed8;color:#fff;border:none;padding:14px 22px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:800;white-space:nowrap;}.bpgb-rc-buy:hover:not(:disabled){background:#1746c0;}.bpgb-rc-buy:disabled{opacity:.55;cursor:not-allowed;}.bpgb-rc-msg{margin-top:10px;padding:12px 14px;border-radius:8px;background:#fff3e0;border-left:4px solid #ff9800;color:#e65100;font-weight:600;font-size:14px;}.bpgb-rc-msg[hidden]{display:none;}.bpgb-rc-title{font-size:26px;font-weight:800;margin:0 0 18px;color:#11161f;}@keyframes bpgbPulse{0%{box-shadow:0 0 0 0 rgba(29,78,216,.55);}70%{box-shadow:0 0 0 12px rgba(29,78,216,0);}100%{box-shadow:0 0 0 0 rgba(29,78,216,0);}}.bpgb-rc-buy.bpgb-rc-pulse{animation:bpgbPulse 1.2s ease-out 1;}.bpgb-hist{max-width:760px;margin:24px auto;font-size:14px;color:#1f2430;}.bpgb-hist-title{font-size:20px;font-weight:800;margin:0 0 14px;color:#11161f;}.bpgb-hist-empty{color:#777;padding:16px;background:#f7faff;border:1px solid #d6e2fb;border-radius:10px;}.bpgb-hist-wrap{overflow-x:auto;border:1px solid #e4e8ef;border-radius:12px;}.bpgb-hist-table{width:100%;border-collapse:collapse;background:#fff;}.bpgb-hist-table th,.bpgb-hist-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #eef1f5;}.bpgb-hist-table th{background:#f7faff;font-weight:700;font-size:13px;color:#44506a;}.bpgb-hist-table tr:last-child td{border-bottom:none;}.bpgb-hist-name{display:block;color:#777;font-size:12px;}.bpgb-hist-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;background:#eef0f4;color:#555;}.bpgb-hist-badge--completed{background:#e6f7ed;color:#1b7a3d;}.bpgb-hist-badge--processing{background:#fff4e0;color:#b26a00;}.bpgb-hist-badge--pending,.bpgb-hist-badge--on-hold{background:#fff8e1;color:#8a6d00;}.bpgb-hist-badge--failed,.bpgb-hist-badge--cancelled{background:#fdeaea;color:#c62828;}@media (max-width:600px){.bpgb-hist-table thead{display:none;}.bpgb-hist-table,.bpgb-hist-table tbody,.bpgb-hist-table tr,.bpgb-hist-table td{display:block;width:100%;}.bpgb-hist-table tr{border-bottom:2px solid #eef1f5;padding:6px 0;}.bpgb-hist-table td{border:none;padding:6px 14px;display:flex;justify-content:space-between;gap:12px;}.bpgb-hist-table td::before{content:attr(data-lbl);font-weight:700;color:#44506a;}}.bpgb-idsheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99990;animation:bpgbFadeIn .2s ease;}.bpgb-idsheet-overlay[hidden]{display:none;}.bpgb-idsheet{position:fixed;bottom:0;left:0;right:0;z-index:99995;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.18);animation:bpgbSlideUp .25s cubic-bezier(.32,1,.48,1);max-height:90vh;overflow-y:auto;}.bpgb-idsheet[hidden]{display:none;}@keyframes bpgbSlideUp{from{transform:translateY(100%);}to{transform:translateY(0);}}@keyframes bpgbFadeIn{from{opacity:0;}to{opacity:1;}}.bpgb-idsheet-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid #eef1f5;}.bpgb-idsheet-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px;color:#11161f;}.bpgb-idsheet-close{background:#f0f2f5;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;cursor:pointer;color:#555;display:flex;align-items:center;justify-content:center;transition:background .12s;}.bpgb-idsheet-close:hover{background:#e0e4ea;}.bpgb-idsheet-body{padding:16px 18px 24px;}.bpgb-idsheet-lbl{display:block;font-weight:600;font-size:13px;color:#44506a;margin-bottom:6px;}.bpgb-idsheet-row{display:flex;gap:8px;align-items:center;}.bpgb-idsheet-input{flex:1;padding:12px 14px;border:1.5px solid #cfd6e0;border-radius:10px;font-size:15px;background:#f7faff;outline:none;transition:border-color .15s,box-shadow .15s;}.bpgb-idsheet-input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.1);background:#fff;}.bpgb-idsheet-verifybtn{flex-shrink:0;background:#1d4ed8;color:#fff;border:none;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .12s;}.bpgb-idsheet-verifybtn:hover{background:#1746c0;}.bpgb-idsheet-verifybtn:disabled{opacity:.55;cursor:not-allowed;}.bpgb-idsheet-result{margin-top:10px;font-size:14px;font-weight:600;min-height:20px;color:#1b7a3d;}.bpgb-idsheet-result.error{color:#c62828;}.bpgb-idsheet-buybtn{display:block;width:100%;margin-top:16px;background:#1d4ed8;color:#fff;border:none;padding:15px;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer;transition:background .12s;}.bpgb-idsheet-buybtn:hover:not(:disabled){background:#1746c0;}.bpgb-idsheet-buybtn:disabled{opacity:.45;cursor:not-allowed;}/* ✅ FIX #2: Prevent page scroll when modal is open - IMPROVED */
html.bpgb-modal-open,
body.bpgb-modal-open {
    overflow: hidden !important;
    height: 100vh !important;
    position: fixed !important;
    width: 100% !important;
}

html.bpgb-modal-open body,
body.bpgb-modal-open {
    overflow: hidden !important;
}

@media (max-width: 768px) {
    html.bpgb-modal-open,
    body.bpgb-modal-open {
        overflow: hidden !important;
        height: 100vh !important;
    }
}