/* v0.18.169 approved dashboard: independent countdown within main white shell. */
#ztc-form > #ztc-customer-main-countdown{display:block!important;position:static!important;width:100%;margin:18px 0 8px!important;clear:both}
#ztc-form > #ztc-customer-main-countdown .ztc-grand-draw-slot{margin:0!important;width:100%;max-width:none;box-shadow:none!important}
#ztc-form > #ztc-customer-main-countdown .ztc-draw-countdown{margin:0!important;box-shadow:none!important}
#ztc-form > #ztc-customer-main-countdown + #ztc-scan-panel{margin-top:14px}

/* v0.18.171: Grand Draw in its own quiet beige section, outside the six-card shell. */
.ztc-public > #ztc-customer-main-countdown{display:block!important;position:static!important;box-sizing:border-box;width:100%;clear:both;margin:14px 0 12px!important;padding:14px!important;background:#f5f1e9;border:0!important;border-radius:15px;box-shadow:none!important}
.ztc-public > #ztc-customer-main-countdown .ztc-grand-draw-slot{width:100%;max-width:none;margin:0!important;border:0!important;box-shadow:none!important}
.ztc-public > #ztc-customer-main-countdown .ztc-draw-countdown{margin:0!important;box-shadow:none!important}
.ztc-public > #ztc-customer-main-countdown .ztc-live-container{box-shadow:none!important}
@media(max-width:600px){.ztc-public > #ztc-customer-main-countdown{padding:10px!important;margin-top:12px!important}}

/* v0.18.172: Center the independent draw section to match the six-card shell. */
body .ztc.ztc-public > #ztc-customer-main-countdown{width:calc(100% - 24px)!important;max-width:760px!important;margin:16px auto 18px!important;padding:14px!important;box-sizing:border-box!important;border-radius:16px!important;}
body .ztc.ztc-public > #ztc-customer-main-countdown .ztc-grand-draw-slot{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
@media(max-width:600px){body .ztc.ztc-public > #ztc-customer-main-countdown{width:calc(100% - 24px)!important;margin:14px auto 18px!important;padding:10px!important;}}

/* v0.18.173: loaded customer-only draw layout. Match dashboard card width and inset. */
body #ztc-customer-main-countdown{
 display:block!important;position:relative!important;clear:both!important;
 width:calc(100% - 24px)!important;max-width:760px!important;
 margin:18px auto 20px!important;padding:14px!important;
 box-sizing:border-box!important;background:#f5f1e9!important;
 border:0!important;border-radius:18px!important;box-shadow:none!important;
 overflow:hidden!important;
}
body #ztc-customer-main-countdown .ztc-grand-draw-slot,
body #ztc-customer-main-countdown .ztc-live-container,
body #ztc-customer-main-countdown .ztc-draw-countdown{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;}
body #ztc-customer-main-countdown iframe{display:block;width:100%!important;max-width:100%!important;border:0!important;border-radius:14px!important;box-sizing:border-box!important;}
body #ztc-customer-main-countdown .ztc-live-heading{text-align:center!important;}
body #ztc-customer-main-countdown .ztc-merchant-sound-bar{border:0!important;background:transparent!important;box-shadow:none!important;padding:12px 2px!important;}
@media(max-width:600px){body #ztc-customer-main-countdown{width:calc(100% - 24px)!important;padding:10px!important;margin:14px auto 18px!important;border-radius:16px!important;}}

/* v0.18.174: remove beige backing, retain centered draw and responsive spacing. */
body .ztc.ztc-public > #ztc-customer-main-countdown, body #ztc-customer-main-countdown{background:transparent!important;}

/* v0.18.175: single champagne-gold outline around entire draw and audio area. */
body .ztc.ztc-public > #ztc-customer-main-countdown,
body #ztc-customer-main-countdown{
 background:#fff!important;border:1px solid #e4d9b9!important;
 border-radius:20px!important;box-shadow:none!important;
 padding:16px!important;
}
body #ztc-customer-main-countdown .ztc-draw-countdown{
 background:#fff!important;border:0!important;box-shadow:none!important;
 padding:12px 4px!important;
}
body #ztc-customer-main-countdown .ztc-live-container{
 background:#fff!important;color:#252622!important;border:0!important;
 border-radius:0!important;padding:4px 0!important;box-shadow:none!important;
 overflow:visible!important;
}
body #ztc-customer-main-countdown .ztc-live-heading{color:#64232a!important;}
body #ztc-customer-main-countdown .ztc-merchant-sound-bar{
 background:#fff!important;border:0!important;box-shadow:none!important;
 padding:16px 2px 4px!important;
}
@media(max-width:600px){body #ztc-customer-main-countdown{padding:12px!important;}}

/* v0.18.176: Restore approved champagne-beige countdown only.
   Live draw and audio retain the white/gold outer presentation. */
body #ztc-customer-main-countdown .ztc-draw-countdown{
 background:linear-gradient(135deg,#fffdf7,#f7f0df)!important;
 border:1px solid #e4d9b9!important;
 border-radius:20px!important;
 padding:20px 16px!important;
}

/* v0.18.177: compact, content-safe shared outer frame for countdown and live modes. */
body .ztc.ztc-public > #ztc-customer-main-countdown,
body #ztc-customer-main-countdown{
 width:calc(100% - 32px)!important;max-width:640px!important;
 margin:12px auto 16px!important;padding:10px!important;
}
body #ztc-customer-main-countdown .ztc-draw-countdown{
 padding:14px 12px!important;border-radius:16px!important;
}
body #ztc-customer-main-countdown .ztc-draw-countdown h3{margin:8px 0 12px!important;}
body #ztc-customer-main-countdown .ztc-draw-time{gap:6px!important;}
body #ztc-customer-main-countdown .ztc-draw-time>div{padding:11px 2px!important;border-radius:11px!important;min-width:0!important;}
body #ztc-customer-main-countdown .ztc-draw-date{padding-top:10px!important;}
body #ztc-customer-main-countdown .ztc-live-container{margin:6px 0!important;padding:0!important;}
body #ztc-customer-main-countdown .ztc-merchant-sound-bar{margin-top:7px!important;padding:8px 2px 2px!important;}
@media(max-width:600px){
 body .ztc.ztc-public > #ztc-customer-main-countdown,body #ztc-customer-main-countdown{
  width:calc(100% - 24px)!important;padding:8px!important;margin:10px auto 14px!important;
 }
 body #ztc-customer-main-countdown .ztc-draw-countdown{padding:12px 9px!important;}
}

/* v0.18.178: One panel per state. Countdown's own beige-gold panel is the only frame. */
body .ztc.ztc-public > #ztc-customer-main-countdown,
body #ztc-customer-main-countdown{
 background:transparent!important;border:0!important;box-shadow:none!important;
 padding:0!important;overflow:visible!important;border-radius:0!important;
}
/* Live mode alone receives the white/champagne-gold outer frame. */
body .ztc.ztc-public > #ztc-customer-main-countdown:has(.ztc-live-container:not([hidden])),
body #ztc-customer-main-countdown:has(.ztc-live-container:not([hidden])){
 background:#fff!important;border:1px solid #e4d9b9!important;
 border-radius:20px!important;padding:10px!important;overflow:hidden!important;
}
@media(max-width:600px){
 body #ztc-customer-main-countdown:has(.ztc-live-container:not([hidden])){padding:8px!important;}
}