/* Vision15 workspace: warm charcoal and orange, with a neutral light option. */
.public-entry { max-width:1120px; padding:0 40px; margin:0 auto; }
.public-entry-header { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:28px 0; border-bottom:1px solid var(--line); }
.public-entry-header .company-logo { width:108px; height:auto; }
.public-entry-header .brand-product { font-size:10px; }
.public-hero { max-width:760px; padding:76px 0 64px; }
.public-hero h1 { font-size:clamp(40px,6vw,72px); line-height:1.08; letter-spacing:-.05em; margin:20px 0 24px; font-weight:650; }
.public-hero h1 span { color:var(--brand); }
.public-hero > p { max-width:570px; font-size:19px; line-height:1.6; color:var(--muted); }
.public-entry-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:28px; }
.public-entry-actions > span { font-size:13px; color:var(--muted); }
.public-entry-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; border-top:1px solid var(--line); padding:32px 0; }
.public-entry-steps h2 { font-size:18px; margin:14px 0 12px; }
.public-entry-steps p,.public-entry-note p { font-size:14px; line-height:1.6; color:var(--muted); margin:0; }
.public-step-number { font-size:12px; letter-spacing:.1em; color:var(--link); }
.public-entry-note { display:flex; align-items:flex-start; gap:16px; padding:24px; border:1px solid var(--line); border-radius:12px; margin:0 0 32px; }
.public-entry-note > i { color:var(--link); font-size:22px; }
.public-entry-note strong { display:block; margin-bottom:6px; }
.public-entry footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; padding:24px 0; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.signup-steps { display:flex; flex-wrap:wrap; gap:8px 18px; padding:0; margin:24px 0; list-style-position:inside; font-size:12px; color:var(--muted); }
.signup-steps li[aria-current] { color:var(--link); font-weight:600; }
.nav-section-label { color:var(--muted); font-size:10px; letter-spacing:.1em; text-transform:uppercase; padding:18px 16px 8px; }
.platform-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.platform-metrics h2 { font-size:13px; color:var(--muted); font-weight:500; margin:0 0 12px; }
.platform-metrics strong { font-size:32px; font-weight:600; }
.platform-metrics p { color:var(--muted); font-size:12px; margin:8px 0 0; }
.platform-section-heading,.platform-pagination,.platform-filter-summary { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.platform-search { display:flex; flex-wrap:wrap; gap:10px; }
.platform-search input { flex:1 1 240px; min-width:0; }
.platform-pagination { margin:16px 0; font-size:12px; color:var(--muted); }
.platform-pagination > div { display:flex; gap:8px; }
.platform-filter-summary { margin-bottom:20px; padding:12px 16px; border:1px solid var(--line); border-radius:8px; font-size:13px; }
.platform-event-name { min-width:160px; max-width:300px; overflow-wrap:anywhere; }
.platform-page .table { min-width:720px; }
.platform-page .table th { white-space:nowrap; }
.platform-page .team-email { min-width:210px; }
.platform-account-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:24px; align-items:start; }
.platform-account-layout .team-email { min-width:0; }
.platform-account-summary dt { margin-top:16px; color:var(--muted); font-size:12px; font-weight:500; }
.platform-account-summary dd { margin:6px 0 0; overflow-wrap:anywhere; }
.platform-account-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-width:150px; }
.company-access-form { max-width:560px; }
.platform-lifetime { display:flex; flex-wrap:wrap; gap:20px 48px; padding:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-bottom:14px; }
.platform-lifetime strong { font-size:28px; font-weight:600; display:block; }
.platform-lifetime span { font-size:12px; color:var(--muted); }
.platform-report-filters { display:flex; align-items:flex-end; flex-wrap:wrap; gap:14px; margin:24px 0; padding:20px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
.platform-report-filters > div { flex:1 1 160px; min-width:0; }
.platform-period-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin:28px 0 16px; }
.platform-report-page .platform-metrics strong { font-size:clamp(22px,2.2vw,32px); overflow-wrap:anywhere; }
.platform-payment-chart { width:100%; height:auto; min-height:140px; overflow:visible; }
.platform-payment-chart text { fill:var(--muted); font-size:10px; }
.platform-payment-chart .chart-baseline { stroke:var(--line); }
.platform-payment-chart polyline { fill:none; stroke:var(--brand); stroke-width:3; stroke-linejoin:round; }
.platform-payment-chart circle { fill:var(--brand); stroke:var(--surface); stroke-width:2; }
.platform-payment-reference { min-width:130px; max-width:260px; overflow-wrap:anywhere; }
.platform-report-notes summary { cursor:pointer; }
@media(max-width:600px) { .platform-report-page .platform-metrics strong { font-size:18px; } }
@media(max-width:800px) { .platform-account-layout { grid-template-columns:1fr; gap:0; } }
@media(max-width:960px) { .platform-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
  .public-entry { padding:0 22px; } .public-entry-header { padding:20px 0; }
  .public-hero { padding:48px 0 40px; } .public-hero > p { font-size:17px; }
  .public-entry-steps { grid-template-columns:1fr; gap:28px; }
  .public-entry-note { padding:18px; } .signup-steps { gap:8px 14px; }
  .platform-metrics { gap:10px; } .platform-metrics .card-body { padding:16px; }
}
.team-invite-row + .team-invite-row { border-top:1px solid var(--line); margin-top:20px; padding-top:20px; }
.team-email { overflow-wrap:anywhere; }
.team-password { flex:0 1 240px; max-width:100%; }
.team-invite-summary { border:1px solid var(--line); border-radius:10px; padding:16px; margin:20px 0; }
.team-invite-summary dt { font-size:12px; color:var(--muted); font-weight:500; }
.team-invite-summary dd { margin:4px 0 14px; }
.team-invite-summary dd:last-child { margin-bottom:0; }
:root, :root[data-bs-theme="light"] {
  color-scheme: light; --sidebar-w: 224px;
  --brand: #ff7b21; --brand-hover: #ff923f; --on-brand: #181511;
  --canvas: #f7f7f5; --surface: #ffffff; --surface-soft: #f0f0ed; --field: #ffffff;
  --ink: #24211e; --muted: #69645e; --line: #e4e1dc;
  --link: #a33e00; --link-hover: #7c2e00; --brand-soft: #fff0e5; --focus: #ad4400;
  --success-bg: #edf4ee; --success-ink: #346244;
  --warning-bg: #fbf4e7; --warning-ink: #795520;
  --danger-bg: #faeded; --danger-ink: #a33232;
  --info-bg: #e9f2f7; --info-ink: #285c76;
}
:root[data-bs-theme="dark"] {
  color-scheme: dark;
  --brand: #ff7b21; --brand-hover: #ff944d; --on-brand: #181511;
  --canvas: #181511; --surface: #221e19; --surface-soft: #2c261f; --field: #1c1915;
  --ink: #f5f3ef; --muted: #b7ada1; --line: #40372c;
  --link: #ff9b56; --link-hover: #ffba8a; --brand-soft: #38271b; --focus: #ff9b56;
  --success-bg: #24352a; --success-ink: #a3d8b3;
  --warning-bg: #3b3021; --warning-ink: #f3c17c;
  --danger-bg: #402626; --danger-ink: #f5a5a5;
  --info-bg: #22313b; --info-ink: #a0d1ea;
}
:root[data-bs-theme] {
  --bs-body-bg: var(--canvas); --bs-body-color: var(--ink);
  --bs-secondary-color: var(--muted); --bs-secondary-bg: var(--surface-soft);
  --bs-tertiary-bg: var(--surface-soft); --bs-emphasis-color: var(--ink);
  --bs-border-color: var(--line); --bs-primary: var(--brand); --bs-primary-rgb: 255,123,33;
  --bs-link-color: var(--link); --bs-link-hover-color: var(--link-hover);
  --bs-primary-text-emphasis: var(--link); --bs-primary-bg-subtle: var(--brand-soft);
  --bs-primary-border-subtle: var(--line); --bs-focus-ring-color: #ff7b2133;
  --bs-code-color: var(--link); --bs-heading-color: var(--ink);
}
body { background: var(--canvas); color: var(--ink); font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing: antialiased; }
.mfa-qr { display:inline-block; padding:12px; background:#fff; border-radius:6px; }
.field-label-help { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
.field-label-help .form-label { margin-bottom: 0; }
.field-info { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 30px; width: 30px; height: 30px; border: 0; border-radius: 50%; padding: 0; background: transparent; color: var(--link); font-size: 17px; }
.field-info:hover { background: var(--brand-soft); color: var(--link-hover); }
.field-help-modal .modal-content { background: var(--surface); color: var(--ink); border-color: var(--line); }
.field-help-modal .modal-header, .field-help-modal .modal-footer { border-color: var(--line); }
.field-help-modal .modal-body { font-size: 14px; line-height: 1.65; }
.field-help-section { margin: 20px 0; }
.field-help-note { padding: 12px 14px; background: var(--brand-soft); border-left: 3px solid var(--brand); border-radius: 4px; }
@media (pointer: coarse) { .field-info { flex-basis: 44px; width: 44px; height: 44px; } }
a { color: var(--link); text-decoration: none; } a:hover { color: var(--link-hover); }
.text-muted, .page-intro, .form-text, .stat-label, .review-summary dt { color: var(--muted) !important; }
.text-primary { color: var(--link) !important; }
.admin-wrap { display: flex; min-height: 100vh; }
.admin-sidebar { width: var(--sidebar-w); background: var(--surface); color: var(--muted); border-right: 1px solid var(--line); position: fixed; inset: 0 auto 0 0; display: flex; flex-direction: column; padding: 28px 16px; z-index: 1030; overflow-y:auto; }
.admin-sidebar .brand { display:block; color:var(--ink); padding:0 12px 24px; }
.admin-sidebar .brand .company-branding { width:128px; max-width:100%; }
.sidebar-header { display:flex; align-items:flex-start; gap:4px; }
.sidebar-header .brand { flex:1; min-width:0; }
.sidebar-close,.sidebar-backdrop { display:none; }
.company-branding { display:block; }
.company-logo { display:block; width:100%; max-width:100%; height:auto; }
.company-logo--dark { display:none; }
:root[data-bs-theme="dark"] .company-logo--light { display:none; }
:root[data-bs-theme="dark"] .company-logo--dark { display:block; }
.brand-product { display:block; margin-top:10px; color:var(--muted); font-size:10px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; }
.mobile-brand-bar,.login-mobile-brand { display:none; }
.login-brand { width:180px; max-width:100%; }
.account-brand { display:block; width:144px; max-width:100%; margin-bottom:28px; }
.report-brand { width:128px; margin-bottom:24px; break-inside:avoid; }
.admin-sidebar .nav-link { color: var(--muted); border-radius: 8px; padding: 12px; display: flex; gap: 12px; align-items: center; font-size: 14px; margin-bottom: 5px; }
.admin-sidebar .nav-link:hover { background: var(--surface-soft); color: var(--ink); }
.admin-sidebar .nav-link.active { background: var(--brand-soft); color: var(--link); font-weight: 600; box-shadow: inset 3px 0 var(--brand); }
.admin-sidebar .sidebar-foot { border-top: 1px solid var(--line); padding-top: 18px; }
.admin-main { margin-left: var(--sidebar-w); flex: 1; display: flex; flex-direction: column; min-width: 0; }
.admin-topbar { background: var(--surface); border-bottom: 1px solid var(--line); padding: 16px 36px; display: flex; align-items: center; gap: 18px; position: sticky; top: 0; z-index: 1020; }
.workspace-label { font-size: 11px; text-transform: uppercase; letter-spacing: .12em; color: var(--muted); }
.workspace-label::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--brand); margin-right: 10px; vertical-align: 2px; }
.account-link { color: var(--ink); font-size: 13px; } .account-link:hover { color: var(--link); }
.theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; min-height: 38px; }
.theme-toggle .fa-solid { color: var(--link); }
.admin-content { padding: 36px; max-width: 1580px; width: 100%; margin: 0 auto; }
.page-header { display: flex; gap: 20px; align-items: center; margin-bottom: 28px; flex-wrap: wrap; }
.page-title { font-size: 28px; font-weight: 550; letter-spacing: -.9px; margin: 0; }
.breadcrumb { margin: 7px 0 0; font-size: 12px; --bs-breadcrumb-divider-color: var(--muted); --bs-breadcrumb-item-active-color: var(--muted); }
.page-intro { max-width: 640px; margin-bottom: 28px; }
.card { --bs-card-bg: var(--surface); --bs-card-color: var(--ink); border: 1px solid var(--line); border-radius: 12px; box-shadow: none; overflow: hidden; }
.card-header { padding: 20px 24px; background: var(--surface); border-color: var(--line); font-weight: 550; }
.card-body { padding: 24px; }
.btn { border-radius: 7px; font-size: 13px; font-weight: 600; padding: 11px 18px; box-shadow: none; }
.btn-sm { padding: 7px 12px; font-size: 12px; }
.btn-primary {
  --bs-btn-bg: var(--brand); --bs-btn-border-color: var(--brand); --bs-btn-color: var(--on-brand);
  --bs-btn-hover-bg: var(--brand-hover); --bs-btn-hover-border-color: var(--brand-hover); --bs-btn-hover-color: var(--on-brand);
  --bs-btn-active-bg: var(--brand-hover); --bs-btn-active-border-color: var(--brand-hover); --bs-btn-active-color: var(--on-brand);
  --bs-btn-disabled-bg: var(--brand); --bs-btn-disabled-border-color: var(--brand); --bs-btn-disabled-color: var(--on-brand);
}
.btn-outline-primary {
  --bs-btn-color: var(--link); --bs-btn-border-color: var(--link);
  --bs-btn-hover-bg: var(--brand); --bs-btn-hover-border-color: var(--brand); --bs-btn-hover-color: var(--on-brand);
  --bs-btn-active-bg: var(--brand); --bs-btn-active-border-color: var(--brand); --bs-btn-active-color: var(--on-brand);
  --bs-btn-disabled-color: var(--muted); --bs-btn-disabled-border-color: var(--line);
}
.btn-outline-secondary, .btn-light {
  --bs-btn-color: var(--ink); --bs-btn-border-color: var(--line); --bs-btn-bg: transparent;
  --bs-btn-hover-bg: var(--surface-soft); --bs-btn-hover-border-color: var(--muted); --bs-btn-hover-color: var(--ink);
  --bs-btn-active-bg: var(--surface-soft); --bs-btn-active-border-color: var(--muted); --bs-btn-active-color: var(--ink);
}
.btn-secondary { --bs-btn-bg: var(--surface-soft); --bs-btn-border-color: var(--muted); --bs-btn-color: var(--ink); --bs-btn-hover-bg: var(--line); --bs-btn-hover-border-color: var(--muted); --bs-btn-hover-color: var(--ink); --bs-btn-active-bg: var(--line); --bs-btn-active-border-color: var(--muted); --bs-btn-active-color: var(--ink); }
.btn-outline-danger { --bs-btn-color: var(--danger-ink); --bs-btn-border-color: var(--danger-ink); }
.form-control, .form-select { color: var(--ink); background-color: var(--field); font-size: 14px; border-color: var(--line); border-radius: 7px; padding: 10px 12px; }
.form-control-sm, .form-select-sm { font-size: 13px; padding: 8px 10px; }
.form-control:focus, .form-select:focus { color: var(--ink); background-color: var(--field); border-color: var(--brand); box-shadow: 0 0 0 3px #ff7b2126; }
.form-control:disabled, .form-control[readonly], .form-select:disabled, .input-group-text { color: var(--muted); background-color: var(--surface-soft); border-color: var(--line); }
.form-control::placeholder { color: var(--muted); opacity: .8; }
.form-control-color { height: 40px; padding: 4px; }
.form-label { font-size: 13px; font-weight: 550; color: var(--ink); }
.form-text { font-size: 12px; line-height: 1.6; }
.form-check-input { background-color: var(--field); border-color: var(--muted); }
.form-check-input:checked { background-color: var(--brand); border-color: var(--brand); }
.form-check-input:focus { border-color: var(--brand); box-shadow: 0 0 0 3px #ff7b2126; }
.table, .table-light { font-size: 13px; --bs-table-color: var(--ink); --bs-table-bg: var(--surface); --bs-table-border-color: var(--line); --bs-table-hover-color: var(--ink); --bs-table-hover-bg: var(--surface-soft); --bs-table-striped-color: var(--ink); --bs-table-striped-bg: var(--surface-soft); }
.table > :not(caption) > * > * { padding: 15px 20px; border-color: var(--line); }
.table thead th { color: var(--muted); font-weight: 500; background: var(--surface-soft); font-size: 11px; letter-spacing: .04em; }
.table-sm > :not(caption) > * > * { padding: 9px 6px; }
.badge { border-radius: 5px; font-weight: 500; padding: 6px 9px; }
.bg-success { background: var(--success-bg) !important; color: var(--success-ink) !important; }
.bg-warning { background: var(--warning-bg) !important; color: var(--warning-ink) !important; }
.bg-secondary, .bg-light { background: var(--surface-soft) !important; color: var(--muted) !important; }
.bg-danger { background: var(--danger-bg) !important; color: var(--danger-ink) !important; }
.alert-success { --bs-alert-bg: var(--success-bg); --bs-alert-color: var(--success-ink); --bs-alert-border-color: var(--success-ink); }
.alert-warning { --bs-alert-bg: var(--warning-bg); --bs-alert-color: var(--warning-ink); --bs-alert-border-color: var(--warning-ink); }
.alert-danger { --bs-alert-bg: var(--danger-bg); --bs-alert-color: var(--danger-ink); --bs-alert-border-color: var(--danger-ink); }
.alert-info { --bs-alert-bg: var(--info-bg); --bs-alert-color: var(--info-ink); --bs-alert-border-color: var(--info-ink); }
.stat-num, .stat-card .stat-num { font-size: 32px; letter-spacing: -1.2px; font-weight: 500; line-height: 1.2; color: var(--ink) !important; }
.stat-label { font-size: 12px; margin-top: 8px; }
.stat-icon { display: none; }
.eyebrow { color: var(--link); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .12em; }
.overview-hero { padding: 28px 30px; display: flex; align-items: center; gap: 32px; justify-content: space-between; background: linear-gradient(120deg, var(--surface), var(--brand-soft)); border: 1px solid var(--line); border-radius: 14px; }
.overview-hero h2 { font-size: clamp(28px,3vw,42px); line-height: 1.16; letter-spacing: -1.6px; font-weight: 500; margin: 12px 0; }
.overview-hero p { color: var(--muted); max-width: 530px; margin: 0; }
.launch-guide { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; padding: 28px 0 34px; }
.launch-guide a { color: var(--ink); display: block; border-top: 1px solid var(--line); padding-top: 18px; }
.launch-guide a:hover { border-color: var(--brand); } .launch-guide a:hover strong { color: var(--link); }
.launch-guide .number { color: var(--link); font-size: 11px; letter-spacing: .06em; }
.launch-guide strong { display: block; font-weight: 550; font-size: 15px; margin: 10px 0 5px; }
.launch-guide p { color: var(--muted); font-size: 13px; margin: 0; }
.json-editor { font-family: ui-monospace,monospace; font-size: 13px; min-height: 460px; white-space: pre; tab-size: 2; }
.sidebar-toggle { display: none; }
.preview-panel { position: sticky; top: 90px; }
.preview-device { width: 100%; max-width: 390px; margin: 0 auto; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: var(--surface); }
.preview-device iframe { width: 100%; height: 680px; border: 0; display: block; background: var(--surface); }
.setup-nav { display: flex; gap: 5px; padding: 4px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; margin-bottom: 24px; overflow-x: auto; }
.setup-nav button { font: inherit; flex: 1; white-space: nowrap; background: none; border: 0; border-radius: 6px; color: var(--muted); font-size: 12px; padding: 10px 8px; }
.setup-nav button.active { background: var(--brand); color: var(--on-brand); font-weight: 600; }
.setup-controls { display: flex; justify-content: space-between; gap: 12px; margin: 24px 0; }
.theme-presets { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.theme-presets .btn { display: inline-flex; align-items: center; gap: 9px; }
.palette-dot { width: 13px; height: 13px; border-radius: 50%; background: var(--brand); box-shadow: 5px 0 #453930; margin-right: 5px; }
.palette-dot.light { box-shadow: 5px 0 #d9d9d9; }
.review-summary { display: grid; grid-template-columns: 120px 1fr; gap: 12px; margin: 28px 0; font-size: 14px; } .review-summary dt { font-weight: 400; } .review-summary dd { margin: 0; }
.builder-layout .card-body { overflow-x: auto; } .builder-layout table { min-width: 520px; }
.builder-layout .prize-id { max-width: 90px; color: var(--muted); }
.claim-detail { border-top: 1px solid var(--line); padding-top: 24px; }
.dropdown-menu { --bs-dropdown-bg: var(--surface); --bs-dropdown-color: var(--ink); --bs-dropdown-border-color: var(--line); --bs-dropdown-link-color: var(--ink); --bs-dropdown-link-hover-color: var(--ink); --bs-dropdown-link-hover-bg: var(--surface-soft); }
.pagination { --bs-pagination-bg: var(--surface); --bs-pagination-color: var(--link); --bs-pagination-border-color: var(--line); --bs-pagination-hover-bg: var(--surface-soft); --bs-pagination-hover-color: var(--link); --bs-pagination-hover-border-color: var(--line); --bs-pagination-active-bg: var(--brand); --bs-pagination-active-color: var(--on-brand); --bs-pagination-active-border-color: var(--brand); --bs-pagination-disabled-bg: var(--surface-soft); --bs-pagination-disabled-color: var(--muted); --bs-pagination-disabled-border-color: var(--line); }
.swal2-popup { background: var(--surface); color: var(--ink); border: 1px solid var(--line); }
.swal2-styled.swal2-confirm { background: var(--brand); color: var(--on-brand); }
.login-layout { display: grid; grid-template-columns: 1fr 1fr; min-height: 100vh; background: var(--surface); }
.login-story { padding: 60px 10%; background: linear-gradient(145deg, var(--canvas) 35%, var(--brand-soft)); border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: space-between; }
.login-story h1 { font-size: clamp(40px,5vw,70px); letter-spacing: -3px; font-weight: 500; line-height: 1.08; }
.login-story h1 span { color: var(--link); }
.login-story p { color: var(--muted); max-width: 350px; line-height: 1.7; }
.login-form-wrap { display: flex; align-items: center; justify-content: center; padding: 88px 40px 40px; }
.login-form { width: 100%; max-width: 340px; } .login-form h2 { font-size: 30px; font-weight: 500; letter-spacing: -1px; }
.login-theme { position: absolute; right: 24px; top: 24px; }
[hidden] { display: none !important; }
:focus-visible, .btn:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; box-shadow: none; }
.advanced-field { display: none !important; }
@media(max-width:992px) { .admin-content { padding: 24px; } .preview-panel { position: static; margin-top: 12px; } .page-actions { margin-left: 0 !important; } }
@media(max-width:768px) {
  .admin-sidebar { width:min(var(--sidebar-w),calc(100vw - 48px)); z-index:1050; visibility:hidden; transform:translateX(-100%); transition:transform .2s,visibility 0s linear .2s; }
  .admin-sidebar.open { visibility:visible; transform:none; transition-delay:0s; }
  .sidebar-header { position:sticky; top:0; z-index:1; background:var(--surface); }
  .sidebar-close { display:inline-flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; min-height:44px; }
  .sidebar-backdrop:not([hidden]) { display:block; position:fixed; inset:0; z-index:1045; background:rgba(0,0,0,.46); touch-action:none; }
  .sidebar-toggle { min-width:44px; min-height:44px; align-items:center; justify-content:center; }
  .admin-main { margin-left: 0; } .sidebar-toggle { display: inline-flex; margin-right: auto; }
  .admin-topbar { padding: 12px 16px; gap: 12px; } .workspace-label { display: none; } .admin-topbar .dropdown { min-width: 0; }
  .admin-content { padding: 24px 16px; } .overview-hero { flex-direction: column; align-items: flex-start; padding: 24px; }
  .launch-guide { gap: 16px; } .page-title { font-size: 24px; } .login-layout { grid-template-columns: 1fr; } .login-story { display: none; }
  .login-mobile-brand { display:block; width:144px; max-width:100%; margin-bottom:28px; }
  .mobile-brand-bar { display:block; padding:10px 16px; border-bottom:1px solid var(--line); background:var(--surface); }
  .mobile-brand-bar a { display:block; width:104px; }
  .mobile-brand-bar .brand-product { display:block; font-size:8px; letter-spacing:.1em; margin-top:5px; }
  .account-link { font-size: 12px; } .theme-toggle { padding: 7px 10px; }
}
@media(max-width:400px) { .launch-guide { grid-template-columns: 1fr; gap: 20px; } }
@media(prefers-reduced-motion:reduce) { * { transition: none !important; animation: none !important; } }

/* Campaign monitoring and local SVG analytics. */
:root { --series-views: #ff7b21; --series-enrollments: #16856d; --series-plays: #376dd3; --series-wins: #9361c9; }
:root[data-bs-theme="dark"] { --series-enrollments: #58cfad; --series-plays: #88acff; --series-wins: #c79aff; }
.metric-note, .analytics-footnote { font-size: 12px; color: var(--muted); line-height: 1.6; }
.metric-comparison { font-size: 11px; color: var(--link); padding-top: 12px; border-top: 1px solid var(--line); }
.analytics-footnote { margin: 20px 0 0; max-width: 1000px; }
.live-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #58bf8b; margin-right: 7px; vertical-align: middle; }
.campaign-pulse-table { min-width: 830px; }
.campaign-pulse-table th { white-space: nowrap; }
.campaign-name { color: var(--ink); font-size: 14px; font-weight: 600; }
.campaign-name:hover { color: var(--link); }
.metric-value { font-size: 16px; font-variant-numeric: tabular-nums; }
.pulse-empty { text-align: center; color: var(--muted) !important; padding: 36px 24px !important; white-space: normal; }
.sparkline-link { display: block; color: var(--ink); border-radius: 4px; }
.sparkline-wrap { display: flex; align-items: center; gap: 12px; min-width: 190px; }
.sparkline { display: block; width: 130px; height: 42px; overflow: visible; }
.sparkline polyline { fill: none; stroke: var(--brand); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sparkline circle { fill: var(--brand); }
.sparkline .sparkline-base { stroke: var(--line); stroke-width: 1; }
.sparkline-total { font-size: 16px; font-variant-numeric: tabular-nums; }
.sparkline-total small { display: block; font-size: 10px; color: var(--muted); }
.campaign-stats-meta { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; color: var(--muted); font-size: 12px; margin: -10px 0 28px; }
.analytics-range-bar { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; margin-bottom: 24px; }
.range-presets, .custom-range-form { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; }
.custom-range-form label { font-size: 11px; color: var(--muted); }
.custom-range-form label span { display: block; margin-bottom: 5px; }
.custom-range-form input { max-width: 158px; }
.custom-range-form .btn { min-height: 38px; }
.chart-header { display: flex; gap: 20px; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.chart-tools { display: flex; gap: 8px; } .chart-tools select { width: auto; }
.chart-legend { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.chart-metric { font: inherit; font-size: 12px; color: var(--ink); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 6px; padding: 8px 12px; cursor: pointer; }
.chart-metric[aria-pressed="false"] { background: transparent; color: var(--muted); }
.chart-metric[aria-pressed="false"] .series-dot { opacity: .35; }
.series-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 7px; background: var(--series-color); }
.series-views { --series-color: var(--series-views); } .series-enrollments { --series-color: var(--series-enrollments); } .series-plays { --series-color: var(--series-plays); } .series-wins { --series-color: var(--series-wins); }
.activity-chart-wrap { position: relative; }
.activity-chart { width: 100%; height: 300px; display: block; overflow: visible; touch-action: pan-y; }
.chart-grid { stroke: var(--line); stroke-width: 1; stroke-dasharray: 3 5; }
.chart-axis { fill: var(--muted); font-size: 11px; font-family: inherit; }
.chart-empty-title { fill: var(--muted); font-size: 14px; font-family: inherit; }
.chart-line { fill: none; stroke: var(--series-color); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.chart-bar, .chart-point { fill: var(--series-color); }
.chart-point { stroke: var(--surface); stroke-width: 2; }
.chart-cursor { stroke: var(--muted); stroke-width: 1; stroke-dasharray: 4 4; }
.chart-tooltip { position: absolute; top: 12px; min-width: 180px; max-width: 230px; padding: 14px 16px; border-radius: 8px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); box-shadow: 0 8px 24px #0002; pointer-events: none; z-index: 2; font-size: 12px; }
.chart-tooltip > strong { display: block; font-size: 12px; margin-bottom: 10px; }
.chart-tooltip > div { display: flex; gap: 24px; justify-content: space-between; margin-top: 6px; }
.chart-tooltip b { font-variant-numeric: tabular-nums; }
.analytics-definitions { margin: 22px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.analytics-definitions p { font-size: 12px; color: var(--muted); line-height: 1.8; margin: 0; }
.analytics-definitions strong { color: var(--ink); font-weight: 550; }
.daily-breakdown > summary { padding: 20px 24px; cursor: pointer; font-size: 14px; font-weight: 600; }
.daily-breakdown > summary span { font-weight: 400; margin-left: 12px; }
@media(max-width:768px) {
  .campaign-pulse-table .pulse-empty { max-width: 340px; text-align: left; }
  .analytics-chart-card .card-body { padding: 18px 12px; }
  .analytics-definitions { grid-template-columns: 1fr; gap: 14px; }
  .daily-breakdown > summary span { display: block; margin: 8px 0 0; }
  .chart-header { padding: 20px; }
  .chart-metric { padding: 8px; } .chart-legend { gap: 6px; }
  .custom-range-form { width: 100%; } .custom-range-form label { flex: 1; min-width: 110px; }
  .custom-range-form input { width: 100%; max-width: none; }
}

/* Language wording stays compact until a translation is needed. */
.copy-language { border: 1px solid var(--line); border-radius: 8px; margin-bottom: 12px; }
.copy-language:last-child { margin-bottom: 0; }
.copy-language > summary { display: flex; align-items: center; gap: 10px; list-style: none; cursor: pointer; padding: 14px 16px; font-size: 13px; font-weight: 600; }
.copy-language > summary::-webkit-details-marker { display: none; }
.copy-language > summary small { font-size: 10px; color: var(--muted); margin-left: 5px; font-weight: 400; }
.copy-language > summary > .fa-solid { margin-left: auto; font-size: 11px; transition: transform .15s; }
.copy-language[open] > summary { border-bottom: 1px solid var(--line); }
.copy-language[open] > summary > .fa-solid { transform: rotate(180deg); }
.copy-language-fields { margin: 0; padding: 12px 10px 18px; }
.language-default { color: var(--link); background: var(--brand-soft); font-size: 10px; padding: 4px 7px; border-radius: 4px; font-weight: 500; white-space: nowrap; }
.preview-home { scroll-margin-top: 90px; }
.preview-anchor { height: 0; }
.preview-floating-actions { display: none; gap: 4px; }
.preview-panel.is-floating { position: fixed; top: var(--preview-top, 82px); right: 20px; width: 240px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: 0 12px 36px #0003; z-index: 1025; max-height: calc(100dvh - var(--preview-top, 82px) - 12px); overflow: auto; margin: 0; }
.is-floating .preview-floating-actions { display: flex; }
.preview-panel.is-floating.is-positioned { left: var(--preview-left); right: auto; top: var(--preview-drag-top); }
.preview-drag-handle { touch-action: none; cursor: grab; user-select: none; }
.is-dragging .preview-drag-handle { cursor: grabbing; }
.is-dragging iframe { pointer-events: none; }
.is-floating .preview-toolbar { display: grid !important; grid-template-columns: 1fr auto; }
.is-floating .preview-toolbar > span { font-size: 12px; }
.is-floating #previewRefresh { margin-left: 0 !important; text-align: left; }
.is-floating .btn { padding: 5px 7px; font-size: 11px; min-height: 28px; }
.is-floating .form-select { padding: 5px 22px 5px 7px; font-size: 11px; min-height: 28px; }
.is-floating .preview-device { border-radius: 12px; height: calc(680px * var(--floating-scale, .55)); }
.is-floating .preview-device iframe { width: 390px; height: 680px; transform: scale(var(--floating-scale, .55)); transform-origin: top left; }
.is-floating .preview-help { display: none; }
.is-floating .preview-screens { display: flex; }
.is-floating.is-minimized .preview-device, .is-floating.is-minimized .preview-screens, .is-floating.is-minimized #previewRefresh, .is-floating.is-minimized #previewLocale { display: none !important; }
.is-floating.is-minimized .preview-toolbar { margin-bottom: 0 !important; }
@media(max-width:480px) { .preview-panel.is-floating { width: 186px; right: 10px; padding: 9px; } .is-floating .preview-refresh-label { font-size: 10px; } }
/* Guided setup and the event workspace. */
.account-page { max-width: 520px; margin: 8vh auto; padding: 28px; }
.account-page h1 { font-size: 30px; letter-spacing: -.03em; margin-bottom: 12px; }
.account-page form { display: grid; gap: 16px; }
.account-page label { display: grid; gap: 6px; }
.expert-setting { display: none; }
.show-advanced .expert-setting { display: revert; }
.show-advanced .row.expert-setting { display: flex; }
.builder-simple:not(.show-advanced) .prize-no-win,
.builder-simple:not(.show-advanced) .asset-url-input { display: none; }
.builder-simple:not(.show-advanced) table { min-width: 0; }
.builder-simple:not(.show-advanced) .prize-name { min-width: 110px; }
.builder-simple .setup-nav { position: relative; scroll-margin-top: 85px; }
.builder-simple .setup-nav button { white-space: normal; min-height: 46px; }
.show-advanced .quick-only { display: none; }
.report-summary-chart .activity-chart-wrap { max-height: 290px; }
.report-summary-chart .chart-legend { margin-bottom: 8px; }
.report-scope-switch { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 16px; }
.report-scope-switch .scope-description { color: var(--muted); font-size: 12px; margin-left: auto; }
.review-summary dd { overflow-wrap: anywhere; }
@media(max-width:768px) { .preview-panel.is-floating.is-minimized:not(.is-positioned) { top:auto; bottom:16px; } }
.draft-status { border-left: 3px solid var(--brand); padding: 8px 12px; background: var(--brand-soft); }
.event-workspace-header { margin-bottom:24px; }
.event-back { display:inline-flex; align-items:center; gap:8px; color:var(--muted); font-size:13px; margin-bottom:18px; text-decoration:none; }
.event-identity { display:flex; align-items:center; gap:16px; margin-bottom:22px; }
.event-identity .page-title { margin:0; overflow-wrap:anywhere; }
.event-identity .badge { flex-shrink:0; }
.event-nav { display:flex; gap:8px; border-bottom:1px solid var(--line); margin:0; }
.event-nav a { display:block; padding:14px 16px; color:var(--muted); text-decoration:none; font-size:14px; font-weight:600; border-bottom:3px solid transparent; margin-bottom:-1px; border-radius:6px 6px 0 0; }
.event-nav a:hover { color:var(--ink); background:rgba(128,128,128,.08); }
.event-nav a[aria-current="page"] { color:var(--ink); border-bottom-color:#ec732c; background:rgba(236,115,44,.09); }
.event-nav a:focus-visible,.event-back:focus-visible { outline:2px solid #ec732c; outline-offset:3px; }
.event-section-title { font-size:21px; font-weight:650; margin:0; }
.event-section-switch { display:none; }
.participant-filters { display:flex; flex-wrap:wrap; align-items:end; gap:12px; padding:20px 0; margin-bottom:12px; }
.participant-filters>div:first-of-type { flex:1 1 220px; }
.participant-filters .form-label { font-size:13px; }
.participant-table th,.participant-table td { padding:14px 20px; }
.participant-table td:first-child { overflow-wrap:anywhere; max-width:300px; }
.participant-row-meta { display:none; }
.participant-table tr:target { background:rgba(236,115,44,.1); outline:2px solid #ec732c; outline-offset:-2px; scroll-margin-top:20px; }
.participant-empty { text-align:center; padding:40px 20px; }
.participant-empty>i { font-size:28px; color:var(--muted); display:block; margin-bottom:12px; }
.participant-pagination { display:flex; align-items:center; justify-content:center; gap:20px; margin:24px 0; }
.participant-data-management { margin-top:32px; border-top:1px solid var(--line); padding-top:20px; }
.participant-data-management summary { cursor:pointer; color:var(--muted); font-size:14px; }
.participant-details { display:grid; grid-template-columns:minmax(100px,180px) minmax(0,1fr); gap:12px 24px; margin:24px 0 0; }
.participant-details dt { color:var(--muted); font-weight:500; overflow-wrap:anywhere; }
.participant-details dd { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:640px) {
  .event-workspace-header .event-nav { display:none; }
  .event-section-switch { display:block; border-bottom:1px solid var(--line); padding-bottom:20px; }
  .event-section-switch label { display:block; color:var(--muted); font-size:12px; margin-bottom:8px; }
  .event-identity { align-items:flex-start; gap:12px; }
  .event-identity .page-title { font-size:24px; }
  .participant-filters>div { flex:1 1 140px; }
  .participant-details { grid-template-columns:1fr; gap:6px; }
  .participant-details dd { margin-bottom:12px; }
  .participant-table th:nth-child(2),.participant-table th:nth-child(3),.participant-table th:nth-child(4),
  .participant-table td:nth-child(2),.participant-table td:nth-child(3),.participant-table td:nth-child(4) { display:none; }
  .participant-table th,.participant-table td { padding:14px 12px; }
  .participant-table td:first-child { max-width:none; }
  .participant-row-meta { display:block; color:var(--muted); font-size:12px; margin-top:6px; }
}
@media print { .event-workspace-header { margin-bottom:12px; } }
.event-next { background: var(--brand-soft); border: 1px solid var(--line); padding: 24px; border-radius: 12px; margin-bottom: 24px; }
.event-next h2 { font-size: 22px; margin: 8px 0; }
.report-notes label { display: grid; gap: 6px; margin-bottom: 16px; }
.report-notes textarea { min-height: 100px; }
.report-kpis { display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; margin-bottom: 24px; }
.report-kpis .stat-num { font-size: 30px; }
.report-summary { font-size: 16px; line-height: 1.8; max-width: 850px; }
.report-page-navigation .event-nav { margin-bottom:0; }
.report-export-bar { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; padding:16px 0; margin-bottom:24px; border-bottom:1px solid var(--line); }
.report-export-label { color:var(--muted); font-size:12px; font-weight:500; }
.report-export-actions { display:flex; flex-wrap:wrap; gap:8px; }
.report-tabs { display:flex; gap:24px; border-bottom:1px solid var(--line); margin-bottom:24px; overflow-x:auto; }
.report-tabs a { padding:12px 0; color:var(--muted); border-bottom:2px solid transparent; white-space:nowrap; font-size:14px; }
.report-tabs a.active { color:var(--link); border-color:var(--brand); font-weight:600; }
.report-filters { margin:0 0 20px; padding:12px 16px; border:1px solid var(--line); border-radius:8px; background:var(--surface); font-size:13px; }
.report-filters summary { cursor:pointer; }
.report-filters .analytics-range-bar { margin:18px 0 4px; }
.report-data-notes { color:var(--muted); font-size:12px; margin:24px 0; }
.report-target { width:100%; accent-color:var(--brand); }
.starter-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.starter-grid .card-body { display:flex; flex-direction:column; align-items:flex-start; }
.starter-grid form { margin-top:auto; padding-top:12px; }
.launch-steps { display:grid; gap:20px; max-width:950px; }
.readiness-list { list-style:none; padding:0; margin:22px 0; }
.readiness-list li { display:flex; align-items:flex-start; gap:14px; margin:18px 0; }
.readiness-list .badge { flex:0 0 62px; margin-top:2px; }
.launch-confirm { display:flex; align-items:flex-start; gap:10px; margin-bottom:18px; font-size:14px; }
.launch-confirm input { flex-shrink:0; }
.pass-review { background:var(--brand-soft); border:1px solid var(--line); border-radius:8px; padding:18px; }
@media(max-width:900px) { .starter-grid { grid-template-columns:1fr; } }
[data-report-export][aria-disabled="true"] { opacity:.5; cursor:not-allowed; }
.report-hour { display: grid; grid-template-columns: 60px 1fr 60px; gap: 10px; align-items: center; font-size: 12px; margin: 5px 0; }
.report-hour progress { width: 100%; height: 8px; accent-color: var(--brand); }
@media(max-width:1000px) { .report-kpis { grid-template-columns: repeat(3,1fr); } }
@media(max-width:580px) { .report-kpis { grid-template-columns: repeat(2,1fr); } .account-page { margin: 24px auto; padding: 20px; } }
@media print {
  [data-report-panel][hidden] { display:block !important; }
  html,body { background: #fff !important; color: #171717 !important; }
  .admin-sidebar,.sidebar-backdrop,.admin-topbar,.mobile-brand-bar,.page-actions,.event-nav,.no-print,footer,.chart-tools,.chart-legend,.admin-footer { display: none !important; }
  .company-logo--dark { display:none !important; } .company-logo--light { display:block !important; }
  .admin-main { margin: 0 !important; width: 100% !important; }
  .admin-content { padding: 0 !important; }
  .card,.event-next { background: #fff !important; color: #171717 !important; box-shadow: none !important; border-color: #ccc !important; break-inside: avoid; }
  .text-muted,.metric-note,.stat-label,.analytics-footnote { color: #555 !important; }
  textarea,input { border: 0 !important; background: #fff !important; color: #171717 !important; }
  .report-kpis { grid-template-columns: repeat(5,1fr); }
  details.daily-breakdown:not([open]) { display: none; }
  a { color: #171717 !important; text-decoration: none; }
  h1,h2 { break-after: avoid; }
  @page { size: A4; margin: 14mm; }
}
.workspace-tools summary { cursor: pointer; list-style: none; }
.guide-invite { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:18px 20px; margin-bottom:24px; background:var(--brand-soft); border:1px solid var(--line); border-radius:12px; }
.guide-invite strong,.guide-invite span { display:block; }
.guide-invite span { font-size:13px; color:var(--muted); margin-top:4px; }
.guide-welcome { max-width:680px; margin:32px auto; }
.guide-welcome .card-body { padding:32px; }
.demo-banner { padding:12px 16px; background:var(--brand-soft); border-left:3px solid var(--brand); border-radius:6px; font-size:13px; }
.guide-active { scroll-behavior:auto; }
.event-guide:focus { outline:0; }
.guide-mask { position:fixed; background:rgba(5,8,13,.78); z-index:10000; touch-action:none; transition:background 180ms ease; }
.is-moving .guide-mask { background:rgba(5,8,13,.58); }
.guide-ring { position:fixed; border:2px solid #ff9438; border-radius:8px; box-shadow:0 0 0 4px rgba(255,148,56,.2); z-index:10001; pointer-events:none; opacity:0; transition:opacity 180ms ease; }
.guide-ring.is-lit { opacity:1; }
.guide-transition-shield { position:fixed; inset:0; z-index:10001; cursor:progress; touch-action:none; }
.guide-coach { position:fixed; width:min(340px,calc(100vw - 16px)); max-height:calc(100dvh - 16px); overflow:auto; z-index:10002; padding:20px; color:var(--ink); background:var(--surface); border:1px solid #ff9438; border-radius:14px; box-shadow:0 12px 50px #0005; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(8px) scale(.94); transition:opacity 160ms ease,transform 160ms ease,visibility 0s 160ms; }
.guide-coach.is-open { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0) scale(1); transition:opacity 240ms ease,transform 360ms cubic-bezier(.16,1,.3,1),visibility 0s; }
.guide-active #builderForm > [data-step],.guide-active #builderForm > .setup-controls { transition:opacity 180ms ease; }
.guide-active #builderForm.guide-tab-changing > [data-step],.guide-active #builderForm.guide-tab-changing > .setup-controls { opacity:0; }
@media(prefers-reduced-motion:reduce) { .guide-mask,.guide-ring,.guide-coach,.guide-coach.is-open,.guide-active #builderForm > [data-step],.guide-active #builderForm > .setup-controls { transition:none; } }
.guide-coach h2 { font-size:20px; margin:8px 0; line-height:1.25; }
.guide-coach p { font-size:14px; line-height:1.5; margin-bottom:16px; }
.guide-counter { font-size:10px; font-weight:700; letter-spacing:1.4px; color:var(--brand); }
.guide-actions { display:flex; gap:8px; justify-content:flex-end; }
.guide-actions [data-guide-back] { margin-right:auto; }
.guide-error { color:var(--ink); border-left:3px solid #ff9438; padding-left:10px; }
@media(max-width:580px) { .guide-coach { padding:16px; } .guide-coach h2 { font-size:18px; } .guide-welcome .card-body { padding:20px; } }
@media print { .event-guide,.guide-invite { display:none; } }
.workspace-tools summary::-webkit-details-marker { display: none; }
.workspace-tools summary::after { content: '+'; margin-left: auto; }
.workspace-tools[open] summary::after { content: '-'; }
.workspace-tools .nav-link:not(summary) { font-size: 12px; padding: 8px 12px 8px 20px; }
.analytics-range-bar > label { display: grid; gap: 6px; }
.analytics-range-bar select[name="scope"] { min-width: 168px; }
.print-only { display: none; }
@media print { .print-only { display: block; } .report-notes form,.report-notes .no-print { display:none; } .print-only p { white-space: pre-wrap; } }
@media print {
  :root,:root[data-bs-theme] { --ink:#171717; --muted:#555; --canvas:#fff; --surface:#fff; --surface-soft:#fff; --line:#ccc; }
  .report-notes p { overflow-wrap: anywhere; }
  .table { color:#171717 !important; --bs-table-color:#171717; --bs-table-bg:#fff; }
}
/* Passport shares the existing orange, light/dark admin surfaces. */
.passport-admin-qr{padding:16px;background:#fff;width:224px;max-width:100%;margin:16px 0;border-radius:12px}
.passport-admin-qr img{max-width:100%}