#edit-registration {
  border: 1px solid #b9d4ff;
  background: linear-gradient(180deg, #f8fbff 0%, #fff 45%);
  box-shadow: 0 8px 24px rgba(16, 24, 40, .07);
}

#edit-registration h2 { margin: 0 0 18px; color: #175cd3; font-size: 1.25rem; }
#edit-registration form { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px 18px !important; }
#edit-registration form label { display: grid; gap: 7px; color: #344054; font-size: .88rem; font-weight: 700; }
#edit-registration form input,
#edit-registration form select,
#edit-registration form textarea { box-sizing: border-box; width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid #d0d5dd; border-radius: 8px; background: #fff; color: #172033; font: inherit; line-height: 1.35; }
#edit-registration form textarea { min-height: 108px; resize: vertical; }
#edit-registration form input:focus,
#edit-registration form select:focus,
#edit-registration form textarea:focus { outline: 0; border-color: #84adff; box-shadow: 0 0 0 3px rgba(23, 92, 211, .12); }
#edit-registration form label[style*="grid-column"],
#edit-registration form label.full-width { grid-column: 1 / -1; }
#edit-registration form > div[style*="grid-column"] { grid-column: 1 / -1; display: flex !important; gap: 9px !important; align-items: center; padding-top: 4px; border-top: 1px solid #eaecf0; }
@media (max-width: 700px) {
  #edit-registration form { grid-template-columns: 1fr !important; }
  #edit-registration form label[style*="grid-column"],
  #edit-registration form label.full-width,
  #edit-registration form > div[style*="grid-column"] { grid-column: auto; }
}

.registration-location-picker { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 12px; border: 1px solid #eaecf0; border-radius: 8px; background: #f8fafc; }
.registration-location-picker label { display: grid; gap: 6px; font-size: .82rem; font-weight: 700; color: #475467; }
.registration-location-picker select { min-height: 42px; }
.registration-location-picker select:disabled { background: #f2f4f7; color: #98a2b3; cursor: not-allowed; }
@media (max-width: 700px) { .registration-location-picker { grid-template-columns: 1fr; } }

.registration-ticket-preview { display: flex; align-items: center; gap: 22px; margin: 0 0 20px; padding: 16px; border: 1px solid #d0d5dd; border-radius: 10px; background: #fff; }
.registration-ticket-preview strong,.registration-ticket-preview small { display: block; color: #667085; font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; }
.registration-ticket-code { display: block; margin: 7px 0 12px; color: #175cd3; font-size: 1.2rem; font-weight: 800; letter-spacing: .06em; word-break: break-word; }
.registration-ticket-qr { width: 150px; height: 150px; display: grid; place-items: center; margin-left: auto; }
.registration-ticket-qr img { max-width: 100%; height: auto; }
.registration-download-button { white-space: nowrap; padding: 7px 10px; font-size: .8rem; }
@media (max-width: 540px) { .registration-ticket-preview { align-items: flex-start; flex-direction: column; }.registration-ticket-qr { margin-left: 0; } }

/* Elemen Hero tambahan hanya ditampilkan pada tab Pengaturan. */
body:not(:has(.admin-tabs a[href*="tab=settings"].primary)) #hero-batch-panel,
body:not(:has(.admin-tabs a[href*="tab=settings"].primary)) #hero-batch-panel ~ p,
body:not(:has(.admin-tabs a[href*="tab=settings"].primary)) #hero-batch-panel ~ p + section { display: none !important; }