/* RC13N: static, clean participant confirmation page inspired by the supplied reference. */
html, body.ujar-cbt-public-fullscreen, body.ujar-cbt-confirmation-page {
  margin:0 !important; padding:0 !important; width:100% !important;
  min-height:0 !important; height:100% !important; background:#f4f7fb !important;
}
html:has(body.ujar-cbt-confirmation-page) {
  height:100% !important; min-height:0 !important; overflow:hidden !important;
}
body.ujar-cbt-confirmation-page {
  color:#26384c; font-family:Arial,Helvetica,sans-serif;
  position:fixed !important; inset:0 !important; width:100vw !important;
  height:100vh !important; min-height:0 !important; overflow:hidden !important;
}
body.ujar-cbt-confirmation-page #wpadminbar { display:none !important; }
body.ujar-cbt-confirmation-page .site-header,
body.ujar-cbt-confirmation-page .site-footer,
body.ujar-cbt-confirmation-page header.entry-header,
body.ujar-cbt-confirmation-page footer.entry-footer { display:none !important; }
body.ujar-cbt-confirmation-page #page,
body.ujar-cbt-confirmation-page .site,
body.ujar-cbt-confirmation-page .site-content,
body.ujar-cbt-confirmation-page #content,
body.ujar-cbt-confirmation-page .content-area,
body.ujar-cbt-confirmation-page main,
body.ujar-cbt-confirmation-page .wp-site-blocks,
body.ujar-cbt-confirmation-page .wp-block-post-content,
body.ujar-cbt-confirmation-page .entry-content {
  width:100% !important; max-width:none !important; margin:0 !important;
  padding:0 !important; border:0 !important; box-shadow:none !important;
}
body.ujar-cbt-confirmation-page *,
body.ujar-cbt-confirmation-page *::before,
body.ujar-cbt-confirmation-page *::after {
  animation:none !important; transition:none !important; transform:none !important;
  scroll-behavior:auto !important;
}
.ujar-confirm-wrap {
  position:fixed; inset:0; height:100vh; height:100dvh; max-height:100vh; max-height:100dvh;
  min-height:0; width:100vw; margin:0; padding:0; background:#f4f7fb; color:#26384c;
  box-sizing:border-box; display:flex; flex-direction:column; overflow:hidden;
}
.ujar-confirm-top {
  width:100%; min-height:92px; margin:0; padding:18px clamp(20px,4vw,64px);
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  color:#fff; background:#316b9d; box-sizing:border-box; position:static;
}
.ujar-confirm-brand { display:flex; align-items:center; gap:13px; }
.ujar-confirm-logo { width:50px;height:50px;flex:0 0 50px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#2e6fa9;font-size:27px;font-weight:bold; }
.ujar-confirm-brand strong { display:block;font-size:20px;letter-spacing:.2px; }
.ujar-confirm-brand small { display:block;margin-top:5px;font-size:12px;opacity:.92; }
.ujar-confirm-user { font-size:12px;font-weight:700;text-align:right; }
.ujar-confirm-layout {
  width:min(760px, calc(100% - 40px)); flex:1 1 0; min-height:0; max-height:calc(100% - 92px);
  margin:0 auto; padding:18px 0; display:flex; align-items:center; justify-content:center;
  box-sizing:border-box; overflow:hidden;
}
.ujar-confirm-token-panel,.ujar-confirm-token-help { display:none !important; }
.ujar-confirm-card {
  width:100%; max-height:100%; min-height:0; overflow:auto; overscroll-behavior:contain;
  padding:30px clamp(22px,4vw,48px); background:#fff;
  border:1px solid #e4ebf2; border-radius:12px; box-shadow:0 10px 28px rgba(28,55,84,.07);
  box-sizing:border-box;
}
.ujar-confirm-heading { text-align:center;margin:0 0 28px; }
.ujar-confirm-cap { display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e7f1fc;color:#2d70aa;margin:0 auto 14px;font-size:26px; }
.ujar-confirm-heading h1 { color:#253d55;font-size:26px;line-height:1.25;margin:0 0 8px;font-weight:600; }
.ujar-confirm-heading p { color:#7a8a9b;font-size:13px;margin:0; }
.ujar-confirm-field { margin:0 0 15px; }
.ujar-confirm-field label { display:block;font-size:12px;font-weight:700;color:#344b62;margin:0 0 7px; }
.ujar-confirm-readonly,.ujar-confirm-field input,.ujar-confirm-field select {
  width:100%; min-height:44px; border:1px solid #d7e1ec; border-radius:7px;
  background:#f8fafc; padding:10px 13px; box-sizing:border-box; color:#33495e;
  font:inherit; font-size:14px; box-shadow:none;
}
.ujar-confirm-readonly { display:flex;align-items:center; }
.ujar-confirm-date { display:grid;grid-template-columns:1fr 1.3fr 1.2fr;gap:8px; }
.ujar-confirm-form { display:grid;gap:0; }
.ujar-confirm-submit {
  display:block;width:100%;margin-top:8px;border:0;border-radius:7px;
  background:#0879ee;color:#fff;min-height:48px;padding:12px 18px;
  font-size:15px;font-weight:700;text-align:center;text-decoration:none;
  cursor:pointer;box-sizing:border-box;box-shadow:none;
}
.ujar-confirm-submit:hover,.ujar-confirm-submit:focus { background:#0879ee;color:#fff; }
.ujar-confirm-message { padding:12px 14px;border-radius:7px;background:#fff3e6;border:1px solid #f4d3a9;color:#82511b;font-size:13px;line-height:1.5;margin:0 0 18px; }
.ujar-confirm-message.success { background:#edf9f0;border-color:#b8e2c1;color:#226b35; }
.ujar-confirm-footnote { border-top:1px solid #edf0f4;padding-top:17px;margin:22px 0 0;color:#8a98a7;font-size:11px;line-height:1.6;text-align:center; }
@media(max-width:760px) {
 html:has(body.ujar-cbt-confirmation-page), body.ujar-cbt-confirmation-page {
   position:static !important; height:auto !important; min-height:100% !important;
   overflow-x:hidden !important; overflow-y:auto !important;
 }
 .ujar-confirm-wrap { position:relative; inset:auto; height:auto; min-height:100vh; min-height:100dvh; max-height:none; overflow:visible; }
 .ujar-confirm-top { min-height:76px; padding:13px 16px; }
 .ujar-confirm-logo { width:44px;height:44px;flex-basis:44px;font-size:23px; }
 .ujar-confirm-brand strong { font-size:18px; }
 .ujar-confirm-brand small { font-size:10px; }
 .ujar-confirm-user { font-size:10px; }
 .ujar-confirm-layout { width:calc(100% - 24px); flex:1 0 auto; min-height:0; margin:0 auto; padding:18px 0 24px; }
 .ujar-confirm-card { padding:26px 18px; border-radius:10px; }
 .ujar-confirm-heading h1 { font-size:22px; }
 .ujar-confirm-date { grid-template-columns:1fr;gap:8px; }
}

@media(min-width:761px) and (max-height:650px) {
 .ujar-confirm-top { min-height:68px; padding-top:10px; padding-bottom:10px; }
 .ujar-confirm-card { padding-top:20px; padding-bottom:20px; }
 .ujar-confirm-heading { margin-bottom:16px; }
 .ujar-confirm-cap { width:42px; height:42px; margin-bottom:9px; }
 .ujar-confirm-field { margin-bottom:10px; }
 .ujar-confirm-readonly,.ujar-confirm-field input,.ujar-confirm-field select { min-height:38px; padding-top:7px; padding-bottom:7px; }
 .ujar-confirm-submit { min-height:42px; }
 .ujar-confirm-footnote { margin-top:14px; padding-top:10px; }
}

/* RC13O2: lock the participant confirmation page to the viewport on desktop. */
@media (min-width:761px) {
  html:has(body.ujar-cbt-confirmation-page),
  body.ujar-cbt-confirmation-page { overflow:hidden !important; }
  body.ujar-cbt-confirmation-page #page,
  body.ujar-cbt-confirmation-page .site,
  body.ujar-cbt-confirmation-page .site-content,
  body.ujar-cbt-confirmation-page #content,
  body.ujar-cbt-confirmation-page .content-area,
  body.ujar-cbt-confirmation-page main,
  body.ujar-cbt-confirmation-page .wp-site-blocks,
  body.ujar-cbt-confirmation-page .wp-block-post-content,
  body.ujar-cbt-confirmation-page .entry-content {
    height:100% !important; min-height:0 !important; overflow:hidden !important;
  }
}