.topbar{gap:16px}
#staff-account-menu{margin-left:auto}
.staff-account-menu{position:relative;color:var(--ink)}
.staff-account-menu>summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 6px;background:var(--staff-menu-surface,#fff)}
.staff-account-menu>summary::-webkit-details-marker{display:none}
.staff-account-menu>summary:focus-visible{outline:3px solid #9674c2;outline-offset:3px}
.staff-account-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--staff-avatar-surface,#eee7f7);color:var(--plum);font-size:12px;font-weight:700}
.staff-account-menu-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}
.staff-account-menu nav{position:absolute;right:0;top:calc(100% + 10px);z-index:40;min-width:224px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--staff-menu-surface,#fff);box-shadow:0 16px 40px #21152f26}
.staff-account-menu nav p{margin:4px 8px 10px}
.staff-account-menu nav a{display:block;padding:12px 10px;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}
.staff-account-menu nav a:hover{background:var(--staff-avatar-surface,#eee7f7)}
.staff-appearance{max-width:900px}
.staff-appearance fieldset{border:0;padding:0;margin:24px 0}
.staff-appearance legend{font-weight:600;margin-bottom:14px}
.staff-appearance-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.staff-appearance-choice{position:relative;display:grid;grid-template-columns:auto 1fr;gap:8px 10px;padding:16px;border:1px solid var(--line);border-radius:12px;cursor:pointer;align-content:start}
.staff-appearance-choice:has(input:checked){border-color:var(--plum);box-shadow:inset 0 0 0 1px var(--plum)}
.staff-appearance-choice input{width:18px;height:18px;margin:3px 0 0;accent-color:var(--plum)}
.staff-appearance-choice>.compact{grid-column:2}
.staff-theme-sample{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:1fr 3fr;gap:10px;padding:14px;min-height:112px;margin-bottom:10px;border:1px solid #ddd5e8;border-radius:8px;background:#f7f7fa}
.staff-theme-sample span{background:#fff;border-radius:4px;border:1px solid #e4e2ec}
.staff-theme-sample span:first-child{grid-row:span 2;background:#eee7f7}
.staff-theme-sample span:last-child{width:65%;background:#543581;border:0}
.staff-theme-sample-dark{background:#16131d;border-color:#493a58}
.staff-theme-sample-dark span{background:#241d2e;border-color:#493a58}
.staff-theme-sample-dark span:first-child{background:#352743}
.staff-theme-sample-dark span:last-child{background:#c4a7ef}
@media(max-width:560px){.staff-account-menu-name{display:none}.staff-account-menu nav{min-width:210px}.staff-appearance-choices{grid-template-columns:1fr}.staff-appearance-choice{padding:14px}}
@media screen{
  html[data-staff-theme="dark"]{color-scheme:dark;color:#f2edf7;background:#16131d;--plum:#c4a7ef;--ink:#f2edf7;--muted:#c3b7d1;--line:#493a58;--teal:#73d4be;--staff-menu-surface:#241d2e;--staff-avatar-surface:#352743;--staff-surface:#241d2e;--staff-field:#1b1623;--staff-subtle:#30263b;--staff-primary-ink:#21152f;--staff-info:#332743;--staff-info-ink:#e3d2ff;--staff-warning:#332d22;--staff-warning-ink:#f4dfaa;--staff-error:#452633;--staff-error-ink:#ffd6df}
  html[data-staff-theme="dark"] :is(.sidebar,.topbar,.panel,dialog,.staff-navigation,.stats-strip,.stat,.empty-state,.event-card,.message-preview,.art-events,.art-empty,.art-saved,.theatre-summary,.ticket-notes-popup-head){background:var(--staff-surface);color:var(--ink);border-color:var(--line)}
  html[data-staff-theme="dark"] :is(input,select,textarea),html[data-staff-theme="dark"] .checkout-questions :is(input:not([type=checkbox]),select,textarea),html[data-staff-theme="dark"] :is(.response-report__search,.response-range) input{background:var(--staff-field);color:var(--ink);border-color:var(--line)}
  html[data-staff-theme="dark"] :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
  html[data-staff-theme="dark"] .checkout-questions :is(input,select,textarea):disabled{background:var(--staff-subtle)}
  html[data-staff-theme="dark"] :is(th,thead){background:var(--staff-subtle);color:var(--ink)}
  html[data-staff-theme="dark"] :is(td,tr,footer,.sidebar-foot){border-color:var(--line)}
  html[data-staff-theme="dark"] :is(.muted,.sidebar nav a,.topbar,.compact.muted){color:var(--muted)}
  html[data-staff-theme="dark"] :is(.secondary,.text-button,.tip-options button){background:var(--staff-subtle);color:var(--ink);border-color:var(--line)}
  html[data-staff-theme="dark"] :is(.primary,.tip-options button.active,.notes-target-map button.selected),html[data-staff-theme="dark"] .theatre-workspace .theatre-navigation a[aria-current=page]{background:var(--plum);color:var(--staff-primary-ink);border-color:var(--plum)}
  html[data-staff-theme="dark"] .seat.selected:not(.sold):not(.blocked):not(.held):not(.offline){color:var(--staff-primary-ink)}
  html[data-staff-theme="dark"] .sidebar nav a:is(:hover,.active){background:var(--staff-avatar-surface);color:var(--staff-info-ink)}
  html[data-staff-theme="dark"] :is(.notice,.hold-clock,.theatre-status,.cat-chip){background:var(--staff-info);color:var(--staff-info-ink)}
  html[data-staff-theme="dark"] :is(.notice.warning,.cart-state.review,.cart-alert,.artist-comparison>div:last-child){background:var(--staff-warning);color:var(--staff-warning-ink);border-color:#65552e}
  html[data-staff-theme="dark"] :is(.error,.scan-result.failure,.pill.red){background:var(--staff-error);color:var(--staff-error-ink);border-color:#815063}
  html[data-staff-theme="dark"] :is(.scan-result:not(.failure),.artist-saved,.pill:not(.purple):not(.neutral):not(.red)){background:#203b2f;color:#bfecd0;border-color:#476453}
  html[data-staff-theme="dark"] .pill.purple{background:var(--staff-info);color:var(--staff-info-ink)}
  html[data-staff-theme="dark"] .pill.neutral{background:var(--staff-subtle);color:var(--muted)}
  html[data-staff-theme="dark"] :is(.boxoffice-workspace .bo-bulk,.gcd-canvas-panel){background:var(--staff-subtle);color:var(--ink);border-color:var(--line)}
  html[data-staff-theme="dark"] .gcd-workspace{color:var(--ink)}
  html[data-staff-theme="dark"] .gcd-heading .eyebrow{color:var(--plum)}
  html[data-staff-theme="dark"] .skip{background:var(--staff-surface);color:var(--plum)}
  /* Issued tickets, brand artwork and public-calendar/design previews keep their
     own light canvas. Seat status colours, QR marks and image pixels are intact. */
  html[data-staff-theme="dark"] :is(.ticket,.ticket-print-inline,.organization-logo-frame,.art-slot-preview,.gcd-full-preview,.calendar-frame,.cal-preview,.theatre-placement,.notes-target-map){color-scheme:light;color:#302044;--plum:#543581;--ink:#302044;--muted:#697084;--line:#e4e2ec;--teal:#137c6c;--staff-surface:#fff;--staff-field:#fff;--staff-subtle:#f4f1f8;--staff-primary-ink:#fff;--staff-info:#f2eff7;--staff-info-ink:#543581;--staff-warning:#fff7e7;--staff-warning-ink:#755c24;--staff-error:#fff0f3;--staff-error-ink:#9c2443}
  html[data-staff-theme="dark"] :is(.staff-theme-sample-light,.staff-theme-sample-light span){color-scheme:light}
}
@media print{#staff-account-menu{display:none!important}.staff-appearance-choices{break-inside:avoid}}
body[data-surface="staff"] .shell {
  grid-template-columns: minmax(0, 1fr);
}

body[data-surface="staff"] .topbar {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px 16px;
}

.staff-header-identity {
  display: flex;
  flex: 1;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 2px 12px;
  min-width: min(100%, 10rem);
}

.staff-header-identity a {
  color: var(--ink);
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
}

.staff-header-identity a:hover {
  text-decoration: underline;
  text-underline-offset: .2em;
}
.staff-header-identity #staff-organization-name { display: none; }
.staff-sidebar:not([hidden]) ~ .workspace .staff-header-identity a { display: none; }
.staff-sidebar:not([hidden]) ~ .workspace #staff-organization-name { display: inline; }

body[data-surface="staff"] main {
  min-height: calc(100vh - 72px);
}

@font-face {
  font-family: Roboto;
  src: url("./vendor/roboto-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 750;
  font-display: swap;
}

body[data-surface="staff"]:has(.staff-sidebar:not([hidden])) {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  background: #e8e8ea;
  color: #444f4f;
  --plum: #0d63e3;
  --ink: #444f4f;
  --muted: #626c6d;
  --line: #d9dddf;
}
html[data-staff-theme="dark"] body[data-surface="staff"]:has(.staff-sidebar:not([hidden])) {
  background: #191919;
  color: #f2f2f2;
  --ink: #f2f2f2;
  --muted: #b8b8b8;
  --line: #424242;
  --plum: #82b4ff;
  --staff-menu-surface: #242424;
  --staff-avatar-surface: #303946;
  --staff-surface: #242424;
  --staff-field: #191919;
  --staff-subtle: #303030;
  --staff-info: #243348;
  --staff-info-ink: #deebff;
}
body[data-surface="staff"]:has(.staff-sidebar:not([hidden])) .shell {
  grid-template-columns: 250px minmax(0, 1fr);
}
body[data-surface="staff"]:has(.staff-sidebar:not([hidden])) .topbar {
  min-height: 80px;
  padding: 14px 30px;
}
body[data-surface="staff"]:has(.staff-sidebar:not([hidden])) main {
  min-height: calc(100vh - 80px);
  max-width: none;
  padding: 24px 30px 40px;
}
body[data-surface="staff"]:has(.staff-sidebar:not([hidden])) #staff-organization-name {
  font-size: 20px;
  color: var(--muted);
}
#staff-header-shortcuts { display: flex; align-items: center; gap: 12px; }
#staff-header-shortcuts a {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--ink);
}
#staff-header-shortcuts a:hover { background: var(--staff-subtle, #f3f3f3); }
#staff-header-shortcuts a:focus-visible { outline: 2px solid var(--plum); outline-offset: 2px; }
#staff-header-shortcuts svg { width: 25px; height: 25px; }
#staff-header-shortcuts:not([hidden]) + #staff-account-menu { margin-left: 0; }
body[data-surface="staff"]:has(.staff-sidebar:not([hidden])) :is(.staff-event-directory, .pricing-template-heading) :is(button, input, select, summary, a):focus-visible {
  outline-color: var(--plum);
}
.staff-sidebar {
  position: sticky;
  top: 0;
  align-self: start;
  height: 100dvh;
  overflow-y: auto;
  scrollbar-width: thin;
  padding: 0 15px 20px;
  border-right: 1px solid var(--line);
  background: #fff;
  color: #333;
  font-size: 14px;
}
html[data-staff-theme="dark"] .staff-sidebar {
  background: #242424;
  color: #eee;
}
.staff-rail-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 80px;
  padding-inline: 10px;
}
.staff-rail-brand {
  color: inherit;
  text-decoration: none;
  font-size: 24px;
  font-weight: 750;
  letter-spacing: -.02em;
}
.staff-rail-toggle {
  display: none;
}
@media (min-width: 851px) {
  .staff-sidebar nav { padding-top: 10px; }
  .staff-sidebar .staff-rail-area > summary,
  .staff-sidebar .staff-rail-search { margin-bottom: 5px; }
}
.staff-rail-area summary,
.staff-rail-search {
  display: flex;
  align-items: center;
  min-height: 47px;
  gap: 9px;
  margin: 0 0 3px;
  padding: 0 12px 0 10px;
  border-radius: 10px;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  list-style: none;
}
.staff-rail-area summary::-webkit-details-marker { display: none; }
.staff-rail-area > summary::after,
.staff-rail-search::after {
  content: "";
  inline-size: 6px;
  block-size: 6px;
  border-inline-end: 1px solid currentColor;
  border-block-end: 1px solid currentColor;
  margin-inline-start: auto;
  transform: rotate(-45deg);
}
.staff-rail-area[open] > summary::after { transform: rotate(45deg); }
.staff-rail-area svg,
.staff-rail-search svg {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}
.staff-rail-search { background: #f3f3f3; }
.staff-rail-area > summary:hover,
.staff-rail-children :is(a, [data-staff-map-finder]):hover,
.staff-rail-subgroup > summary:hover { background: #f3f3f3; }
.staff-rail-area[open] > summary,
.staff-rail-search[aria-current="page"] { background: #0d63e3; color: #fff; }
.staff-rail-area[data-staff-area="reports"][open] > summary { background: #414c4c; color: #fff; }
.staff-rail-children {
  margin: 2px 0 8px 15px;
  padding-inline-start: 21px;
}
.staff-rail-children :is(a, [data-staff-map-finder]),
.staff-rail-subgroup > summary {
  display: flex;
  align-items: center;
  min-height: 45px;
  margin: 0;
  padding: 6px 8px;
  border-radius: 5px;
  color: inherit;
  text-decoration: none;
}
[data-staff-map-finder] {
  width: 100%;
  border: 0;
  background: transparent;
  font: inherit;
  text-align: start;
  cursor: pointer;
}
.staff-rail-subgroup > summary { margin-inline-start: -17px; }
.staff-rail-subgroup > summary::before {
  content: "";
  inline-size: 5px;
  block-size: 5px;
  border-inline-end: 1px solid currentColor;
  border-block-end: 1px solid currentColor;
  transform: rotate(-45deg);
}
.staff-rail-subgroup[open] > summary::before { transform: rotate(45deg); }
.staff-rail-subgroup > div { padding-inline-start: 14px; }
.staff-rail-active-event .staff-rail-subgroup > div {
  margin-inline-start: -11px;
  padding-inline-start: 0;
  border-inline-start: 1px solid var(--line);
}
.staff-rail-active-event .staff-rail-subgroup a {
  min-height: 39px;
  padding-inline-start: 15px;
  border-radius: 0;
}
.staff-rail-active-event .staff-rail-subgroup a[aria-current="page"] {
  box-shadow: -1px 0 var(--plum);
}
.staff-rail-children a[aria-current="page"] {
  color: #064da9;
  font-weight: 600;
}
html[data-staff-theme="dark"] :is(.staff-rail-search:not([aria-current]), .staff-rail-area > summary:hover, .staff-rail-children :is(a, [data-staff-map-finder]):hover, .staff-rail-subgroup > summary:hover) { background: #333; }
html[data-staff-theme="dark"] .staff-rail-children a[aria-current="page"] { color: #a6cbff; }
.staff-rail-area[data-staff-area="reports"] a[aria-current="page"] { color: #297c16; }
html[data-staff-theme="dark"] .staff-rail-area[data-staff-area="reports"] a[aria-current="page"] { color: #8acd70; }
.staff-page-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.staff-page-line ol {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.staff-page-line li + li::before { content: "›"; padding-inline-end: 6px; }
.staff-page-line li:last-child { font-weight: 600; }
.staff-page-line button { flex: 0 0 auto; min-height: 36px; padding: 6px 12px; }
.staff-order-browser { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; max-width: 1320px; }
main:has(.staff-order-browser) .staff-page-line { margin-bottom: 4px; }
main:has(.staff-order-browser) .staff-page-line button { min-height: 30px; padding-block: 4px; font-size: 13px; }
.staff-order-browser > h2 { margin: 0 0 -8px; font: 600 24px/1.45 Roboto, Arial, sans-serif; }
.staff-order-browser > .panel { min-width: 0; margin: 0; padding: 20px; border: 0; border-radius: 10px; }
.staff-order-basic,
.staff-order-advanced-grid {
  display: grid;
  align-items: end;
  gap: 12px 15px;
}
.staff-order-basic { grid-template-columns: minmax(8rem, .23fr) minmax(10rem, 1fr) auto; }
.staff-order-basic-limited { grid-template-columns: minmax(8rem, 1fr) auto; }
.staff-order-filters .field { margin: 0; min-width: 0; }
.staff-order-filters label { font-size: 11px; font-weight: 500; text-transform: uppercase; }
.staff-order-filters :is(input,select) { width: 100%; height: 44px; border-radius: 6px; font-size: 13px; }
.staff-order-filter-actions { display: flex; flex-wrap: wrap; gap: 8px 15px; }
.staff-order-filter-actions button { min-height: 44px; padding: 8px 12px; border-radius: 6px; font-size: 13px; text-transform: uppercase; }
.staff-order-advanced-grid { grid-template-columns: repeat(6,minmax(0,1fr)); padding-top: 16px; }
.staff-order-wide-filter { grid-column: span 3; }
.staff-order-advanced-actions { margin-top: 14px; }
.staff-order-results > p { margin: 0 0 12px; font-size: 15px; font-weight: 500; }
.staff-order-table { min-width: 42rem; }
.staff-order-table :is(th,td) { padding: 10px; font-size: 13px; text-align: start; }
.staff-order-table :is(thead th,tbody th) { background: transparent; }
.staff-order-table thead th { font-weight: 400; white-space: nowrap; }
.staff-order-table tbody th { font-weight: 400; }
.staff-order-table small { display: block; margin-top: 3px; color: var(--muted); font-weight: 400; }
.staff-order-table small:empty { display: none; }
.staff-order-table .staff-order-mobile-summary { display: none; }
.staff-order-status { font-weight: 600; }
.staff-order-status:is([data-order-status="paid"],[data-order-status="demo-paid"]) { color: var(--teal); }
.staff-order-table button { padding: 6px 0; color: var(--plum); }
.staff-order-cell { display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: start; gap: 4px; }
.staff-order-table .staff-order-expand {
  display: grid;
  place-items: center;
  width: 28px;
  min-height: 32px;
  padding: 0;
  border-radius: 5px;
  color: var(--muted);
}
.staff-order-expand:hover { background: var(--staff-subtle,#eceff1); }
.staff-order-expand[aria-expanded="true"] svg { rotate: 90deg; }
.staff-order-result-row:has([aria-expanded="true"]) > :is(th,td) {
  background: color-mix(in srgb, var(--teal) 9%, var(--staff-surface,#fff));
  border-block-start: 1px solid var(--teal);
}
.staff-order-table .staff-order-items-row td { padding: 0 12px 8px 38px; }
.staff-order-items-row [data-order-items] > p { margin: 10px 0; }
.staff-order-items-row [aria-busy="true"] { padding-block: 10px; }
.staff-order-item-list { margin: 0; padding: 0; list-style: none; }
.staff-order-item-list li {
  display: grid;
  grid-template-columns: 20px minmax(0,1fr) auto minmax(4rem,auto);
  align-items: center;
  gap: 4px 10px;
  padding-block: 9px;
}
.staff-order-item-list li + li { border-top: 1px solid var(--line); }
.staff-order-item-list strong { overflow-wrap: anywhere; }
.staff-order-item-icon, .staff-order-item-status { color: var(--muted); }
.staff-order-item-icon { display: flex; }
.staff-order-item-status[data-inactive] { color: var(--staff-error-ink,#9c2443); }
.staff-order-item-value { text-align: end; font-variant-numeric: tabular-nums; }
.staff-order-number { overflow-wrap: anywhere; text-align: start; }
.staff-order-total { font-variant-numeric: tabular-nums; white-space: nowrap; }
.staff-order-results-footer,
.staff-order-results-footer > div { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.staff-order-results-footer { justify-content: space-between; padding-top: 12px; }
.staff-order-results-footer button { min-height: 40px; padding: 6px 10px; }
@media (max-width: 1050px) {
  .staff-order-basic, .staff-order-basic-limited { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .staff-order-filter-actions { grid-column: 1 / -1; }
  .staff-order-advanced-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .staff-order-browser { gap: 16px; }
  .staff-order-browser > .panel { padding: 12px; }
  .staff-order-basic { grid-template-columns: 1fr; }
  .staff-order-advanced-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .staff-order-wide-filter { grid-column: 1 / -1; }
  .staff-order-filters :is(input,select) { font-size: 16px; }
  .staff-order-table { min-width: 0; }
  .staff-order-table :is(th,td) { padding-inline: 5px; }
  .staff-order-table .staff-order-wide-cell { display: none; }
  .staff-order-table .staff-order-mobile-summary { display: block; overflow-wrap: anywhere; }
  .staff-order-cell { grid-template-columns: 44px minmax(0,1fr); gap: 0; }
  .staff-order-table .staff-order-expand { width: 44px; min-height: 44px; }
  .staff-order-table .staff-order-items-row td { padding-inline: 8px; }
  .staff-order-item-list li { grid-template-columns: 18px minmax(0,1fr) auto; }
  .staff-order-item-status { grid-column: 2; grid-row: 2; }
  .staff-order-item-value { grid-column: 3; grid-row: 1; }
  .staff-order-number { min-height: 40px; }
  .staff-order-results-footer button { min-height: 44px; }
}
.staff-event-page-line { margin-bottom: 8px; }
.staff-event-page-line li { overflow-wrap: anywhere; }
.staff-event-page-line a { color: inherit; }
.staff-event-page-line button { min-height: 30px; padding-block: 4px; font-size: 13px; }
.staff-page-title,
.staff-sidebar:not([hidden]) ~ .workspace #staff-content > h2,
.staff-sidebar:not([hidden]) ~ .workspace #staff-content > .section-heading h2 {
  font-family: inherit;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: normal;
}
.staff-page-title { margin: 0 0 18px; }
.staff-page-title-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.staff-event-directory {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, 250px);
  grid-template-areas: "heading ." "list tools" "secondary tools" "series tools";
  gap: 20px 30px;
  align-items: start;
  max-width: 1600px;
}
.staff-event-heading {
  grid-area: heading;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.staff-event-heading h2 { margin: 0; font: 700 24px/1.2 Roboto, Arial, sans-serif; }
.staff-event-filters { display: flex; gap: 14px; width: min(55%, 652px); }
.staff-event-filters > .field { flex: 1; margin: 0; min-width: 0; }
.staff-event-filters select { min-height: 34px; padding: 5px 8px; font-size: 13px; }
.staff-event-tools { grid-area: tools; display: grid; gap: 16px; min-width: 0; }
.staff-event-tools input[type="search"] { width: 100%; }
.staff-directory-create { text-align: center; border-radius: 100px; text-transform: uppercase; }
.staff-event-season { padding: 12px; min-width: 0; margin: 0; }
.staff-event-season summary { min-height: 32px; padding-block: 5px; cursor: pointer; }
.staff-event-season > div { margin-block: 8px 0; }
.staff-event-catalog { grid-area: list; min-width: 0; padding: 0 19px 20px; border-radius: 10px; }
.staff-event-tabs { display: flex; border-bottom: 1px solid var(--line); }
.staff-event-tabs button {
  min-height: 63px;
  padding: 8px clamp(14px, 2.2vw, 32px);
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
}
.staff-event-tabs button[aria-pressed="true"] {
  border-bottom-color: var(--plum);
  background: color-mix(in srgb, var(--plum) 5%, transparent);
  color: var(--plum);
  font-weight: 600;
}
.staff-event-category-feedback { margin-top: 12px; }
.staff-event-category-feedback:has(> p:empty) { display: none; }
.staff-event-category-feedback > p { margin: 0; }
.staff-event-catalog [data-event-results] { margin: 10px 0 8px; }
.staff-event-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.staff-event-row {
  --row-fill: #f3f3f4;
  --row-border: #d8dcdf;
  --row-mark: #596468;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px 15px;
  min-height: 68px;
  padding: 10px 14px;
  border: 1px solid var(--row-border);
  border-radius: 10px;
  background: var(--row-fill);
  color: var(--ink);
}
.staff-event-row[data-event-row-status="open"] { --row-fill: #e8f2e2; --row-border: #d1e3c5; --row-mark: #4b7a2e; }
.staff-event-row[data-event-row-status="draft"] { --row-fill: #fcf5de; --row-border: #e8dbb1; --row-mark: #796125; }
html[data-staff-theme="dark"] .staff-event-row { --row-fill: #292929; --row-border: #424242; }
html[data-staff-theme="dark"] .staff-event-row[data-event-row-status="open"] { --row-fill: #253324; --row-border: #435b3b; }
html[data-staff-theme="dark"] .staff-event-row[data-event-row-status="draft"] { --row-fill: #38311f; --row-border: #5a4d2c; }
.staff-event-status-mark {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--row-mark);
  color: #fff;
}
.staff-event-status-mark svg { width: 14px; height: 14px; }
.staff-event-row-body { min-width: 0; overflow-wrap: anywhere; }
.staff-event-row-body strong { display: block; margin-bottom: 4px; font-size: 16px; font-weight: 600; }
.staff-event-row-meta { display: flex; flex-wrap: wrap; gap: 2px 12px; color: var(--muted); font-size: 12px; }
.staff-event-row-actions { position: relative; justify-self: end; }
.staff-event-row-actions summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  min-width: 142px;
  min-height: 33px;
  padding: 4px 9px;
  list-style: none;
  border: 1px solid var(--row-border);
  border-radius: 6px;
  background: var(--staff-surface, #fff);
  color: var(--ink);
  cursor: pointer;
}
.staff-event-row-actions summary::-webkit-details-marker { display: none; }
.staff-event-row-actions summary::after {
  content: "";
  width: 6px;
  height: 6px;
  border-inline-end: 1px solid currentColor;
  border-block-end: 1px solid currentColor;
  transform: rotate(45deg);
}
.staff-event-row-actions[open] summary::after { transform: rotate(225deg); }
.staff-event-row-actions > div {
  position: absolute;
  z-index: 3;
  inset: calc(100% + 4px) 0 auto auto;
  min-width: 10.5rem;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--staff-surface, #fff);
  box-shadow: 0 5px 16px #0002;
}
.staff-event-row-actions .text-button { display: block; width: 100%; padding: 7px 10px; text-align: start; white-space: nowrap; }
.staff-event-row-actions .text-button:hover { background: color-mix(in srgb, var(--plum) 9%, transparent); }
.staff-event-secondary { grid-area: secondary; margin-top: 0; }
.staff-event-series { grid-area: series; min-width: 0; }
[data-draft-import-form] fieldset { min-width: 0; padding: 0; border: 0; margin: 0 0 12px; }
.staff-event-wizard {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 250px);
  align-items: start;
  gap: 24px;
}
.staff-event-wizard > .panel { margin: 0; padding: 0; min-width: 0; }
.staff-event-wizard :is(.staff-event-wizard-step, .staff-event-wizard-progress) > h3 {
  margin: 0;
  padding: 16px 20px;
  border-bottom: 1px solid var(--line);
  font-size: 18px;
  font-weight: 500;
}
.staff-event-wizard-content { padding: 16px 20px 20px; }
.staff-event-wizard-content > p { margin-top: 0; }
.staff-event-wizard [data-draft-inventory-fields] { padding: 0; border: 0; margin: 0; min-width: 0; }
.staff-event-wizard [data-draft-inventory-fields] > .field {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(0, 2fr);
  align-items: center;
  gap: 6px 16px;
}
.staff-event-wizard [data-draft-inventory-fields] > .field > small { grid-column: 2; }
.staff-event-wizard [data-draft-prices][hidden] { display: none; }
.staff-event-wizard [data-draft-inventory-review] > .notice {
  background: var(--staff-subtle, #f5f6f8);
  border: 1px solid var(--line);
  border-radius: 6px;
}
.staff-event-wizard-actions { justify-content: flex-end; }
.staff-event-wizard-progress ol { display: grid; gap: 6px; list-style: none; padding: 14px 20px; margin: 0; font-size: 14px; }
.staff-event-wizard-progress [aria-current="step"] { color: var(--plum); font-weight: 600; }
@media (max-width: 950px) {
  .staff-event-wizard { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .staff-event-wizard-progress { grid-row: 1; }
  .staff-event-wizard-progress ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .staff-event-wizard [data-draft-inventory-fields] > .field { grid-template-columns: minmax(0, 1fr); }
  .staff-event-wizard [data-draft-inventory-fields] > .field > small { grid-column: 1; }
}
@media (max-width: 1120px) {
  .staff-event-directory { grid-template-columns: minmax(0, 1fr); grid-template-areas: "heading" "tools" "list" "secondary" "series"; }
  .staff-event-tools { display: flex; flex-wrap: wrap; align-items: start; gap: 8px; }
  .staff-event-tools input[type="search"] { flex: 1 1 12rem; width: auto; min-width: 0; }
  .staff-event-season { padding: 4px 10px; }
}
@media (max-width: 640px) {
  .staff-event-directory { gap: 14px; }
  .staff-event-heading { display: grid; }
  .staff-event-filters { width: 100%; gap: 8px; }
  .staff-event-filters select, .staff-event-row-actions summary { min-height: 40px; }
  .staff-event-catalog { padding: 0 10px 12px; }
  .staff-event-tabs button { flex: 1; min-height: 48px; padding-inline: 4px; font-size: 13px; }
  .staff-event-row { grid-template-columns: 20px minmax(0, 1fr); gap: 8px; padding: 10px; }
  .staff-event-status-mark { align-self: start; }
  .staff-event-row-actions { grid-column: 2; justify-self: start; }
  .staff-event-row-actions > div { inset: calc(100% + 4px) auto auto 0; }
}
@media (max-width: 850px) {
  .staff-sidebar {
    position: static;
    height: auto;
    max-height: min(75dvh, 34rem);
    padding: 0 15px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .staff-rail-top { min-height: 52px; padding: 0; }
  #staff-header-shortcuts { gap: 6px; }
  #staff-header-shortcuts a { width: 44px; height: 44px; }
  #staff-header-shortcuts svg { width: 21px; height: 21px; }
  body[data-surface="staff"]:has(.staff-sidebar:not([hidden])) #staff-organization-name { font-size: 14px; }
  .staff-rail-brand { font-size: 19px; }
  .staff-rail-toggle {
    display: inline-block;
    min-height: 40px;
    padding: 6px 12px;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: transparent;
    color: inherit;
  }
  .staff-rail-top:has([aria-expanded="false"]) + nav { display: none; }
  .staff-sidebar nav { padding-bottom: 12px; }
  body[data-surface="staff"]:has(.staff-sidebar:not([hidden])) .shell { display: block; }
  body[data-surface="staff"]:has(.staff-sidebar:not([hidden])) .topbar {
    min-height: 48px;
    padding: 6px 15px;
  }
  body[data-surface="staff"]:has(.staff-sidebar:not([hidden])) main {
    padding: 16px 15px 28px;
  }
}
@media print {
  .staff-sidebar, .staff-page-line, #staff-header-shortcuts { display: none !important; }
  body[data-surface="staff"] .shell { display: block; }
}

[data-reg-library-fields] {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.registration-library-intro {
  padding: 10px 14px;
  margin: 20px 0 15px;
  border-radius: 6px;
  background: #145fc0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.registration-library > h2 { font-size: 24px; }
.registration-library:has([data-reg-library-editor]) { max-width: 864px; }
.registration-library-directory { padding: 0 20px 16px; }
.registration-library-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  border-bottom: 1px solid var(--line);
}
.registration-library-views { display: flex; flex-wrap: wrap; }
.registration-library-views button {
  min-height: 62px;
  padding: 0 22px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  font-weight: 500;
}
.registration-library-views button:hover,
.registration-library-views button[aria-pressed="true"] {
  background: color-mix(in srgb, var(--plum) 8%, transparent);
}
.registration-library-views button[aria-pressed="true"] { border-bottom-color: var(--plum); }
.registration-library-toolbar .primary,
.registration-library-drawer .primary { border-radius: 999px; }
.registration-library-directory table { margin-top: 10px; }
.registration-library-directory th { font-size: 13px; font-weight: 500; }
.registration-library-directory :is(th,td) { padding: 8px 10px; }
.registration-library-directory td:first-child { width: 58%; overflow-wrap: anywhere; }
.registration-library-directory td:nth-child(2) { font-variant-numeric: tabular-nums; }
.registration-library-directory td .text-button { min-height: 36px; padding: 5px 0; text-align: start; }
.registration-library-empty { margin: 16px 0 0; color: var(--muted); }
.registration-report { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; max-width: 1320px; }
.registration-report > :is(.section-heading, .panel) { margin: 0; }
.registration-report-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 15rem); align-items: center; gap: 12px; }
.registration-report-heading h2 { margin: 0; font-size: 24px; }
.registration-report-heading .field { position: relative; margin: 0; }
.registration-report-heading label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.registration-report [data-reg-message]:empty { display: none; }
.registration-report-results, .registration-report-selector { min-width: 0; }
.registration-report-run { display: grid; grid-template-columns: minmax(0, 23rem) minmax(0, 15rem) auto; align-items: end; gap: 16px; margin: 0; }
.registration-report-run .field { min-width: 0; margin: 0; }
.registration-report-run label { color: var(--muted); font-size: 12px; font-weight: 500; text-transform: uppercase; }
.registration-report :is(select, .registration-report-run button, output) { min-height: 44px; }
.registration-report select { border-color: var(--line); }
.registration-report-run output { display: flex; align-items: center; padding: 8px 12px; border: 1px solid var(--line); border-radius: 4px; }
.registration-report-run button { justify-self: end; min-width: 10rem; background: #2a8016; border-color: #2a8016; color: #fff; text-transform: uppercase; }
.registration-report-run button:hover { background: #216812; border-color: #216812; }
html[data-staff-theme="dark"] .registration-report-run button.primary { background: #8acd70; border-color: #8acd70; color: #172411; }
.registration-report-performance h3 { margin: 0 0 .35rem; }
.registration-report-performance p { margin: 0; }
.registration-report-results table { margin-top: 12px; }
.registration-report-results th { font-weight: 500; }
.registration-report-results small { display: block; margin-top: 3px; color: var(--muted); overflow-wrap: anywhere; }
.registration-report-results td { overflow-wrap: anywhere; }
.registration-report-results td button { min-height: 40px; }
.registration-report-filter { max-width: 18rem; }
@media (max-width: 620px) {
  .registration-report-results, .registration-report-selector { padding: 14px; }
  .registration-report-heading, .registration-report-run { grid-template-columns: minmax(0, 1fr); }
  .registration-report-run button { justify-self: stretch; }
  .registration-report-results > .table-wrap :is(th, td):is(:nth-child(2), :nth-child(4), :nth-child(5)):not([colspan]) { display: none; }
  .registration-report-results > .table-wrap :is(th, td) { padding-inline: 6px; }
  .registration-report-results > .table-wrap td:nth-child(3) { min-width: 5.25rem; overflow-wrap: normal; }
  .registration-report-results td button { min-height: 44px; }
  .registration-report-results [data-reg-history] { white-space: normal; }
}
.registration-library-pages { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 14px; }
.registration-library-links { padding: 14px 20px; margin-top: 24px; }
.registration-library-links a { color: var(--plum); font-size: 13px; text-underline-offset: 3px; }
.registration-library [data-reg-message]:empty,
.registration-library-drawer [data-reg-message]:empty { display: none; }

html:has(.registration-library-drawer[open]) { overflow: hidden; }
.registration-library-drawer {
  inset: 90px 0 10px auto;
  width: min(700px, 100%);
  max-width: none;
  height: calc(100dvh - 100px);
  max-height: none;
  margin: 0;
  padding: 0 30px;
  border: 0;
  border-radius: 12px;
  color: var(--ink);
  background: var(--staff-surface, #fff);
  box-shadow: 0 6px 22px #141b242e;
}
.registration-library-drawer[open] { display: flex; flex-direction: column; }
.registration-library-drawer::backdrop { background: #171c292e; }
.registration-library-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  border-bottom: 1px solid var(--line);
}
.registration-library-drawer-header h2 { font-size: 17px; font-weight: 500; margin: 0; }
.registration-library-drawer-header button { min-width: 44px; min-height: 52px; }
.staff-attendee-drawer .registration-library-drawer-header { min-height: 62px; }
.staff-attendee-drawer .registration-library-drawer-header h2 { overflow-wrap: anywhere; }
.staff-attendee-drawer [data-attendee-detail],
.staff-attendee-drawer [data-attendee-editor],
.staff-attendee-drawer form {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.staff-attendee-context { border-bottom: 1px solid var(--line); padding-block: 12px 4px; }
.staff-attendee-context dl { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; margin: 0; font-size: 13px; }
.staff-attendee-context dt { font-weight: 600; }
.staff-attendee-context dd { margin: 0 8px 0 0; min-width: 0; overflow-wrap: anywhere; }
.staff-attendee-context [data-attendee-refresh] { font-size: 13px; }
[data-attendee-confirmation]:not(:empty) { margin-top: 12px; }
.staff-attendee-fields {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 14px 8px 12px 3px;
}
.staff-attendee-fields h3 { font-size: 16px; margin: 0; overflow-wrap: anywhere; }
.staff-attendee-fields .form-grid { display: block; }
.staff-attendee-fields .field:not(.ticket-name-sharing) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  align-items: center;
  gap: 5px 24px;
  margin-block: 14px;
}
.staff-attendee-fields .field:not(.ticket-name-sharing) label { text-align: end; overflow-wrap: anywhere; }
.staff-attendee-fields .field :is(input:not([type="checkbox"]), select, textarea) { width: 100%; min-width: 0; }
.staff-attendee-fields .field:not(.ticket-name-sharing) p { grid-column: 2; margin: 0; }
.staff-attendee-fields [aria-invalid="true"] { border-color: var(--danger, #a43132); }
.staff-attendee-drawer [data-reg-save-status]:empty { display: none; }
.staff-attendee-drawer [data-reg-save-status]:not(:empty) { margin-block: 8px; }
.staff-attendee-drawer .actions { justify-content: end; gap: 6px; }
.staff-attendee-drawer .actions [data-attendee-close] { margin-inline-end: auto; }
.staff-attendee-drawer .actions button { min-height: 44px; }
.staff-attendee-drawer .primary { background: #297c16; border-color: #297c16; color: #fff; }
.staff-attendee-drawer .primary:not(:disabled):hover { background: #236914; }
html[data-staff-theme="dark"] .staff-attendee-drawer .primary { background: #a6d591; border-color: #a6d591; color: #192c12; }
@media (max-width: 600px) {
  .staff-attendee-fields .field:not(.ticket-name-sharing) { grid-template-columns: minmax(0, 1fr); }
  .staff-attendee-fields .field:not(.ticket-name-sharing) label { text-align: start; }
  .staff-attendee-fields .field:not(.ticket-name-sharing) p { grid-column: 1; }
  .staff-attendee-drawer .actions { flex-wrap: wrap; }
  .staff-attendee-drawer .actions button { padding-inline: 12px; }
}
.registration-library-drawer [data-reg-library-editor] { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.registration-library-drawer [data-reg-library-fields] {
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  padding: 18px 3px 0;
}
.registration-library-drawer .registration-library-form-details { display: block; border: 0; padding: 0; }
.registration-library-drawer .registration-library-form-details > .field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  align-items: start;
  gap: 3px 18px;
  margin-bottom: 18px;
}
.registration-library-drawer .registration-library-form-details > .field label { padding-top: 12px; }
.registration-library-drawer .registration-library-form-details > .field p { grid-column: 2; margin: 0; }
.registration-library-drawer .registration-library-fields-panel { border: 0; padding-inline: 0; }
.registration-library-drawer .actions {
  flex-shrink: 0;
  padding: 15px 0;
  margin: 0;
  border-top: 1px solid var(--line);
}
.registration-library-fields-panel { margin-top: 20px; }
.registration-library-fields-panel h3 { font-size: 20px; font-weight: 500; }
.registration-type-panel { margin-top: 20px; }
.registration-type-panel summary { cursor: pointer; }
.registration-type-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 24px; padding-block: 12px; }
.registration-type-row + .registration-type-row { border-top: 1px solid var(--line); }
.registration-type-row .field { margin: 0; }
.registration-type-row details { align-self: end; padding-block: 9px; }
.registration-type-row details[open] .field { margin-top: 10px; }
.registration-question-audiences { min-width: 0; margin: 0; }
.registration-question-audiences .check-line { margin-top: 6px; }
@media (max-width: 620px) {
  .registration-type-row { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}
.registration-library-column-headings,
.registration-library-question > summary {
  display: grid;
  grid-template-columns: 5ch minmax(80px, .7fr) minmax(0, 2fr) minmax(0, .8fr) 10px;
  align-items: center;
  gap: 8px 14px;
  padding: 8px 10px;
}
.registration-library-column-headings { color: var(--muted); font-size: 13px; }
.registration-library-column-headings:has(+ [data-reg-questions]:empty) { display: none; }
.registration-library-question { border-top: 1px solid var(--line); }
.registration-library-question > summary {
  min-height: 46px;
  list-style: none;
  cursor: pointer;
  overflow-wrap: anywhere;
}
.registration-library-question > summary::-webkit-details-marker { display: none; }
.registration-library-question > summary::after {
  content: "";
  width: 6px;
  height: 6px;
  border-inline-end: 1px solid currentColor;
  border-block-end: 1px solid currentColor;
  transform: rotate(-45deg);
}
.registration-library-question[open] > summary::after { transform: rotate(45deg); }
.registration-library-question > summary:hover,
.registration-library-question[open] > summary { background: color-mix(in srgb, var(--plum) 6%, transparent); }
.registration-library-question > summary strong { color: var(--plum); font-weight: 600; }
.registration-library-question > summary small { color: var(--muted); }
.registration-question-position { font-variant-numeric: tabular-nums; }
.registration-library-question-body { padding: 16px 10px; border-top: 1px solid var(--line); }
.registration-conditions {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 0;
  padding: 6px 14px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
}
.registration-conditions > legend { padding-inline: 6px; font-weight: 650; }
.registration-conditions > p { margin: 4px 0 10px; }
.registration-condition-row {
  display: grid;
  grid-template-columns: minmax(9rem, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 0 12px;
  border-top: 1px solid var(--line);
}
.registration-condition-row :is(label, span) { min-width: 0; overflow-wrap: anywhere; }
.registration-condition-row .check-line { min-height: 44px; margin: 0; }
.registration-condition-row .check-line input { flex-shrink: 0; }
.registration-condition-row fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.registration-form-preview {
  width: min(100%, 42rem);
  min-height: 0;
  padding-block: 18px;
}
.registration-library-drawer .registration-form-preview {
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-inline: 3px;
}
.registration-form-preview h3 { overflow-wrap: anywhere; }
.registration-form-preview [data-reg-preview-fields] { margin-block: 18px; }
@media (max-width: 620px) {
  .registration-condition-row { grid-template-columns: minmax(0, 1fr); }
  .registration-condition-row fieldset { padding-inline-start: 20px; }
}
.registration-library :is(button, a, summary):focus-visible,
.registration-library-drawer :is(button, summary):focus-visible {
  outline: 2px solid var(--plum);
  outline-offset: -2px;
}
:is(.registration-library, .registration-library-drawer) :is(input, select, textarea):focus-visible {
  outline: 2px solid var(--plum);
  outline-offset: 2px;
}
@media (max-width: 600px) {
  .registration-library-toolbar { padding-bottom: 10px; }
  .registration-library-views button { min-height: 46px; padding-inline: 10px; }
  .registration-library-directory { padding-inline: 12px; }
  .registration-library-directory td:first-child { width: auto; }
  .registration-library-drawer { inset: 0; width: 100dvw; height: 100dvh; padding-inline: 16px; border-radius: 0; }
  .registration-library-drawer .registration-library-form-details > .field { display: block; }
  .registration-library-drawer .registration-library-form-details > .field label { padding-top: 0; }
  .registration-library-drawer :is(input, select, textarea) { font-size: 16px; }
  .registration-library-column-headings { display: none; }
  .registration-library-question > summary { grid-template-columns: 3ch minmax(0, 1fr) 10px; gap: 3px 6px; }
  .registration-question-position { grid-row: 1 / span 2; }
  .registration-library-question [data-question-caption] { grid-column: 2; grid-row: 1; }
  .registration-question-type { grid-column: 2; grid-row: 2; font-size: 12px; }
  .registration-library-question > summary small { grid-column: 2; grid-row: 3; }
  .registration-library-question > summary::after { grid-column: 3; grid-row: 1 / span 2; }
}

.seat-label-workspace > h2 { font-size: 24px; }
.seat-label-intro {
  margin: 20px 0 15px;
  padding: 10px 14px;
  border-radius: 6px;
  background: #145fc0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.seat-label-workspace fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.seat-label-workspace [data-label-message]:empty { display: none; }
.seat-label-workspace [data-label-retry] { margin-bottom: 12px; }
.seat-label-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.seat-label-tabs [aria-pressed="true"] { border-color: var(--plum); color: var(--plum); }
.seat-label-directory { padding-block: 12px; }
.seat-label-headers,
.seat-label-row {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) minmax(140px, 175px) 72px;
  align-items: center;
  gap: 10px 12px;
  padding: 10px 0;
}
.seat-label-headers { color: var(--muted); font-size: 14px; }
.seat-label-headers > :first-child { text-align: center; }
.seat-label-row { border-top: 1px solid var(--line); }
.seat-label-letter {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  margin-inline: auto;
  border: 1px solid var(--muted);
  border-radius: 50%;
  font-size: 14px;
}
.seat-label-row input { min-width: 0; }
.seat-label-row input[readonly] { background: color-mix(in srgb, var(--ink) 5%, var(--staff-field, #fff)); }
.seat-label-color { position: relative; }
.seat-label-color [name="color"] { padding-inline-end: 47px; font-variant-numeric: tabular-nums; }
.seat-label-color [type="color"] {
  position: absolute;
  inset: 0 2px 0 auto;
  width: 40px;
  height: 100%;
  padding: 7px;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.seat-label-performance > select { display: block; margin-block: 5px 18px; max-width: 42rem; }
.seat-label-actions { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.seat-label-actions label { display: block; margin-bottom: 5px; }
.seat-label-workspace :is(input, select, button):focus-visible { outline-color: var(--plum); }
.seat.staff-seat-label {
  background: var(--seat-label-color);
  color: var(--seat-label-ink);
  border: 1px solid var(--muted);
  opacity: 1;
}
.seat.staff-seat-label.selected { outline: 2px solid var(--plum); outline-offset: 2px; }
.pricing-seat-labels {
  margin-block: 24px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
.pricing-label-map-picker { max-width: 42rem; }
.pricing-seat-labels select { display: block; margin-top: 5px; }
.pricing-label-map { margin-block: 16px; min-width: 0; }
.pricing-seat-labels .table-wrap { margin-top: 16px; }
.pricing-seat-labels :is(button, select):focus-visible { outline-color: var(--plum); }
@media (max-width: 600px) {
  .seat-label-headers { display: none; }
  .seat-label-row { grid-template-columns: 32px minmax(0, 1fr) 72px; }
  .seat-label-row [name="name"] { grid-column: 2 / -1; }
  .seat-label-color { grid-column: 2; }
  .seat-label-row input, .seat-label-workspace select { font-size: 16px; }
}

.pricing-template-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, 2fr) auto;
  align-items: center;
  gap: 10px 24px;
  max-width: 1600px;
  margin-bottom: 18px;
}
.pricing-template-heading h2 { margin: 0; font: 700 24px/1.2 Roboto, Arial, sans-serif; }
.pricing-template-heading .field, .pricing-template-heading .actions { margin: 0; }
.pricing-template-heading .actions { grid-column: -2 / -1; justify-content: flex-end; }
.pricing-template-heading input { min-height: 34px; }
.pricing-template-directory { max-width: 1320px; }
.pricing-template-tip {
  padding: 15px 20px;
  margin: 0 0 24px;
  border-radius: 10px;
  background: #fcfbd8;
  color: #4b4828;
}
html[data-staff-theme="dark"] .pricing-template-tip { background: #39351d; color: #f5edc3; }
.pricing-template-group { padding: 0; margin-bottom: 24px; border-radius: 10px; }
.pricing-template-group h3 {
  margin: 0;
  padding: 15px 20px;
  border-bottom: 1px solid var(--line);
  font: 400 20px/1.3 Roboto, Arial, sans-serif;
}
.pricing-template-group ul { margin: 0; padding: 10px 20px; list-style: none; }
.pricing-template-group li + li { border-top: 1px solid var(--line); }
.pricing-template-group li { padding: 8px 4px; overflow-wrap: anywhere; }
.pricing-template-group .text-button { min-height: 30px; padding: 0; text-align: start; }
.pricing-template-group small { display: block; color: var(--muted); }
.pricing-label-map .seat[data-editor-seat] { border-radius: 50%; }
@media (max-width: 1040px) {
  .pricing-template-heading { grid-template-columns: minmax(0, 1fr) auto; }
  .pricing-template-heading .field { grid-row: 2; grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .pricing-template-heading { grid-template-columns: minmax(0, 1fr); }
  .pricing-template-heading .field { grid-row: auto; }
  .pricing-template-heading .actions { justify-content: flex-start; }
  .pricing-template-heading input { min-height: 44px; }
}

.staff-map-finder {
  width: min(1020px, calc(100% - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--staff-surface, #fff);
  color: var(--ink);
}
.staff-map-finder::backdrop { background: #0006; }
.staff-map-finder-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px 10px 20px;
  min-height: 56px;
  border-bottom: 1px solid var(--line);
}
.staff-map-finder-header h2 { margin: 0; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.staff-map-finder-header button {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.staff-map-finder-header button:hover { background: var(--staff-subtle, #f1f2f3); }
.staff-map-finder-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px;
  grid-template-areas: "map controls";
  min-height: min(595px, 72dvh);
  gap: 20px;
  padding: 28px 20px 20px;
}
.staff-map-finder-display { grid-area: map; min-width: 0; }
.staff-map-finder-display > p { margin: 4px 0 14px; }
.staff-map-finder-controls { grid-area: controls; }
.staff-map-finder-controls select { width: 100%; min-height: 34px; margin-bottom: 6px; padding: 5px 8px; font-size: 13px; }
.staff-map-finder-buttons { display: grid; justify-items: center; gap: 6px; margin-top: 20px; }
.staff-map-finder-buttons .primary { min-height: 34px; padding: 6px 13px; border-radius: 100px; font-size: 12px; text-transform: uppercase; }
.staff-map-finder :is(button, select, summary):focus-visible { outline-color: var(--plum); }
.staff-map-finder [data-map-finder-map] h3 { margin: 0; font-size: 18px; overflow-wrap: anywhere; }
.staff-map-finder [data-map-finder-map] > p { margin: 6px 0 12px; }
.staff-map-finder [data-map-finder-map] .seat { border-radius: 50%; opacity: 1; }
.staff-map-finder [data-map-finder-map] .seat:disabled { cursor: default; }
.staff-map-finder-legend,
.staff-map-finder-labels { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 12px; padding: 0; list-style: none; font-size: 13px; }
.staff-map-finder-labels { margin: 12px 0 0; }
.staff-map-finder-legend strong { font-variant-numeric: tabular-nums; }
.staff-map-finder-seat-detail { margin-top: 14px; }
.staff-map-finder-seat-detail summary { width: fit-content; padding-block: 8px; cursor: pointer; }
.staff-map-finder-seat-detail select { width: 100%; max-width: 24rem; }
.staff-map-finder-seat-detail p:empty { display: none; }

@media (max-width: 640px) {
  .staff-map-finder { width: calc(100% - 20px); max-height: calc(100dvh - 20px); }
  .staff-map-finder-body {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "controls" "map";
    gap: 16px;
    padding: 14px 12px;
  }
  .staff-map-finder-controls select, .staff-map-finder-buttons .primary { min-height: 44px; }
  .staff-map-finder-controls select { font-size: 16px; }
  .staff-map-finder-buttons { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
}
@media screen { .staff-map-finder-report { display: none; } }
@media print {
  html:has(.staff-map-finder[open] .staff-map-finder-report:not([hidden])),
  body:has(> .staff-map-finder[open] .staff-map-finder-report:not([hidden])) { background: #fff !important; }
  body:has(> .staff-map-finder[open] .staff-map-finder-report:not([hidden])) > :not(.staff-map-finder),
  .staff-map-finder:has(.staff-map-finder-report:not([hidden])) > :not(.staff-map-finder-report) { display: none !important; }
  .staff-map-finder:has(.staff-map-finder-report:not([hidden])) {
    position: static;
    width: 100%;
    max-height: none;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #111;
    overflow: visible;
  }
  .staff-map-finder::backdrop { display: none; }
  .staff-map-finder-report { padding: 12px 18px; font-size: 11pt; }
  .staff-map-finder-report table { width: 100%; border-collapse: collapse; }
  .staff-map-finder-report tr { break-inside: avoid; }
}

.fee-group-directory { max-width: 1320px; }
.fee-group-directory .registration-library-intro { margin-top: 0; }
.fee-group-table { padding: 0 20px 16px; border-radius: 10px; }
.fee-group-table .table-wrap { overflow-x: auto; }
.fee-group-table table { min-width: 0; }
.fee-group-table td:first-child { width: 52%; }
.fee-group-table td small { display: block; color: var(--muted); }
.fee-group-table :is(td, th) { padding: 12px 8px; overflow-wrap: anywhere; }
.fee-group-usage { margin-top: 18px; }
[data-subscription-fee-group-picker] { margin-block: 12px; }
[data-subscription-fee-group-picker] summary { cursor: pointer; color: var(--plum); padding-block: 7px; }
[data-subscription-fee-group-picker] .field { max-width: 38rem; }
[data-subscription-fee-group-picker] .actions { margin-top: 10px; }
@media (max-width: 640px) {
  .fee-group-table { padding: 0 10px 10px; }
  .fee-group-table :is(td, th) { padding: 8px 5px; font-size: 12px; }
}
.fee-group-editor > .panel { padding: 18px 0 22px; border: 0; }
.fee-group-editor [data-fee-editor-message]:empty { display: none; }
.fee-group-editor form > fieldset { min-width: 0; }
.fee-group-editor form label { display: block; margin-block: 8px; }
.fee-group-editor form .check-line { display: flex; }
.fee-group-editor form .form-grid { align-items: start; }
.fee-group-editor form summary { cursor: pointer; padding-block: 6px; }
.fee-group-editor form > fieldset > label { max-width: 34rem; }
.fee-group-editor .registration-library-drawer-header,
.fee-group-editor form > fieldset > .actions {
  position: sticky;
  z-index: 2;
  background: var(--staff-surface, #fff);
}
.fee-group-editor .registration-library-drawer-header { top: 0; }
.fee-group-editor form > fieldset > .actions { bottom: 0; padding-block: 12px; border-top: 1px solid var(--line); }

.price-group-workspace { max-width: 1320px; }
.price-group-workspace .registration-library-intro { margin-top: 0; }
.price-group-toolbar { margin-inline: 0; }
.price-group-toolbar select { min-width: 142px; }
.price-group-list-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding-block: 8px;
}
.price-group-list-actions p { margin: 0; }
.price-group-list-actions .primary { border-radius: 999px; }
.price-group-table { margin-bottom: 14px; padding: 0 16px 8px; }
.price-group-table h3 { font-size: 16px; margin: 14px 0 6px; overflow-wrap: anywhere; }
.price-group-table table { width: 100%; min-width: 0; }
.price-group-table :is(td,th) { padding: 6px 8px; }
.price-group-table :is(td,th):nth-child(3) { width: 57%; overflow-wrap: anywhere; }
.price-group-table td:nth-child(4) { font-variant-numeric: tabular-nums; white-space: nowrap; }
.price-group-table :is(td,th):last-child { text-align: right; }
.price-group-table td .text-button { min-height: 36px; padding: 4px; text-align: left; }
.price-group-table td .price-group-gear { min-width: 36px; text-align: center; }
.price-group-table .price-group-detail td { background: var(--staff-background, #f5f7fa); color: var(--muted); }
.price-group-swatch {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border: 1px solid #2224;
  border-radius: 50%;
  background: var(--group-color);
}
.price-group-color-field { display: grid; grid-template-columns: minmax(0, 1fr) 46px; gap: 8px; }
.price-group-color-field input[type="color"] { height: 100%; padding: 3px; cursor: pointer; }
.price-group-editor [data-price-group-error] { margin: 8px 0; }
.price-group-editor [data-price-group-error]:empty { display: none; }
.price-group-editor [hidden], .price-group-workspace [hidden] { display: none; }
.pricing-template-ticket-setup { margin-block: 24px; }
.pricing-template-ticket-setup h4 { margin: 0; }
.pricing-template-ticket-types caption { text-align: start; }
.pricing-template-ticket-editor > form { display: flex; flex: 1; flex-direction: column; min-height: 0; }
.pricing-template-ticket-fields { flex: 1; overflow-y: auto; padding: 20px 4px 12px; }
.pricing-template-ticket-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pricing-template-ticket-fields fieldset { border: 0; padding: 0; margin-block: 16px; min-width: 0; }
.pricing-template-ticket-fields label { display: flex; flex-direction: column; gap: 4px; }
.pricing-template-ticket-fields label.check-line { flex-direction: row; align-items: center; margin-block: 8px; }
.pricing-template-ticket-fields details { border-block-start: 1px solid var(--line); margin-top: 20px; padding-block: 14px; }
.pricing-template-ticket-fields details > summary { margin-bottom: 12px; }
.pricing-template-ticket-fields [hidden], [data-template-ticket-error]:empty { display: none; }
.staff-manage-tickets { display: grid; gap: 30px; max-width: 1320px; }
.staff-manage-tickets-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin-bottom: -12px; }
.staff-manage-tickets-heading h2 { margin: 0; font: 600 24px/1.45 Roboto, Arial, sans-serif; }
.staff-manage-tickets [data-ticket-apply-template],
.event-ticket-template-drawer footer button {
  min-height: 34px;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.staff-manage-tickets .staff-ticket-panel { margin: 0; padding: 0; min-width: 0; border: 0; border-radius: 10px; }
.staff-ticket-panel > h3 { margin: 0; padding: 16px 20px; border-bottom: 1px solid var(--line); font-size: 20px; font-weight: 400; }
.staff-ticket-panel-body { padding: 20px; }
.staff-ticket-panel :is(th, td) { padding: 10px 8px; font-size: 13px; }
.staff-ticket-panel table { font-variant-numeric: tabular-nums; }
.staff-ticket-panel table[aria-labelledby] { min-width: 35rem; }
.staff-ticket-panel table[aria-labelledby] :is(th,td):nth-child(n+3) { text-align: center; }
.staff-ticket-panel table[aria-labelledby] thead th { font-weight: 400; white-space: nowrap; }
.staff-ticket-panel table[aria-labelledby] thead th,
.staff-ticket-panel table[aria-labelledby] tbody th { background: transparent; }
.staff-ticket-panel tfoot :is(th,td) { font-weight: 600; }
.staff-ticket-panel table[aria-labelledby] tfoot td { text-align: center; }
.staff-ticket-price { font-weight: 600; white-space: nowrap; }
.staff-ticket-narrow { display: none; }
.staff-ticket-status { white-space: nowrap; }
.staff-ticket-status[data-status="Sold out"] { color: #a42b29; }
html[data-staff-theme="dark"] .staff-ticket-status[data-status="Sold out"] { color: #ffacaa; }
.staff-manage-tickets #manage-ticket-date { width: 100%; height: 44px; font-size: 13px; border-radius: 6px; }
.event-ticket-template-drawer { border-radius: 10px; }
.event-ticket-template-drawer::backdrop { background: rgb(0 0 0 / 12%); }
.event-ticket-template-drawer .registration-library-drawer-header { min-height: 62px; }
.event-ticket-template-drawer .registration-library-drawer-header h2 { font-size: 16px; font-weight: 400; }
.event-ticket-template-drawer .registration-library-drawer-header button { color: inherit; font-size: 20px; font-weight: 400; }
.event-ticket-template-drawer footer.actions { padding-block: 20px; }
.event-ticket-template-fields { flex: 1; min-height: 0; overflow-y: auto; padding-block: 20px; }
.event-ticket-template-fields > fieldset { padding: 0; border: 0; min-width: 0; margin: 0; }
.event-ticket-template-fields fieldset fieldset { border: 1px solid var(--line); min-width: 0; margin: 16px 0; }
.event-ticket-template-fields #event-pricing-template { width: 100%; }
.event-ticket-template-fields label[for="event-pricing-template"] { font-size: 13px; font-weight: 400; }
.event-ticket-template-fields #event-pricing-template { min-height: 30px; padding: 4px 9px; font-size: 13px; border-radius: 6px; }
.event-ticket-template-fields > .panel { padding: 0; border: 0; }
.staff-ticket-panel [data-ticket-registration-saved]:empty,
.event-ticket-registration-drawer [data-registration-status]:empty { display: none; }
.staff-ticket-panel .staff-ticket-name-button { color: #297c16; padding: 4px 0; min-height: 36px; text-align: start; }
.event-ticket-registration-drawer { --ticket-registration-green: #297c16; }
.event-ticket-registration-drawer .registration-library-drawer-header { min-height: 62px; }
.event-ticket-registration-form { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.event-ticket-registration-body { flex: 1; min-height: 0; overflow-y: auto; padding: 14px 3px 18px; }
.event-ticket-registration-context,
.event-ticket-registration-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 12px 22px; align-items: center; }
.event-ticket-registration-context { margin: 4px 0 20px; }
.event-ticket-registration-context dd { margin: 0; overflow-wrap: anywhere; }
.event-ticket-registration-context small { color: var(--muted); }
.event-ticket-registration-context dt,
.event-ticket-registration-row label { font-size: 13px; font-weight: 600; }
.event-ticket-registration-body details { border-block-start: 1px solid var(--line); padding-block: 14px; }
.event-ticket-registration-body summary { cursor: pointer; font-weight: 600; }
.event-ticket-registration-body [data-registration-fields] > p { margin: 14px 0; }
.event-ticket-registration-row { border-block-start: 1px solid var(--line); padding-block: 8px; }
.event-ticket-registration-row select { min-width: 0; min-height: 44px; border-color: var(--line); }
.event-ticket-registration-drawer footer { align-items: center; }
.event-ticket-registration-drawer footer [data-close] { margin-inline-end: auto; }
.event-ticket-registration-drawer footer button { min-height: 44px; }
.event-ticket-registration-drawer .primary { background: var(--ticket-registration-green); border-color: var(--ticket-registration-green); color: #fff; }
.event-ticket-registration-drawer .primary:not(:disabled):hover { background: #236914; }
html[data-staff-theme="dark"] .staff-ticket-panel .staff-ticket-name-button { color: #a6d591; }
html[data-staff-theme="dark"] .event-ticket-registration-drawer .primary { background: #a6d591; border-color: #a6d591; color: #192c12; }
.pricing-ticket-type-review details { margin-block: 8px; }
.pricing-ticket-type-review table th[scope="row"] { min-width: 8rem; }
@media (max-width: 620px) {
  .pricing-template-ticket-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .staff-manage-tickets { gap: 16px; }
  .staff-manage-tickets-heading { margin-bottom: 0; }
  .staff-manage-tickets :is(#manage-ticket-date, #event-pricing-template) { font-size: 16px; }
  .staff-manage-tickets [data-ticket-apply-template],
  .event-ticket-template-drawer footer button { min-height: 44px; }
  .staff-ticket-panel > h3 { padding-inline: 12px; }
  .staff-ticket-panel-body { padding: 12px; }
  .staff-ticket-panel table[aria-labelledby] { min-width: 0; }
  .staff-ticket-panel :is(th,td) { padding-inline: 4px; font-size: 12px; }
  .staff-ticket-panel :is(.staff-ticket-section,.staff-ticket-status-cell) { display: none; }
  .staff-ticket-panel .staff-ticket-narrow { display: block; margin-top: 2px; font-size: 11px; font-weight: 400; }
  .staff-ticket-price { white-space: normal; }
  .event-ticket-template-drawer { border-radius: 0; }
  .staff-ticket-panel .staff-ticket-name-button { min-height: 44px; }
  .event-ticket-registration-context,
  .event-ticket-registration-row { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .event-ticket-registration-context dd { margin-bottom: 10px; }
}
@media (max-width: 560px) {
  #staff-header-shortcuts { display: none; }
  body[data-surface="staff"] .staff-header-identity { min-width: 0; }
}
.subscription-price-group-picker { margin: 8px 0; }
.subscription-price-group-picker summary { cursor: pointer; color: var(--plum); }
.subscription-price-group-picker label { display: block; max-width: 32rem; margin: 8px 0; }
@media (max-width: 540px) {
  .price-group-toolbar .registration-library-views button { min-height: 44px; padding-inline: 10px; }
  .price-group-toolbar select { min-width: 0; max-width: 100%; }
  .price-group-table { padding-inline: 6px; }
  .price-group-table :is(td,th) { padding-inline: 4px; font-size: 12px; }
  .price-group-table td .text-button { min-height: 44px; }
  .price-group-table td .price-group-gear { min-width: 44px; }
}

[data-price-group-ticket-prices] { border-top: 1px solid var(--line); padding-block: 12px 18px; }
[data-price-group-ticket-prices] h3 { font-size: 16px; margin-block: 4px 8px; }
.price-group-type-row {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px 12px;
  margin-bottom: 10px;
}
.price-group-type-row .text-button { min-height: 42px; }
@media (max-width: 365px) {
  .price-group-type-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .price-group-type-row .text-button { grid-column: 2; justify-self: end; }
}

.event-price-groups-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 10px 24px;
  margin-bottom: 16px;
}
.event-price-groups-heading h2 { margin: 0; }
.event-price-groups-date { min-width: 0; max-width: 100%; }
.event-price-groups-heading select { max-width: 100%; }
.event-price-groups .price-group-table th:nth-child(3),
.event-price-groups .price-group-table td:nth-child(3) { width: 27%; }
.event-price-groups .price-group-table :is(th,td):last-child { text-align: start; }
.event-price-groups .price-group-table select { min-width: 10rem; }
.event-price-groups .price-group-table .actions { margin: 14px 0 5px; align-items: center; }
.event-price-groups .price-group-table .primary { border-radius: 999px; }
.event-price-groups-confirm { margin-block: 16px; }
.event-price-groups-confirm button { margin-top: 10px; }

.event-price-group-caption { display: none; }
@media (max-width: 650px) {
  .event-price-groups-date, .event-price-groups-date select { width: 100%; }
  .event-price-groups .price-group-table :is(table,tbody) { display: block; }
  .event-price-groups .price-group-table thead {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .event-price-groups .price-group-table tbody tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--line);
  }
  .event-price-groups .price-group-table td {
    width: auto;
    min-width: 0;
    padding: 0 4px;
    border: 0;
  }
  .event-price-groups .price-group-table td:first-child { display: none; }
  .event-price-groups .price-group-table td[colspan] { display: block; grid-column: 1 / -1; }
  .event-price-groups .price-group-table td:nth-child(3) { width: auto; grid-area: 1 / 1; }
  .event-price-groups .price-group-table td:nth-child(5) { grid-area: 2 / 1; }
  .event-price-groups .price-group-table td:nth-child(6) { grid-column: 1 / -1; }
  .event-price-groups .price-group-table td small { display: block; }
  .event-price-groups .price-group-table select { width: 100%; min-width: 0; }
  .event-price-group-caption { display: block; margin-bottom: 3px; color: var(--muted); font-size: 11px; }
}

.event-local-price-groups { margin-block: 16px; }
.event-local-price-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.event-local-price-heading h3 { margin: 0; font-size: 16px; }
.event-local-price-heading .primary { border-radius: 999px; }
.event-local-group-list { list-style: none; padding: 0; margin: 0; }
.event-local-group-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(5rem, auto) auto;
  align-items: center;
  gap: 8px 14px;
  padding-block: 9px;
  border-top: 1px solid var(--line);
  overflow-wrap: anywhere;
}
.event-local-group-list small { display: block; color: var(--muted); margin-top: 3px; }
.event-group-copy { display: block; }

body[data-surface="staff"]:has(.staff-sign-in) {
  min-height: 100vh;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  background:
    radial-gradient(ellipse at 100% 100%, #b52b8f, transparent 65%),
    radial-gradient(ellipse at 0 100%, #2569ac, transparent 70%),
    #091b47;
}
body[data-surface="staff"]:has(.staff-sign-in) .topbar {
  padding: 1.25rem clamp(1rem, 3vw, 2rem);
  border: 0;
  background: transparent;
}
body[data-surface="staff"]:has(.staff-sign-in) .staff-header-identity { min-width: 0; }
body[data-surface="staff"]:has(.staff-sign-in) .staff-header-identity a {
  color: #fff;
  font-size: clamp(1.1rem, 2.7vw, 1.65rem);
  letter-spacing: -.02em;
}
body[data-surface="staff"]:has(.staff-sign-in) main {
  padding: clamp(1.5rem, 5vw, 4rem) 1rem 3rem;
}
.staff-sign-in {
  display: grid;
  gap: clamp(1.4rem, 4vw, 3.5rem);
  width: min(100%, 41rem);
  margin-inline: auto;
  --plum: #0d63e3;
  --ink: #272a30;
  --muted: #596170;
  --line: #dfe3eb;
  color: var(--ink);
}
.staff-sign-in > h1 {
  margin: 0;
  color: #fff;
  font: 750 clamp(1.65rem, 4vw, 2.35rem)/1.2 Roboto, Arial, Helvetica, sans-serif;
  letter-spacing: -.025em;
  text-align: center;
  text-wrap: balance;
}
.staff-sign-in-card {
  padding: clamp(1.3rem, 4vw, 3.35rem);
  border: 0;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 .45rem 1.8rem #020d2f60;
}
.staff-sign-in-card h2 { margin-bottom: 1rem; font-size: 1.25rem; }
.staff-sign-in-card .field { margin: 0 0 1rem; }
.staff-sign-in-card label, .staff-sign-in-card summary, .staff-sign-in-actions a { font-size: .925rem; }
.staff-sign-in-card input {
  min-height: 48px;
  border-color: #bfc6d1;
  font-size: max(16px, 1rem);
}
.staff-sign-in-card summary { padding: .5rem 0; cursor: pointer; }
.staff-sign-in-card details[open] { margin-bottom: 1rem; }
.staff-sign-in-card details[open] > summary { margin-bottom: .7rem; }
.staff-sign-in-card :is(a, button, input, summary):focus-visible { outline-color: var(--plum); }
.staff-sign-in-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .5rem .85rem;
  margin-top: .7rem;
}
.staff-sign-in-actions a { padding-block: .7rem; text-underline-offset: .17em; }
.staff-sign-in-actions .primary {
  min-height: 48px;
  min-width: min(100%, 12rem);
  font-size: .95rem;
  text-transform: uppercase;
}
.staff-sign-in-actions .primary:hover { background: #0a52bd; }
@media (max-width: 480px) {
  .staff-sign-in-actions .primary { min-width: min(100%, 6rem); }
}