/* Telegram-only refinements of the original BALI CARD.
   Exact website card face/art/tier handling is preserved. The original back
   now carries live bonus totals and frees the space below for four actions. */
.tg-page-card .tg-card-toolbox{
 flex:1 1 0;min-height:0;
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(7px,1.5dvh,11px);
 margin:clamp(5px,1.2dvh,11px) 0 clamp(5px,1dvh,9px);
}
.tg-page-card .tg-card-tool{
 min-width:0;min-height:0;
 display:grid;grid-template-columns:clamp(32px,7.2dvh,52px) minmax(0,1fr);
 grid-template-rows:1fr 1fr;align-items:center;gap:1px 8px;
 border-radius:clamp(12px,2.4dvh,17px);
 border:1px solid rgba(236,205,144,.47);
 padding:clamp(7px,1.7dvh,12px) clamp(7px,2vw,12px);
 text-align:left;color:#fff0d2;cursor:pointer;
 background:linear-gradient(150deg,#4f3d31 0%,#272730 43%,#171a23 100%);
 box-shadow:inset 0 1px 0 rgba(255,229,162,.24),inset 0 -1px rgba(0,0,0,.3),
 0 4px 0 #111216,0 7px 15px #0008;
 transition:transform .15s ease,filter .15s ease;
}
.tg-page-card .tg-card-tool:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff18,0 2px 0 #121218}
.tg-page-card .tg-card-tool:focus-visible{outline:2px solid #efffba;outline-offset:2px}
.tg-page-card .tg-card-tool-icon{
 grid-column:1;grid-row:1/3;justify-self:stretch;align-self:stretch;
 display:grid;place-items:center;border-radius:clamp(9px,1.7dvh,13px);
 background:linear-gradient(155deg,#e7b96c,#b17b37 44%,#6b4527);
 color:#38220e;font:900 clamp(18px,3.8dvh,27px)/1 Inter,system-ui,sans-serif;
 text-shadow:0 1px #ffddac9c;box-shadow:inset 0 1px #ffe4b9a4,0 3px 0 #48321e,0 5px 10px #0008;
}
.tg-page-card .tg-card-tool-qr{
 background:linear-gradient(145deg,#416039,#263729 57%,#151e1c);
 border-color:#b7ec8099;
}
.tg-page-card .tg-card-tool-qr .tg-card-tool-icon{
 color:#142819;background:linear-gradient(145deg,#e2ffaf,#a3cf75 58%,#5e9252);
 box-shadow:inset 0 1px #fff8d8,0 3px 0 #32502b,0 6px 11px #000a;
}
.tg-page-card .tg-card-tool b{
 grid-column:2;grid-row:1;font:860 clamp(10px,1.83dvh,14px)/1.18 Manrope,Inter,sans-serif;
 color:#ffdfad;align-self:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.tg-page-card .tg-card-tool small{
 grid-column:2;grid-row:2;font:620 clamp(8px,1.3dvh,10px)/1.2 Manrope,Inter,sans-serif;
 color:#c2b7a7;align-self:start;white-space:normal;
}
.tg-page-card .tg-card-tool-qr b{color:#d9ffb2}
.tg-page-card .tg-card-tool-qr small{color:#c1d4b8}
/* The last panel on the card, not another external card/panel. */
body.bali-guest-theme #baliIdSection .bali-id-card-back .tg-card-back-bonuses-heading{
 display:block;position:relative;z-index:8;flex:none;
 text-align:center;color:var(--bali-card-ink,#b9ff51);
 font:850 clamp(8px,2.8cqw,12px)/1.1 Manrope,Inter,sans-serif;
 letter-spacing:.10em;margin:2px 0 0!important;
}
body.bali-guest-theme #baliIdSection .bali-id-card-back .bali-id-back-bonuses{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 flex:none!important;gap:2px!important;
 margin:1px 0 0!important;padding:3px 0 0!important;
 border-top:1px solid rgba(200,236,160,.3);
}
body.bali-guest-theme #baliIdSection .bali-id-card-back .bali-id-bonus{
 gap:1px!important;justify-content:center;min-width:0;
}
body.bali-guest-theme #baliIdSection .bali-id-card-back .bali-id-bonus svg{
 width:clamp(11px,4cqw,17px)!important;height:clamp(11px,4cqw,17px)!important;
}
body.bali-guest-theme #baliIdSection .bali-id-card-back .bali-id-bonus strong{
 font-size:clamp(9px,2.7cqw,13px)!important;
}
body.bali-guest-theme #baliIdSection .bali-id-card-back .bali-id-benefits{
 padding:3px 0 2px!important;gap:2px!important;
 flex:1 1 auto;min-height:0;overscroll-behavior:contain;
 scrollbar-width:none;
}
body.bali-guest-theme #baliIdSection .bali-id-card-back .bali-id-benefits::-webkit-scrollbar{display:none}
body.bali-guest-theme #baliIdSection .bali-id-card-back .bali-id-benefits-head h2{
 font-size:clamp(10px,3.6cqw,16px)!important;line-height:1.15;
}
body.bali-guest-theme #baliIdSection .bali-id-card-back .bali-id-benefits p{
 font-size:clamp(7px,2.35cqw,10px)!important;line-height:1.2!important;
}
body.bali-guest-theme #baliIdSection .bali-id-card-back .bali-id-benefits ul{gap:0!important}
body.bali-guest-theme #baliIdSection .bali-id-card-back .bali-id-benefits li{
 font-size:clamp(7px,2.45cqw,10px)!important;line-height:1.18!important;
 padding-left:10px!important;
}
body.bali-guest-theme #baliIdSection .bali-id-card-back .bali-id-benefits li::before{font-size:12px;top:0}
/* Centered QR verification modal. QR is the website's immutable identity code. */
.tg-card-qr-dialog{
 width:min(calc(100vw - 22px),410px)!important;
 max-height:calc(100dvh - 24px)!important;
 border-radius:22px;border:1px solid #d1ac67!important;
 padding:clamp(13px,3vw,22px)!important;
 text-align:center;
 background:radial-gradient(circle at 50% 24%,#57432c,#25252b 48%,#111820)!important;
 box-shadow:0 0 0 1px #ffdd8a20,0 20px 70px #000a;
}
.tg-qr-head{display:flex;justify-content:space-between;gap:10px;text-align:left;align-items:flex-start}
.tg-qr-head h2{font:900 clamp(17px,3dvh,23px)/1.1 Manrope,Inter,sans-serif;color:#f7dea7;margin:3px 0}
.tg-qr-close{width:34px;min-height:32px!important;padding:0!important;font-size:24px!important}
.tg-qr-frame{
 width:clamp(160px, min(60vw,40dvh),210px);
 height:clamp(160px, min(60vw,40dvh),210px);
 margin:clamp(10px,2dvh,18px) auto 8px;
 background:white;border:8px solid white;border-radius:13px;
 display:grid;place-items:center;overflow:hidden;color:#222;
 box-shadow:0 0 0 1px #dfba7c,0 8px 26px #0008;
}
.tg-qr-frame img,.tg-qr-frame canvas{width:100%!important;height:100%!important;object-fit:contain}
.tg-qr-frame span{font-size:11px;line-height:1.4;padding:8px}
.tg-qr-number{font:850 clamp(13px,2.6dvh,18px)/1.2 Manrope,Inter,sans-serif;color:#f4d5a6;letter-spacing:.13em}
.tg-qr-number strong{color:#fff}
.tg-qr-hint{font-size:clamp(10px,1.7dvh,12px);line-height:1.45;margin:10px auto;color:#c8c9bd}
.tg-qr-copy{width:100%;margin:7px auto 0}
@media(max-height:560px){
 .tg-page-card .tg-card-toolbox{margin:3px 0;gap:5px}
 .tg-page-card .tg-card-tool{padding:5px;gap:1px 5px;grid-template-columns:30px minmax(0,1fr)}
 .tg-page-card .tg-card-tool-icon{border-radius:7px;font-size:18px}
 .tg-page-card .tg-card-tool b{font-size:10px}
 .tg-page-card .tg-card-tool small{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.tg-page-card .tg-card-tool{transition:none}}

/* Compact original wallet / benefit transfer tabs. */
.tg-page-transfer #screen{
 display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow:hidden;
}
.tg-page-transfer .tg-transfer-tabs{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:8px;flex:none;margin:6px 0 9px;
}
.tg-page-transfer .tg-transfer-tabs .button{
 min-height:34px!important;padding:6px!important;
 font-weight:850!important;
}
.tg-page-transfer .tg-transfer-tabs .selected{
 color:#ffdc9e!important;border-color:#f0c981!important;
 background:linear-gradient(150deg,#785130,#33302d 65%)!important;
}
.tg-page-transfer #tgTransferContent{
 display:flex;flex:1 1 0;min-height:0;flex-direction:column;
}
.tg-page-transfer #tgTransferContent>.tg-transfer-form{
 display:flex;flex:1 1 0;min-height:0;flex-direction:column;
 justify-content:space-evenly;gap:clamp(5px,1dvh,11px);
 padding:clamp(9px,1.6dvh,15px)!important;
}
.tg-page-transfer #tgTransferContent>.tg-transfer-form label{
 display:flex;flex-direction:column;gap:3px;flex:none;
 font-size:clamp(10px,1.6dvh,12px)!important;
}
.tg-page-transfer #tgTransferContent input,
.tg-page-transfer #tgTransferContent select{
 flex:none;display:block;height:clamp(32px,5.2dvh,42px)!important;
 padding:6px 9px!important;
 font-size:clamp(12px,2dvh,15px)!important;
}
.tg-page-transfer #tgTransferContent .tg-transfer-status{
 color:#d6c5a5;font-size:clamp(9px,1.5dvh,11px);
 line-height:1.3;margin:0;min-height:0;
}
.tg-page-transfer .tg-success-panel{
 flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:8px;
}
@media(max-height:600px){
 .tg-page-transfer .tg-transfer-tabs{margin:3px 0 5px}
 .tg-page-transfer #tgTransferContent>.tg-transfer-form{gap:3px}
}

/* Only current BALI CARD rewards: shots, cocktails, hookahs. Entry rewards were discontinued. */
body.bali-guest-theme #baliIdSection .bali-id-card-back .bali-id-back-bonuses{grid-template-columns:repeat(3,minmax(0,1fr))!important}