:root {
  --brand-primary: #01273a;
  --brand-secondary: #fd7e14;
  --brand-accent: #f37f2a;
  --brand-background: #fff;
  --brand-surface: #f7f7f7;
  --brand-text: #111;
  --brand-muted: #656565;
  --brand-line: #dedede;
  --brand-tint: #fff3e4;
  --brand-focus: #803400;
  --ink: var(--brand-text);
  --muted: var(--brand-muted);
  --paper: var(--brand-background);
  --line: var(--brand-line);
  --green: var(--brand-primary);
  --light: var(--brand-tint);
  --gold: #663300;
  --white: var(--brand-background);
}

body { background: var(--brand-background); color: var(--brand-text); }
a { color: var(--brand-primary); }
a:hover { color: #034966; }
.site-header {
  max-width: none;
  margin: 0;
  padding: 12px max(18px, calc((100vw - 1240px) / 2));
  border: 0;
  background: var(--brand-primary);
  color: #fff;
}
.brand { gap: 14px; min-width: 0; letter-spacing: 0; }
.brand-logo { display: block; width: 200px; max-width: 41vw; height: auto; flex: 0 0 auto; padding: 5px 7px; border-radius: 4px; background: #fff; }
.brand-product { max-width: 210px; color: #fff; font-size: 14px; font-weight: 650; line-height: 1.35; }
.site-header nav { color: #fff; }
.site-header nav a { color: #fff; }
.site-header nav a:hover { color: #ffd5ad; }
.site-header .text-button { color: #fff; }
.site-header .text-button:hover { background: #163d51; color: #fff; }
button, .button {
  border-color: var(--brand-secondary);
  background: var(--brand-secondary);
  color: #111;
}
button:hover, .button:hover { border-color: var(--brand-accent); background: var(--brand-accent); color: #111; }
.secondary { border-color: var(--brand-primary); background: #fff; color: var(--brand-primary); }
.secondary:hover { border-color: var(--brand-primary); background: var(--brand-tint); color: var(--brand-primary); }
.text-button { color: var(--brand-primary); }
.text-button:hover { background: var(--brand-tint); color: var(--brand-primary); }
:focus-visible { outline: 3px solid var(--brand-focus); outline-offset: 3px; }
.site-header :focus-visible { outline-color: #ffb26d; }
.eyebrow { color: #663300; }
.notice { background: var(--brand-tint); border-color: #e4a363; color: #321900; }
.steps li { background: var(--brand-tint); color: #321900; }
.steps .current { background: var(--brand-primary); color: #fff; }
.badge { background: #f1f1f1; color: #333; }
.badge.active, .badge.attending { background: #e4f0f3; color: #063747; }
.badge.pending, .badge.draft { background: #fff0dc; color: #663300; }
.badge.not_attending, .badge.closed { background: #fce9e2; color: #702b14; }
.badge.intent-provisional { background: #fff3df; color: #75420b; border: 1px solid #f4c68b; font-weight: 600; }
th { background: #f4f4f4; }
input, select, textarea { border-color: #747b80; }
.placeholder {
  position: relative;
  overflow: hidden;
  background: var(--brand-primary);
  color: #fff;
}
.placeholder .eyebrow { color: #ffd4ac; }
.placeholder small { color: #f5f5f5; }
.placeholder-orbit {
  display: block;
  width: 116px;
  height: 116px;
  margin-bottom: 28px;
  border: 2px solid var(--brand-secondary);
  border-radius: 50%;
  box-shadow: inset 0 0 0 15px var(--brand-primary), inset 0 0 0 17px #fff;
}
.invitation h1 { font-family: inherit; }
.invitation > * { min-width: 0; }
.invitation-content > .eyebrow { font-size: 13px; font-weight: 650; letter-spacing: 0; }
.invitation-content { font-size: 16.5px; line-height: 1.65; }
.invitation-content > p:not(.eyebrow):not(.subtitle),
.invitation-copy,
.event-description,
.event-agenda,
.event-contact { font-size: 16.5px; line-height: 1.65; }
.recipient-presentation { margin: 18px 0 14px; padding: 12px 16px; border-left: 4px solid var(--brand-secondary); background: #fff8f1; color: var(--brand-primary); }
.recipient-presentation p { margin: 0; line-height: 1.55; }
.recipient-presentation strong { font-weight: 750; }
.event-details { gap: 28px; padding: 30px 0; margin: 34px 0; }
.event-details span { margin-bottom: 8px; color: var(--brand-muted); font-size: 14px; font-weight: 700; letter-spacing: .04em; }
.event-details strong { display: block; color: var(--brand-primary); font-size: 19px; font-weight: 750; line-height: 1.4; overflow-wrap: anywhere; }
.event-details p,
.event-details a { font-size: 15px; line-height: 1.55; }
.event-details p { margin: 7px 0 0; }
.event-details a { display: inline-block; margin-top: 8px; }
.rsvp > p { font-size: 15px; line-height: 1.6; }
.rsvp > .notice { font-size: 16px; line-height: 1.55; }
.rsvp-confirmation { margin: 0 0 12px; border-left: 4px solid var(--brand-secondary); }
.rsvp-confirmation strong { display: block; color: var(--brand-primary); font-size: 18px; font-weight: 750; line-height: 1.45; }
.rsvp-confirmation p { margin: 7px 0 0; font-size: 15px; line-height: 1.55; }
.rsvp-deadline-help { margin-top: 14px; }
.rsvp-change-title { margin: 22px 0 10px; font-size: 18px; }
.rsvp-intent-notice { margin: 14px 0; font-size: 15px; line-height: 1.55; }
.rsvp-intent-confirm { margin: 12px 0 18px; }
.rsvp-change-title + .rsvp-attending,
.rsvp-change-title + .rsvp-actions { margin-top: 0; }
.preview-recipient-options { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 12px; }
.preview-recipient-options a { display: inline-block; min-height: 40px; padding: 7px 10px; border-radius: 6px; font-size: 14px; }
.preview-recipient-options a[aria-current="page"] { background: #01273a; color: #fff; text-decoration: none; }
.calendar-section h2 { font-size: 21px; line-height: 1.35; }
.calendar-action > strong { font-size: 16px; font-weight: 700; line-height: 1.5; }
.calendar-actions { gap: 10px; }
.calendar-actions .button { min-height: 46px; }
.calendar-combined-action { border-bottom: 0; padding-top: 14px; }
.privacy { font-size: 13px; line-height: 1.55; }
footer { font-size: 13px; line-height: 1.55; }
.invitation.text-only { display: block; max-width: 760px; margin: 0 auto; }
.landing { max-width: 850px; margin: 8vh auto 5vh; text-align: center; }
.landing .eyebrow { margin-bottom: 18px; }
.landing h1 { font-size: clamp(36px, 6vw, 64px); letter-spacing: -.04em; }
.landing .anniversary { max-width: 700px; margin: 24px auto; color: var(--brand-primary); font-size: clamp(18px, 2.3vw, 24px); font-weight: 650; line-height: 1.55; }
.landing-hint { max-width: 580px; margin: 38px auto 0; color: var(--brand-muted); }
.mobile-break { display: none; }
.narrow { border-top: 4px solid var(--brand-secondary); }
footer {
  max-width: none;
  margin: 0;
  padding: 24px max(18px, calc((100vw - 1240px) / 2));
  background: var(--brand-surface);
}
@media (max-width: 900px) {
  .site-header { padding: 12px 24px; }
}
@media (max-width: 680px) {
  .site-header { padding: 12px 18px; gap: 12px; }
  .brand { gap: 10px; }
  .brand-logo { width: clamp(108px, 38vw, 158px); max-width: none; }
  .brand-product { max-width: 135px; font-size: 12px; }
  .site-header nav { width: 100%; justify-content: flex-end; }
  .landing { margin: 6vh auto 4vh; }
  .landing h1 { font-size: clamp(34px, 10vw, 48px); }
  .landing .anniversary { margin: 20px auto; }
  .landing-hint { margin-top: 30px; }
  .mobile-break { display: initial; }
  .event-details { gap: 22px; }
}
@media (max-width: 420px) {
  .event-details { grid-template-columns: minmax(0, 1fr); }
  .event-details > div { min-width: 0; }
}
.test-validation {
  margin: -8px 0 18px;
  padding: 12px 15px;
  border: 1px solid #c87979;
  border-radius: 6px;
  background: #fff2f2;
  color: #8e1d1d;
  font-weight: 650;
}
.test-validation[hidden] { display: none; }
select[aria-invalid="true"], input[aria-invalid="true"] { border-color: #b42318; }
a[data-test-invitation-preview][aria-disabled="true"] { opacity: .55; pointer-events: none; }
/* Separate participation systems in the event workspace. */
[hidden]{display:none!important}
.badge.open{background:#dfece0;color:#275534}
.badge.archived{background:#eceee9;color:#4b5750}
.event-navigation{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin:0 0 28px;padding:0 0 16px;border-bottom:1px solid var(--line)}
.event-navigation-overview{align-self:center;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;text-decoration:none;font-weight:650}
.event-navigation-section{min-width:0;flex:1 1 310px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#f8faf9}
.event-navigation-section.is-active{border-color:#bdd0c3;background:#f1f7f3}
.event-navigation-section.is-inactive{background:#f8f8f7}
.event-navigation-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.event-navigation-links{display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap}
.event-navigation-links a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.event-navigation-enable{color:#7b4614!important}
.participation-setup{display:grid;gap:18px}
.participation-mode-picker,.participation-panel{min-width:0;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff}
.participation-mode-picker h3,.participation-panel h3{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.participation-mode-picker>p{margin:0 0 14px}
.participation-mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;border:0;min-width:0}
.participation-mode-card{display:flex;align-items:flex-start;gap:10px;min-width:0;min-height:112px;margin:0;padding:14px;border:1px solid #b9c4c0;border-radius:10px;background:#fff;cursor:pointer}
.participation-mode-card.selected{border:2px solid var(--brand-primary);padding:13px;background:#f2f7f6;box-shadow:0 0 0 2px rgba(1,39,58,.08)}
.participation-mode-card>input[type=radio]{width:20px;height:20px;min-height:20px;margin:2px 0 0;accent-color:var(--brand-primary);flex:0 0 auto}
.participation-mode-copy{display:grid;gap:5px;min-width:0}
.participation-mode-copy strong{font-size:15px;line-height:1.35}
.participation-mode-copy small{font-size:13px;line-height:1.45;color:var(--muted)}
.participation-panel{background:#fbfcfb}
.participation-panel .form-grid{margin-top:12px}
.participation-panel .badge,.event-navigation .badge{white-space:normal;text-align:center}
.participation-disabled{margin:0;padding:18px 20px;background:#f7f8f7}
.participation-disabled h3{margin:0 0 8px}
.participation-disabled p{margin:0 0 14px}
@media(max-width:760px){.participation-mode-cards{grid-template-columns:1fr}.participation-mode-card{min-height:0}.event-navigation-section{flex-basis:100%}.event-navigation-overview{width:100%;justify-content:center}}

/* Event workspace navigation and participant panel. Presentation-only styles keep
   the existing links, routes, permissions and forms unchanged. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.event-page-header{align-items:flex-end;gap:28px;margin:0 0 26px;padding:20px 0 24px;border-bottom:1px solid var(--line)}
.event-page-heading{min-width:0}
.event-page-heading h1{margin:8px 0 0;overflow-wrap:anywhere}
.event-status-badge{display:inline-flex;align-items:center;min-height:30px;margin:0;padding:5px 12px;border:1px solid #b8d2c1;border-radius:999px;background:#e4f0e3;color:#275534;letter-spacing:.04em;font-size:12px}
.event-status-badge.draft{border-color:#e3c69e;background:#fff0dc;color:#663300}
.event-status-badge.closed,.event-status-badge.archived{border-color:#e4b8aa;background:#fce9e2;color:#702b14}
.event-page-action{flex:0 0 auto;min-width:230px}
.event-navigation{align-items:stretch;gap:14px;margin-bottom:32px;padding:0 0 22px;border-bottom:0}
.event-navigation-overview{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;min-width:130px;padding:12px 16px;background:#fff;border-color:#bdcbc6;transition:background .15s,border-color .15s,color .15s}
.event-navigation-overview:hover{background:#edf5f3;border-color:#7fa398;color:var(--brand-primary)}
.event-navigation-section{flex:1 1 360px;padding:18px 18px 16px;border-color:#d1ded9;border-radius:14px;background:#fbfcfb;box-shadow:0 3px 12px rgba(1,39,58,.045)}
.event-navigation-section.is-active{border-color:#afcbbd;background:#f3f8f5}
.event-navigation-section.is-inactive{background:#fafafa;box-shadow:none}
.event-navigation-heading{gap:10px;margin-bottom:10px}
.event-navigation-heading strong{font-size:16px;line-height:1.35;color:var(--brand-primary)}
.event-navigation-links{gap:8px}
.event-navigation-links a{min-height:42px;padding:9px 12px;border:1px solid transparent;border-radius:8px;color:var(--brand-primary);line-height:1.35;transition:background .15s,border-color .15s,color .15s}
.event-navigation-links a:hover{background:#fff;border-color:#b9d0c8;color:#034966}
.event-navigation-links a:focus-visible,.event-navigation-overview:focus-visible{border-color:var(--brand-primary)}
.event-navigation-enable{border-color:#e3c69e!important;background:#fff8ed;color:#7b4614!important}
.event-navigation-enable:hover{background:#fff1dc!important;border-color:#c78d4e!important}
.participants-intro{margin:0 0 22px;padding:24px 26px;border-color:#cddbd6;background:#fff;box-shadow:0 4px 16px rgba(1,39,58,.045)}
.participants-intro .eyebrow{margin-bottom:8px}
.participants-intro h2{margin:0 0 8px;color:var(--brand-primary)}
.participants-intro p:last-child{max-width:760px;margin:0}
.participants-intro + .filters{margin-top:0}
.guest-primary-actions{margin:0 0 18px;align-items:stretch}
.guest-primary-actions .button{min-height:44px}
.guest-add-panel{margin:0 0 20px}
.guest-add-panel>summary{font-weight:700;font-size:17px}
.guest-list-card{overflow:visible}
.guest-table{min-width:760px}
.guest-table td,.guest-table th{vertical-align:top}
.guest-table td:first-child{min-width:190px}
.guest-table td:first-child>strong{display:block;overflow-wrap:anywhere}
.test-badge{display:inline-flex;margin:6px 0 0;padding:4px 8px;border:1px solid #e2a34b;border-radius:999px;background:#fff0d9;color:#7b4614;font-size:11px;font-weight:800;letter-spacing:.05em}
.guest-row-test{background:#fffaf2}
.guest-row-details{margin-top:8px;font-size:13px}
.guest-row-details>summary{color:var(--brand-primary);cursor:pointer}
.guest-row-details dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:3px 10px;margin:8px 0 0;color:#53615d}
.guest-row-details dt{font-weight:700}.guest-row-details dd{margin:0;overflow-wrap:anywhere}
.guest-actions-menu{position:relative;min-width:124px}
.guest-actions-menu>summary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid #b7c8c9;border-radius:8px;background:#fff;color:var(--brand-primary);font-weight:700;cursor:pointer;list-style:none;white-space:nowrap}
.guest-actions-menu>summary::-webkit-details-marker{display:none}
.guest-actions-menu[open]>summary,.guest-actions-menu>summary:hover{background:#edf5f3;border-color:#7fa398}
.guest-actions-list{display:grid;gap:3px;position:absolute;z-index:5;right:0;top:calc(100% + 5px);width:min(270px,calc(100vw - 32px));padding:8px;border:1px solid #cbd8d4;border-radius:10px;background:#fff;box-shadow:0 10px 26px rgba(1,39,58,.16)}
.guest-actions-list>a,.guest-actions-list>form>button,.guest-actions-list>details>summary{display:block;width:100%;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:var(--brand-primary);text-align:left;text-decoration:none;cursor:pointer;font:inherit}
.guest-actions-list>a:hover,.guest-actions-list>form>button:hover,.guest-actions-list>details>summary:hover{background:#edf5f3}
.guest-actions-list>details>form{padding:10px;border-top:1px solid var(--line)}
.guest-actions-list label{font-size:13px}.guest-actions-list input,.guest-actions-list select{min-height:38px}
.guest-actions-list .text-button{font-size:14px;text-decoration:none}
.guest-empty-state{padding:26px 8px;text-align:center}.guest-empty-state h3{margin:0 0 8px}.guest-empty-state .actions{justify-content:center}
.test-guest-form-card,.test-guest-success,.guest-edit-card{max-width:820px}
.test-scenario{margin:20px 0;padding:16px;border:1px solid #d7c49f;border-radius:10px;background:#fffaf2}
.test-scenario legend{padding:0 6px;color:#7b4614;font-weight:750}
.test-guest-success{border-color:#b8d2c1;background:#f6fbf7}
.import-summary{font-size:16px}.import-error{color:#8a2e22;font-weight:650}.import-ok{color:#275534}
@media(max-width:900px){.guest-table{min-width:700px}.guest-table td:first-child{min-width:160px}}
@media(max-width:680px){
  .guest-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .guest-primary-actions .button{width:100%}
  .table-wrap{overflow:visible;padding:16px}
  .table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}
  .guest-table{min-width:0}
  .table-wrap thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .table-wrap tr{padding:12px 0;border-bottom:1px solid var(--line)}
  .table-wrap tr:last-child{border-bottom:0}
  .table-wrap td{display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);gap:8px;padding:6px 0;border:0;overflow-wrap:anywhere}
  .table-wrap td::before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:650;line-height:1.4}
  .table-wrap td small{max-width:none}
  .guest-table td:first-child{min-width:0}
  .guest-actions-menu{justify-self:start}
  .guest-actions-list{position:static;width:100%;margin-top:5px;box-shadow:none}
  .guest-row-details{grid-column:1/-1}
}
@media(max-width:760px){
  .event-page-header{align-items:stretch;gap:18px;padding:14px 0 20px}
  .event-page-action{width:100%;min-width:0}
  .event-navigation{gap:10px;padding-bottom:18px}
  .event-navigation-section{flex-basis:100%;padding:16px}
  .event-navigation-overview{width:100%;min-width:0;align-self:auto}
  .participants-intro{padding:20px}
}
@media(max-width:420px){
  .event-page-heading h1{font-size:clamp(28px,9vw,36px)}
  .event-navigation-links a{flex:1 1 100%;justify-content:flex-start}
  .event-navigation-heading{align-items:flex-start;flex-direction:column}
  .event-navigation-heading .badge{white-space:normal}
  .participants-intro{padding:18px}
  .guest-primary-actions{grid-template-columns:minmax(0,1fr)}
  .guest-table-wrap{padding:12px}
  .guest-table td{grid-template-columns:minmax(80px,36%) minmax(0,1fr);gap:6px}
}

/* Friendly public-registration form builder for event administrators. */
.registration-builder,.registration-builder *{min-width:0}
.registration-builder-top{align-items:flex-end}
.registration-builder-top-actions,.registration-builder-action-buttons,.registration-card-actions,.registration-reorder-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.registration-builder-top-actions .button,.registration-builder-top-actions button{margin:0}
.registration-save-top,.registration-save-bottom{background:#064a45;border-color:#064a45}
.registration-builder-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;align-items:center}
.registration-builder-actions h3,.registration-builder-section h3{margin:0 0 4px}
.registration-builder-actions p,.registration-builder-section-heading p{margin:0}
.registration-builder-action-buttons{justify-content:flex-end}
.registration-add-panel{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px}
.registration-add-panel>summary{font-size:17px;padding:8px 0}
.registration-add-panel>p{margin:4px 0 14px}
.registration-add-panel>label{max-width:520px}
.registration-add-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.registration-add-choice{display:flex;justify-content:flex-start;gap:10px;min-height:54px;background:#fff;color:var(--brand-primary);border-color:#b7c8c9;text-align:left}
.registration-add-choice:hover{background:#edf5f3;color:#01273a}
.registration-add-choice span:first-child{font-size:21px;line-height:1}
.registration-builder-section{margin:24px 0 30px;padding:18px;border:1px solid #d4dfdc;border-radius:14px;background:#f8faf9}
.registration-builder-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.registration-builder-section-heading .eyebrow{margin-bottom:3px}
.registration-field-list{display:grid;gap:12px}
.registration-field-card{min-width:0;background:#fff;border:1px solid #cbd7d4;border-radius:11px;padding:12px 14px;box-shadow:0 2px 8px rgba(1,39,58,.035)}
.registration-field-card.is-inactive{background:#f6f6f5;border-style:dashed}
.registration-field-card.is-dragging{opacity:.55}
.registration-field-card-top{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:8px}
.registration-drag-handle{width:36px;min-width:36px;min-height:42px;padding:4px;border-color:transparent;background:transparent;color:#52645f;font-size:23px;cursor:grab;touch-action:none}
.registration-drag-handle:active{cursor:grabbing}
.registration-field-details{min-width:0}
.registration-field-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:2px 0}
.registration-field-summary-copy{display:grid;gap:3px;min-width:0}
.registration-field-summary-copy>strong{font-size:17px;line-height:1.35;overflow-wrap:anywhere}
.registration-field-meta{display:flex;align-items:center;gap:5px 12px;flex-wrap:wrap;color:#52615d;font-size:13px;font-weight:550}
.registration-field-meta span+span:before{content:"·";margin-right:8px;color:#76827e}
.registration-edit-label{flex:0 0 auto;color:#064a45;text-decoration:underline;text-underline-offset:3px;font-weight:650}
.registration-card-actions{justify-content:flex-end;margin:7px 0 0 44px}
.registration-card-actions button{min-height:40px;padding:8px 13px;font-size:14px}
.registration-deactivate{background:#fff;color:#8a2e22;border-color:#b88179}
.registration-deactivate:hover{background:#fff0ed;color:#742419}
.registration-history-note{margin:8px 0 0 44px;color:#65451c;font-size:13px;overflow-wrap:anywhere}
.registration-field-editor{padding:18px 2px 4px}
.registration-editor-section{padding:16px 0;border-top:1px solid #e1e7e5}
.registration-editor-section h4{margin:0 0 10px;font-size:16px}
.registration-editor-section>p{margin:0 0 10px}
.registration-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.registration-editor-grid label,.registration-condition-row label{min-width:0}
.registration-editor-wide{grid-column:1/-1}
.registration-field-toggles{display:flex;gap:12px 24px;flex-wrap:wrap;margin:6px 0 0}
.registration-toggle{display:flex;align-items:flex-start;gap:10px;min-height:44px;margin:0;padding:9px 11px;border:1px solid #d2ddda;border-radius:8px;background:#f8faf9;font-size:15px;line-height:1.4;cursor:pointer}
.registration-toggle input{width:20px;min-height:20px;margin:1px 0 0;flex:0 0 auto;accent-color:#064a45}
.registration-options-editor{display:grid;gap:8px;margin:12px 0}
.registration-option-row{display:grid;grid-template-columns:34px minmax(0,1fr) 42px 42px auto;align-items:center;gap:7px}
.registration-option-row input{margin:0}
.registration-option-row button{min-height:42px;padding:5px 9px}
.registration-option-number{font-size:14px;color:#52615d;font-weight:650}
.registration-remove-option{background:#fff;color:#8a2e22;border-color:#b88179}
.registration-remove-option:hover{background:#fff0ed;color:#742419}
.registration-add-option{min-height:42px;margin:4px 0 12px}
.registration-options-fallback{font-size:13px;color:#536770}
.registration-options-fallback textarea{min-height:70px}
.registration-condition-toggle{margin:4px 0 14px}
.registration-condition-editor{padding:15px;border:1px solid #d7e1de;border-radius:9px;background:#f7faf9}
.registration-condition-editor>p:first-child{margin:0 0 12px;font-weight:600}
.registration-condition-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
.registration-condition-preview{margin:4px 0 0!important;padding:10px 12px;border-left:3px solid #16806f;background:#fff;color:#284942;font-size:14px;overflow-wrap:anywhere}
.registration-reorder-section>p{margin-bottom:10px}
.registration-reorder-buttons button{min-height:42px;padding:8px 12px}
.registration-reorder-buttons button:disabled{opacity:.55}
.registration-advanced{padding:10px 12px;background:#f4f6f5;border:1px solid #dce3e1;border-radius:8px}
.registration-advanced>summary{min-height:40px}
.registration-advanced label{max-width:500px}
.registration-advanced input[readonly]{background:#f1f2f1;color:#596460;font-family:ui-monospace,Consolas,monospace}
.registration-builder-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:12px 0 20px}
.registration-builder-bottom p{margin:0}
.registration-builder-copy-note{font-size:13px}
@media(max-width:760px){
  .registration-builder-top-actions{width:100%}
  .registration-builder-top-actions>*{flex:1 1 190px}
  .registration-builder-actions{grid-template-columns:minmax(0,1fr)}
  .registration-builder-action-buttons{justify-content:flex-start}
  .registration-builder-action-buttons button{flex:1 1 170px}
  .registration-editor-grid,.registration-condition-row{grid-template-columns:minmax(0,1fr)}
  .registration-editor-wide{grid-column:auto}
  .registration-builder-section{padding:12px}
}
@media(max-width:390px){
  .registration-field-card{padding:10px}
  .registration-field-card-top{grid-template-columns:30px minmax(0,1fr);gap:5px}
  .registration-drag-handle{width:30px;min-width:30px}
  .registration-field-details>summary{align-items:flex-start;flex-wrap:wrap}
  .registration-edit-label{font-size:13px}
  .registration-card-actions,.registration-history-note{margin-left:35px}
  .registration-option-row{grid-template-columns:26px minmax(0,1fr) 38px 38px;gap:5px}
  .registration-remove-option{grid-column:2/-1;justify-self:start}
  .registration-option-row button{min-height:40px;padding:4px 8px}
  .registration-builder-top-actions>*{flex-basis:100%}
}


/* ==========================================================================
   Premium application UX — Events workspace v1
   Scoped so Email Marketing keeps its dedicated builder/dashboard styling.
   ========================================================================== */
:root{
  --ui-bg:#f4f7f8;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f8fafb;
  --ui-line:#dbe4e7;
  --ui-line-strong:#c8d5da;
  --ui-text:#1d3039;
  --ui-muted:#667982;
  --ui-shadow:0 10px 34px rgba(1,39,58,.07);
  --ui-shadow-hover:0 16px 42px rgba(1,39,58,.11);
  --ui-radius:18px;
  --ui-radius-sm:11px;
}
body.is-admin{background:var(--ui-bg);color:var(--ui-text)}
body.is-admin .site-header{position:sticky;top:0;z-index:40;max-width:none;margin:0;padding:0;border:0;background:rgba(1,39,58,.98);box-shadow:0 1px 0 rgba(255,255,255,.08),0 8px 24px rgba(1,39,58,.12);backdrop-filter:blur(12px)}
.site-header-inner{width:100%;max-width:1360px;margin:0 auto;padding:10px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
body.is-admin .brand-logo{width:164px;max-width:none;padding:4px 6px}
body.is-admin .brand-product{max-width:230px;font-size:13px;color:#e9f0f3}
.app-switcher{display:flex;align-items:center;gap:7px!important;padding:4px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.06)}
.app-switcher>a,.app-switcher .text-button{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:0;border-radius:8px;color:#eaf0f2!important;text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap}
.app-switcher>a:hover,.app-switcher .text-button:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
.app-switcher>a.active{background:#fff;color:var(--brand-primary)!important;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.app-switcher form{margin:0}
.admin-container{max-width:1360px;padding:34px 32px 80px}
body.is-events-admin .card{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:0 4px 18px rgba(1,39,58,.045)}
body.is-events-admin h1{color:var(--brand-primary);font-weight:720;letter-spacing:-.035em}
body.is-events-admin h2{color:var(--brand-primary);font-weight:700;letter-spacing:-.018em}
body.is-events-admin .lead{color:var(--ui-muted);font-size:17px;line-height:1.65}
body.is-events-admin .muted{color:var(--ui-muted)}
body.is-events-admin .eyebrow{color:#87501e;font-size:11px;font-weight:800;letter-spacing:.14em}
body.is-events-admin button,body.is-events-admin .button{min-height:44px;border-radius:10px;padding:10px 17px;box-shadow:0 3px 10px rgba(1,39,58,.08);font-weight:700}
body.is-events-admin .button.secondary,body.is-events-admin button.secondary{box-shadow:none;background:#fff;border-color:#b8cbd2}
body.is-events-admin .button.secondary:hover,body.is-events-admin button.secondary:hover{background:#f2f7f8;border-color:#8eacb7}
body.is-events-admin .tertiary{background:transparent!important;border-color:transparent!important;color:var(--brand-primary)!important;box-shadow:none!important}
body.is-events-admin .tertiary:hover{background:#edf3f5!important;border-color:#d8e3e7!important}
body.is-events-admin input,body.is-events-admin select,body.is-events-admin textarea{min-height:48px;border:1px solid #9fb1b8;border-radius:10px;background:#fff;padding:11px 13px;box-shadow:0 1px 2px rgba(1,39,58,.025);transition:border-color .15s,box-shadow .15s,background .15s}
body.is-events-admin input:focus,body.is-events-admin select:focus,body.is-events-admin textarea:focus{border-color:#376e81;box-shadow:0 0 0 3px rgba(1,39,58,.09)}
body.is-events-admin label{color:#334850;font-weight:650}
body.is-events-admin label small,body.is-events-admin .rich-field-label+small{color:var(--ui-muted)}
body.is-events-admin .notice{border:1px solid #e5c28d;border-left:4px solid var(--brand-secondary);border-radius:12px;background:#fff9ef;color:#4b331c}
body.is-events-admin .flash-notice{margin:0 0 24px;box-shadow:0 5px 18px rgba(1,39,58,.06)}

/* Dashboard */
.events-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 24px;padding:34px 36px;border-radius:24px;background:linear-gradient(135deg,#01273a 0%,#06455d 100%);box-shadow:0 18px 48px rgba(1,39,58,.18);color:#fff}
.events-hero:after{content:"";position:absolute;right:-80px;top:-130px;width:300px;height:300px;border:1px solid rgba(253,126,20,.42);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018);pointer-events:none}
.events-hero-copy,.events-hero-actions{position:relative;z-index:1}
.events-hero .eyebrow{color:#ffc28d!important;margin-bottom:8px}
.events-hero h1{margin:0 0 8px;color:#fff!important;font-size:clamp(34px,4vw,50px)}
.events-hero .lead{max-width:760px;margin:0;color:#dbe8ed!important}
.events-hero .button{background:#fd7e14;border-color:#fd7e14;color:#111;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.events-filterbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(190px,240px) auto;align-items:end;gap:14px;margin:0 0 18px;padding:17px 18px;box-shadow:none!important}
.events-filterbar label{margin:0}
.events-filterbar .filter-actions{display:flex;align-items:center;gap:8px}
.events-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 2px 15px;color:var(--ui-muted)}
.events-list-heading>div{display:flex;align-items:baseline;gap:7px}
.events-list-heading strong{color:var(--brand-primary);font-size:24px}
.empty-state{text-align:center;padding:54px 30px!important}
.empty-state-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:18px;background:#edf4f5;color:var(--brand-primary);font-size:32px;font-weight:300}
.empty-state h2{margin-bottom:8px}.empty-state p{max-width:520px;margin:0 auto 22px;color:var(--ui-muted)}
.premium-event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.premium-event-card{display:flex;flex-direction:column;min-height:100%;margin:0;padding:0!important;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
.premium-event-card:hover{transform:translateY(-2px);border-color:#c5d5da;box-shadow:var(--ui-shadow-hover)}
.event-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 22px 0}
.event-card-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.badge.subtle{border:1px solid #dde6e9;background:#f8fafb;color:#62757d}
.event-card-top time{color:var(--ui-muted);font-size:13px;font-weight:650;white-space:nowrap}
.event-card-main{padding:12px 22px 17px}
.event-card-main h2{margin:0 0 8px;font-size:25px;line-height:1.3}
.event-card-main h2 a{color:var(--brand-primary);text-decoration:none}
.event-card-main h2 a:hover{text-decoration:underline;text-decoration-color:#fd7e14;text-decoration-thickness:2px}
.event-card-meta{display:flex;gap:6px 14px;flex-wrap:wrap;margin:0;color:var(--ui-muted);font-size:14px}
.event-card-meta span+span:before{content:"·";margin-right:14px;color:#a5b1b5}
.event-card-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #edf1f2;border-bottom:1px solid #edf1f2;background:#fbfcfd}
.event-card-kpis>a,.event-card-kpis>div{min-width:0;padding:14px 12px;color:inherit;text-decoration:none}
.event-card-kpis>a:hover{background:#f1f6f7}
.event-card-kpis span{display:block;min-height:34px;color:var(--ui-muted);font-size:11px;line-height:1.35}
.event-card-kpis strong{display:block;margin-top:3px;color:var(--brand-primary);font-size:23px;font-weight:720}
.event-card-insights{display:flex;flex-wrap:wrap;gap:7px;padding:14px 22px 7px}
.event-card-insights>a,.event-card-insights>span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #e1e8ea;border-radius:999px;background:#fff;color:#536970;text-decoration:none;font-size:11px}
.event-card-insights>a:hover{border-color:#b8ccd3;background:#f6f9fa}
.event-card-insights strong{color:var(--brand-primary)}
.event-card-deadline{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding:10px 22px 15px;color:var(--ui-muted);font-size:12px}
.event-card-deadline strong{color:var(--brand-primary)}
.event-card-public-state{margin:0 22px 14px;padding:17px;border:1px solid #dce7e9;border-radius:13px;background:#f8fbfb}
.event-card-public-state>span{display:block;color:var(--ui-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.event-card-public-state>strong{display:block;margin:2px 0;color:var(--brand-primary);font-size:20px}
.event-card-public-state p{margin:5px 0 0;color:var(--ui-muted);font-size:13px}
.event-card-footer{margin-top:auto;padding:0 22px 20px}
.event-card-link{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 0;border-top:1px solid #edf1f2;color:var(--brand-primary);font-weight:750;text-decoration:none}
.event-card-link span{font-size:20px;transition:transform .15s}.event-card-link:hover span{transform:translateX(3px)}
.premium-pagination{justify-content:center;gap:14px;margin-top:28px}.premium-pagination span{color:var(--ui-muted);font-size:13px}

/* Event workspace */
.premium-event-header{align-items:center;margin-bottom:18px;padding:25px 28px!important;border:1px solid var(--ui-line)!important;border-radius:20px;background:#fff;box-shadow:var(--ui-shadow)}
.event-heading-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.event-heading-meta{margin:9px 0 0;color:var(--ui-muted);font-size:14px}
.event-page-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.event-page-action{min-width:0!important}
.event-workspace-nav{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:11px!important;margin:0 0 26px!important;padding:0!important;border:0!important}
.event-workspace-nav .event-navigation-overview,.event-workspace-nav .event-navigation-section{min-width:0!important;margin:0;padding:15px 16px!important;border:1px solid var(--ui-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 3px 14px rgba(1,39,58,.04)!important}
.event-workspace-nav .event-navigation-overview{display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center!important;color:var(--brand-primary);font-weight:750}
.event-workspace-nav .event-navigation-overview small{margin-top:3px;color:var(--ui-muted);font-size:11px;font-weight:500}
.event-workspace-nav .event-navigation-overview.active{border-color:var(--brand-primary)!important;background:var(--brand-primary)!important;color:#fff}
.event-workspace-nav .event-navigation-overview.active small{color:#cfe0e6}
.event-workspace-nav .event-navigation-section.is-inactive{border-style:dashed!important;background:#fafbfb!important;box-shadow:none!important}
.event-workspace-nav .event-navigation-heading{align-items:flex-start;margin-bottom:10px}
.event-workspace-nav .event-navigation-heading>div{display:grid;gap:2px}
.nav-kicker{color:#8b642f;font-size:9px;font-weight:850;letter-spacing:.12em}
.event-workspace-nav .event-navigation-heading strong{font-size:15px}
.event-workspace-nav .event-navigation-links{gap:6px!important}
.event-workspace-nav .event-navigation-links a{min-height:34px!important;padding:7px 9px!important;border:1px solid transparent!important;border-radius:8px!important;font-size:12px!important}
.event-workspace-nav .event-navigation-links a.active{border-color:var(--brand-primary)!important;background:var(--brand-primary)!important;color:#fff!important}
.event-workspace-nav .status-dot{display:inline-flex;align-items:center;flex:0 0 auto;padding:4px 8px;border:1px solid #d7e2e5;border-radius:999px;background:#f6f9fa;color:#63777f;font-size:10px;font-weight:750}
.event-workspace-nav .status-dot.ok{border-color:#bfd8cd;background:#edf7f2;color:#28624f}
.event-workspace-nav .status-dot.off{border-color:#dfe4e5;background:#f6f7f7;color:#748187}
.overview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 12px}
.overview-kpi{position:relative;min-width:0;padding:20px 21px;border:1px solid var(--ui-line);border-radius:17px;background:#fff;box-shadow:0 4px 18px rgba(1,39,58,.045);color:inherit;text-decoration:none;overflow:hidden}
a.overview-kpi{transition:transform .15s,border-color .15s,box-shadow .15s}
a.overview-kpi:hover{transform:translateY(-2px);border-color:#bdcfd5;box-shadow:var(--ui-shadow)}
.overview-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#b6c8ce}
.overview-kpi.positive:before{background:#2c8b73}.overview-kpi.accent:before{background:var(--brand-secondary)}
.overview-kpi span{display:block;color:var(--ui-muted);font-size:12px;font-weight:650}
.overview-kpi strong{display:block;margin:4px 0 2px;color:var(--brand-primary);font-size:34px;line-height:1.15}
.overview-kpi small{display:block;color:#7d8c91;font-size:11px;line-height:1.45}
.overview-insights{display:flex;align-items:stretch;gap:7px;flex-wrap:wrap;margin:0 0 24px;padding:9px;border:1px solid var(--ui-line);border-radius:14px;background:#fff}
.overview-insights>a,.overview-insights>span{display:flex;align-items:center;gap:8px;min-height:37px;padding:7px 11px;border-radius:9px;color:var(--ui-muted);text-decoration:none;font-size:12px}
.overview-insights>a:hover{background:#f2f6f7}.overview-insights strong{color:var(--brand-primary);font-size:14px}
.workspace-card{padding:25px!important}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}
.section-heading h2{margin:0 0 5px}.section-heading p{margin:0;color:var(--ui-muted)}
.section-heading>a:not(.button){padding-top:4px;font-size:13px;font-weight:700;text-decoration:none}
.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}
.workspace-grid .workspace-card{margin:0}
.next-action-card{background:linear-gradient(145deg,#fff 0%,#fbfdfd 100%)!important}
.status-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:end}
.status-form label{margin:0}.status-form .check{grid-column:1/-1}.status-form button{align-self:end}
.compact-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--ui-line);border-radius:13px;overflow:hidden;background:var(--ui-line)}
.compact-kpis>div{padding:16px;background:#fbfcfd}
.compact-kpis span{display:block;color:var(--ui-muted);font-size:11px}.compact-kpis strong{display:block;margin-top:3px;color:var(--brand-primary);font-size:25px}
.secondary-actions-card{padding:0!important;overflow:hidden}
.secondary-actions-card>summary{padding:18px 22px;font-weight:750;color:var(--brand-primary);list-style:none}
.secondary-actions-card>summary::-webkit-details-marker{display:none}
.secondary-actions-card>summary:after{content:"+";float:right;font-size:21px;font-weight:400}.secondary-actions-card[open]>summary:after{content:"–"}
.secondary-actions-card[open]>summary{border-bottom:1px solid var(--ui-line)}
.secondary-actions-content{padding:22px}.secondary-actions-content h2{margin-top:0}

/* Setup wizard */
.setup-steps{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;margin:0 0 18px!important;padding:8px!important;border:1px solid var(--ui-line);border-radius:15px;background:#fff;box-shadow:0 3px 14px rgba(1,39,58,.035);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
.setup-steps li{flex:0 0 auto;scroll-snap-align:start;padding:0!important;border-radius:9px!important;background:transparent!important;color:var(--ui-muted)!important}
.setup-steps li a,.setup-steps li:not(:has(a)){display:block;min-height:38px;padding:9px 12px;color:inherit;text-decoration:none;font-size:12px;font-weight:650;white-space:nowrap}
.setup-steps li:hover{background:#f0f5f6!important}
.setup-steps li.current{background:var(--brand-primary)!important;color:#fff!important;box-shadow:0 4px 12px rgba(1,39,58,.15)}
.event-setup-card{max-width:1060px;margin-left:auto;margin-right:auto;padding:30px!important}
.setup-section-heading{margin:-3px 0 24px;padding-bottom:18px;border-bottom:1px solid #edf1f2}
.setup-section-heading .eyebrow{margin-bottom:5px}.setup-section-heading h2{margin:0;font-size:28px}

/* Tables, filters and operational screens */
body.is-events-admin .table-wrap{border:1px solid var(--ui-line);border-radius:15px;background:#fff;box-shadow:0 3px 14px rgba(1,39,58,.035)}
body.is-events-admin .table-wrap table{margin:0}
body.is-events-admin .table-wrap th{padding:12px 14px;background:#f5f8f9;color:#61747c;font-size:11px;font-weight:750;letter-spacing:.035em}
body.is-events-admin .table-wrap td{padding:14px;border-color:#edf1f2}
body.is-events-admin .table-wrap tbody tr{transition:background .12s}
body.is-events-admin .table-wrap tbody tr:hover{background:#fbfdfd}
body.is-events-admin .filters{padding:16px 18px;border:1px solid var(--ui-line);border-radius:15px;background:#fff;box-shadow:none}
body.is-events-admin details.card>summary{color:var(--brand-primary)}
body.is-events-admin .checkin-stats{gap:12px}
body.is-events-admin .stat{border-radius:16px!important}
body.is-events-admin .checkin-scanner{border-top:3px solid var(--brand-secondary)}
body.is-events-admin .guest-add-panel>summary,body.is-events-admin .registration-add-panel>summary{color:var(--brand-primary)}

/* Public invitation / registration */
body.is-public{background:#f4f7f8;color:var(--ui-text)}
body.is-public .site-header{max-width:none;margin:0;padding:12px max(18px,calc((100vw - 1180px)/2));border:0;background:var(--brand-primary)}
body.is-public .site-header-inner{max-width:1180px;padding:0}
body.is-public .container{max-width:1180px;padding-top:34px}
body.is-public .invitation{padding:32px;border:1px solid var(--ui-line);border-radius:24px;background:#fff;box-shadow:0 16px 46px rgba(1,39,58,.09)}
body.is-public .invitation.text-only{max-width:840px}
body.is-public .invitation-content{padding:8px 0}
body.is-public .invitation h1{margin-top:0;color:var(--brand-primary);font-size:clamp(32px,4.5vw,48px);font-weight:720;letter-spacing:-.035em}
body.is-public .recipient-presentation{margin:20px 0;padding:13px 16px;border-left:3px solid var(--brand-secondary);border-radius:0 10px 10px 0;background:#fff8f1}
body.is-public .event-details{padding:20px 22px;margin:30px 0;border:1px solid #e2eaed;border-radius:16px;background:#f8fafb}
body.is-public .rsvp{margin-top:26px;padding:24px;border:1px solid #dce6e9;border-radius:18px;background:#fbfdfd}
body.is-public .rsvp h2{margin-top:0;color:var(--brand-primary)}
body.is-public .calendar-section,body.is-public .event-contact,body.is-public .event-agenda{margin-top:24px;padding-top:24px}
body.is-public .public-registration{max-width:860px;margin:0 auto;padding:34px 36px;border:1px solid var(--ui-line);border-radius:24px;background:#fff;box-shadow:0 16px 46px rgba(1,39,58,.09)}
body.is-public .public-registration>h1{margin-top:3px;color:var(--brand-primary);font-size:clamp(30px,4.3vw,44px)}
body.is-public .registration-form fieldset{margin:22px 0;padding:22px;border:1px solid #dfe8ea;border-radius:16px;background:#fafcfc}
body.is-public .registration-form legend{padding:0 7px;color:var(--brand-primary);font-size:17px}
body.is-public .registration-form input,body.is-public .registration-form textarea,body.is-public .registration-form select{min-height:49px;border:1px solid #9fb1b8;border-radius:10px;padding:11px 13px;background:#fff}
body.is-public .registration-form button{min-height:50px;border-radius:11px;padding:12px 22px;font-weight:750}
body.is-public .notice{border-radius:13px}
body.is-public footer{background:#edf2f3}

/* Responsive premium shell */
@media(max-width:980px){
  .premium-event-grid{grid-template-columns:1fr}
  .overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace-grid{grid-template-columns:1fr}
  .events-filterbar{grid-template-columns:minmax(0,1fr) minmax(170px,220px)}
  .events-filterbar .filter-actions{grid-column:1/-1}
}
@media(max-width:760px){
  .site-header-inner{padding:9px 18px;align-items:flex-start;flex-wrap:wrap}
  body.is-admin .brand-logo{width:138px}
  body.is-admin .brand-product{max-width:150px;font-size:11px}
  .app-switcher{width:100%;overflow-x:auto;justify-content:flex-start}
  .app-switcher>a,.app-switcher .text-button{min-height:36px;padding:7px 10px}
  .admin-container{padding:22px 16px 60px}
  .events-hero{align-items:flex-start;flex-direction:column;padding:26px 23px;border-radius:19px}
  .events-hero-actions,.events-hero .button{width:100%}
  .events-filterbar{grid-template-columns:1fr}
  .events-filterbar .filter-actions{grid-column:auto}
  .premium-event-header{align-items:flex-start!important;padding:21px!important}
  .event-page-actions{width:100%;justify-content:flex-start}.event-page-actions .button{flex:1 1 210px}
  .event-workspace-nav{grid-template-columns:1fr 1fr!important}
  .overview-kpis{grid-template-columns:1fr 1fr}
  .overview-kpi{padding:17px}.overview-kpi strong{font-size:29px}
  .event-card-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .event-card-kpis>a,.event-card-kpis>div{padding:12px 16px}
  .event-setup-card{padding:21px!important}
  .status-form{grid-template-columns:1fr}
  .status-form .check{grid-column:auto}
  body.is-public .container{padding:22px 14px 50px}
  body.is-public .invitation,body.is-public .public-registration{padding:22px 19px;border-radius:18px}
  body.is-public .rsvp{padding:19px}
}
@media(max-width:520px){
  .event-workspace-nav{grid-template-columns:1fr!important}
  .overview-kpis{grid-template-columns:1fr 1fr}
  .overview-kpi small{display:none}
  .event-card-top{align-items:flex-start;flex-direction:column}
  .event-card-top time{order:-1}
  .event-card-deadline{flex-direction:column;gap:2px}
  .compact-kpis{grid-template-columns:1fr}
  .events-hero h1{font-size:36px}
}


/* ==========================================================================
   Premium UX polish v2 — consistency, density and interaction refinement
   ========================================================================== */
:root{
  --ui-shadow-soft:0 2px 8px rgba(1,39,58,.045);
  --ui-shadow-card:0 8px 26px rgba(1,39,58,.065);
  --ui-focus-ring:0 0 0 4px rgba(253,126,20,.16);
}
body.is-admin{
  background:
    radial-gradient(circle at 92% 3%,rgba(1,39,58,.045),transparent 25rem),
    linear-gradient(180deg,#f5f8f9 0%,#f3f6f7 100%);
}
body.is-admin .site-header{isolation:isolate}
body.is-admin .brand{transition:opacity .15s ease}
body.is-admin .brand:hover{opacity:.94}
body.is-admin .admin-container>h1:first-child,
body.is-admin .admin-container>.page-top:first-child{margin-top:2px}
body.is-events-admin .card{box-shadow:var(--ui-shadow-soft)}
body.is-events-admin .workspace-card,
body.is-events-admin .participants-intro,
body.is-events-admin .guest-list-card,
body.is-events-admin .registration-builder-section{box-shadow:var(--ui-shadow-card)}
body.is-events-admin button,
body.is-events-admin .button{
  transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease;
}
body.is-events-admin button:not(:disabled):active,
body.is-events-admin .button:active{transform:translateY(1px);box-shadow:none}
body.is-events-admin button:not(.secondary):not(.tertiary):hover,
body.is-events-admin .button:not(.secondary):not(.tertiary):hover{box-shadow:0 7px 18px rgba(253,126,20,.18)}
body.is-events-admin input:hover,
body.is-events-admin select:hover,
body.is-events-admin textarea:hover{border-color:#7e99a3}
body.is-events-admin input:focus-visible,
body.is-events-admin select:focus-visible,
body.is-events-admin textarea:focus-visible{outline:0;box-shadow:var(--ui-focus-ring);border-color:#9a571d}
body.is-events-admin input[type=checkbox],
body.is-events-admin input[type=radio]{accent-color:var(--brand-primary)}
body.is-events-admin fieldset:not(.slot-options):not(.slot-admin):not(.registration-builder-section){
  border-color:#dce5e8;border-radius:14px;
}
body.is-events-admin details.card>summary{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
body.is-events-admin details.card>summary::marker{color:var(--brand-secondary)}
body.is-events-admin .page-top:not(.event-page-header){
  margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #dfe7ea;
}
body.is-events-admin .page-top:not(.event-page-header) h1{margin-bottom:5px}
body.is-events-admin .page-top:not(.event-page-header) p{max-width:760px}

/* Workspace navigation reads like one cohesive product, not separate utility cards. */
.event-workspace-nav{gap:12px}
.event-workspace-nav .event-navigation-section,
.event-workspace-nav .event-navigation-overview{
  box-shadow:0 3px 12px rgba(1,39,58,.035);
}
.event-workspace-nav .event-navigation-section:hover,
.event-workspace-nav .event-navigation-overview:hover{box-shadow:0 7px 20px rgba(1,39,58,.075)}
.event-workspace-nav .event-navigation-section:has(.event-navigation-links .active){
  border-color:#84a9b5;background:#f2f7f8;box-shadow:inset 0 3px 0 var(--brand-secondary),0 7px 20px rgba(1,39,58,.07);
}
.event-navigation-links a.active{
  background:#fff;border-color:#adc4cb;color:#01273a;box-shadow:0 2px 7px rgba(1,39,58,.055);
}
.nav-kicker{color:#7b5a3a;font-size:9px;font-weight:850;letter-spacing:.13em}

/* Dashboard and overview refinement. */
.events-hero{border:1px solid rgba(255,255,255,.08)}
.events-hero .button:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(0,0,0,.19)}
.premium-event-card{box-shadow:var(--ui-shadow-card)!important}
.premium-event-card .event-card-link{display:flex;align-items:center;justify-content:space-between;gap:12px}
.event-card-kpis strong,.overview-kpi strong,.compact-kpis strong{font-variant-numeric:tabular-nums}
.overview-kpi{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
a.overview-kpi:hover{transform:translateY(-2px);box-shadow:var(--ui-shadow-hover)}
.overview-insights{box-shadow:var(--ui-shadow-soft)}
.workspace-card .actions{row-gap:9px}

/* Tables and long operational views. */
body.is-events-admin .table-wrap{overflow:auto;scrollbar-gutter:stable}
@media(min-width:761px){
  body.is-events-admin .table-wrap thead th{position:sticky;top:0;z-index:2;box-shadow:inset 0 -1px 0 #dfe7ea}
}
body.is-events-admin .table-wrap tbody tr:last-child td{border-bottom:0}
body.is-events-admin .table-wrap td>strong:first-child{color:#263c45}
body.is-events-admin .filters input,
body.is-events-admin .filters select{background:#fbfcfd}

/* Public experience: calmer invitation and form surfaces. */
body.is-public .site-header{box-shadow:0 8px 28px rgba(1,39,58,.10)}
body.is-public .invitation.has-artwork{align-items:start}
body.is-public .invitation-art img{border-radius:18px;box-shadow:0 12px 30px rgba(1,39,58,.12)}
body.is-public .invitation-copy{color:#263a43}
body.is-public .event-details>div{padding:2px 0}
body.is-public .event-details span{text-transform:none;letter-spacing:.025em}
body.is-public .rsvp .button,
body.is-public .rsvp button{min-height:50px;border-radius:11px;font-weight:750}
body.is-public .public-registration .eyebrow{margin-bottom:7px}
body.is-public .public-registration .rich-content{color:#344a53}
body.is-public .registration-form label{color:#314851;font-weight:650}
body.is-public .registration-form input:focus-visible,
body.is-public .registration-form textarea:focus-visible,
body.is-public .registration-form select:focus-visible{outline:0;border-color:#9a571d;box-shadow:var(--ui-focus-ring)}
body.is-public .registration-form>button{min-width:220px}
body.is-public .registration-confirmation{max-width:820px;margin-left:auto;margin-right:auto}

/* Motion is subtle and disabled when requested. */
@media(prefers-reduced-motion:reduce){
  .premium-event-card,.overview-kpi,body.is-events-admin button,body.is-events-admin .button,.brand{transition:none!important}
  .premium-event-card:hover,a.overview-kpi:hover,.events-hero .button:hover{transform:none!important}
}
@media(max-width:760px){
  body.is-admin .site-header{position:relative}
  body.is-events-admin .page-top:not(.event-page-header){padding-bottom:14px}
  .event-workspace-nav .event-navigation-section:has(.event-navigation-links .active){box-shadow:inset 3px 0 0 var(--brand-secondary),0 5px 15px rgba(1,39,58,.055)}
  body.is-public .invitation-art img{border-radius:14px}
  body.is-public .registration-form>button{width:100%;min-width:0}
}


/* Contextual in-app help and clearer event navigation. */
.nav-title-with-help,.section-title-with-help{display:inline-flex;align-items:center;gap:8px;min-width:0}
.section-title-with-help h2,.section-title-with-help h3{margin:0}
.context-help{position:relative;display:inline-flex;flex:0 0 auto;z-index:12}
.context-help>summary{display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid #b9c9cf;border-radius:999px;background:#fff;color:#34535f;font-size:12px;font-weight:800;line-height:1;cursor:pointer;list-style:none;box-shadow:0 1px 4px rgba(1,39,58,.055)}
.context-help>summary::-webkit-details-marker{display:none}
.context-help>summary:hover,.context-help[open]>summary,.context-help>summary:focus-visible{border-color:var(--brand-secondary);background:#fff8f1;color:#8a4308;outline:none}
.context-help-panel{display:none;position:absolute;z-index:80;top:calc(100% + 9px);left:0;width:min(340px,calc(100vw - 48px));padding:14px 15px;border:1px solid #cfdce0;border-radius:12px;background:#fff;color:#314851;box-shadow:0 16px 42px rgba(1,39,58,.16);font-size:13px;font-weight:400;line-height:1.5;text-align:left}
.context-help-wide{width:min(430px,calc(100vw - 48px))}
.context-help-panel:before{content:"";position:absolute;top:-6px;left:12px;width:10px;height:10px;border-left:1px solid #cfdce0;border-top:1px solid #cfdce0;background:#fff;transform:rotate(45deg)}
.context-help-panel strong{display:block;margin-bottom:7px;color:var(--brand-primary);font-size:14px}
.context-help-panel p{margin:7px 0;color:#425a63}
.context-help-panel b{color:#223b45}
.context-help[open] .context-help-panel,.context-help:hover .context-help-panel,.context-help:focus-within .context-help-panel{display:block}
.event-heading-badges .context-help-panel{left:0}
.event-navigation-heading .context-help-panel{left:-6px}
.event-navigation-links{gap:7px!important}
.event-navigation-links a{border:1px solid #d9e3e6!important;background:#fff!important;box-shadow:0 1px 4px rgba(1,39,58,.035)}
.event-navigation-links a:hover{border-color:#adc4cb!important;background:#f8fbfb!important;box-shadow:0 4px 10px rgba(1,39,58,.055)}
.event-navigation-links a.active{border-color:#86aab5!important;background:#eef5f6!important;box-shadow:inset 0 0 0 1px rgba(1,39,58,.035)}
.status-impact{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 12px;align-items:start;margin:0 0 18px;padding:14px 16px;border:1px solid #dbe5e8;border-radius:12px;background:#f8fafb}
.status-impact>span{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:4px 9px;border-radius:999px;background:#edf3f5;color:#49616a;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.status-impact p{margin:1px 0 0;color:#3d555e;font-size:13px;line-height:1.55}
.event-page-actions .tertiary{border:1px solid transparent!important}

@media(max-width:760px){
  .context-help-panel,.context-help-wide{position:fixed;left:16px!important;right:16px;width:auto;top:auto;bottom:18px;max-height:55vh;overflow:auto}
  .context-help-panel:before{display:none}
  .status-impact{grid-template-columns:1fr}
  .event-navigation-links a{flex:1 1 calc(50% - 8px);justify-content:center;text-align:center}
}
@media(max-width:430px){
  .event-navigation-links a{flex-basis:100%}
}