.onz-placeholder{padding:18px;border:1px dashed #b8bec8;border-radius:8px;text-align:center;color:#667085;background:#f8fafc}
.onz-event-title{margin:0}.onz-event-venue a{color:inherit;text-decoration:inherit}
.onz-capacity{display:grid;gap:10px}.onz-capacity-bar{height:8px;border-radius:999px;background:#e5e7eb;overflow:hidden}.onz-capacity-bar>i{display:block;height:100%;background:#111827}.onz-capacity-roles{display:flex;gap:14px;flex-wrap:wrap;font-size:.9em}
.onz-reg-field{display:grid;gap:8px}.onz-field-label{display:block}.onz-input{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #d0d5dd;background:#fff;color:#101828}
.onz-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.onz-role-card{position:relative;display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px;border:1px solid #d0d5dd;border-radius:10px;cursor:pointer}.onz-role-card input{position:absolute;opacity:0;pointer-events:none}.onz-role-card:has(input:checked){border-width:2px}
.onz-openmic{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px}.onz-openmic[hidden]{display:none!important}
.onz-submit{border:0;padding:13px 22px;cursor:pointer}.onz-submit:disabled{opacity:.6;cursor:not-allowed}.onz-form-message{margin-top:10px}.onz-success,.onz-error{padding:12px;border-radius:8px}.onz-success{background:#ecfdf3}.onz-error{background:#fef3f2}.onz-success code{display:block;margin-top:8px}

.onz-logo img{display:inline-block;height:auto}.onz-event-title{color:#fff;font-weight:800;line-height:1;margin:0}.onz-event-title-accent{color:#C83CFF}.onz-event-datetime,.onz-event-venue{color:#fff}.onz-event-venue a{color:#C83CFF}.onz-field-label{color:#fff}.onz-input{background:#11131B;color:#fff;border-color:#3A4054;outline:none}.onz-input::placeholder{color:#98A2B3}.onz-input:focus{border-color:#C83CFF}.onz-role-card{background:#10131C;color:#fff;border-color:#34394B}.onz-role-card:has(input:checked){border-color:#C83CFF;background:#22122F}.onz-openmic{background:#11131B;color:#fff}.onz-openmic input{accent-color:#C83CFF}.onz-capacity{color:#fff}.onz-capacity-bar>i{background:linear-gradient(90deg,#E844FF,#7A35FF)}.onz-submit{color:#fff;background:linear-gradient(90deg,#D442FF,#6D2BFF)}

.onz-headline{display:flex;flex-wrap:wrap;align-items:baseline;margin:0;color:#fff}.onz-headline-first{color:#fff}.onz-headline-second{color:#C83CFF}
.onz-event-datetime,.onz-event-venue{display:flex;align-items:center;gap:10px}.onz-event-icon{display:inline-flex;align-items:center;justify-content:center;color:#C83CFF;flex:0 0 auto}.onz-event-icon svg{width:1em;height:1em;fill:currentColor}.onz-event-text{min-width:0}

.onz-event-datetime,.onz-event-venue{align-items:flex-start}.onz-event-description{color:#D0D5DD}.onz-description-toggle{border:0;background:none;padding:0;margin-top:8px;color:#C83CFF;cursor:pointer}.onz-capacity{display:grid;gap:12px}.onz-capacity-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.onz-capacity-title-wrap{display:flex;align-items:center;gap:9px}.onz-capacity-icon{display:inline-flex;color:#C83CFF}.onz-capacity-icon svg{width:1em;height:1em;fill:currentColor}.onz-capacity-total-wrap{text-align:right}.onz-capacity-total-label{color:#98A2B3}.onz-capacity-total{color:#fff;font-weight:700}.onz-capacity-current{color:#C83CFF;font-size:48px;font-weight:800;line-height:1}.onz-capacity-bar{height:10px;border-radius:999px;background:#232633;overflow:hidden}.onz-capacity-bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#E844FF,#7A35FF)}.onz-capacity-toggle{display:flex;gap:7px;border:0;background:none;padding:0;color:#C83CFF;cursor:pointer}.onz-capacity-roles{display:flex;flex-wrap:wrap;gap:18px}.onz-cap-role-label{color:#D0D5DD}.onz-cap-role-num{color:#fff;font-weight:700}

/* v1.6 capacity + independent role breakdown */
.onz-capacity-number{display:flex;align-items:baseline;line-height:1}.onz-cap-current{font-size:48px;font-weight:800;color:#fff}.onz-cap-total{font-size:28px;font-weight:700;color:#98A2B3}.onz-capacity-remaining{color:#D0D5DD;margin-bottom:-4px}.onz-role-breakdown{width:100%}.onz-role-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;border:0;background:none;padding:0;color:#C83CFF;cursor:pointer;text-align:left}.onz-role-summary{color:inherit}.onz-role-items{display:flex;flex-wrap:wrap;gap:18px;margin-top:10px}.onz-role-label{color:#D0D5DD}.onz-role-number{color:#fff;font-weight:700}.onz-role-chevron{transition:transform .2s}.onz-role-toggle[aria-expanded="true"] .onz-role-chevron{transform:rotate(180deg)}

/* v1.6.1 */
.onz-capacity-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.onz-capacity-quota{text-align:right;white-space:nowrap}.onz-capacity-quota-label{color:#98A2B3}.onz-capacity-quota-number{color:#fff;font-weight:700}.onz-capacity-number{gap:.18em}.onz-cap-slash{color:#98A2B3;font-size:28px;font-weight:700}
.onz-role-breakdown{display:grid;gap:12px}.onz-role-row{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:9px;width:100%}.onz-role-icon{display:inline-flex;color:#C83CFF}.onz-role-icon svg{width:1em;height:1em;fill:currentColor}.onz-role-number{justify-self:start}.onz-role-row-toggle{border:0;background:none;padding:2px 4px;color:#C83CFF;cursor:pointer;font:inherit}

/* v1.6.2 */
.onz-role-row{border:1px solid #30354A;background:#171923;padding:14px 16px;border-radius:12px}.onz-role-label{display:inline-block;border:1px solid #3A3F55;background:#242735;padding:4px 8px;border-radius:8px}.onz-role-detail{margin-top:-7px;padding:10px 16px 14px;border:1px solid #30354A;border-top:0;border-radius:0 0 12px 12px;color:#D0D5DD}.onz-role-detail strong{margin-left:8px;color:#fff}.onz-role-row-toggle[aria-expanded="true"] .onz-role-chevron{display:inline-block;transform:rotate(180deg)}

/* v1.6.3: role dropdown expands the same box and lists participant names */
.onz-role-box{border:1px solid #30354A;background:#171923;border-radius:12px;overflow:hidden}
.onz-role-box .onz-role-row{border:0;background:transparent;border-radius:0}
.onz-role-box .onz-role-label{border:0!important;background:transparent!important;padding:0!important;border-radius:0!important}
.onz-role-box .onz-role-detail{margin:0;border:0;border-top:1px solid #30354A;border-radius:0;background:transparent;padding:10px 16px 14px}
.onz-role-name-list{display:grid;gap:8px}.onz-role-name{color:#fff}.onz-role-empty{color:#98A2B3}

/* v1.6.4: entire role bar is clickable; expanded area background is styleable */
.onz-role-row{cursor:pointer;user-select:none}
.onz-role-row-toggle{pointer-events:none}
.onz-role-box{transition:background-color .18s ease}
.onz-role-box .onz-role-detail{background:#171923}

/* v1.7.0 registration role redesign */
.onz-role-field>.onz-field-label{display:block;margin-bottom:14px}
.onz-role-field .onz-role-grid{display:grid;gap:10px}
.onz-role-field .onz-role-card{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:11px;border:1px solid #34394B;background:#10131C;padding:15px 16px;border-radius:12px;cursor:pointer;transition:border-color .18s,background .18s,opacity .18s}
.onz-role-field .onz-role-card input{position:absolute;opacity:0;pointer-events:none}
.onz-role-radio{position:relative;display:inline-block;width:20px;height:20px;border:2px solid #697086;border-radius:50%;box-sizing:border-box}
.onz-role-radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:transparent}
.onz-role-card:has(input:checked) .onz-role-radio:after{background:#C83CFF}
.onz-registration-role-icon{display:inline-flex;color:#C83CFF;font-size:21px}.onz-registration-role-icon svg{width:1em;height:1em;fill:currentColor}
.onz-registration-role-name{color:#fff;font-weight:600}
.onz-role-status{justify-self:end;text-align:right;white-space:nowrap}.onz-role-status-label,.onz-role-unit{color:#98A2B3}.onz-role-current,.onz-role-max{color:#fff}.onz-role-slash{color:#697086}.onz-role-full{color:#FF6B7A;font-weight:700}
.onz-role-card.is-full{cursor:not-allowed;opacity:.62}
@media(max-width:480px){.onz-role-field .onz-role-card{grid-template-columns:auto auto 1fr auto}.onz-role-status{font-size:.9em}}

/* v1.8.0 payment/free widgets */
.onz-payment-status{display:flex;align-items:center;gap:10px;border:1px solid #34394B;background:#10131C;padding:12px 14px;border-radius:12px;color:#fff}.onz-payment-status-icon{display:inline-flex;color:#C83CFF}.onz-payment-status-icon svg{width:1em;height:1em;fill:currentColor}
.onz-payment-proof{display:grid;gap:9px}.onz-proof-box{display:flex;flex-direction:column;gap:5px;border:1px dashed #34394B;background:#10131C;padding:16px;border-radius:12px;cursor:pointer}.onz-proof-box input{position:absolute;opacity:0;width:1px;height:1px}.onz-proof-main{color:#fff;font-weight:700}.onz-proof-help{color:#98A2B3;font-size:13px}.onz-proof-preview{margin-top:10px}.onz-proof-preview img{display:block;max-width:180px;max-height:180px;object-fit:cover;border-radius:10px;margin-bottom:8px}.onz-proof-remove{border:0;background:transparent;color:#C83CFF;padding:0;cursor:pointer}

/* v1.8.1 register button states + width */
.onz-submit-wrap{display:flex;width:100%}
.onz-submit-wrap.onz-width-full .onz-submit{width:100%}
.onz-submit-wrap.onz-width-auto .onz-submit{width:auto}
.onz-submit{transition:color .15s ease,transform .08s ease,opacity .15s ease}
.onz-submit:active{transform:translateY(1px)}
.onz-submit:disabled{cursor:not-allowed;opacity:.72}

/* v1.8.2 */
.onz-submit-wrap.onz-width-full .onz-submit{width:100%}.onz-submit-wrap.onz-width-auto .onz-submit{width:auto}.onz-submit-wrap.onz-width-custom .onz-submit{max-width:100%}

/* v1.9.0 Payment QR + Registration Result */
.onz-payment-qr{display:flex;flex-direction:column;gap:12px}.onz-payqr-title{color:#fff;font-weight:700}.onz-payqr-image-wrap{display:inline-flex;padding:12px;background:#fff;border:1px solid #34394B;border-radius:14px}.onz-payqr-image{display:block;width:240px;max-width:100%;height:auto}.onz-payqr-help,.onz-payqr-missing{color:#98A2B3}
.onz-registration-result{border:1px solid #34394B;background:#10131C;padding:22px;border-radius:16px;text-align:center}.onz-result-title{color:#fff;font-weight:800;margin-bottom:10px}.onz-result-code{color:#C83CFF;font-weight:700;margin-bottom:14px}.onz-result-qr-wrap{display:flex;justify-content:center}.onz-result-qr{display:block;width:220px;height:220px;max-width:100%;object-fit:contain}.onz-result-instruction{color:#98A2B3;margin-top:14px}

/* v1.9.3 */
.onz-role-box{border-style:solid}

/* v1.9.5 Singer Song Details */
.onz-singer-song-details[hidden]{display:none!important}
.onz-song-details-grid{display:grid;grid-template-columns:1fr;gap:12px}
.onz-song-details-grid label{display:block}
.onz-song-sub-label{display:block;margin-bottom:6px;font-size:.9em;opacity:.82}

/* v1.9.8: load the ONZ Chinese display face immediately instead of waiting
   for Elementor's later typography CSS. Elementor controls can still override it. */
.onz-event-title-cjk{
  font-family:"Ma Shan Zheng","Noto Sans CJK SC","Microsoft YaHei","PingFang SC",sans-serif;
}