/* Blessed Panel v4.7 — dark-only, accessible contrast, responsive support UI. */
:root,html,html[data-theme="light"],html[data-theme="dark"]{
  color-scheme:dark!important;--bg:#090d13!important;--panel:#151c26!important;
  --panel2:#1a2330!important;--text:#f2f5fa!important;--muted:#aeb9cb!important;
  --border:#303b4b!important;--bp-gold:#f0c674;
}
html,body{background:#090d13!important;color:#f2f5fa!important}
#app,.layout,#content,.content,.side,.top,.authpage,#auth,#dialog,.modal-backdrop,
.bp-topup-overlay,.bp-topup-panel,.bp-site-footer,main,aside{color-scheme:dark!important}
#app .side,#app .top,.side,.top{background:#0d121a!important;border-color:#2e3847!important}
#content .pagehero,#content .card,#content .bp-offer-panel,#content .bp-support-create,
#content .bp-support-history,.modal,.authbox,#dialog .modal,.bp-topup-panel,
#content .bp-stats-kpi,#content .gbs-catalog-card,#content .gbs-gallery .gbs-product,
#content .bp-featured-gifts,.bp-topup-network,.bp-topup-amount-wrap,
.bp-topup-invoice-grid,.bp-topup-address,.bp-reason-select,
.bp-reason-options,.bp-reason-option,.bp-support-help{
 background:#151c26!important;color:#f2f5fa!important;border-color:#354253!important;
}
input,select,textarea,.input,#content input,#content select,#content textarea,
#content .bp-stat-date-control,#dialog input,#dialog select,#dialog textarea{
 background:#1d2633!important;color:#f3f5f9!important;border-color:#445267!important;
}
input::placeholder,textarea::placeholder{color:#a4b3c7!important}
#content .bp-offer-row{background:#1c2633!important;color:#f3f5f9!important;border-color:#3a495c!important}
#content .bp-offer-row:hover{background:#243044!important;border-color:#bb9457!important}
#content .bp-offer-row.selected{background:#332a1e!important;border-color:#e9b861!important;
 box-shadow:inset 0 0 0 1px rgba(235,187,99,.32)!important}
#content .bp-offer-side strong,#content .gbs-product-details b{
 color:#f0c674!important;font-weight:800!important;text-shadow:none!important}
#content .bp-offer-side small,#content .bp-offer-label small,
#content .gbs-product-details small{color:#b3bece!important}
#content .bp-stat-date-visible{color:#f3f5f9!important}
#content .gbs-findbar input{background:#202a38!important;color:#f3f5f9!important;border-color:#465668!important}
#content .bp-featured-reset{background:#202a38!important;color:#f3f5f9!important;border-color:#465668!important}
.bp-theme-toggle,[data-theme-toggle]{display:none!important}
#notice{z-index:5000!important;position:fixed!important;inset:auto 18px 18px auto!important;
 max-width:min(390px,calc(100vw - 32px))!important;border-radius:12px!important;
 box-shadow:0 16px 48px #0009!important;padding:14px 19px!important;
 background:#1e2937!important;color:#f4f7fb!important;border:1px solid #7893ae!important;
 font-size:13px!important;line-height:1.45;overflow-wrap:anywhere}
#notice.error{border-color:#e17882!important;background:#30202a!important}
.bp-mfa-apps{display:flex;flex-direction:column;gap:7px;margin:0 0 10px;
 padding:12px 14px;background:#1b2732;border:1px solid #39495c;
 border-radius:10px;color:#cdd6e6;line-height:1.5;font-size:13px}
.bp-mfa-apps strong{color:#f0c674}
.bp-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:12px}
.bp-danger-button{background:#692d37!important;color:white!important;border-color:#c95b69!important}
.bp-customer-delete{border-color:#774450!important;color:#ffd3d8!important}
.bp-support-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 gap:20px!important;max-width:920px!important;margin-inline:auto!important}
#content .bp-support-create,#content .bp-support-history{padding:clamp(20px,3vw,34px)!important;
 border-radius:18px!important;min-width:0!important;box-shadow:0 14px 40px rgba(0,0,0,.14)}
.bp-support-kicker{color:#ecc07a!important;letter-spacing:1.4px;font-size:11px;font-weight:800}
.bp-support-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;
 margin:10px 0 22px}.bp-support-title h3{font-size:24px!important;margin-bottom:7px!important}
.bp-support-title .mini-sub{font-size:13px!important;color:#b6c0ce!important}
.bp-support-title-icon{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;
 border:1px solid #4a5667;border-radius:14px;background:#232f3e;color:#e8c784;font-size:21px}
.bp-support-form{gap:18px!important}
.bp-support-field-label,.bp-field-heading{display:block;color:#dae2ed;font-size:13px;font-weight:700;margin-bottom:8px}
.bp-support-form label{min-width:0;font-size:13px!important;gap:7px!important}
.bp-support-form label input,.bp-support-form label textarea{width:100%!important;min-width:0!important;
 font-size:14px!important;line-height:1.5!important;min-height:48px!important}
.bp-support-form label textarea{min-height:155px!important;resize:vertical}
.bp-reason-select{border-radius:13px!important;position:relative}
.bp-reason-select summary{min-height:56px;align-items:center;padding:13px!important}
.bp-reason-options{max-height:min(50dvh,420px);overflow-y:auto;border-radius:12px!important}
.bp-reason-option{min-width:0!important;border-radius:8px!important;text-align:left!important}
.bp-reason-option:hover,.bp-reason-option.selected{background:#2d3542!important;border-color:#cfa763!important}
.bp-reason-text{min-width:0}.bp-reason-text small{color:#b4bfcd!important}
.bp-support-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.bp-support-footer>span{color:#aeb8c7!important;font-size:12px!important;line-height:1.45}
.bp-support-footer .primary{min-height:48px!important;padding-inline:22px!important}
.bp-support-history-head h3{font-size:20px!important}.bp-ticket-list{margin-top:17px}
.bp-ticket-searchbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.gbs-ticket-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.gbs-ticket-filters>button{min-height:39px!important}
.gbs-ticket-filters>button.gbs-active{border-color:#d5ad6b!important;background:#342c22!important;color:#f2cf94!important}
.gbs-ticket{min-width:0!important;overflow-wrap:anywhere!important;border-radius:13px!important}
@media(max-width:600px){.bp-support-layout{gap:14px!important}
#content .bp-support-create,#content .bp-support-history{padding:17px!important}
.bp-support-title h3{font-size:20px!important}
.bp-support-footer .primary{width:100%}
.bp-ticket-searchbar{grid-template-columns:minmax(0,1fr)}
#notice{right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important}}

/* v4.8 Buyer API key controls; no plaintext is displayed until re-authentication. */
.bp-api-secret-row{display:flex!important;align-items:center;justify-content:space-between;min-width:0;gap:14px!important;padding:14px!important;cursor:default!important}
.bp-api-secret-meta{min-width:0;flex:1;overflow-wrap:anywhere}
.bp-api-secret-meta b{display:block;margin-bottom:8px;color:#edf3fb;font-size:13px}
.bp-api-secret-meta small{display:block;color:#aeb9ca;font-size:11px;margin-top:7px}
.bp-api-secret-mask{color:#f3d18c;letter-spacing:2px;overflow-wrap:anywhere;font-size:16px;font-family:ui-monospace,Consolas,monospace}
.bp-api-legacy-warning{color:#e5b9aa!important}
.bp-api-secret-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.bp-api-secret-actions button{min-width:43px;min-height:43px;font-size:16px;padding:8px}
#bp-api-secret-display{width:100%;font-family:ui-monospace,Consolas,monospace;letter-spacing:.2px}
@media(max-width:420px){.bp-api-secret-row{align-items:flex-start;flex-direction:column}.bp-api-secret-actions{align-self:flex-end}}
/* Keep confirmation dialogs above sticky navigation, even inside older themes. */
#dialog.modal-backdrop{position:fixed!important;inset:0!important;z-index:25000!important;display:grid!important;place-items:center!important}
#dialog.modal-backdrop[hidden]{display:none!important}
#dialog .modal{position:relative!important;z-index:1!important}

/* Blessed Panel v4.10: support list stays to the right of the form on desktop. */
#content .bp-support-layout{display:grid!important;grid-template-columns:minmax(0,1.16fr) minmax(350px,.84fr)!important;
 width:100%!important;max-width:none!important;margin:0!important;align-items:start!important;gap:18px!important}
#content .bp-support-history{min-width:0!important;overflow:hidden}
#content .bp-ticket-list{min-width:0;max-height:660px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
#content .bp-ticket-list .gbs-ticket{display:flex!important;min-width:0!important;width:100%!important;
 overflow:hidden;gap:10px!important;align-items:center!important;justify-content:space-between!important}
#content .bp-ticket-list .gbs-ticket>span:first-child{min-width:0!important;flex:1 1 auto!important;overflow-wrap:anywhere!important}
#content .bp-ticket-list .gbs-ticket>span:first-child b{display:block;line-height:1.45;white-space:normal!important}
#content .bp-ticket-list .gbs-ticket .pill{flex:0 0 auto}
#content .bp-ticket-detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.65fr);
 align-items:start;gap:18px;width:100%;min-width:0}
#content .bp-ticket-detail-layout>.card{min-width:0;padding:clamp(18px,2.5vw,28px);border-radius:16px}
#content .bp-ticket-thread-head{padding:0 0 22px;margin-bottom:21px;border-bottom:1px solid #384354}
#content .bp-ticket-thread-head h2{margin:9px 0 12px;font-size:clamp(19px,2vw,26px);line-height:1.35;
 color:#f0f3f9;overflow-wrap:anywhere}
#content .bp-ticket-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#content .bp-ticket-conversation{display:flex;flex-direction:column;gap:15px;min-height:200px;
 max-height:min(72dvh,780px);overflow-y:auto;overflow-x:hidden;padding:5px 7px 14px 2px}
#content .bp-ticket-bubble{padding:16px 18px;border:1px solid #3a4c62;border-radius:14px;background:#1e2939;
 max-width:min(94%,730px);min-width:0;align-self:flex-start;color:#f1f4fa}
#content .bp-ticket-from-staff{background:#292719;border-color:#605139;align-self:flex-end}
#content .bp-ticket-bubble-top{display:flex;gap:12px;justify-content:space-between;align-items:center;
 flex-wrap:wrap;margin-bottom:9px;font-size:12px;color:#d7dbe8}
#content .bp-ticket-bubble-top time{font-size:11px;color:#b2bdcc}
#content .bp-ticket-bubble-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:14px;line-height:1.6}
#content .bp-ticket-side{position:sticky;top:82px}
#content .bp-ticket-side h3{font-size:17px;margin:0 0 9px}
#content .bp-ticket-side form{margin-top:18px}
#content .bp-ticket-side textarea{width:100%;min-height:140px;resize:vertical}
#content .bp-ticket-side #ticket-save{margin:10px 0 4px}
@media(max-width:1050px){
 #content .bp-support-layout{grid-template-columns:minmax(0,1fr)!important;max-width:850px!important;margin:0 auto!important}
 #content .bp-ticket-detail-layout{grid-template-columns:minmax(0,1fr)}
 #content .bp-ticket-side{position:static}
}
@media(max-width:600px){
 #content .bp-ticket-conversation{max-height:none;min-height:160px}
 #content .bp-ticket-bubble{max-width:100%;padding:12px 13px}
 #content .bp-ticket-detail-layout{gap:12px}
 #content .bp-ticket-list{max-height:none}
}