#online-purchase-mode{position:fixed;inset:0;margin:auto;width:min(620px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:22px;background:#102b46;color:#fff;border:1px solid #709abd;border-radius:16px;box-sizing:border-box;font:16px Arial,sans-serif;z-index:10000}
#online-purchase-mode::backdrop{background:rgba(0,10,24,.85)}#online-purchase-mode h2{margin:0 0 12px;color:#fff;font-size:23px}#online-purchase-mode p{font-size:14px;line-height:1.5;color:#d2e5f5}#online-purchase-mode label{display:flex;gap:12px;padding:15px;border:2px solid #537b9c;background:#143754;border-radius:10px;margin:12px 0;cursor:pointer}#online-purchase-mode label:has(input:checked){border-color:#ffdc75}#online-purchase-mode input{width:23px;height:23px;flex:0 0 23px;margin:0;accent-color:#ffdc75}#online-purchase-mode label span{display:flex;flex-direction:column;gap:7px}#online-purchase-mode strong{font-size:17px;color:#fff}#online-purchase-mode small{font-size:14px;line-height:1.45;color:#d5e8fa}#online-purchase-mode>div{display:flex;justify-content:flex-end;gap:10px}#online-purchase-mode button{min-height:46px;padding:10px 15px;border:1px solid #7494ae;border-radius:8px;background:#163b5a;color:#fff;font:700 14px Arial,sans-serif;cursor:pointer}#online-purchase-mode [data-confirm]{background:#ffdc75;color:#11283c}#online-purchase-mode button:disabled{opacity:.4}#online-purchase-mode :focus-visible{outline:3px solid #9ed5ff;outline-offset:3px}
.online-marking-badge{display:block;padding:8px;margin:7px 0;background:#1b513a;color:#c8ffdb;border:1px solid #58a979;border-radius:6px;font:700 12px/1.4 Arial,sans-serif}.online-marking-badge.is-free,.online-marking-badge.is-auto{background:#273f55;color:#dbe6f2;border-color:#648297}
body.tv-broadcast-body #private-participants .ticket-online-marking .ticket-private-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;height:auto!important;max-height:none!important;min-height:0!important}
body.tv-broadcast-body #private-participants .ticket-online-marking .ticket-private-number{position:static!important;display:flex!important;align-items:center;justify-content:center;width:100%!important;min-width:0!important;min-height:46px!important;height:46px!important;padding:0!important;font:800 20px Arial,sans-serif!important;border-radius:7px!important;transform:none!important;touch-action:manipulation;background:#183c5e;color:#a5bdd1;border:1px solid #4f708c}
body.tv-broadcast-body #private-participants .ticket-online-marking .ticket-private-number:not(:disabled){background:#ffdf77!important;color:#14283b!important;border:2px solid #fff2be!important;cursor:pointer}
body.tv-broadcast-body #private-participants .ticket-online-marking .ticket-private-number.is-called{background:#216f46!important;color:#e6ffeb!important;border-color:#6dc593!important}
body.tv-broadcast-body #private-participants .ticket-online-marking .ticket-private-number.is-missed{background:#a92f38!important;color:#fff!important;border:2px solid #ff9298!important;cursor:not-allowed!important;box-shadow:inset 0 0 0 1px rgba(72,0,0,.35)}
body.tv-broadcast-body #private-participants .ticket-online-marking .online-marking-badge.is-missed{background:#76232c;color:#fff;border-color:#ff9298}
body.tv-broadcast-body #private-participants .ticket-online-marking .online-marking-status.is-missed{color:#ffc2c6}
body.tv-broadcast-body #private-participants .ticket-online-marking{height:auto!important;max-height:none!important;min-height:0!important}
.online-marking-status{font:12px/1.4 Arial,sans-serif;color:#d8ebfc;margin:5px 0}.online-marking-current{padding:8px;background:#163d5b;color:#fff;border-radius:7px;font:700 13px/1.4 Arial,sans-serif;flex:0 0 auto}
.ball-mark-deadline{display:block;width:min(100%,160px);margin:6px auto 0;color:#d7efff;font:700 10px/1.2 Arial,sans-serif;text-align:left;box-sizing:border-box}.ball-mark-deadline[hidden]{display:none!important}.ball-mark-deadline-copy{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:4px;white-space:nowrap}.ball-mark-deadline-copy span{font-size:9px;letter-spacing:.06em}.ball-mark-deadline-copy strong{color:#ffe889;font-size:12px}.ball-mark-deadline-track{display:block;height:6px;overflow:hidden;border:1px solid rgba(151,203,238,.65);border-radius:99px;background:rgba(5,19,34,.7);box-sizing:border-box}.ball-mark-deadline-track i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#30d78a,#ffe06d);transform:scaleX(var(--ball-time-progress,1));transform-origin:left center;transition:transform .25s linear,background-color .2s}.ball-mark-deadline.is-urgent{color:#ffdadd}.ball-mark-deadline.is-urgent .ball-mark-deadline-copy strong{color:#ff9da4}.ball-mark-deadline.is-urgent .ball-mark-deadline-track i{background:#f14d59}.ball-mark-deadline.is-private{width:100%;max-width:none;margin:0 0 10px;padding:0 8px}
@media(max-width:600px){#online-purchase-mode{padding:18px}#online-purchase-mode>div{flex-direction:column-reverse}#online-purchase-mode button{width:100%}body.tv-broadcast-body #private-tickets-panel:has(.ticket-online-marking):not([hidden]){height:82svh!important;max-height:calc(100vh - 80px)!important}}
html body.tv-broadcast-body #private-participants > article.ticket.ticket-online-marking{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
html body.tv-broadcast-body #private-participants .ticket-online-marking .ticket-private-grid{flex:0 0 auto!important;grid-template-rows:repeat(3,46px)!important;height:150px!important}
.online-marking-badge,.online-marking-status{flex:0 0 auto;overflow-wrap:anywhere}
html body.tv-broadcast-body #private-participants > article.ticket[data-private-ticket-id]{zoom:var(--private-ticket-scale,1);width:100%;box-sizing:border-box;flex-shrink:0}
html body.tv-broadcast-body #private-participants .ticket-online-marking .ticket-private-number.is-pending{border-style:dashed!important}
@media screen and (max-width:699px), screen and (hover:none) and (pointer:coarse) and (orientation:portrait){
 html body.tv-broadcast-body #private-participants .ticket-online-marking .ticket-private-grid{grid-template-rows:repeat(3,56px)!important;height:auto!important;gap:8px!important}
 html body.tv-broadcast-body #private-participants .ticket-online-marking .ticket-private-number{min-height:56px!important;height:56px!important;font-size:23px!important;border-radius:10px!important}
}