:root {
  --ink: #15202e;
  --muted: #697588;
  --line: #dce3ed;
  --surface: #ffffff;
  --soft: #f6f8fb;
  --purple: #6633f1;
  --violet: #7d4cff;
  --teal: #1ba784;
  --amber: #e79d21;
  --coral: #ef6f5d;
  --blue: #2868d8;
  --shadow: 0 24px 70px rgba(24, 31, 45, 0.22);
  --ui-border: #dce3ed;
  --ui-selected-background: #f8f6ff;
  --ui-selected-border: #b9a8ff;
  --ui-warning-background: #fffaf0;
  --ui-warning-border: #edc36f;
  --fullscreen-nav-width: 248px;
  --speaker-assignment-width: 419px;
  --event-manager-panel-width: 419px;
  --cms-dimensions-layout-app-navigation-width: 200px;
  --cms-dimensions-layout-app-navigation-width-collapsed: 68px;
  --cms-color-navigation-background-selected: #f1edff;
  --cms-color-navigation-icon-background-default: #eef2f7;
  --cms-color-navigation-icon-background-selected: #dfd7ff;
  --cms-color-navigation-text-default: #526074;
  --cms-color-navigation-icon-default: #647187;
  --cms-color-navigation-icon-selected: #6633f1;
  --ds-card-radius: 8px;
  --ds-card-border: var(--line);
  --ds-card-background: var(--surface);
  --ds-card-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  --ds-slidein-header-background: linear-gradient(169deg, #f6f2fe 15%, #f2faf8 85%);
  --ds-slidein-body-background: linear-gradient(180deg, #fbfcff 0%, #ffffff 44%);
  --ds-slidein-card-background: #f8fafc;
  --ds-slidein-card-border: #e1e7f0;
  --ds-slidein-divider: #edf1f6;
  --ds-pill-height: 22px;
  --ds-pill-padding: 7px;
  --ds-pill-radius: 999px;
  --ds-pill-font-size: 11px;
  --ds-status-info-border: #dce3ed;
  --ds-status-info-background: #eef4ff;
  --ds-status-info-text: #1d5bbf;
  --event-manager-workspace-gutter: 18px;
}

* {
  box-sizing: border-box;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  background: #e9edf4;
  color: var(--ink);
  font-family: Roboto, Arial, sans-serif;
}

input,
select,
textarea {
  font-family: Roboto, Arial, sans-serif;
}

button {
  border: 0;
  font: inherit;
  color: inherit;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* UpGather dashboard primitives. Context-specific screens may extend these classes. */
.ds-dashboard-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--ds-card-border);
  border-radius: var(--ds-card-radius);
  background: var(--ds-card-background);
  box-shadow: var(--ds-card-shadow);
}

.ds-stat-card {
  min-width: 0;
  position: relative;
  border: 1px solid var(--ds-card-border);
  border-radius: var(--ds-card-radius);
  background: var(--ds-card-background);
  box-shadow: var(--ds-card-shadow);
  text-align: left;
}

.ds-section-header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid var(--ds-card-border);
}

.ds-segmented-control {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

.ds-segmented-control button {
  flex: 0 0 auto;
  border: 1px solid transparent;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-weight: 600;
}

.ds-segmented-control button:hover {
  background: var(--soft);
  color: #344258;
}

.ds-segmented-control button.is-active,
.ds-segmented-control button[aria-selected="true"] {
  border-color: var(--ui-selected-border);
  background: var(--ui-selected-background);
  color: #5d35d8;
}

.ds-readiness-row {
  min-width: 0;
  display: grid;
  border: 0;
  background: transparent;
  text-align: left;
}

.ds-stat-card:focus-visible,
.ds-segmented-control button:focus-visible,
.ds-readiness-row:focus-visible {
  outline: 3px solid rgba(102, 51, 241, 0.18);
  outline-offset: 2px;
}

body.is-event-manager {
  overflow: hidden;
  background: #f4f7fb;
}

html[data-figma-export="attendee-assign-event"],
html[data-figma-export="attendee-assign-event"] body {
  width: 419px;
  min-width: 419px;
  max-width: 419px;
  height: 1068px;
  min-height: 1068px;
  max-height: 1068px;
  overflow: hidden;
  background: #f7f9fc;
}

html[data-figma-export="attendee-assign-event"] .event-manager-app {
  width: 419px;
  height: 1068px;
  min-height: 1068px;
  display: block !important;
  overflow: hidden;
}

html[data-figma-export="attendee-assign-event"] .event-manager-app > :not(.attendee-event-drawer) {
  display: none !important;
}

html[data-figma-export="attendee-assign-event"] .attendee-event-drawer {
  position: relative;
  inset: auto;
  width: 419px;
  height: 1068px;
  transform: none !important;
  visibility: visible !important;
  transition: none;
}

html[data-figma-export="member-invitation"],
html[data-figma-export="member-invitation"] body {
  width: 419px;
  min-width: 419px;
  max-width: 419px;
  height: 1068px;
  min-height: 1068px;
  max-height: 1068px;
  overflow: hidden;
  background: #f4f7fb;
}

html[data-figma-export="member-invitation"] .event-manager-app {
  width: 419px;
  height: 1068px;
  min-height: 1068px;
  display: block !important;
  overflow: hidden;
}

html[data-figma-export="member-invitation"] .event-manager-app > :not(.member-record-drawer) {
  display: none !important;
}

html[data-figma-export="member-invitation"] .member-record-drawer {
  position: relative;
  inset: auto;
  width: 419px;
  height: 1068px;
  transform: none !important;
  visibility: visible !important;
  transition: none;
}

html[data-figma-export="member-invitation"] .figma-control-replica {
  width: 100%;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 10px;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  background: #ffffff;
  color: #15202e;
  font-size: 11px;
}

html[data-figma-export="member-invitation"] .figma-select-replica::after {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-right: 1.5px solid #697588;
  border-bottom: 1.5px solid #697588;
  content: "";
  transform: translateY(-2px) rotate(45deg);
}

html[data-figma-export="member-invitation"] .figma-date-icon {
  position: relative;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  border: 1.5px solid #697588;
  border-radius: 2px;
}

html[data-figma-export="member-invitation"] .figma-date-icon::before {
  position: absolute;
  top: 3px;
  right: 0;
  left: 0;
  border-top: 1.5px solid #697588;
  content: "";
}

html[data-figma-export="member-invitation"] .figma-date-icon::after {
  position: absolute;
  top: -3px;
  left: 2px;
  width: 6px;
  height: 3px;
  border-right: 1.5px solid #697588;
  border-left: 1.5px solid #697588;
  content: "";
}

.event-manager-app {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-right: 0;
  background: #f4f7fb;
  transition: padding-right 220ms ease;
}

.event-manager-app[hidden] {
  display: none;
}

.breadcrumb-button[hidden] {
  display: none;
}

.event-manager-app.has-open-editor,
.event-manager-app.has-event-selector,
.event-manager-app.has-series-details,
.event-manager-app.has-attendee-details,
.event-manager-app.has-attendee-event,
.event-manager-app.has-attendee-merge,
.event-manager-app.has-member-record,
.event-manager-app.has-integration-drawer,
.event-manager-app.has-integration-request {
  padding-right: var(--event-manager-panel-width);
}

.event-manager-app:is(.has-open-editor, .has-event-selector, .has-series-details, .has-attendee-details, .has-attendee-event, .has-attendee-merge, .has-member-record, .has-integration-drawer, .has-integration-request) .event-manager-topbar {
  width: 100vw;
}

.event-manager-topbar {
  position: relative;
  z-index: 20;
  height: 56px;
  flex: 0 0 56px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px 0 0;
  border-bottom: 1px solid #dce3ed;
  background: #ffffff;
}

.event-manager-brand-group {
  width: var(--cms-dimensions-layout-app-navigation-width);
  height: 100%;
  flex: 0 0 var(--cms-dimensions-layout-app-navigation-width);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px 0 18px;
  border-right: 1px solid #e4e8ef;
  transition: width 180ms ease, flex-basis 180ms ease, padding 180ms ease;
}

.event-manager-brand {
  display: flex;
  align-items: center;
  gap: 3px;
  color: #111827;
  font-size: 20px;
  letter-spacing: 0;
}

.event-manager-brand strong {
  font-weight: 900;
}

.event-manager-brand > span {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: var(--purple);
}

.event-manager-nav-toggle,
.event-manager-settings-button,
.event-manager-account {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  background: #ffffff;
  color: #526074;
  cursor: pointer;
}

.event-manager-nav-toggle {
  border-color: transparent;
  background: transparent;
}

.event-manager-nav-toggle:hover,
.event-manager-nav-toggle:focus-visible,
.event-manager-settings-button:hover,
.event-manager-settings-button:focus-visible,
.event-manager-account:hover,
.event-manager-account:focus-visible {
  border-color: #d8dfe9;
  background: #f5f7fa;
  color: #29364a;
  outline: 0;
}

.event-manager-settings-button {
  color: #657389;
  cursor: pointer;
}

.event-manager-settings-button svg {
  width: 16px;
  height: 16px;
  stroke-width: 1.6;
}

.event-manager-nav-toggle svg {
  width: 16px;
  height: 16px;
  stroke-width: 1.5;
}

.event-manager-nav-toggle svg {
  transition: transform 160ms ease;
}

.event-manager-app.is-nav-collapsed .event-manager-nav-toggle svg {
  transform: scaleX(-1);
}

.event-manager-search-cluster {
  position: absolute;
  left: 50%;
  width: min(360px, 39vw);
  transform: translateX(-50%);
}

.event-manager-global-search {
  position: relative;
  width: 100%;
}

.event-manager-global-search input,
.event-manager-table-search input {
  width: 100%;
  height: 34px;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  outline: none;
  background: #f9fafc;
  color: var(--ink);
  font-size: 13px;
  padding: 0 12px 0 34px;
}

.event-manager-global-search::before,
.event-manager-table-search::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 50%;
  width: 10px;
  height: 10px;
  border: 1.5px solid #748197;
  border-radius: 50%;
  transform: translateY(-58%);
}

.event-manager-global-search::after,
.event-manager-table-search::after {
  content: "";
  position: absolute;
  left: 22px;
  top: 21px;
  width: 5px;
  height: 1.5px;
  border-radius: 2px;
  background: #748197;
  transform: rotate(45deg);
}

.event-manager-global-search input:focus,
.event-manager-table-search input:focus {
  border-color: #9c83ff;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.event-manager-top-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding-left: 12px;
  border-left: 1px solid #e7ebf1;
}

.event-manager-search-cluster .integration-category-filter--topbar {
  position: absolute;
  right: calc(100% + 8px);
  width: 132px;
}

.event-manager-search-cluster .event-manager-create-menu {
  position: absolute;
  top: 50%;
  left: calc(100% + 8px);
  transform: translateY(-50%);
}

.event-manager-create-menu {
  position: relative;
  display: flex;
  align-items: center;
}

.event-manager-event-count,
.event-manager-create,
.event-manager-toolbar-secondary,
.event-manager-grid-state button {
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 13px;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  background: #ffffff;
  color: #344258;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}

.event-manager-event-count strong {
  min-width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  background: #eee9ff;
  color: var(--purple);
  font-size: 11px;
}

.event-manager-event-count svg {
  width: 14px;
  height: 14px;
  color: #68758a;
  stroke-width: 1.5;
}

.event-manager-event-count:hover,
.event-manager-event-count:focus-visible {
  border-color: #bbaeff;
  background: #faf9ff;
  color: var(--purple);
  outline: 0;
}

.event-manager-create {
  border-color: var(--purple);
  background: var(--purple);
  color: #ffffff;
  box-shadow: 0 4px 10px rgba(102, 51, 241, 0.18);
}

.event-manager-top-actions .event-manager-create {
  width: 34px;
  min-width: 34px;
  padding: 0;
  gap: 0;
}

.event-manager-search-cluster .event-manager-create {
  width: auto;
  min-width: 78px;
  padding-inline: 10px;
  gap: 6px;
  border-color: var(--purple);
  background: var(--purple);
  color: #ffffff;
  box-shadow: none;
  font-weight: 500;
}

.event-manager-search-cluster .event-manager-create .ui-icon-host {
  color: #ffffff;
}

.event-manager-search-cluster .event-manager-create:hover,
.event-manager-search-cluster .event-manager-create:focus-visible,
.event-manager-search-cluster .event-manager-create[aria-expanded="true"] {
  border-color: #5929dc;
  background: #5929dc;
  color: #ffffff;
  box-shadow: none;
  outline: 0;
}

.event-manager-create:hover,
.event-manager-create:focus-visible {
  border-color: #5929dc;
  background: #5929dc;
  box-shadow: 0 5px 14px rgba(102, 51, 241, 0.24);
  outline: 0;
}

.event-manager-create svg {
  width: 14px;
  height: 14px;
  stroke-width: 1.5;
}

.event-manager-create-menu-popover {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 90;
  width: 256px;
  display: grid;
  gap: 3px;
  padding: 6px;
  border: 1px solid #dfe7f2;
  border-radius: 7px;
  background: #ffffff;
  box-shadow: 0 14px 32px rgba(20, 28, 45, 0.16);
}

.event-manager-create-menu-popover[hidden] {
  display: none;
}

.event-manager-create-menu-label {
  padding: 6px 8px 4px;
  color: #7b8799;
  font-size: 9px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

.event-manager-create-menu-popover button {
  width: 100%;
  min-height: 48px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 7px 8px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #263449;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.event-manager-create-menu-popover button:hover,
.event-manager-create-menu-popover button:focus-visible {
  background: #f8f6ff;
  outline: 0;
}

.event-manager-create-menu-popover button > .ui-icon-host {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  background: #f5f1ff;
  color: var(--purple);
}

.event-manager-create-menu-popover button > span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.event-manager-create-menu-popover button strong {
  color: #182230;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
}

.event-manager-create-menu-popover button small {
  color: #667085;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.35;
}

.event-manager-create-menu-popover button svg {
  width: 14px;
  height: 14px;
}

.event-manager-account {
  border-color: #d6cdfc;
  background: #f4f1ff;
  color: var(--purple);
  font-size: 11px;
  font-weight: 700;
}

.event-manager-account-menu {
  position: relative;
  display: grid;
}

.event-manager-account.is-active,
.event-manager-settings-button[aria-expanded="true"],
.event-manager-account[aria-current="page"] {
  border-color: #b8a7fa;
  background: #ece7ff;
  box-shadow: 0 0 0 2px rgba(102, 51, 241, 0.1);
}

.event-manager-account-menu-popover {
  width: 232px;
}

.event-manager-account-menu-popover button {
  min-height: 48px;
}

.event-manager-account-menu-popover button > span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.event-manager-account-menu-popover button strong,
.event-manager-account-menu-popover button small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-manager-account-menu-popover button strong {
  font-size: 11px;
  font-weight: 600;
}

.event-manager-account-menu-popover button small {
  color: #7a8699;
  font-size: 9px;
  font-weight: 400;
}

.event-manager-layout {
  min-height: 0;
  flex: 1;
  display: grid;
  grid-template-columns: var(--cms-dimensions-layout-app-navigation-width) minmax(0, 1fr);
  overflow: hidden;
}

.event-manager-sidebar {
  min-height: 0;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #dce3ed;
  background: #ffffff;
  overflow: hidden;
}

.event-manager-sidebar nav {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 16px 12px;
}

.event-manager-sidebar nav button {
  position: relative;
  width: 100%;
  height: 38px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 7px;
  background: transparent;
  color: var(--cms-color-navigation-text-default);
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  cursor: pointer;
}

.event-manager-sidebar nav button svg {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  margin-right: 9px;
  padding: 4px;
  border-radius: 6px;
  background: var(--cms-color-navigation-icon-background-default);
  color: var(--cms-color-navigation-icon-default);
  stroke-width: 1.5;
}

.event-manager-sidebar nav button:hover {
  background: #f6f8fb;
  color: #263449;
}

.event-manager-sidebar nav button.is-active {
  background: var(--cms-color-navigation-background-selected);
  color: var(--purple);
  font-weight: 500;
}

.event-manager-sidebar nav button.is-active svg {
  background: var(--cms-color-navigation-icon-background-selected);
  color: var(--cms-color-navigation-icon-selected);
}

.event-manager-organization {
  width: calc(100% - 24px);
  min-height: 54px;
  display: flex;
  align-items: center;
  gap: 9px;
  margin: auto 12px 14px;
  padding: 8px;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
  text-align: left;
}

.event-manager-organization > span:first-child {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #291466;
  color: #ffffff;
  font-size: 9px;
  font-weight: 700;
}

.event-manager-organization > span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.event-manager-organization strong,
.event-manager-organization small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-manager-organization strong {
  font-size: 11px;
  font-weight: 500;
}

.event-manager-organization small {
  color: var(--muted);
  font-size: 10px;
}

.event-manager-app.is-nav-collapsed .event-manager-layout {
  grid-template-columns: var(--cms-dimensions-layout-app-navigation-width-collapsed) minmax(0, 1fr);
}

.event-manager-app.is-nav-collapsed .event-manager-brand-group {
  width: var(--cms-dimensions-layout-app-navigation-width-collapsed);
  flex-basis: var(--cms-dimensions-layout-app-navigation-width-collapsed);
  justify-content: center;
  padding-inline: 0;
}

.event-manager-app.is-nav-collapsed .event-manager-brand {
  display: none;
}

.event-manager-app.is-nav-collapsed .event-manager-sidebar nav {
  padding-inline: 10px;
}

.event-manager-app.is-nav-collapsed .event-manager-sidebar nav button {
  justify-content: center;
  padding: 0;
}

.event-manager-app.is-nav-collapsed .event-manager-sidebar nav button svg {
  margin: 0;
}

.event-manager-app.is-nav-collapsed .event-manager-sidebar nav button > span:last-child,
.event-manager-app.is-nav-collapsed .event-manager-organization > span:last-child {
  display: none;
}

.event-manager-app.is-nav-collapsed .event-manager-organization {
  width: 44px;
  justify-content: center;
  margin-inline: 12px;
  padding: 6px;
}

.event-manager-workspace {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 14px var(--event-manager-workspace-gutter) 18px;
  overflow: hidden;
}

.event-manager-workspace[hidden] {
  display: none;
}

.home-dashboard-workspace {
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--soft);
}

.home-summary-band button:focus-visible,
.home-work-filters button:focus-visible,
.home-work-action:focus-visible,
.home-work-overflow summary:focus-visible,
.home-upcoming-list button:focus-visible,
.home-chart-ranges button:focus-visible,
.home-readiness-list button:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.14);
}

.home-dashboard-body {
  width: min(1380px, 100%);
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 auto;
  padding: 18px 24px 28px;
}

.home-dashboard-snapshot {
  margin: 0 0 -8px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.4;
}

.home-dashboard-body.is-dashboard-state > :not(.home-dashboard-data-state) {
  display: none;
}

.home-dashboard-data-state {
  min-height: 360px;
  border-style: solid;
  background: var(--surface);
}

.home-dashboard-data-state > span:not(.overview-state-lines) {
  max-width: 320px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}

.home-dashboard-data-state[hidden],
.home-dashboard-notice[hidden],
.home-upcoming-empty[hidden] {
  display: none;
}

.home-dashboard-notice {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 9px 12px;
  border: 1px solid var(--ui-warning-border);
  border-radius: 8px;
  background: var(--ui-warning-background);
}

.home-dashboard-notice > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.home-dashboard-notice strong {
  color: var(--ink);
  font-size: 11px;
}

.home-dashboard-notice small {
  color: var(--muted);
  font-size: 10px;
}

.home-dashboard-notice button {
  min-width: 64px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid var(--ui-warning-border);
  border-radius: 4px;
  background: var(--surface);
  color: var(--ink);
  font-size: 10px;
  font-weight: 600;
}

.home-dashboard-toast {
  position: fixed;
  z-index: 30;
  bottom: 24px;
}

.home-summary-band {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.home-summary-band button {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 3px 10px;
  padding: 13px 16px;
  border: 0;
  border-right: 1px solid #e3e8f0;
  background: transparent;
  color: #1f2b3d;
  text-align: left;
}

.home-summary-band button:last-child {
  border-right: 0;
}

.home-summary-band button:hover {
  background: #fafbfe;
}

.home-summary-band button > span {
  min-width: 0;
  color: #647189;
  font-size: 11px;
  font-weight: 600;
}

.home-summary-band strong {
  grid-row: span 2;
  color: #172131;
  font-size: 22px;
  line-height: 1;
}

.home-summary-band small {
  color: #7a8699;
  font-size: 10px;
}

.home-summary-band small.is-positive {
  color: #168347;
}

.home-dashboard-analytics-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(270px, 1fr);
  align-items: stretch;
  gap: 16px;
}

.home-dashboard-section {
  min-width: 0;
  border: 1px solid var(--ds-card-border);
  border-radius: var(--ds-card-radius);
  background: var(--ds-card-background);
}

.home-section-header {
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 16px;
  border-bottom: 1px solid #e3e8f0;
}

.home-section-header h2,
.home-recent-strip h2 {
  margin: 0;
  color: #172131;
  font-size: 15px;
  font-weight: 700;
}

.home-section-title-row {
  display: flex;
  align-items: baseline;
  gap: 7px;
}

.home-section-title-row > small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 500;
}

.home-section-header p {
  margin: 3px 0 0;
  color: #647189;
  font-size: 10px;
}

.home-work-filters,
.home-chart-ranges {
  display: flex;
  align-items: center;
  gap: 4px;
}

.home-work-filters {
  padding: 9px 12px;
  border-bottom: 1px solid #edf1f6;
  overflow-x: auto;
  scrollbar-width: none;
}

.home-work-filters::-webkit-scrollbar {
  display: none;
}

.home-work-filters button,
.home-chart-ranges button {
  flex: 0 0 auto;
  height: 28px;
  padding: 0 9px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: #647189;
  font: inherit;
  font-size: 10px;
  font-weight: 600;
}

.home-work-filters button:hover,
.home-chart-ranges button:hover {
  background: #f5f7fb;
  color: #344258;
}

.home-work-filters button.is-active,
.home-chart-ranges button.is-active {
  border-color: #d8cdfc;
  background: #f3f0ff;
  color: #5d35d8;
}

.home-work-list {
  min-height: 288px;
}

.home-work-row {
  min-width: 0;
  min-height: 72px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto 30px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid #edf1f6;
}

.home-work-row:last-child {
  border-bottom: 0;
}

.home-work-row:hover {
  background: #fbfcfe;
}

.home-work-row.is-completed {
  background: #f6fbf9;
}

.home-work-row.is-completed .home-work-copy strong {
  color: var(--muted);
  text-decoration: line-through;
}

.home-work-row.is-completed .home-work-action {
  border-color: #bfe5d6;
  color: #13795c;
}

.home-work-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.home-work-copy strong,
.home-upcoming-list button > span:nth-child(2) strong {
  overflow: hidden;
  color: #1f2b3d;
  font-size: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-work-copy small {
  overflow: hidden;
  color: #647189;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-work-due {
  color: #647189;
  font-size: 10px;
  white-space: nowrap;
}

.home-work-due.is-urgent {
  color: #9a5b08;
  font-weight: 600;
}

.home-work-source {
  min-width: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 7px;
  border: 1px solid #dce3ed;
  border-radius: 999px;
  background: #ffffff;
  color: #647189;
  font-size: 9px;
  font-weight: 600;
}

.home-work-source.is-asana {
  border-color: #d9cffd;
  background: #f7f4ff;
  color: #5d35d8;
}

.home-work-action {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #d7deea;
  border-radius: 5px;
  background: #ffffff;
  color: #4f2acb;
  font: inherit;
  font-size: 10px;
  font-weight: 600;
  white-space: nowrap;
}

.home-work-action:hover {
  border-color: #b9a8f7;
  background: #faf8ff;
}

.home-work-overflow {
  position: relative;
}

.home-work-overflow summary {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #647189;
  cursor: pointer;
  list-style: none;
}

.home-work-overflow summary::-webkit-details-marker {
  display: none;
}

.home-work-overflow summary:hover {
  border-color: #dce3ed;
  background: #f7f9fc;
}

.home-work-overflow summary .ui-icon-host {
  width: 17px;
  height: 17px;
}

.home-work-menu {
  position: absolute;
  right: 0;
  z-index: 7;
  width: 146px;
  display: grid;
  padding: 5px;
  border: 1px solid #dce3ed;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(23, 33, 49, 0.14);
}

.home-work-menu button,
.home-work-menu a {
  min-height: 30px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #344258;
  font: inherit;
  font-size: 10px;
  text-align: left;
  text-decoration: none;
}

.home-work-menu :is(button, a):hover {
  background: #f5f7fb;
}

.home-work-empty {
  min-height: 180px;
  display: grid;
  place-items: center;
  margin: 0;
  gap: 5px;
  color: var(--muted);
  font-size: 11px;
  text-align: center;
}

.home-work-empty strong {
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
}

.home-work-empty span {
  font-size: 10px;
}

.home-work-empty[hidden] {
  display: none;
}

body.is-event-manager.is-home-dashboard .prototype-shell {
  display: none;
}

body.is-event-manager.is-integrations-workspace .prototype-shell {
  display: none;
}

.home-upcoming-list {
  display: grid;
}

.home-upcoming-list[hidden] {
  display: none;
}

.home-upcoming-list button {
  min-width: 0;
  min-height: 65px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid #edf1f6;
  background: transparent;
  text-align: left;
}

.home-upcoming-list button:hover {
  background: #fbfcfe;
}

.home-upcoming-date {
  min-height: 42px;
  display: grid;
  place-items: center;
  align-content: center;
  border-right: 1px solid #e3e8f0;
}

.home-upcoming-date small {
  color: #7a8699;
  font-size: 8px;
  font-weight: 700;
}

.home-upcoming-date strong {
  color: #263244;
  font-size: 17px;
  line-height: 1.05;
}

.home-upcoming-list button > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.home-upcoming-list button > span:nth-child(2) small {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #7a8699;
  font-size: 9px;
}

.home-upcoming-list .event-status-chip {
  min-width: auto;
  height: var(--ds-pill-height);
  padding: 0 var(--ds-pill-padding);
  border-radius: var(--ds-pill-radius);
  font-size: var(--ds-pill-font-size);
  font-style: normal;
}

.home-upcoming-empty {
  min-height: 230px;
  margin: 12px;
}

.home-upcoming-list button > .ui-icon-host {
  width: 16px;
  height: 16px;
  color: #8b96a7;
}

.home-chart-header {
  min-height: 68px;
}

.home-chart-header p strong {
  color: #263244;
  font-size: 12px;
}

.home-chart-ranges {
  padding: 3px;
  border: 1px solid #e1e7f0;
  border-radius: 6px;
  background: #f8fafc;
}

.home-chart-ranges button {
  height: 25px;
  padding-inline: 8px;
}

.home-registration-chart {
  position: relative;
  min-height: 252px;
  padding: 12px 14px 10px;
}

.home-registration-chart svg {
  width: 100%;
  height: 220px;
  overflow: visible;
}

.home-chart-grid line {
  stroke: #e7ebf2;
  stroke-width: 1;
}

.home-chart-y-labels text,
.home-chart-x-labels text {
  fill: #7a8699;
  font-family: Roboto, Arial, sans-serif;
  font-size: 10px;
}

.home-chart-y-labels text {
  text-anchor: end;
}

.home-chart-x-labels text {
  text-anchor: middle;
}

.home-chart-line {
  fill: none;
  stroke: #6633f1;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
}

.home-chart-points circle {
  fill: #ffffff;
  stroke: #6633f1;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

.home-chart-tooltip {
  position: absolute;
  z-index: 3;
  min-width: 94px;
  padding: 7px 9px;
  border: 1px solid #dce3ed;
  border-radius: 5px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(23, 33, 49, 0.14);
  color: #344258;
  font-size: 10px;
  pointer-events: none;
}

.home-chart-tooltip strong {
  display: block;
  color: #172131;
  font-size: 11px;
}

.home-readiness-total {
  color: #168347;
  font-size: 12px;
  white-space: nowrap;
}

.home-readiness-list {
  display: grid;
  gap: 3px;
  padding: 11px 14px 14px;
}

.home-readiness-list button {
  min-height: 44px;
  display: grid;
  gap: 7px;
  padding: 7px 3px;
  border: 0;
  background: transparent;
  text-align: left;
}

.home-readiness-list button:hover span strong {
  color: #5d35d8;
}

.home-readiness-list button span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.home-readiness-list strong,
.home-readiness-list small {
  color: #344258;
  font-size: 10px;
  font-style: normal;
}

.home-readiness-list i,
.home-event-readiness i {
  position: relative;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8ecf3;
}

.home-readiness-list i::after,
.home-event-readiness i::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--readiness);
  border-radius: inherit;
  background: #6633f1;
}

.home-events-section {
  overflow: hidden;
}

.event-manager-grid.home-events-grid {
  width: 100%;
  height: 208px;
  min-height: 208px;
  flex: 0 0 208px;
}

.home-events-grid:not(.is-ready) {
  display: none;
}

.home-events-grid.is-ready + .home-events-fallback {
  display: none;
}

.home-events-grid .ag-root-wrapper {
  border: 0;
}

.home-events-grid .ag-paging-panel {
  display: none;
}

.home-event-name,
.home-event-readiness {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 2px;
}

.home-event-name strong {
  overflow: hidden;
  color: #1f2b3d;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-event-name small {
  color: #7a8699;
  font-size: 10px;
  line-height: 1.2;
}

.home-event-readiness {
  grid-template-columns: 30px minmax(52px, 1fr);
  align-items: center;
  gap: 7px;
  color: #344258;
  font-size: 10px;
}

.home-event-readiness i {
  width: 100%;
}

.home-events-fallback table {
  width: 100%;
  border-collapse: collapse;
}

.home-events-fallback th,
.home-events-fallback td {
  height: 42px;
  padding: 0 12px;
  border-bottom: 1px solid #edf1f6;
  color: #455268;
  font-size: 10px;
  text-align: left;
}

.home-events-fallback th {
  background: #f8fafc;
  color: #647189;
  font-weight: 600;
}

.home-events-fallback tr[data-home-event-id] {
  cursor: pointer;
}

.home-events-fallback tr[data-home-event-id]:hover {
  background: #f8fafc;
}

.home-recent-strip {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  border-top: 1px solid #dce3ed;
  border-bottom: 1px solid #dce3ed;
  background: #ffffff;
}

.home-recent-strip ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.home-recent-strip li {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 0 14px;
  border-left: 1px solid #e3e8f0;
}

.home-recent-strip li strong {
  overflow: hidden;
  color: #344258;
  font-size: 10px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-recent-strip li span {
  color: #8b96a7;
  font-size: 9px;
}

@media (max-width: 1050px) {
  .home-dashboard-analytics-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(250px, 1fr);
  }

  .home-work-row {
    grid-template-columns: minmax(0, 1fr) auto auto 30px;
  }

  .home-work-source {
    display: none;
  }
}

@media (max-width: 820px) {
  .home-dashboard-body {
    gap: 12px;
    padding: 14px 16px 24px;
  }

  .home-summary-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-summary-band button:nth-child(2) {
    border-right: 0;
  }

  .home-summary-band button:nth-child(-n + 2) {
    border-bottom: 1px solid #e3e8f0;
  }

  .home-dashboard-analytics-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-recent-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-recent-strip ul {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .home-recent-strip li {
    padding-left: 0;
    border-left: 0;
  }
}

@media (max-width: 620px) {
  .home-dashboard-body {
    display: flex;
  }

  .home-dashboard-analytics-grid {
    display: contents;
  }

  .home-work-section {
    order: 1;
  }

  .home-summary-band {
    order: 2;
  }

  .home-upcoming-section {
    order: 3;
  }

  .home-events-section {
    order: 4;
  }

  .home-registration-section {
    order: 5;
  }

  .home-readiness-section {
    order: 6;
  }

  .home-recent-strip {
    order: 7;
  }

  .home-work-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
  }

  .home-work-due {
    grid-column: 1;
  }

  .home-work-action {
    grid-column: 1;
    width: max-content;
  }

  .home-work-overflow {
    grid-column: 2;
    grid-row: 1 / span 3;
  }

  .home-chart-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .home-events-grid {
    display: none;
  }

  .home-events-grid.is-ready + .home-events-fallback {
    display: grid;
  }

  .home-events-fallback table,
  .home-events-fallback thead,
  .home-events-fallback tbody,
  .home-events-fallback tr,
  .home-events-fallback td {
    display: block;
  }

  .home-events-fallback thead {
    display: none;
  }

  .home-events-fallback tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 3px 12px;
    padding: 10px 12px;
    border-bottom: 1px solid #edf1f6;
  }

  .home-events-fallback td {
    height: auto;
    padding: 0;
    border: 0;
  }

  .home-events-fallback td:nth-child(1),
  .home-events-fallback td:nth-child(4) {
    grid-column: 1;
  }

  .home-events-fallback td:nth-child(2),
  .home-events-fallback td:nth-child(3) {
    grid-column: 2;
    text-align: right;
  }

  .home-events-fallback td:nth-child(4) {
    color: #7a8699;
  }

  .home-events-fallback td:nth-child(4)::before {
    content: "Registrations ";
    color: #8b96a7;
  }

  .home-events-fallback td:nth-child(5),
  .home-events-fallback td:nth-child(6) {
    display: none;
  }
}

/* Home dashboard visual composition. Navigation remains owned by the shared Event Manager shell. */
.home-dashboard-workspace {
  background-color: #fff;
  background-image: url("./assets/images/home-dashboard-background.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}

.home-dashboard-body {
  width: 100%;
  gap: 14px;
  padding: 14px var(--event-manager-workspace-gutter) 28px;
}

.home-summary-band {
  gap: 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.home-summary-band button {
  position: relative;
  min-height: 90px;
  display: block;
  padding: 14px 46px 12px 14px;
  border: 1px solid var(--ds-card-border);
  border-radius: var(--ds-card-radius);
  background: var(--ds-card-background);
  box-shadow: var(--ds-card-shadow);
  text-align: left;
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.home-summary-band button:last-child {
  border-right: 1px solid var(--line);
}

.home-summary-band button:hover {
  border-color: #cbbdff;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(30, 41, 59, 0.08);
  transform: translateY(-1px);
}

.home-summary-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #f1edff;
  color: #6633f1;
}

.home-summary-icon.is-attention {
  background: #fff0ef;
  color: #d92d20;
}

.home-summary-band button:nth-child(2) .home-summary-icon {
  background: #e9f8f2;
  color: #16835f;
}

.home-summary-band button:nth-child(4) .home-summary-icon {
  background: #edf4ff;
  color: #2f6fed;
}

.home-summary-icon .ui-icon-host {
  width: 15px;
  height: 15px;
}

.home-summary-copy {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 3px;
}

.home-summary-copy > strong {
  order: 2;
  color: var(--ink);
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
}

.home-summary-copy > span {
  order: 1;
  color: #344258;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

.home-summary-copy > small {
  order: 3;
  color: var(--muted);
  font-size: 9.5px;
  font-weight: 400;
  line-height: 1.25;
}

.home-summary-copy > small.is-positive {
  color: #168347;
}

.home-summary-copy > small.is-attention {
  color: #d92d20;
  font-weight: 600;
}

.home-summary-band button:nth-child(3) .home-summary-copy > strong {
  color: #d92d20;
}

.home-summary-band .home-summary-arrow {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 14px;
  height: 14px;
  display: block;
  color: #98a2b3;
  transition: color 150ms ease, transform 150ms ease;
}

.home-summary-band button:hover .home-summary-arrow {
  color: var(--purple);
  transform: translateX(2px);
}

.home-dashboard-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(340px, 1fr);
  align-items: start;
  gap: 14px;
}

.home-dashboard-primary-column,
.home-dashboard-secondary-column {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 14px;
}

.home-dashboard-analytics-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.home-dashboard-section {
  border-radius: var(--ds-card-radius);
  box-shadow: var(--ds-card-shadow);
}

.home-section-header {
  min-height: 56px;
  padding: 10px 14px;
}

.home-section-header h2,
.home-recent-strip h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.home-section-header p {
  margin-top: 3px;
  font-size: 9.5px;
  line-height: 1.35;
}

.home-section-title-row > small {
  display: none;
}

.home-panel-link {
  flex: 0 0 auto;
  min-height: 27px;
  padding: 0 2px;
  border: 0;
  background: transparent;
  color: var(--purple);
  font: inherit;
  font-size: 9.5px;
  font-weight: 600;
  white-space: nowrap;
}

.home-panel-link:disabled {
  color: var(--muted);
  cursor: default;
}

.home-work-section .home-section-header {
  align-items: center;
}

.home-work-filters {
  flex: 0 1 auto;
  min-width: 0;
  padding: 0;
  border: 0;
}

.home-work-filters button {
  height: 27px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  font-size: 9.5px;
}

.home-work-filters button span {
  min-width: 17px;
  height: 17px;
  display: inline-grid;
  place-items: center;
  padding-inline: 4px;
  border-radius: 999px;
  background: rgba(100, 113, 137, 0.1);
  font-size: 8px;
}

.home-chart-ranges button {
  height: 25px;
  padding-inline: 8px;
  font-size: 9px;
}

.home-work-list {
  min-height: 0;
}

.home-work-row {
  min-height: 52px;
  grid-template-columns: 32px minmax(0, 1fr) 94px 74px 60px 28px;
  gap: 8px;
  padding: 7px 12px;
}

.home-work-entity-icon,
.home-activity-icon {
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: #f7f9fc;
  color: #526078;
}

.home-work-entity-icon {
  width: 30px;
  height: 30px;
}

.home-work-entity-icon .ui-icon-host,
.home-activity-icon .ui-icon-host {
  width: 15px;
  height: 15px;
}

.home-work-copy strong {
  font-size: 10.5px;
  line-height: 1.25;
}

.home-work-copy small,
.home-work-due,
.home-work-source {
  font-size: 9px;
}

.home-work-source {
  min-width: 0;
  justify-content: flex-start;
  gap: 5px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #647189;
}

.home-work-source.is-asana {
  border: 0;
  background: transparent;
  color: #647189;
}

.home-work-source i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2f6fed;
}

.home-work-source.is-asana i {
  background: #f06a6a;
}

.home-work-action {
  width: 60px;
  height: 28px;
  padding: 0;
  border-color: transparent;
  background: #f3f6fb;
  color: #263244;
  font-size: 9.5px;
}

.home-upcoming-list button {
  min-height: 58px;
  grid-template-columns: 38px minmax(0, 1fr) auto 13px;
  gap: 10px;
  padding: 8px 12px;
}

.home-upcoming-date {
  min-height: 38px;
  border: 0;
}

.home-upcoming-date strong {
  font-size: 15px;
}

.home-upcoming-date small {
  font-size: 8px;
}

.home-upcoming-list button > span:nth-of-type(2) {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.home-upcoming-list button > span:nth-of-type(2) strong {
  overflow: hidden;
  font-size: 10.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-upcoming-list button > span:nth-of-type(2) small {
  color: var(--muted);
  font-size: 8.5px;
}

.home-upcoming-list .event-status-chip {
  height: var(--ds-pill-height);
  padding-inline: var(--ds-pill-padding);
  font-size: var(--ds-pill-font-size);
}

.home-upcoming-list button > .ui-icon-host {
  width: 13px;
  height: 13px;
}

.home-chart-header {
  min-height: 56px;
}

.home-chart-header p strong {
  font-size: 13px;
  line-height: 1.12;
}

.home-registration-chart {
  min-height: 178px;
  padding: 7px 14px 9px;
}

.home-registration-chart svg {
  height: 164px;
}

.home-chart-empty:not([hidden]) {
  min-height: 164px;
  display: grid;
  place-items: center;
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  text-align: center;
}

.home-readiness-total {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.12;
}

.home-readiness-list {
  gap: 0;
  padding: 8px 14px 10px;
}

.home-readiness-list button {
  min-height: 32px;
  grid-template-columns: 86px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin: 0 -8px;
  padding: 3px 8px;
  border-radius: 6px;
  transition: background-color 150ms ease;
}

.home-readiness-list button:hover {
  background: #f8fafc;
}

.home-readiness-list button span strong {
  font-size: 10px;
}

.home-readiness-list button span small {
  font-size: 9px;
}

.home-readiness-list button span {
  grid-column: 1 / -1;
}

.home-readiness-list button i {
  grid-column: 1 / -1;
  margin-top: -4px;
}

.home-events-section .home-section-header {
  min-height: 54px;
}

.home-events-grid {
  font-size: 10px;
}

.home-recent-strip {
  display: block;
  padding: 0;
  border: 1px solid var(--line);
  background: var(--surface);
}

.home-recent-strip ul {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
  padding: 0 14px;
}

.home-recent-strip li {
  min-height: 44px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  border: 0;
  border-bottom: 1px solid #edf1f6;
}

.home-recent-strip li:last-child {
  border-bottom: 0;
}

.home-activity-icon {
  width: 28px;
  height: 28px;
}

.home-recent-strip li strong {
  font-size: 9.5px;
  font-weight: 600;
  line-height: 1.3;
}

.home-recent-strip li time {
  color: var(--muted);
  font-size: 8.5px;
  white-space: nowrap;
}

.home-recent-strip li.home-recent-empty {
  display: block;
  padding: 14px 0;
  color: var(--muted);
  font-size: 10px;
}

.home-website-status-list {
  display: grid;
  padding: 0 14px;
}

.home-website-status-row {
  min-height: 44px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #edf1f6;
}

.home-website-status-row:last-child {
  border-bottom: 0;
}

.home-website-status-row > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.home-website-status-row > span strong {
  color: #344258;
  font-size: 10px;
  line-height: 1.2;
}

.home-website-status-row > span small {
  color: var(--muted);
  font-size: 8.5px;
  line-height: 1.2;
}

.home-website-status-value {
  color: #344258;
  font-size: 16px;
  line-height: 1;
}

.home-website-status-row[data-home-website-state="live"] .home-website-status-value {
  color: #168347;
}

.home-website-status-row[data-home-website-state="review"] .home-website-status-value {
  color: #b54708;
}

.home-website-status-row[data-home-website-state="draft"] .home-website-status-value {
  color: #5d35d8;
}

@media (max-width: 1300px) {
  .home-dashboard-analytics-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 1180px) {
  .home-dashboard-main-grid {
    grid-template-columns: minmax(0, 1.7fr) minmax(300px, 1fr);
  }

  .home-work-row {
    grid-template-columns: 32px minmax(0, 1fr) 64px 58px 28px;
  }

  .home-work-source {
    display: none;
  }

  .home-dashboard-analytics-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 900px) {
  .home-dashboard-main-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-dashboard-primary-column,
  .home-dashboard-secondary-column {
    display: contents;
  }

  .home-work-section {
    order: 1;
  }

  .home-upcoming-section {
    order: 2;
  }

  .home-dashboard-analytics-grid {
    order: 3;
    grid-template-columns: minmax(0, 1fr);
  }

  .home-events-section {
    order: 4;
  }

  .home-recent-strip {
    order: 5;
  }

  .home-website-status {
    order: 6;
  }
}

@media (max-width: 700px) {
  .home-dashboard-body {
    gap: 10px;
    padding: 10px var(--event-manager-workspace-gutter) 20px;
  }

  .home-summary-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .home-summary-band button:nth-child(-n + 2) {
    border-bottom: 1px solid var(--line);
  }

  .home-summary-band button:nth-child(2) {
    border-right: 1px solid var(--line);
  }

  .home-work-section .home-section-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .home-work-filters {
    width: 100%;
  }

  .home-dashboard-analytics-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 620px) {
  .home-summary-band {
    order: 2;
  }

  .home-dashboard-main-grid,
  .home-dashboard-analytics-grid {
    display: grid;
  }

  .home-dashboard-main-grid {
    order: 3;
  }

  .home-summary-band button {
    min-height: 92px;
    padding: 14px 44px 12px 14px;
  }

  .home-summary-icon {
    top: 11px;
    right: 11px;
    width: 28px;
    height: 28px;
  }

  .home-summary-copy > strong {
    font-size: 25px;
  }

  .home-summary-copy {
    gap: 2px;
  }

  .home-summary-copy > span,
  .home-summary-copy > small {
    line-height: 1.2;
  }

  .home-work-row {
    min-height: 92px;
    grid-template-columns: 30px minmax(0, 1fr) 28px;
    align-items: start;
    gap: 5px 8px;
    padding: 10px;
  }

  .home-work-entity-icon {
    grid-column: 1;
    grid-row: 1 / span 3;
  }

  .home-work-copy {
    grid-column: 2;
  }

  .home-work-due {
    grid-column: 2;
    grid-row: 2;
  }

  .home-work-action {
    grid-column: 2;
    grid-row: 3;
  }

  .home-work-overflow {
    grid-column: 3;
    grid-row: 1 / span 3;
  }

  .home-upcoming-list button {
    grid-template-columns: 36px minmax(0, 1fr) 14px;
    align-items: center;
  }

  .home-upcoming-list .event-status-chip {
    grid-column: 2;
    grid-row: 2;
    width: max-content;
  }

  .home-upcoming-list button > .ui-icon-host {
    grid-column: 3;
    grid-row: 1 / span 2;
  }
}

.event-manager-heading {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  min-height: 42px;
  margin-bottom: 4px;
}

.event-manager-title-row {
  min-width: 0;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
}

.event-manager-title-copy {
  flex: 0 0 auto;
}

.event-manager-heading h1 {
  margin: 0;
  color: #111827;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0;
}

.event-manager-heading p {
  margin: 2px 0 0;
  color: var(--muted);
  font-size: 11px;
}

.event-manager-selection-context {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding-left: 20px;
  border-left: 1px solid #dce3ed;
}

.event-manager-selection-label {
  color: #7b8799;
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
}

.event-manager-selected-events {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}

.event-manager-selected-events::-webkit-scrollbar {
  display: none;
}

.event-manager-selected-chip {
  height: var(--ds-pill-height);
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #d7ccff;
  border-radius: var(--ds-pill-radius);
  background: #f3f0ff;
  color: #5d35d8;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}

.event-manager-selected-chip span {
  width: 14px;
  height: 14px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e6ddff;
  font-size: 12px;
  line-height: 1;
}

.event-manager-selected-chip.is-static,
.event-manager-selected-more:not(button) {
  cursor: default;
}

.event-manager-selected-more {
  height: var(--ds-pill-height);
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #dce3ed;
  border-radius: var(--ds-pill-radius);
  background: #ffffff;
  color: #697588;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  cursor: pointer;
}

.event-selector-drawer {
  position: fixed;
  top: 56px;
  right: 0;
  z-index: 95;
  width: var(--event-manager-panel-width);
  height: calc(100vh - 56px);
  height: calc(100dvh - 56px);
  display: flex;
  flex-direction: column;
  border-left: 1px solid #dce3ed;
  background: #ffffff;
  box-shadow: -18px 0 48px rgba(24, 31, 45, 0.14);
  transform: translateX(100%);
  visibility: hidden;
  transition: transform 220ms ease, visibility 0s linear 220ms;
}

.event-manager-app.has-event-selector .event-selector-drawer {
  transform: translateX(0);
  visibility: visible;
  transition: transform 220ms ease;
}

.series-details-drawer {
  position: fixed;
  top: 56px;
  right: 0;
  z-index: 95;
  width: var(--event-manager-panel-width);
  height: calc(100vh - 56px);
  height: calc(100dvh - 56px);
  display: flex;
  flex-direction: column;
  border-left: 1px solid #dce3ed;
  background: #f7f9fc;
  box-shadow: -18px 0 48px rgba(24, 31, 45, 0.14);
  transform: translateX(100%);
  visibility: hidden;
  transition: transform 220ms ease, visibility 0s linear 220ms;
}

.event-manager-app.has-series-details .series-details-drawer {
  transform: translateX(0);
  visibility: visible;
  transition: transform 220ms ease;
}

.series-details-header.panel-header {
  z-index: 3;
  min-height: 106px;
  max-height: none;
  padding: 12px 14px 10px;
  overflow: visible;
}

.series-details-header .event-heading {
  width: 100%;
}

.series-details-header h2 {
  max-width: 260px;
  color: var(--ink);
  font-size: 18px;
}

.series-details-header .meta-line {
  color: var(--muted);
  font-size: 11px;
}

.series-details-header .header-breadcrumbs {
  margin-top: 8px;
}

.series-details-status {
  border: 1px solid rgba(102, 51, 241, 0.14);
  background: #f1edff;
  color: var(--purple);
}

.series-details-status.is-ready {
  border-color: #bce8d8;
  background: #eafaf3;
  color: #147a53;
}

.series-details-status.is-review {
  border-color: #f4d59a;
  background: #fff7e8;
  color: #9a5b08;
}

.series-details-status.is-draft {
  border-color: #d6cdfc;
  background: #f2eeff;
  color: var(--purple);
}

.series-details-body {
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.series-details-section {
  display: grid;
  gap: 14px;
  padding: 16px;
  border-bottom: 1px solid #e2e7ef;
  background: #ffffff;
}

.series-details-section + .series-details-section {
  margin-top: 10px;
  border-top: 1px solid #e2e7ef;
}

.series-details-relationship + .series-details-section {
  margin-top: 10px;
  border-top: 1px solid #e2e7ef;
}

.series-details-relationship {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px 12px;
  margin-top: 10px;
  padding: 13px 16px;
  border-block: 1px solid #e2e7ef;
  background: #ffffff;
}

.series-details-relationship > div:first-child {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.series-details-relationship strong {
  color: #263449;
  font-size: 12px;
  font-weight: 500;
}

.series-details-relationship span {
  color: #748197;
  font-size: 10px;
}

.series-details-relationship > button {
  padding: 3px 0;
  border: 0;
  background: transparent;
  color: var(--purple);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.series-details-relationship > button:hover,
.series-details-relationship > button:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
  outline: 0;
}

.series-related-events {
  grid-column: 1 / -1;
  display: grid;
  gap: 5px;
  padding-top: 3px;
}

.series-related-events[hidden] {
  display: none;
}

.series-related-event {
  width: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 7px 9px;
  border: 1px solid #e0e6ee;
  border-radius: 7px;
  background: #ffffff;
  color: #263449;
  text-align: left;
  cursor: pointer;
}

.series-related-event:hover,
.series-related-event:focus-visible {
  border-color: #c9bcff;
  background: #faf9ff;
  outline: 0;
}

.series-related-event > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.series-related-event strong,
.series-related-event small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.series-related-event strong {
  font-size: 10px;
}

.series-related-event small {
  color: #748197;
  font-size: 9px;
}

.series-related-event em {
  color: #526074;
  font-size: 9px;
  font-style: normal;
}

.series-details-section-heading {
  min-width: 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.series-details-section-heading strong {
  color: #1d2939;
  font-size: 13px;
  font-weight: 500;
}

.series-details-section-heading span {
  overflow: hidden;
  color: #748197;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.series-details-field-row {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(110px, 0.8fr);
  gap: 12px;
}

.series-details-field {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.series-details-field > span {
  color: #526074;
  font-size: 11px;
  font-weight: 500;
}

.series-details-field input,
.series-details-field select {
  width: 100%;
  height: 38px;
  padding: 0 11px;
  border: 1px solid #d7dee8;
  border-radius: 7px;
  outline: 0;
  background: #ffffff;
  color: #172131;
  font: 400 12px/1 Roboto, Arial, sans-serif;
}

.series-details-field input:focus,
.series-details-field select:focus {
  border-color: #9c83ff;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.series-details-field input[aria-invalid="true"] {
  border-color: #e98682;
  box-shadow: 0 0 0 3px rgba(190, 45, 40, 0.08);
}

.series-details-field-error {
  color: #b42318;
  font-size: 10px;
  line-height: 1.35;
}

.series-details-task-list {
  display: grid;
  gap: 7px;
}

.series-details-task {
  min-height: 50px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
}

.series-details-task > i {
  width: 16px;
  height: 16px;
  border: 1.5px solid #c6cfdb;
  border-radius: 4px;
}

.series-details-task-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.series-details-task-copy strong {
  overflow: hidden;
  color: #263449;
  font-size: 11px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.series-details-task-copy small {
  color: #748197;
  font-size: 9px;
}

.series-details-task > em {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #edc36f;
  border-radius: var(--ds-pill-radius);
  background: #fff3d9;
  color: #9a5b08;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
}

.series-details-data-state {
  min-height: 156px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 7px;
  color: #748197;
  text-align: center;
}

.series-details-data-state[hidden] {
  display: none;
}

.series-details-data-state strong {
  color: #263449;
  font-size: 13px;
  font-weight: 500;
}

.series-details-data-state span {
  max-width: 240px;
  font-size: 11px;
  line-height: 1.45;
}

.series-details-state-icon {
  width: 32px;
  height: 32px;
  border: 1px solid #d8dfea;
  border-radius: 8px;
  background: #f4f6f9;
}

.series-details-data-state button {
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid #d1c5ff;
  border-radius: 6px;
  background: #ffffff;
  color: var(--purple);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.series-details-data-state.is-loading {
  align-content: start;
  padding-top: 4px;
}

.series-details-skeleton {
  width: 100%;
  height: 50px;
  border-radius: 8px;
  background: linear-gradient(90deg, #eef1f5 22%, #f7f8fa 38%, #eef1f5 62%);
  background-size: 300% 100%;
  animation: series-skeleton 1.3s ease-in-out infinite;
}

@keyframes series-skeleton {
  from { background-position: 100% 0; }
  to { background-position: 0 0; }
}

.series-details-footer {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-top: 1px solid #dce3ed;
  background: #ffffff;
  box-shadow: 0 -6px 18px rgba(24, 31, 45, 0.05);
}

.series-details-footer > span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #526074;
  font-size: 11px;
}

.series-details-footer i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #1ba784;
}

.series-details-footer > span.is-saving i {
  background: #e8a029;
}

.series-details-footer > span.is-error {
  color: #b42318;
}

.series-details-footer > span.is-error i {
  background: #d64541;
}

.series-details-footer button {
  min-width: 82px;
  height: 34px;
  padding-inline: 14px;
  border-radius: 7px;
  background: var(--purple);
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.series-details-footer .series-details-retry {
  min-width: 0;
  border: 1px solid #e4a5a1;
  background: #ffffff;
  color: #b42318;
}

.series-details-footer .series-details-retry:hover,
.series-details-footer .series-details-retry:focus-visible {
  border-color: #cf625d;
  background: #fff7f6;
  outline: 0;
}

.event-selector-header.panel-header {
  z-index: 3;
  min-height: 94px;
  max-height: none;
  padding: 12px 16px;
  overflow: visible;
}

.event-selector-header .event-heading {
  width: 100%;
}

.event-selector-header h2 {
  color: var(--ink);
  font-size: 16px;
}

.event-selector-header .meta-line {
  max-width: 290px;
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
  white-space: normal;
}

.event-selector-header .header-breadcrumbs {
  margin: 0 0 4px;
}

.event-selector-header .event-actions {
  max-width: none;
}

.event-selector-body {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #f7f9fc;
}

.event-selector-controls {
  flex: 0 0 auto;
  padding: 12px 16px 10px;
  border-bottom: 1px solid #e2e7ef;
  background: #ffffff;
}

.event-selector-search {
  position: relative;
  display: block;
}

.event-selector-search::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 11px;
  width: 10px;
  height: 10px;
  border: 1.5px solid #748197;
  border-radius: 50%;
}

.event-selector-search::after {
  content: "";
  position: absolute;
  left: 22px;
  top: 21px;
  width: 5px;
  height: 1.5px;
  border-radius: 2px;
  background: #748197;
  transform: rotate(45deg);
}

.event-selector-search input {
  width: 100%;
  height: 34px;
  padding: 0 12px 0 35px;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  outline: none;
  background: #ffffff;
  color: var(--ink);
  font: 400 12px/1 Roboto, Arial, sans-serif;
}

.event-selector-search input:focus {
  border-color: #9c83ff;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.event-selector-list {
  min-height: 0;
  flex: 1;
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 10px 16px 16px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.event-selector-list-heading {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
}

.event-selector-list-heading > div {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 7px;
}

.event-selector-list-heading strong {
  color: #263449;
  font-size: 12px;
  font-weight: 500;
}

.event-selector-list-heading span {
  color: #748197;
  font-size: 10px;
}

.event-selector-list-heading button {
  flex: 0 0 auto;
  padding: 2px 0;
  border: 0;
  background: transparent;
  color: var(--purple);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.event-selector-list-heading button:hover,
.event-selector-list-heading button:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
  outline: 0;
}

.event-selector-list-heading button:disabled {
  color: #9ca6b6;
  text-decoration: none;
  cursor: not-allowed;
}

.event-selector-option {
  position: relative;
  width: 100%;
  min-height: 64px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 20px;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.03);
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.event-selector-option:hover,
.event-selector-option:focus-visible {
  border-color: #c9bdff;
  background: #faf9ff;
  box-shadow: 0 3px 10px rgba(51, 40, 100, 0.07);
  outline: 0;
}

.event-selector-option.is-selected {
  border-color: #b9a8ff;
  background: #f8f6ff;
  box-shadow: inset 0 0 0 1px rgba(102, 51, 241, 0.06);
}

.event-selector-option.is-open {
  box-shadow: inset 0 0 0 1px rgba(102, 51, 241, 0.12);
}

.event-selector-check {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border: 1px solid #cbd4e0;
  border-radius: 5px;
  background: #ffffff;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}

.event-selector-option.is-selected .event-selector-check {
  border-color: var(--purple);
  background: var(--purple);
}

.event-selector-option-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.event-selector-option-copy strong,
.event-selector-option-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-selector-option-copy strong {
  color: #172131;
  font-size: 13px;
  font-weight: 500;
}

.event-selector-option-copy small {
  color: #748197;
  font-size: 10px;
}

.event-selector-option em {
  justify-self: end;
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #bfe5d6;
  border-radius: var(--ds-pill-radius);
  background: #e8f8f1;
  color: #13795c;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
}

.event-selector-option em.is-draft {
  border-color: #efd087;
  background: #fff5d8;
  color: #8a5a00;
}

.event-selector-option em.is-upcoming {
  border-color: #c7d2fe;
  background: #eef2ff;
  color: #4338ca;
}

.event-selector-option em.is-archived {
  border-color: #d6dde7;
  background: #f1f4f8;
  color: #657287;
}

.event-selector-empty {
  display: grid;
  justify-items: center;
  gap: 5px;
  padding: 38px 18px;
  border: 1px dashed #cad3df;
  border-radius: 8px;
  color: #697588;
  text-align: center;
}

.event-selector-empty strong {
  color: #263449;
  font-size: 13px;
  font-weight: 500;
}

.event-selector-empty span {
  font-size: 11px;
}

.event-selector-footer {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px max(10px, env(safe-area-inset-bottom));
  border-top: 1px solid #dce3ed;
  background: #ffffff;
  box-shadow: 0 -4px 12px rgba(18, 24, 40, 0.04);
}

.event-selector-footer-status {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #526074;
}

.event-selector-footer-status strong {
  overflow: hidden;
  color: #526074;
  font-size: 12px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-selector-footer .event-selector-apply {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--purple);
  border-radius: 6px;
  background: var(--purple);
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.event-selector-footer .event-selector-apply:hover,
.event-selector-footer .event-selector-apply:focus-visible {
  background: #5929dc;
  box-shadow: 0 4px 12px rgba(102, 51, 241, 0.2);
  outline: 0;
}

.event-selector-footer .event-selector-apply:disabled {
  border-color: #d9dfe8;
  background: #e9edf3;
  color: #8b96a7;
  cursor: not-allowed;
}

.event-manager-tabs {
  flex: 0 0 36px;
  display: flex;
  align-items: flex-end;
  gap: 18px;
  border-bottom: 1px solid #dce3ed;
}

.event-manager-tabs button {
  position: relative;
  height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 2px;
  background: transparent;
  color: #637086;
  font-size: 12px;
  cursor: pointer;
}

.event-manager-tabs button span {
  color: #8994a5;
  font-size: 10px;
}

.event-manager-tabs button.is-active {
  color: var(--purple);
  font-weight: 500;
}

.event-manager-tabs button.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: var(--purple);
}

.event-manager-data-region {
  min-height: 0;
  flex: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin-top: 10px;
  transition: grid-template-columns 180ms ease;
}

.event-manager-data-region.has-series-panel {
  grid-template-columns: 216px minmax(0, 1fr);
}

.event-manager-table-card {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  overflow: hidden;
  border: 1px solid var(--ds-card-border);
  border-radius: var(--ds-card-radius);
  background: var(--ds-card-background);
  box-shadow: var(--ds-card-shadow);
}

.event-manager-table-toolbar {
  min-height: 45px;
  height: 45px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  border-bottom: 1px solid #dce3ed;
  background: #ffffff;
}

.event-manager-table-summary {
  width: 32px;
  flex: 0 0 32px;
  display: grid;
  gap: 3px;
}

.event-manager-table-summary strong {
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.05;
  text-transform: lowercase;
}

.event-manager-table-summary > span {
  overflow: hidden;
  color: var(--purple);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-manager-table-search {
  position: relative;
  min-width: 0;
  width: 260px;
  flex: 0 1 260px;
}

.event-manager-table-search input {
  height: 32px;
  padding: 0 12px;
  border-color: #dce3ed;
  border-radius: 6px;
  background: #ffffff;
  color: #172131;
  font-size: 12px;
  font-weight: 400;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.02);
}

.event-manager-table-search input::placeholder {
  color: #98a2b3;
  opacity: 1;
  font-weight: 400;
}

.event-manager-table-search::before,
.event-manager-table-search::after {
  display: none;
}

.event-manager-selection-actions {
  min-width: 0;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 2px;
}

.event-manager-selection-summary {
  min-width: 40px;
  height: 32px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 9px;
  border: 1px solid #d4d9e1;
  border-radius: 6px;
  background: #ffffff;
  color: #68758a;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}

.event-manager-selection-summary.is-active {
  border-color: #ad8cff;
  background: #f4efff;
  color: var(--purple);
  box-shadow: inset 0 0 0 1px rgba(102, 51, 241, 0.08);
}

.event-manager-selection-summary.is-active::before {
  content: "";
  width: 8px;
  height: 4px;
  flex: 0 0 auto;
  border-left: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-1px) rotate(-45deg);
}

.event-manager-add-workspace {
  height: 32px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--purple);
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}

.event-manager-add-workspace:hover,
.event-manager-add-workspace:focus-visible {
  background: #f2eeff;
  outline: 0;
}

.event-manager-add-workspace:disabled {
  color: #8994a5;
  cursor: default;
}

.event-manager-add-workspace:disabled:hover {
  background: transparent;
}

.event-series-combobox {
  position: relative;
  width: 128px;
  flex: 0 0 auto;
}

.event-series-trigger {
  width: 128px;
  height: 32px;
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 5px;
  padding: 0 6px 0 9px;
  border: 1px solid #d4d9e1;
  border-radius: 6px;
  background: #ffffff;
  color: #455268;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  cursor: pointer;
}

.event-series-trigger:hover,
.event-series-trigger:focus-visible,
.event-series-trigger[aria-expanded="true"] {
  border-color: #9c83ff;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
  outline: 0;
}

.event-series-trigger > span:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-series-chevron {
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translate(1px, -2px) rotate(45deg);
  transition: transform 150ms ease;
}

.event-series-trigger[aria-expanded="true"] .event-series-chevron {
  transform: translate(1px, 2px) rotate(225deg);
}

.event-series-trigger em {
  min-width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--purple);
  color: #ffffff;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}

.event-series-panel {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.03);
}

.event-series-panel[hidden] {
  display: none;
}

.event-series-panel-header {
  height: 42px;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px 0 12px;
  border-bottom: 1px solid #e1e6ee;
  color: #172131;
}

.event-series-panel-header strong {
  font-size: 12px;
  font-weight: 500;
}

.event-series-panel-header strong span {
  color: #748197;
  font-weight: 400;
}

.event-series-header-actions {
  display: flex;
  align-items: center;
  gap: 2px;
}

.event-series-panel-header button {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  background: transparent;
  color: #68758a;
  cursor: pointer;
}

.event-series-panel-header button:hover,
.event-series-panel-header button:focus-visible {
  background: #f2f4f8;
  color: #263449;
  outline: 0;
}

.event-series-panel-header svg {
  width: 16px;
  height: 16px;
  stroke-width: 1.5;
}

.event-series-create-form {
  display: grid;
  gap: 7px;
  padding: 8px;
  border-bottom: 1px solid #e1e6ee;
  background: #faf9ff;
}

.event-series-create-form[hidden] {
  display: none;
}

.event-series-create-form input {
  width: 100%;
  height: 32px;
  padding: 0 9px;
  border: 1px solid #cfc4ff;
  border-radius: 6px;
  outline: 0;
  background: #ffffff;
  color: #172131;
  font: 400 11px/1 Roboto, Arial, sans-serif;
}

.event-series-create-form input:focus {
  border-color: #8f73ff;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.event-series-create-form > div {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}

.event-series-create-form button {
  height: 27px;
  padding: 0 9px;
  border: 1px solid #d7dee8;
  border-radius: 5px;
  background: #ffffff;
  color: #526074;
  font-size: 10px;
  cursor: pointer;
}

.event-series-create-form button[type="submit"] {
  border-color: var(--purple);
  background: var(--purple);
  color: #ffffff;
}

.event-series-create-error {
  color: #b42318;
  font-size: 9px;
  line-height: 1.35;
}

.event-series-search {
  position: relative;
  display: block;
  flex: 0 0 auto;
  margin: 8px 8px 0;
}

.event-series-search svg {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 15px;
  height: 15px;
  color: #748197;
  pointer-events: none;
  transform: translateY(-50%);
}

.event-series-search input {
  width: 100%;
  height: 32px;
  padding: 0 10px 0 32px;
  border: 1px solid #d4d9e1;
  border-radius: 6px;
  outline: 0;
  background: #ffffff;
  color: #172131;
  font-size: 12px;
  font-weight: 400;
}

.event-series-search input:focus {
  border-color: #9c83ff;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.event-series-options {
  min-height: 0;
  flex: 1;
  display: grid;
  align-content: start;
  gap: 3px;
  margin: 7px 6px 8px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.event-series-group {
  width: 100%;
  display: grid;
  gap: 3px;
}

.event-series-group-toggle {
  width: 100%;
  min-height: 34px;
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 6px;
  padding: 5px 6px;
  border: 1px solid #e4e9f0;
  border-radius: 5px;
  background: #f8f9fb;
  color: #263449;
  text-align: left;
  cursor: pointer;
}

.event-series-group-toggle:hover,
.event-series-group-toggle:focus-visible {
  border-color: #c9bcff;
  background: #f5f2ff;
  outline: 0;
}

.event-series-group.is-expanded > .event-series-group-toggle {
  border-color: #d6cdfc;
  background: #faf9ff;
}

.event-series-group-chevron {
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translate(1px, -1px) rotate(-45deg);
  transition: transform 150ms ease;
}

.event-series-group.is-expanded .event-series-group-chevron {
  transform: translate(1px, -2px) rotate(45deg);
}

.event-series-group-toggle strong {
  overflow: hidden;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.event-series-group-toggle em {
  min-width: 20px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #eef1f5;
  color: #526074;
  font-size: 9px;
  font-style: normal;
}

.event-series-items {
  display: grid;
  gap: 3px;
  padding-left: 7px;
}

.event-series-items[hidden] {
  display: none;
}

.event-series-item {
  width: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: 3px minmax(0, 1fr) 10px;
  align-items: center;
  gap: 6px;
  padding: 5px 6px;
  border: 1px solid #e4e9f0;
  border-radius: 5px;
  background: #ffffff;
  color: #263449;
  text-align: left;
  cursor: pointer;
}

.event-series-item:hover,
.event-series-item:focus-visible {
  border-color: #c9bcff;
  background: #f8f6ff;
  outline: 0;
}

.event-series-item.is-open {
  border-color: #ad98ff;
  background: #f4f0ff;
}

.event-series-item-marker {
  width: 3px;
  height: 22px;
  border-radius: 2px;
  background: transparent;
}

.event-series-item.is-open .event-series-item-marker {
  background: var(--purple);
}

.event-series-item-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.event-series-item-copy strong,
.event-series-item-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-series-item-copy strong {
  font-size: 10px;
  font-weight: 500;
}

.event-series-item-copy small {
  color: #748197;
  font-size: 8px;
}

.event-series-item-more {
  color: #748197;
  font-size: 13px;
  line-height: 1;
}

.event-series-group-empty {
  padding: 8px 7px;
  color: #8994a5;
  font-size: 9px;
}

.event-series-create {
  min-height: 34px;
  padding: 6px 9px;
  border: 1px dashed #ad98ff;
  border-radius: 5px;
  background: #faf9ff;
  color: var(--purple);
  font-size: 10px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}

.event-series-create:hover,
.event-series-create:focus-visible {
  background: #f2eeff;
  outline: 0;
}

.event-series-empty {
  display: grid;
  gap: 3px;
  padding: 12px 9px 8px;
  color: #748197;
}

.event-series-empty strong {
  color: #263449;
  font-size: 12px;
  font-weight: 400;
}

.event-series-empty span {
  font-size: 10px;
}

.event-manager-toolbar-secondary {
  height: 32px;
  padding-inline: 10px;
  border-color: #d8dde6;
  border-radius: 6px;
  color: #526074;
  font-size: 12px;
  font-weight: 400;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.02);
}

.event-manager-toolbar-secondary:hover,
.event-manager-toolbar-secondary:focus-visible {
  border-color: #b8a6ff;
  color: var(--purple);
  outline: 0;
}

.event-manager-toolbar-share {
  width: 32px;
  margin-left: auto;
  padding: 0;
}

.event-manager-toolbar-stats {
  min-width: 86px;
}

.event-manager-toolbar-secondary svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  stroke-width: 1.5;
}

.event-manager-grid {
  min-height: 320px;
  flex: 1;
  width: 100%;
}

.event-manager-grid .ag-root-wrapper {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.event-manager-grid .ag-header {
  border-bottom-color: #dce3ed;
}

.event-manager-grid .ag-header-cell,
.event-manager-grid .ag-cell {
  padding-inline: 10px;
}

.event-manager-grid .ag-header-cell-label {
  font-size: 12px;
  font-weight: 600;
}

.event-manager-grid .ag-header-cell-menu-button,
.event-manager-grid .ag-header-cell-filter-button {
  border-radius: 4px;
  color: #667389;
}

.event-manager-grid .ag-header-cell-menu-button:hover,
.event-manager-grid .ag-header-cell-filter-button:hover,
.event-manager-grid .ag-header-cell-menu-button:focus-visible,
.event-manager-grid .ag-header-cell-filter-button:focus-visible {
  background: #edf0f5;
  color: #3f2ac2;
  outline: 0;
}

.event-manager-grid .ag-checkbox-input-wrapper {
  border-radius: 4px;
}

.event-manager-grid .ag-row {
  cursor: pointer;
}

.event-manager-grid .ag-row,
.event-manager-grid .ag-cell {
  font-size: 11px;
  font-weight: 400;
}

.event-manager-grid .ag-row.is-event-open,
.event-manager-grid .ag-row.is-event-open:hover {
  background: #f2efff;
  box-shadow: inset 3px 0 0 var(--purple);
}

.event-manager-grid .ag-cell {
  display: flex;
  align-items: center;
}

.event-manager-grid .event-title-cell,
.event-manager-grid .event-id-cell {
  min-width: 0;
  display: grid;
  align-content: center;
  line-height: 1.25;
}

.event-manager-grid .event-title-cell strong {
  overflow: hidden;
  color: #1a2535;
  font-size: 13px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-manager-grid .event-title-cell small,
.event-manager-grid .event-id-cell small {
  overflow: hidden;
  color: #778398;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-manager-grid .event-id-cell strong {
  color: #4c5a70;
  font-size: 10px;
  font-weight: 500;
}

.event-status-chip {
  min-width: 58px;
  height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #a9e4cb;
  border-radius: var(--ds-pill-radius);
  background: #e8fbf0;
  color: #168347;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
}

.event-status-chip.is-draft {
  border-color: #edc36f;
  background: #fff7e6;
  color: #9d6512;
}

.event-status-chip.is-upcoming {
  border-color: #dce3ed;
  background: #eef4ff;
  color: #1d5bbf;
}

.event-status-chip.is-archived {
  border-color: #dce3ed;
  background: #f6f8fb;
  color: #697588;
}

.event-manager-grid .event-row-menu {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: transparent;
  color: #536174;
  font-size: 18px;
  line-height: 1;
  opacity: 0;
  transition: opacity 140ms ease, background 140ms ease;
}

.event-manager-grid .ag-row:hover .event-row-menu,
.event-manager-grid .ag-row.ag-row-focus .event-row-menu,
.event-manager-grid .event-row-menu:focus-visible {
  opacity: 1;
}

.event-manager-grid .event-row-menu:hover {
  background: #eceff4;
}

.event-row-actions-menu {
  position: fixed;
  z-index: 2200;
  width: 264px;
}

.event-row-actions-menu .attendee-context-menu-item.is-destructive {
  color: #b42318;
}

.event-row-actions-menu .attendee-context-menu-item.is-destructive:hover,
.event-row-actions-menu .attendee-context-menu-item.is-destructive:focus-visible {
  background: #fff1f0;
  color: #b42318;
}

.event-lifecycle-menu button {
  min-height: 28px;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 8px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #344054;
  font: inherit;
  font-size: 11px;
  text-align: left;
}

.event-lifecycle-menu button:hover,
.event-lifecycle-menu button:focus-visible {
  background: #f3f0ff;
  color: #5e35d8;
  outline: 0;
}

.event-detail-field-error {
  display: block;
  margin-top: 3px;
  color: #b42318;
  font-size: 10px;
  line-height: 1.3;
}

.has-event-detail-error :is(input, select, textarea),
[data-event-detail-field][aria-invalid="true"] {
  border-color: #d92d20 !important;
  box-shadow: 0 0 0 2px rgba(217, 45, 32, 0.1) !important;
}

.event-confirmation {
  position: fixed;
  z-index: 1500;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(24, 34, 48, 0.28);
}

.event-confirmation-surface {
  width: min(100%, 356px);
  padding: 20px;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(24, 34, 48, 0.22);
}

.event-confirmation-surface h2 {
  margin: 0;
  color: #182230;
  font-size: 16px;
  font-weight: 600;
}

.event-confirmation-surface p {
  margin: 7px 0 18px;
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
}

.event-confirmation-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.event-manager-grid-fallback {
  min-height: 320px;
  flex: 1;
  overflow: auto;
}

.event-manager-grid-fallback[hidden] {
  display: none;
}

.event-manager-grid-fallback table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.event-manager-grid-fallback th,
.event-manager-grid-fallback td {
  height: 44px;
  padding: 0 12px;
  border-bottom: 1px solid #e5eaf1;
  text-align: left;
}

.event-manager-grid-fallback th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f8fafc;
  color: #455268;
  font-weight: 500;
}

.event-manager-grid-fallback tr {
  cursor: pointer;
}

.event-manager-grid-fallback tr:hover,
.event-manager-grid-fallback tr.is-event-open {
  background: #f4f1ff;
}

.event-manager-grid-state {
  min-height: 260px;
  flex: 1;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 7px;
  color: var(--muted);
  text-align: center;
}

.event-manager-grid-state[hidden] {
  display: none;
}

.event-manager-grid-state strong {
  color: var(--ink);
  font-size: 14px;
  font-weight: 500;
}

.event-manager-grid-state span {
  font-size: 12px;
}

.attendee-manager-workspace {
  gap: 0;
}

.attendee-manager-heading {
  min-height: 42px;
  margin-bottom: 4px;
}

.member-manager-workspace .attendee-manager-heading {
  min-height: 42px;
  margin-bottom: 4px;
}

.member-table-card {
  margin-top: 10px;
}

[data-member-event-context][hidden] {
  display: none !important;
}

.member-manager-workspace.is-mcp-self-service :is(
  [data-member-event-context],
  [data-member-heading-actions],
  .member-metrics,
  [data-member-tabs]
) {
  display: none !important;
}

.event-manager-heading-actions,
.attendee-heading-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

.event-manager-heading-actions .event-manager-toolbar-secondary,
.attendee-heading-actions .event-manager-toolbar-secondary {
  background: #ffffff;
}

.event-manager-heading-actions .event-manager-toolbar-share,
.attendee-heading-actions .attendee-icon-action {
  width: 34px;
  min-width: 34px;
  padding: 0;
}

.attendee-metrics {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.attendee-metric-card {
  position: relative;
  min-width: 0;
  min-height: 92px;
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-content: start;
  gap: 2px;
  padding: 14px 16px;
  border: 1px solid var(--ds-card-border);
  border-radius: var(--ds-card-radius);
  background: var(--ds-card-background);
  box-shadow: var(--ds-card-shadow);
}

.event-manager-metrics {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.event-manager-metric-card {
  width: 100%;
  min-height: 78px;
  gap: 1px;
  padding: 10px 12px;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

.event-manager-metric-card:hover,
.event-manager-metric-card.is-active {
  border-color: var(--ui-selected-border);
  background: var(--ui-selected-background);
}

.event-manager-metric-card:focus-visible {
  outline: 3px solid rgba(102, 51, 241, 0.18);
  outline-offset: 2px;
}

.event-manager-metric-card > span:not(.attendee-metric-icon) {
  padding-right: 0;
}

.event-manager-metric-card small {
  font-size: 9px;
}

.event-manager-metric-card > span:not(.attendee-metric-icon) {
  font-size: 11px;
}

.event-manager-metric-card strong {
  font-size: 22px;
}

.attendee-metric-card > span:not(.attendee-metric-icon) {
  padding-right: 34px;
  color: #526074;
  font-size: 12px;
  font-weight: 500;
}

.event-manager-app.has-member-record .member-metrics .attendee-metric-icon {
  display: none;
}

.event-manager-app.has-member-record .member-metrics .attendee-metric-card > span:not(.attendee-metric-icon) {
  padding-right: 0;
}

.attendee-metric-card strong {
  align-self: end;
  color: #172131;
  font-size: 25px;
  font-weight: 500;
  line-height: 1;
}

.attendee-metric-card small {
  overflow: hidden;
  color: #7b8799;
  font-size: 10px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-metric-card :is(strong, small).is-purple {
  color: #6633f1;
}

.attendee-metric-card :is(strong, small).is-amber {
  color: #c66d00;
}

.attendee-metric-card :is(strong, small).is-red {
  color: #c43d3d;
}

.attendee-metric-card small.is-positive {
  color: #158b68;
}

.attendee-metric-card small.is-positive::before {
  content: "↑ ";
}

.attendee-manager-workspace .attendee-metric-card {
  min-height: 78px;
  gap: 1px;
  padding: 10px 12px;
}

.attendee-manager-workspace
  .attendee-metric-card
  > span:not(.attendee-metric-icon) {
  padding-right: 30px;
  font-size: 11px;
}

.attendee-manager-workspace .attendee-metric-card strong {
  font-size: 22px;
}

.attendee-manager-workspace .attendee-metric-card small {
  font-size: 9px;
}

.attendee-manager-workspace .attendee-metric-icon {
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
}

.attendee-manager-workspace .attendee-metric-icon svg {
  width: 14px;
  height: 14px;
}

.member-metric-filter-card.is-actionable {
  cursor: pointer;
}

.member-metric-filter-card.is-actionable:hover {
  border-color: #b9a4ff;
  background: #fbfaff;
}

.member-metric-filter-card.is-actionable:focus-visible {
  outline: 2px solid #6633f1;
  outline-offset: 2px;
}

.member-table-toolbar .member-role-filter {
  flex-basis: 112px;
}

.member-manager-workspace.is-mcp-view .member-table-toolbar .member-role-filter {
  flex-basis: 180px;
}

.member-selection-toolbar {
  min-width: 0;
  height: 28px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 3px 2px 9px;
  border: 1px solid #cbbcff;
  border-radius: 6px;
  background: #f5f1ff;
  color: #4e22c7;
  white-space: nowrap;
}

.member-selection-toolbar[hidden] {
  display: none;
}

.member-selection-toolbar strong {
  font-size: 11px;
  font-weight: 600;
}

.member-selection-toolbar button {
  height: 22px;
  padding: 0 8px;
  border: 0;
  border-radius: 4px;
  background: #6633f1;
  color: #ffffff;
  font: inherit;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
}

.member-selection-toolbar button:disabled {
  background: #d8dce5;
  color: #737f92;
  cursor: not-allowed;
}

.member-selection-toolbar .member-selection-clear {
  width: 22px;
  padding: 0;
  background: transparent;
  color: #68758a;
}

.member-selection-clear .ui-icon-host {
  width: 14px;
  height: 14px;
}

.member-manager-grid .member-role-chip {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.member-manager-grid .attendee-status-chip.is-suspended {
  border-color: #f0b8b5;
  background: #fff0ef;
  color: #b42318;
}

.member-manager-grid .attendee-status-chip.is-error {
  border-color: #f0b8b5;
  background: #fff0ef;
  color: #b42318;
}

.member-manager-grid .attendee-status-chip.is-accepted {
  border-color: #a9e4cb;
  background: #e8fbf0;
  color: #168347;
}

.member-manager-grid .attendee-status-chip.is-inactive {
  border-color: #d5dae3;
  background: #f2f4f7;
  color: #596579;
}

.member-manager-grid .attendee-status-chip.is-paused {
  border-color: #efd087;
  background: #fff5d8;
  color: #8a5a00;
}

.member-manager-grid[hidden],
.member-table-loading[hidden],
.member-table-load-error[hidden],
[data-member-clear-filters][hidden] {
  display: none !important;
}

.member-table-loading {
  min-height: 280px;
  display: grid;
  align-content: start;
  padding-top: 4px;
  background: #ffffff;
}

.member-table-loading > span {
  height: 38px;
  margin: 0 12px;
  border-bottom: 1px solid #edf0f5;
  background: linear-gradient(90deg, transparent 0, transparent 2%, #edf0f5 2%, #edf0f5 18%, transparent 18%, transparent 24%, #f1f3f7 24%, #f1f3f7 45%, transparent 45%, transparent 52%, #edf0f5 52%, #edf0f5 62%, transparent 62%);
  background-size: 190% 100%;
  animation: member-table-skeleton 1.2s ease-in-out infinite;
}

@keyframes member-table-skeleton {
  0% { opacity: 0.55; background-position: 100% 0; }
  50% { opacity: 1; }
  100% { opacity: 0.55; background-position: -100% 0; }
}

.member-table-load-error {
  flex: 1;
}

.member-manager-grid .ag-cell[col-id="lastActive"] {
  color: #526074;
  font-weight: 500;
}

@media (max-width: 900px) {
  .member-manager-tabs {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .member-manager-tabs::-webkit-scrollbar {
    display: none;
  }

  .member-manager-tabs button {
    flex: 0 0 auto;
  }

  .member-role-filter {
    display: none;
  }

  .member-manager-workspace.is-mcp-view:not(.is-mcp-self-service) .member-role-filter {
    display: block;
    flex-basis: clamp(115px, 36vw, 180px);
  }
}

.attendee-metric-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 7px;
}

.attendee-metric-icon svg {
  width: 15px;
  height: 15px;
  stroke-width: 1.6;
}

.attendee-metric-icon.is-purple {
  background: #f0eaff;
  color: #6633f1;
}

.attendee-metric-icon.is-green {
  background: #e7f8f1;
  color: #168266;
}

.attendee-metric-icon.is-amber {
  background: #fff3cf;
  color: #c66d00;
}

.attendee-metric-icon.is-red {
  background: #fff0f0;
  color: #c43d3d;
}

.attendee-duplicate-metric {
  width: 100%;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.attendee-duplicate-metric:hover {
  border-color: #bdaeff;
  box-shadow: 0 4px 14px rgba(75, 49, 150, 0.09);
  transform: translateY(-1px);
}

.attendee-duplicate-metric:focus-visible {
  outline: 2px solid #6633f1;
  outline-offset: 2px;
}

.attendee-detail-drawer {
  position: fixed;
  top: 56px;
  right: 0;
  z-index: 95;
  width: var(--event-manager-panel-width);
  height: calc(100vh - 56px);
  height: calc(100dvh - 56px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-left: 1px solid #dce3ed;
  background: #f7f9fc;
  box-shadow: -18px 0 48px rgba(24, 31, 45, 0.14);
  transform: translateX(100%);
  visibility: hidden;
  transition: transform 220ms ease, visibility 0s linear 220ms;
}

.event-manager-app.has-attendee-details .attendee-detail-drawer {
  transform: translateX(0);
  visibility: visible;
  transition: transform 220ms ease;
}

.attendee-detail-drawer.is-fullscreen {
  top: 0;
  z-index: 180;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  border-left: 0;
  transform: translateX(0);
  visibility: visible;
}

.attendee-detail-drawer.is-fullscreen .attendee-detail-header.panel-header {
  padding-inline: max(24px, calc((100vw - 1000px) / 2));
}

.attendee-detail-drawer.is-fullscreen .attendee-detail-body {
  padding: 20px max(24px, calc((100vw - 820px) / 2)) 28px;
}

.attendee-detail-drawer.is-fullscreen .attendee-detail-form {
  width: min(780px, 100%);
  margin-inline: auto;
}

.attendee-detail-drawer.is-fullscreen .attendee-detail-footer {
  padding-inline: max(24px, calc((100vw - 820px) / 2));
}

.member-record-drawer {
  position: fixed;
  top: 56px;
  right: 0;
  z-index: 96;
  width: var(--event-manager-panel-width);
  height: calc(100vh - 56px);
  height: calc(100dvh - 56px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-left: 1px solid #dce3ed;
  background: #f4f7fb;
  box-shadow: -18px 0 48px rgba(24, 31, 45, 0.14);
  transform: translateX(100%);
  visibility: hidden;
  transition: transform 220ms ease, visibility 0s linear 220ms;
}

.event-manager-app.has-member-record .member-record-drawer {
  transform: translateX(0);
  visibility: visible;
  transition: transform 220ms ease;
}

.member-record-header.panel-header {
  min-height: 78px;
  flex: 0 0 auto;
  padding: 12px 14px 13px;
  border-bottom: 1px solid #dce3ed;
  background: var(--ds-slidein-header-background);
}

.member-record-header-main {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.member-record-title-stack {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.member-record-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #15202e;
  font-size: 11px;
  font-weight: 500;
}

.member-record-breadcrumbs button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #6633f1;
  font: inherit;
  cursor: pointer;
}

.member-record-breadcrumbs button:hover,
.member-record-breadcrumbs button:focus-visible {
  text-decoration: underline;
  outline: 0;
}

.member-record-breadcrumbs > span {
  width: 6px;
  height: 6px;
  border-top: 1.5px solid #758196;
  border-right: 1.5px solid #758196;
  transform: rotate(45deg);
}

.member-record-breadcrumbs strong {
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-record-title-stack h2 {
  margin: 0;
  overflow: hidden;
  color: #15202e;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-record-title-stack p {
  margin: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #526074;
  font-size: 10px;
  font-weight: 500;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-record-title-stack p > [data-member-record-subtitle] {
  overflow: hidden;
  text-overflow: ellipsis;
}

.member-record-title-stack .member-record-organization-icon {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  display: none;
}

.member-record-drawer[data-record-type="member"] .member-record-organization-icon {
  display: inline-flex;
}

.member-record-organization-icon svg {
  width: 13px;
  height: 13px;
  stroke-width: 1.75;
}

.member-record-drawer[data-record-type="invite-create"] .member-record-title-stack p {
  color: #697588;
}

.member-record-header-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 6px;
}

.member-record-menu-button {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #d6ddea;
  border-radius: 6px;
  background: #ffffff;
  color: #526074;
  cursor: pointer;
}

.member-record-menu-button[hidden] {
  display: none;
}

.member-record-menu-button:hover,
.member-record-menu-button:focus-visible,
.member-record-menu-button[aria-expanded="true"] {
  border-color: #8d6cf6;
  outline: 0;
  color: #6633f1;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.member-record-menu-button:disabled {
  border-color: #e1e6ee;
  background: #f2f4f7;
  color: #9aa4b3;
  cursor: not-allowed;
  box-shadow: none;
}

.member-record-menu-button .ui-icon-host {
  width: 15px;
  height: 15px;
}

.member-record-status {
  min-height: var(--ds-pill-height);
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #a9e4cb;
  background: #e8fbf0;
  color: #168347;
  font-size: var(--ds-pill-font-size);
}

.member-record-status.is-pending,
.attendee-manager-grid .attendee-status-chip.is-pending,
.invitation-effective-state strong.is-pending {
  border-color: var(--ds-status-info-border);
  background: var(--ds-status-info-background);
  color: var(--ds-status-info-text);
}

.member-record-status.is-warning,
.attendee-manager-grid .attendee-status-chip.is-warning {
  border-color: #edc36f;
  background: #fff7e6;
  color: #9d6512;
}

.member-record-status.is-suspended {
  border-color: #b42318;
  background: #fff1f0;
  color: #b42318;
}

.member-record-status.is-error {
  border-color: #b42318;
  background: #fff1f0;
  color: #b42318;
}

.member-record-status.is-accepted {
  border-color: #a9e4cb;
  background: #e8fbf0;
  color: #168347;
}

.member-record-body {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 10px 12px 18px;
  background: var(--ds-slidein-body-background);
  scrollbar-gutter: stable;
}

.member-record-permission {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 9px;
  padding: 10px;
  border: 1px solid #ead39b;
  border-radius: 7px;
  background: #fffaf0;
  color: #7a4d07;
}

.member-record-permission[hidden] {
  display: none;
}

.member-record-permission > .ui-icon-host {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  margin-top: 1px;
}

.member-record-permission > span:last-child {
  display: grid;
  gap: 2px;
}

.member-record-permission strong {
  font-size: 10px;
  font-weight: 600;
}

.member-record-permission small {
  color: #856319;
  font-size: 9px;
  line-height: 1.4;
}

.member-record-form,
.member-record-sections {
  display: grid;
  gap: 9px;
}

.member-record-section {
  display: grid;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid var(--ds-slidein-card-border);
  border-radius: 7px;
  background: var(--ds-slidein-card-background);
  box-shadow: 0 1px 1px rgba(18, 24, 40, 0.02);
}

.member-record-section-heading {
  padding-bottom: 6px;
  border-bottom: 1px solid var(--ds-slidein-divider);
}

.member-record-section-heading h3 {
  margin: 0;
  color: #15202e;
  font-size: 10px;
  font-weight: 600;
  line-height: 13px;
  text-transform: uppercase;
}

.member-record-section-heading p {
  margin: 3px 0 0;
  color: #697588;
  font-size: 9px;
  line-height: 1.4;
}

.mcp-section-intro,
.member-section-intro,
.organization-section-intro,
.invitation-section-intro {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 1px 2px;
}

.mcp-section-intro > div,
.member-section-intro > div,
.organization-section-intro > div,
.invitation-section-intro > div {
  min-width: 0;
}

.mcp-section-intro h3,
.member-section-intro h3,
.organization-section-intro h3,
.invitation-section-intro h3 {
  margin: 0;
  color: #263244;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.mcp-section-intro p,
.member-section-intro p,
.organization-section-intro p,
.invitation-section-intro p {
  margin: 3px 0 0;
  color: #697588;
  font-size: 10px;
  line-height: 1.4;
}

.member-record-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 10px;
}

.member-record-field-grid > label,
.member-record-section > label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.member-record-field-grid > label.is-wide {
  grid-column: 1 / -1;
}

.member-record-field-grid > .is-wide {
  grid-column: 1 / -1;
}

.member-invite-inline-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  padding: 8px 9px;
  border-top: 1px solid #e4e9f1;
  color: #526074;
}

.member-invite-inline-summary > .ui-icon-host {
  width: 15px;
  height: 15px;
  margin-top: 1px;
  color: #6633f1;
}

.member-invite-inline-summary > span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.member-invite-inline-summary strong {
  color: #263348;
  font-size: 10px;
  font-weight: 600;
}

.member-invite-inline-summary small {
  color: #697588;
  font-size: 9px;
  line-height: 1.4;
}

.invitation-expiration-summary.is-warning > .ui-icon-host {
  color: #b66808;
}

.invitation-expiration-summary.is-error > .ui-icon-host {
  color: #b42318;
}

.invitation-expiration-summary.is-expired > .ui-icon-host {
  color: #b42318;
}

.invitation-expiration-summary.is-locked > .ui-icon-host {
  color: #168347;
}

.invitation-overview {
  min-width: 0;
  display: grid;
  gap: 0;
  padding-top: 10px;
  border-top: 1px solid #e1e7f0;
}

.invitation-overview:focus-visible {
  outline: 2px solid #7c4dff;
  outline-offset: 3px;
  border-radius: 4px;
}

.invitation-effective-state {
  display: grid;
  grid-template-columns: 105px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding-bottom: 10px;
}

.invitation-effective-state > span {
  min-width: 0;
  display: grid;
  justify-items: start;
  gap: 4px;
}

.invitation-effective-state small {
  color: #697588;
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
}

.invitation-effective-state strong {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #dce3ed;
  border-radius: var(--ds-pill-radius);
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
}

.invitation-effective-state strong.is-available {
  border-color: #a9e4cb;
  background: #e8f7ef;
  color: #168347;
}

.invitation-effective-state strong.is-warning {
  border-color: #edc36f;
  background: #fff3d6;
  color: #8a4b08;
}

.invitation-effective-state strong.is-blocked {
  background: #feebea;
  color: #b42318;
}

.invitation-effective-state p {
  margin: 0;
  color: #354258;
  font-size: 10px;
  line-height: 1.45;
}

.invitation-delivery-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  border-top: 1px solid #e1e7f0;
}

.invitation-delivery-overview > div {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 8px 0;
}

.invitation-delivery-overview > div + div {
  padding-left: 10px;
  border-left: 1px solid #edf1f6;
}

.invitation-delivery-overview :is(dt, dd) {
  min-width: 0;
  margin: 0;
}

.invitation-delivery-overview dt {
  color: #7a8699;
  font-size: 9px;
  font-weight: 500;
}

.invitation-delivery-overview dd {
  display: grid;
  gap: 2px;
}

.invitation-delivery-overview dd strong {
  overflow-wrap: anywhere;
  color: #263244;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
}

.invitation-delivery-overview dd small {
  color: #7a8699;
  font-size: 8px;
  line-height: 1.35;
}

.invitation-next-step {
  margin: 0;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 8px;
  padding-top: 9px;
  border-top: 1px solid #e1e7f0;
  color: #697588;
  font-size: 9px;
  line-height: 1.45;
}

.invitation-next-step strong {
  color: #263244;
  font-weight: 600;
}

.invitation-recipient-overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  border-top: 1px solid #e1e7f0;
}

.invitation-recipient-overview > div {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 8px 0;
  border-bottom: 1px solid #edf1f6;
}

.invitation-recipient-overview > div.is-right {
  padding-left: 10px;
  border-left: 1px solid #edf1f6;
}

.invitation-recipient-overview > div.is-wide {
  grid-column: 1 / -1;
}

.invitation-recipient-overview > div:last-child {
  border-bottom: 0;
}

.invitation-recipient-overview :is(dt, dd) {
  min-width: 0;
  margin: 0;
}

.invitation-recipient-overview dt {
  color: #7a8699;
  font-size: 9px;
  font-weight: 500;
}

.invitation-recipient-overview dd {
  display: grid;
  gap: 2px;
}

.invitation-recipient-overview dd strong {
  overflow-wrap: anywhere;
  color: #263244;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
}

.invitation-recipient-overview dd small {
  color: #697588;
  font-size: 9px;
  line-height: 1.4;
}

.member-record-drawer[data-record-type="invite"] .member-record-section-heading h3 {
  font-size: 11px;
}

.member-record-drawer[data-record-type="invite"] .member-record-section-heading p {
  font-size: 10px;
}

.member-invite-stale-notice {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 8px;
  padding: 10px;
  border: 1px solid #ead39b;
  border-radius: 7px;
  background: #fffaf0;
  color: #7a4d07;
}

.member-invite-lifecycle-note:focus-visible {
  outline: 2px solid #7c4dff;
  outline-offset: 3px;
}

.member-invite-stale-notice > .ui-icon-host {
  width: 16px;
  height: 16px;
}

.member-invite-stale-notice > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.member-invite-stale-notice strong {
  font-size: 10px;
  font-weight: 600;
}

.member-invite-stale-notice small {
  color: #856319;
  font-size: 9px;
  line-height: 1.4;
}

.member-invite-stale-notice > div {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.member-invite-stale-notice button {
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #d5b76b;
  border-radius: 5px;
  background: #ffffff;
  color: #704700;
  font: inherit;
  font-size: 9px;
  font-weight: 600;
  cursor: pointer;
}

.organization-status-impact {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid #dce3ed;
  border-radius: 6px;
  background: #ffffff;
}

.organization-status-dot {
  width: 7px;
  height: 7px;
  margin-top: 3px;
  border-radius: 50%;
  background: #18875f;
}

.organization-status-impact > span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.organization-status-impact strong {
  color: #263348;
  font-size: 10px;
  font-weight: 600;
}

.organization-status-impact small {
  color: #697588;
  font-size: 9px;
  line-height: 1.4;
}

.organization-status-impact.is-paused {
  border-color: #ead39b;
  background: #fffaf0;
}

.organization-status-impact.is-paused .organization-status-dot {
  background: #c66d00;
}

.organization-status-impact.is-inactive {
  border-color: #efc4c4;
  background: #fff7f7;
}

.organization-status-impact.is-inactive .organization-status-dot {
  background: #c43d3d;
}

.organization-linked-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.organization-linked-actions button {
  min-width: 0;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid #d6ddea;
  border-radius: 6px;
  background: #ffffff;
  color: #344258;
  font: inherit;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
}

.organization-linked-actions button:hover,
.organization-linked-actions button:focus-visible {
  border-color: #8d6cf6;
  outline: 0;
  color: #5b2bd9;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.organization-linked-actions button:disabled {
  background: #f2f4f7;
  color: #8b96a7;
  cursor: not-allowed;
}

.organization-linked-actions button span {
  min-width: 22px;
  padding: 2px 6px;
  border-radius: 999px;
  background: #f0ecff;
  color: #5b2bd9;
  font-size: 9px;
  text-align: center;
}

.organization-delete-guidance {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin: 0;
  padding-top: 2px;
  color: #697588;
  font-size: 9px;
  line-height: 1.4;
}

.organization-delete-guidance .ui-icon-host {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  color: #697588;
}

.organization-activity-history {
  margin: 1px -12px -11px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  overflow: hidden;
}

.member-record-form label > span {
  color: #697588;
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
}

.member-record-form label > span em {
  color: #b42318;
  font-style: normal;
}

.member-record-form :is(input, select, textarea) {
  width: 100%;
  min-width: 0;
  border: 1px solid #dce3ed;
  border-radius: 4px;
  background: #ffffff;
  color: #15202e;
  font: inherit;
  font-size: 12px;
}

.member-record-form :is(input, select) {
  height: 36px;
  padding: 0 12px;
}

.member-record-form textarea {
  min-height: 80px;
  padding: 8px 12px;
  resize: vertical;
}

.member-record-form select {
  appearance: none;
  padding-right: 28px;
  background:
    linear-gradient(45deg, transparent 50%, #697588 50%) right 13px center / 5px 5px no-repeat,
    linear-gradient(135deg, #697588 50%, transparent 50%) right 9px center / 5px 5px no-repeat,
    #ffffff;
}

.member-record-form :is(input, select, textarea):focus {
  border-color: #8d6cf6;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.member-record-form :is(input, select, textarea):disabled,
.member-record-form :is(input, select, textarea)[readonly] {
  background: #f1f4f8;
  color: #697588;
  cursor: not-allowed;
}

.member-record-form :is(input, select, textarea)[aria-invalid="true"] {
  border-color: #d92d20;
  background: #fffafa;
}

.member-record-helper {
  color: #7a8699;
  font-size: 9px;
  line-height: 1.4;
}

.member-organization-field {
  position: relative;
}

.member-organization-combobox {
  position: relative;
  min-width: 0;
}

.member-organization-combobox-control {
  height: 36px;
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 7px;
  padding-left: 12px;
  border: 1px solid #dce3ed;
  border-radius: 4px;
  background: #ffffff;
}

.member-organization-combobox-control:focus-within,
.member-organization-combobox.is-open .member-organization-combobox-control {
  border-color: #8d6cf6;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.member-record-form .member-organization-combobox-control input {
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.member-record-form .member-organization-combobox-control input:focus {
  border: 0;
  box-shadow: none;
}

.member-organization-combobox-control > .ui-icon-host {
  width: 14px;
  height: 14px;
  color: #697588;
}

.member-organization-combobox-control button {
  width: 24px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: #697588;
  cursor: pointer;
}

.member-organization-chevron {
  width: 7px;
  height: 7px;
  display: block;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
}

.member-organization-combobox.is-open .member-organization-combobox-control button {
  transform: rotate(180deg);
}

.member-organization-combobox-control:has(input:disabled) {
  background: #f1f4f8;
  cursor: not-allowed;
}

.member-organization-combobox-control:has(input[aria-invalid="true"]) {
  border-color: #d92d20;
  background: #fffafa;
}

.member-organization-options {
  position: absolute;
  z-index: 40;
  top: calc(100% + 5px);
  right: 0;
  left: 0;
  max-height: 220px;
  overflow-y: auto;
  padding: 4px;
  border: 1px solid #cfd8e5;
  border-radius: 7px;
  background: #ffffff;
  box-shadow: 0 12px 24px rgba(16, 24, 40, 0.14);
}

.member-organization-options[hidden] {
  display: none;
}

.member-organization-options > button {
  width: 100%;
  min-height: 38px;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #344054;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.member-organization-options > button[hidden] {
  display: none;
}

.member-organization-options > button:not(:disabled):hover,
.member-organization-options > button:not(:disabled):focus-visible,
.member-organization-options > button[aria-selected="true"] {
  background: #f4f1ff;
  color: #4c25bc;
  outline: 0;
}

.member-organization-options > button:disabled {
  background: #f8fafc;
  color: #98a2b3;
  cursor: not-allowed;
}

.member-organization-options > button.is-unavailable small {
  color: #b42318;
}

.member-organization-options > button > .ui-icon-host {
  width: 14px;
  height: 14px;
}

.member-organization-options > button > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.member-organization-options strong,
.member-organization-options small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-organization-options strong {
  font-size: 11px;
  font-weight: 500;
}

.member-organization-options small {
  color: #7a8699;
  font-size: 9px;
}

.member-organization-option-check {
  color: transparent;
}

.member-organization-options > button[aria-selected="true"] .member-organization-option-check {
  color: #6633f1;
}

.member-organization-empty {
  margin: 0;
  padding: 14px 8px;
  color: #697588;
  font-size: 10px;
  text-align: center;
}

.member-invite-mode-switch {
  height: 36px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  padding: 3px;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  background: #eef2f7;
}

.member-invite-mode-switch button {
  min-width: 0;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #637086;
  font: inherit;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.member-invite-mode-switch button.is-active {
  background: #ffffff;
  color: #5514e6;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(24, 31, 45, 0.12);
}

.member-invite-mode-switch button:focus-visible {
  outline: 2px solid #8d6cf6;
  outline-offset: 1px;
}

.member-record-field-grid[data-member-invite-mode-panel][hidden] {
  display: none;
}

.member-record-field-grid[data-member-invite-mode-panel="multiple"] textarea {
  min-height: 112px;
  line-height: 1.5;
}

.member-invite-recipient-count {
  min-height: 28px;
  display: flex;
  align-items: center;
  padding: 6px 9px;
  border-left: 3px solid #8d6cf6;
  border-radius: 4px;
  background: #f5f2ff;
  color: #51456f;
  font-size: 10px;
  font-weight: 500;
}

.member-invite-access-summary {
  display: grid;
  gap: 2px;
  padding: 9px 10px;
  border-left: 3px solid #6633f1;
  border-radius: 5px;
  background: #f5f2ff;
}

.member-invite-access-summary strong {
  color: #302063;
  font-size: 10px;
}

.member-invite-access-summary span,
.member-invite-access-summary small {
  color: #665b80;
  font-size: 9px;
  line-height: 1.4;
}

.member-invite-lifecycle-note {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px;
  padding: 10px;
  border-left: 3px solid #e0a126;
  border-radius: 5px;
  background: #fff9eb;
}

.member-invite-lifecycle-note > .ui-icon-host {
  width: 15px;
  height: 15px;
  color: #9a6200;
}

.member-invite-lifecycle-note > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.member-invite-lifecycle-note strong {
  color: #473519;
  font-size: 10px;
}

.member-invite-lifecycle-note small {
  color: #725c39;
  font-size: 9px;
  line-height: 1.4;
}

.member-invite-lifecycle-note button {
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #d7b96f;
  border-radius: 6px;
  background: #ffffff;
  color: #805000;
  font: inherit;
  font-size: 9px;
  font-weight: 600;
  cursor: pointer;
}

.member-invite-lifecycle-note.is-failure {
  border-left-color: #d92d20;
  background: #fff5f4;
}

.member-invite-lifecycle-note.is-failure > .ui-icon-host,
.member-invite-lifecycle-note.is-failure strong {
  color: #b42318;
}

.member-invite-lifecycle-note.is-failure small {
  color: #7a3834;
}

.member-invite-lifecycle-note.is-failure button {
  border-color: #dcaaa6;
  color: #9f2d24;
}

.member-invite-lifecycle-note.is-accepted {
  border-left-color: #20a474;
  background: #eefbf5;
}

.member-invite-lifecycle-note.is-accepted > .ui-icon-host,
.member-invite-lifecycle-note.is-accepted strong {
  color: #126a4b;
}

.member-invite-lifecycle-note.is-accepted small {
  color: #3f6f5e;
}

.member-invite-lifecycle-note.is-accepted button {
  border-color: #9ddfc4;
  color: #126a4b;
}

.member-invite-lifecycle-note button:focus-visible {
  outline: 2px solid rgba(102, 51, 241, 0.35);
  outline-offset: 2px;
}

.member-invite-lifecycle-note button:disabled {
  border-color: #dce3ed;
  background: #e9edf3;
  color: #8b96a7;
  cursor: not-allowed;
}

.member-record-review-note {
  display: grid;
  gap: 3px;
  padding: 10px;
  border-left: 3px solid #6633f1;
  border-radius: 5px;
  background: #f5f2ff;
}

.member-record-review-note strong {
  color: #302063;
  font-size: 10px;
  font-weight: 600;
}

.member-record-review-note span {
  color: #665b80;
  font-size: 9px;
  line-height: 1.4;
}

.member-access-review-stale-notice,
.member-access-review-owner-protection {
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid #e9c16e;
  border-radius: 6px;
  background: #fff9eb;
  color: #805000;
}

.member-access-review-stale-notice > .ui-icon-host,
.member-access-review-owner-protection > .ui-icon-host {
  width: 15px;
  height: 15px;
  margin-top: 1px;
}

.member-access-review-stale-notice > span:nth-child(2),
.member-access-review-owner-protection > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.member-access-review-stale-notice strong,
.member-access-review-owner-protection strong {
  font-size: 10px;
  font-weight: 600;
}

.member-access-review-stale-notice small,
.member-access-review-owner-protection small {
  color: #765a20;
  font-size: 9px;
  line-height: 1.4;
}

.member-access-review-stale-notice button {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #dfbd73;
  border-radius: 6px;
  background: #ffffff;
  color: #805000;
  font: inherit;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
}

.member-access-review-context {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  border: 1px solid #e1e7f0;
  border-radius: 6px;
  background: #ffffff;
}

.member-access-review-context > span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 9px 10px;
  border-bottom: 1px solid #edf1f6;
}

.member-access-review-context > span:nth-child(even):not(.is-wide) {
  border-left: 1px solid #edf1f6;
}

.member-access-review-context > span.is-wide {
  grid-column: 1 / -1;
  border-bottom: 0;
}

.member-access-review-context small {
  color: #7a8699;
  font-size: 9px;
}

.member-access-review-context strong {
  overflow-wrap: anywhere;
  color: #263244;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
}

.member-access-drawer-summary {
  grid-column: 1 / -1;
  display: grid;
  gap: 9px;
}

.member-access-drawer-states {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #e1e7f0;
  border-radius: 6px;
  background: #ffffff;
}

.member-access-drawer-states > span {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 9px 10px;
}

.member-access-drawer-states > span + span {
  border-left: 1px solid #e1e7f0;
}

.member-access-drawer-states small {
  color: #7a8699;
  font-size: 9px;
  font-style: normal;
}

.member-access-drawer-states strong {
  color: #263244;
  font-size: 11px;
  font-weight: 600;
}

.member-access-drawer-states strong.is-available {
  color: #168347;
}

.member-access-drawer-states strong.is-blocked {
  color: #b42318;
}

.member-access-drawer-states em {
  overflow: hidden;
  color: #697588;
  font-size: 9px;
  font-style: normal;
  line-height: 1.35;
}

.member-access-drawer-feedback {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  padding: 8px 9px;
  border-left: 3px solid #20a474;
  border-radius: 4px;
  background: #eefbf5;
  color: #126a4b;
  font-size: 9px;
  line-height: 1.4;
}

.member-access-drawer-feedback .ui-icon-host {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
}

.member-access-drawer-button {
  width: max-content;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid #d2d9e4;
  border-radius: 7px;
  background: #ffffff;
  color: #344054;
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
}

.member-access-drawer-button.is-suspend {
  border-color: #efb7b3;
  color: #b42318;
}

.member-access-drawer-button.is-restore {
  border-color: #9ddfc4;
  color: #168347;
}

.member-access-drawer-button:hover,
.member-access-drawer-button:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.member-access-drawer-button:disabled {
  border-color: #dce3ed;
  background: #eef2f6;
  color: #8b96a7;
  cursor: not-allowed;
  box-shadow: none;
}

.member-access-drawer-impact {
  color: #697588;
  font-size: 9px;
  line-height: 1.4;
}

.member-record-form-error {
  display: grid;
  gap: 4px;
  padding: 9px 10px;
  border: 1px solid #f2b8b5;
  border-radius: 6px;
  background: #fff5f4;
  color: #b42318;
  font-size: 10px;
}

.member-record-form-error > strong,
.member-record-form-error > span {
  display: block;
}

.member-record-form-error > div {
  display: flex;
  gap: 6px;
  margin-top: 4px;
}

.member-record-form-error button {
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid #dcaaa6;
  border-radius: 6px;
  background: #ffffff;
  color: #9f2d24;
  font: inherit;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
}

.member-record-form-error[data-issue="conflict"] {
  border-color: #e9c16e;
  background: #fff9eb;
  color: #805000;
}

.member-record-form-error[data-issue="conflict"] button {
  border-color: #dfbd73;
  color: #805000;
}

.member-record-form-error[data-issue="partial"] {
  border-color: #d9c06d;
  background: #fffaf0;
  color: #6f5012;
}

.member-record-form-error[data-issue="partial"] > ul {
  display: grid;
  gap: 4px;
  margin: 3px 0 0;
  padding: 0;
  list-style: none;
}

.member-record-form-error[data-issue="partial"] li {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding-top: 4px;
  border-top: 1px solid #eee2bc;
  font-size: 9px;
}

.member-record-form-error[data-issue="partial"] li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-record-form-error[data-issue="partial"] li em {
  flex: 0 0 auto;
  color: #8a6519;
  font-style: normal;
}

.member-record-form-error[data-issue="partial"] button {
  border-color: #dfbd73;
  color: #805000;
}

.member-access-review-resolution {
  display: grid;
  gap: 4px;
  padding-top: 10px;
  border-top: 1px solid #e2e7ef;
}

.member-access-review-resolution > strong {
  color: #172131;
  font-size: 11px;
}

.member-access-review-resolution > span {
  color: #637086;
  font-size: 10px;
  line-height: 1.4;
}

.member-access-review-resolution b {
  color: #273244;
  font-weight: 600;
}

.member-access-review-stale-notice button:hover,
.member-access-review-stale-notice button:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.12);
}

.member-activity-history {
  border-top: 1px solid #dce3ed;
  background: #ffffff;
}

.member-activity-history summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 12px;
  color: #172131;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.member-activity-history summary::-webkit-details-marker {
  display: none;
}

.member-activity-history summary::after {
  content: "+";
  color: #6633f1;
  font-size: 16px;
  font-weight: 400;
}

.member-activity-history[open] summary::after {
  content: "−";
}

.member-activity-history summary small {
  margin-left: auto;
  color: #788598;
  font-size: 10px;
  font-weight: 400;
}

.member-activity-history ol {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0 12px 10px;
  list-style: none;
}

.member-activity-history li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  padding: 9px 0;
  border-top: 1px solid #edf0f5;
}

.member-activity-history li > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.member-activity-history li strong {
  color: #263348;
  font-size: 10px;
}

.member-activity-history li small,
.member-activity-history li em {
  color: #788598;
  font-size: 9px;
  font-style: normal;
  line-height: 1.35;
}

.member-activity-history li em {
  max-width: 116px;
  text-align: right;
}

.member-record-form-error[hidden] {
  display: none;
}

.member-record-footer {
  min-height: 60px;
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 8px 14px max(8px, calc(8px + env(safe-area-inset-bottom, 0px)));
  border-top: 1px solid #dce3ed;
  background: #ffffff;
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.04);
}

.member-record-footer button {
  height: 34px;
  padding: 0 16px;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
  color: #6633f1;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

.member-record-footer button[hidden] {
  display: none;
}

.member-record-footer.is-access-review {
  grid-template-columns: 0.72fr 1fr 1.18fr;
}

.member-record-footer.is-access-review button {
  min-width: 0;
  padding-inline: 9px;
  font-size: 11px;
  white-space: nowrap;
}

.member-record-footer .member-record-access-restore {
  border-color: #9ddfc4;
  color: #168347;
}

.member-record-footer .member-record-save {
  border-color: #6633f1;
  background: #6633f1;
  color: #ffffff;
}

.member-record-footer button:hover,
.member-record-footer button:focus-visible {
  border-color: #8d6cf6;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.12);
}

.member-record-footer .member-record-save:hover,
.member-record-footer .member-record-save:focus-visible {
  background: #5422db;
}

.member-record-footer.is-mcp-grant:not(.is-mcp-enable) .member-record-save {
  border-color: #d9b36c;
  background: #ffffff;
  color: #8a4b08;
}

.member-record-footer.is-mcp-grant:not(.is-mcp-enable) .member-record-save:hover,
.member-record-footer.is-mcp-grant:not(.is-mcp-enable) .member-record-save:focus-visible {
  border-color: #c58c2f;
  background: #fff8e8;
  color: #713c06;
}

.event-manager-create.is-mcp-revoke-all {
  border-color: #d92d20;
  background: #ffffff;
  color: #b42318;
}

.event-manager-create.is-mcp-revoke-all[hidden] {
  display: none;
}

.event-manager-create.is-mcp-revoke-all .ui-icon-host {
  display: none;
}

.event-manager-create.is-mcp-revoke-all:hover,
.event-manager-create.is-mcp-revoke-all:focus-visible {
  border-color: #b42318;
  background: #fff5f4;
  color: #9f2d24;
}

.mcp-batch-result {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  align-items: start;
  gap: 9px;
  margin: 10px 12px 0;
  padding: 10px 11px;
  border: 1px solid #e8b7b2;
  border-radius: 7px;
  background: #fff6f5;
  color: #7a3834;
}

.mcp-batch-result[hidden] {
  display: none;
}

.mcp-batch-result:focus-visible {
  outline: 2px solid rgba(180, 35, 24, 0.28);
  outline-offset: 2px;
}

.mcp-batch-result > .ui-icon-host {
  width: 17px;
  height: 17px;
  margin-top: 1px;
  color: #b42318;
}

.mcp-batch-result-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.mcp-batch-result-copy strong {
  color: #7a271a;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.mcp-batch-result-copy span,
.mcp-batch-result-copy small {
  color: #7a3834;
  font-size: 10px;
  line-height: 1.4;
}

.mcp-batch-result-copy small {
  color: #9f2d24;
  font-weight: 500;
}

.mcp-batch-result button {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #d92d20;
  border-radius: 6px;
  background: #ffffff;
  color: #b42318;
  font: inherit;
  font-size: 10px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

.mcp-batch-result button:hover,
.mcp-batch-result button:focus-visible {
  border-color: #b42318;
  outline: 0;
  background: #fff0ee;
  box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.1);
}

.mcp-batch-result button:disabled,
.mcp-batch-result.is-retrying button {
  border-color: #dce3ed;
  background: #f2f4f7;
  color: #8b96a7;
  cursor: wait;
  box-shadow: none;
}

@media (max-width: 620px) {
  .mcp-batch-result {
    grid-template-columns: 18px minmax(0, 1fr);
  }

  .mcp-batch-result button {
    grid-column: 2;
    justify-self: start;
  }
}

.mcp-table-identifier {
  min-width: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-manager-workspace.is-mcp-view .attendee-grid-fallback .mcp-role-pill {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #b9a8ff;
  border-radius: var(--ds-pill-radius);
  background: #f8f6ff;
  color: #6633f1;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  white-space: nowrap;
}

.member-manager-workspace.is-mcp-view .member-manager-grid
  :is(.ag-header-cell, .ag-cell)[col-id="actions"] {
  padding-inline: 4px;
}

.member-manager-workspace.is-mcp-view .member-manager-grid .mcp-timestamp-cell strong {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.member-manager-workspace.is-mcp-view .member-manager-grid .mcp-timestamp-cell small {
  color: #111827;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
}

.member-manager-workspace.is-mcp-view .mcp-access-chip {
  min-width: 0;
  height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #a9e4cb;
  border-radius: var(--ds-pill-radius);
  background: #e8fbf0;
  color: #168347;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  white-space: nowrap;
}

.member-manager-workspace.is-mcp-view .mcp-access-chip:is(.is-paused, .is-warning) {
  border-color: #edc36f;
  background: #fff7e6;
  color: #9d6512;
}

.member-manager-workspace.is-mcp-view .mcp-access-chip.is-blocked {
  border-color: #b42318;
  background: #fff1f0;
  color: #b42318;
}

.member-manager-workspace.is-mcp-view .mcp-access-chip.is-pending {
  border-color: #dce3ed;
  background: #eef4ff;
  color: #1d5bbf;
}

.mcp-timestamp-cell {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 1px;
  line-height: 1.2;
}

.mcp-timestamp-cell strong,
.mcp-timestamp-cell small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mcp-timestamp-cell strong {
  color: #273244;
  font-size: 10px;
  font-weight: 500;
}

.mcp-timestamp-cell small {
  color: #7a8699;
  font-size: 9px;
}

.mcp-grant-scopes > span {
  flex: 0 0 auto;
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #d9cffd;
  border-radius: var(--ds-pill-radius);
  background: #f5f2ff;
  color: #5b2bd6;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 600;
}

.mcp-grant-scopes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.mcp-grant-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  overflow: hidden;
  border-top: 1px solid #e1e7f0;
}

.mcp-grant-overview-grid > div {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 3px;
  padding: 9px 0;
  border-bottom: 1px solid #edf1f6;
}

.mcp-grant-overview-grid > div.is-wide {
  grid-column: 1 / -1;
}

.mcp-grant-overview-grid > div.is-right {
  padding-left: 10px;
  border-left: 1px solid #edf1f6;
}

.mcp-grant-overview-grid > div.is-last {
  border-bottom: 0;
}

.mcp-grant-overview-grid :is(dt, dd) {
  min-width: 0;
  margin: 0;
}

.mcp-grant-overview-grid dt {
  color: #7a8699;
  font-size: 10px;
  font-weight: 500;
}

.mcp-grant-overview-grid dd {
  display: grid;
  gap: 2px;
}

.mcp-grant-overview-grid dd strong {
  overflow-wrap: anywhere;
  color: #263244;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
}

.mcp-grant-overview-grid dd small {
  color: #697588;
  font-size: 10px;
  line-height: 1.35;
}

.mcp-grant-overview-grid dd strong.is-available {
  color: #168347;
}

.mcp-grant-overview-grid dd strong.is-warning,
.mcp-grant-overview-grid dd strong.is-paused,
.mcp-grant-overview-grid dd strong.is-pending {
  color: #9a5b08;
}

.mcp-grant-overview-grid dd strong.is-blocked {
  color: #b42318;
}

.mcp-effective-access {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  padding: 10px;
  border: 1px solid #c8e7d7;
  border-radius: 6px;
  background: #f2faf6;
}

.mcp-effective-access > .ui-icon-host {
  width: 17px;
  height: 17px;
  margin-top: 1px;
  color: #168347;
}

.mcp-effective-access > span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.mcp-effective-access small {
  color: #52705f;
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
}

.mcp-effective-access strong {
  color: #156b3e;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}

.mcp-effective-access:is(.is-warning, .is-paused, .is-pending) {
  border-color: #ead39b;
  background: #fffaf0;
}

.mcp-effective-access:is(.is-warning, .is-paused, .is-pending) > .ui-icon-host,
.mcp-effective-access:is(.is-warning, .is-paused, .is-pending) strong {
  color: #8a4b08;
}

.mcp-effective-access.is-blocked {
  border-color: #f3c6c2;
  background: #fff5f4;
}

.mcp-effective-access.is-blocked > .ui-icon-host,
.mcp-effective-access.is-blocked strong {
  color: #b42318;
}

.mcp-effective-access p {
  margin: 0;
  color: #526074;
  font-size: 10px;
  line-height: 1.45;
}

.mcp-rights-summary {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 12px 7px;
  color: #697588;
  font-size: 10px;
}

.mcp-rights-summary strong {
  color: #263244;
  font-size: 11px;
  font-weight: 600;
}

.mcp-grant-rights-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 0;
  margin: 0;
  padding: 0 12px;
  list-style: none;
  border-top: 1px solid #e1e7f0;
}

.mcp-grant-rights-list li {
  min-width: 0;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 2px;
  border-bottom: 1px solid #edf1f6;
}

.mcp-grant-rights-list li:nth-child(odd) {
  padding-right: 8px;
}

.mcp-grant-rights-list li:nth-child(even) {
  padding-left: 10px;
}

.mcp-grant-rights-list li.is-wide {
  grid-column: 1 / -1;
  padding-left: 2px;
  padding-right: 2px;
}

.mcp-grant-rights-list .mcp-action-status {
  width: 17px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #33b85c;
  color: #ffffff;
}

.mcp-grant-rights-list .mcp-action-status svg {
  width: 12px;
  height: 12px;
  stroke-width: 2.5;
}

.mcp-grant-rights-list li.is-unavailable .mcp-action-status {
  border: 1px solid #c9d2df;
  background: #ffffff;
  color: #697588;
}

.mcp-grant-rights-list li.is-unavailable .mcp-action-status svg {
  width: 10px;
  height: 10px;
  stroke-width: 2;
}

.mcp-grant-rights-list strong {
  color: #263244;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0;
}

.mcp-grant-rights-list li.is-unavailable strong {
  color: #697588;
}

.mcp-live-permissions {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  margin: 10px 12px 12px;
  padding: 9px 10px;
  border: 1px solid #d9d0f7;
  border-radius: 6px;
  background: #f8f6ff;
}

.mcp-live-permissions > .ui-icon-host {
  width: 16px;
  height: 16px;
  display: inline-flex;
  color: #6633f1;
}

.mcp-live-permissions > span:last-child {
  display: grid;
  gap: 3px;
}

.mcp-live-permissions strong {
  color: #302063;
  font-size: 11px;
}

.mcp-live-permissions small {
  color: #665b80;
  font-size: 10px;
  line-height: 1.45;
}

.mcp-available-actions {
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.mcp-available-actions-heading {
  padding: 10px 12px 9px;
}

.member-record-drawer[data-record-type="mcp-grant"] .mcp-available-actions-heading h3 {
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
}

.mcp-available-actions-heading p {
  display: block;
}

.mcp-available-actions-role {
  min-height: 18px;
  display: inline-flex;
  align-items: center;
  margin: 0 2px;
  padding: 0 6px;
  border: 1px solid #8d6cf6;
  border-radius: var(--ds-pill-radius);
  background: #fbfaff;
  color: #6633f1;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  vertical-align: middle;
}

@media (max-width: 520px) {
  .mcp-grant-rights-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .mcp-grant-rights-list li:nth-child(n) {
    grid-column: auto;
    padding-left: 2px;
    padding-right: 2px;
  }
}

.mcp-connection-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 12px;
  margin: 0;
  border-top: 1px solid #e1e7f0;
}

.mcp-connection-details > div {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 6px 0;
  border-bottom: 1px solid #edf1f6;
}

.mcp-connection-details > div.is-wide {
  grid-column: 1 / -1;
}

.mcp-connection-details :is(dt, dd) {
  min-width: 0;
  margin: 0;
}

.mcp-connection-details dt {
  color: #7a8699;
  font-size: 9px;
  font-weight: 500;
}

.mcp-connection-details dd {
  display: grid;
  gap: 2px;
}

.mcp-connection-details dd strong {
  overflow-wrap: anywhere;
  color: #263244;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
}

.mcp-connection-details dd small {
  color: #697588;
  font-size: 9px;
  line-height: 1.3;
}

.mcp-client-consent-context,
.mcp-organization-context {
  display: grid;
  gap: 8px;
}

.mcp-client-summary,
.mcp-consent-details,
.mcp-organization-summary,
.mcp-endpoint-details {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.mcp-client-summary,
.mcp-organization-summary {
  overflow: hidden;
  border: 1px solid #e1e7f0;
  border-radius: 6px;
  background: #f8fafc;
}

.mcp-client-summary > div,
.mcp-consent-details > div,
.mcp-organization-summary > div,
.mcp-endpoint-details > div {
  min-width: 0;
}

.mcp-client-summary > div,
.mcp-organization-summary > div {
  padding: 7px 8px;
}

.mcp-client-summary > div + div,
.mcp-organization-summary > div + div {
  border-left: 1px solid #e1e7f0;
}

.mcp-client-summary :is(dt, dd),
.mcp-consent-details :is(dt, dd),
.mcp-organization-summary :is(dt, dd),
.mcp-endpoint-details :is(dt, dd) {
  min-width: 0;
  margin: 0;
}

.mcp-client-summary dt,
.mcp-consent-details dt,
.mcp-organization-summary dt,
.mcp-endpoint-details dt {
  color: #7a8699;
  font-size: 9px;
  font-weight: 500;
}

.mcp-client-summary dd,
.mcp-consent-details dd,
.mcp-organization-summary dd,
.mcp-endpoint-details dd {
  margin-top: 2px;
}

.mcp-client-summary dd strong,
.mcp-consent-details dd strong,
.mcp-organization-summary dd strong,
.mcp-endpoint-details dd strong {
  overflow-wrap: anywhere;
  color: #263244;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.35;
}

.mcp-consent-details,
.mcp-endpoint-details {
  column-gap: 12px;
  border-top: 1px solid #e1e7f0;
}

.mcp-consent-details > div,
.mcp-endpoint-details > div {
  padding: 5px 0;
  border-bottom: 1px solid #edf1f6;
}

.mcp-consent-details > div.is-wide,
.mcp-endpoint-details > div.is-wide {
  grid-column: 1 / -1;
}

.mcp-detail-value-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 10px;
}

.mcp-detail-value-list > span:not(:last-child)::after {
  content: "·";
  margin-left: 10px;
  color: #98a2b3;
}

.mcp-technical-details {
  display: grid;
  gap: 8px;
}

.mcp-technical-details > .mcp-connection-security {
  padding: 0 2px;
}

.mcp-connection-security {
  margin: 0;
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  align-items: start;
  gap: 7px;
  color: #697588;
  font-size: 9px;
  line-height: 1.4;
}

.mcp-connection-security .ui-icon-host {
  width: 15px;
  height: 15px;
  color: #526074;
}

.member-record-drawer[data-record-type="mcp-grant"] .member-record-section,
.member-record-drawer[data-record-type="mcp-grant"] .member-activity-history {
  background: #ffffff;
}

.mcp-authorization-details {
  overflow: hidden;
  border: 1px solid #e1e7f0;
  border-radius: 7px;
}

.mcp-authorization-details summary {
  min-height: 42px;
}

.mcp-disclosure-label {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.mcp-disclosure-label strong {
  color: #172131;
  font-size: 11px;
  font-weight: 600;
}

.mcp-disclosure-label small {
  margin: 0;
  color: #697588;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.35;
}

.mcp-authorization-body {
  display: grid;
  gap: 6px;
  padding: 0 10px 8px;
}

@media (max-width: 520px) {
  .mcp-endpoint-details {
    grid-template-columns: minmax(0, 1fr);
  }

  .mcp-endpoint-details > div.is-wide {
    grid-column: auto;
  }
}

.member-record-drawer[data-record-type="mcp-grant"] .member-record-section-heading h3 {
  font-size: 11px;
}

.member-record-drawer[data-record-type="mcp-grant"] .member-record-section-heading p {
  font-size: 10px;
}

.member-record-footer.is-access-review .member-record-save {
  border-color: #d92d20;
  background: #d92d20;
}

.member-record-footer.is-access-review .member-record-save:hover,
.member-record-footer.is-access-review .member-record-save:focus-visible {
  border-color: #b42318;
  background: #b42318;
}

.member-record-footer button:disabled {
  border-color: #dce3ed;
  background: #e9edf3;
  color: #8b96a7;
  cursor: not-allowed;
  box-shadow: none;
}

.member-record-drawer[data-save-state="saving"] .member-record-save::before {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 6px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  content: "";
  vertical-align: -2px;
  animation: attendee-merge-spin 700ms linear infinite;
}

.member-manager-grid .ag-row.is-member-record-open,
.member-manager-grid .ag-row.is-member-record-open:hover {
  background: #f2efff;
  box-shadow: inset 3px 0 0 #6633f1;
}

.attendee-assign-trigger {
  position: relative;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #d8ceff;
  border-radius: 7px;
  background: #ffffff;
  color: #5b32da;
  cursor: pointer;
  transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

.attendee-assign-trigger > .ui-icon-host:first-child {
  width: 14px;
  height: 14px;
}

.attendee-assign-trigger-plus {
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 8px;
  height: 8px;
  padding: 1px;
  border-radius: 50%;
  background: #6633f1;
  color: #ffffff;
  box-shadow: 0 0 0 2px #ffffff;
}

.attendee-assign-trigger:hover,
.attendee-assign-trigger:focus-visible {
  border-color: #8d6cf6;
  background: #f7f4ff;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.12);
}

.attendee-detail-drawer .attendee-detail-header.panel-header {
  z-index: 3;
  height: 82px;
  min-height: 82px;
  max-height: 82px;
  flex: 0 0 82px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "trail actions"
    "title title";
  column-gap: 8px;
  padding: 10px 14px 14px;
  overflow: visible;
}

.attendee-detail-header .event-heading {
  display: contents;
}

.attendee-detail-header .event-title-stack {
  display: contents;
}

.attendee-detail-header .panel-header-trail {
  grid-area: trail;
  min-width: 0;
  min-height: 24px;
  margin: 0;
  align-self: center;
}

.attendee-detail-drawer .attendee-detail-header .event-title-copy {
  grid-area: title;
  min-width: 0;
  padding: 1px 0 0;
}

.attendee-detail-header .event-actions {
  grid-area: actions;
  max-width: none;
  align-self: center;
  display: block;
}

.attendee-detail-header .event-action-top {
  gap: 5px;
}

.attendee-detail-drawer .attendee-detail-header h2 {
  overflow: hidden;
  color: var(--ink);
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-detail-drawer .attendee-detail-header .event-title-stack .meta-line {
  max-width: none;
  margin: 1px 0 0;
  overflow: hidden;
  color: #667085;
  font-size: 10px;
  line-height: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-detail-header .header-breadcrumbs {
  gap: 6px;
  margin: 0;
}

.attendee-detail-header .header-breadcrumbs :is(.breadcrumb-button, strong) {
  font-size: 10px;
  line-height: 1;
}

.attendee-detail-status {
  min-width: 0;
  height: var(--ds-pill-height);
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #a7e7c9;
  border-radius: var(--ds-pill-radius);
  background: #effcf5;
  color: #12834b;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
}

.attendee-detail-status.is-pending {
  border-color: #ead39b;
  background: #fff8df;
  color: #8a5a08;
}

.attendee-detail-status.is-inactive {
  border-color: #dce3ed;
  background: #f5f7fa;
  color: #667085;
}

.attendee-detail-header .panel-close-button {
  width: 25px;
  height: 25px;
  flex-basis: 25px;
  border: 1px solid var(--ui-border, #dce3ed);
  border-radius: 4px;
  background: #ffffff;
  box-shadow: none;
}

.attendee-detail-body {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 12px 14px 20px;
  scrollbar-gutter: stable;
}

.attendee-duplicate-indicator {
  min-height: 58px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  margin-bottom: 8px;
  padding: 9px 10px;
  border: 1px solid #ead39b;
  border-radius: 7px;
  background: #fff9e8;
}

.attendee-duplicate-indicator[hidden] {
  display: none;
}

.attendee-duplicate-indicator-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #fff0bd;
  color: #9a5b08;
}

.attendee-duplicate-indicator-icon .ui-icon-svg {
  width: 15px;
  height: 15px;
}

.attendee-duplicate-indicator > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.attendee-duplicate-indicator :is(strong, span) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-duplicate-indicator strong {
  color: #533c0a;
  font-size: 11px;
  font-weight: 600;
}

.attendee-duplicate-indicator > div > span {
  color: #7a5a16;
  font-size: 9px;
}

.attendee-duplicate-indicator button {
  height: 28px;
  padding: 0 9px;
  border: 1px solid #c4b5fd;
  border-radius: 6px;
  background: #ffffff;
  color: #5b32da;
  font-size: 9px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

.attendee-duplicate-indicator button:hover {
  border-color: #8d6cf6;
  background: #f7f4ff;
}

.attendee-duplicate-indicator button:focus-visible {
  outline: 2px solid #6633f1;
  outline-offset: 2px;
}

.attendee-detail-summary {
  min-height: 72px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
}

.attendee-detail-avatar {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d8ceff;
  border-radius: 50%;
  background: #f4f1ff;
  color: #5b32da;
  font-size: 13px;
  font-weight: 600;
}

.attendee-detail-summary > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.attendee-detail-summary strong,
.attendee-detail-summary small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-detail-summary strong {
  color: var(--ink);
  font-size: 14px;
  font-weight: 600;
}

.attendee-detail-summary small {
  color: var(--muted);
  font-size: 11px;
}

.attendee-detail-summary em {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #d8ceff;
  border-radius: var(--ds-pill-radius);
  background: #f5f2ff;
  color: #5b32da;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
}

.attendee-detail-record-group,
.attendee-detail-form-section {
  padding: 16px 0 4px;
  border-bottom: 1px solid #e4e9f1;
}

.attendee-detail-record-group:last-child,
.attendee-detail-form-section:last-child {
  border-bottom: 0;
}

.attendee-detail-section-heading {
  min-height: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.attendee-detail-section-heading h3 {
  margin: 0;
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
}

.attendee-detail-section-heading span {
  color: #9a5b08;
  font-size: 10px;
  font-weight: 500;
}

.attendee-profile-assign-action {
  height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  border: 1px solid #d8ceff;
  border-radius: 7px;
  background: #ffffff;
  color: #5b32da;
  font: inherit;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

.attendee-detail-section-heading .attendee-profile-assign-action .ui-icon-host {
  width: 13px;
  height: 13px;
  color: currentColor;
}

.attendee-profile-assign-action:hover,
.attendee-profile-assign-action:focus-visible {
  border-color: #8d6cf6;
  background: #f7f4ff;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.attendee-profile-registration-list {
  display: grid;
  gap: 7px;
}

.attendee-profile-registration-row {
  min-height: 58px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 8px 9px;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
}

.attendee-profile-registration-icon {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #f1f4f8;
  color: #647189;
}

.attendee-profile-registration-icon .ui-icon-host {
  width: 15px;
  height: 15px;
}

.attendee-profile-registration-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.attendee-profile-registration-copy strong,
.attendee-profile-registration-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-profile-registration-copy strong {
  color: var(--ink);
  font-size: 11px;
  font-weight: 600;
}

.attendee-profile-registration-copy small {
  color: #7a8699;
  font-size: 9px;
}

.attendee-profile-registration-status {
  min-width: 46px;
  height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #b9e4d3;
  border-radius: var(--ds-pill-radius);
  background: #ecfbf4;
  color: #157347;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
}

.attendee-profile-registration-status.is-pending {
  border-color: #ead39b;
  background: #fff8df;
  color: #8a5a08;
}

.attendee-profile-registration-status.is-inactive {
  border-color: #dce3ed;
  background: #f5f7fa;
  color: #667085;
}

.attendee-profile-registration-empty {
  min-height: 62px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px dashed #cfd8e5;
  border-radius: 8px;
  background: #ffffff;
  color: #667085;
}

.attendee-profile-registration-empty > .ui-icon-host {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: #7c5ce7;
}

.attendee-profile-registration-empty > span:last-child {
  display: grid;
  gap: 2px;
}

.attendee-profile-registration-empty strong {
  color: var(--ink);
  font-size: 11px;
  font-weight: 600;
}

.attendee-profile-registration-empty small {
  color: #7a8699;
  font-size: 9px;
}

.attendee-detail-record-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 16px;
  margin: 0;
}

.attendee-detail-record-list > div {
  min-width: 0;
  padding: 9px 0;
  border-top: 1px solid #edf1f6;
}

.attendee-detail-record-list > div.is-wide {
  grid-column: 1 / -1;
}

.attendee-detail-record-list dt {
  margin-bottom: 4px;
  color: #7a8699;
  font-size: 10px;
  font-weight: 500;
}

.attendee-detail-record-list dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.4;
}

.attendee-detail-form-section:first-child {
  padding-top: 2px;
}

.attendee-detail-form label {
  display: grid;
  gap: 6px;
  margin-bottom: 12px;
}

.attendee-detail-form label > span {
  color: #647189;
  font-size: 11px;
  font-weight: 500;
}

.attendee-detail-form :is(input, select) {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font: inherit;
  font-size: 13px;
}

.attendee-detail-form select {
  appearance: none;
  padding-right: 28px;
  background:
    linear-gradient(45deg, transparent 50%, #647189 50%) right 13px center / 6px 6px no-repeat,
    linear-gradient(135deg, #647189 50%, transparent 50%) right 9px center / 6px 6px no-repeat,
    #ffffff;
}

.attendee-detail-form :is(input, select):hover {
  border-color: #c9d2df;
}

.attendee-detail-form :is(input, select):focus {
  border-color: #8d6cf6;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.attendee-detail-form :is(input, select)[aria-invalid="true"] {
  border-color: #d92d20;
  background-color: #fffafa;
  box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.08);
}

.attendee-detail-form input::placeholder {
  color: #98a2b3;
}

.attendee-detail-field-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.attendee-detail-footer {
  min-height: 70px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px max(12px, calc(10px + env(safe-area-inset-bottom, 0px)));
  border-top: 1px solid #dce3ed;
  background: #ffffff;
  box-shadow: 0 -10px 20px rgba(18, 24, 40, 0.04);
}

.attendee-detail-save-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
  color: #667085;
  font-size: 10px;
}

.attendee-detail-save-state {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #247354;
  font-size: 11px;
  font-weight: 500;
}

.attendee-detail-save-state i {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #1fa67a;
}

.attendee-detail-save-state.is-saving {
  color: #8a5a08;
}

.attendee-detail-save-state.is-saving i {
  border: 2px solid #efd49d;
  border-top-color: #b7791f;
  background: transparent;
  animation: attendee-merge-spin 700ms linear infinite;
}

.attendee-detail-footer button {
  min-width: 88px;
  height: 38px;
  padding: 0 16px;
  border: 1px solid var(--purple);
  border-radius: 8px;
  background: var(--purple);
  color: #ffffff;
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.attendee-detail-footer button:hover,
.attendee-detail-footer button:focus-visible {
  background: #5422db;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.16);
}

.attendee-event-drawer {
  position: fixed;
  top: 56px;
  right: 0;
  z-index: 97;
  width: var(--event-manager-panel-width);
  height: calc(100vh - 56px);
  height: calc(100dvh - 56px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-left: 1px solid #dce3ed;
  background: #f7f9fc;
  box-shadow: none;
  transform: translateX(100%);
  visibility: hidden;
  transition: transform 220ms ease, visibility 0s linear 220ms;
}

.event-manager-app.has-attendee-event .attendee-event-drawer {
  transform: translateX(0);
  visibility: visible;
  transition: transform 220ms ease;
}

.event-manager-app.has-attendee-event .attendee-detail-drawer {
  transform: translateX(0);
  pointer-events: none;
  transition: none;
}

.attendee-event-header.panel-header {
  z-index: 3;
  min-height: 149px;
  max-height: min(42dvh, 210px);
  padding: 12px 14px 10px;
}

.attendee-event-header .event-heading {
  width: 100%;
}

.attendee-event-header h2 {
  color: var(--ink);
  font-size: 18px;
  font-weight: 600;
}

.attendee-event-header .meta-line {
  max-width: 290px;
  margin-top: 2px;
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-event-header .header-breadcrumbs {
  margin-top: 7px;
}

.attendee-event-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid rgba(220, 227, 237, 0.82);
  color: #647189;
  font-size: 11px;
}

.attendee-event-context span:last-child {
  color: #5b32da;
  font-weight: 500;
}

.attendee-event-body {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 12px 14px 20px;
  scrollbar-gutter: stable;
}

.attendee-event-search {
  height: 40px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 11px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  color: #667085;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}

.attendee-event-search:focus-within {
  border-color: #8d6cf6;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.attendee-event-search .ui-icon-host {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
}

.attendee-event-search input {
  min-width: 0;
  flex: 1 1 auto;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: 12px;
}

.attendee-event-search input::placeholder {
  color: #98a2b3;
}

.attendee-event-data-state {
  min-height: 224px;
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 18px;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
  color: #667085;
  text-align: center;
}

.attendee-event-data-state[hidden] {
  display: none;
}

.attendee-event-data-state > .ui-icon-host {
  width: 22px;
  height: 22px;
  color: #7c5ce7;
}

.attendee-event-data-state strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 600;
}

.attendee-event-data-state p {
  max-width: 260px;
  margin: 0;
  font-size: 10px;
  line-height: 1.45;
}

.attendee-event-data-state button {
  height: 30px;
  padding: 0 11px;
  border: 1px solid #d8ceff;
  border-radius: 7px;
  background: #ffffff;
  color: #5b32da;
  font: inherit;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.attendee-event-state-skeletons {
  width: 100%;
  display: grid;
  gap: 8px;
}

.attendee-event-state-skeleton {
  height: 66px;
  border-radius: 8px;
  background:
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.82), transparent) -140px 0 / 140px 100% no-repeat,
    linear-gradient(#eef2f7, #eef2f7);
  animation: attendee-event-skeleton 1.2s ease-in-out infinite;
}

@keyframes attendee-event-skeleton {
  to {
    background-position: calc(100% + 140px) 0, 0 0;
  }
}

.attendee-event-setup[hidden] {
  display: none;
}

.attendee-event-setup {
  margin-top: 10px;
  padding: 11px;
  border: 1px solid #cbbdff;
  border-radius: 8px;
  background: #faf9ff;
}

.attendee-event-setup-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.attendee-event-setup-heading > span:first-child {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.attendee-event-setup-heading small {
  color: #7a8699;
  font-size: 9px;
  font-weight: 500;
}

.attendee-event-setup-heading strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-event-setup-heading > .ui-icon-host {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  color: #5b32da;
}

.attendee-event-setup-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.attendee-event-setup-fields label {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.attendee-event-setup-fields label > span {
  color: #647189;
  font-size: 9px;
  font-weight: 500;
}

.attendee-event-setup-fields select {
  width: 100%;
  height: 36px;
  appearance: none;
  padding: 0 28px 0 9px;
  border: 1px solid #d8ceff;
  border-radius: 7px;
  background:
    linear-gradient(45deg, transparent 50%, #647189 50%) right 12px center / 5px 5px no-repeat,
    linear-gradient(135deg, #647189 50%, transparent 50%) right 9px center / 5px 5px no-repeat,
    #ffffff;
  color: var(--ink);
  font: inherit;
  font-size: 11px;
}

.attendee-event-setup-fields select:focus {
  border-color: #8d6cf6;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.attendee-event-section {
  padding-top: 18px;
}

.attendee-event-section + .attendee-event-section {
  margin-top: 4px;
  border-top: 1px solid #e4e9f1;
}

.attendee-event-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}

.attendee-event-section-heading h3 {
  margin: 0;
  color: var(--ink);
  font-size: 12px;
  font-weight: 600;
}

.attendee-event-section-heading span {
  min-width: 22px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  border-radius: 999px;
  background: #eef2f7;
  color: #667085;
  font-size: 10px;
  font-weight: 500;
}

.attendee-event-list {
  display: grid;
  gap: 7px;
}

.attendee-event-row {
  width: 100%;
  min-height: 66px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
  color: inherit;
  font: inherit;
  text-align: left;
}

button.attendee-event-row {
  cursor: pointer;
  transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

button.attendee-event-row:hover,
button.attendee-event-row:focus-visible {
  border-color: #bcaeff;
  background: #faf9ff;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.08);
}

.attendee-event-row.is-selected {
  border-color: #8d6cf6;
  background: #f7f4ff;
  box-shadow: inset 3px 0 0 #6633f1;
}

.attendee-event-row-icon {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #f1f4f8;
  color: #647189;
}

.attendee-event-row.is-selected .attendee-event-row-icon {
  background: #e9e2ff;
  color: #5b32da;
}

.attendee-event-row-icon .ui-icon-host {
  width: 16px;
  height: 16px;
}

.attendee-event-row-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.attendee-event-row-copy strong,
.attendee-event-row-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-event-row-copy strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 600;
}

.attendee-event-row-copy small {
  color: #7a8699;
  font-size: 10px;
}

.attendee-event-row-state {
  min-width: 58px;
  height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #dce3ed;
  border-radius: var(--ds-pill-radius);
  background: #f7f9fc;
  color: #667085;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
  white-space: nowrap;
}

.attendee-event-row.is-assigned .attendee-event-row-state {
  border-color: #b9e4d3;
  background: #ecfbf4;
  color: #157347;
}

.attendee-event-row.is-selected .attendee-event-row-state {
  border-color: #c9bbff;
  background: #ffffff;
  color: #5b32da;
}

.attendee-event-empty {
  min-height: 148px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 18px;
  border: 1px dashed #cfd8e5;
  border-radius: 8px;
  background: #ffffff;
  color: #667085;
  text-align: center;
}

.attendee-event-empty[hidden] {
  display: none;
}

.attendee-event-empty > .ui-icon-host {
  width: 22px;
  height: 22px;
  color: #7c5ce7;
}

.attendee-event-empty strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 600;
}

.attendee-event-empty button {
  height: 30px;
  padding: 0 11px;
  border: 1px solid #d8ceff;
  border-radius: 7px;
  background: #ffffff;
  color: #5b32da;
  font: inherit;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.attendee-event-result {
  margin: 12px 0 0;
  padding: 9px 10px;
  border: 1px solid #b9e4d3;
  border-radius: 8px;
  background: #ecfbf4;
  color: #157347;
  font-size: 11px;
  font-weight: 500;
}

.attendee-event-footer {
  min-height: 70px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px max(12px, calc(10px + env(safe-area-inset-bottom, 0px)));
  border-top: 1px solid #dce3ed;
  background: #ffffff;
  box-shadow: 0 -10px 20px rgba(18, 24, 40, 0.04);
}

.attendee-event-footer > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.attendee-event-footer strong {
  color: var(--ink);
  font-size: 11px;
  font-weight: 600;
}

.attendee-event-footer span {
  overflow: hidden;
  color: #667085;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-event-footer > button {
  min-width: 102px;
  height: 38px;
  padding: 0 14px;
  border: 1px solid var(--purple);
  border-radius: 8px;
  background: var(--purple);
  color: #ffffff;
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.attendee-event-footer > button:hover:not(:disabled),
.attendee-event-footer > button:focus-visible:not(:disabled) {
  background: #5422db;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.16);
}

.attendee-event-footer > button:disabled {
  border-color: #dce3ed;
  background: #e9edf3;
  color: #98a2b3;
  cursor: not-allowed;
}

.attendee-event-footer > button.is-processing:disabled {
  color: #ffffff;
  border-color: #7450ec;
  background: #7450ec;
  cursor: wait;
}

.attendee-merge-drawer {
  position: fixed;
  top: 56px;
  right: 0;
  z-index: 96;
  width: var(--event-manager-panel-width);
  height: calc(100vh - 56px);
  height: calc(100dvh - 56px);
  display: flex;
  flex-direction: column;
  border-left: 1px solid #dce3ed;
  background: #f7f9fc;
  box-shadow: -18px 0 48px rgba(24, 31, 45, 0.14);
  transform: translateX(100%);
  visibility: hidden;
  transition: transform 220ms ease, visibility 0s linear 220ms;
}

.event-manager-app.has-attendee-merge .attendee-merge-drawer {
  transform: translateX(0);
  visibility: visible;
  transition: transform 220ms ease;
}

.attendee-merge-header.panel-header {
  z-index: 3;
  min-height: 98px;
  max-height: none;
  padding: 12px 14px 10px;
  overflow: visible;
}

.attendee-merge-header .event-heading {
  width: 100%;
}

.attendee-merge-header h2 {
  color: var(--ink);
  font-size: 18px;
  font-weight: 600;
}

.attendee-merge-header .meta-line {
  margin: 2px 0 0;
  color: var(--muted);
  font-size: 11px;
}

.attendee-merge-header .header-breadcrumbs {
  margin-top: 8px;
}

.attendee-merge-header .event-actions {
  max-width: none;
}

.attendee-merge-body {
  min-height: 0;
  flex: 1;
  padding: 16px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.attendee-merge-stage {
  display: grid;
  gap: 16px;
}

.attendee-merge-stage[hidden],
.attendee-merge-footer[hidden] {
  display: none;
}

.attendee-duplicate-queue {
  gap: 14px;
}

.attendee-queue-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}

.attendee-queue-heading > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.attendee-queue-heading h3 {
  margin: 0;
  color: #172131;
  font-size: 14px;
  font-weight: 600;
}

.attendee-queue-heading p {
  margin: 0;
  color: #6b778a;
  font-size: 10px;
  line-height: 1.45;
}

.attendee-queue-heading > strong {
  flex: 0 0 auto;
  padding: 4px 7px;
  border-radius: 999px;
  background: #eee9ff;
  color: #5630cc;
  font-size: 9px;
  font-weight: 500;
}

.attendee-queue-state[hidden] {
  display: none;
}

.attendee-person-avatar {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  border: 1px solid #ddd4ff;
  border-radius: 7px;
  background: #eee9ff;
  color: #5d35d8;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.attendee-duplicate-groups {
  display: grid;
  gap: 8px;
}

.attendee-duplicate-group {
  width: 100%;
  min-width: 0;
  min-height: 68px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: 10px;
  padding: 10px 11px;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

.attendee-duplicate-group:hover {
  border-color: #bdaeff;
  background: #fbfaff;
  box-shadow: 0 3px 10px rgba(75, 49, 150, 0.07);
}

.attendee-duplicate-group:focus-visible,
.attendee-queue-inline-action:focus-visible {
  outline: 2px solid #6633f1;
  outline-offset: 2px;
}

.attendee-group-avatar {
  width: 34px;
  height: 34px;
  flex-basis: 34px;
  border-radius: 8px;
  font-size: 10px;
}

.attendee-group-copy,
.attendee-group-state {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.attendee-group-copy strong {
  overflow: hidden;
  color: #202a3a;
  font-size: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-group-copy span,
.attendee-group-state span {
  color: #778397;
  font-size: 9px;
  white-space: nowrap;
}

.attendee-group-state {
  justify-items: end;
  text-align: right;
}

.attendee-group-state strong {
  color: #6633f1;
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
}

.attendee-group-arrow {
  color: #8a95a6;
}

.attendee-group-arrow svg {
  width: 14px;
  height: 14px;
}

.attendee-queue-loading {
  display: grid;
  gap: 8px;
}

.attendee-queue-skeleton {
  min-height: 68px;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 12px;
  border: 1px solid #e3e7ee;
  border-radius: 8px;
  background: #ffffff;
}

.attendee-queue-skeleton span {
  height: 8px;
  border-radius: 4px;
  background: linear-gradient(90deg, #eef1f5 25%, #f7f8fa 50%, #eef1f5 75%);
  background-size: 200% 100%;
  animation: attendee-queue-shimmer 1.2s ease-in-out infinite;
}

.attendee-queue-skeleton span:nth-child(1) { width: 42%; }
.attendee-queue-skeleton span:nth-child(2) { width: 72%; }
.attendee-queue-skeleton span:nth-child(3) { width: 28%; }

@keyframes attendee-queue-shimmer {
  to { background-position: -200% 0; }
}

.attendee-queue-message {
  min-height: 320px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 8px;
  text-align: center;
}

.attendee-queue-message-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #eefaf5;
  color: #168266;
}

.attendee-queue-message.is-error .attendee-queue-message-icon {
  background: #fff0f0;
  color: #c43d3d;
}

.attendee-queue-message-icon svg {
  width: 22px;
  height: 22px;
}

.attendee-queue-message h3 {
  margin: 2px 0 0;
  color: #172131;
  font-size: 15px;
  font-weight: 600;
}

.attendee-queue-message p {
  max-width: 290px;
  margin: 0;
  color: #6b778a;
  font-size: 10px;
  line-height: 1.5;
}

.attendee-queue-inline-action {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 6px;
  padding: 0 12px;
  border: 1px solid #d5c9ff;
  border-radius: 7px;
  background: #ffffff;
  color: #6633f1;
  font: inherit;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.attendee-queue-inline-action:hover {
  background: #f7f4ff;
}

.attendee-queue-inline-action svg {
  width: 13px;
  height: 13px;
}

.attendee-merge-audit-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #6633f1;
}

.attendee-merge-audit > div {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.attendee-merge-audit strong {
  color: #352365;
  font-size: 11px;
  font-weight: 600;
}

.attendee-merge-audit span {
  overflow: hidden;
  color: #6f6683;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-merge-audit button {
  min-width: 0;
  padding: 4px 2px;
  border: 0;
  background: transparent;
  color: #6633f1;
  font: inherit;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.attendee-merge-audit button:hover {
  color: #4f22c9;
  text-decoration: underline;
}

.attendee-primary-section,
.attendee-match-reasons,
.attendee-merge-preview,
.attendee-confirm-events {
  display: grid;
  gap: 9px;
}

.attendee-merge-section-heading > div {
  display: grid;
  gap: 2px;
}

.attendee-primary-section > .attendee-merge-section-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.attendee-merge-selected-count {
  flex: 0 0 auto;
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #b9a8ff;
  border-radius: var(--ds-pill-radius);
  background: #eee9ff;
  color: #6633f1;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  white-space: nowrap;
}

.attendee-merge-selected-count[hidden],
.attendee-include-control[hidden] {
  display: none;
}

.attendee-merge-section-heading strong,
.attendee-confirm-events > strong {
  color: #202a3a;
  font-size: 12px;
  font-weight: 600;
}

.attendee-merge-section-heading span {
  color: #778397;
  font-size: 10px;
  line-height: 1.4;
}

.attendee-primary-options {
  display: grid;
  gap: 7px;
}

.attendee-record-option {
  min-width: 0;
  min-height: 68px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
  transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease, opacity 150ms ease;
}

.attendee-record-option:hover {
  border-color: #bdaeff;
  background: #fbfaff;
}

.attendee-record-option.is-primary {
  border-color: #7b4dff;
  background: #f5f2ff;
  box-shadow: inset 3px 0 #6633f1;
}

.attendee-record-option.is-pair {
  grid-template-columns: minmax(0, 1fr) auto;
}

.attendee-record-option.is-excluded {
  background: #f8fafc;
  border-style: dashed;
}

.attendee-conflict-section,
.attendee-conflict-list {
  display: grid;
  gap: 0;
}

.attendee-conflict-section {
  overflow: hidden;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
}

.attendee-conflict-section > .attendee-merge-section-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 12px;
  border-bottom: 1px solid #e7ebf1;
  background: #f7f8fb;
}

.attendee-conflict-count {
  flex: 0 0 auto;
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #edc36f;
  border-radius: var(--ds-pill-radius);
  background: #fff3d6;
  color: #8b5700 !important;
  font-size: var(--ds-pill-font-size) !important;
  font-weight: 500 !important;
  white-space: nowrap;
}

.attendee-conflict-section[hidden] {
  display: none;
}

.attendee-conflict-row {
  display: grid;
  gap: 0;
  padding: 0;
  border-bottom: 1px solid #edf0f4;
  background: #ffffff;
}

.attendee-conflict-row.is-expanded {
  gap: 8px;
  padding: 0 12px 12px;
  background: #fbfaff;
}

.attendee-conflict-row:last-child {
  border-bottom: 0;
}

.attendee-conflict-heading {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 12px;
  border: 0;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.attendee-conflict-row.is-expanded .attendee-conflict-heading {
  margin: 0 -12px;
  width: calc(100% + 24px);
  border-bottom: 1px solid #ece8ff;
}

.attendee-conflict-heading:hover {
  background: #f8f6ff;
}

.attendee-conflict-heading:focus-visible {
  position: relative;
  z-index: 1;
  outline: 2px solid #6633f1;
  outline-offset: -2px;
}

.attendee-conflict-heading strong {
  color: #2b3545;
  font-size: 11px;
  font-weight: 600;
}

.attendee-conflict-heading-meta {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
}

.attendee-conflict-summary {
  max-width: 220px;
  overflow: hidden;
  color: #68758a;
  font-size: 9px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-conflict-chevron {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-right: 1.5px solid #718096;
  border-bottom: 1.5px solid #718096;
  transform: rotate(45deg) translateY(-2px);
  transition: transform 140ms ease;
}

.attendee-conflict-row.is-expanded .attendee-conflict-chevron {
  transform: rotate(225deg) translate(-1px, -1px);
}

.attendee-conflict-choices {
  display: grid;
  gap: 6px;
}

.attendee-conflict-choices[hidden] {
  display: none;
}

.attendee-conflict-choice {
  min-width: 0;
  min-height: 45px;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 7px 9px;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  background: #ffffff;
  color: #293446;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.attendee-conflict-choice:hover {
  border-color: #bdaeff;
  background: #fbfaff;
}

.attendee-conflict-choice.is-selected {
  border-color: #7b4dff;
  background: #f4f1ff;
  box-shadow: 0 0 0 1px rgba(102, 51, 241, 0.08);
}

.attendee-conflict-choice:focus-visible {
  outline: 2px solid #6633f1;
  outline-offset: 2px;
}

.attendee-conflict-choice-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.attendee-conflict-choice-copy strong,
.attendee-conflict-choice-copy span {
  overflow: hidden;
  overflow-wrap: anywhere;
  white-space: normal;
}

.attendee-conflict-choice-copy strong {
  font-size: 10px;
  font-weight: 600;
}

.attendee-conflict-choice-copy span {
  color: #7b8799;
  font-size: 9px;
}

.attendee-conflict-indicator {
  width: 15px;
  height: 15px;
  display: grid;
  place-items: center;
  border: 1.5px solid #aab4c3;
  border-radius: 50%;
  background: #ffffff;
}

.attendee-conflict-choice.is-selected .attendee-conflict-indicator {
  border: 4px solid #6633f1;
}

.attendee-conflict-choice.is-custom {
  grid-column: 1 / -1;
}

.attendee-conflict-custom {
  display: grid;
  gap: 5px;
}

.attendee-conflict-custom > span {
  color: #596579;
  font-size: 9px;
  font-weight: 500;
}

.attendee-conflict-custom input {
  width: 100%;
  height: 34px;
  padding: 0 10px;
  border: 1px solid #cfd7e3;
  border-radius: 7px;
  background: #ffffff;
  color: #202a3a;
  font: inherit;
  font-size: 11px;
}

.attendee-conflict-custom input:focus {
  border-color: #7b4dff;
  outline: 2px solid rgba(102, 51, 241, 0.14);
}

.attendee-conflict-custom input[aria-invalid="true"] {
  border-color: #d84a4a;
  outline-color: rgba(216, 74, 74, 0.14);
}

.attendee-protected-warning {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid #efc672;
  border-radius: 8px;
  background: #fff9ed;
}

.attendee-protected-warning[hidden] {
  display: none;
}

.attendee-protected-warning > .ui-icon-host {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #fff0c7;
  color: #a95d05;
}

.attendee-protected-warning svg {
  width: 15px;
  height: 15px;
}

.attendee-protected-warning div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.attendee-protected-warning strong {
  color: #6f3d07;
  font-size: 11px;
  font-weight: 600;
}

.attendee-protected-warning p {
  margin: 0;
  color: #7d5b2c;
  font-size: 10px;
  line-height: 1.45;
}

.attendee-primary-option {
  min-width: 0;
  min-height: 62px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 8px 9px;
  border: 0;
  background: transparent;
  color: #202a3a;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

.attendee-primary-option:hover {
  background: rgba(102, 51, 241, 0.025);
}

.attendee-primary-option.is-selected {
  background: transparent;
}

.attendee-primary-option:focus-visible {
  outline: 2px solid #6633f1;
  outline-offset: -2px;
}

.attendee-record-avatar {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid #d7dfea;
  border-radius: 50%;
  background: #f2f5f9;
  color: #5f6c80;
  font-size: 10px;
  font-weight: 600;
}

.attendee-primary-option.is-selected .attendee-record-avatar {
  border-color: #c9b8ff;
  background: #ede7ff;
  color: #6633f1;
}

.attendee-primary-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.attendee-primary-copy strong {
  color: #172131;
  font-size: 13px;
  font-weight: 600;
}

.attendee-primary-copy small,
.attendee-primary-copy em {
  overflow: hidden;
  overflow-wrap: anywhere;
  color: #667287;
  font-size: 10px;
  font-style: normal;
  line-height: 1.25;
  white-space: normal;
}

.attendee-primary-copy em {
  color: #7b8799;
}

.attendee-primary-label {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #ded5ff;
  border-radius: var(--ds-pill-radius);
  background: #ffffff;
  color: #6633f1;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  white-space: nowrap;
}

.attendee-primary-option.is-selected .attendee-primary-label {
  border-color: #6633f1;
  background: #ffffff;
  color: #6633f1;
}

.attendee-primary-option:disabled {
  cursor: default;
  opacity: 0.58;
}

.attendee-record-toggle {
  align-self: center;
  min-width: 54px;
  height: 28px;
  margin-right: 8px;
  padding: 0 9px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #687589;
  font: inherit;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.attendee-record-toggle:hover {
  background: #fff0ef;
  color: #b42318;
}

.attendee-record-toggle:focus-visible {
  outline: 2px solid #6633f1;
  outline-offset: -3px;
}

.attendee-record-option.is-excluded .attendee-record-toggle {
  background: #f7f4ff;
  color: #6633f1;
}

.attendee-record-option.is-excluded .attendee-record-toggle:hover {
  background: #eee8ff;
}

.attendee-match-reasons ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.attendee-match-reasons li {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid #e0e5ed;
  border-radius: 7px;
  background: #ffffff;
}

.attendee-match-reasons li > .ui-icon-host {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e7f8f1;
  color: #17815f;
}

.attendee-match-reasons li.is-warning > .ui-icon-host {
  background: #fff2d6;
  color: #9a620b;
}

.attendee-match-reasons li.is-warning small {
  color: #8c570b;
}

.attendee-match-reasons li > .ui-icon-host svg {
  width: 12px;
  height: 12px;
  stroke-width: 2;
}

.attendee-match-reasons li div {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.attendee-match-reasons li strong {
  color: #2b3545;
  font-size: 11px;
  font-weight: 500;
}

.attendee-match-reasons li small {
  overflow: hidden;
  color: #7b8799;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-merge-preview > dl,
.attendee-confirm-summary {
  margin: 0;
  overflow: hidden;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
}

.attendee-merge-preview > dl > div,
.attendee-confirm-summary > div {
  min-width: 0;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid #edf0f4;
}

.attendee-merge-preview > dl > div:last-child,
.attendee-confirm-summary > div:last-child {
  border-bottom: 0;
}

.attendee-merge-preview > dl dt,
.attendee-confirm-summary span {
  color: #778397;
  font-size: 10px;
}

.attendee-merge-preview > dl dd,
.attendee-confirm-summary strong {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  color: #273244;
  font-size: 10px;
  font-weight: 500;
}

.attendee-registration-preview-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.attendee-registration-preview-heading strong {
  color: #273244;
  font-size: 11px;
  font-weight: 600;
}

.attendee-registration-preview-heading span {
  color: #778397;
  font-size: 9px;
}

.attendee-registration-list {
  display: grid;
  overflow: hidden;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
}

.attendee-registration-row {
  min-width: 0;
  display: grid;
  gap: 8px;
  padding: 10px 11px;
  border-bottom: 1px solid #edf0f4;
}

.attendee-registration-row:last-child {
  border-bottom: 0;
}

.attendee-registration-row-top {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.attendee-registration-row-top strong {
  overflow: hidden;
  overflow-wrap: anywhere;
  color: #202a3a;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
  white-space: normal;
}

.attendee-registration-status {
  flex: 0 0 auto;
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #a9e4cb;
  border-radius: var(--ds-pill-radius);
  background: #e7f8f1;
  color: #167557;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  line-height: 14px;
}

.attendee-registration-status.is-pending,
.attendee-registration-status.is-inactive {
  border-color: #edc36f;
  background: #fff2d6;
  color: #8c570b;
}

.attendee-registration-row dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 12px;
  margin: 0;
}

.attendee-registration-row dl > div {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.attendee-registration-row dt {
  color: #8a95a6;
  font-size: 8px;
}

.attendee-registration-row dd {
  margin: 0;
  overflow: hidden;
  overflow-wrap: anywhere;
  color: #4d596d;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.25;
  white-space: normal;
}

.attendee-registration-list.is-confirm {
  margin-top: 2px;
}

.attendee-confirm-hero {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 18px 14px;
  text-align: center;
}

.attendee-confirm-hero > .ui-icon-host {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #f0eaff;
  color: #6633f1;
}

.attendee-confirm-hero > .ui-icon-host svg {
  width: 21px;
  height: 21px;
}

.attendee-confirm-hero strong {
  color: #172131;
  font-size: 16px;
  font-weight: 600;
}

.attendee-confirm-hero p {
  max-width: 340px;
  margin: 0;
  color: #6b778a;
  font-size: 11px;
  line-height: 1.5;
}

.attendee-confirm-events > span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4d596d;
  font-size: 11px;
}

.attendee-confirm-events > span .ui-icon-host {
  color: #168266;
}

.attendee-confirm-events > span svg {
  width: 13px;
  height: 13px;
}

.attendee-merge-success {
  min-height: 390px;
  align-content: center;
  justify-items: center;
  text-align: center;
}

.attendee-merge-failure {
  min-height: 390px;
  align-content: center;
  justify-items: center;
  text-align: center;
}

.attendee-failure-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff0f0;
  color: #c43d3d;
}

.attendee-failure-icon svg {
  width: 26px;
  height: 26px;
}

.attendee-merge-failure h3 {
  margin: 0;
  color: #172131;
  font-size: 18px;
  font-weight: 600;
}

.attendee-merge-failure > p {
  max-width: 340px;
  margin: -8px 0 2px;
  color: #6b778a;
  font-size: 11px;
  line-height: 1.5;
}

.attendee-failure-detail,
.attendee-failure-preserved {
  width: 100%;
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid #f0c4c4;
  border-radius: 8px;
  background: #fff8f8;
  text-align: left;
}

.attendee-failure-detail strong {
  color: #922f2f;
  font-size: 11px;
  font-weight: 600;
}

.attendee-failure-detail span {
  color: #765b5b;
  font-size: 10px;
}

.attendee-failure-preserved {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-color: #dce3ed;
  background: #ffffff;
}

.attendee-failure-preserved > span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #556176;
  font-size: 10px;
}

.attendee-failure-preserved .ui-icon-host {
  color: #168266;
}

.attendee-failure-preserved svg {
  width: 13px;
  height: 13px;
}

.attendee-success-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e7f8f1;
  color: #168266;
}

.attendee-success-icon svg {
  width: 27px;
  height: 27px;
  stroke-width: 1.8;
}

.attendee-merge-success h3 {
  margin: 0;
  color: #172131;
  font-size: 18px;
  font-weight: 600;
}

.attendee-merge-success > p {
  max-width: 320px;
  margin: -8px 0 4px;
  color: #6b778a;
  font-size: 11px;
  line-height: 1.5;
}

.attendee-success-record {
  width: 100%;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid #cfeadd;
  border-radius: 8px;
  background: #ffffff;
  text-align: left;
}

.attendee-success-record > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.attendee-success-record strong {
  color: #202a3a;
  font-size: 12px;
  font-weight: 600;
}

.attendee-success-record small {
  overflow: hidden;
  color: #6b778a;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-success-record em {
  color: #168266;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
}

.attendee-merge-audit {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 7px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 10px 11px;
  border: 1px solid #cfeadd;
  border-radius: 8px;
  background: #f5fcf8;
  text-align: left;
}

.attendee-merge-audit-dot {
  background: #168266;
}

.attendee-merge-audit strong {
  color: #1e654f;
}

.attendee-merge-footer {
  min-height: 68px;
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-top: 1px solid #dce3ed;
  background: #ffffff;
  box-shadow: 0 -8px 22px rgba(23, 33, 49, 0.05);
}

.attendee-merge-footer.is-success {
  grid-template-columns: 0.8fr 1.35fr;
}

.attendee-merge-footer.is-queue {
  grid-template-columns: 1fr;
}

.attendee-merge-footer.is-success.is-single {
  grid-template-columns: 1fr;
}

.attendee-merge-footer.is-success.is-single [data-attendee-merge-next] {
  display: none;
}

.attendee-merge-primary,
.attendee-merge-secondary,
.attendee-merge-danger {
  min-width: 0;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border-radius: 7px;
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.attendee-merge-primary {
  border: 1px solid #6633f1;
  background: #6633f1;
  color: #ffffff;
  box-shadow: 0 5px 14px rgba(102, 51, 241, 0.18);
}

.attendee-merge-primary:hover:not(:disabled) {
  background: #5624e5;
}

.attendee-merge-primary:focus-visible,
.attendee-merge-secondary:focus-visible,
.attendee-merge-danger:focus-visible,
.attendee-merge-close:focus-visible,
.attendee-merge-breadcrumbs button:focus-visible {
  outline: 2px solid #7b4dff;
  outline-offset: 2px;
}

.attendee-merge-secondary {
  border: 1px solid #d4dae4;
  background: #ffffff;
  color: #566277;
}

.attendee-merge-danger {
  border: 1px solid #d92d20;
  background: #ffffff;
  color: #b42318;
}

.attendee-merge-danger:hover {
  background: #fff3f2;
}

.attendee-merge-secondary:hover:not(:disabled) {
  border-color: #aeb8c7;
  background: #f8fafc;
}

.attendee-merge-primary svg,
.attendee-merge-secondary svg {
  width: 14px;
  height: 14px;
}

.attendee-merge-primary:disabled,
.attendee-merge-secondary:disabled,
.attendee-merge-close:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.attendee-merge-primary.is-processing:disabled {
  cursor: wait;
}

.attendee-merge-primary.is-processing::before {
  content: "";
  width: 13px;
  height: 13px;
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: attendee-merge-spin 700ms linear infinite;
}

@keyframes attendee-merge-spin {
  to {
    transform: rotate(360deg);
  }
}

.event-manager-app:is(.has-attendee-details, .has-attendee-event, .has-attendee-merge) .attendee-metrics {
  display: none;
}

.event-manager-app:is(.has-attendee-details, .has-attendee-event, .has-attendee-merge) .attendee-heading-actions {
  display: none;
}

.attendee-manager-grid .attendee-duplicate-flag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
  color: #9a5b08;
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
}

.attendee-manager-grid .attendee-duplicate-flag::before {
  content: "";
  width: 5px;
  height: 5px;
  flex: 0 0 5px;
  border-radius: 50%;
  background: #e79818;
}

.attendee-manager-grid .ag-row.is-possible-duplicate:not(.is-attendee-open) {
  background: #fffdf8;
}

.attendee-table-card {
  flex: 1;
  min-height: 0;
}

.attendee-table-search > .ui-icon-host {
  display: none;
}

.attendee-table-search.event-manager-table-search.has-ui-icon input {
  padding-left: 12px;
}

.attendee-status-filter {
  position: relative;
  flex: 0 0 98px;
}

.attendee-status-filter::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 11px;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #68758a;
  border-bottom: 1.5px solid #68758a;
  pointer-events: none;
  transform: rotate(45deg);
}

.attendee-status-filter select {
  width: 100%;
  height: 32px;
  padding: 0 24px 0 10px;
  appearance: none;
  border: 1px solid #d4d9e1;
  border-radius: 6px;
  outline: 0;
  background: #ffffff;
  color: #455268;
  font-size: 11px;
  font-weight: 400;
}

.attendee-status-filter select:focus {
  border-color: #9c83ff;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.attendee-duplicates-filter {
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0;
  border: 1px solid #d4d9e1;
  border-radius: 6px;
  background: #ffffff;
  color: #455268;
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

.attendee-duplicates-filter:hover {
  border-color: #b9a7ff;
  color: #5d2fe0;
}

.attendee-duplicates-filter:focus-visible {
  outline: 0;
  border-color: #7d4cff;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.12);
}

.attendee-duplicates-filter.is-active {
  width: auto;
  gap: 6px;
  padding: 0 8px;
  border-color: #9c83ff;
  background: #f4f0ff;
  color: #5d2fe0;
}

.attendee-duplicates-filter .ui-icon-host {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
}

.attendee-duplicates-filter strong {
  min-width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: 4px;
  border-radius: 8px;
  background: #f0edf8;
  color: #5d2fe0;
  font-size: 10px;
  line-height: 1;
}

.attendee-duplicates-filter > span:not(.ui-icon-host),
.attendee-duplicates-filter > strong {
  display: none;
}

.attendee-duplicates-filter.is-active > span:not(.ui-icon-host),
.attendee-duplicates-filter.is-active > strong {
  display: inline-flex;
}

.attendee-duplicates-filter.is-active strong {
  background: #6633f1;
  color: #ffffff;
}

.attendee-add-button {
  height: 32px;
  margin-left: auto;
  padding-inline: 10px;
  border-radius: 6px;
  font-size: 12px;
  box-shadow: none;
}

.attendee-manager-grid .attendee-person-cell,
.attendee-manager-grid .attendee-org-cell {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0;
  line-height: 1.2;
}

.attendee-manager-grid .attendee-person-avatar {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #eee9ff;
  color: #5d35d8;
  font-size: 10px;
  font-weight: 700;
}

.attendee-manager-grid .attendee-person-copy,
.attendee-manager-grid .attendee-org-copy {
  min-width: 0;
}

.attendee-manager-grid .attendee-person-copy {
  display: grid;
  gap: 2px;
}

.attendee-manager-grid .attendee-person-copy :is(strong, small),
.attendee-manager-grid .attendee-org-copy {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-manager-grid .attendee-person-copy strong {
  color: #1a2535;
  font-size: 13px;
  font-weight: 500;
}

.organization-name-cell {
  min-width: 0;
  display: block;
  overflow: hidden;
  color: #1a2535;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-manager-grid .attendee-org-copy {
  color: #1f2b3d;
  font-size: 11px;
  font-weight: 400;
}

.attendee-manager-grid .attendee-ticket-chip {
  min-width: 0;
  height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #b9a8ff;
  border-radius: var(--ds-pill-radius);
  background: #f8f6ff;
  color: #6633f1;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  white-space: nowrap;
}

.attendee-manager-grid .attendee-person-copy > strong {
  display: flex;
  align-items: center;
  gap: 7px;
}

.attendee-manager-grid .attendee-person-copy > strong > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.attendee-manager-grid .attendee-person-copy small {
  color: #111827;
  font-size: 10px;
}

.attendee-manager-grid .attendee-status-chip {
  min-width: 42px;
  height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #a9e4cb;
  border-radius: var(--ds-pill-radius);
  background: #e8fbf0;
  color: #168347;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
}

.attendee-manager-grid .attendee-status-chip.is-inactive {
  border-color: #edc36f;
  background: #fff7e6;
  color: #9d6512;
}

.attendee-manager-grid .attendee-row-menu {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: transparent;
  color: #536174;
  opacity: 1;
  transition: opacity 140ms ease, background 140ms ease;
  cursor: pointer;
}

.attendee-manager-grid .attendee-row-menu svg {
  width: 16px;
  height: 16px;
  transform: rotate(90deg);
}

.attendee-manager-grid .ag-row:hover .attendee-row-menu,
.attendee-manager-grid .ag-row.ag-row-focus .attendee-row-menu,
.attendee-manager-grid .attendee-row-menu:focus-visible {
  opacity: 1;
}

.attendee-manager-grid .attendee-row-menu:hover {
  background: #eceff4;
}

.attendee-context-menu {
  position: fixed;
  z-index: 2200;
  width: 264px;
  padding: 4px;
  border: 1px solid #d8dee8;
  border-radius: 6px;
  background: #ffffff;
  box-shadow:
    0 12px 28px rgba(20, 30, 50, 0.16),
    0 2px 6px rgba(20, 30, 50, 0.08);
  color: #1f2b3d;
  font-family: Roboto, Arial, sans-serif;
}

.attendee-context-menu-header {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 8px 10px 7px;
  border-bottom: 1px solid #e7ebf1;
}

.attendee-context-menu-header strong,
.attendee-context-menu-header small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-context-menu-header strong {
  color: #1f2b3d;
  font-size: 12px;
  font-weight: 500;
}

.attendee-context-menu-header small {
  color: #6d788a;
  font-size: 10px;
  font-weight: 400;
}

.attendee-context-menu-item {
  width: 100%;
  min-height: 38px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 6px 9px;
  border-radius: 4px;
  background: transparent;
  color: #344156;
  text-align: left;
  cursor: pointer;
}

.attendee-context-menu-item:hover,
.attendee-context-menu-item:focus-visible {
  outline: 0;
  background: #f1edff;
  color: #4f24d7;
}

.attendee-context-menu-item:disabled {
  color: #9aa4b3;
  cursor: not-allowed;
}

.attendee-context-menu-icon {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
}

.attendee-context-menu-icon svg {
  width: 15px;
  height: 15px;
}

.attendee-context-menu-copy {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.attendee-context-menu-copy strong {
  color: inherit;
  font-size: 11px;
  font-weight: 500;
}

.attendee-context-menu-copy small {
  overflow: hidden;
  color: #748096;
  font-size: 9px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attendee-context-menu-item:disabled .attendee-context-menu-copy small {
  color: #a7afbb;
}

.attendee-context-menu-separator {
  height: 1px;
  margin: 4px 6px;
  background: #e7ebf1;
}

.member-action-menu {
  width: 256px;
}

.member-action-menu .attendee-context-menu-item {
  min-height: 48px;
  align-items: start;
  padding-block: 8px;
}

.member-action-menu .attendee-context-menu-icon {
  margin-top: 2px;
}

.member-action-menu .attendee-context-menu-copy small {
  overflow: visible;
  line-height: 1.35;
  text-overflow: clip;
  white-space: normal;
}

.member-action-menu .attendee-context-menu-item.is-destructive {
  color: #b42318;
}

.member-action-menu .attendee-context-menu-item.is-destructive:hover,
.member-action-menu .attendee-context-menu-item.is-destructive:focus-visible {
  background: #fff1f0;
  color: #b42318;
}

.member-action-menu .attendee-context-menu-item.is-destructive:disabled {
  color: #9aa4b3;
}

.member-action-menu.is-mcp-menu {
  width: 192px;
  padding: 4px;
}

.member-action-menu.is-mcp-menu .attendee-context-menu-header {
  padding: 7px 8px 6px;
}

.member-action-menu.is-mcp-menu .attendee-context-menu-item {
  min-height: 34px;
  align-items: center;
  gap: 7px;
  padding: 5px 8px;
}

.member-action-menu.is-mcp-menu .attendee-context-menu-icon {
  width: 16px;
  height: 16px;
  margin-top: 0;
}

.member-action-menu.is-mcp-menu .attendee-context-menu-icon svg {
  width: 14px;
  height: 14px;
}

.member-action-menu.is-mcp-menu .attendee-context-menu-copy strong {
  font-size: 11px;
  line-height: 1.2;
}

.member-action-menu.is-mcp-menu .attendee-context-menu-separator {
  margin-block: 3px;
}

.member-access-confirmation-surface {
  width: min(100%, 392px);
}

.member-access-eyebrow {
  display: block;
  margin-bottom: 5px;
  color: #667085;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.member-access-confirmation-surface > p {
  margin-bottom: 12px;
}

.member-access-impact {
  display: grid;
  gap: 3px;
  padding: 11px 12px;
  border-left: 3px solid #d92d20;
  border-radius: 4px;
  background: #fff5f4;
}

.member-access-impact.is-restore {
  border-left-color: #15966a;
  background: #effaf5;
}

.member-access-impact strong {
  color: #182230;
  font-size: 11px;
  font-weight: 600;
}

.member-access-impact span {
  color: #5f6c80;
  font-size: 10px;
  line-height: 1.45;
}

.member-access-error {
  display: grid;
  gap: 2px;
  margin-top: 10px;
  padding: 9px 11px;
  border: 1px solid #f2b8b5;
  border-radius: 5px;
  background: #fff5f4;
}

.member-access-error[hidden] {
  display: none;
}

.member-access-error strong {
  color: #b42318;
  font-size: 10px;
  font-weight: 600;
}

.member-access-error span {
  color: #7a3834;
  font-size: 9px;
  line-height: 1.4;
}

.member-access-confirmation .event-confirmation-actions {
  margin-top: 16px;
}

.member-access-confirmation .publish-button {
  display: inline-flex;
  width: auto;
  min-width: 112px;
  padding-inline: 14px;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.member-access-confirmation .publish-button.is-destructive {
  border-color: #d92d20;
  background: #d92d20;
  color: #ffffff;
}

.member-access-confirmation[data-member-access-state="loading"] .publish-button::before {
  width: 12px;
  height: 12px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  content: "";
  animation: attendee-merge-spin 700ms linear infinite;
}

/* Shared Members modal actions follow the design-system button contract. */
.member-design-system-modal .event-confirmation-actions {
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}

.member-design-system-modal .event-confirmation-surface h2 {
  overflow: visible;
  white-space: normal;
  overflow-wrap: anywhere;
  text-overflow: clip;
  line-height: 1.35;
}

.member-design-system-modal .event-confirmation-button {
  width: auto;
  min-width: 88px;
  height: 36px;
  min-height: 36px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.member-design-system-modal .event-confirmation-button.is-secondary {
  border-color: var(--ui-border);
  background: #ffffff;
  color: var(--purple);
}

.member-design-system-modal .event-confirmation-button.is-primary {
  border-color: var(--purple);
  background: var(--purple);
  color: #ffffff;
}

.member-design-system-modal .event-confirmation-button.is-destructive {
  border-color: #d92d20;
  background: #d92d20;
  color: #ffffff;
}

.member-design-system-modal .event-confirmation-button:hover,
.member-design-system-modal .event-confirmation-button:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.14);
}

.member-design-system-modal .event-confirmation-button.is-secondary:hover,
.member-design-system-modal .event-confirmation-button.is-secondary:focus-visible {
  border-color: #8d6cf6;
  background: #f8f6ff;
}

.member-design-system-modal .event-confirmation-button.is-primary:hover,
.member-design-system-modal .event-confirmation-button.is-primary:focus-visible {
  border-color: #5422db;
  background: #5422db;
}

.member-design-system-modal .event-confirmation-button.is-destructive:hover,
.member-design-system-modal .event-confirmation-button.is-destructive:focus-visible {
  border-color: #b42318;
  background: #b42318;
  box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.14);
}

.member-design-system-modal .event-confirmation-button:disabled {
  border-color: var(--ui-border);
  background: #e9edf3;
  color: #8b96a7;
  cursor: not-allowed;
  box-shadow: none;
}

.attendee-manager-grid .ag-row.is-attendee-open,
.attendee-manager-grid .ag-row.is-attendee-open:hover {
  background: #f2efff;
  box-shadow: inset 3px 0 0 var(--purple);
}

.attendee-manager-grid
  :is(.ag-header-cell, .ag-cell)[col-id="ag-Grid-SelectionColumn"] {
  border-inline-end: 0 !important;
  border-right: 0 !important;
}

.attendee-manager-grid .ag-cell[col-id="updated"] {
  font-weight: 500;
}

.event-manager-app
  .attendee-manager-grid
  .ag-cell.ag-cell-first-right-pinned[col-id="actions"] {
  border-inline-start: 0;
  border-left: 0;
}

.attendee-manager-grid .ag-row.is-possible-duplicate:not(.is-attendee-open) {
  background: #ffffff;
}

@media (max-width: 1080px) {
  .event-manager-heading-actions .event-manager-toolbar-stats span:not(.ui-icon-host),
  .attendee-heading-actions span:not(.ui-icon-host),
  .attendee-metric-card small {
    display: none;
  }

  .event-manager-heading-actions .event-manager-toolbar-secondary,
  .attendee-heading-actions .event-manager-toolbar-secondary {
    width: 34px;
    min-width: 34px;
    padding: 0;
  }
}

@media (max-width: 800px) {
  .attendee-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .attendee-metric-card:nth-child(n + 4) {
    display: none;
  }

  .event-manager-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .event-manager-metrics .event-manager-metric-card {
    display: grid;
  }

  .attendee-status-filter {
    display: none;
  }
}

body.is-event-manager .prototype-shell {
  position: fixed;
  inset: 0;
  z-index: 80;
  min-height: 0;
  display: block;
  padding: 0;
  overflow: visible;
  pointer-events: none;
  background: transparent;
}

body.is-event-manager .site-canvas,
body.is-event-manager .speaker-drawer {
  display: none;
}

body.is-event-manager .side-panel:not(.is-fullscreen) {
  position: fixed;
  top: 56px;
  right: 0;
  width: 419px;
  height: calc(100vh - 56px);
  height: calc(100dvh - 56px);
  max-height: none;
  border-width: 0 0 0 1px;
  border-radius: 0;
  pointer-events: auto;
  box-shadow: -18px 0 48px rgba(24, 31, 45, 0.14);
}

body.is-event-manager .side-panel.is-fullscreen {
  inset: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  max-height: none;
  border-radius: 0;
  pointer-events: auto;
}

body.is-event-manager .prototype-shell.is-editor-closed .side-panel:not(.is-fullscreen) {
  transform: translateX(100%);
}

body.is-event-manager .panel-reopen-button {
  position: fixed;
  top: 72px;
  right: 0;
  pointer-events: none;
}

body.is-event-manager
  .prototype-shell.is-editor-closed:not(.is-editor-fullscreen)
  .panel-reopen-button {
  pointer-events: auto;
}

body.is-event-manager .prototype-shell.is-editor-fullscreen .panel-reopen-button {
  display: none;
  pointer-events: none;
}

body.is-event-manager .event-manager-app:not(.has-selected-event) + .prototype-shell .panel-reopen-button {
  display: none;
}

.event-manager-app:is(.has-open-editor, .has-event-selector, .has-series-details, .has-attendee-details, .has-member-record) .event-manager-toolbar-secondary {
  display: none;
}

@media (max-width: 1400px) {
  .event-manager-app:is(.has-open-editor, .has-event-selector, .has-series-details, .has-attendee-details, .has-member-record) .event-manager-table-summary,
  .event-manager-app:is(.has-open-editor, .has-event-selector, .has-series-details, .has-attendee-details, .has-member-record) .event-series-combobox,
  .event-manager-app:is(.has-open-editor, .has-event-selector, .has-series-details, .has-attendee-details, .has-member-record) .event-manager-selection-actions {
    display: none;
  }
}

@media (max-width: 1180px) {
  .event-manager-brand-group {
    width: 68px;
    flex-basis: 68px;
    justify-content: center;
    padding-inline: 0;
  }

  .event-manager-brand {
    display: none;
  }

  .event-manager-layout {
    grid-template-columns: 68px minmax(0, 1fr);
  }

  .event-manager-sidebar nav {
    padding-inline: 10px;
  }

  .event-manager-sidebar nav button {
    justify-content: center;
    padding: 0;
  }

  .event-manager-sidebar nav button svg {
    margin: 0;
  }

  .event-manager-sidebar nav button > span:last-child,
  .event-manager-organization > span:last-child {
    display: none;
  }

  .event-manager-organization {
    width: 44px;
    justify-content: center;
    margin-inline: 12px;
    padding: 6px;
  }

  .event-manager-app:is(.has-open-editor, .has-event-selector, .has-series-details, .has-attendee-details, .has-attendee-event, .has-attendee-merge, .has-member-record) .event-manager-global-search {
    display: none;
  }
}

@media (max-width: 760px) {
  .event-manager-app.has-open-editor,
  .event-manager-app.has-event-selector,
  .event-manager-app.has-series-details,
  .event-manager-app.has-attendee-details,
  .event-manager-app.has-attendee-event,
  .event-manager-app.has-attendee-merge,
  .event-manager-app.has-member-record {
    padding-right: 0;
  }

  body.is-event-manager .event-manager-app.has-open-editor::after,
  body.is-event-manager .event-manager-app.has-event-selector::after,
  body.is-event-manager .event-manager-app.has-series-details::after,
  body.is-event-manager .event-manager-app.has-attendee-details::after,
  body.is-event-manager .event-manager-app.has-attendee-event::after,
  body.is-event-manager .event-manager-app.has-attendee-merge::after,
  body.is-event-manager .event-manager-app.has-member-record::after {
    content: "";
    position: fixed;
    inset: 56px 0 0;
    z-index: 70;
    background: rgba(21, 32, 46, 0.22);
  }

  .attendee-detail-drawer,
  .attendee-event-drawer,
  .member-record-drawer {
    width: min(var(--event-manager-panel-width), 100vw);
  }

  .attendee-merge-drawer {
    width: min(var(--event-manager-panel-width), 100vw);
  }
}

@media (max-width: 900px) {
  .event-manager-search-cluster {
    position: static;
    width: auto;
    margin-left: auto;
    transform: none;
  }

  .event-manager-search-cluster .event-manager-create-menu {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }

  .event-manager-global-search {
    display: none;
  }

  .event-manager-search-cluster .integration-category-filter--topbar {
    display: none;
  }

  .event-manager-top-actions {
    margin-left: 0;
  }

  .event-manager-table-toolbar {
    height: auto;
    flex-wrap: wrap;
  }

  .event-manager-table-summary {
    width: 32px;
    flex-basis: 32px;
  }

  .event-manager-toolbar-secondary {
    display: none;
  }

  .event-manager-add-workspace {
    display: none;
  }

  .event-manager-data-region.has-series-panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .event-series-panel {
    display: none;
  }

  .event-series-combobox {
    display: none;
  }

  .event-manager-table-search {
    flex: 0 1 260px;
  }
}

@media (max-width: 620px) {
  :root {
    --event-manager-workspace-gutter: 12px;
  }

  .event-manager-topbar {
    gap: 10px;
    padding: 0 10px 0 0;
  }

  .event-manager-brand-group,
  .event-manager-app.is-nav-collapsed .event-manager-brand-group {
    width: 144px;
    flex-basis: 144px;
    justify-content: flex-start;
    padding: 0 10px 0 14px;
  }

  .event-manager-brand,
  .event-manager-app.is-nav-collapsed .event-manager-brand {
    display: flex;
  }

  .event-manager-brand {
    font-size: 17px;
  }

  .event-manager-top-actions {
    gap: 6px;
    padding-left: 0;
    border-left: 0;
  }

  .event-manager-event-count {
    padding-inline: 9px;
  }

  .event-manager-event-count span {
    display: none;
  }

  .event-manager-nav-toggle,
  .event-manager-create-menu {
    display: none;
  }

  .event-manager-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .event-manager-sidebar {
    display: none;
  }

  .event-manager-workspace {
    padding: 14px var(--event-manager-workspace-gutter);
  }

  .event-manager-heading {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .event-manager-title-row {
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
  }

  .event-manager-heading-actions,
  .attendee-heading-actions {
    width: 100%;
    justify-content: flex-end;
    margin-left: 0;
  }

  .event-manager-selection-actions,
  .event-series-combobox {
    display: none;
  }

  body.is-event-manager .side-panel:not(.is-fullscreen) {
    width: min(419px, 100vw);
  }

  .event-selector-drawer {
    width: min(419px, 100vw);
  }

  .series-details-drawer {
    width: min(419px, 100vw);
  }
}

.prototype-shell {
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  justify-content: flex-end;
  overflow-x: hidden;
  padding: 24px;
  background:
    linear-gradient(90deg, rgba(21, 32, 46, 0.18), rgba(21, 32, 46, 0.04) 44%, rgba(21, 32, 46, 0.28)),
    #eef2f7;
}

.prototype-shell.is-editor-fullscreen .site-canvas {
  opacity: 0.18;
  transform: scale(0.985);
}

.site-canvas {
  position: fixed;
  inset: 24px 443px 24px 24px;
  overflow: hidden;
  border: 1px solid #d4dce8;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(24, 31, 45, 0.12);
  transition:
    right 220ms ease,
    opacity 180ms ease,
    transform 180ms ease;
}

.site-topbar {
  height: 62px;
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 0 24px;
  border-bottom: 1px solid #e4e9f1;
  background: rgba(255, 255, 255, 0.92);
}

.brand-mark {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--ink);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}

.site-topbar nav {
  display: flex;
  gap: 18px;
  flex: 1;
  color: #596679;
  font-size: 13px;
  font-weight: 400;
}

.site-topbar button {
  height: 36px;
  padding: 0 14px;
  border: 1px solid #d9e1eb;
  border-radius: 8px;
  background: #ffffff;
  color: #344258;
  font-size: 13px;
  font-weight: 500;
}

.site-preview {
  min-height: calc(100% - 62px);
  padding: 72px;
  background:
    linear-gradient(135deg, rgba(40, 104, 216, 0.13), rgba(27, 167, 132, 0.09)),
    #f8fafc;
}

.site-preview h1 {
  max-width: 760px;
  margin: 0;
  color: #101828;
  font-size: 58px;
  line-height: 1.02;
  letter-spacing: 0;
}

.site-preview p:not(.eyebrow) {
  max-width: 560px;
  margin: 18px 0 0;
  color: #536174;
  font-size: 17px;
  line-height: 1.55;
}

.preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  max-width: 720px;
  margin-top: 48px;
}

.preview-grid span {
  height: 168px;
  border: 1px solid #e1e7ef;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.78);
}

.side-panel {
  --panel-outer-gap: 24px;
  position: relative;
  z-index: 1;
  max-width: 100%;
  width: 419px;
  height: min(893px, calc(100vh - (var(--panel-outer-gap) * 2)));
  height: min(893px, calc(100dvh - (var(--panel-outer-gap) * 2)));
  min-height: 0;
  max-height: calc(100vh - (var(--panel-outer-gap) * 2));
  max-height: calc(100dvh - (var(--panel-outer-gap) * 2));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(21, 32, 46, 0.12);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: var(--shadow);
  transition:
    width 220ms ease,
    height 220ms ease,
    border-radius 220ms ease,
    box-shadow 220ms ease,
    transform 220ms ease,
    opacity 180ms ease,
    visibility 0s linear;
}

.prototype-shell.is-editor-closed .site-canvas {
  right: 24px;
}

.prototype-shell.is-editor-closed .side-panel:not(.is-fullscreen) {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateX(calc(100% + 48px));
  transition:
    width 220ms ease,
    height 220ms ease,
    border-radius 220ms ease,
    box-shadow 220ms ease,
    transform 220ms ease,
    opacity 180ms ease,
    visibility 0s linear 220ms;
}

.side-panel.is-fullscreen {
  position: fixed;
  inset: clamp(0px, 1.25vw, 16px);
  z-index: 30;
  width: auto;
  height: auto;
  min-height: 0;
  max-width: none;
  border-radius: 14px;
  box-shadow: 0 30px 90px rgba(18, 24, 40, 0.28);
  animation: editorFullscreenIn 220ms ease both;
}

.prototype-shell.is-speaker-management .side-panel.is-fullscreen .panel-content {
  background: #f4f7fb;
}

.prototype-shell.is-agenda-management .side-panel.is-fullscreen .panel-content {
  background: #f4f7fb;
}

.prototype-shell.is-event-details-management .side-panel.is-fullscreen .panel-content {
  background: #f4f7fb;
}

.prototype-shell.is-speaker-management .side-panel.is-fullscreen .fullscreen-workspace {
  grid-template-columns: var(--fullscreen-nav-width) minmax(0, 1fr);
}

.prototype-shell.is-agenda-management .side-panel.is-fullscreen .fullscreen-workspace {
  grid-template-columns: var(--fullscreen-nav-width) minmax(0, 1fr);
}

.prototype-shell.is-event-details-management .side-panel.is-fullscreen .fullscreen-workspace {
  grid-template-columns: var(--fullscreen-nav-width) minmax(0, 1fr);
}

.prototype-shell.is-speaker-management .fullscreen-main {
  grid-template-columns: var(--speaker-assignment-width) minmax(0, 1fr);
  gap: 16px;
  position: relative;
  min-height: calc(100vh - 156px);
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-main {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.prototype-shell.is-agenda-management .fullscreen-main {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  min-height: calc(100vh - 156px);
}

.prototype-shell.is-event-details-management .fullscreen-main {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  min-height: calc(100vh - 156px);
}

.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-main {
  grid-template-columns: var(--speaker-assignment-width) minmax(0, 1fr);
  align-items: start;
}

.prototype-shell.is-speaker-management .fullscreen-main > .fullscreen-card {
  display: none;
}

.prototype-shell.is-agenda-management .fullscreen-main > .fullscreen-card,
.prototype-shell.is-agenda-management .fullscreen-overview-strip {
  display: none;
}

.prototype-shell.is-section-workspace .overview-top-grid {
  display: none;
}

.prototype-shell.is-event-details-management .overview-top-grid,
.prototype-shell.is-event-details-management .fullscreen-main > .fullscreen-card,
.prototype-shell.is-event-details-management .fullscreen-overview-strip {
  display: none;
}

.prototype-shell.is-speaker-management .fullscreen-sidebar-note {
  display: none;
}

.prototype-shell.is-speaker-management .fullscreen-speaker-page {
  display: flex;
}

.prototype-shell.is-agenda-management .fullscreen-agenda-page {
  display: grid;
}

.prototype-shell.is-event-details-management .fullscreen-event-details-page {
  display: grid;
}

.prototype-shell.is-speaker-management.has-speaker-profile .speaker-profile-panel {
  display: flex;
  animation: speakerInlineInsert 220ms ease both;
}

.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-main::before {
  content: "";
  position: absolute;
  left: calc(var(--speaker-assignment-width) - 1px);
  top: 20px;
  bottom: 20px;
  width: 1px;
  background: linear-gradient(
    180deg,
    rgba(213, 222, 235, 0),
    rgba(102, 51, 241, 0.2) 18%,
    rgba(213, 222, 235, 0.78) 50%,
    rgba(102, 51, 241, 0.16) 82%,
    rgba(213, 222, 235, 0)
  );
  pointer-events: none;
}

.prototype-shell.has-speaker-drawer.is-editor-fullscreen .side-panel.is-fullscreen {
  right: 282px;
}

.prototype-shell.has-speaker-drawer.is-editor-fullscreen .fullscreen-workspace,
.prototype-shell.has-speaker-drawer.is-editor-fullscreen .fullscreen-main {
  grid-template-columns: 1fr;
}

.prototype-shell.has-speaker-drawer.is-editor-fullscreen .schedule-card,
.prototype-shell.has-speaker-drawer.is-editor-fullscreen .assets-card {
  grid-column: auto;
}

@keyframes editorFullscreenIn {
  from {
    transform: translateX(22px) scale(0.985);
  }

  to {
    transform: translateX(0) scale(1);
  }
}

@keyframes speakerInlineInsert {
  from {
    opacity: 0;
    transform: translateX(18px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.speaker-drawer {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 42;
  width: 250px;
  max-width: calc(100vw - 48px);
  height: min(893px, calc(100vh - 48px));
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  padding: 12px;
  border: 1px solid rgba(21, 32, 46, 0.14);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 28px 80px rgba(18, 24, 40, 0.28);
  opacity: 0;
  pointer-events: none;
  transform: translateX(calc(100% + 32px));
  transition:
    opacity 180ms ease,
    transform 220ms ease,
    right 220ms ease;
}

.prototype-shell.has-speaker-drawer .speaker-drawer {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.prototype-shell.has-speaker-drawer:not(.is-editor-fullscreen) .speaker-drawer {
  right: 290px;
}

.prototype-shell.is-editor-fullscreen .speaker-drawer {
  top: clamp(0px, 1.25vw, 16px);
  right: clamp(0px, 1.25vw, 16px);
  bottom: clamp(0px, 1.25vw, 16px);
  height: auto;
  max-width: min(250px, calc(100vw - 24px));
  border-radius: 14px;
}

.speaker-drawer-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 0 2px;
}

.speaker-drawer-header h3 {
  font-size: 16px;
  font-weight: 500;
}

.speaker-drawer-header .eyebrow {
  color: var(--purple);
  opacity: 1;
  font-size: 10px;
}

.speaker-drawer-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.speaker-selected-pill {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #b9a8ff;
  border-radius: var(--ds-pill-radius);
  background: #f3ecff;
  color: var(--purple);
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
}

.speaker-selected-pill.is-delete-active {
  border: 1px solid rgba(220, 38, 38, 0.24);
  background: #fff1f0;
  color: #b42318;
}

.speaker-close-button {
  position: relative;
  width: 28px;
  height: 28px;
  border: 1px solid #d8e0eb;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
}

.speaker-close-button span::before,
.speaker-close-button span::after {
  content: "";
  position: absolute;
  top: 13px;
  left: 8px;
  width: 12px;
  border-top: 2px solid #657286;
}

.speaker-close-button span::before {
  transform: rotate(45deg);
}

.speaker-close-button span::after {
  transform: rotate(-45deg);
}

.speaker-search-field {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 8px;
  border: 1px solid #d7e0e9;
  border-radius: 6px;
  background: #f8faff;
}

.speaker-search-field span {
  position: relative;
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  border: 2px solid var(--purple);
  border-radius: 50%;
  opacity: 0.72;
}

.speaker-search-field span::after {
  content: "";
  position: absolute;
  right: -5px;
  bottom: -4px;
  width: 6px;
  border-top: 2px solid var(--purple);
  transform: rotate(45deg);
}

.speaker-search-field input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ink);
  font-size: 11px;
}

.speaker-search-field input::placeholder {
  color: #8794a7;
}

.speaker-picker {
  --speaker-picker-bottom-pad: 10px;
  --speaker-picker-menu-gap: 3px;
  display: grid;
  gap: 6px;
  position: relative;
  z-index: 14;
}

.speaker-picker-field {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  padding: 6px 8px;
  border: 1px solid #d9e2ee;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.035);
}

.speaker-picker-field:focus-within {
  border-color: rgba(102, 51, 241, 0.54);
  background: #fbfaff;
  box-shadow:
    0 0 0 3px rgba(102, 51, 241, 0.08),
    0 6px 16px rgba(18, 24, 40, 0.06);
}

.speaker-picker-icon {
  position: relative;
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  border: 2px solid var(--purple);
  border-radius: 50%;
  opacity: 0.78;
}

.speaker-picker-icon::after {
  content: "";
  position: absolute;
  right: -5px;
  bottom: -4px;
  width: 6px;
  border-top: 2px solid var(--purple);
  transform: rotate(45deg);
}

.speaker-picker-pills {
  display: contents;
}

.speaker-picker-pill {
  min-width: 0;
  max-width: 82px;
  height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 5px 0 var(--ds-pill-padding);
  border: 1px solid #d7c9ff;
  border-radius: var(--ds-pill-radius);
  background: #efe8ff;
  color: var(--purple);
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
}

.speaker-picker-pill span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.speaker-picker-pill button {
  position: relative;
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: rgba(102, 51, 241, 0.1);
  cursor: pointer;
}

.speaker-picker-pill button::before,
.speaker-picker-pill button::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 6px;
  width: 6px;
  border-top: 1.5px solid var(--purple);
}

.speaker-picker-pill button::before {
  transform: rotate(45deg);
}

.speaker-picker-pill button::after {
  transform: rotate(-45deg);
}

.speaker-picker-field input {
  min-width: 70px;
  flex: 1 1 84px;
  height: 22px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ink);
  font-size: 10px;
}

.speaker-picker-field input::placeholder {
  color: #7c889b;
}

.speaker-picker-results-header {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #475467;
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
}

.speaker-picker-results-header::after {
  content: none;
}

.speaker-picker-results-header em {
  order: 3;
  color: #8794a7;
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
}

.speaker-picker-results {
  display: none;
  gap: 6px;
}

[data-speaker-page].is-picker-active .speaker-picker-results-header {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% - var(--speaker-picker-bottom-pad) + var(--speaker-picker-menu-gap));
  z-index: 42;
  padding: 9px 10px 6px;
  border: 1px solid rgba(213, 222, 235, 0.92);
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(18, 24, 40, 0.11);
}

[data-speaker-page].is-picker-active .speaker-picker-results {
  display: grid;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% - var(--speaker-picker-bottom-pad) + var(--speaker-picker-menu-gap) + 26.5px);
  z-index: 42;
  max-height: 286px;
  overflow: auto;
  padding: 0 8px 9px;
  border: 1px solid rgba(213, 222, 235, 0.92);
  border-top: 0;
  border-radius: 0 0 10px 10px;
  background: #ffffff;
  box-shadow: 0 18px 34px rgba(18, 24, 40, 0.14);
}

.speaker-picker-option,
.speaker-picker-empty {
  width: 100%;
  min-height: 46px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 7px 8px;
  border: 1px solid #dfe6f0;
  border-radius: 8px;
  background: #ffffff;
  text-align: left;
}

.speaker-picker-option {
  cursor: pointer;
  transition:
    background-color 150ms ease,
    border-color 150ms ease,
    box-shadow 150ms ease;
}

.speaker-picker-option:hover,
.speaker-picker-option:focus-visible,
.speaker-picker-option.is-highlighted {
  border-color: rgba(102, 51, 241, 0.32);
  background: #fbfaff;
  box-shadow: 0 4px 12px rgba(102, 51, 241, 0.07);
  outline: 0;
}

.speaker-picker-option.is-new-option {
  border-color: rgba(91, 141, 239, 0.3);
  background: #f7fbff;
}

.speaker-picker-option.is-disabled {
  border-color: #e3e8ef;
  background: #f7f9fc;
  color: #8794a7;
  cursor: default;
}

.speaker-picker-option.is-disabled .speaker-avatar,
.speaker-picker-option.is-disabled .speaker-copy {
  opacity: 0.7;
}

.speaker-picker-option .speaker-avatar {
  grid-column: auto;
  width: 30px;
  height: 30px;
  margin-top: 0;
  border-color: #d9d3ff;
  background: #f8faff;
  color: #5f6b7d;
  font-size: 10px;
}

.speaker-picker-option .speaker-copy {
  grid-column: auto;
  gap: 2px;
  min-width: 0;
}

.speaker-picker-option .speaker-copy strong,
.speaker-picker-option .speaker-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.speaker-picker-option .speaker-copy strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.15;
}

.speaker-picker-option .speaker-copy small {
  color: #667085;
  font-size: 10px;
  line-height: 1.15;
}

.speaker-picker-option-badge {
  height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #c8daff;
  border-radius: var(--ds-pill-radius);
  background: #eaf2ff;
  color: #1d5bbf;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
}

.speaker-picker-option.is-disabled .speaker-picker-option-badge {
  border-color: #d7dee8;
  background: #ffffff;
  color: #667085;
}

.speaker-picker-empty {
  grid-template-columns: 1fr;
  justify-content: center;
  min-height: 76px;
  justify-items: center;
  gap: 6px;
  color: #667085;
  text-align: center;
}

.speaker-picker-empty strong {
  color: var(--ink);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.speaker-picker-empty small {
  max-width: 210px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.35;
}

.speaker-picker-empty button {
  height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(102, 51, 241, 0.22);
  border-radius: 999px;
  background: #ffffff;
  color: var(--purple);
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.04);
}

.speaker-picker-empty button:hover,
.speaker-picker-empty button:focus-visible {
  border-color: rgba(102, 51, 241, 0.38);
  background: #fbfaff;
  outline: 0;
}

.speaker-picker-failure {
  display: none;
  gap: 6px;
  justify-items: start;
  padding: 12px;
  border: 1px solid rgba(180, 35, 24, 0.18);
  border-radius: 0 0 10px 10px;
  background: #fffafa;
  color: #667085;
  box-shadow: 0 18px 34px rgba(18, 24, 40, 0.14);
}

.speaker-picker-failure[hidden] {
  display: none;
}

.speaker-picker-failure strong {
  color: #9f241c;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.speaker-picker-failure small {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
}

.speaker-picker-failure button {
  height: 28px;
  margin-top: 3px;
  padding: 0 10px;
  border: 1px solid rgba(180, 35, 24, 0.2);
  border-radius: 7px;
  background: #ffffff;
  color: #b42318;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.speaker-picker-failure button:hover,
.speaker-picker-failure button:focus-visible {
  border-color: rgba(180, 35, 24, 0.38);
  background: #fff5f4;
  outline: 0;
}

[data-agenda-page].is-picker-active .speaker-picker-results-header {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% - var(--speaker-picker-bottom-pad) + var(--speaker-picker-menu-gap));
  z-index: 42;
  padding: 9px 10px 6px;
  border: 1px solid rgba(213, 222, 235, 0.92);
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(18, 24, 40, 0.11);
}

[data-agenda-page].is-picker-active .speaker-picker-results {
  display: grid;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% - var(--speaker-picker-bottom-pad) + var(--speaker-picker-menu-gap) + 26.5px);
  z-index: 42;
  max-height: 286px;
  overflow: auto;
  padding: 0 8px 9px;
  border: 1px solid rgba(213, 222, 235, 0.92);
  border-top: 0;
  border-radius: 0 0 10px 10px;
  background: #ffffff;
  box-shadow: 0 18px 34px rgba(18, 24, 40, 0.14);
}

[data-speaker-page].is-picker-active .speaker-picker-failure:not([hidden]),
[data-agenda-page].is-picker-active .speaker-picker-failure:not([hidden]) {
  display: grid;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% - var(--speaker-picker-bottom-pad) + var(--speaker-picker-menu-gap) + 26.5px);
  z-index: 43;
}

.agenda-picker-results {
  gap: 5px;
}

.agenda-result-group {
  display: grid;
  gap: 5px;
}

.agenda-result-group + .agenda-result-group {
  padding-top: 5px;
  border-top: 1px solid #edf1f6;
}

.agenda-result-label {
  padding: 1px 2px;
  color: #667085;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

.agenda-result-option .speaker-avatar {
  border-radius: 8px;
  background: #f3ecff;
  color: var(--purple);
}

.agenda-result-option.is-issue .speaker-avatar {
  background: #fff7e6;
  color: #9d6512;
}

.speaker-list {
  min-height: 0;
  display: grid;
  gap: 0;
  overflow: auto;
  padding-right: 0;
}

.speaker-row {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 8px 9px;
  border: 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.68);
  border-radius: 0;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 150ms ease,
    background-color 150ms ease,
    box-shadow 150ms ease,
    transform 150ms ease;
}

.speaker-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 0;
  border-radius: 0 999px 999px 0;
  background: var(--purple);
  opacity: 0;
  transition:
    opacity 150ms ease,
    width 150ms ease;
}

[data-speaker-page] .speaker-row {
  cursor: pointer;
}

[data-speaker-page] .speaker-row.is-dragging {
  z-index: 2;
  background: #f2efff;
  border-color: rgba(102, 51, 241, 0.28);
  box-shadow: 0 10px 24px rgba(102, 51, 241, 0.12);
  cursor: grabbing;
  opacity: 0.78;
}

[data-speaker-page] .speaker-row.is-dragging::before {
  width: 4px;
  opacity: 1;
}

[data-speaker-page] .speaker-row.is-order-moved:not(.is-dragging) {
  border-color: rgba(102, 51, 241, 0.24);
  background: #fbfaff;
  box-shadow: 0 5px 14px rgba(102, 51, 241, 0.06);
}

[data-speaker-page] .speaker-row.is-order-moved:not(.is-dragging)::before {
  width: 3px;
  opacity: 0.78;
}

[data-speaker-page] .speaker-row.is-delete-selected:not(.is-dragging) {
  border-color: rgba(220, 38, 38, 0.34);
  background: #fff8f7;
  box-shadow:
    inset 0 0 0 1px rgba(220, 38, 38, 0.06),
    0 5px 14px rgba(220, 38, 38, 0.05);
}

[data-speaker-page] .speaker-row.is-delete-selected:not(.is-dragging)::before {
  width: 3px;
  background: #dc2626;
  opacity: 0.9;
}

.speaker-row.is-delete-selected .speaker-avatar {
  border-color: rgba(220, 38, 38, 0.26);
  background: #fff1f0;
  color: #b42318;
}

.speaker-drag-handle {
  position: absolute;
  left: -10px;
  top: 50%;
  width: 12px;
  height: 24px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  margin-top: 0;
  border-radius: 6px;
  cursor: grab;
  opacity: 0;
  pointer-events: none;
  transform: translate(2px, -50%);
  transition:
    opacity 150ms ease,
    transform 150ms ease,
    visibility 150ms ease;
  visibility: hidden;
}

.speaker-drag-handle::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #94a3b8;
  box-shadow:
    0 6px 0 #94a3b8,
    0 12px 0 #94a3b8,
    5px 0 0 #94a3b8,
    5px 6px 0 #94a3b8,
    5px 12px 0 #94a3b8;
}

.speaker-row:hover .speaker-drag-handle,
.speaker-row:focus-visible .speaker-drag-handle,
.speaker-row.is-dragging .speaker-drag-handle {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, -50%);
  visibility: visible;
}

.speaker-page-list.is-reordering .speaker-row:not(.is-dragging) {
  transition:
    background-color 150ms ease,
    box-shadow 150ms ease,
    transform 120ms ease;
}

.speaker-row:hover,
.speaker-row:focus-visible,
.speaker-row.is-selected {
  background: #f8fbff;
  outline: 0;
}

.speaker-row.is-selected {
  box-shadow: inset 0 0 0 1px rgba(102, 51, 241, 0.14);
}

.speaker-row.is-current {
  background: #fbfaff;
  box-shadow: inset 0 0 0 1px rgba(102, 51, 241, 0.14);
}

.speaker-row.is-just-added {
  background: #effaf5;
  box-shadow:
    inset 0 0 0 1px rgba(32, 191, 143, 0.22),
    0 6px 14px rgba(32, 191, 143, 0.08);
  animation: speakerAddedPulse 900ms ease both;
}

.speaker-row.is-just-added.is-new {
  background: #edf6ff;
  box-shadow:
    inset 0 0 0 1px rgba(91, 141, 239, 0.22),
    0 6px 14px rgba(91, 141, 239, 0.08);
}

.prototype-shell.has-speaker-profile .speaker-row.is-current::after {
  content: "";
  position: absolute;
  right: -14px;
  top: 19px;
  width: 14px;
  border-top: 2px solid rgba(102, 51, 241, 0.28);
  pointer-events: none;
}

.speaker-row.is-selected .speaker-avatar {
  border-color: rgba(102, 51, 241, 0.28);
  background: #f3ecff;
  color: var(--purple);
}

.speaker-row.is-new {
  min-height: 42px;
  background: #f8fbff;
}

.speaker-row.needs-attention:not(.is-current):not(.is-new) {
  background: #fffdf8;
}

.speaker-row.is-new.needs-attention:not(.is-current) {
  background: #f2f7ff;
}

.speaker-row.is-new.needs-attention.is-just-added:not(.is-current) {
  background: #edf6ff;
}

.speaker-avatar {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  margin-top: 0;
  border: 1px solid #d6e0ec;
  border-radius: 50%;
  background: linear-gradient(180deg, #f8fbff 0%, #eef3f9 100%);
  color: #63738b;
  font-size: 10px;
  font-weight: 500;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.speaker-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
  flex: 1;
  align-self: center;
  overflow: visible;
}

.speaker-copy strong,
.speaker-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.speaker-copy strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.18;
}

.speaker-copy small {
  color: #667085;
  font-size: 10px;
  line-height: 1.18;
}

.speaker-row em {
  justify-self: end;
  flex: 0 0 auto;
  margin-top: 0;
  max-width: 120px;
  overflow: hidden;
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #c8daff;
  border-radius: var(--ds-pill-radius);
  background: #eaf2ff;
  color: #1d5bbf;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.speaker-row em.speaker-added-badge {
  border-color: #bfead4;
  background: #e9fbf0;
  color: #168347;
}

@keyframes speakerAddedPulse {
  0% {
    transform: translateY(-2px);
  }

  100% {
    transform: translateY(0);
  }
}

.speaker-row-actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 0;
  flex: 0 0 auto;
  margin-top: 0;
}

[data-speaker-page] .speaker-row-actions {
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  opacity: 0;
  transform: translateX(2px);
  transition:
    opacity 150ms ease,
    transform 150ms ease,
    visibility 150ms ease;
  visibility: hidden;
}

[data-speaker-page] .speaker-row:hover .speaker-row-actions,
[data-speaker-page] .speaker-row:focus-visible .speaker-row-actions,
[data-speaker-page] .speaker-row:focus-within .speaker-row-actions {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}

.speaker-remove-action {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
  transition:
    color 150ms ease,
    background-color 150ms ease,
    box-shadow 150ms ease;
}

.speaker-remove-action .ui-icon-svg {
  width: 13px;
  height: 13px;
}

.speaker-remove-action:hover,
.speaker-remove-action:focus-visible {
  background: #fef3f2;
  color: #b42318;
  outline: 0;
}

.speaker-remove-action:focus-visible {
  box-shadow: 0 0 0 2px rgba(102, 51, 241, 0.2);
}

.speaker-row.is-delete-selected .speaker-row-actions {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}

.speaker-row.is-delete-selected .speaker-remove-action {
  background: #d92d20;
  color: #ffffff;
}

.speaker-drawer-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 10px 0 0;
  border-top: 1px solid rgba(213, 222, 235, 0.72);
  border-radius: 0;
  background: #ffffff;
}

.speaker-drawer-footer span {
  min-width: 0;
  overflow: hidden;
  color: #63738b;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.speaker-drawer-footer button {
  flex: 0 0 auto;
  height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: #f6f8fc;
  color: #141a28;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.speaker-delete-bar {
  position: sticky;
  bottom: 0;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
  padding: 9px;
  border: 1px solid rgba(220, 38, 38, 0.18);
  border-radius: 8px;
  background: rgba(255, 248, 247, 0.96);
  box-shadow: 0 10px 24px rgba(18, 24, 40, 0.08);
  backdrop-filter: blur(8px);
}

.speaker-delete-bar[hidden] {
  display: none;
}

.speaker-delete-summary {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.speaker-delete-summary strong {
  overflow: hidden;
  color: #b42318;
  font-size: 10px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.speaker-delete-summary small {
  overflow: hidden;
  color: #667085;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.speaker-delete-actions,
.speaker-delete-dialog-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.speaker-delete-cancel,
.speaker-delete-confirm {
  height: 28px;
  padding: 0 12px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.speaker-delete-cancel {
  border: 1px solid #d8e0eb;
  background: #ffffff;
  color: #5f6b7d;
}

.speaker-delete-confirm {
  border: 1px solid #dc2626;
  background: #dc2626;
  color: #ffffff;
}

.speaker-delete-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(15, 23, 42, 0.48);
}

.speaker-delete-modal[hidden] {
  display: none;
}

.speaker-delete-dialog {
  width: min(318px, calc(100vw - 32px));
  display: grid;
  justify-items: start;
  gap: 10px;
  padding: 18px;
  border: 1px solid rgba(213, 222, 235, 0.82);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 24px 64px rgba(18, 24, 40, 0.24);
}

.speaker-delete-icon {
  position: relative;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #fff1f0;
}

.speaker-delete-icon::before,
.speaker-delete-icon::after {
  content: "";
  position: absolute;
  width: 12px;
  border-top: 2px solid #dc2626;
}

.speaker-delete-icon::before {
  transform: rotate(45deg);
}

.speaker-delete-icon::after {
  transform: rotate(-45deg);
}

.speaker-delete-dialog h3 {
  margin: 0;
  color: var(--ink);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
}

.speaker-delete-dialog p {
  margin: 0;
  color: #667085;
  font-size: 11px;
  line-height: 1.45;
}

.speaker-delete-dialog-actions {
  width: 100%;
  justify-content: flex-end;
  padding-top: 4px;
}

.sidepanel-speaker-page {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 0;
  overflow: visible;
}

.sidepanel-speaker-header {
  align-items: center;
  padding: 0 0 10px;
}

.sidepanel-speaker-header .speaker-page-actions {
  gap: 7px;
}

.sidepanel-speaker-page .speaker-assignment-section {
  padding: 9px 0;
}

.sidepanel-speaker-page .speaker-picker {
  --speaker-picker-bottom-pad: 9px;
  z-index: 12;
}

.sidepanel-speaker-page .speaker-picker-field {
  min-height: 40px;
}

.sidepanel-speaker-page .speaker-picker-field input {
  font-size: 11px;
}

.sidepanel-speaker-page .speaker-picker-results {
  max-height: 242px;
}

.sidepanel-speaker-page .speaker-page-list {
  flex: 1 1 0;
  min-height: 0;
  max-height: none;
  margin-top: 0;
  padding-bottom: 12px;
  border-bottom: 0;
}

.sidepanel-speaker-page .speaker-row {
  min-height: 74px;
  padding: 12px 11px;
}

.sidepanel-speaker-page .speaker-row.is-current,
.sidepanel-speaker-page .speaker-row.is-selected {
  border-color: rgba(102, 51, 241, 0.32);
  background: #fbfaff;
  box-shadow:
    inset 0 0 0 1px rgba(102, 51, 241, 0.08),
    0 5px 14px rgba(102, 51, 241, 0.06);
}

.sidepanel-speaker-page .speaker-row.is-current::before {
  width: 3px;
  opacity: 0.86;
}

.sidepanel-speaker-page .speaker-avatar {
  width: 36px;
  height: 36px;
  font-size: 11px;
}

.sidepanel-speaker-page .speaker-copy strong {
  font-size: 12px;
}

.sidepanel-speaker-page .speaker-copy small {
  font-size: 10px;
}

.sidepanel-speaker-profile {
  min-height: 100%;
  display: none;
  flex-direction: column;
  gap: 10px;
  overflow: visible;
  padding-bottom: 4px;
}

.speaker-screen.is-profile-open .sidepanel-speaker-page {
  display: none;
}

.speaker-screen.is-profile-open .sidepanel-speaker-profile {
  display: flex;
  animation: speakerInlineInsert 180ms ease both;
}

.side-panel.is-speakers .panel-footer {
  display: none;
}

.speaker-profile-header.sidepanel-profile-header {
  position: sticky;
  top: 0;
  z-index: 4;
  display: block;
  padding: 0 0 8px;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  box-shadow: none;
}

.sidepanel-profile-header .profile-save-state {
  display: none;
}

.sidepanel-profile-header .speaker-profile-summary {
  position: relative;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 9px 10px;
  overflow: hidden;
  border: 1px solid rgba(196, 207, 222, 0.86);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 5px 14px rgba(17, 24, 39, 0.04);
}

.sidepanel-profile-header .speaker-profile-summary::before {
  content: none;
  position: absolute;
  top: 0;
  left: 11px;
  right: 11px;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, #6633f1, #1ba784);
  opacity: 0.62;
  pointer-events: none;
}

.sidepanel-speaker-profile .sidepanel-profile-photo {
  width: 42px;
  min-height: 42px;
  padding: 0;
  border-style: solid;
  border-color: #d8e1ed;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 24%, #ffffff 0, #ffffff 24%, #eef4ff 100%);
  box-shadow:
    0 0 0 3px #ffffff,
    0 0 0 5px rgba(102, 51, 241, 0.06),
    0 2px 5px rgba(18, 24, 40, 0.1);
  transition:
    border-color 150ms ease,
    box-shadow 150ms ease;
}

.sidepanel-speaker-profile .sidepanel-profile-photo.has-image {
  border-color: #d8e1ed;
  background:
    radial-gradient(circle at 30% 24%, #ffffff 0, #ffffff 24%, #eef4ff 100%);
}

.sidepanel-speaker-profile .sidepanel-profile-photo:hover,
.sidepanel-speaker-profile .sidepanel-profile-photo:focus-within {
  border-color: rgba(102, 51, 241, 0.58);
  box-shadow:
    0 0 0 3px #ffffff,
    0 0 0 6px rgba(102, 51, 241, 0.14),
    0 2px 5px rgba(18, 24, 40, 0.1);
}

.sidepanel-speaker-profile .sidepanel-profile-photo .profile-photo-copy {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  gap: 0;
  border-radius: 50%;
  background: rgba(21, 32, 46, 0.72);
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease;
}

.sidepanel-speaker-profile .sidepanel-profile-photo:hover .profile-photo-copy {
  opacity: 1;
}

.sidepanel-speaker-profile .sidepanel-profile-photo .profile-photo-copy strong {
  color: #ffffff;
  font-size: 8px;
}

.sidepanel-speaker-profile .sidepanel-profile-photo .profile-photo-copy small {
  color: rgba(255, 255, 255, 0.78);
  font-size: 7px;
}

.sidepanel-speaker-profile .sidepanel-profile-photo .profile-photo-initials {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  color: #4b3b8f;
  font-size: 12px;
}

.sidepanel-speaker-profile .speaker-profile-title {
  gap: 2px;
}

.sidepanel-speaker-profile .speaker-profile-title .eyebrow {
  display: none;
}

.sidepanel-speaker-profile .speaker-profile-title h3 {
  display: block;
  color: #111827;
  font-size: 13px;
  line-height: 1.15;
}

.sidepanel-speaker-profile .speaker-profile-title h3::after {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  flex: 0 0 auto;
  margin-left: 6px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #1ba784;
  box-shadow: 0 0 0 1px rgba(27, 167, 132, 0.22);
}

.sidepanel-speaker-profile [data-sidepanel-speaker-role] {
  margin-top: 0;
  overflow: hidden;
  color: #667085;
  font-size: 10px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidepanel-speaker-profile .profile-status-line {
  min-width: 0;
  overflow: hidden;
  color: #168347;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidepanel-speaker-profile .profile-status-line.is-review {
  color: #9a5b00;
}

.sidepanel-speaker-profile .sidepanel-profile-photo .profile-photo-delete {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.92);
  transition:
    opacity 150ms ease,
    transform 150ms ease;
}

.sidepanel-speaker-profile .sidepanel-profile-photo:hover .profile-photo-delete,
.sidepanel-speaker-profile .sidepanel-profile-photo:focus-within .profile-photo-delete {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}

.sidepanel-speaker-profile .profile-editor-section {
  padding: 10px 11px;
  border-radius: 8px;
}

.sidepanel-speaker-profile .profile-section-heading {
  gap: 8px;
  margin-bottom: 8px;
}

.sidepanel-speaker-profile .profile-section-heading h4 {
  color: #344054;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
}

.sidepanel-speaker-profile .profile-section-heading small {
  display: block;
  margin-top: 2px;
  color: #667085;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.25;
}

.sidepanel-speaker-profile .profile-field-grid {
  grid-template-columns: 1fr;
  gap: 8px;
}

.sidepanel-speaker-profile .profile-field input,
.sidepanel-speaker-profile .profile-link-row input {
  height: 34px;
  font-size: 11px;
}

.sidepanel-speaker-profile .profile-field textarea {
  min-height: 92px;
  font-size: 11px;
}

.sidepanel-speaker-profile .profile-link-row {
  grid-template-columns: 1fr;
  gap: 6px;
  padding: 8px;
  border: 1px solid #e3e9f2;
  border-radius: 8px;
  background: #fbfcff;
}

.sidepanel-speaker-profile .profile-link-row em {
  justify-self: start;
}

.sidepanel-speaker-profile .speaker-session-actions {
  width: 100%;
  justify-content: flex-start;
  gap: 6px;
}

.sidepanel-speaker-profile .speaker-session-actions .profile-ghost-button,
.sidepanel-speaker-profile .speaker-session-actions .profile-inline-button {
  height: 28px;
  font-size: 10px;
}

.sidepanel-speaker-profile .speaker-session-row {
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 8px;
  padding: 8px;
}

.sidepanel-speaker-profile .speaker-session-row em {
  grid-column: 2;
  justify-self: start;
}

.sidepanel-speaker-profile .profile-checklist {
  grid-template-columns: 1fr;
}

.sidepanel-profile-footer {
  position: sticky;
  bottom: 0;
  z-index: 5;
  gap: 8px;
  padding: 10px;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), #ffffff),
    #ffffff;
}

.sidepanel-profile-footer > div {
  flex: 0 0 auto;
}

.sidepanel-profile-footer .sidepanel-footer-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #667085;
  font-size: 10px;
  font-weight: 400;
}

.sidepanel-profile-footer .profile-save-state {
  height: 24px;
  padding: 0 8px;
  font-size: 10px;
}

.fullscreen-speaker-page {
  min-width: 0;
  width: var(--speaker-assignment-width);
  max-width: var(--speaker-assignment-width);
  height: calc(100vh - 156px);
  max-height: calc(100vh - 156px);
  display: none;
  position: relative;
  align-self: stretch;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  padding: 12px;
  border: 1px solid rgba(213, 222, 235, 0.72);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.035);
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page {
  width: 100%;
  max-width: none;
  height: calc(100vh - 156px);
  max-height: calc(100vh - 156px);
  padding: 0;
  border-radius: 10px;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-page-header {
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 14px;
  padding: 10px 14px;
  border-bottom-color: #e4eaf2;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-list-toolbar {
  display: none;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-picker {
  --speaker-picker-bottom-pad: 0px;
  --speaker-picker-menu-gap: 3px;
  flex: 0 1 520px;
  width: min(520px, 56vw);
  display: grid;
  padding: 0;
  border-bottom: 0;
  background: transparent;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-picker-field {
  flex-wrap: nowrap;
  min-height: 34px;
  padding: 5px 8px;
  border-radius: 8px;
  box-shadow: none;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-picker-field input {
  min-width: 60px;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page.is-picker-active
  .speaker-picker-results-header {
  left: 0;
  right: 0;
  top: calc(100% + 3px);
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page.is-picker-active
  .speaker-picker-results {
  left: 0;
  right: 0;
  top: calc(100% + 29px);
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page.is-picker-active
  .speaker-picker-failure:not([hidden]) {
  left: 0;
  right: 0;
  top: calc(100% + 29px);
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page.is-picker-active
  .speaker-picker-results {
  max-height: min(320px, calc(100vh - 320px));
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-page-title {
  flex: 0 0 auto;
  margin-left: auto;
  text-align: right;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-page-title .eyebrow {
  font-size: 10px;
  white-space: nowrap;
}

.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-page-header {
  display: grid;
}

.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-page-title {
  order: 1;
}

.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-picker {
  order: 2;
}

.prototype-shell.has-speaker-profile .fullscreen-speaker-page {
  border-color: rgba(102, 51, 241, 0.16);
  box-shadow:
    0 1px 2px rgba(18, 24, 40, 0.035),
    0 0 0 1px rgba(102, 51, 241, 0.04);
}

.prototype-shell.has-speaker-profile .fullscreen-speaker-page::after {
  content: "";
  position: absolute;
  right: -16px;
  top: 34px;
  width: 16px;
  border-top: 1px solid rgba(102, 51, 241, 0.22);
  pointer-events: none;
}

.speaker-page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
}

.speaker-page-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}

.speaker-page-header .eyebrow {
  color: var(--purple);
  opacity: 1;
  font-size: 9px;
}

.speaker-page-header h3 {
  font-size: 14px;
  font-weight: 500;
}

.speaker-page-header small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.25;
}

.speaker-primary-action {
  height: 24px;
  padding: 0 8px;
  border: 1px solid rgba(102, 51, 241, 0.34);
  border-radius: 8px;
  background: #ffffff;
  color: var(--purple);
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.speaker-readiness-strip {
  display: grid;
  gap: 8px;
}

.speaker-readiness-copy {
  min-width: 0;
}

.speaker-readiness-copy strong,
.speaker-readiness-copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.speaker-readiness-copy strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.1;
}

.speaker-readiness-copy small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.2;
}

.speaker-readiness-meter {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: #edf2f7;
}

.speaker-readiness-meter span {
  width: 90%;
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--teal), var(--purple));
}

.speaker-filter-bar {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  padding-bottom: 1px;
}

.speaker-filter-bar button {
  flex: 0 0 auto;
  height: 24px;
  padding: 0 8px;
  border: 1px solid #dde5ef;
  border-radius: 999px;
  background: #ffffff;
  color: #5f6b7d;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.speaker-filter-bar button.is-active {
  border-color: rgba(102, 51, 241, 0.28);
  background: #f3ecff;
  color: var(--purple);
}

.speaker-assignment-section {
  padding: 10px 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
}

.speaker-list-toolbar {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: nowrap;
}

.speaker-list-toolbar > span {
  min-width: 0;
}

.speaker-order-heading {
  display: grid;
  gap: 1px;
}

.speaker-order-heading strong,
.speaker-order-heading small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.speaker-order-heading strong {
  color: #344054;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
}

.speaker-order-heading small {
  color: #7a8699;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.25;
}

.speaker-order-status {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  padding: 3px 7px;
  border: 1px solid rgba(27, 167, 132, 0.22);
  border-radius: 999px;
  background: #ecfdf5;
  color: #167455;
  line-height: 1;
}

.speaker-order-status[hidden] {
  display: none;
}

.speaker-order-status span {
  min-width: 0;
  overflow: hidden;
  color: #167455;
  font-size: 9px;
  font-weight: 500;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

.speaker-order-status .speaker-order-separator {
  color: rgba(22, 116, 85, 0.68);
}

.speaker-order-status.is-saving {
  border-color: rgba(102, 51, 241, 0.22);
  background: #f3ecff;
  color: var(--purple);
}

.speaker-order-status.is-saving span {
  color: var(--purple);
}

.speaker-list-toolbar .speaker-order-status button {
  height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--purple);
  font-size: 9px;
  font-weight: 500;
  line-height: 1;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.speaker-list-toolbar > button {
  flex: 0 0 auto;
  height: 24px;
  padding: 0 8px;
  border: 1px solid rgba(102, 51, 241, 0.22);
  border-radius: 999px;
  background: #ffffff;
  color: var(--purple);
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.speaker-page-list {
  overflow-y: auto;
  overflow-x: visible;
  display: grid;
  flex: 1 1 0;
  gap: 8px;
  min-height: 0;
  padding: 12px 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
}

.speaker-table-header {
  display: none;
}

.speaker-table-check,
.speaker-table-company,
.speaker-table-events,
.speaker-table-status,
.speaker-table-social,
.speaker-table-menu {
  display: none;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-page-list {
  gap: 0;
  padding: 0;
  overflow: auto;
  border-bottom: 1px solid #d8e1ec;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-header {
  min-height: 40px;
  display: grid;
  grid-template-columns: 28px 34px minmax(210px, 1.35fr) minmax(160px, 1fr) 90px 104px 116px 50px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border-top: 1px solid #e4eaf2;
  border-bottom: 1px solid #d8e1ec;
  background: #fbfcff;
  color: #364152;
  font-size: 11px;
  font-weight: 500;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-header span:first-child {
  width: 14px;
  height: 14px;
  display: block;
  border: 1px solid #c7d2df;
  border-radius: 4px;
  background: #ffffff;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-header span:nth-child(2) {
  grid-column: 2 / 4;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-header span:nth-child(3) {
  grid-column: 4;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-header span:nth-child(4) {
  grid-column: 5;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-header span:nth-child(5) {
  grid-column: 6;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-header span:nth-child(6) {
  grid-column: 7;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-header span:last-child {
  grid-column: 8;
}

.agenda-screen.is-active {
  height: 100%;
  min-height: 0;
}

.sidepanel-agenda-page {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

[data-agenda-picker-pills][hidden] {
  display: none;
}

.agenda-page-header,
.agenda-workspace-header,
.agenda-editor-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.agenda-page-header {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
}

.agenda-summary-bar {
  min-width: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(213, 222, 235, 0.82);
  border-radius: 7px;
  background: #f8fafc;
}

.agenda-summary-bar span,
.agenda-summary-bar button {
  min-width: 0;
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 8px;
  border: 0;
  border-right: 1px solid rgba(213, 222, 235, 0.82);
  background: transparent;
  color: #667085;
  font: inherit;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  white-space: nowrap;
}

.agenda-summary-bar > :last-child {
  border-right: 0;
}

.agenda-summary-bar strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 500;
}

.agenda-summary-bar .is-ready strong {
  color: #168347;
}

.agenda-summary-bar button {
  cursor: pointer;
}

.agenda-summary-bar button strong {
  color: #9d6512;
}

.agenda-summary-bar button:hover,
.agenda-summary-bar button:focus-visible,
.agenda-summary-bar button.is-active {
  background: #fff7e6;
  color: #8b5a12;
  outline: 0;
}

.agenda-main-date-control {
  position: relative;
  display: grid;
  gap: 6px;
  padding: 8px 0 0;
}

.agenda-main-date-button {
  width: auto;
  min-width: 0;
  justify-self: start;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 9px;
  border: 1px solid rgba(213, 222, 235, 0.86);
  border-radius: 999px;
  background: #ffffff;
  color: #667085;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 150ms ease,
    box-shadow 150ms ease;
}

.agenda-main-date-button:hover,
.agenda-main-date-button:focus-visible {
  border-color: rgba(102, 51, 241, 0.26);
  box-shadow: 0 4px 10px rgba(18, 24, 40, 0.045);
  outline: 0;
}

.agenda-main-date-button span,
.agenda-main-date-button strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agenda-main-date-button span {
  font-size: 9px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

.agenda-main-date-button strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.agenda-main-date-button::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
}

.agenda-main-date-picker {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: auto;
  z-index: 8;
  width: min(244px, calc(100vw - 32px));
}

.agenda-mobile-date-strip {
  display: grid;
  grid-template-columns: minmax(72px, 1.15fr) repeat(4, minmax(0, 0.72fr));
  gap: 4px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
}

.agenda-mobile-date-strip button {
  min-width: 0;
  height: 38px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 2px;
  padding: 0 6px;
  border: 1px solid rgba(213, 222, 235, 0.82);
  border-radius: 6px;
  background: #ffffff;
  color: #667085;
  cursor: pointer;
  transition:
    background-color 150ms ease,
    border-color 150ms ease,
    box-shadow 150ms ease,
    transform 150ms ease;
}

.agenda-mobile-date-strip button:hover,
.agenda-mobile-date-strip button:focus-visible,
.agenda-mobile-date-strip button.is-active {
  border-color: rgba(102, 51, 241, 0.28);
  background: #fbfaff;
  box-shadow: 0 2px 8px rgba(18, 24, 40, 0.04);
  outline: 0;
}

.agenda-mobile-date-strip span,
.agenda-mobile-date-strip strong {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agenda-mobile-date-strip span {
  font-size: 9px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

.agenda-mobile-date-strip strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

.agenda-mobile-date-strip .agenda-today-button {
  align-content: center;
  justify-items: start;
  padding: 0 9px;
}

.agenda-mobile-date-strip .agenda-today-button strong {
  font-size: 12px;
}

.agenda-mobile-date-strip .agenda-today-button.is-active {
  background: var(--purple);
  color: #ffffff;
}

.agenda-mobile-date-strip .agenda-today-button.is-active strong {
  color: #ffffff;
}

.agenda-issue-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
}

.agenda-issue-strip button {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 9px 10px;
  border: 1px solid rgba(245, 158, 11, 0.24);
  border-radius: 8px;
  background: #fffaf0;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 150ms ease,
    box-shadow 150ms ease,
    transform 150ms ease;
}

.agenda-issue-strip button:hover,
.agenda-issue-strip button:focus-visible,
.agenda-issue-strip button.is-active {
  border-color: rgba(102, 51, 241, 0.28);
  box-shadow: 0 5px 14px rgba(18, 24, 40, 0.05);
  outline: 0;
  transform: translateY(-1px);
}

.agenda-issue-strip strong,
.agenda-issue-strip span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agenda-issue-strip strong {
  color: #9d6512;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.15;
}

.agenda-issue-strip span {
  color: #667085;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
}

.agenda-resume-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
}

.agenda-resume-strip > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.agenda-resume-strip strong,
.agenda-resume-strip small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agenda-resume-strip strong {
  color: #5d4ae8;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
}

.agenda-resume-strip small {
  color: #667085;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
}

.agenda-resume-strip button {
  height: 26px;
  flex: 0 0 auto;
  padding: 0 10px;
  border: 1px solid rgba(102, 51, 241, 0.24);
  border-radius: 6px;
  background: #ffffff;
  color: var(--purple);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.agenda-resume-strip button:hover,
.agenda-resume-strip button:focus-visible {
  background: #f8f4ff;
  outline: 0;
}

.agenda-filter-bar,
.agenda-workspace-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
}

.agenda-filter-bar {
  padding: 8px 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
}

.sidepanel-agenda-page .agenda-filter-bar {
  overflow-x: visible;
}

.agenda-filter-actions {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}

.agenda-filter-date-control {
  position: relative;
  display: grid;
}

.agenda-filter-bar button,
.agenda-list-actions button,
.agenda-workspace-actions button {
  flex: 0 0 auto;
  height: 26px;
  padding: 0 9px;
  border: 1px solid #dde5ef;
  border-radius: 999px;
  background: #ffffff;
  color: #5f6b7d;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.agenda-filter-bar .agenda-date-icon-button,
.agenda-filter-bar .agenda-add-icon-button,
.agenda-list-actions .agenda-date-icon-button,
.agenda-list-actions .agenda-add-icon-button {
  width: 28px;
  min-width: 28px;
  padding: 0;
  display: grid;
  place-items: center;
}

.agenda-filter-bar .agenda-date-icon-button,
.agenda-list-actions .agenda-date-icon-button {
  position: relative;
  border-color: rgba(102, 51, 241, 0.25);
  background: #ffffff;
  color: var(--purple);
}

.agenda-filter-bar .agenda-date-icon-button:hover,
.agenda-filter-bar .agenda-date-icon-button:focus-visible,
.agenda-list-actions .agenda-date-icon-button:hover,
.agenda-list-actions .agenda-date-icon-button:focus-visible {
  border-color: rgba(102, 51, 241, 0.42);
  background: #f8f4ff;
  outline: 0;
}

.agenda-filter-bar .agenda-date-icon-button::before,
.agenda-list-actions .agenda-date-icon-button::before {
  content: "";
  width: 13px;
  height: 12px;
  border: 1.5px solid currentColor;
  border-radius: 3px;
}

.agenda-filter-bar .agenda-date-icon-button::after,
.agenda-list-actions .agenda-date-icon-button::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 50%;
  width: 9px;
  height: 1.5px;
  border-radius: 999px;
  background: currentColor;
  transform: translateX(-50%);
}

.agenda-filter-date-control .agenda-main-date-picker {
  top: calc(100% + 6px);
  right: 0;
  left: auto;
}

.agenda-filter-bar .agenda-add-icon-button,
.agenda-list-actions .agenda-add-icon-button {
  border-color: var(--purple);
  background: var(--purple);
  color: #ffffff;
  box-shadow: 0 6px 14px rgba(102, 51, 241, 0.14);
}

.agenda-filter-bar .agenda-add-icon-button::before,
.agenda-filter-bar .agenda-add-icon-button::after,
.agenda-list-actions .agenda-add-icon-button::before,
.agenda-list-actions .agenda-add-icon-button::after {
  content: "";
  grid-area: 1 / 1;
  width: 11px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.agenda-filter-bar .agenda-add-icon-button::after,
.agenda-list-actions .agenda-add-icon-button::after {
  transform: rotate(90deg);
}

.agenda-filter-bar button.is-active,
.agenda-workspace-actions button.is-active {
  border-color: rgba(102, 51, 241, 0.28);
  background: #f3ecff;
  color: var(--purple);
}

.agenda-workspace-actions .agenda-primary-button,
.agenda-primary-button {
  border-color: var(--purple);
  background: var(--purple);
  color: #ffffff;
}

.agenda-list-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 42px;
  padding: 7px 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
}

.agenda-list-heading {
  min-width: 0;
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}

.agenda-list-heading strong {
  color: var(--ink);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}

.agenda-list-heading small {
  color: #7a8699;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
}

.agenda-list-actions {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}

.agenda-list-actions .agenda-reorder-button {
  width: auto;
  min-width: 0;
  padding: 0 9px;
  border-color: rgba(102, 51, 241, 0.22);
  color: var(--purple);
}

.agenda-list-actions .agenda-reorder-button:hover,
.agenda-list-actions .agenda-reorder-button:focus-visible {
  border-color: rgba(102, 51, 241, 0.4);
  background: #f8f4ff;
  outline: 0;
}

.agenda-list {
  min-height: 0;
  flex: 1 1 0;
  display: grid;
  grid-auto-rows: minmax(62px, max-content);
  align-content: start;
  gap: 5px;
  overflow-y: auto;
  overflow-x: visible;
  padding: 8px 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
}

.agenda-row {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 62px;
  display: grid;
  grid-template-columns: minmax(58px, 68px) minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border: 1px solid rgba(213, 222, 235, 0.82);
  border-radius: 6px;
  background: #ffffff;
  box-shadow: none;
  text-align: left;
  cursor: pointer;
  transition:
    background-color 150ms ease,
    border-color 150ms ease,
    box-shadow 150ms ease,
    transform 150ms ease;
}

.agenda-row[hidden] {
  display: none;
}

.agenda-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 0;
  border-radius: 0 999px 999px 0;
  background: var(--purple);
  opacity: 0;
  transition:
    opacity 150ms ease,
    width 150ms ease;
}

.agenda-row:hover,
.agenda-row:focus-visible,
.agenda-row.is-current {
  border-color: rgba(102, 51, 241, 0.22);
  background: #fbfaff;
  box-shadow: 0 2px 8px rgba(18, 24, 40, 0.04);
  outline: 0;
}

.agenda-row.is-current::before,
.agenda-row.is-dragging::before,
.agenda-row.is-order-moved::before {
  width: 3px;
  opacity: 0.86;
}

.agenda-row.is-dragging {
  z-index: 2;
  border-color: rgba(102, 51, 241, 0.28);
  background: #f2efff;
  box-shadow: 0 10px 24px rgba(102, 51, 241, 0.12);
  cursor: grabbing;
  opacity: 0.82;
}

.agenda-row.is-order-moved {
  border-color: rgba(102, 51, 241, 0.24);
  background: #fbfaff;
}

.agenda-row.is-row-changed {
  border-color: rgba(102, 51, 241, 0.22);
  background: #fbfaff;
}

.agenda-row.has-row-sync-issue,
[data-speaker-page] .speaker-row.has-row-sync-issue {
  border-color: rgba(220, 38, 38, 0.24);
  background: #fffafa;
}

.agenda-row.has-row-conflict,
[data-speaker-page] .speaker-row.has-row-conflict {
  border-color: rgba(245, 158, 11, 0.28);
  background: #fffdf8;
}

.agenda-row.is-issue {
  border-color: rgba(245, 158, 11, 0.28);
  background: #fffdf8;
}

.agenda-row.is-draft {
  border-color: rgba(102, 51, 241, 0.18);
  background: #fbfaff;
}

.agenda-row.is-published {
  background: #fbfffd;
}

.agenda-time {
  position: relative;
  display: grid;
  gap: 3px;
  align-content: center;
  padding-left: 12px;
  color: var(--ink);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.15;
}

.agenda-time::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #8b5cf6;
  box-shadow: 0 0 0 3px #f5f1ff;
  transform: translateY(-50%);
}

.agenda-row.is-ready .agenda-time::before,
.agenda-row.is-published .agenda-time::before {
  background: #1ba784;
  box-shadow: 0 0 0 3px #e9fbf4;
}

.agenda-row.is-issue .agenda-time::before {
  background: #f59e0b;
  box-shadow: 0 0 0 3px #fff4d7;
}

.agenda-row.is-draft .agenda-time::before {
  background: #8b5cf6;
  box-shadow: 0 0 0 3px #f5f1ff;
}

.agenda-time small {
  color: #667085;
  font-size: 10px;
  font-weight: 400;
}

.agenda-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.agenda-copy strong,
.agenda-copy small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agenda-copy strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.18;
}

.agenda-copy small {
  color: #667085;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
}

.agenda-card-meta {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

.agenda-card-meta span {
  min-width: 0;
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid rgba(213, 222, 235, 0.86);
  border-radius: var(--ds-pill-radius);
  background: #f8fafc;
  color: #667085;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  line-height: 14px;
}

.agenda-card-meta .is-warning {
  border-color: rgba(245, 158, 11, 0.28);
  background: #fff7e6;
  color: #9d6512;
}

.agenda-card-meta .row-save-state,
.speaker-card-meta .row-save-state {
  border-color: rgba(102, 51, 241, 0.2);
  background: #f5f0ff;
  color: var(--purple);
}

.agenda-card-meta .row-save-state.is-saving,
.speaker-card-meta .row-save-state.is-saving {
  border-color: rgba(245, 158, 11, 0.28);
  background: #fff7e6;
  color: #9d6512;
}

.agenda-card-meta .row-save-state.is-saved,
.speaker-card-meta .row-save-state.is-saved {
  border-color: rgba(27, 167, 132, 0.24);
  background: #ecfdf5;
  color: #168347;
}

.agenda-card-meta .row-sync-state,
.speaker-card-meta .row-sync-state {
  cursor: pointer;
  border-color: rgba(220, 38, 38, 0.24);
  background: #fff1f0;
  color: #b42318;
}

.agenda-card-meta .row-sync-state:hover,
.agenda-card-meta .row-sync-state:focus-visible,
.speaker-card-meta .row-sync-state:hover,
.speaker-card-meta .row-sync-state:focus-visible {
  border-color: rgba(220, 38, 38, 0.38);
  background: #ffe7e5;
  outline: 0;
}

.agenda-card-meta .row-revert-action,
.speaker-card-meta .row-revert-action {
  cursor: pointer;
  border-color: rgba(102, 51, 241, 0.22);
  background: #ffffff;
  color: var(--purple);
}

.agenda-card-meta .row-revert-action:hover,
.agenda-card-meta .row-revert-action:focus-visible,
.speaker-card-meta .row-revert-action:hover,
.speaker-card-meta .row-revert-action:focus-visible {
  border-color: rgba(102, 51, 241, 0.36);
  background: #f8f5ff;
  outline: 0;
}

.agenda-row > em {
  justify-self: end;
  max-width: 120px;
  overflow: hidden;
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid rgba(27, 167, 132, 0.24);
  border-radius: var(--ds-pill-radius);
  background: #ecfdf5;
  color: #168347;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agenda-row.is-issue > em {
  border-color: rgba(245, 158, 11, 0.28);
  background: #fff7e6;
  color: #9d6512;
}

.agenda-row.is-draft > em {
  border-color: rgba(102, 51, 241, 0.24);
  background: #f3ecff;
  color: var(--purple);
}

.agenda-drag-handle {
  position: absolute;
  left: -10px;
  top: 50%;
  width: 12px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  cursor: grab;
  opacity: 0;
  pointer-events: none;
  transform: translate(2px, -50%);
  transition:
    opacity 150ms ease,
    transform 150ms ease,
    visibility 150ms ease;
  visibility: hidden;
}

.agenda-drag-handle::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #94a3b8;
  box-shadow:
    0 6px 0 #94a3b8,
    0 12px 0 #94a3b8,
    5px 0 0 #94a3b8,
    5px 6px 0 #94a3b8,
    5px 12px 0 #94a3b8;
}

.agenda-row:hover .agenda-drag-handle,
.agenda-row:focus-visible .agenda-drag-handle,
.agenda-row.is-dragging .agenda-drag-handle {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, -50%);
  visibility: visible;
}

.agenda-list-empty {
  min-height: 78px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  padding: 16px 12px;
  border: 1px dashed rgba(148, 163, 184, 0.48);
  border-radius: 10px;
  background: #fbfcff;
  color: #667085;
  text-align: center;
  cursor: pointer;
}

.agenda-list-empty strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 500;
}

.agenda-list-empty small {
  color: #667085;
  font-size: 10px;
  font-weight: 400;
}

.agenda-list-empty[hidden] {
  display: none;
}

.agenda-export-state {
  min-height: 196px;
  border: 1px dashed #cfd7e6;
  border-radius: 8px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px 16px;
  color: #172133;
  text-align: center;
}

.agenda-export-state strong,
.agenda-export-state small {
  display: block;
}

.agenda-export-state small {
  color: #64748b;
}

.agenda-export-state button {
  min-height: 36px;
  border: 1px solid #d7c8ff;
  border-radius: 6px;
  background: #fff;
  color: #6730f5;
  padding: 0 14px;
  font: 500 12px/1 Roboto, Arial, sans-serif;
}

.agenda-export-state.is-loading {
  align-items: stretch;
}

.agenda-export-skeleton {
  display: block;
  height: 58px;
  border-radius: 8px;
  background: linear-gradient(90deg, #f1f4f8 0%, #f8fafc 48%, #f1f4f8 100%);
}

.agenda-footer {
  flex: 0 0 auto;
  position: sticky;
  bottom: 0;
  z-index: 2;
  gap: 10px;
  padding: 10px 0 max(2px, env(safe-area-inset-bottom, 0px));
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), #ffffff 32%),
    #ffffff;
}

.agenda-footer span {
  color: #667085;
  font-size: 10px;
}

.agenda-footer button {
  min-width: 116px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid var(--purple);
  border-radius: 8px;
  background: var(--purple);
  color: #ffffff;
  font-size: 11px;
  box-shadow: 0 6px 14px rgba(102, 51, 241, 0.14);
}

.agenda-footer button::before {
  content: "+";
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
}

.side-panel.is-agenda .panel-footer,
.side-panel.is-agenda-editor-open .panel-footer {
  display: none;
}

.agenda-screen.is-editor-open .sidepanel-agenda-page {
  display: none;
}

.sidepanel-agenda-editor {
  height: 100%;
  min-height: 0;
  display: none;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}

.agenda-screen.is-editor-open .sidepanel-agenda-editor {
  display: flex;
}

.sidepanel-agenda-editor-header {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
}

.agenda-editor-back-button {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #5f6b7d;
  cursor: pointer;
}

.agenda-editor-back-button:hover,
.agenda-editor-back-button:focus-visible {
  background: #f8f4ff;
  color: var(--purple);
  outline: 0;
}

.agenda-editor-back-button .ui-icon-host,
.agenda-editor-close-button .ui-icon-host {
  width: 14px;
  height: 14px;
}

.agenda-editor-title-row {
  flex: 1 1 auto;
  min-width: 0;
  display: grid;
  gap: 2px;
}

.agenda-editor-kicker-row {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}

.agenda-editor-kicker-row .eyebrow {
  margin: 0;
  color: #667085;
  font-size: 10px;
  line-height: 1;
}

.agenda-editor-date-chip {
  width: auto;
  height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #b9a8ff;
  border-radius: var(--ds-pill-radius);
  background: #f7f3ff;
  color: var(--purple);
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  line-height: 14px;
}

.agenda-editor-title-row h3 {
  min-width: 0;
  overflow: hidden;
  margin: 2px 0 0;
  color: var(--ink);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agenda-editor-title-row small {
  color: #667085;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.25;
}

.agenda-task-form {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  gap: 0;
  overflow-y: auto;
  padding: 0 2px 12px 0;
}

.agenda-task-card {
  display: grid;
  gap: 9px;
  padding: 12px 1px 14px 0;
  border: 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.78);
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
}

.agenda-task-card label {
  display: grid;
  gap: 5px;
}

.agenda-task-card label span,
.agenda-title-input span {
  color: #667085;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.agenda-task-card input,
.agenda-task-card select,
.agenda-task-card textarea {
  width: 100%;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font: inherit;
  font-size: 13px;
  transition:
    border-color 150ms ease,
    box-shadow 150ms ease;
}

.agenda-task-card input:focus,
.agenda-task-card select:focus,
.agenda-task-card textarea:focus {
  border-color: rgba(102, 51, 241, 0.42);
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.09);
  outline: 0;
}

.agenda-task-card input,
.agenda-task-card select {
  height: 36px;
  padding: 0 10px;
}

.agenda-task-card select {
  appearance: none;
  background:
    linear-gradient(45deg, transparent 50%, #647189 50%) right 13px center / 6px 6px no-repeat,
    linear-gradient(135deg, #647189 50%, transparent 50%) right 9px center / 6px 6px no-repeat,
    #ffffff;
  padding-right: 28px;
}

.agenda-date-picker {
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid rgba(213, 222, 235, 0.86);
  border-radius: 8px;
  background: #ffffff;
  box-shadow:
    0 8px 18px rgba(18, 24, 40, 0.07),
    0 1px 2px rgba(18, 24, 40, 0.04);
}

.agenda-date-picker[hidden] {
  display: none;
}

.profile-field-grid > .agenda-date-picker {
  grid-column: 1 / -1;
}

.agenda-date-picker-header {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) 26px;
  align-items: center;
  gap: 4px;
}

.agenda-date-picker-header strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agenda-date-picker-header button {
  width: 26px;
  height: 26px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid rgba(213, 222, 235, 0.9);
  border-radius: 999px;
  background: #f8fafc;
  color: #4b5565;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.agenda-date-weekdays,
.agenda-date-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 2px;
}

.agenda-date-weekdays span {
  color: #667085;
  font-size: 8px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

.agenda-date-grid button {
  height: auto;
  aspect-ratio: 1;
  min-width: 0;
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--ink);
  font-size: 10px;
  font-weight: 400;
  cursor: pointer;
}

.agenda-date-grid button:hover,
.agenda-date-grid button:focus-visible {
  border-color: rgba(102, 51, 241, 0.2);
  background: #f5f1ff;
  outline: 0;
}

.agenda-date-grid button.is-outside-month {
  color: #b1bccb;
}

.agenda-date-grid button.is-event-day {
  border-color: rgba(102, 51, 241, 0.22);
  background: #fbfaff;
  color: var(--purple);
  font-weight: 500;
}

.agenda-date-grid button.is-selected {
  border-color: var(--purple);
  background: var(--purple);
  color: #ffffff;
  font-weight: 500;
  box-shadow: 0 4px 10px rgba(102, 51, 241, 0.16);
}

.agenda-task-card textarea {
  min-height: 92px;
  resize: vertical;
  padding: 10px;
  line-height: 1.4;
}

.agenda-title-input input {
  height: 40px;
  color: var(--ink);
  font-size: 16px;
  font-weight: 500;
}

.agenda-time-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.agenda-task-readiness .profile-section-heading {
  margin-bottom: 0;
}

.agenda-task-readiness .profile-section-heading h4 {
  color: var(--ink);
  font-size: 12px;
  font-weight: 500;
}

.agenda-task-readiness .profile-section-heading small {
  color: #9d6512;
  font-size: 11px;
  font-weight: 400;
}

.agenda-validation-summary {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr);
  align-items: start;
  column-gap: 8px;
  row-gap: 2px;
  padding: 9px 10px;
  border: 1px solid rgba(245, 158, 11, 0.24);
  border-radius: 8px;
  background: #fffaf0;
}

.agenda-validation-summary > span {
  width: 7px;
  height: 7px;
  margin-top: 4px;
  border-radius: 50%;
  background: #f59e0b;
}

.agenda-validation-summary strong,
.agenda-validation-summary small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.agenda-validation-summary strong {
  color: #81540b;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
}

.agenda-validation-summary small {
  grid-column: 2;
  color: #7a5a22;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
}

.agenda-validation-summary.is-valid {
  border-color: rgba(27, 167, 132, 0.2);
  background: #f5fffb;
}

.agenda-validation-summary.is-valid > span {
  background: var(--teal);
}

.agenda-validation-summary.is-valid strong {
  color: #276956;
}

.agenda-validation-summary.is-valid small {
  color: #4d7267;
}

.sidepanel-agenda-editor > .sidepanel-agenda-validation-summary,
.sidepanel-agenda-editor .agenda-task-readiness {
  display: none;
}

.agenda-editor-panel .agenda-inline-notice {
  grid-template-columns: 6px minmax(0, 1fr);
  column-gap: 7px;
  margin: -2px 0 10px;
  padding: 7px 8px;
  border-color: rgba(245, 158, 11, 0.18);
  border-left: 3px solid #f59e0b;
  border-radius: 7px;
  background: #fffaf0;
  box-shadow: none;
}

.agenda-editor-panel .agenda-inline-notice > span {
  width: 6px;
  height: 6px;
  margin-top: 5px;
}

.agenda-editor-panel .agenda-inline-notice strong {
  color: #7c4f08;
  font-size: 11px;
  font-weight: 500;
}

.agenda-editor-panel .agenda-inline-notice small {
  color: #725b34;
  font-size: 10px;
  line-height: 1.25;
}

.agenda-editor-panel .agenda-inline-notice.is-valid {
  border-left-color: var(--teal);
}

.agenda-field-error {
  display: none;
  color: #9d6512;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.25;
}

.agenda-task-card label.is-field-invalid input,
.agenda-task-card label.is-field-invalid select,
.agenda-task-card label.is-field-invalid textarea,
.profile-field.is-field-invalid input,
.profile-field.is-field-invalid select,
.profile-field.is-field-invalid textarea {
  border-color: rgba(245, 158, 11, 0.52);
  background: #fffdf8;
}

.agenda-task-card label.is-field-invalid .agenda-field-error,
.profile-field.is-field-invalid .agenda-field-error {
  display: block;
}

.profile-editor-footer.sidepanel-agenda-editor-footer {
  flex: 0 0 auto;
  position: relative;
  bottom: auto;
  z-index: 2;
  width: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin: 0;
  padding: 10px 0 max(2px, env(safe-area-inset-bottom, 0px));
  border: 0;
  border-top: 1px solid rgba(213, 222, 235, 0.72);
  border-radius: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88), #ffffff 34%),
    #ffffff;
  box-shadow: 0 -10px 20px rgba(17, 24, 39, 0.045);
}

.profile-editor-footer.sidepanel-agenda-editor-footer .sidepanel-footer-status {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: start;
  gap: 2px;
  color: #667085;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.25;
  white-space: normal;
}

.profile-editor-footer.sidepanel-agenda-editor-footer .sidepanel-footer-status span:first-child {
  color: #6b5df4;
  font-weight: 500;
}

.profile-editor-footer.sidepanel-agenda-editor-footer > div {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
}

.profile-editor-footer.sidepanel-agenda-editor-footer .profile-save-button {
  width: 100%;
  height: 36px;
  justify-content: center;
  border-radius: 8px;
}

.speaker-list-empty {
  min-height: 112px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  padding: 18px 12px;
  border: 1px dashed rgba(148, 163, 184, 0.44);
  border-radius: 10px;
  background: #fbfcff;
  color: #667085;
  text-align: center;
}

.speaker-list-empty[hidden] {
  display: none;
}

.speaker-list-empty strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 500;
}

.speaker-list-empty small {
  max-width: 230px;
  color: #667085;
  font-size: 10px;
  line-height: 1.35;
}

.speaker-list-empty button {
  height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(102, 51, 241, 0.22);
  border-radius: 999px;
  background: #ffffff;
  color: var(--purple);
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

[data-speaker-page] .speaker-row {
  min-height: 74px;
  align-items: center;
  gap: 11px;
  padding: 12px 11px;
  border: 1px solid rgba(213, 222, 235, 0.82);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 1px 1px rgba(18, 24, 40, 0.025);
}

[data-speaker-page] .speaker-row:hover,
[data-speaker-page] .speaker-row:focus-visible {
  border-color: rgba(102, 51, 241, 0.18);
  background: #fbfaff;
  box-shadow: 0 5px 14px rgba(18, 24, 40, 0.045);
  transform: translateY(-1px);
}

[data-speaker-page] .speaker-row.is-current,
[data-speaker-page] .speaker-row.is-selected {
  border-color: rgba(102, 51, 241, 0.26);
}

[data-speaker-page] .speaker-row.is-new {
  border-color: rgba(91, 141, 239, 0.24);
}

[data-speaker-page] .speaker-row.needs-attention:not(.is-current):not(.is-new) {
  border-color: rgba(245, 158, 11, 0.24);
}

[data-speaker-page] .speaker-row.is-just-added {
  border-color: rgba(32, 191, 143, 0.34);
}

[data-speaker-page] .speaker-row.is-duplicate-speaker:not(.is-current):not(.is-selected):not(.is-just-added) {
  border-color: rgba(239, 111, 93, 0.28);
  background: #fffdfb;
}

.fullscreen-speaker-page .speaker-row {
  min-height: 76px;
  align-items: center;
  gap: 11px;
  padding: 12px;
  border-color: rgba(213, 222, 235, 0.78);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 1px 1px rgba(18, 24, 40, 0.025);
}

.fullscreen-speaker-page .speaker-row:hover,
.fullscreen-speaker-page .speaker-row:focus-visible {
  border-color: rgba(102, 51, 241, 0.18);
  background: #fbfaff;
  box-shadow: 0 5px 14px rgba(18, 24, 40, 0.045);
}

.fullscreen-speaker-page .speaker-row.is-current {
  border-color: rgba(102, 51, 241, 0.3);
  background: #fbfaff;
  box-shadow:
    inset 0 0 0 1px rgba(102, 51, 241, 0.08),
    0 5px 14px rgba(102, 51, 241, 0.06);
}

.fullscreen-speaker-page .speaker-row.is-selected {
  border-color: rgba(102, 51, 241, 0.26);
  background: #f8f5ff;
  box-shadow: inset 0 0 0 1px rgba(102, 51, 241, 0.08);
}

.fullscreen-speaker-page .speaker-row.is-new {
  border-color: rgba(91, 141, 239, 0.28);
  background: #f7fbff;
}

.fullscreen-speaker-page .speaker-row.needs-attention:not(.is-current):not(.is-new) {
  border-color: rgba(245, 158, 11, 0.28);
  background: #fffdf8;
}

.fullscreen-speaker-page .speaker-row.is-just-added {
  border-color: rgba(32, 191, 143, 0.34);
}

[data-speaker-page] .speaker-row.is-row-changed {
  border-color: rgba(102, 51, 241, 0.22);
  background: #fbfaff;
}

.fullscreen-speaker-page .speaker-row > .speaker-avatar {
  width: 38px;
  height: 38px;
  margin-top: 0;
  border-color: rgba(102, 51, 241, 0.16);
  background: linear-gradient(180deg, #f9fbff 0%, #eef4ff 100%);
  color: #526174;
  font-size: 12px;
}

.fullscreen-speaker-page .speaker-row.is-current .speaker-avatar,
.fullscreen-speaker-page .speaker-row.is-selected .speaker-avatar {
  border-color: rgba(102, 51, 241, 0.34);
  background: #f3ecff;
  color: var(--purple);
}

.fullscreen-speaker-page .speaker-row > .speaker-copy {
  gap: 5px;
}

.fullscreen-speaker-page .speaker-row > .speaker-copy strong {
  font-size: 13px;
  line-height: 1.16;
}

.fullscreen-speaker-page .speaker-row > .speaker-copy small {
  font-size: 10px;
  line-height: 1.18;
}

.speaker-card-meta {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  row-gap: 4px;
  overflow: visible;
}

.speaker-card-meta span {
  min-width: 0;
  overflow: visible;
  padding: 4px 7px;
  border: 1px solid rgba(213, 222, 235, 0.86);
  border-radius: 999px;
  background: #f8fafc;
  color: #667085;
  font-size: 9px;
  font-weight: 500;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.speaker-card-meta span:not(.speaker-card-status):not(.speaker-duplicate-badge):not(.speaker-moved-badge):not(.speaker-delete-badge):not(.speaker-participation-status):not(.row-save-state):not(.row-sync-state):not(.row-revert-action) {
  padding: 0;
  border-color: transparent;
  background: transparent;
  color: #667085;
  font-weight: 400;
}

.speaker-card-meta .speaker-card-status {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border-radius: var(--ds-pill-radius);
  border-color: rgba(27, 167, 132, 0.24);
  background: #ecfdf5;
  color: #168347;
  font-size: var(--ds-pill-font-size);
  line-height: 14px;
}

.speaker-card-meta .speaker-participation-status {
  min-height: var(--ds-pill-height);
  padding: 0 var(--ds-pill-padding);
  font-size: var(--ds-pill-font-size);
  line-height: 14px;
}

.speaker-card-meta :is(.speaker-duplicate-badge, .speaker-moved-badge, .speaker-delete-badge) {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border-radius: var(--ds-pill-radius);
  font-size: var(--ds-pill-font-size);
  line-height: 14px;
}

.speaker-card-meta .speaker-duplicate-badge {
  border-color: rgba(239, 111, 93, 0.3);
  background: #fff1ed;
  color: #b42318;
}

.speaker-card-meta .speaker-moved-badge {
  border-color: rgba(102, 51, 241, 0.28);
  background: #f3ecff;
  color: var(--purple);
}

.speaker-card-meta .speaker-delete-badge {
  border-color: rgba(220, 38, 38, 0.28);
  background: #fff1f0;
  color: #b42318;
}

.fullscreen-speaker-page .speaker-row.needs-attention .speaker-card-status {
  border-color: rgba(245, 158, 11, 0.26);
  background: #fff7e8;
  color: #a15c07;
}

.fullscreen-speaker-page .speaker-row.is-new .speaker-card-status {
  border-color: rgba(91, 141, 239, 0.28);
  background: #eaf2ff;
  color: #1d5bbf;
}

.fullscreen-speaker-page .speaker-row > em {
  align-self: flex-start;
  margin-top: 1px;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row {
  min-height: 42px;
  display: grid;
  grid-template-columns: 28px 34px minmax(210px, 1.35fr) minmax(160px, 1fr) 90px 104px 116px 50px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 0;
  border-bottom: 1px solid #e4eaf2;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
  transform: none;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row:hover,
.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row:focus-visible {
  background: #f8fbff;
  border-color: #d8e1ec;
  box-shadow: inset 3px 0 0 rgba(102, 51, 241, 0.72);
  transform: none;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row.is-new {
  background: #f7fbff;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row.needs-attention:not(.is-current):not(.is-new) {
  background: #fffdf8;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row.is-delete-selected:not(.is-dragging) {
  background: #fff8f7;
  box-shadow: inset 3px 0 0 #dc2626;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row::before,
.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-drag-handle,
.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row-actions,
.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-card-meta,
.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row > em {
  display: none;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-check {
  width: 14px;
  height: 14px;
  display: inline-flex;
  grid-column: 1;
  justify-self: start;
  border: 1px solid #c7d2df;
  border-radius: 4px;
  background: #ffffff;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row > .speaker-avatar {
  grid-column: 2;
  width: 28px;
  height: 28px;
  font-size: 10px;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row > .speaker-copy {
  grid-column: 3;
  grid-template-columns: minmax(0, max-content) minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 2px;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row > .speaker-copy > strong {
  grid-column: 1;
  grid-row: 1;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row > .speaker-copy > small {
  grid-column: 1 / -1;
  grid-row: 2;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile)
  .fullscreen-speaker-page
  .speaker-row.has-row-conflict
  .speaker-card-meta {
  display: contents;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile)
  .fullscreen-speaker-page
  .speaker-row.has-row-conflict
  .speaker-card-meta
  > :not(.row-conflict-state) {
  display: none;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile)
  .fullscreen-speaker-page
  .speaker-row
  .row-conflict-state {
  width: auto;
  max-width: none;
  grid-column: 2;
  grid-row: 1;
  justify-self: start;
  margin: 0 0 0 5px;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 9px;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile)
  .fullscreen-speaker-page
  .speaker-row
  .row-conflict-state::before {
  width: 5px;
  height: 5px;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row > .speaker-copy strong {
  font-size: 12px;
  line-height: 1.1;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row > .speaker-copy small {
  font-size: 9px;
  line-height: 1.1;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-company {
  min-width: 0;
  display: grid;
  grid-column: 4;
  gap: 2px;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-company strong,
.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-company small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-company strong {
  color: #141a28;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.1;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-company small {
  color: #667085;
  font-size: 9px;
  line-height: 1.1;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-events {
  display: inline-flex;
  grid-column: 5;
  color: #1f2937;
  font-size: 11px;
  font-weight: 500;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-status {
  min-width: 64px;
  height: 22px;
  display: inline-flex;
  grid-column: 6;
  align-items: center;
  justify-content: center;
  justify-self: start;
  padding: 0 9px;
  border: 1px solid rgba(27, 167, 132, 0.22);
  border-radius: 6px;
  background: #e8f8f1;
  color: #167455;
  font-size: 10px;
  font-weight: 500;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-status[data-status="inactive"] {
  border-color: rgba(245, 158, 11, 0.34);
  background: #fff4d8;
  color: #935f06;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-status[data-status="pending"],
.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-status[data-status="review"] {
  border-color: #efd087;
  background: #fff5d8;
  color: #8a5a00;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-status[data-status="archived"] {
  border-color: #d8e1ec;
  background: #f8fafc;
  color: #596679;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-status[data-status="saving"] {
  border-color: rgba(245, 158, 11, 0.28);
  background: #fff7e6;
  color: #9d6512;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-status[data-status="saved"] {
  border-color: rgba(27, 167, 132, 0.24);
  background: #ecfdf5;
  color: #168347;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-status[data-status="unsynced"] {
  border-color: rgba(220, 38, 38, 0.24);
  background: #fff1f0;
  color: #b42318;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-social {
  min-width: 0;
  display: inline-flex;
  grid-column: 7;
  align-items: center;
  gap: 8px;
  color: #141a28;
  font-size: 10px;
  font-weight: 500;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-social span {
  line-height: 1;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-menu {
  display: inline-flex;
  grid-column: 8;
  justify-content: center;
  color: #141a28;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-menu.speaker-table-revert {
  justify-self: end;
  padding: 3px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--purple);
  cursor: pointer;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-menu.speaker-table-revert:hover,
.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-menu.speaker-table-revert:focus-visible {
  background: transparent;
  text-decoration: underline;
  outline: 0;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-menu.speaker-table-sync-retry {
  justify-self: end;
  padding: 3px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #b42318;
  cursor: pointer;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-menu.speaker-table-sync-retry:hover,
.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-menu.speaker-table-sync-retry:focus-visible {
  background: transparent;
  text-decoration: underline;
  outline: 0;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-footer {
  min-height: 48px;
  gap: 18px;
  justify-content: flex-start;
  margin: 0;
  padding: 8px 14px;
  border-top: 0;
  background: #ffffff;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-footer span {
  color: #1f2937;
  font-size: 11px;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-footer span:last-of-type {
  margin-left: auto;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-footer button {
  height: 30px;
  padding: 0 12px;
  border: 1px solid #dfe7f1;
  border-radius: 6px;
  background: #ffffff;
  color: #1f2937;
  font-size: 11px;
  font-weight: 400;
}

.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page {
  width: var(--speaker-assignment-width);
  max-width: var(--speaker-assignment-width);
}

.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row {
  min-height: 58px;
  gap: 8px;
  padding: 8px 9px;
  border-radius: 8px;
}

.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row > .speaker-avatar {
  width: 32px;
  height: 32px;
  font-size: 10px;
}

.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row > .speaker-copy {
  gap: 3px;
}

.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row > .speaker-copy strong {
  font-size: 12px;
  line-height: 1.12;
}

.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row > .speaker-copy small {
  font-size: 9px;
  line-height: 1.12;
}

.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-table-footer {
  display: none;
}

.fullscreen-agenda-page {
  min-width: 0;
  min-height: calc(100vh - 156px);
  display: none;
  grid-template-columns: minmax(420px, 0.9fr) minmax(460px, 1.1fr);
  gap: 12px;
  align-items: stretch;
}

.fullscreen-agenda-page.is-editor-closed {
  grid-template-columns: minmax(0, 1fr);
}

.agenda-editor-panel[hidden] {
  display: none;
}

.agenda-workspace-main,
.agenda-editor-panel {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(213, 222, 235, 0.72);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.035);
}

.agenda-workspace-main {
  padding: 12px;
}

.agenda-workspace-header {
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
}

.agenda-workspace-header > div:first-child {
  min-width: 0;
}

.agenda-workspace-header .agenda-summary-bar {
  width: min(270px, 100%);
  flex: 0 1 270px;
}

.agenda-workspace-header h3,
.agenda-editor-header h3 {
  margin: 0;
  color: var(--ink);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.agenda-workspace-header small,
.agenda-editor-header small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
}

.agenda-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
}

.agenda-issue-strip-fullscreen {
  grid-template-columns: repeat(2, minmax(0, 240px));
  justify-content: start;
  padding: 10px 0 0;
  border-bottom: 0;
}

.agenda-stat-card {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 10px;
  border: 1px solid #dfe7f2;
  border-radius: 8px;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
}

.agenda-stat-card span,
.agenda-stat-card small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agenda-stat-card span {
  color: #667085;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
}

.agenda-stat-card strong {
  color: var(--ink);
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

.agenda-stat-card small {
  color: #667085;
  font-size: 10px;
  font-weight: 400;
}

.agenda-stat-card.is-important {
  border-color: rgba(245, 158, 11, 0.28);
  background: #fffaf0;
}

.agenda-stat-card.is-important strong {
  color: #9d6512;
}

.agenda-stat-card.is-draft {
  border-color: rgba(102, 51, 241, 0.22);
  background: #fbfaff;
}

.agenda-stat-card.is-draft strong {
  color: var(--purple);
}

.fullscreen-agenda-page .agenda-filter-bar {
  overflow-x: visible;
}

.agenda-list-large {
  padding-bottom: 0;
}

.fullscreen-agenda-page .agenda-row {
  grid-template-columns: minmax(76px, 88px) minmax(0, 1fr) auto;
}

.agenda-editor-panel {
  position: sticky;
  top: 0;
  max-height: calc(100vh - 156px);
  padding: 12px;
  overflow-y: auto;
}

.agenda-editor-header {
  position: sticky;
  top: -12px;
  z-index: 3;
  margin: -12px -12px 0;
  padding: 12px 12px 10px;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(10px);
}

.agenda-editor-heading {
  min-width: 0;
}

.agenda-editor-header-actions {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.agenda-editor-close-button {
  width: 30px;
  min-width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  padding: 0;
  border-radius: 6px;
}

.agenda-editor-close-button > .ui-icon-host {
  color: var(--purple);
}

.agenda-editor-save-strip {
  position: sticky;
  bottom: -12px;
  z-index: 2;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: auto -12px -12px;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid rgba(213, 222, 235, 0.78);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 -10px 24px rgba(17, 24, 39, 0.045);
  backdrop-filter: blur(10px);
}

.agenda-editor-save-copy {
  min-width: 0;
  display: grid;
  gap: 1px;
  color: #6b5df4;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  text-align: right;
  white-space: nowrap;
}

.agenda-editor-save-copy span:last-child {
  color: #7a8699;
  font-size: 9px;
  font-weight: 400;
}

.agenda-editor-done-button {
  flex: 0 0 auto;
  min-width: 72px;
  height: 30px;
  padding: 0 14px;
  justify-content: center;
}

.agenda-editor-summary {
  display: grid;
  gap: 3px;
  margin: 10px 0 0;
  padding: 0 0 11px;
  border: 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.78);
  border-radius: 0;
  background: transparent;
}

.agenda-editor-summary span,
.agenda-editor-summary small {
  color: #667085;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.25;
}

.agenda-editor-summary strong {
  color: var(--ink);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
}

.agenda-editor-panel .profile-editor-section {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(213, 222, 235, 0.82);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: none;
}

.agenda-editor-panel .profile-section-heading {
  margin-bottom: 9px;
}

.agenda-editor-panel .profile-section-heading h4 {
  font-size: 13px;
}

.agenda-editor-panel .profile-field-grid {
  gap: 9px 10px;
}

.agenda-editor-panel .profile-field {
  gap: 4px;
}

.agenda-editor-panel .agenda-session-basics-card {
  padding-bottom: 13px;
}

.agenda-editor-panel .agenda-session-basics-card .profile-section-heading {
  margin-bottom: 10px;
}

.agenda-editor-panel .agenda-session-basics-card > .profile-field + .profile-field {
  margin-top: 11px;
}

.agenda-editor-panel .profile-field input,
.agenda-editor-panel .profile-field select {
  height: 34px;
}

.agenda-editor-panel .profile-field textarea {
  min-height: 76px;
}

.agenda-editor-panel .profile-checklist {
  gap: 6px;
}

.agenda-editor-panel .profile-checklist span {
  padding: 8px 9px 8px 26px;
  border-radius: 7px;
  font-size: 10px;
}

.agenda-editor-panel .profile-checklist span::before {
  left: 9px;
}

.agenda-ai-button {
  justify-self: start;
  margin-top: 8px;
}

.agenda-editor-footer {
  position: sticky;
  bottom: 0;
  margin: 12px -12px -12px;
  border-top: 1px solid rgba(213, 222, 235, 0.72);
}

.agenda-editor-footer > div {
  grid-template-columns: 1fr;
}

.speaker-profile-panel {
  min-width: 0;
  display: none;
  position: sticky;
  top: 0;
  align-self: start;
  max-height: calc(100vh - 156px);
  width: 100%;
  flex-direction: column;
  gap: 12px;
  overflow: auto;
  padding: 12px;
  border: 1px solid rgba(213, 222, 235, 0.78);
  border-radius: 10px;
  background: #f6f8fc;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.035);
}

.prototype-shell.has-speaker-profile .speaker-profile-panel {
  border-color: rgba(102, 51, 241, 0.16);
  box-shadow:
    0 1px 2px rgba(18, 24, 40, 0.035),
    0 0 0 1px rgba(102, 51, 241, 0.04);
}

.prototype-shell.has-speaker-profile .speaker-profile-panel::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 34px;
  width: 16px;
  border-top: 1px solid rgba(102, 51, 241, 0.22);
  pointer-events: none;
}

.prototype-shell.has-speaker-profile .speaker-profile-panel::after {
  content: "";
  position: absolute;
  left: -19px;
  top: 30px;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(102, 51, 241, 0.28);
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 0 3px #f4f7fb;
  pointer-events: none;
}

.speaker-profile-header,
.profile-editor-section,
.profile-editor-footer {
  min-width: 0;
  border: 1px solid #e0e7f1;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.035);
}

.speaker-profile-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px 12px;
  padding: 10px;
}

.speaker-profile-summary {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.profile-photo-drop {
  position: relative;
  width: 62px;
  min-height: 62px;
  display: grid;
  place-items: center;
  gap: 3px;
  flex: 0 0 auto;
  padding: 6px;
  border: 1px dashed #b9c8dc;
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(102, 51, 241, 0.06), rgba(27, 167, 132, 0.04)),
    #fbfdff;
  text-align: center;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease;
}

.profile-photo-drop input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.profile-photo-drop.is-dragging,
.profile-photo-drop:hover {
  border-color: rgba(102, 51, 241, 0.58);
  background: #fbfaff;
  box-shadow: 0 10px 24px rgba(102, 51, 241, 0.1);
}

.profile-photo-drop.has-image {
  border-style: solid;
  border-color: rgba(27, 167, 132, 0.4);
  background: #f3fffa;
}

.profile-photo-initials {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(102, 51, 241, 0.24);
  border-radius: 50%;
  background: #f3ecff;
  color: var(--purple);
  font-size: 12px;
  font-weight: 700;
}

.profile-photo-copy {
  display: grid;
  gap: 2px;
}

.profile-photo-copy strong {
  color: var(--ink);
  font-size: 9px;
  font-weight: 500;
  line-height: 1.15;
}

.profile-photo-copy small {
  color: var(--muted);
  font-size: 8px;
  line-height: 1.2;
}

.profile-photo-delete {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 1px solid #ead4d4;
  border-radius: 50%;
  background: #fff8f8;
  color: #b42318;
  font-size: 0;
  font-weight: 500;
  cursor: pointer;
}

.profile-photo-delete::before,
.profile-photo-delete::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  width: 8px;
  border-top: 1.5px solid currentColor;
}

.profile-photo-delete::before {
  transform: rotate(45deg);
}

.profile-photo-delete::after {
  transform: rotate(-45deg);
}

.speaker-profile-title {
  min-width: 0;
  display: grid;
  gap: 2px;
  flex: 1 1 180px;
}

.speaker-profile-title .eyebrow {
  color: var(--purple);
  opacity: 1;
}

.speaker-profile-title h3 {
  overflow: hidden;
  color: var(--ink);
  font-size: 18px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.speaker-profile-title #speaker-profile-role {
  margin-top: 2px;
  overflow: hidden;
  color: #5f6b7d;
  font-size: 11px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.speaker-profile-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
}

.speaker-profile-panel .speaker-profile-header {
  flex: 0 0 auto;
  align-items: center;
  gap: 10px 14px;
  padding: 10px 12px;
  overflow: hidden;
  border-color: rgba(196, 207, 222, 0.86);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(102, 51, 241, 0.06), rgba(27, 167, 132, 0.045)),
    #ffffff;
  box-shadow: 0 8px 20px rgba(17, 24, 39, 0.045);
}

.speaker-profile-panel .speaker-profile-summary {
  position: relative;
  gap: 12px;
  min-height: 46px;
}

.speaker-profile-panel .profile-photo-drop {
  width: 46px;
  min-height: 46px;
  padding: 0;
  border-style: solid;
  border-color: #d8e1ed;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 24%, #ffffff 0, #ffffff 24%, #eef4ff 100%);
  box-shadow:
    0 0 0 3px #ffffff,
    0 0 0 5px rgba(102, 51, 241, 0.06),
    0 2px 5px rgba(18, 24, 40, 0.1);
}

.speaker-profile-panel .profile-photo-drop.has-image {
  border-color: #d8e1ed;
  background:
    radial-gradient(circle at 30% 24%, #ffffff 0, #ffffff 24%, #eef4ff 100%);
}

.speaker-profile-panel .profile-photo-drop:hover,
.speaker-profile-panel .profile-photo-drop:focus-within {
  border-color: rgba(102, 51, 241, 0.58);
  background:
    radial-gradient(circle at 30% 24%, #ffffff 0, #ffffff 24%, #eef4ff 100%);
  box-shadow:
    0 0 0 3px #ffffff,
    0 0 0 6px rgba(102, 51, 241, 0.14),
    0 2px 5px rgba(18, 24, 40, 0.1);
}

.speaker-profile-panel .profile-photo-initials {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  color: #4b3b8f;
  font-size: 12px;
}

.speaker-profile-panel .profile-photo-copy {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  gap: 0;
  border-radius: 50%;
  background: rgba(21, 32, 46, 0.72);
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease;
}

.speaker-profile-panel .profile-photo-drop:hover .profile-photo-copy {
  opacity: 1;
}

.speaker-profile-panel .profile-photo-actions {
  position: relative;
}

.speaker-profile-panel .profile-photo-upload-badge {
  position: absolute;
  right: -3px;
  bottom: -3px;
  display: grid;
  width: 17px;
  height: 17px;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #6633f1;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(32, 24, 68, 0.22);
  pointer-events: none;
  transition: opacity 150ms ease;
  z-index: 2;
}

.speaker-profile-panel .profile-photo-upload-badge [data-ui-icon] {
  width: 9px;
  height: 9px;
}

.speaker-profile-panel .profile-photo-drop.has-image .profile-photo-upload-badge {
  opacity: 0;
}

.speaker-profile-panel .profile-photo-drop.has-image:hover .profile-photo-upload-badge,
.speaker-profile-panel .profile-photo-drop.has-image:focus-within .profile-photo-upload-badge {
  opacity: 1;
}

.speaker-profile-panel .profile-photo-delete {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.92);
  transition:
    opacity 150ms ease,
    transform 150ms ease;
}

.speaker-profile-panel .profile-photo-drop:hover .profile-photo-delete,
.speaker-profile-panel .profile-photo-drop:focus-within .profile-photo-delete {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}

.speaker-profile-panel .profile-photo-copy strong {
  color: #ffffff;
  font-size: 8px;
}

.speaker-profile-panel .profile-photo-copy small {
  color: rgba(255, 255, 255, 0.78);
  font-size: 7px;
}

.speaker-profile-panel .speaker-profile-title {
  gap: 3px;
}

.speaker-profile-panel .speaker-profile-photo-actions-row {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  color: #667085;
  font-size: 9px;
  line-height: 1.2;
}

.speaker-profile-panel .profile-add-photo-trigger {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-height: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #6633f1;
  font: inherit;
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

.speaker-profile-panel .profile-add-photo-trigger [data-ui-icon] {
  width: 10px;
  height: 10px;
}

.speaker-profile-panel .profile-add-photo-trigger:hover {
  color: #4b1fd4;
  text-decoration: underline;
}

.speaker-profile-panel .profile-add-photo-trigger:focus-visible {
  outline: 2px solid rgba(102, 51, 241, 0.35);
  outline-offset: 2px;
  border-radius: 3px;
}

.speaker-profile-panel .speaker-profile-title .eyebrow {
  display: none;
}

.speaker-profile-panel .speaker-profile-title h3 {
  display: block;
  color: #111827;
  font-size: 14px;
  line-height: 1.15;
}

.speaker-profile-panel .speaker-profile-title h3::after {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-left: 6px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #1ba784;
  box-shadow: 0 0 0 1px rgba(27, 167, 132, 0.22);
}

.speaker-profile-panel .speaker-profile-title #speaker-profile-role {
  margin-top: 0;
  color: #667085;
  font-size: 10px;
  line-height: 1.25;
}

.speaker-profile-panel .speaker-profile-actions {
  align-self: center;
}

.profile-save-state {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: var(--ds-pill-height);
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #a9e4cb;
  border-radius: var(--ds-pill-radius);
  background: #e9fbf0;
  color: #168347;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  white-space: nowrap;
}

.profile-save-state::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: currentColor;
}

.profile-ghost-button,
.profile-inline-button,
.profile-save-button,
.profile-danger-button,
.profile-icon-button,
.profile-close-button {
  height: 28px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.profile-ghost-button,
.profile-inline-button,
.profile-icon-button,
.profile-close-button {
  border: 1px solid rgba(102, 51, 241, 0.22);
  background: #ffffff;
  color: var(--purple);
}

.profile-close-button {
  position: relative;
  width: 28px;
  padding: 0;
  overflow: hidden;
  color: transparent;
  font-size: 0;
}

.profile-icon-button {
  width: 28px;
  padding: 0;
  display: inline-grid;
  place-items: center;
}

.profile-icon-button .ui-icon-svg {
  width: 14px;
  height: 14px;
}

.profile-close-button::before,
.profile-close-button::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 13px;
  width: 10px;
  border-top: 2px solid var(--purple);
}

.profile-close-button::before {
  transform: rotate(45deg);
}

.profile-close-button::after {
  transform: rotate(-45deg);
}

.speaker-table-back-button {
  min-width: 88px;
}

.profile-editor-section {
  padding: 14px;
}

.speaker-session-panel {
  display: grid;
  gap: 10px;
}

.speaker-session-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.speaker-session-actions .profile-ghost-button,
.speaker-session-actions .profile-inline-button {
  height: 30px;
  padding: 0 10px;
  font-size: 11px;
}

.speaker-session-actions button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}

.speaker-session-list {
  display: grid;
  gap: 8px;
}

.speaker-session-row {
  min-width: 0;
  min-height: 44px;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid #e3e9f2;
  border-radius: 8px;
  background: #fbfcff;
}

.speaker-session-time {
  color: var(--purple);
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
}

.speaker-session-row > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.speaker-session-row strong,
.speaker-session-row small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.speaker-session-row strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.speaker-session-row small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 400;
}

.speaker-session-row em {
  justify-self: end;
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #cfeadd;
  border-radius: var(--ds-pill-radius);
  background: #edfdf4;
  color: #168347;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
}

.speaker-session-row em.is-review {
  border-color: #f3dba4;
  background: #fff8e8;
  color: #9d6512;
}

.speaker-session-row.is-new-session {
  border-color: rgba(102, 51, 241, 0.22);
  background: #fbfaff;
}

.speaker-session-picker {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(102, 51, 241, 0.2);
  border-radius: 8px;
  background: #fbfaff;
}

.speaker-session-picker[hidden] {
  display: none;
}

.speaker-session-picker-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.speaker-session-picker-header > div {
  display: grid;
  gap: 2px;
}

.speaker-session-picker-header strong {
  color: var(--ink);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.speaker-session-picker-header small {
  color: #667085;
  font-size: 9px;
  line-height: 1.3;
}

.speaker-session-picker-header button {
  width: 24px;
  height: 24px;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(102, 51, 241, 0.22);
  border-radius: 7px;
  background: #ffffff;
  color: var(--purple);
  cursor: pointer;
}

.speaker-session-picker-header button:hover,
.speaker-session-picker-header button:focus-visible {
  border-color: rgba(102, 51, 241, 0.4);
  background: #f7f4ff;
  outline: 0;
}

.speaker-session-picker-header button .ui-icon-svg {
  width: 12px;
  height: 12px;
}

.speaker-session-picker-field {
  min-height: 38px;
  padding-block: 5px;
}

.speaker-session-picker-results {
  max-height: 232px;
  display: grid;
  gap: 6px;
  overflow: auto;
}

.speaker-session-picker-option {
  min-height: 48px;
  grid-template-columns: 58px minmax(0, 1fr) auto;
}

.speaker-session-search-time {
  color: var(--purple);
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
}

.speaker-session-picker-option.is-disabled {
  cursor: not-allowed;
}

.speaker-session-picker-option.is-disabled .speaker-picker-option-badge {
  border-color: #f1d6a1;
  background: #fff8e8;
  color: #9d6512;
}

.speaker-session-picker-empty {
  min-height: 72px;
}

.profile-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.profile-section-heading h4 {
  margin: 0;
  color: var(--ink);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.profile-field-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 10px;
}

.profile-field,
.profile-link-row {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.profile-field.wide {
  grid-column: 1 / -1;
}

.profile-field span,
.profile-link-row span {
  color: #5d6678;
  font-size: 10px;
  font-weight: 500;
}

.profile-field input,
.profile-field select,
.profile-field textarea,
.profile-link-row input {
  width: 100%;
  min-width: 0;
  border: 1px solid #d8e0eb;
  border-radius: 7px;
  background: #ffffff;
  color: var(--ink);
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  outline: 0;
}

.profile-field input,
.profile-field select,
.profile-link-row input {
  height: 36px;
  padding: 0 10px;
}

.profile-field select {
  appearance: none;
  background:
    linear-gradient(45deg, transparent 50%, #647189 50%) right 13px center / 6px 6px no-repeat,
    linear-gradient(135deg, #647189 50%, transparent 50%) right 9px center / 6px 6px no-repeat,
    #ffffff;
  padding-right: 28px;
}

.profile-field textarea {
  min-height: 86px;
  resize: vertical;
  padding: 9px 10px;
  line-height: 1.45;
}

.profile-field input:focus,
.profile-field select:focus,
.profile-field textarea:focus,
.profile-link-row input:focus {
  border-color: rgba(102, 51, 241, 0.52);
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.profile-link-list {
  display: grid;
  gap: 9px;
}

.profile-link-row {
  grid-template-columns: minmax(72px, 84px) minmax(180px, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.profile-link-row em {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #a9e4cb;
  border-radius: var(--ds-pill-radius);
  background: #e9fbf0;
  color: #168347;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
  white-space: nowrap;
}

.profile-checklist {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: 8px;
}

.profile-checklist span {
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 9px 10px 9px 28px;
  border: 1px solid #e3e9f2;
  border-radius: 8px;
  background: #f8fafc;
  color: #596679;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-checklist span::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 10px;
  height: 10px;
  border: 1.5px solid #aeb9c8;
  border-radius: 50%;
  transform: translateY(-50%);
}

.profile-checklist .is-done {
  border-color: rgba(27, 167, 132, 0.18);
  background: #f3fffa;
  color: #167455;
}

.profile-checklist .is-done::before {
  border-color: var(--teal);
  background: var(--teal);
  box-shadow: inset 0 0 0 2px #ffffff;
}

.profile-editor-footer {
  position: sticky;
  bottom: 0;
  z-index: 3;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: auto;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  border-color: rgba(196, 207, 222, 0.9);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), #ffffff),
    #ffffff;
  box-shadow:
    0 -12px 24px rgba(17, 24, 39, 0.06),
    0 -1px 0 rgba(213, 222, 235, 0.72);
}

.profile-editor-footer > span {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  overflow: hidden;
  color: #6b5df4;
  font-size: 11px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-editor-footer > div {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 8px;
}

.profile-editor-footer .profile-danger-button,
.profile-editor-footer .profile-save-button {
  width: 100%;
  justify-content: center;
  height: 34px;
}

.profile-danger-button {
  border: 1px solid #edd2d2;
  background: #fff8f8;
  color: #b42318;
}

.profile-save-button {
  border: 1px solid var(--purple);
  background: var(--purple);
  color: #ffffff;
}

.agenda-editor-save-strip .agenda-editor-done-button {
  width: 72px;
  min-width: 72px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
}

.panel-header {
  position: sticky;
  top: 0;
  z-index: 5;
  flex: 0 0 auto;
  max-height: min(44vh, 240px);
  max-height: min(44dvh, 240px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 12px 14px 10px;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(135deg, rgba(102, 51, 241, 0.07), rgba(27, 167, 132, 0.07)),
    #ffffff;
}

.panel-header::-webkit-scrollbar {
  width: 0;
}

:is(
  .attendee-merge-header,
  .attendee-detail-header,
  .attendee-event-header,
  .event-selector-header,
  .series-details-header
).panel-header,
.side-panel:not(.is-fullscreen) > .panel-header {
  min-height: 88px;
  max-height: none;
  padding: 12px 14px 10px;
  overflow: visible;
}

.event-heading,
.detail-context,
.breadcrumbs,
.view-toolbar,
.section-heading,
.issue-item,
.issue-detail,
.section-row,
.footer-status {
  display: flex;
  align-items: center;
}

.event-heading {
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.panel-header .event-heading {
  width: 100%;
}

.event-title-stack {
  flex: 1;
  min-width: 0;
}

.panel-header .event-title-stack h2 {
  max-width: 290px;
  color: var(--ink);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.panel-header .event-title-stack .meta-line {
  max-width: 290px;
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.3;
}

.event-actions {
  display: grid;
  justify-items: end;
  gap: 6px;
  flex: 0 0 auto;
  max-width: 178px;
}

.event-action-top {
  display: flex;
  align-items: center;
  gap: 6px;
}

.panel-header-trail {
  min-width: 0;
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 7px;
}

.panel-header-trail .header-breadcrumbs {
  min-width: 0;
  margin: 0;
  gap: 7px;
}

.panel-header-trail .breadcrumb-button,
.panel-header-trail .breadcrumbs strong {
  font-size: 11px;
}

.panel-header-trail .status-pill {
  min-width: 0;
  height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border-radius: var(--ds-pill-radius);
  font-size: var(--ds-pill-font-size);
  line-height: 14px;
}

.profile-link-remove {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #667085;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
}

.profile-link-remove .ui-icon-svg {
  width: 14px;
  height: 14px;
}

.profile-link-remove:hover {
  color: #b42318;
  border-color: #f5d0cc;
  background: #fef3f2;
}

.profile-link-remove:focus-visible {
  color: #b42318;
  outline: 2px solid var(--purple);
  outline-offset: 2px;
}

.side-panel.is-fullscreen .panel-header-trail {
  display: none;
}

.fullscreen-publish-actions {
  display: none;
  align-items: center;
  gap: 8px;
}

.eyebrow {
  margin: 0 0 4px;
  color: currentColor;
  opacity: 0.66;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
}

h2,
h3,
p {
  margin: 0;
}

h2 {
  overflow: hidden;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

.meta-line {
  margin-top: 4px;
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-breadcrumbs {
  display: flex;
  margin-top: 4px;
}

.side-panel.is-fullscreen .header-breadcrumbs {
  margin-top: 5px;
}

.status-pill {
  flex: 0 0 auto;
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #a9e4cb;
  border-radius: var(--ds-pill-radius);
  background: #e8fbf0;
  color: #168347;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  line-height: 14px;
}

.status-pill.is-draft {
  border-color: #edc36f;
  background: #fff7e6;
  color: #9d6512;
}

.status-pill.is-scheduled {
  border-color: #dce3ed;
  background: #eef4ff;
  color: #1d5bbf;
}

.status-pill.is-archived {
  border-color: #dce3ed;
  background: #f6f8fb;
  color: #697588;
}

.fullscreen-draft-state {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(213, 222, 235, 0.86);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.8);
  color: #526174;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}

.fullscreen-draft-state.is-unsynced {
  border-color: rgba(180, 35, 24, 0.18);
  background: #fff8f7;
  color: #b42318;
}

.side-panel.is-fullscreen .fullscreen-draft-state {
  height: 28px;
  padding: 0 9px;
  font-size: 10px;
}

.side-panel.is-fullscreen .fullscreen-draft-state i {
  width: 6px;
  height: 6px;
}

.editor-permission-state {
  height: 30px;
  display: none;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border: 1px solid rgba(102, 51, 241, 0.18);
  border-radius: 999px;
  background: #fbfaff;
  color: var(--purple);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.side-panel.is-fullscreen .editor-permission-state {
  height: 28px;
  display: inline-flex;
  padding: 0 9px;
  font-size: 10px;
}

.editor-permission-state::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: currentColor;
}

.editor-permission-state.is-view-only {
  border-color: rgba(100, 116, 139, 0.24);
  background: #f8fafc;
  color: #526174;
}

.editor-permission-state.is-publish-restricted {
  border-color: rgba(180, 35, 24, 0.22);
  background: #fff5f4;
  color: #b42318;
}

.fullscreen-draft-state i {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--teal);
}

.fullscreen-draft-state.is-unsynced i {
  background: #b42318;
}

.fullscreen-publish-button {
  height: 32px;
  padding: 0 14px;
  border: 1px solid var(--purple);
  border-radius: 8px;
  background: var(--purple);
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(102, 51, 241, 0.18);
}

.side-panel.is-fullscreen .fullscreen-publish-button {
  height: 30px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 11px;
}

.fullscreen-publish-button:hover,
.fullscreen-publish-button:focus-visible {
  background: #5525d9;
  outline: 0;
}

.fullscreen-publish-button.is-blocked {
  border-color: rgba(245, 158, 11, 0.34);
  background: #fff7e8;
  color: #9a5b04;
  box-shadow: none;
}

.fullscreen-publish-button.is-blocked:hover,
.fullscreen-publish-button.is-blocked:focus-visible {
  border-color: rgba(245, 158, 11, 0.48);
  background: #fff2d4;
  color: #7f4b03;
}

.fullscreen-save-fail,
.fullscreen-unsynced-state {
  height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(180, 35, 24, 0.22);
  border-radius: 999px;
  background: #fff5f4;
  color: #b42318;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.side-panel.is-fullscreen .fullscreen-save-fail,
.side-panel.is-fullscreen .fullscreen-unsynced-state {
  height: 28px;
  padding: 0 9px;
  font-size: 10px;
}

.fullscreen-save-fail[hidden],
.fullscreen-unsynced-state[hidden] {
  display: none;
}

.fullscreen-save-fail:hover,
.fullscreen-save-fail:focus-visible,
.fullscreen-unsynced-state:hover,
.fullscreen-unsynced-state:focus-visible {
  border-color: rgba(180, 35, 24, 0.38);
  background: #fff1ef;
  outline: 0;
}

.fullscreen-publish-button.is-published {
  border-color: rgba(27, 167, 132, 0.28);
  background: #e8fbf0;
  color: #168347;
  box-shadow: none;
}

.fullscreen-publish-button.is-published:hover,
.fullscreen-publish-button.is-published:focus-visible {
  border-color: rgba(27, 167, 132, 0.38);
  background: #ddf8ea;
  color: #11753e;
}

.editor-conflict-state {
  display: none;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
  max-width: 100%;
}

.side-panel.is-fullscreen .editor-conflict-state:not([hidden]) {
  display: flex;
}

.editor-conflict-state span,
.editor-conflict-state button {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.side-panel.is-fullscreen .editor-conflict-state span,
.side-panel.is-fullscreen .editor-conflict-state button {
  min-height: 26px;
  font-size: 10px;
}

.editor-conflict-state span {
  gap: 6px;
  padding: 0 10px;
  border: 1px solid rgba(245, 158, 11, 0.26);
  background: #fff8eb;
  color: #985b06;
}

.editor-conflict-state span::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #f59e0b;
}

.editor-conflict-state button {
  padding: 0 10px;
  border: 1px solid rgba(102, 51, 241, 0.22);
  background: #ffffff;
  color: var(--purple);
  cursor: pointer;
}

.editor-conflict-state button:hover,
.editor-conflict-state button:focus-visible {
  border-color: rgba(102, 51, 241, 0.38);
  background: #fbfaff;
  outline: 0;
}

.publish-review-state {
  display: none;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  max-width: 100%;
  padding: 6px;
  border: 1px solid rgba(213, 222, 235, 0.82);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 20px rgba(18, 24, 40, 0.08);
}

.side-panel.is-fullscreen .publish-review-state {
  gap: 6px;
  padding: 5px;
  border-radius: 9px;
}

.side-panel.is-fullscreen .publish-review-state:not([hidden]) {
  display: flex;
}

.publish-review-state span {
  min-width: 0;
  display: grid;
  gap: 2px;
  text-align: right;
}

.publish-review-state strong {
  color: var(--ink);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.1;
}

.side-panel.is-fullscreen .publish-review-state strong {
  font-size: 10px;
}

.side-panel.is-fullscreen .publish-review-state small {
  font-size: 9px;
}

.publish-review-state small {
  color: #667085;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
}

.publish-review-state button {
  height: 30px;
  flex: 0 0 auto;
  padding: 0 12px;
  border: 1px solid var(--purple);
  border-radius: 8px;
  background: var(--purple);
  color: #ffffff;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.side-panel.is-fullscreen .publish-review-state button {
  height: 28px;
  padding: 0 10px;
  font-size: 10px;
}

.publish-review-state button:hover,
.publish-review-state button:focus-visible {
  background: #5525d9;
  outline: 0;
}

.editor-history-row {
  display: none;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  color: #667085;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
}

.side-panel.is-fullscreen .editor-history-row {
  display: flex;
  max-width: 100%;
  margin: 0;
}

.editor-history-row span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.editor-history-row span + span {
  position: relative;
  padding-left: 10px;
}

.editor-history-row span + span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #a6b0c1;
  transform: translateY(-50%);
}

.publish-summary-grid {
  width: 100%;
  display: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
}

.publish-summary-grid span {
  min-width: 0;
  padding: 5px 6px;
  border: 1px solid rgba(102, 51, 241, 0.12);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.72);
  text-align: center;
}

.publish-summary-grid strong,
.publish-summary-grid small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.publish-summary-grid strong {
  color: var(--ink);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.1;
}

.publish-summary-grid small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 8px;
  line-height: 1.1;
  text-transform: uppercase;
}

.panel-fullscreen-button,
.panel-close-button {
  position: relative;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(102, 51, 241, 0.16);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.04);
  cursor: pointer;
  transition:
    border-color 150ms ease,
    box-shadow 150ms ease,
    background-color 150ms ease;
}

.side-panel:not(.is-fullscreen) .panel-fullscreen-button {
  width: 24px;
  height: 24px;
}

.side-panel:not(.is-fullscreen) .panel-fullscreen-button::before,
.side-panel:not(.is-fullscreen) .panel-fullscreen-button::after {
  content: none;
}

.panel-fullscreen-button:hover,
.panel-fullscreen-button:focus-visible,
.panel-fullscreen-button[aria-pressed="true"],
.panel-close-button:hover,
.panel-close-button:focus-visible {
  border-color: rgba(102, 51, 241, 0.34);
  background: #ffffff;
  box-shadow: 0 2px 7px rgba(102, 51, 241, 0.12);
  outline: 0;
}

.panel-close-button > .ui-icon-host,
.panel-close-button > .ui-icon-svg {
  width: 14px;
  height: 14px;
  color: #667085;
}

.panel-close-button:hover > .ui-icon-host,
.panel-close-button:hover > .ui-icon-svg,
.panel-close-button:focus-visible > .ui-icon-host,
.panel-close-button:focus-visible > .ui-icon-svg {
  color: var(--purple);
}

.side-panel.is-fullscreen .panel-close-button {
  width: 28px;
  height: 28px;
}

.side-panel.is-fullscreen .panel-fullscreen-button {
  width: 28px;
  height: 28px;
}

.panel-reopen-button {
  position: fixed;
  top: 50%;
  right: 18px;
  z-index: 20;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(102, 51, 241, 0.24);
  border-radius: 10px;
  background: #ffffff;
  color: var(--purple);
  box-shadow: 0 12px 30px rgba(18, 24, 40, 0.18);
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  transform: translate(20px, -50%);
  transition:
    opacity 160ms ease,
    transform 180ms ease,
    border-color 150ms ease,
    box-shadow 150ms ease;
}

.prototype-shell.is-editor-closed .panel-reopen-button {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, -50%);
}

@media (max-width: 520px) {
  .panel-reopen-button {
    right: 12px;
  }
}

/* Agenda v171: compact side-panel timeline keeps short sessions legible. */
.side-panel:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline {
  position: relative;
  display: grid;
  grid-auto-rows: auto;
  gap: 0;
  align-content: start;
  padding: 8px 0 16px;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 20px;
  bottom: 24px;
  left: 52px;
  width: 1px;
  background: #dfe7f2;
  pointer-events: none;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row {
  z-index: 1;
  min-height: var(--agenda-sidepanel-card-height, 58px);
  height: var(--agenda-sidepanel-card-height, auto);
  margin-top: var(--agenda-sidepanel-gap, 0px);
  grid-template-columns: 52px minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px;
  padding: 8px;
  background: #ffffff;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row::before {
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 3px;
  border-radius: 6px 0 0 6px;
  background: var(--purple);
  opacity: 1;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row:is(.is-ready, .is-published)::before {
  background: #1ba784;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row.is-issue::before {
  background: #f59e0b;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline .agenda-time {
  align-content: start;
  gap: 3px;
  padding: 1px 7px 0 0;
  color: #344054;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  text-align: right;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline .agenda-time::before {
  display: none;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline .agenda-time small {
  font-size: 8px;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline .agenda-copy {
  align-content: start;
}

.panel-reopen-button:hover,
.panel-reopen-button:focus-visible {
  border-color: rgba(102, 51, 241, 0.5);
  box-shadow: 0 14px 34px rgba(102, 51, 241, 0.22);
  outline: 0;
}

.panel-reopen-button span {
  position: relative;
  width: 19px;
  height: 17px;
  border: 1.8px solid currentColor;
  border-radius: 3px;
}

.panel-reopen-button span::before {
  content: "";
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  width: 1.8px;
  background: currentColor;
}

.panel-reopen-button span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  width: 6px;
  height: 6px;
  border-top: 1.8px solid currentColor;
  border-right: 1.8px solid currentColor;
  transform: translate(50%, -50%) rotate(45deg);
}

.panel-fullscreen-button > .ui-icon-host,
.panel-fullscreen-button > .ui-icon-svg {
  width: 14px;
  height: 14px;
  color: var(--purple);
}

.side-panel.is-fullscreen .panel-header {
  z-index: 8;
  max-height: none;
  overflow: visible;
  padding: 10px 24px 8px;
}

.side-panel.is-fullscreen .event-heading,
.side-panel.is-fullscreen .detail-context {
  width: min(1440px, 100%);
  margin-right: auto;
  margin-left: auto;
}

.side-panel.is-fullscreen .panel-content {
  position: relative;
  display: block;
  min-height: 0;
  overflow: hidden;
  overflow-x: hidden;
  padding: 0;
  background: #f6f8fc;
  scrollbar-gutter: stable;
}

.side-panel.is-fullscreen h2 {
  font-size: 20px;
  line-height: 1.08;
}

.side-panel.is-fullscreen .event-actions {
  max-width: none;
  gap: 5px;
}

.side-panel.is-fullscreen .event-action-top {
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
}

.side-panel.is-fullscreen .status-pill {
  display: none;
}

.side-panel.is-fullscreen .fullscreen-publish-actions {
  display: inline-flex;
}

.side-panel.is-fullscreen .publish-summary-grid {
  display: grid;
  gap: 6px;
}

.side-panel.is-fullscreen .publish-summary-grid span {
  padding: 6px 8px;
}

.side-panel.is-fullscreen .publish-summary-grid strong {
  font-size: 12px;
}

.side-panel.is-fullscreen .publish-summary-grid small {
  font-size: 9px;
}

.side-panel.is-fullscreen .meta-line {
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.25;
}

.side-panel.is-fullscreen .panel-footer {
  display: none;
}

.side-panel.is-fullscreen .publish-review-card,
.side-panel.is-fullscreen .detail-context,
.side-panel.is-fullscreen .view-toolbar {
  display: none;
}

.side-panel.is-fullscreen .home-screen,
.side-panel.is-fullscreen .detail-screen,
.side-panel.is-fullscreen .agenda-screen,
.side-panel.is-fullscreen .speaker-screen {
  display: none;
}

.side-panel.is-fullscreen.is-detail .detail-context {
  width: min(760px, calc(100% - 48px));
  display: flex;
}

.side-panel.is-fullscreen.is-detail .panel-content {
  overflow: auto;
  padding: 16px 24px 96px;
}

.side-panel.is-fullscreen .detail-screen.is-active {
  width: min(760px, 100%);
  display: block;
  margin: 0 auto;
  padding: 16px 18px;
  border: 1px solid #e3e9f2;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.035);
}

.side-panel.is-fullscreen.is-detail .panel-footer {
  position: sticky;
  bottom: 0;
  width: min(760px, calc(100% - 48px));
  margin: -80px auto 16px;
  padding: 12px;
  border: 1px solid #dbe4f0;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 -8px 28px rgba(18, 24, 40, 0.08);
  backdrop-filter: blur(10px);
}

.fullscreen-workspace {
  display: none;
}

.side-panel.is-fullscreen .fullscreen-workspace {
  flex: 1 1 auto;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: var(--fullscreen-nav-width) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
  margin: 0;
}

.fullscreen-sidebar,
.fullscreen-card {
  min-width: 0;
  border: 1px solid #e3e9f2;
  border-radius: 8px;
  background: #ffffff;
}

.fullscreen-sidebar {
  position: sticky;
  top: 0;
  align-self: stretch;
  height: 100%;
  max-height: none;
  overflow: auto;
  padding: 14px 12px;
  background: #ffffff;
}

.side-panel.is-fullscreen .fullscreen-sidebar {
  position: sticky;
  top: 0;
  z-index: 9;
  width: auto;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  border-width: 0 1px 0 0;
  border-radius: 0;
  overscroll-behavior: contain;
  box-shadow: 10px 0 24px rgba(56, 70, 94, 0.045);
}

.side-panel.is-fullscreen .fullscreen-main {
  height: 100%;
  min-height: 0;
  overflow: auto;
  padding: 16px 24px 42px 18px;
}

.fullscreen-nav-list,
.settings-list,
.health-list,
.management-list,
.people-list {
  display: grid;
  gap: 2px;
}

.fullscreen-nav-row {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 9px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
}

.fullscreen-nav-row:hover,
.fullscreen-nav-row:focus-visible,
.fullscreen-nav-row.is-active {
  border-color: rgba(102, 51, 241, 0.16);
  background: #fbfaff;
  box-shadow: inset 3px 0 0 var(--purple);
  outline: 0;
}

.fullscreen-nav-row > span:nth-child(2) {
  display: grid;
  gap: 1px;
  min-width: 0;
  flex: 1;
}

.fullscreen-nav-row .section-icon {
  width: 26px;
  height: 26px;
  border-radius: 7px;
}

.fullscreen-nav-row .overview-icon::before {
  left: 7px;
  top: 7px;
  width: 5px;
  height: 5px;
  border-radius: 2px;
  box-shadow:
    8px 0 0 var(--purple),
    0 8px 0 var(--purple),
    8px 8px 0 var(--teal);
}

.fullscreen-nav-row .pages-icon::before {
  left: 7px;
  top: 6px;
  width: 12px;
  height: 14px;
  border-width: 2px;
  border-radius: 3px;
}

.fullscreen-nav-row .pages-icon::after {
  left: 10px;
  top: 12px;
  width: 7px;
  border-top-width: 2px;
}

.fullscreen-nav-row .agenda-icon::before {
  left: 7px;
  top: 7px;
  width: 13px;
  height: 13px;
  border-width: 2px;
  border-radius: 4px;
}

.fullscreen-nav-row .agenda-icon::after {
  left: 10px;
  top: 13px;
  width: 8px;
  border-top-width: 2px;
}

.fullscreen-nav-row .speaker-icon::before {
  left: 7px;
  top: 6px;
  width: 7px;
  height: 7px;
  box-shadow: 8px 2px 0 -1px var(--teal);
}

.fullscreen-nav-row .speaker-icon::after {
  left: 6px;
  bottom: 7px;
  width: 16px;
  height: 7px;
}

.fullscreen-nav-row .ticket-icon::before {
  left: 7px;
  top: 9px;
  width: 13px;
  height: 9px;
  border-width: 2px;
  border-radius: 3px;
}

.fullscreen-nav-row .ticket-icon::after {
  left: 13px;
  top: 10px;
  height: 9px;
}

.fullscreen-nav-row .sponsor-icon::before {
  left: 7px;
  top: 7px;
  width: 13px;
  height: 13px;
  border-radius: 4px;
}

.fullscreen-nav-row strong,
.management-row strong,
.person-row span:last-child,
.setting-row span,
.health-row span {
  color: var(--ink);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.25;
}

.fullscreen-nav-row small {
  overflow: hidden;
  color: var(--muted);
  font-size: 9px;
  font-weight: 400;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fullscreen-nav-row em,
.setting-row em,
.health-row em,
.management-row em {
  flex: 0 0 auto;
  min-width: 34px;
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #a9e4cb;
  border-radius: var(--ds-pill-radius);
  background: #e8fbf0;
  color: #168347;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
}

.fullscreen-nav-row em.is-review,
.management-row.is-warning em,
.health-row.is-critical em {
  border-color: #edc36f;
  background: #fff7e6;
  color: #9d6512;
}

.fullscreen-sidebar-note {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid rgba(231, 157, 33, 0.28);
  border-radius: 8px;
  background: #fffaf0;
}

.fullscreen-sidebar-note strong {
  color: #6d4300;
  font-size: 12px;
  font-weight: 500;
}

.fullscreen-sidebar-note p {
  color: #786249;
  font-size: 11px;
  line-height: 1.35;
}

.fullscreen-sidebar-note .publish-summary-line {
  color: #6d4300;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.35;
}

.fullscreen-sidebar-note button {
  justify-self: start;
  padding: 0;
  background: transparent;
  color: #7a4df3;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.speaker-nav-tools {
  display: none;
  gap: 10px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(213, 222, 235, 0.72);
}

.prototype-shell.is-speaker-management .speaker-nav-tools {
  display: grid;
}

.speaker-nav-tool-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.speaker-nav-tool-heading strong {
  color: var(--ink);
  font-size: 11px;
  font-weight: 500;
}

.speaker-nav-tool-heading span {
  color: #64748b;
  font-size: 9px;
  font-weight: 500;
}

.speaker-nav-tools .speaker-readiness-strip {
  gap: 7px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(213, 222, 235, 0.58);
}

.speaker-nav-tools .speaker-readiness-copy strong {
  font-size: 11px;
}

.speaker-nav-tools .speaker-readiness-copy small {
  font-size: 9px;
}

.speaker-validation-breakdown {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  padding: 3px 8px;
  border: 1px solid var(--ui-border);
  border-radius: 8px;
  background: #ffffff;
}

.speaker-validation-breakdown span {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.58);
}

.speaker-validation-breakdown span:last-child {
  border-bottom: 0;
}

.speaker-validation-breakdown strong,
.speaker-validation-breakdown small {
  display: block;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.speaker-validation-breakdown strong {
  color: #7a4df3;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

.speaker-validation-breakdown small {
  order: -1;
  margin-top: 0;
  color: #64748b;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.25;
}

.speaker-nav-context {
  display: grid;
  gap: 3px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(213, 222, 235, 0.58);
}

.speaker-nav-context strong {
  color: var(--ink);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.15;
}

.speaker-nav-context small {
  color: #64748b;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.25;
}

.speaker-nav-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-top: 7px;
}

.speaker-nav-actions .speaker-selected-pill,
.speaker-nav-actions .speaker-primary-action {
  flex: 1 1 0;
  min-width: 0;
  justify-content: center;
}

.speaker-nav-actions .speaker-selected-pill {
  height: var(--ds-pill-height);
  padding: 0 var(--ds-pill-padding);
  font-size: var(--ds-pill-font-size);
}

.speaker-nav-actions .speaker-primary-action {
  height: 24px;
  padding: 0 7px;
  font-size: 9px;
}

.speaker-bulk-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  margin-top: 6px;
}

.speaker-bulk-actions[hidden] {
  display: none;
}

.speaker-bulk-actions button {
  height: 24px;
  padding: 0 8px;
  border: 1px solid rgba(213, 222, 235, 0.86);
  border-radius: 8px;
  background: #ffffff;
  color: #475467;
  font-size: 9px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}

.speaker-bulk-actions button:first-child {
  grid-column: 1 / -1;
}

.speaker-bulk-actions button:not(:disabled):hover {
  border-color: rgba(102, 51, 241, 0.32);
  background: #f8f5ff;
  color: var(--purple);
}

.speaker-bulk-actions button:disabled {
  color: #a7b0bf;
  cursor: not-allowed;
  opacity: 0.72;
}

.speaker-nav-tools .speaker-filter-bar {
  flex-wrap: wrap;
  gap: 6px;
  overflow: visible;
  padding-bottom: 0;
}

.speaker-nav-tools .speaker-filter-bar button {
  height: 24px;
  padding: 0 8px;
  font-size: 9px;
}

.fullscreen-main {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-content: start;
  padding-bottom: 24px;
}

.prototype-shell:not(.is-speaker-management):not(.is-agenda-management):not(.is-event-details-management):not(.is-ticket-management) .side-panel.is-fullscreen .fullscreen-main {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.prototype-shell:not(.is-speaker-management):not(.is-agenda-management):not(.is-event-details-management):not(.is-ticket-management) .side-panel.is-fullscreen .fullscreen-overview-strip,
.prototype-shell:not(.is-speaker-management):not(.is-agenda-management):not(.is-event-details-management):not(.is-ticket-management) .side-panel.is-fullscreen .overview-card-wide {
  grid-column: 1 / -1;
}

.prototype-shell:not(.is-speaker-management):not(.is-agenda-management):not(.is-event-details-management):not(.is-ticket-management) .side-panel.is-fullscreen .fullscreen-overview-strip {
  grid-column: 1 / -1;
}

.prototype-shell:not(.is-speaker-management) .side-panel.is-fullscreen .fullscreen-speaker-page,
.prototype-shell:not(.is-agenda-management) .side-panel.is-fullscreen .fullscreen-agenda-page,
.prototype-shell:not(.is-speaker-management) .side-panel.is-fullscreen .speaker-profile-panel {
  display: none;
}

.fullscreen-overview-strip {
  min-width: 0;
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(213, 222, 235, 0.82);
  border-radius: 8px;
  background: #ffffff;
  box-shadow:
    inset 3px 0 0 rgba(231, 157, 33, 0.72),
    0 1px 2px rgba(18, 24, 40, 0.035);
}

.prototype-shell.is-speaker-management .fullscreen-overview-strip {
  display: none;
}

.fullscreen-overview-strip > div:first-child {
  min-width: 0;
}

.fullscreen-overview-strip h3 {
  overflow: hidden;
  color: var(--ink);
  font-size: 15px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fullscreen-overview-strip small {
  display: block;
  margin-top: 3px;
  color: #6d5b43;
  font-size: 11px;
  line-height: 1.3;
}

.fullscreen-event-details-page {
  min-width: 0;
  width: min(780px, 100%);
  display: none;
  gap: 10px;
  margin: 0 auto 22px;
}

.fullscreen-event-editor-header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #e3e9f2;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.035);
}

.fullscreen-event-editor-header h3 {
  margin: 3px 0 0;
  color: var(--ink);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.15;
}

.fullscreen-event-editor-header small {
  display: block;
  margin-top: 3px;
  color: #667085;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.25;
}

.fullscreen-event-editor-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 9px;
}

.fullscreen-event-editor-actions > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #e8fbf0;
  color: #18834b;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.fullscreen-event-editor-actions > span.is-saving {
  background: #fff7e6;
  color: #8a5306;
}

.fullscreen-event-editor-actions i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: currentColor;
}

.fullscreen-event-editor-actions button {
  height: 32px;
  padding: 0 15px;
  border: 0;
  border-radius: 7px;
  background: #172033;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.fullscreen-event-details-page:not(.is-editing) [data-fullscreen-event-save-state],
.fullscreen-event-details-page:not(.is-editing) [data-fullscreen-event-done],
.fullscreen-event-details-page:not(.is-editing) > .event-detail-edit-workspace,
.fullscreen-event-details-page.is-editing [data-fullscreen-event-edit],
.fullscreen-event-details-page.is-editing .fullscreen-event-details-preview {
  display: none;
}

.fullscreen-event-details-preview {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.event-details-preview-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  border: 1px solid #e3e9f2;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.035);
}

.event-details-preview-date {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 2px;
  padding: 14px 10px;
  border-right: 1px solid #e3e9f2;
  background: #fbfaff;
  color: #6633f1;
  text-align: center;
}

.event-details-preview-date span,
.event-details-preview-date small {
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

.event-details-preview-date strong {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}

.event-details-preview-primary {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
}

.event-details-preview-primary > div {
  min-width: 0;
}

.event-details-preview-primary h4 {
  margin: 4px 0;
  color: var(--ink);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.event-details-preview-primary p:last-child {
  margin: 0;
  color: #667085;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}

.event-details-preview-primary > span {
  flex: 0 0 auto;
  padding: 6px 9px;
  border-radius: 999px;
  background: #e8fbf0;
  color: #18834b;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.event-details-preview-readiness {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 13px;
  border: 1px solid #d8ede3;
  border-radius: 8px;
  background: #f7fcf9;
}

.event-details-preview-readiness > div {
  display: grid;
  gap: 3px;
}

.event-details-preview-readiness strong {
  color: #172033;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.event-details-preview-readiness small {
  color: #667085;
  font-size: 10px;
  line-height: 1.2;
}

.event-details-preview-readiness ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.event-details-preview-readiness li {
  padding: 5px 8px;
  border: 1px solid #cde8da;
  border-radius: 999px;
  background: #ffffff;
  color: #285f47;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}

.event-details-preview-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.event-details-preview-section {
  min-width: 0;
  border: 1px solid #e3e9f2;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.035);
}

.event-details-preview-section.is-wide {
  grid-column: 1 / -1;
}

.event-details-preview-section > header {
  padding: 10px 12px;
  border-bottom: 1px solid #edf1f6;
  background: #fbfcff;
}

.event-details-preview-section h4 {
  margin: 0;
  color: #172033;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.event-details-preview-section dl {
  margin: 0;
}

.event-details-preview-section dl div {
  min-width: 0;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 10px;
  padding: 9px 12px;
  border-bottom: 1px solid #edf1f6;
}

.event-details-preview-section dl div:last-child {
  border-bottom: 0;
}

.event-details-preview-section dt {
  color: #667085;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.25;
}

.event-details-preview-section dd {
  min-width: 0;
  overflow: hidden;
  margin: 0;
  color: #172033;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-details-preview-section > p {
  margin: 0;
  padding: 12px;
  color: #475467;
  font-size: 11px;
  line-height: 1.5;
}

.event-details-preview-assignments {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.event-details-preview-assignments span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 12px;
  border-right: 1px solid #edf1f6;
}

.event-details-preview-assignments span:last-child {
  border-right: 0;
}

.event-details-preview-assignments strong {
  color: #6633f1;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.event-details-preview-assignments small {
  color: #667085;
  font-size: 10px;
  line-height: 1.2;
}

.fullscreen-event-editor-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(280px, 0.38fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.event-record-preview-card,
.event-detail-edit-workspace {
  min-width: 0;
  border: 1px solid #e3e9f2;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.035);
}

.event-record-preview-card {
  position: sticky;
  top: 0;
  display: grid;
  gap: 12px;
  padding: 14px;
}

.event-record-preview-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.event-record-preview-heading h4 {
  margin: 3px 0 0;
  color: var(--ink);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}

.event-record-preview-heading > span {
  padding: 6px 9px;
  border-radius: 999px;
  background: #e8fbf0;
  color: #168347;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.event-record-preview-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  border: 1px solid #edf1f6;
  border-radius: 8px;
  overflow: hidden;
}

.event-record-preview-list div {
  display: grid;
  gap: 3px;
  padding: 10px 11px;
  border-bottom: 1px solid #edf1f6;
  background: #ffffff;
}

.event-record-preview-list div:last-child {
  border-bottom: 0;
}

.event-record-preview-list dt {
  color: #667085;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

.event-record-preview-list dd {
  min-width: 0;
  overflow: hidden;
  margin: 0;
  color: #25282d;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-record-schedule-card {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid rgba(102, 51, 241, 0.18);
  border-radius: 8px;
  background: #fbfaff;
}

.event-record-schedule-card span,
.event-record-schedule-card small {
  color: #667085;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

.event-record-schedule-card strong {
  color: var(--ink);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.15;
}

.event-record-schedule-card small {
  font-weight: 400;
  text-transform: none;
}

.event-record-mini-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.event-record-mini-stats span {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 10px;
  border: 1px solid #edf1f6;
  border-radius: 8px;
  background: #fbfcff;
}

.event-record-mini-stats strong {
  color: var(--purple);
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
}

.event-record-mini-stats small {
  overflow: hidden;
  color: #667085;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.event-detail-edit-workspace {
  display: grid;
  gap: 0;
  overflow: hidden;
}

.event-record-editor-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  padding: 10px 12px;
  border-bottom: 1px solid #edf1f6;
  background: #fbfcff;
}

.event-record-editor-summary span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 7px 9px;
  border: 1px solid #e4ebf4;
  border-radius: 7px;
  background: #ffffff;
}

.event-record-editor-summary small {
  overflow: hidden;
  color: #667085;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.event-record-editor-summary strong {
  min-width: 0;
  overflow: hidden;
  color: #25282d;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-edit-section {
  display: grid;
  grid-template-columns: minmax(118px, 0.26fr) minmax(0, 1fr);
  gap: 12px;
  padding: 13px 14px;
  border-bottom: 1px solid #edf1f6;
}

.event-edit-section:last-child {
  border-bottom: 0;
}

.event-edit-section-heading {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 4px;
}

.event-edit-section-heading h4 {
  margin: 0;
  color: #344054;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
}

.event-edit-section-fields {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.event-edit-section label {
  min-width: 0;
  display: grid;
  gap: 6px;
  color: #5d6678;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.event-edit-section input,
.event-edit-section select,
.event-edit-section textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid #dbe3ee;
  border-radius: 4px;
  background: #ffffff;
  color: var(--ink);
  font: inherit;
  font-size: 12px;
  line-height: 1.35;
}

.event-edit-section input,
.event-edit-section select {
  height: 36px;
  padding: 0 12px;
}

.event-edit-section select {
  appearance: none;
  padding-right: 28px;
  background:
    linear-gradient(45deg, transparent 50%, #697588 50%) right 13px center / 5px 5px no-repeat,
    linear-gradient(135deg, #697588 50%, transparent 50%) right 9px center / 5px 5px no-repeat,
    #ffffff;
}

.event-edit-section input[readonly] {
  background: #f7f9fc;
  color: #667085;
}

.event-edit-section textarea {
  min-height: 80px;
  resize: vertical;
  padding: 8px 12px;
}

.event-edit-section input:focus,
.event-edit-section select:focus,
.event-edit-section textarea:focus {
  border-color: rgba(102, 51, 241, 0.45);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.event-edit-field-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.overview-action-list {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.overview-action-list button {
  height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(102, 51, 241, 0.22);
  border-radius: 8px;
  background: #ffffff;
  color: var(--purple);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.overview-action-list button:first-child {
  border-color: rgba(245, 158, 11, 0.3);
  color: #8a5306;
}

.fullscreen-overview-board {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(320px, 0.74fr) minmax(0, 1.26fr);
  grid-template-areas:
    "event workstreams"
    "publish activity";
  gap: 16px;
  align-items: start;
}

.prototype-shell.is-speaker-management .fullscreen-overview-board,
.prototype-shell.is-agenda-management .fullscreen-overview-board {
  display: none;
}

.overview-command-panel,
.overview-workstreams,
.overview-publish-path,
.overview-activity-panel {
  min-width: 0;
  border: 1px solid rgba(213, 222, 235, 0.86);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.035);
}

.overview-command-panel {
  grid-area: event;
  overflow: hidden;
}

.overview-workstreams {
  grid-area: workstreams;
  padding: 14px;
}

.overview-publish-path {
  grid-area: publish;
  display: grid;
  gap: 10px;
  padding: 14px;
}

.overview-activity-panel {
  grid-area: activity;
  display: grid;
  gap: 10px;
  padding: 14px;
}

.overview-command-header {
  min-width: 0;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) auto;
  align-items: start;
  gap: 13px;
  padding: 16px;
  border-bottom: 1px solid #edf1f6;
  background: #fbfcff;
}

.overview-command-date {
  width: 58px;
  min-height: 66px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 2px;
  border: 1px solid #dfe7f2;
  border-radius: 10px;
  background: #ffffff;
}

.overview-command-date small {
  color: #667085;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

.overview-command-date strong {
  color: var(--ink);
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
}

.overview-command-header > div {
  min-width: 0;
}

.overview-command-header h3 {
  margin: 0;
  overflow: hidden;
  color: var(--ink);
  font-size: 21px;
  font-weight: 500;
  line-height: 1.12;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-command-header p:not(.eyebrow) {
  margin-top: 6px;
  overflow: hidden;
  color: #667085;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-command-grid {
  display: grid;
  grid-template-columns: 1fr;
  padding: 5px 16px 4px;
}

.overview-command-grid > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 11px 0;
  border-bottom: 1px solid #edf1f6;
}

.overview-command-grid > div:last-child {
  border-bottom: 0;
}

.overview-command-grid span,
.overview-workstream-card .eyebrow {
  color: #667085;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

.overview-command-grid strong {
  min-width: 0;
  overflow: hidden;
  color: #25282d;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-command-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  border-top: 1px solid #edf1f6;
  background: #ffffff;
}

.overview-command-footer span {
  min-width: 0;
  overflow: hidden;
  color: #475467;
  font-size: 12px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-board-heading {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.overview-board-heading h3 {
  margin: 0;
  color: var(--ink);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}

.overview-board-heading span {
  flex: 0 0 auto;
  color: #667085;
  font-size: 11px;
  font-weight: 500;
}

.overview-workstream-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.overview-workstream-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #e3e9f2;
  border-radius: 9px;
  background: #ffffff;
}

.overview-workstream-card.is-warning {
  background: #fffdf8;
  border-color: rgba(245, 158, 11, 0.22);
}

.overview-workstream-card.is-draft {
  background: #fbfaff;
  border-color: rgba(102, 51, 241, 0.16);
}

.overview-workstream-card h4 {
  margin: 2px 0 0;
  color: #25282d;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.15;
}

.overview-workstream-card small {
  display: block;
  margin-top: 4px;
  color: #667085;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.25;
}

.overview-workstream-meter {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: #edf2f7;
}

.overview-workstream-meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #6633f1;
}

.overview-workstream-card.is-warning .overview-workstream-meter span {
  background: #d98913;
}

.overview-workstream-card ul,
.overview-change-list {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.overview-workstream-card li,
.overview-change-list li {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #667085;
  font-size: 11px;
  line-height: 1.25;
}

.overview-workstream-card li strong,
.overview-change-list li strong {
  min-width: 0;
  overflow: hidden;
  color: #25282d;
  font-size: 11px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-workstream-card li span,
.overview-change-list li span {
  flex: 0 0 auto;
  color: #667085;
  font-size: 11px;
}

.overview-workstream-card button,
.overview-publish-actions button {
  height: 32px;
  border: 1px solid rgba(102, 51, 241, 0.2);
  border-radius: 8px;
  background: #ffffff;
  color: var(--purple);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.overview-workstream-card button:hover,
.overview-workstream-card button:focus-visible,
.overview-publish-actions button:hover,
.overview-publish-actions button:focus-visible {
  border-color: rgba(102, 51, 241, 0.34);
  background: #fbfaff;
  outline: 0;
}

.overview-blocker-row {
  width: 100%;
  min-height: 46px;
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid rgba(245, 158, 11, 0.24);
  border-radius: 8px;
  background: #fffaf0;
  text-align: left;
  cursor: pointer;
}

.overview-blocker-row span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d98913;
}

.overview-blocker-row strong {
  min-width: 0;
  overflow: hidden;
  color: #7a4f0c;
  font-size: 12px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-blocker-row em {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #edc36f;
  border-radius: var(--ds-pill-radius);
  background: #fff3d8;
  color: #9d6512;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
}

.overview-publish-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.fullscreen-card {
  min-width: 0;
  padding: 14px;
}

.assets-card {
  grid-column: auto;
}

.overview-card {
  min-height: 202px;
  overflow: hidden;
  border-color: #e4ebf4;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.035);
  transition:
    border-color 150ms ease,
    box-shadow 150ms ease;
}

.overview-card:hover {
  border-color: #d9e2ee;
  box-shadow: 0 4px 14px rgba(18, 24, 40, 0.04);
}

.overview-agenda-card,
.overview-list-card {
  display: flex;
  flex-direction: column;
  min-height: 416px;
  padding: 16px;
}

.overview-card-wide {
  grid-column: span 2;
}

.overview-card .fullscreen-card-heading {
  align-items: flex-start;
  margin-bottom: 12px;
  padding-bottom: 11px;
  border-bottom: 1px solid #eef2f7;
}

.overview-card .fullscreen-card-heading > div:first-child {
  display: grid;
  gap: 3px;
}

.overview-card .fullscreen-card-heading > .overview-agenda-meta,
.overview-card .fullscreen-card-heading > .overview-list-card-meta {
  flex: 0 1 58%;
  justify-content: flex-end;
  margin-bottom: 0;
  padding-top: 1px;
}

.overview-top-grid {
  min-width: 0;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(286px, 0.8fr);
  gap: 14px;
  align-items: stretch;
}

.overview-event-card {
  min-height: 122px;
  display: grid;
  padding: 0;
  overflow: hidden;
  border-color: #e4ebf4;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.035);
}

.overview-event-record-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
  padding: 14px 16px;
  background: #ffffff;
}

.overview-event-date-tile {
  min-width: 0;
  display: grid;
  min-height: 100px;
  align-content: center;
  justify-items: center;
  gap: 2px;
  padding: 10px 9px;
  border: 1px solid #e4ebf4;
  border-radius: 8px;
  background: #fbfcff;
}

.overview-event-date-tile span,
.overview-event-date-tile small {
  color: #667085;
  font-weight: 500;
  line-height: 1;
}

.overview-event-date-tile span {
  font-size: 10px;
  text-transform: uppercase;
}

.overview-event-date-tile strong {
  color: var(--ink);
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
}

.overview-event-date-tile small {
  max-width: 66px;
  font-size: 9px;
  line-height: 1.25;
  text-align: center;
}

.overview-event-record-content {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.overview-event-record-head,
.overview-event-record-footer {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.overview-event-record-head > div:first-child {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.overview-event-kicker {
  color: #344054;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: none;
}

.overview-event-record-head small,
.overview-event-record-footer small {
  overflow: hidden;
  color: #667085;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-event-head-actions {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.overview-event-timeline {
  min-width: 0;
  min-height: 40px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 8px 11px;
  border: 1px solid #edf1f6;
  border-radius: 8px;
  background: #ffffff;
}

.overview-event-timeline div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.overview-event-timeline div:last-child {
  text-align: right;
}

.overview-event-timeline span {
  color: #667085;
  font-size: 9px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

.overview-event-timeline strong {
  min-width: 0;
  overflow: hidden;
  color: #25282d;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-event-timeline i {
  position: relative;
  height: 1px;
  background: #dbe3ee;
}

.overview-event-timeline i::before,
.overview-event-timeline i::after {
  content: "";
  position: absolute;
  top: -3px;
  width: 7px;
  height: 7px;
  border: 1px solid #dbe3ee;
  border-radius: 999px;
  background: #ffffff;
}

.overview-event-timeline i::before {
  left: -1px;
}

.overview-event-timeline i::after {
  right: -1px;
}

.overview-event-record-footer span {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #168347;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
}

.overview-event-record-footer span i {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
}

.overview-publish-status-card {
  min-height: 122px;
  display: grid;
  gap: 9px;
  align-content: stretch;
  padding: 14px 16px;
  border-color: #e4ebf4;
  background: #ffffff;
}

.overview-publish-status-head,
.overview-publish-status-footer {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.overview-publish-status-head > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.overview-publish-status-head p {
  color: #344054;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.overview-publish-status-head small,
.overview-publish-status-footer small,
.overview-publish-status-footer span {
  overflow: hidden;
  color: #667085;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-publish-status-head > span {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  height: var(--ds-pill-height);
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #edc36f;
  border-radius: var(--ds-pill-radius);
  background: #fff7e6;
  color: #a46410;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  line-height: 14px;
}

.overview-publish-status-body {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid #f0dfbd;
  border-radius: 8px;
  background: #fffbf3;
}

.overview-publish-status-body > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.overview-publish-status-body span {
  color: #a46410;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}

.overview-publish-status-body strong {
  min-width: 0;
  overflow: hidden;
  color: #513610;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-publish-status-body button {
  flex: 0 0 auto;
  height: 28px;
  padding: 0 12px;
  border: 1px solid #f0dfbd;
  border-radius: 6px;
  background: #ffffff;
  color: #6d480d;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.overview-publish-status-body button:hover,
.overview-publish-status-body button:focus-visible {
  border-color: #ddb15c;
  background: #fffdf8;
  outline: none;
}

.overview-publish-status-footer span {
  flex: 0 0 auto;
  color: #344054;
  font-weight: 500;
}

.overview-event-snapshot {
  min-width: 0;
  min-height: 100%;
  display: grid;
  gap: 0;
  overflow: hidden;
  border-radius: inherit;
  background: #ffffff;
}

.overview-event-head {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px 15px;
  border-bottom: 1px solid #edf1f6;
  background: #ffffff;
}

.overview-event-head.is-actions-only {
  align-items: center;
  justify-content: flex-end;
  padding: 12px 16px;
}

.overview-event-title-block {
  min-width: 0;
}

.overview-event-title-block .eyebrow {
  margin-bottom: 5px;
}

.overview-event-title-block h3 {
  margin: 0;
  overflow: hidden;
  color: var(--ink);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-event-meta {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.overview-event-meta span {
  color: #667085;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

.overview-event-meta span + span {
  color: #475467;
  font-weight: 500;
}

.overview-event-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.overview-card-status {
  height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  background: #e8fbf0;
  color: #168347;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.overview-event-body {
  min-width: 0;
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr) minmax(210px, 0.45fr);
  gap: 0;
  align-items: stretch;
}

.overview-event-date-card {
  min-height: 132px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 4px;
  padding: 16px 14px;
  border-right: 1px solid #edf1f6;
  background: #f7faff;
}

.overview-event-date-card span,
.overview-event-date-card small {
  color: #667085;
  font-weight: 500;
  line-height: 1;
}

.overview-event-date-card span {
  font-size: 12px;
  text-transform: uppercase;
}

.overview-event-date-card strong {
  color: var(--ink);
  font-size: 34px;
  font-weight: 500;
  line-height: 1;
}

.overview-event-date-card small {
  max-width: 88px;
  font-size: 10px;
  line-height: 1.25;
  text-align: center;
}

.overview-event-info-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 11px 18px;
}

.overview-event-info-row {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 56px;
  padding: 8px 0;
  border-bottom: 1px solid #edf1f6;
}

.overview-event-info-row:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.overview-event-info-row span {
  min-width: 0;
  overflow: hidden;
  color: #667085;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.overview-event-info-row strong {
  min-width: 0;
  overflow: hidden;
  color: #25282d;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-event-readiness {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 15px 18px;
  border-left: 1px solid #edf1f6;
  background: #fbfcff;
}

.overview-event-readiness > div:first-child {
  display: grid;
  gap: 4px;
}

.overview-event-readiness strong {
  color: #25282d;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.overview-event-readiness > div:first-child span {
  color: #667085;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

.overview-check-chips {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.overview-check-chips span {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #dcefe8;
  border-radius: var(--ds-pill-radius);
  background: #f7fcfa;
  color: #3f6f5e;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  line-height: 14px;
}

.overview-card .detail-health {
  align-self: start;
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #edc36f;
  border-radius: var(--ds-pill-radius);
  background: #fff7e6;
  color: #9d6512;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  line-height: 14px;
}

.overview-card .detail-health.is-ready {
  border-color: #a9e4cb;
  background: #e8fbf0;
  color: #168347;
}

.overview-card-action {
  height: 30px;
  flex: 0 0 auto;
  padding: 0 10px;
  border: 1px solid rgba(102, 51, 241, 0.2);
  border-radius: 8px;
  background: #ffffff;
  color: var(--purple);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition:
    border-color 150ms ease,
    background-color 150ms ease,
    transform 150ms ease;
}

.overview-card-action:hover,
.overview-card-action:focus-visible {
  border-color: rgba(102, 51, 241, 0.34);
  background: #fbfaff;
  outline: 0;
  transform: translateY(-1px);
}

.overview-event-summary,
.overview-agenda-meta,
.overview-list-card-meta {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.overview-event-summary {
  margin-bottom: 12px;
}

.overview-event-card .overview-event-summary {
  display: grid;
  gap: 8px;
  align-content: start;
  margin-bottom: 0;
}

.overview-event-summary span {
  min-width: 0;
  display: grid;
  gap: 3px;
  flex: 1 1 112px;
  padding: 10px 11px;
  border: 1px solid #e2e9f3;
  border-radius: 8px;
  background: #f8fbff;
}

.overview-event-card .overview-event-summary span {
  min-height: 58px;
  align-content: center;
  padding: 10px 12px;
  border-color: #dfe7f2;
  background: #f7faff;
}

.overview-event-summary strong {
  min-width: 0;
  overflow: hidden;
  color: #25282d;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-event-summary small {
  color: #667085;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

.overview-event-card .overview-record-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 18px;
}

.overview-event-card .overview-record-row {
  min-height: 51px;
  align-content: center;
  padding: 10px 0;
  border-top: 0;
  border-bottom: 1px solid #edf1f6;
}

.overview-event-card .overview-record-row-wide {
  grid-column: 1 / -1;
}

.overview-agenda-meta,
.overview-list-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 10px;
}

.overview-agenda-meta span,
.overview-list-card-meta span {
  height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #e8eef6;
  border-radius: var(--ds-pill-radius);
  background: #ffffff;
  color: #64748b;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  line-height: 14px;
}

.overview-compact-list,
.overview-person-list,
.overview-sponsor-list {
  flex: 1 1 auto;
  display: grid;
  align-content: start;
  gap: 6px;
}

.overview-card-footer {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid #edf1f6;
}

.overview-card-footer > span {
  min-width: 0;
  overflow: hidden;
  color: #667085;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-view-all-row {
  height: 28px;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--purple);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition:
    border-color 150ms ease,
    background-color 150ms ease;
}

.overview-view-all-row:hover,
.overview-view-all-row:focus-visible {
  color: #4f29cc;
  background: transparent;
  outline: 0;
}

.overview-empty-state,
.overview-data-state {
  min-height: 146px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 8px;
  padding: 18px 14px;
  border: 1px dashed #d7e0ec;
  border-radius: 8px;
  background: #fbfcff;
  text-align: center;
}

.overview-empty-state[hidden],
.overview-data-state[hidden] {
  display: none;
}

.overview-empty-state strong,
.overview-data-state strong {
  color: var(--ink);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
}

.overview-empty-state span {
  max-width: 220px;
  color: #667085;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
}

.overview-empty-state button,
.overview-data-state button {
  height: 28px;
  margin-top: 2px;
  padding: 0 10px;
  border: 1px solid rgba(102, 51, 241, 0.2);
  border-radius: 7px;
  background: #ffffff;
  color: var(--purple);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.overview-data-state.is-loading {
  min-height: 258px;
  align-content: start;
  justify-items: stretch;
  border-style: solid;
  background: #fbfcff;
  text-align: left;
}

.overview-data-state.is-error {
  border-color: rgba(180, 35, 24, 0.18);
  background: #fffafa;
}

.overview-data-state.is-error strong {
  color: #9f241c;
}

.overview-data-state.is-loading strong {
  justify-self: center;
  color: #667085;
  font-size: 11px;
  font-weight: 500;
}

.overview-state-lines {
  width: 100%;
  display: grid;
  gap: 6px;
}

.overview-state-lines i {
  width: 100%;
  height: 42px;
  display: block;
  border: 1px solid #e7edf5;
  border-radius: 8px;
  background: linear-gradient(90deg, #edf2f8, #f7f9fc, #edf2f8);
}

.overview-state-lines i:nth-child(2) {
  width: 100%;
}

.overview-state-lines i:nth-child(3) {
  width: 100%;
}

.overview-state-lines i:nth-child(4) {
  width: 100%;
}

.overview-list-row,
.overview-person-row,
.overview-sponsor-row {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  display: grid;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid #e7edf5;
  border-radius: 8px;
  background: #fbfcff;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 150ms ease,
    background-color 150ms ease,
    box-shadow 150ms ease,
    transform 150ms ease;
}

.overview-list-row {
  grid-template-columns: 46px minmax(0, 1fr) auto;
}

.overview-person-row,
.overview-sponsor-row {
  grid-template-columns: 32px minmax(0, 1fr) auto;
}

.overview-list-row:hover,
.overview-list-row:focus-visible,
.overview-person-row:hover,
.overview-person-row:focus-visible,
.overview-sponsor-row:hover,
.overview-sponsor-row:focus-visible {
  border-color: rgba(102, 51, 241, 0.22);
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(18, 24, 40, 0.045);
  outline: 0;
  transform: translateY(-0.5px);
}

.overview-list-row:active,
.overview-person-row:active,
.overview-sponsor-row:active {
  transform: translateY(0);
}

.overview-list-row.is-current,
.overview-person-row.is-current,
.overview-sponsor-row.is-current {
  border-color: rgba(102, 51, 241, 0.38);
  background: #fbfaff;
  box-shadow:
    inset 4px 0 0 var(--purple),
    0 3px 12px rgba(102, 51, 241, 0.08);
}

.overview-list-row.is-current em,
.overview-person-row.is-current em,
.overview-sponsor-row.is-current em {
  background: #eee7ff;
  color: var(--purple);
}

.overview-item-focus {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px 10px;
  margin-top: 8px;
  padding: 10px 11px;
  border: 1px solid rgba(102, 51, 241, 0.18);
  border-radius: 8px;
  background: #fbfaff;
  box-shadow: inset 3px 0 0 rgba(102, 51, 241, 0.72);
}

.overview-item-focus[hidden] {
  display: none;
}

.overview-item-focus > span {
  color: var(--purple);
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

.overview-item-focus > strong {
  min-width: 0;
  overflow: hidden;
  color: #25282d;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-item-focus > small {
  min-width: 0;
  grid-column: 2;
  overflow: hidden;
  color: #667085;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-item-focus > em {
  grid-column: 3;
  grid-row: 1 / span 2;
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #b9a8ff;
  border-radius: var(--ds-pill-radius);
  background: #eee7ff;
  color: var(--purple);
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
}

.overview-list-row > span:not(.overview-list-time):not(.overview-list-count),
.overview-person-row > span:nth-child(2),
.overview-sponsor-row > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.overview-list-row strong,
.overview-person-row strong,
.overview-sponsor-row strong {
  min-width: 0;
  overflow: hidden;
  color: #25282d;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-list-row small,
.overview-person-row small,
.overview-sponsor-row small {
  min-width: 0;
  overflow: hidden;
  color: #667085;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.record-lock-state {
  width: max-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 2px;
  min-height: var(--ds-pill-height);
  padding: 0 var(--ds-pill-padding);
  border: 1px solid rgba(245, 158, 11, 0.28);
  border-radius: var(--ds-pill-radius);
  background: #fff8eb;
  color: #985b06;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
}

.record-lock-state::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #f59e0b;
  box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.34);
  animation: editingPulse 1.6s ease-out infinite;
}

.row-conflict-state {
  width: max-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 2px;
  min-height: var(--ds-pill-height);
  padding: 0 var(--ds-pill-padding);
  border: 1px solid rgba(245, 158, 11, 0.28);
  border-radius: var(--ds-pill-radius);
  background: #fff8eb;
  color: #985b06;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
}

.row-conflict-state::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #f59e0b;
  box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.34);
  animation: editingPulse 1.6s ease-out infinite;
}

@keyframes editingPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.34);
  }

  70% {
    box-shadow: 0 0 0 5px rgba(245, 158, 11, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(245, 158, 11, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .record-lock-state::before,
  .row-conflict-state::before {
    animation: none;
  }
}

/* Speaker workflow states share the approved side-panel and fullscreen shell. */
.profile-save-retry {
  min-height: 24px;
  padding: 0 7px;
  border: 1px solid rgba(180, 35, 24, 0.28);
  border-radius: 6px;
  background: #fff7f6;
  color: #b42318;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.profile-save-retry[hidden] {
  display: none;
}

.profile-save-state:has(+ .profile-save-retry:not([hidden])) {
  color: #b42318;
}

.profile-icon-button.is-destructive {
  border-color: rgba(180, 35, 24, 0.2);
  color: #b42318;
}

.profile-icon-button.is-destructive:is(:hover, :focus-visible) {
  border-color: rgba(180, 35, 24, 0.36);
  background: #fff7f6;
}

.speaker-profile-panel.is-create-mode [data-delete-speaker-profile] {
  display: none;
}

.speaker-profile-field-error {
  display: block;
  width: 100%;
  margin-top: 2px;
  color: #b42318;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.35;
}

.speaker-profile-field-error[hidden] {
  display: none;
}

.profile-link-row > .speaker-profile-field-error {
  grid-column: 2 / -1;
}

.sidepanel-profile-footer > div,
.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-editor-footer
  > div {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.sidepanel-profile-footer .profile-ghost-button,
.sidepanel-profile-footer .profile-icon-button {
  width: auto;
  min-width: 24px;
}

.sidepanel-profile-footer .profile-icon-button {
  width: 24px;
  padding: 0;
}

/* Canonical Register experience. Keep these final overrides after legacy Ticket Type rules. */
.side-panel.is-fullscreen .fullscreen-ticket-page {
  position: relative;
  width: min(1180px, 100%);
  min-height: calc(100dvh - 136px);
  margin-inline: auto;
  align-content: start;
  gap: 14px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-page-header {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 0 14px;
  border-width: 0 0 1px;
  border-color: #dfe7f2;
  border-radius: 0;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-page-header h3 {
  margin: 2px 0 0;
  font-size: 22px;
  line-height: 1.2;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-page-header small {
  margin-top: 4px;
  color: #667085;
  font-size: 10px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-page-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip {
  min-height: 52px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid #dfe7f2;
  border-radius: 7px;
  background: #f8f9fc;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip > span {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 9px 12px;
  border-right: 1px solid #dfe7f2;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip > span:last-child {
  border-right: 0;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip strong {
  color: #182230;
  font-size: 11px;
  font-weight: 600;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip small {
  color: #667085;
  font-size: 9px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-workspace-body,
.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-workspace-body {
  display: block;
  min-width: 0;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-workspace,
.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-inventory-workspace {
  position: static;
  width: 100%;
  max-height: none;
  overflow: visible;
  padding: 0;
  border: 0;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-workspace[hidden],
.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-fullscreen-grid[hidden] {
  display: none;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-toolbar,
.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-inventory-toolbar {
  grid-template-columns: minmax(260px, 1fr) repeat(3, minmax(118px, 148px));
  gap: 8px;
  padding-bottom: 10px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-inventory-search {
  grid-column: auto;
}

.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-inventory-toolbar select[data-ticket-sort],
.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-inventory-meta,
.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-group-actions,
.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-inventory-main > span:not(:first-child) {
  display: revert;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-fullscreen-grid,
.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-fullscreen-grid {
  width: min(1120px, 100%);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-content: stretch;
  gap: 0;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-header {
  position: sticky;
  top: 0;
  z-index: 20;
  min-height: 68px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid #dfe7f2;
  background: rgba(255, 255, 255, 0.98);
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-header > div:last-child {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-header h3 {
  margin: 2px 0 0;
  font-size: 17px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body {
  display: grid;
  grid-template-columns: 184px minmax(0, 760px);
  justify-content: center;
  align-items: start;
  gap: 24px;
  padding: 18px 0 28px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body .ticket-section-nav,
.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-section-nav {
  position: sticky;
  top: 86px;
  width: auto;
  max-height: calc(100dvh - 178px);
  display: grid;
  overflow-y: auto;
  padding: 0 16px 0 0;
  border-width: 0 1px 0 0;
  border-radius: 0;
  background: transparent;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body .ticket-editor-card,
.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-editor-card {
  width: 100%;
  max-height: calc(100dvh - 158px);
  display: grid;
  align-content: start;
  gap: 12px;
  overflow-y: auto;
  padding: 0 8px 76px 0;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  scrollbar-width: thin;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body .ticket-edit-heading {
  display: none;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body .ticket-editor-footer {
  position: sticky;
  bottom: -76px;
  z-index: 10;
  margin: 0;
  padding: 10px 0;
  border-width: 1px 0 0;
  background: rgba(255, 255, 255, 0.98);
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-editor-section,
.register-quick-panel .ticket-editor-section {
  margin: 0;
  padding: 14px;
  border: 1px solid #dfe7f2;
  border-radius: 7px;
  background: #f8f9fc;
}

.prototype-shell.is-register-focused-editor .side-panel.is-fullscreen .fullscreen-workspace {
  grid-template-columns: minmax(0, 1fr);
}

.prototype-shell.is-register-focused-editor .side-panel.is-fullscreen .fullscreen-sidebar {
  display: none;
}

.prototype-shell.is-register-focused-editor .side-panel.is-fullscreen .fullscreen-main {
  width: 100%;
  max-width: none;
  padding-inline: 24px;
}

.prototype-shell.is-register-focused-editor .side-panel.is-fullscreen .fullscreen-ticket-page > :is(
    .ticket-page-header,
    .register-readiness-strip,
    .ticket-add-picker
  ) {
  display: none;
}

.register-quick-backdrop {
  position: fixed;
  inset: 78px 0 0;
  z-index: 90;
  background: rgba(28, 36, 52, 0.16);
}

.register-quick-panel {
  position: fixed;
  inset: 78px 0 0 auto;
  z-index: 91;
  width: min(419px, 100vw);
  overflow: hidden;
  border-left: 1px solid #dfe7f2;
  background: #ffffff;
  box-shadow: -16px 0 36px rgba(28, 36, 52, 0.12);
}

.register-quick-panel[hidden],
.register-quick-backdrop[hidden] {
  display: none;
}

.register-quick-panel .register-quick-form {
  height: 100%;
  display: grid;
  align-content: start;
  gap: 10px;
  overflow-y: auto;
  padding: 14px 14px 76px;
  overscroll-behavior: contain;
}

.register-quick-panel .ticket-edit-heading {
  position: sticky;
  top: -14px;
  z-index: 4;
  margin: -14px -14px 0;
  padding: 14px;
  border-bottom: 1px solid #dfe7f2;
  background: rgba(255, 255, 255, 0.98);
}

.register-quick-panel .ticket-editor-footer {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 5;
  width: min(419px, 100vw);
  min-height: 58px;
  margin: 0;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  border-width: 1px 0 0;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: none;
}

@media (max-width: 860px) {
  .side-panel.is-fullscreen .fullscreen-ticket-page .ticket-page-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .ticket-page-actions {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-search {
    grid-column: 1 / -1;
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-header {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-header > div:last-child {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body .ticket-section-nav {
    position: static;
    max-height: none;
    display: flex;
    gap: 4px;
    overflow-x: auto;
    padding: 0 0 10px;
    border-width: 0 0 1px;
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body .ticket-section-nav > p {
    display: none;
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body .ticket-section-nav button {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body .ticket-editor-card {
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }
}

@media (max-width: 620px) {
  .side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip > span {
    border-right: 0;
    border-bottom: 1px solid #dfe7f2;
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip > span:last-child {
    border-bottom: 0;
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-toolbar,
  .side-panel.is-fullscreen .fullscreen-ticket-page .ticket-field-pair {
    grid-template-columns: minmax(0, 1fr);
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-search {
    grid-column: auto;
  }

  .prototype-shell.is-register-focused-editor .side-panel.is-fullscreen .fullscreen-main {
    padding-inline: 14px;
  }
}

/* Register is the customer-facing workspace; Ticket Types remain the record model. */
.side-panel.is-fullscreen .fullscreen-ticket-page {
  position: relative;
  width: min(1180px, 100%);
  min-height: calc(100dvh - 136px);
  align-content: start;
  gap: 14px;
}

.side-panel.is-fullscreen .ticket-page-header {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 0 14px;
  border-bottom: 1px solid #dfe7f2;
}

.side-panel.is-fullscreen .ticket-page-header h3 {
  margin: 2px 0 0;
  font-size: 22px;
  line-height: 1.2;
}

.side-panel.is-fullscreen .ticket-page-header small {
  margin-top: 4px;
  color: #667085;
  font-size: 10px;
}

.ticket-page-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.register-status {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #a9e4cb;
  border-radius: var(--ds-pill-radius);
  background: #e9f9f2;
  color: #087f5b;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  white-space: nowrap;
}

.register-status i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.register-readiness-strip {
  min-height: 52px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid #dfe7f2;
  border-radius: 7px;
  background: #f8f9fc;
}

.register-readiness-strip > span {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 9px 12px;
  border-right: 1px solid #dfe7f2;
}

.register-readiness-strip > span:last-child {
  border-right: 0;
}

.register-readiness-strip strong {
  color: #182230;
  font-size: 11px;
  font-weight: 600;
}

.register-readiness-strip small {
  color: #667085;
  font-size: 9px;
}

.side-panel.is-fullscreen .ticket-workspace-body {
  display: block;
  min-width: 0;
}

.side-panel.is-fullscreen .ticket-inventory-workspace {
  position: static;
  width: 100%;
  max-height: none;
  overflow: visible;
  padding: 0;
  border: 0;
}

.side-panel.is-fullscreen .ticket-inventory-toolbar {
  grid-template-columns: minmax(260px, 1fr) repeat(3, minmax(118px, 148px));
  padding-bottom: 10px;
}

.ticket-inventory-row.is-return-highlight {
  animation: register-return-highlight 1800ms ease-out;
}

@keyframes register-return-highlight {
  0%, 55% { box-shadow: inset 3px 0 #6633f1, 0 0 0 2px rgba(102, 51, 241, 0.2); }
  100% { box-shadow: inset 3px 0 #6633f1, 0 0 0 0 rgba(102, 51, 241, 0); }
}

.register-quick-backdrop {
  position: fixed;
  inset: 78px 0 0;
  z-index: 90;
  background: rgba(28, 36, 52, 0.16);
}

.register-quick-panel {
  position: fixed;
  top: 78px;
  right: 0;
  bottom: 0;
  z-index: 91;
  width: min(419px, 100vw);
  overflow: hidden;
  border-left: 1px solid #dfe7f2;
  background: #ffffff;
  box-shadow: -16px 0 36px rgba(28, 36, 52, 0.12);
}

.register-quick-backdrop[hidden],
.register-quick-panel[hidden] {
  display: none;
}

.register-quick-form {
  height: 100%;
  display: grid;
  grid-template-rows: auto;
  align-content: start;
  gap: 10px;
  overflow-y: auto;
  padding: 14px 14px 76px;
  overscroll-behavior: contain;
}

.register-quick-form .ticket-edit-heading {
  position: sticky;
  top: -14px;
  z-index: 4;
  margin: -14px -14px 0;
  padding: 14px;
  border-bottom: 1px solid #dfe7f2;
  background: rgba(255, 255, 255, 0.98);
}

.ticket-edit-form .ticket-editor-section,
.ticket-editor-card .ticket-editor-section {
  padding: 14px;
  border: 1px solid #dfe7f2;
  border-radius: 7px;
  background: #f8f9fc;
}

.ticket-editor-section .ticket-section-heading {
  margin: 0 0 10px;
  padding: 0;
  border: 0;
}

.ticket-editor-section .ticket-section-heading h4 {
  color: #182230;
  font-size: 12px;
  font-weight: 600;
}

.ticket-editor-section .ticket-section-heading small {
  color: #667085;
  font-size: 9px;
  line-height: 1.4;
}

.register-open-fullscreen {
  width: 100%;
  min-height: 54px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  border: 1px solid #cabdff;
  border-radius: 7px;
  background: #f7f4ff;
  color: #5322cf;
  text-align: left;
  cursor: pointer;
}

.register-open-fullscreen > span:nth-child(2) {
  display: grid;
  gap: 2px;
}

.register-open-fullscreen strong {
  font-size: 10px;
}

.register-open-fullscreen small {
  color: #667085;
  font-size: 8px;
  line-height: 1.35;
}

.register-quick-form .ticket-editor-footer {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 5;
  width: min(419px, 100vw);
  min-height: 58px;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid #dfe7f2;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: none;
}

.side-panel.is-fullscreen .ticket-fullscreen-grid {
  width: min(1120px, 100%);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.register-focused-header {
  position: sticky;
  top: 0;
  z-index: 20;
  min-height: 68px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid #dfe7f2;
  background: rgba(255, 255, 255, 0.98);
}

.register-focused-header > div:last-child {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.register-focused-header h3 {
  margin: 2px 0 0;
  font-size: 17px;
}

.register-back-button {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border: 1px solid #d8e0ec;
  border-radius: 6px;
  background: #ffffff;
  color: #475467;
  font-size: 9px;
  font-weight: 600;
  cursor: pointer;
}

.register-focused-body {
  display: grid;
  grid-template-columns: 184px minmax(0, 760px);
  justify-content: center;
  align-items: start;
  gap: 24px;
  padding: 18px 0 28px;
}

.side-panel.is-fullscreen .register-focused-body .ticket-section-nav {
  position: sticky;
  top: 86px;
  max-height: calc(100dvh - 178px);
  overflow-y: auto;
  padding: 0 16px 0 0;
  border-width: 0 1px 0 0;
  border-radius: 0;
  background: transparent;
}

.side-panel.is-fullscreen .register-focused-body .ticket-editor-card {
  max-height: calc(100dvh - 158px);
  display: grid;
  align-content: start;
  gap: 12px;
  overflow-y: auto;
  padding: 0 8px 76px 0;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  scrollbar-width: thin;
}

.register-focused-body .ticket-edit-heading {
  display: none;
}

.register-focused-body .ticket-editor-footer {
  position: sticky;
  bottom: -76px;
  z-index: 10;
  margin-top: 0;
  padding: 10px 0;
  border-top: 1px solid #dfe7f2;
  background: rgba(255, 255, 255, 0.98);
}

.ticket-access-section > h5 {
  margin: 12px 0 8px;
  color: #344054;
  font-size: 10px;
}

.ticket-advanced-section {
  display: block;
}

.ticket-advanced-section > summary {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  list-style: none;
}

.ticket-advanced-section > summary::-webkit-details-marker {
  display: none;
}

.ticket-advanced-section > summary > span:first-child {
  display: grid;
  gap: 2px;
}

.ticket-advanced-section > summary strong {
  color: #182230;
  font-size: 12px;
}

.ticket-advanced-section > summary small {
  color: #667085;
  font-size: 9px;
}

.ticket-advanced-section[open] > summary > [data-ui-icon] {
  transform: rotate(180deg);
}

.ticket-advanced-content {
  display: grid;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid #dfe7f2;
}

.prototype-shell.is-register-focused-editor .side-panel.is-fullscreen .fullscreen-workspace {
  grid-template-columns: minmax(0, 1fr);
}

.prototype-shell.is-register-focused-editor .side-panel.is-fullscreen .fullscreen-sidebar {
  display: none;
}

.prototype-shell.is-register-focused-editor .side-panel.is-fullscreen .fullscreen-main {
  width: 100%;
  padding-inline: 24px;
}

.prototype-shell.is-register-focused-editor .side-panel.is-fullscreen .ticket-page-header,
.prototype-shell.is-register-focused-editor .side-panel.is-fullscreen .register-readiness-strip,
.prototype-shell.is-register-focused-editor .side-panel.is-fullscreen .fullscreen-ticket-page > .ticket-add-picker {
  display: none;
}

@media (max-width: 1080px) {
  .side-panel.is-fullscreen .ticket-inventory-toolbar {
    grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(108px, 128px));
  }

  .ticket-inventory-main {
    grid-template-columns: minmax(150px, 1.4fr) 80px 110px 58px 80px 74px;
    gap: 7px;
  }
}

@media (max-width: 860px) {
  .side-panel.is-fullscreen .ticket-page-header,
  .ticket-page-actions {
    align-items: flex-start;
  }

  .side-panel.is-fullscreen .ticket-page-header {
    flex-direction: column;
  }

  .ticket-page-actions {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .register-readiness-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .register-readiness-strip > span {
    border-right: 0;
    border-bottom: 1px solid #dfe7f2;
  }

  .register-readiness-strip > span:last-child {
    border-bottom: 0;
  }

  .side-panel.is-fullscreen .ticket-inventory-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ticket-inventory-search {
    grid-column: 1 / -1;
  }

  .register-focused-header {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .register-focused-header > div:last-child {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .register-focused-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .side-panel.is-fullscreen .register-focused-body .ticket-section-nav {
    position: static;
    max-height: none;
    display: flex;
    gap: 4px;
    overflow-x: auto;
    padding: 0 0 10px;
    border-width: 0 0 1px;
  }

  .side-panel.is-fullscreen .register-focused-body .ticket-section-nav > p {
    display: none;
  }

  .side-panel.is-fullscreen .register-focused-body .ticket-section-nav button {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .side-panel.is-fullscreen .register-focused-body .ticket-editor-card {
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }
}

@media (max-width: 620px) {
  .side-panel.is-fullscreen .ticket-inventory-toolbar,
  .ticket-field-pair {
    grid-template-columns: minmax(0, 1fr);
  }

  .ticket-inventory-search {
    grid-column: auto;
  }

  .ticket-inventory-main {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .ticket-inventory-main > span:not(:first-child) {
    display: none;
  }

  .prototype-shell.is-register-focused-editor .side-panel.is-fullscreen .fullscreen-main {
    padding-inline: 14px;
  }
}

/* Legacy Ticket Type rail rules are overridden by the Register layout invariant below. */
.ticket-workspace-body {
  min-width: 0;
}

.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view {
  width: min(1240px, 100%);
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-workspace-body {
  display: grid;
  grid-template-columns: minmax(270px, 300px) minmax(0, 1fr);
  align-items: start;
  gap: 18px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-inventory-workspace {
  position: sticky;
  top: 0;
  max-height: calc(100dvh - 176px);
  gap: 10px;
  padding-right: 16px;
  overflow: auto;
  border-right: 1px solid var(--event-fullscreen-divider);
  scrollbar-width: thin;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-inventory-toolbar {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding-bottom: 10px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-inventory-search {
  grid-column: 1 / -1;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-inventory-toolbar
  select {
  height: 32px;
  padding-left: 8px;
  font-size: 9px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-inventory-toolbar
  select[data-ticket-sort] {
  display: none;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-inventory-meta {
  min-height: 26px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-inventory-meta
  strong {
  font-size: 11px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-inventory-meta
  [data-ticket-reorder-toggle],
.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-group-actions {
  display: none;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-group-list {
  gap: 8px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-group-section {
  border-radius: 6px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-group-section
  > header {
  min-height: 34px;
  padding: 6px 8px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-group-section
  > header
  strong {
  font-size: 10px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-group-section
  > header
  small {
  font-size: 7px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-inventory-row {
  padding-inline: 5px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-inventory-main {
  min-height: 46px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  padding: 5px 3px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-inventory-main
  > span:not(:first-child) {
  display: none;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-inventory-main
  strong {
  font-size: 10px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-inventory-main
  small {
  font-size: 8px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-inventory-main
  .ticket-status-chip {
  justify-self: end;
  font-size: var(--ds-pill-font-size);
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-inventory-more {
  width: 24px;
  height: 24px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-fullscreen-grid {
  width: 100%;
  grid-template-columns: 158px minmax(0, 1fr);
  justify-content: stretch;
  gap: 16px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-section-nav {
  max-height: calc(100dvh - 176px);
  padding-right: 14px;
  overflow-y: auto;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-section-nav
  button {
  min-height: 32px;
  padding-inline: 8px;
  font-size: 9px;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-section-nav
  button[data-ticket-return-list] {
  margin-bottom: 4px;
  color: #475467;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-editor-card {
  width: 100%;
  max-height: calc(100dvh - 176px);
  overflow-y: auto;
  scrollbar-width: thin;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-edit-heading {
  top: 0;
  z-index: 12;
}

.side-panel.is-fullscreen
  .fullscreen-ticket-page.is-editor-view
  .ticket-editor-footer {
  bottom: 0;
  padding-inline: 0;
}

@media (max-width: 1180px) {
  .side-panel.is-fullscreen
    .fullscreen-ticket-page.is-editor-view
    .ticket-workspace-body {
    grid-template-columns: minmax(240px, 270px) minmax(0, 1fr);
    gap: 14px;
  }

  .side-panel.is-fullscreen
    .fullscreen-ticket-page.is-editor-view
    .ticket-fullscreen-grid {
    grid-template-columns: 138px minmax(0, 1fr);
    gap: 12px;
  }
}

@media (max-width: 940px) {
  .side-panel.is-fullscreen
    .fullscreen-ticket-page.is-editor-view
    .ticket-workspace-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .side-panel.is-fullscreen
    .fullscreen-ticket-page.is-editor-view
    .ticket-inventory-workspace {
    position: static;
    max-height: 240px;
    padding: 0 0 14px;
    border-width: 0 0 1px;
  }

  .side-panel.is-fullscreen
    .fullscreen-ticket-page.is-editor-view
    .ticket-fullscreen-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .side-panel.is-fullscreen
    .fullscreen-ticket-page.is-editor-view
    .ticket-section-nav {
    position: static;
    max-height: none;
    display: flex;
    padding: 0 0 10px;
    overflow-x: auto;
    border-width: 0 0 1px;
  }

  .side-panel.is-fullscreen
    .fullscreen-ticket-page.is-editor-view
    .ticket-section-nav
    > p {
    display: none;
  }

  .side-panel.is-fullscreen
    .fullscreen-ticket-page.is-editor-view
    .ticket-section-nav
    button {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .side-panel.is-fullscreen
    .fullscreen-ticket-page.is-editor-view
    .ticket-editor-card {
    max-height: none;
  }
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-editor-footer
  .profile-icon-button {
  width: 28px;
  min-width: 28px;
  padding: 0;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-editor-footer
  > span
  > span:last-child {
  display: none;
}

.speaker-unsaved-dialog section,
.speaker-profile-delete-dialog section {
  width: min(440px, calc(100vw - 32px));
}

.speaker-unsaved-dialog > section {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.speaker-unsaved-dialog > section > p {
  margin: 0;
  padding: 16px 14px;
  color: #5f6b7d;
  font-size: 12px;
  line-height: 1.45;
}

.speaker-unsaved-dialog .is-danger {
  border-color: #f1c0bb;
  background: #ffffff;
  color: #b42318;
}

.speaker-unsaved-dialog .is-danger:hover,
.speaker-unsaved-dialog .is-danger:focus-visible {
  border-color: #d92d20;
  background: #fff1f0;
}

.figma-export-components {
  position: absolute;
  top: 0;
  left: calc(100% + 72px);
  width: 980px;
  display: grid;
  gap: 18px;
  padding: 24px;
  border: 1px solid #dbe4f0;
  border-radius: 12px;
  background: #f4f7fb;
  box-shadow: 0 18px 48px rgba(24, 31, 45, 0.12);
  pointer-events: none;
}

.figma-export-heading {
  display: grid;
  gap: 4px;
}

.figma-export-heading h3 {
  margin: 0;
  color: var(--ink);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.15;
}

.figma-export-heading small {
  color: #667085;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}

.figma-component-group {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #e3e9f2;
  border-radius: 10px;
  background: #ffffff;
}

.figma-component-label {
  color: #475467;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.figma-state-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.component-state-card {
  min-height: 134px;
}

.component-state-card.overview-data-state.is-loading {
  min-height: 134px;
}

.component-state-card .overview-state-lines i {
  height: 30px;
}

.overview-list-row em,
.overview-person-row em,
.overview-sponsor-row em {
  min-width: 44px;
  justify-self: end;
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #a9e4cb;
  border-radius: var(--ds-pill-radius);
  background: #e8fbf0;
  color: #168347;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
}

.overview-list-row.is-warning,
.overview-person-row.is-warning,
.overview-sponsor-row.is-warning {
  border-color: rgba(245, 158, 11, 0.22);
  background: #fffdf8;
}

.overview-list-row.is-warning em,
.overview-person-row.is-warning em,
.overview-sponsor-row.is-warning em {
  background: #fff3d8;
  color: #9d6512;
}

.overview-list-row.is-draft {
  border-color: rgba(102, 51, 241, 0.16);
  background: #fbfaff;
}

.overview-list-row.is-draft em {
  background: #eee7ff;
  color: var(--purple);
}

.component-row-variant {
  cursor: default;
}

.component-row-variant.is-hover-preview {
  border-color: rgba(102, 51, 241, 0.22);
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(18, 24, 40, 0.045);
  transform: translateY(-0.5px);
}

.component-row-variant.is-row-changed {
  border-color: rgba(102, 51, 241, 0.26);
  background: #fbfaff;
}

.component-row-variant.has-row-sync-issue {
  border-color: rgba(220, 38, 38, 0.26);
  background: #fffafa;
}

.component-row-variant.has-row-sync-issue em {
  background: #fff1f0;
  color: #b42318;
}

.component-row-variant.has-row-conflict {
  border-color: rgba(245, 158, 11, 0.28);
  background: #fffdf8;
}

.component-row-variant.has-row-conflict em {
  background: #fff3d8;
  color: #985b06;
}

.component-row-meta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 2px;
  flex-wrap: wrap;
}

.component-row-meta .row-save-state,
.component-row-meta .row-sync-state,
.component-row-meta .row-revert-action {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.component-row-meta .row-save-state.is-saving {
  border: 1px solid rgba(245, 158, 11, 0.28);
  background: #fff7e6;
  color: #9d6512;
}

.component-row-meta .row-sync-state {
  border: 1px solid rgba(220, 38, 38, 0.24);
  background: #fff1f0;
  color: #b42318;
}

.component-row-meta .row-revert-action {
  border: 1px solid rgba(102, 51, 241, 0.22);
  background: #ffffff;
  color: var(--purple);
}

.overview-list-time,
.overview-list-count,
.overview-person-row > span:first-child,
.overview-sponsor-row > span:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}

.overview-list-time,
.overview-list-count {
  width: 40px;
  height: 24px;
  background: #eef3f9;
  color: #5f6b7d;
}

.overview-person-row > span:first-child,
.overview-sponsor-row > span:first-child {
  width: 28px;
  height: 28px;
  border: 1px solid #dce6f3;
  background: #f5f8fc;
  color: #667085;
}

.overview-person-row.is-warning > span:first-child,
.overview-sponsor-row.is-warning > span:first-child {
  border-color: rgba(245, 158, 11, 0.28);
  background: #fff5df;
  color: #9d6512;
}

.overview-record-grid,
.overview-record-stack,
.overview-status-list {
  display: grid;
}

.overview-record-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 14px;
}

.overview-record-stack,
.overview-status-list {
  gap: 7px;
}

.overview-record-row {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 8px 0;
  border-top: 1px solid #edf1f6;
}

.overview-record-row-wide {
  grid-column: 1 / -1;
}

.overview-record-row span,
.overview-status-row span,
.overview-metric-row small {
  min-width: 0;
  overflow: hidden;
  color: #667085;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.overview-record-row strong,
.overview-status-row strong {
  min-width: 0;
  overflow: hidden;
  color: var(--ink);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-metric-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 8px;
}

.overview-metric-row span {
  min-width: 0;
  display: grid;
  gap: 1px;
  padding: 9px 10px;
  border: 1px solid #dfe7f2;
  border-radius: 8px;
  background: #f6f9ff;
}

.overview-metric-row span.is-warning {
  border-color: rgba(231, 157, 33, 0.24);
  background: #fff9ed;
}

.overview-metric-row strong {
  color: var(--blue);
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

.overview-metric-row span.is-warning strong {
  color: #9d6512;
}

.overview-status-row {
  width: 100%;
  min-height: 34px;
  display: grid;
  grid-template-columns: minmax(82px, 0.55fr) minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 7px 8px;
  border: 1px solid #e4eaf2;
  border-radius: 7px;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 150ms ease,
    background-color 150ms ease,
    transform 150ms ease;
}

.overview-status-row:hover,
.overview-status-row:focus-visible {
  border-color: rgba(102, 51, 241, 0.22);
  background: #fbfaff;
  outline: 0;
  transform: translateY(-1px);
}

.overview-status-row.is-ready {
  background: #fbfffd;
}

.overview-status-row.is-warning {
  background: #fffdf8;
}

.overview-status-row.overview-empty-row {
  border-style: dashed;
  background: #fbfcff;
}

.overview-status-row.is-ready strong {
  color: #168347;
}

.overview-status-row.is-warning strong {
  color: #9d6512;
}

.overview-status-row.overview-empty-row strong {
  color: #667085;
}

.fullscreen-card-heading,
.setting-row,
.health-row,
.management-row,
.person-row {
  display: flex;
  align-items: center;
}

.fullscreen-card-heading {
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.fullscreen-card-heading > div,
.fullscreen-nav-row,
.fullscreen-sidebar-note,
.asset-tile-list {
  min-width: 0;
}

.fullscreen-card-heading h3 {
  font-size: 15px;
  font-weight: 500;
}

.fullscreen-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.fullscreen-field {
  display: grid;
  gap: 6px;
}

.fullscreen-field.wide {
  grid-column: 1 / -1;
}

.fullscreen-field span {
  color: #5d6678;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
}

.fullscreen-field input,
.fullscreen-field select {
  width: 100%;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #d8e0eb;
  border-radius: 6px;
  background: #ffffff;
  color: #25282d;
  font: inherit;
  font-size: 12px;
}

.setting-row,
.health-row,
.management-row,
.person-row {
  width: 100%;
  min-height: 36px;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid #e4eaf2;
  border-radius: 6px;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
}

.setting-row span,
.health-row span,
.fullscreen-nav-row strong,
.fullscreen-nav-row small,
.fullscreen-sidebar-note span,
.fullscreen-card-heading p,
.person-row span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.setting-row:nth-child(even),
.health-row:nth-child(even) {
  background: #f8fafc;
}

.setting-row em.is-muted {
  background: #f2f5f9;
  color: #657286;
}

.health-row em.is-warning {
  background: #fef3c7;
  color: #9d6512;
}

.health-row em.is-ready {
  background: #dffbe9;
  color: var(--teal);
}

.management-row {
  min-height: 38px;
}

.management-row strong {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.drag-handle {
  flex: 0 0 auto;
  color: #8a95a7;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}

.people-list {
  gap: 10px;
}

.person-row {
  justify-content: flex-start;
}

.avatar-chip {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  border-radius: 50%;
}

.avatar-chip.purple {
  background: #e8ddff;
}

.avatar-chip.green {
  background: #d7f8df;
}

.avatar-chip.blue {
  background: #dceafe;
}

.avatar-chip.coral {
  background: #ffe0d7;
}

.asset-tile-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.asset-tile-list button {
  min-width: 0;
  flex: 1 1 92px;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #d8e0eb;
  border-radius: 6px;
  background: #f8fafc;
  color: #596679;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

@media (max-width: 1180px) {
  .side-panel.is-fullscreen .panel-header {
    padding: 10px 18px 8px;
  }

  .side-panel.is-fullscreen .panel-content {
    display: block;
    overflow: auto;
    padding: 16px;
  }

  .side-panel.is-fullscreen .fullscreen-workspace {
    gap: 16px;
    grid-template-columns: 1fr;
    height: auto;
    min-height: 0;
  }

  .prototype-shell.is-speaker-management .side-panel.is-fullscreen .fullscreen-workspace,
  .prototype-shell.is-speaker-management .fullscreen-main,
  .prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-main {
    grid-template-columns: 1fr;
  }

  .prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-main::before,
  .prototype-shell.has-speaker-profile .fullscreen-speaker-page::after,
  .prototype-shell.has-speaker-profile .speaker-profile-panel::before,
  .prototype-shell.has-speaker-profile .speaker-profile-panel::after,
  .prototype-shell.has-speaker-profile .speaker-row.is-current::after {
    display: none;
  }

  .speaker-profile-panel {
    position: static;
    width: 100%;
    max-width: none;
    max-height: none;
  }

  .speaker-profile-header {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .speaker-profile-actions {
    justify-content: flex-start;
  }

  .profile-editor-footer > div {
    justify-content: flex-start;
  }

  .speaker-page-header {
    flex-wrap: wrap;
  }

  .side-panel.is-fullscreen .fullscreen-sidebar,
  .fullscreen-sidebar {
    position: sticky;
    top: 0;
    width: auto;
    height: auto;
    max-height: min(42dvh, 360px);
    border: 1px solid #e3e9f2;
    border-radius: 8px;
    padding: 8px;
    overflow: auto;
    box-shadow: none;
  }

  .fullscreen-main {
    grid-template-columns: 1fr;
    height: auto;
    overflow: visible;
    padding: 0 0 24px;
  }

  .overview-top-grid {
    grid-template-columns: 1fr;
  }

  .fullscreen-overview-strip {
    align-items: flex-start;
    flex-direction: column;
  }

  .overview-action-list {
    justify-content: flex-start;
  }

  .schedule-card,
  .overview-card-wide,
  .assets-card {
    grid-column: auto;
  }
}

@media (max-width: 760px) {
  .side-panel.is-fullscreen .event-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .side-panel.is-fullscreen .event-actions {
    justify-items: start;
  }

  .side-panel.is-fullscreen .event-action-top {
    justify-content: flex-start;
  }

  .fullscreen-publish-actions {
    order: 3;
    width: 100%;
  }

  .fullscreen-draft-state,
  .fullscreen-publish-button {
    flex: 1 1 0;
    justify-content: center;
  }

  .speaker-profile-panel {
    padding: 10px;
    gap: 10px;
  }

  .speaker-profile-summary {
    align-items: center;
  }

  .profile-photo-drop {
    width: 62px;
    min-height: 62px;
  }

  .speaker-profile-title h3 {
    font-size: 18px;
  }

  .profile-link-row {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .profile-link-row em {
    justify-self: start;
  }

  .speaker-session-row {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .speaker-session-row em {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 1040px) {
  .prototype-shell.has-speaker-drawer.is-editor-fullscreen .side-panel.is-fullscreen {
    right: clamp(0px, 1.25vw, 16px);
  }

  .prototype-shell.has-speaker-drawer:not(.is-editor-fullscreen) .speaker-drawer {
    right: 0;
  }
}

/* Sponsor detail panels stay compact even when opened outside the split workspace. */
.side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-editor-scroll {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px;
  padding: 10px;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-form-section {
  gap: 10px;
  padding: 12px;
  border-radius: 8px;
  background: #ffffff;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-section-heading {
  flex-wrap: wrap;
  gap: 6px;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-section-heading h4 {
  font-size: 12px;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-section-heading > span {
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-left: auto;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-upload-zone.has-image {
  min-height: 166px;
  gap: 5px;
  padding: 10px;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-upload-zone .sponsor-logo.is-large {
  width: 72px;
  height: 52px;
  font-size: 14px;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor :is(.sponsor-placement-grid, .sponsor-checkbox-list) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 10px;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-placement-grid {
  margin: 0;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor :is(.sponsor-placement-grid, .sponsor-checkbox-list) label {
  min-height: 28px;
  line-height: 1.35;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-form-section[data-sponsor-section="placement"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 10px;
  row-gap: 8px;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-form-section[data-sponsor-section="placement"] > :is(.sponsor-section-heading, .sponsor-placement-grid, label:not(.sponsor-toggle-row)) {
  grid-column: 1 / -1;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-form-section[data-sponsor-section="placement"] > .sponsor-toggle-row {
  min-height: 30px;
  margin: 0;
  line-height: 1.35;
}

@media (min-width: 1520px) {
  .side-panel.is-fullscreen .fullscreen-workspace {
    grid-template-columns: var(--fullscreen-nav-width) minmax(0, 1fr);
  }

  .fullscreen-main {
    grid-template-columns: minmax(340px, 1.15fr) minmax(300px, 0.9fr) minmax(320px, 1fr);
  }
}

@media (max-width: 520px) {
  .side-panel.is-fullscreen {
    inset: 0;
    border-radius: 0;
  }

  .speaker-drawer,
  .prototype-shell.is-editor-fullscreen .speaker-drawer {
    top: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    max-width: 100vw;
    height: auto;
    border-radius: 0;
  }

  .side-panel.is-fullscreen .panel-header {
    padding: 10px 14px 8px;
  }

  .side-panel.is-fullscreen .panel-content {
    padding: 12px;
  }

  .side-panel.is-fullscreen h2 {
    font-size: 19px;
  }

  .side-panel.is-fullscreen .fullscreen-workspace,
  .fullscreen-main {
    gap: 12px;
  }

  .fullscreen-sidebar,
  .fullscreen-card {
    border-radius: 0;
  }

  .fullscreen-form-grid {
    grid-template-columns: 1fr;
  }

  .overview-record-grid,
  .overview-metric-row {
    grid-template-columns: 1fr;
  }

  .speaker-profile-header,
  .speaker-profile-summary,
  .profile-editor-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .speaker-profile-header {
    align-items: start;
  }

  .speaker-profile-summary {
    align-items: center;
    flex-direction: row;
  }

  .profile-photo-drop {
    width: 62px;
    min-height: 62px;
  }

  .profile-field-grid,
  .profile-checklist {
    grid-template-columns: 1fr;
  }

  .profile-link-row {
    grid-template-columns: 1fr;
  }

  .profile-editor-footer > div,
  .speaker-profile-actions {
    justify-content: flex-start;
  }

  .fullscreen-field.wide {
    grid-column: auto;
  }

}

.publish-review-card {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  padding: 12px;
  color: var(--ink);
  font: inherit;
  text-align: left;
  border: 1px solid rgba(213, 222, 235, 0.96);
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
}

.publish-review-card:hover {
  border-color: rgba(102, 51, 241, 0.42);
  background: #fbfaff;
}

.publish-review-card:focus-visible {
  outline: 2px solid var(--purple);
  outline-offset: 2px;
}

.side-panel:not(.is-home) .publish-review-card,
.side-panel.is-home:not(.is-overview-view) .publish-review-card {
  display: none;
}

.publish-review-card-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.publish-review-card-copy > strong {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.publish-review-card-summary {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
}

.publish-review-card-summary > span {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.publish-review-card-summary .is-warning {
  color: #8a5a08;
}

.publish-review-card-summary .is-warning i {
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #f0a11a;
}

.publish-review-card-action {
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  color: var(--purple);
}

.secondary-button,
.publish-button,
.text-button,
.mode-button {
  cursor: pointer;
  font-weight: 500;
}

.secondary-button {
  height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(102, 51, 241, 0.28);
  border-radius: 8px;
  background: #ffffff;
  color: var(--purple);
  font-size: 12px;
}

.secondary-button.is-active {
  border-color: rgba(102, 51, 241, 0.4);
  background: #f5f0ff;
}

.view-toolbar {
  position: relative;
  justify-content: flex-end;
}

.view-menu-button {
  position: relative;
  width: 42px;
  height: 30px;
  flex: 0 0 auto;
  border: 1px solid rgba(102, 51, 241, 0.16);
  border-radius: 9px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.05);
  transition:
    border-color 150ms ease,
    box-shadow 150ms ease,
    background-color 150ms ease;
  cursor: pointer;
}

.view-menu-button:hover,
.view-menu-button:focus-visible,
.view-menu-button[aria-expanded="true"] {
  border-color: rgba(102, 51, 241, 0.34);
  background: #fbfaff;
  box-shadow: 0 2px 7px rgba(102, 51, 241, 0.12);
  outline: 0;
}

.view-icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.view-icon::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 9px;
  width: 6px;
  height: 6px;
  border-radius: 2px;
  background: var(--purple);
  box-shadow:
    8px 0 0 rgba(102, 51, 241, 0.42),
    0 8px 0 rgba(102, 51, 241, 0.42),
    8px 8px 0 var(--purple);
}

.view-icon::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 11px;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid var(--purple);
  border-bottom: 1.5px solid var(--purple);
  transform: rotate(45deg);
}

.view-menu {
  position: absolute;
  top: 36px;
  right: 0;
  z-index: 20;
  width: 178px;
  padding: 6px;
  border: 1px solid rgba(102, 51, 241, 0.14);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 14px 28px rgba(18, 24, 40, 0.16);
}

.view-menu[hidden] {
  display: none;
}

.view-menu-item {
  width: 100%;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

.view-menu-item:hover,
.view-menu-item:focus-visible {
  background: #f6f3ff;
  outline: 0;
}

.view-menu-item.is-active {
  background: #f2efff;
}

.view-menu-mark {
  position: relative;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  border: 1px solid #d9d1ff;
  border-radius: 50%;
  background: #ffffff;
}

.view-menu-item.is-active .view-menu-mark {
  border-color: var(--purple);
  background: var(--purple);
}

.view-menu-item.is-active .view-menu-mark::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 3px;
  width: 5px;
  height: 9px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(45deg);
}

.view-menu-item strong {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.15;
}

.view-menu-item small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
}

.detail-context {
  display: none;
}

.ticket-header-context {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 6px;
}

.side-panel.is-tickets:not(.is-fullscreen) .ticket-header-context {
  display: flex;
}

.ticket-header-context .mode-status {
  margin: 0;
}

.side-panel:not(.is-home) .view-toolbar {
  display: none;
}

.side-panel.is-detail .publish-review-card {
  display: none;
}

.side-panel.is-detail .detail-context {
  display: flex;
}

.detail-context {
  justify-content: space-between;
  gap: 12px;
  margin-top: 6px;
}

.detail-context-copy {
  min-width: 0;
}

.breadcrumbs {
  min-width: 0;
  gap: 7px;
  color: var(--muted);
  font-size: 12px;
}

.mode-status {
  margin-top: 2px;
  overflow: hidden;
  color: #637087;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.breadcrumbs span {
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  opacity: 0.7;
  transform: rotate(-45deg);
}

.breadcrumbs strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 12px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.breadcrumb-button {
  min-width: 0;
  max-width: 96px;
  overflow: hidden;
  padding: 4px 0;
  background: transparent;
  color: var(--purple);
  font-size: 12px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.panel-content {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 12px 16px;
  background: var(--ds-slidein-body-background);
}

.side-panel.is-overview-view:not(.is-fullscreen) .panel-content {
  padding-top: 10px;
}

.panel-content::-webkit-scrollbar {
  width: 0;
}

.view-panel {
  display: none;
}

.view-panel.is-active {
  display: block;
}

#overview-panel.view-panel.is-active {
  display: grid;
  gap: 8px;
}

.home-screen,
.detail-screen,
.agenda-screen,
.speaker-screen,
.ticket-screen {
  display: none;
}

.home-screen.is-active,
.detail-screen.is-active,
.agenda-screen.is-active,
.speaker-screen.is-active,
.ticket-screen.is-active {
  display: block;
}

.speaker-screen.is-active {
  height: 100%;
  min-height: 0;
}

.ticket-screen.is-active {
  min-height: 100%;
}

.ticket-sidepanel-page {
  position: relative;
  display: grid;
  gap: 12px;
  padding-bottom: 4px;
}

.ticket-add-picker {
  position: absolute;
  z-index: 64;
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(213, 222, 235, 0.96);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 38px rgba(18, 24, 40, 0.18);
}

.ticket-add-picker[hidden] {
  display: none;
}

.ticket-add-anchor {
  position: relative;
}

.ticket-add-anchor > .ticket-add-picker {
  top: calc(100% + 6px);
  right: 0;
  left: 0;
}

.ticket-add-anchor > .ticket-add-picker.is-persistent {
  position: relative;
  inset: auto;
  z-index: 18;
  margin-top: 9px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ticket-add-picker.is-persistent .ticket-add-picker-field {
  min-height: 38px;
  border: 1px solid #d9e2ee;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.035);
}

.ticket-add-picker.is-persistent:not(.is-open) .ticket-add-picker-heading,
.ticket-add-picker.is-persistent:not(.is-open) .ticket-add-picker-results {
  display: none;
}

.ticket-add-picker.is-persistent.is-open .ticket-add-picker-heading {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  left: 0;
  z-index: 42;
  border: 1px solid rgba(213, 222, 235, 0.96);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(18, 24, 40, 0.11);
}

.ticket-add-picker.is-persistent.is-open .ticket-add-picker-results {
  position: absolute;
  top: calc(100% + 34px);
  right: 0;
  left: 0;
  z-index: 42;
  max-height: 248px;
  border: 1px solid rgba(213, 222, 235, 0.96);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: #ffffff;
  box-shadow: 0 18px 38px rgba(18, 24, 40, 0.18);
}

.ticket-add-picker-field {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px 6px 10px;
  border-bottom: 1px solid #e1e7f0;
  background: #ffffff;
  color: var(--purple);
}

.ticket-add-picker-field:focus-within {
  background: #fbfaff;
  box-shadow: inset 0 0 0 2px rgba(102, 51, 241, 0.1);
}

.ticket-add-picker-field > .ui-icon-host,
.ticket-add-picker-field > .ui-icon-svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}

.ticket-add-picker-field input {
  min-width: 0;
  flex: 1 1 auto;
  height: 28px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ink);
  font-size: 11px;
  font-weight: 400;
}

.ticket-add-picker-field input::placeholder {
  color: #7c889b;
}

.ticket-add-picker-field button {
  width: 28px;
  height: 28px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #667085;
  cursor: pointer;
}

.ticket-add-picker-field button:hover,
.ticket-add-picker-field button:focus-visible {
  background: #f1eefb;
  color: var(--purple);
  outline: 0;
}

.ticket-add-picker-field button .ui-icon-svg {
  width: 14px;
  height: 14px;
}

.ticket-add-picker-heading {
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 10px;
  background: #f7f9fc;
  color: #475467;
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
}

.ticket-add-picker-heading em {
  color: #8794a7;
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
}

.ticket-add-picker-results {
  display: grid;
  gap: 4px;
  max-height: 292px;
  overflow: auto;
  padding: 6px;
}

.ticket-add-option {
  width: 100%;
  min-height: 46px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 7px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: #ffffff;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.ticket-add-option:hover,
.ticket-add-option:focus-visible,
.ticket-add-option.is-highlighted {
  border-color: rgba(102, 51, 241, 0.3);
  background: #fbfaff;
  outline: 0;
}

.ticket-add-option.is-custom {
  border-color: rgba(102, 51, 241, 0.18);
  background: #f9f7ff;
}

.ticket-add-option:disabled {
  background: #f7f9fc;
  color: #8794a7;
  cursor: default;
}

.ticket-add-option-icon {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #eee8ff;
  color: var(--purple);
}

.ticket-add-option:disabled .ticket-add-option-icon {
  background: #edf1f6;
  color: #8794a7;
}

.ticket-add-option-icon .ui-icon-svg {
  width: 15px;
  height: 15px;
}

.ticket-add-option-copy {
  min-width: 0;
}

.ticket-add-option-copy strong,
.ticket-add-option-copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-add-option-copy strong {
  color: var(--ink);
  font-size: 11px;
  font-weight: 500;
}

.ticket-add-option:disabled .ticket-add-option-copy strong {
  color: #697586;
}

.ticket-add-option-copy small {
  margin-top: 2px;
  color: #667085;
  font-size: 9px;
  font-weight: 400;
}

.ticket-add-option > em {
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  border-radius: 999px;
  background: #eee8ff;
  color: var(--purple);
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  white-space: nowrap;
}

.ticket-add-option:disabled > em {
  background: #e8edf3;
  color: #697586;
}

.ticket-add-picker-empty {
  min-height: 80px;
  display: grid;
  place-items: center;
  padding: 16px;
  color: #667085;
  font-size: 10px;
  text-align: center;
}

.ticket-page-header,
.ticket-edit-heading,
.ticket-section-heading,
.ticket-link-card > div,
.ticket-page-actions {
  display: flex;
  align-items: center;
}

.ticket-page-header,
.ticket-edit-heading,
.ticket-section-heading {
  justify-content: space-between;
  gap: 12px;
}

.ticket-page-header h3,
.ticket-edit-heading h4,
.ticket-section-heading h4 {
  margin: 2px 0 0;
  color: var(--ink);
  letter-spacing: 0;
}

.ticket-page-header small,
.ticket-section-heading small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.3;
}

.ticket-icon-button {
  width: 30px;
  height: 30px;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #d8e0ec;
  border-radius: 6px;
  background: #ffffff;
  color: var(--purple);
  cursor: pointer;
}

.ticket-icon-button:hover,
.ticket-icon-button:focus-visible {
  border-color: rgba(102, 51, 241, 0.4);
  background: #f7f4ff;
  outline: none;
}

.ticket-icon-button .ui-icon-svg,
.ticket-link-icon .ui-icon-svg,
.ticket-primary-button .ui-icon-svg,
.ticket-search-field .ui-icon-svg,
.ticket-data-state > .ui-icon-svg {
  width: 15px;
  height: 15px;
}

.ticket-mode-panel {
  display: none;
}

.ticket-mode-panel.is-active {
  display: grid;
  gap: 10px;
}

.ticket-summary-grid,
.ticket-fullscreen-summary {
  display: grid;
  gap: 8px;
}

.ticket-summary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ticket-summary-grid > span,
.ticket-fullscreen-summary > span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 10px;
  border: 1px solid #e1e7f0;
  border-radius: 7px;
  background: #ffffff;
}

.ticket-summary-grid small,
.ticket-fullscreen-summary small {
  color: #667085;
  font-size: 9px;
  font-weight: 400;
}

.ticket-summary-grid strong,
.ticket-fullscreen-summary strong {
  color: var(--ink);
  font-size: 17px;
  font-weight: 500;
}

.ticket-link-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border: 1px solid #e1e7f0;
  border-radius: 7px;
  background: #f9fbfe;
}

.ticket-link-card > div {
  min-width: 0;
  gap: 9px;
}

.ticket-link-icon {
  width: 28px;
  height: 28px;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 6px;
  background: #eee8ff;
  color: var(--purple);
}

.ticket-link-card strong,
.ticket-link-card small {
  display: block;
}

.ticket-link-card strong {
  color: var(--ink);
  font-size: 11px;
  font-weight: 500;
}

.ticket-link-card small {
  max-width: 235px;
  margin-top: 2px;
  overflow: hidden;
  color: var(--muted);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-link-card button,
.ticket-secondary-button {
  height: 28px;
  padding: 0 10px;
  border: 1px solid #d8e0ec;
  border-radius: 6px;
  background: #ffffff;
  color: #475467;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.ticket-section-heading {
  align-items: flex-end;
  padding-top: 2px;
}

.ticket-section-heading h4,
.ticket-edit-heading h4 {
  font-size: 13px;
  font-weight: 500;
}

.ticket-type-list {
  display: grid;
  gap: 6px;
}

.ticket-type-row {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 9px;
  border: 1px solid #e1e7f0;
  border-radius: 7px;
  background: #ffffff;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.ticket-type-row:hover,
.ticket-type-row:focus-visible,
.ticket-type-row.is-selected {
  border-color: rgba(102, 51, 241, 0.42);
  background: #faf8ff;
  outline: none;
}

.ticket-type-row.is-selected {
  box-shadow: inset 3px 0 0 var(--purple);
}

.ticket-row-count {
  min-height: 30px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #f0f4f9;
  color: #53627a;
  font-size: 10px;
  font-weight: 500;
}

.ticket-row-copy {
  min-width: 0;
}

.ticket-row-copy strong,
.ticket-row-copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-row-copy strong {
  color: var(--ink);
  font-size: 11px;
  font-weight: 500;
}

.ticket-row-copy small {
  margin-top: 2px;
  color: #667085;
  font-size: 9px;
  font-weight: 400;
}

.ticket-status-chip {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #a9e4cb;
  border-radius: var(--ds-pill-radius);
  background: #e8fbf0;
  color: #168347;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
}

.ticket-status-chip.is-draft {
  border-color: #b9a8ff;
  background: #f8f6ff;
  color: #6633f1;
}

.ticket-status-chip.is-review {
  border-color: #edc36f;
  background: #fff7e6;
  color: #9d6512;
}

.ticket-edit-form,
.ticket-editor-card {
  align-content: start;
}

.ticket-delete-zone {
  display: grid;
  gap: 8px;
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid #e6ebf2;
}

.ticket-delete-button {
  min-height: 30px;
  justify-self: start;
  padding: 0 10px;
  border: 1px solid #e6b8bd;
  border-radius: 6px;
  background: #ffffff;
  color: #b4232d;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.ticket-delete-button:hover,
.ticket-delete-button:focus-visible {
  border-color: #cf737c;
  background: #fff6f7;
  outline: 0;
}

.ticket-delete-confirm {
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid #e6b8bd;
  border-radius: 7px;
  background: #fff8f8;
}

.ticket-delete-confirm[hidden] {
  display: none;
}

.ticket-delete-confirm strong {
  color: #8f1f28;
  font-size: 11px;
  font-weight: 500;
}

.ticket-delete-confirm small {
  color: #7a4650;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.35;
}

.ticket-delete-confirm > div {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 3px;
}

.ticket-delete-confirm button {
  height: 27px;
  padding: 0 9px;
  border: 1px solid #d8e0ec;
  border-radius: 5px;
  background: #ffffff;
  color: #475467;
  font-size: 9px;
  font-weight: 500;
  cursor: pointer;
}

.ticket-delete-confirm [data-ticket-delete-confirm-action] {
  border-color: #b4232d;
  background: #b4232d;
  color: #ffffff;
}

.ticket-delete-confirm.is-archive {
  border-color: #efd9a0;
  background: #fffaf0;
}

.ticket-delete-confirm.is-archive strong {
  color: #8a5a00;
}

.ticket-delete-confirm.is-archive small {
  color: #7a5b20;
}

.ticket-delete-confirm.is-archive [data-ticket-delete-confirm-action] {
  border-color: #9b6500;
  background: #9b6500;
}

.ticket-edit-heading {
  align-items: flex-start;
  padding-bottom: 8px;
  border-bottom: 1px solid #e6ebf2;
}

.ticket-edit-form[data-shared-editor-type="registration"] .ticket-edit-heading {
  min-height: 72px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
}

.ticket-edit-form[data-shared-editor-type="registration"] .ticket-edit-heading > div:first-child {
  min-width: 0;
}

.ticket-edit-form[data-shared-editor-type="registration"] .ticket-edit-heading h4 {
  overflow: hidden;
  margin-top: 3px;
  font-size: 17px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-edit-form[data-shared-editor-type="registration"] .ticket-edit-heading .eyebrow {
  margin: 0;
  color: #667085;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0;
}

.ticket-edit-form[data-shared-editor-type="registration"] .ticket-edit-meta {
  gap: 7px;
}

.ticket-edit-meta {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.ticket-save-state {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #168457;
  font-size: 9px;
  font-weight: 400;
  white-space: nowrap;
}

.ticket-save-state i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.ticket-save-state.is-saving {
  color: #7a5b12;
}

.ticket-field,
.ticket-field-pair {
  min-width: 0;
}

.ticket-field {
  display: grid;
  gap: 5px;
  color: #4f5d73;
  font-size: 10px;
  font-weight: 500;
}

.ticket-field-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.ticket-field input,
.ticket-field select,
.ticket-field textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid #d9e1ec;
  border-radius: 6px;
  background: #ffffff;
  color: var(--ink);
  font-size: 11px;
  font-weight: 400;
}

.ticket-field input,
.ticket-field select {
  height: 34px;
  padding: 0 10px;
}

.ticket-field textarea {
  min-height: 68px;
  resize: vertical;
  padding: 9px 10px;
  font-family: inherit;
  line-height: 1.4;
}

.ticket-field input:focus,
.ticket-field select:focus,
.ticket-field textarea:focus {
  border-color: rgba(102, 51, 241, 0.58);
  outline: 2px solid rgba(102, 51, 241, 0.12);
  outline-offset: 0;
}

.ticket-status-chip.is-scheduled {
  border-color: #dce3ed;
  background: #eef4ff;
  color: #1d5bbf;
}

.ticket-status-chip.is-on-sale {
  border-color: #a9e4cb;
  background: #e8fbf0;
  color: #168347;
}

.ticket-status-chip.is-paused {
  border-color: #edc36f;
  background: #fff7e6;
  color: #9d6512;
}

.ticket-status-chip.is-sold-out {
  border-color: #b42318;
  background: #fff1f0;
  color: #b42318;
}

.ticket-status-chip.is-ended,
.ticket-status-chip.is-archived {
  border-color: #dce3ed;
  background: #f6f8fb;
  color: #697588;
}

.ticket-status-chip.is-hidden {
  border-color: #dce3ed;
  background: #f6f8fb;
  color: #697588;
}

.ticket-sales-section,
.ticket-promo-host {
  display: grid;
  gap: 10px;
  margin-top: 2px;
  padding-top: 12px;
  border-top: 1px solid #e6ebf2;
}

.ticket-switch-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.ticket-switch-control {
  min-width: 0;
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #4f5d73;
  cursor: pointer;
}

.ticket-switch-control input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.ticket-switch-control > span {
  position: relative;
  width: 30px;
  height: 18px;
  flex: 0 0 auto;
  border: 1px solid #cfd8e5;
  border-radius: 999px;
  background: #e8edf3;
  transition: background-color 150ms ease, border-color 150ms ease;
}

.ticket-switch-control > span::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(18, 24, 40, 0.18);
  transition: transform 150ms ease;
}

.ticket-switch-control input:checked + span {
  border-color: var(--purple);
  background: var(--purple);
}

.ticket-switch-control input:checked + span::after {
  transform: translateX(12px);
}

.ticket-switch-control input:focus-visible + span {
  outline: 2px solid rgba(102, 51, 241, 0.2);
  outline-offset: 2px;
}

.ticket-switch-control > em {
  min-width: 0;
  overflow: hidden;
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-promo-scope.is-promo-editing > :not(.ticket-promo-host) {
  display: none;
}

.ticket-promo-host.is-editing {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.ticket-promo-host.is-editing .ticket-promo-overview {
  display: none;
}

.ticket-promo-overview,
.ticket-promo-content,
.ticket-promo-list,
.ticket-promo-editor {
  display: grid;
}

.ticket-promo-overview,
.ticket-promo-content,
.ticket-promo-editor {
  gap: 10px;
}

.ticket-promo-heading,
.ticket-promo-editor-header,
.ticket-promo-editor-actions {
  display: flex;
  align-items: center;
}

.ticket-promo-heading,
.ticket-promo-heading-actions {
  justify-content: space-between;
  gap: 10px;
}

.ticket-promo-heading-actions {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 6px;
}

.ticket-promo-heading h4,
.ticket-promo-editor-header h4 {
  margin: 0;
  color: var(--ink);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
}

.ticket-promo-heading small,
.ticket-promo-disabled-note {
  display: block;
  margin-top: 3px;
  color: #718096;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.35;
}

.ticket-promo-enable {
  min-height: 28px;
}

.ticket-promo-enable > em {
  font-weight: 500;
}

.ticket-promo-disabled-note {
  margin: 0;
  padding: 8px 9px;
  border: 1px solid #e1e7f0;
  border-radius: 6px;
  background: #f8fafc;
}

.ticket-promo-disabled-note[hidden],
.ticket-promo-content[hidden],
.ticket-promo-empty[hidden],
.ticket-promo-list[hidden],
.ticket-promo-editor[hidden],
.ticket-promo-add-header[hidden],
.ticket-promo-free-notice[hidden] {
  display: none;
}

.ticket-promo-empty {
  min-height: 134px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  padding: 18px;
  border: 1px dashed #d6deea;
  border-radius: 7px;
  background: #fbfcff;
  text-align: center;
}

.ticket-promo-empty > .ui-icon-host {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #eee8ff;
  color: var(--purple);
}

.ticket-promo-empty .ui-icon-svg {
  width: 15px;
  height: 15px;
}

.ticket-promo-empty strong {
  color: var(--ink);
  font-size: 11px;
  font-weight: 500;
}

.ticket-promo-empty small {
  max-width: 250px;
  color: #718096;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.35;
}

.ticket-promo-empty button {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 11px;
  border: 0;
  border-radius: 6px;
  background: var(--purple);
  color: #ffffff;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.ticket-promo-empty button .ui-icon-svg {
  width: 13px;
  height: 13px;
}

.ticket-promo-list {
  gap: 7px;
}

.ticket-promo-card {
  transition: border-color 140ms ease, background-color 140ms ease;
}

.ticket-promo-card.is-disabled {
  background: #f8fafc;
}

.ticket-promo-card:hover,
.ticket-promo-card:focus-within {
  background: #faf8ff;
}

.ticket-promo-card-main small {
  font-variant-numeric: tabular-nums;
}

.ticket-promo-card-menu.is-confirming > div {
  border-color: #f1b7b3;
}

.ticket-promo-card-menu.is-confirming [data-ticket-promo-action="delete"] {
  background: #fff1f0;
  color: #b42318;
}

.ticket-promo-editor {
  align-content: start;
  gap: 11px;
}

.ticket-promo-editor-header {
  gap: 9px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6ebf2;
}

.ticket-promo-editor-header > button {
  width: 30px;
  height: 30px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #d8e0ec;
  border-radius: 6px;
  background: #ffffff;
  color: #4f5d73;
  cursor: pointer;
}

.ticket-promo-editor-header > button:hover,
.ticket-promo-editor-header > button:focus-visible {
  border-color: rgba(102, 51, 241, 0.42);
  color: var(--purple);
  outline: 0;
}

.ticket-promo-editor-header .ui-icon-svg {
  width: 14px;
  height: 14px;
}

.ticket-promo-code-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 7px;
}

.ticket-promo-code-field > button {
  height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(102, 51, 241, 0.28);
  border-radius: 6px;
  background: #ffffff;
  color: var(--purple);
  font-size: 9px;
  font-weight: 500;
  cursor: pointer;
}

.ticket-promo-discount-type {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.ticket-promo-discount-type legend,
.ticket-promo-datetime-group > span {
  margin-bottom: 5px;
  color: #4f5d73;
  font-size: 10px;
  font-weight: 500;
}

.ticket-promo-discount-type > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
  padding: 3px;
  border: 1px solid #dfe5ef;
  border-radius: 7px;
  background: #f3f6fa;
}

.ticket-promo-discount-type button {
  min-height: 30px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #667085;
  font-size: 9px;
  font-weight: 500;
  cursor: pointer;
}

.ticket-promo-discount-type button.is-active {
  background: #ffffff;
  color: var(--ink);
  box-shadow: 0 1px 3px rgba(18, 24, 40, 0.1);
}

.ticket-promo-datetime-group {
  display: grid;
  gap: 7px;
  padding: 10px;
  border: 1px solid #e1e7f0;
  border-radius: 7px;
  background: #f8fafc;
}

.ticket-promo-datetime-group > span {
  margin: 0;
}

.ticket-promo-active-control {
  justify-self: start;
}

.ticket-promo-free-notice {
  display: grid;
  gap: 9px;
  padding: 10px;
  border: 1px solid #b8dfc9;
  border-radius: 7px;
  background: #f1fbf5;
}

.ticket-promo-free-notice strong,
.ticket-promo-free-notice small {
  display: block;
}

.ticket-promo-free-notice strong {
  color: #16653f;
  font-size: 11px;
  font-weight: 500;
}

.ticket-promo-free-notice small {
  margin-top: 2px;
  color: #4e725f;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.35;
}

.ticket-promo-free-notice label {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  color: #315f48;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.35;
  cursor: pointer;
}

.ticket-promo-free-notice input {
  margin: 1px 0 0;
  accent-color: var(--purple);
}

.ticket-promo-editor-actions {
  justify-content: flex-end;
  gap: 7px;
  padding-top: 10px;
  border-top: 1px solid #e6ebf2;
}

.ticket-promo-editor-actions button {
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid #d8e0ec;
  border-radius: 6px;
  background: #ffffff;
  color: #4f5d73;
  font-size: 9px;
  font-weight: 500;
  cursor: pointer;
}

.ticket-promo-editor-actions [data-ticket-promo-apply] {
  border-color: var(--purple);
  background: var(--purple);
  color: #ffffff;
}

.ticket-data-state {
  min-height: 210px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  padding: 24px;
  border: 1px dashed #d8e0ec;
  border-radius: 8px;
  background: #fbfcff;
  text-align: center;
}

.ticket-data-state[hidden] {
  display: none;
}

.ticket-data-state > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #eee8ff;
  color: var(--purple);
}

.ticket-data-state strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 500;
}

.ticket-data-state small {
  color: #667085;
  font-size: 10px;
  font-weight: 400;
}

.ticket-data-state button,
.ticket-primary-button {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  background: var(--purple);
  color: #ffffff;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.fullscreen-ticket-page {
  position: relative;
  min-width: 0;
  display: none;
  gap: 12px;
}

.fullscreen-ticket-page > .ticket-add-picker {
  top: 62px;
  right: 0;
  width: min(370px, calc(100% - 24px));
}

.ticket-page-header {
  min-height: 56px;
  padding: 10px 12px;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
  background: #ffffff;
}

.ticket-page-header h3 {
  font-size: 16px;
  font-weight: 500;
}

.ticket-page-actions {
  justify-content: flex-end;
  gap: 8px;
}

.ticket-fullscreen-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ticket-fullscreen-summary > span {
  padding: 9px 11px;
}

.ticket-fullscreen-summary strong {
  font-size: 18px;
}

.ticket-fullscreen-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  align-items: start;
  gap: 12px;
}

.ticket-table-card,
.ticket-editor-card {
  min-width: 0;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
  background: #ffffff;
}

.ticket-table-card {
  overflow: hidden;
}

.ticket-table-toolbar {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border-bottom: 1px solid #e1e7f0;
}

.ticket-table-toolbar > span {
  color: #667085;
  font-size: 10px;
}

.ticket-search-field {
  width: min(280px, 100%);
  height: 30px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 9px;
  border: 1px solid #d9e1ec;
  border-radius: 6px;
  background: #ffffff;
  color: #667085;
}

.ticket-search-field input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: var(--ink);
  font-size: 10px;
  font-weight: 400;
}

.ticket-table-header,
.ticket-table-row {
  display: grid;
  grid-template-columns: minmax(190px, 1.4fr) minmax(130px, 0.8fr) 90px 86px;
  align-items: center;
  gap: 10px;
}

.ticket-table-header {
  min-height: 32px;
  padding: 0 12px;
  border-bottom: 1px solid #e1e7f0;
  background: #f7f9fc;
  color: #53627a;
  font-size: 9px;
  font-weight: 500;
}

.ticket-table-list {
  gap: 0;
}

.ticket-table-row {
  width: 100%;
  min-height: 50px;
  padding: 7px 12px;
  border: 0;
  border-bottom: 1px solid #e7ebf1;
  background: #ffffff;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.ticket-table-row:hover,
.ticket-table-row:focus-visible,
.ticket-table-row.is-selected {
  background: #faf8ff;
  outline: none;
}

.ticket-table-row.is-selected {
  box-shadow: inset 3px 0 0 var(--purple);
}

.ticket-table-row > span {
  min-width: 0;
  color: #475467;
  font-size: 10px;
}

.ticket-table-row .ticket-row-copy strong {
  font-size: 11px;
}

.ticket-table-row .ticket-row-copy small {
  font-size: 9px;
}

.ticket-editor-card {
  position: sticky;
  top: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
}

.ticket-editor-link {
  margin-top: 2px;
}

.prototype-shell.is-ticket-management .side-panel.is-fullscreen .panel-content {
  background: #f4f7fb;
}

.prototype-shell.is-ticket-management .side-panel.is-fullscreen .fullscreen-workspace {
  grid-template-columns: var(--fullscreen-nav-width) minmax(0, 1fr);
}

.prototype-shell.is-ticket-management .fullscreen-main {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  min-height: calc(100vh - 156px);
}

.prototype-shell.is-ticket-management .overview-top-grid,
.prototype-shell.is-ticket-management .fullscreen-main > .fullscreen-card,
.prototype-shell.is-ticket-management .fullscreen-overview-strip {
  display: none;
}

.prototype-shell.is-ticket-management .fullscreen-ticket-page {
  display: grid;
}

.side-panel.is-fullscreen .ticket-screen {
  display: none;
}

.prototype-shell:not(.is-ticket-management) .side-panel.is-fullscreen .fullscreen-ticket-page {
  display: none;
}

.side-panel.is-tickets .detail-context {
  display: none;
}

@media (max-width: 920px) {
  .ticket-fullscreen-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ticket-editor-card {
    position: static;
  }
}

@media (max-width: 640px) {
  .fullscreen-ticket-page > .ticket-add-picker {
    right: 0;
    left: 0;
    width: auto;
  }

  .ticket-fullscreen-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ticket-page-header {
    align-items: flex-start;
  }

  .ticket-page-actions {
    flex-wrap: wrap;
  }

  .ticket-table-header {
    display: none;
  }

  .ticket-table-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .ticket-table-row > span:nth-child(2),
  .ticket-table-row > span:nth-child(3) {
    display: none;
  }
}

.publish-preview-panel {
  display: none;
}

.publish-preview-panel.is-active {
  display: grid;
  gap: 16px;
}

.publish-preview-summary {
  display: grid;
  gap: 8px;
  padding: 0 0 12px;
  border-bottom: 1px solid rgba(213, 222, 235, 0.84);
}

.publish-preview-heading {
  display: grid;
  gap: 4px;
}

.publish-preview-heading .mode-status {
  margin: 0;
}

.publish-preview-heading h3 {
  margin: 0;
  color: var(--ink);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.publish-preview-heading small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.25;
}

.publish-review-section {
  display: grid;
  gap: 8px;
}

.publish-review-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.publish-review-section-heading strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 700;
}

.publish-review-section-heading span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 500;
}

.publish-review-action {
  width: 100%;
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 10px;
  color: var(--ink);
  font: inherit;
  text-align: left;
  border: 1px solid #f0d49a;
  border-radius: 8px;
  background: #fffdf8;
  cursor: pointer;
}

.publish-review-action:hover {
  border-color: #e7b851;
  background: #fffaf0;
}

.publish-review-action:focus-visible {
  outline: 2px solid var(--purple);
  outline-offset: 2px;
}

.publish-review-action > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.publish-review-action strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.publish-review-action small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
}

.publish-review-action-label {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: var(--purple);
  font-size: 10px;
  font-weight: 600;
}

.publish-review-action-label [data-ui-icon] {
  width: 13px;
  height: 13px;
}

.publish-review-list {
  border-top: 1px solid rgba(213, 222, 235, 0.84);
}

.publish-review-list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 35px;
  border-bottom: 1px solid rgba(213, 222, 235, 0.84);
}

.publish-review-list-row > span {
  color: #40506b;
  font-size: 11px;
  font-weight: 600;
}

.publish-review-list-row > strong {
  color: var(--muted);
  font-size: 10px;
  font-weight: 500;
}

.issue-list,
.section-list,
.activity-list {
  display: grid;
  gap: 8px;
}

.compact-list {
  gap: 6px;
}

#overview-panel .compact-list {
  gap: 0;
}

#overview-panel .section-list {
  gap: 7px;
}

.issue-item,
.issue-detail {
  width: 100%;
  gap: 8px;
  border: 1px solid #e5eaf2;
  border-radius: 8px;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
}

.issue-item {
  min-height: 36px;
  padding: 7px 10px;
}

.issue-detail {
  align-items: flex-start;
  min-height: 62px;
  padding: 11px;
}

.issue-item > span:nth-child(2) {
  display: flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}

.issue-detail > span:nth-child(2) {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.issue-item strong,
.issue-detail strong,
.section-row strong,
.activity-list strong {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
}

.issue-item strong {
  flex: 1;
  min-width: 0;
}

.issue-item small,
.issue-detail small,
.section-row small,
.activity-list p {
  color: var(--muted);
  font-size: 12px;
  font-weight: 400;
}

.dot,
.activity-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
}

.is-blocked .dot {
  background: var(--coral);
}

.is-warning .dot {
  background: var(--amber);
}

.section-heading {
  justify-content: space-between;
  gap: 12px;
  margin: 15px 0 9px;
}

.section-heading.first {
  margin-top: 0;
}

.text-button {
  padding: 8px 0 8px 10px;
  background: transparent;
  color: var(--purple);
  font-size: 13px;
}

.section-row {
  width: 100%;
  min-height: 54px;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  text-align: left;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.section-row:hover,
.section-row:focus-visible,
.section-row.is-selected {
  border-color: rgba(102, 51, 241, 0.42);
  box-shadow: 0 6px 16px rgba(102, 51, 241, 0.08);
  transform: translateY(-1px);
  outline: 0;
}

.section-row > span:nth-child(2) {
  display: grid;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.section-row em {
  flex: 0 0 auto;
  min-width: 48px;
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #dce3ed;
  border-radius: var(--ds-pill-radius);
  background: #f6f8fb;
  color: #697588;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
}

.section-row em.is-issue {
  border-color: #b9a8ff;
  background: #f8f6ff;
  color: #6633f1;
}

.section-row em.is-review {
  border-color: #edc36f;
  background: #fff7e6;
  color: #9d6512;
}

.section-row.is-selected em {
  border-color: #b9a8ff;
  background: #f8f6ff;
  color: #6633f1;
}

.section-icon {
  position: relative;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  border-radius: 9px;
  background: #eef2ff;
}

.section-icon::before,
.section-icon::after {
  content: "";
  position: absolute;
}

/* Semantic product icons: exact react-icons glyphs with existing control styling. */
.ui-icon-host {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  color: currentColor;
}

.ui-icon-svg {
  display: block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  overflow: visible;
  color: currentColor;
}

.event-manager-global-search > .ui-icon-host,
.event-manager-table-search > .ui-icon-host {
  position: absolute;
  top: 50%;
  left: 12px;
  z-index: 1;
  width: 15px;
  height: 15px;
  color: #748197;
  font-size: 15px;
  pointer-events: none;
  transform: translateY(-50%);
}

.event-manager-global-search.has-ui-icon::before,
.event-manager-global-search.has-ui-icon::after,
.event-manager-table-search.has-ui-icon::before,
.event-manager-table-search.has-ui-icon::after,
.agenda-date-icon-button.has-ui-icon::before,
.agenda-date-icon-button.has-ui-icon::after,
.agenda-add-icon-button.has-ui-icon::before,
.agenda-add-icon-button.has-ui-icon::after,
.profile-close-button.has-ui-icon::before,
.profile-close-button.has-ui-icon::after {
  content: none;
  display: none;
}

.event-manager-table-search.has-ui-icon input {
  padding-left: 34px;
}

.panel-close-button > .ui-icon-host,
.panel-fullscreen-button > .ui-icon-host,
.panel-reopen-button > .ui-icon-host,
.speaker-close-button > .ui-icon-host,
.profile-close-button > .ui-icon-host,
.agenda-date-icon-button > .ui-icon-host,
.agenda-add-icon-button > .ui-icon-host {
  width: 16px;
  height: 16px;
  margin: auto;
  font-size: 16px;
}

.panel-close-button > .ui-icon-host,
.speaker-close-button > .ui-icon-host {
  color: #667085;
}

.panel-close-button:hover > .ui-icon-host,
.panel-close-button:focus-visible > .ui-icon-host,
.speaker-close-button:hover > .ui-icon-host,
.speaker-close-button:focus-visible > .ui-icon-host {
  color: var(--purple);
}

.panel-close-button > .ui-icon-host::before,
.panel-close-button > .ui-icon-host::after,
.speaker-close-button > .ui-icon-host::before,
.speaker-close-button > .ui-icon-host::after {
  content: none;
  display: none;
}

.speaker-picker-icon.ui-icon-host,
.section-icon.ui-icon-host {
  border: 0;
  background: transparent;
  color: var(--purple);
  opacity: 0.82;
}

.speaker-picker-icon.ui-icon-host {
  width: 15px;
  height: 15px;
  border-radius: 0;
  font-size: 15px;
}

.speaker-picker-icon.ui-icon-host::after,
.section-icon.ui-icon-host::before,
.section-icon.ui-icon-host::after {
  content: none;
  display: none;
}

.event-manager-sidebar svg[data-icon-library],
.event-manager-topbar svg[data-icon-library] {
  width: 16px;
  height: 16px;
}

.event-manager-sidebar button.is-active svg[data-icon-library] {
  color: var(--purple);
}

.event-manager-sidebar nav button > .ui-icon-host {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  margin-right: 10px;
  border-radius: 7px;
  background: #eef2f7;
  color: #647187;
  font-size: 18px;
  transition: background 140ms ease, color 140ms ease;
}

.event-manager-sidebar nav button > .ui-icon-host .ui-icon-svg {
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: currentColor;
}

.event-manager-sidebar nav button:hover > .ui-icon-host {
  background: #e8edf4;
  color: #455268;
}

.event-manager-sidebar nav button.is-active > .ui-icon-host {
  background: #dfd7ff;
  color: var(--purple);
}

.event-manager-app.is-nav-collapsed .event-manager-sidebar nav button > .ui-icon-host {
  margin-right: 0;
}

:is(
  .panel-close-button,
  .panel-fullscreen-button,
  .panel-reopen-button,
  .speaker-close-button,
  .profile-close-button,
  .agenda-date-icon-button,
  .agenda-add-icon-button
).has-ui-icon::before,
:is(
  .panel-close-button,
  .panel-fullscreen-button,
  .panel-reopen-button,
  .speaker-close-button,
  .profile-close-button,
  .agenda-date-icon-button,
  .agenda-add-icon-button
).has-ui-icon::after,
:is(
  .panel-close-button,
  .panel-fullscreen-button,
  .panel-reopen-button,
  .speaker-close-button,
  .profile-close-button,
  .agenda-date-icon-button,
  .agenda-add-icon-button
) > .ui-icon-host::before,
:is(
  .panel-close-button,
  .panel-fullscreen-button,
  .panel-reopen-button,
  .speaker-close-button,
  .profile-close-button,
  .agenda-date-icon-button,
  .agenda-add-icon-button
) > .ui-icon-host::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 1180px) {
  .event-manager-sidebar nav button > .ui-icon-host {
    margin-right: 0;
  }
}

.section-row .section-icon,
.fullscreen-nav-row .section-icon {
  display: none;
}

.overview-icon::before {
  left: 8px;
  top: 8px;
  width: 7px;
  height: 7px;
  border-radius: 3px;
  background: var(--purple);
  box-shadow:
    10px 0 0 var(--purple),
    0 10px 0 var(--purple),
    10px 10px 0 var(--teal);
}

.pages-icon::before {
  left: 8px;
  top: 7px;
  width: 16px;
  height: 18px;
  border: 3px solid var(--purple);
  border-radius: 4px;
}

.pages-icon::after {
  left: 12px;
  top: 14px;
  width: 9px;
  border-top: 3px solid var(--purple);
}

.agenda-icon {
  background: #fff6e7;
}

.agenda-icon::before {
  left: 8px;
  top: 8px;
  width: 17px;
  height: 17px;
  border: 3px solid var(--amber);
  border-radius: 5px;
}

.agenda-icon::after {
  left: 11px;
  top: 15px;
  width: 11px;
  border-top: 3px solid var(--amber);
}

.speaker-icon {
  background: #edf8f5;
}

.speaker-icon::before {
  left: 8px;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--teal);
  box-shadow: 9px 2px 0 -1px var(--teal);
}

.speaker-icon::after {
  left: 7px;
  bottom: 8px;
  width: 19px;
  height: 8px;
  border-radius: 10px 10px 4px 4px;
  background: var(--teal);
}

.ticket-icon {
  background: #eef4ff;
}

.ticket-icon::before {
  left: 8px;
  top: 11px;
  width: 17px;
  height: 11px;
  border: 3px solid var(--blue);
  border-radius: 4px;
}

.ticket-icon::after {
  left: 16px;
  top: 12px;
  height: 11px;
  border-left: 2px dashed var(--blue);
}

.sponsor-icon {
  background: #fff0ed;
}

.sponsor-icon::before {
  left: 8px;
  top: 8px;
  width: 17px;
  height: 17px;
  transform: rotate(45deg);
  border-radius: 5px;
  background: var(--coral);
}

.activity-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.activity-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 9px 0;
  border-bottom: 1px solid #edf1f6;
}

.activity-list li:last-child {
  border-bottom: 0;
}

.activity-list p {
  margin: 2px 0 0;
}

.purple {
  background: var(--purple);
}

.green {
  background: var(--teal);
}

.blue {
  background: var(--blue);
}

.detail-hero {
  display: grid;
  gap: 3px;
  padding: 0 0 9px;
  border-bottom: 1px solid #edf1f6;
}

.detail-hero-top {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.detail-summary-line {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin: 0;
  color: var(--ink);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
}

.detail-summary-dot {
  color: #a0a9b8;
  font-weight: 400;
}

.detail-hero p.updated-line {
  display: inline-flex;
  width: fit-content;
  margin: 0;
  padding: 0;
  border-radius: 999px;
  background: transparent;
  color: #647189;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
}

.detail-health {
  flex: 0 0 auto;
  align-self: center;
  padding: 0;
  border-radius: 999px;
  background: transparent;
  color: #9d6512;
  font-size: 13px;
  font-weight: 500;
}

.detail-health.is-ready {
  color: #18834b;
}

.detail-mode-switch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  padding: 3px;
  border: 1px solid #e1e7ef;
  border-radius: 7px;
  background: #f7f9fc;
  flex: 0 0 112px;
}

.detail-mode-button {
  height: 26px;
  border-radius: 5px;
  background: transparent;
  color: #647189;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.detail-mode-button.is-active {
  background: #ffffff;
  color: var(--ink);
  box-shadow: 0 3px 10px rgba(24, 31, 45, 0.08);
}

.detail-mode-panel {
  display: none;
}

.detail-mode-panel.is-active {
  display: block;
}

.detail-status-card {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  min-width: 0;
  margin: 0 0 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
}

.detail-status-card > div {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

.detail-status-card strong {
  display: inline;
  color: #7b5a19;
  font-size: 9px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.detail-status-card p {
  display: none;
}

.detail-status-card button,
.block-heading button {
  flex: 0 0 auto;
  border-radius: 7px;
  background: #ffffff;
  color: var(--purple);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.detail-status-card button {
  height: 22px;
  padding: 0 6px;
  border: 1px solid rgba(231, 157, 33, 0.3);
  color: #8a5306;
  font-size: 9px;
}

.status-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
}

.warning-dot {
  background: var(--amber);
}

.detail-status-card .status-dot {
  width: 5px;
  height: 5px;
}

.detail-record-groups {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.record-group {
  display: grid;
  gap: 0;
  border-top: 1px solid #edf1f6;
}

.record-group-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 0 2px;
}

.record-group-heading h3 {
  margin: 0;
  color: #5f6b7d;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

.record-group-heading span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
}

.record-list {
  margin: 0;
}

.record-row {
  min-height: 40px;
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 7px 0;
  border-bottom: 1px solid #edf1f6;
}

.record-row dt,
.record-row dd {
  margin: 0;
  font-size: 13px;
}

.record-row dt {
  color: var(--muted);
  font-weight: 500;
}

.record-row dd {
  min-width: 0;
  color: var(--ink);
  font-weight: 400;
  line-height: 1.3;
}

.record-row.url-field dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.record-row.url-field dd span {
  min-width: 0;
  overflow: hidden;
  color: #314158;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.record-row.url-field button {
  flex: 0 0 auto;
  height: 24px;
  padding: 0 7px;
  border: 1px solid #e0e6f0;
  border-radius: 6px;
  background: #fbfcff;
  color: var(--purple);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.detail-block,
.form-section {
  margin-top: 10px;
}

.required-checklist {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 0;
  border: 0;
  border-bottom: 1px solid #edf1f6;
  border-radius: 0;
  background: transparent;
}

.required-checklist .block-heading {
  min-width: 128px;
  flex: 0 0 auto;
  margin-bottom: 0;
}

.required-status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  color: #647189;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
}

.required-status strong {
  color: #647189;
  font-size: 11px;
  font-weight: 400;
}

.required-status span:first-child {
  color: var(--ink);
  font-weight: 500;
}

.checklist-grid {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  min-width: 0;
  flex: 1;
  flex-wrap: wrap;
}

.check-item {
  min-height: 22px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 6px;
  border: 1px solid #dcefe8;
  border-radius: 999px;
  background: #f7fcfa;
}

.check-item > span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.check-item.is-complete > span {
  background: var(--teal);
}

.check-item.is-missing {
  background: #fffaf0;
}

.check-item.is-missing > span {
  background: var(--amber);
}

.check-item strong {
  min-width: 0;
  overflow: hidden;
  color: var(--ink);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.check-item small {
  display: none;
}

.check-item.is-missing small {
  color: #9d6512;
}

.about-panel {
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid #edf1f6;
  border-radius: 0;
  background: transparent;
}

.about-panel p:not(.eyebrow) {
  color: #465368;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
}

.block-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 7px;
}

.block-heading .eyebrow {
  margin-bottom: 0;
}

.block-heading span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
}

.block-heading button {
  height: 28px;
  padding: 0 9px;
  border: 1px solid #e0e6f0;
}

.assignment-panel {
  display: grid;
  gap: 0;
  padding-top: 2px;
}

.assignment-record-group {
  gap: 0;
}

.assignment-row {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border: 0;
  border-top: 1px solid #edf1f6;
  border-radius: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.assignment-record-group .assignment-row:first-of-type {
  border-top: 0;
}

.assignment-row > span:nth-child(2) {
  display: grid;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.assignment-count {
  width: 36px;
  height: 30px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 7px;
  background: #f7f9fc;
  color: var(--ink);
  font-size: 13px;
  font-weight: 400;
}

.assignment-row strong {
  color: var(--ink);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
}

.assignment-row small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.assignment-row em {
  flex: 0 0 auto;
  color: var(--purple);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

.edit-form {
  margin-top: 12px;
}

.save-state {
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 8px 10px;
  border: 1px solid #dcefe8;
  border-radius: 8px;
  background: #f7fcfa;
  color: #3f6f5e;
  font-size: 12px;
  font-weight: 400;
}

.save-state span {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--teal);
}

.save-state strong {
  font-size: 12px;
  font-weight: 500;
}

.save-state.is-saving {
  border-color: #e6d6ad;
  background: #fffaf0;
  color: #7b5a19;
}

.save-state.is-saving span {
  background: var(--amber);
}

.edit-form > .save-state {
  display: none;
}

.edit-form label {
  display: grid;
  gap: 6px;
  margin-bottom: 10px;
}

.edit-form label span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}

.edit-form input,
.edit-form select,
.edit-form textarea {
  width: 100%;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font: inherit;
  font-size: 13px;
}

.edit-form input[readonly] {
  background: #f6f8fb;
  color: #647189;
}

.edit-form input,
.edit-form select {
  height: 38px;
  padding: 0 10px;
}

.edit-form select {
  appearance: none;
  background:
    linear-gradient(45deg, transparent 50%, #647189 50%) right 13px center / 6px 6px no-repeat,
    linear-gradient(135deg, #647189 50%, transparent 50%) right 9px center / 6px 6px no-repeat,
    #ffffff;
  padding-right: 28px;
}

.edit-form textarea {
  resize: vertical;
  padding: 10px;
  line-height: 1.4;
}

.field-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.panel-footer {
  flex: 0 0 auto;
  padding: 10px 16px max(14px, calc(10px + env(safe-area-inset-bottom, 0px)));
  border-top: 1px solid var(--line);
  background: #ffffff;
  box-shadow: 0 -10px 20px rgba(18, 24, 40, 0.035);
}

.footer-status {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  margin-bottom: 8px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
  text-transform: none;
}

.footer-status .footer-separator {
  color: #98a2b3;
}

.footer-status[hidden],
.detail-footer-save[hidden],
.footer-secondary-button[hidden] {
  display: none;
}

.side-panel.is-detail-footer-preview .panel-footer {
  padding-top: 12px;
}

.side-panel.is-detail-footer-edit .panel-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 12px;
}

.detail-footer-save {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  flex: 1 1 auto;
  color: #3f6f5e;
  font-size: 12px;
  font-weight: 400;
}

.detail-footer-save span {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--teal);
}

.detail-footer-save strong {
  min-width: 0;
  overflow: hidden;
  color: inherit;
  font-size: 12px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detail-footer-save.is-saving {
  color: #7b5a19;
}

.detail-footer-save.is-saving span {
  background: var(--amber);
}

.footer-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer-actions .publish-button {
  flex: 1 1 auto;
}

.footer-secondary-button {
  height: 42px;
  flex: 0 0 auto;
  padding: 0 12px;
  border: 1px solid #d8e0eb;
  border-radius: 8px;
  background: #ffffff;
  color: #475467;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.footer-secondary-button:hover,
.footer-secondary-button:focus-visible {
  border-color: rgba(102, 51, 241, 0.28);
  color: var(--purple);
  outline: 0;
}

.publish-button {
  width: 100%;
  height: 42px;
  border: 0;
  border-radius: 8px;
  background: #172033;
  color: #ffffff;
  font-size: 13px;
}

.publish-button:focus-visible {
  outline: 2px solid rgba(102, 51, 241, 0.32);
  outline-offset: 2px;
}

.side-panel.is-detail-footer-edit .publish-button {
  width: auto;
  min-width: 92px;
  flex: 0 0 auto;
}

.side-panel.is-detail-footer-edit .footer-actions {
  flex: 0 0 auto;
}

.side-panel.is-publish-preview-view .footer-status {
  color: #3f6f5e;
}

.toast {
  position: absolute;
  left: 50%;
  bottom: 104px;
  max-width: 330px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(21, 32, 46, 0.92);
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 12px);
  transition: opacity 180ms ease, transform 180ms ease;
}

.toast:has(button) {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  pointer-events: auto;
}

.toast > button {
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: #ffffff;
  font: inherit;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

.toast.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

@media (max-width: 760px) {
  .prototype-shell {
    padding: 0;
  }

  .site-canvas {
    display: none;
  }

  .side-panel {
    width: min(100vw, 419px);
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    max-height: none;
    border: 0;
    border-radius: 0;
  }
}

/* Responsive layout guardrails. Keep this block last so it wins over earlier prototype sizing. */
.side-panel,
.side-panel *,
.speaker-drawer,
.speaker-drawer * {
  min-width: 0;
}

@media (max-height: 940px) {
  .prototype-shell:not(.is-editor-fullscreen) {
    --panel-outer-gap: clamp(8px, 2vw, 16px);
    align-items: stretch;
    padding: var(--panel-outer-gap);
  }

  .prototype-shell:not(.is-editor-fullscreen) .site-canvas {
    inset: clamp(8px, 2vw, 16px) clamp(431px, 35vw, 443px) clamp(8px, 2vw, 16px) clamp(8px, 2vw, 16px);
  }

  .prototype-shell:not(.is-editor-fullscreen) .side-panel {
    height: calc(100vh - (var(--panel-outer-gap) * 2));
    height: calc(100dvh - (var(--panel-outer-gap) * 2));
    min-height: 0;
    max-height: 893px;
  }
}

@media (max-width: 900px) {
  .prototype-shell,
  .prototype-shell:not(.is-editor-fullscreen) {
    padding: 0;
  }

  .site-canvas {
    display: none;
  }

  .side-panel {
    width: min(419px, 100vw);
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    max-height: none;
    border-radius: 0;
  }

  .prototype-shell:not(.is-editor-fullscreen) .side-panel {
    height: 100vh;
    height: 100dvh;
    max-height: none;
  }
}

.prototype-shell.is-editor-closed:not(.is-editor-fullscreen) .site-canvas {
  right: var(--panel-outer-gap, 24px);
}

@media (max-width: 900px) {
  .prototype-shell.is-editor-closed .site-canvas {
    display: block;
    inset: 0;
    border-radius: 0;
  }
}

/* Fullscreen export foundations */
.figma-control-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.figma-button-variant {
  min-width: 0;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  border: 1px solid transparent;
  border-radius: 7px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

.figma-button-variant.is-primary {
  background: var(--purple);
  color: #ffffff;
}

.figma-button-variant.is-secondary {
  border-color: rgba(102, 51, 241, 0.24);
  background: #ffffff;
  color: var(--purple);
}

.figma-button-variant.is-text {
  height: 28px;
  padding: 0 4px;
  background: transparent;
  color: var(--purple);
}

.figma-button-variant.is-icon {
  width: 34px;
  min-width: 34px;
  padding: 0;
  border-color: #dbe3ee;
  background: #ffffff;
  color: #475467;
  font-size: 15px;
}

.figma-button-variant:disabled {
  background: #e9e5f7;
  color: #968cad;
}

.figma-chip-variant {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid transparent;
  border-radius: var(--ds-pill-radius);
  font-family: Roboto, Arial, sans-serif;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0;
  white-space: nowrap;
}

.figma-chip-variant.is-ready {
  border-color: #a9e4cb;
  background: #e8fbf0;
  color: #168347;
}

.figma-chip-variant.is-draft {
  border-color: #b9a8ff;
  background: #f8f6ff;
  color: #6633f1;
}

.figma-chip-variant.is-review,
.figma-chip-variant.is-saving {
  border-color: #edc36f;
  background: #fff7e6;
  color: #9d6512;
}

.figma-chip-variant.is-locked {
  border-color: #edc36f;
  background: #fff7e6;
  color: #9d6512;
}

.figma-chip-variant.is-locked i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #f59e0b;
}

.figma-field-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.figma-field-variant {
  min-width: 0;
  display: grid;
  gap: 5px;
  color: #5d6678;
  font-family: Roboto, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.figma-field-variant input {
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #dbe3ee;
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}

.figma-field-variant.is-focus input {
  border-color: rgba(102, 51, 241, 0.5);
  outline: 3px solid rgba(102, 51, 241, 0.1);
}

.figma-field-variant.is-error input {
  border-color: rgba(220, 38, 38, 0.42);
  background: #fffafa;
}

.figma-field-variant small {
  color: #b42318;
  font-size: 9px;
  font-weight: 400;
}

.figma-type-list {
  display: grid;
  gap: 0;
  border: 1px solid #e3e9f2;
  border-radius: 8px;
  overflow: hidden;
}

.figma-type-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  padding: 11px 12px;
  border-bottom: 1px solid #edf1f6;
  font-family: Roboto, Arial, sans-serif;
}

.figma-type-row:last-child {
  border-bottom: 0;
}

.figma-type-row em {
  color: #667085;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}

.figma-type-row strong {
  color: var(--ink);
  letter-spacing: 0;
}

.figma-type-row.is-title strong {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}

.figma-type-row.is-section strong {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.figma-type-row.is-label strong {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.figma-type-row.is-body strong {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

.figma-type-row.is-meta strong {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.3;
}

.side-panel.is-fullscreen,
.side-panel.is-fullscreen button,
.side-panel.is-fullscreen input,
.side-panel.is-fullscreen select,
.side-panel.is-fullscreen textarea {
  font-family: Roboto, Arial, sans-serif;
  letter-spacing: 0;
}

.side-panel.is-fullscreen :is(
  .overview-card,
  .fullscreen-event-details-page,
  .fullscreen-speaker-page,
  .agenda-workspace-main,
  .agenda-editor-panel,
  .speaker-profile-panel,
  .speaker-profile-header,
  .profile-editor-section,
  .profile-editor-footer
) {
  border-radius: 8px;
}

.side-panel.is-fullscreen :is(
  .fullscreen-nav-row em,
  .overview-list-row em,
  .overview-person-row em,
  .overview-sponsor-row em,
  .speaker-card-status,
  .profile-save-state
) {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 14px;
}

html[data-figma-export] *,
html[data-figma-export] *::before,
html[data-figma-export] *::after {
  animation: none !important;
  scroll-behavior: auto !important;
  transition: none !important;
}

html[data-figma-export]:not([data-figma-export="components"]):not([data-figma-export^="sidepanel-"]),
html[data-figma-export]:not([data-figma-export="components"]):not([data-figma-export^="sidepanel-"]) body {
  width: 100%;
  min-height: 100%;
  background: #f4f7fb;
}

html[data-figma-export]:not([data-figma-export="components"]):not([data-figma-export^="sidepanel-"]) .prototype-shell {
  min-height: 100vh;
  padding: 0;
  background: #f4f7fb;
}

html[data-figma-canvas="reference"]:not([data-figma-export="components"]):not([data-figma-export^="sidepanel-"]),
html[data-figma-canvas="reference"]:not([data-figma-export="components"]):not([data-figma-export^="sidepanel-"]) body,
html[data-figma-canvas="reference"]:not([data-figma-export="components"]):not([data-figma-export^="sidepanel-"]) .prototype-shell {
  width: 1440px;
  min-width: 1440px;
  max-width: 1440px;
  height: 1124px;
  min-height: 1124px;
}

html[data-figma-export]:not([data-figma-export="components"]):not([data-figma-export^="sidepanel-"]) .side-panel.is-fullscreen {
  inset: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-figma-export^="event-details-fullscreen-"],
html[data-figma-export^="event-details-fullscreen-"] body,
html[data-figma-export^="event-details-fullscreen-"] .prototype-shell {
  width: 1440px;
  min-width: 1440px;
  max-width: 1440px;
  height: 1124px;
  min-height: 1124px;
  max-height: 1124px;
}

html[data-figma-export^="event-details-fullscreen-"] .side-panel.is-fullscreen {
  position: relative;
  inset: auto;
  width: 1440px;
  min-width: 1440px;
  max-width: 1440px;
  height: 1124px;
  min-height: 1124px;
  max-height: 1124px;
  transform: none;
}

html[data-figma-export]:not([data-figma-export="components"]):not([data-figma-export^="sidepanel-"]) :is(
  .panel-header,
  .agenda-editor-save-strip,
  .profile-editor-footer
) {
  backdrop-filter: none;
}

html[data-figma-export] .toast {
  display: none;
}

html[data-figma-export^="sidepanel-"],
html[data-figma-export^="sidepanel-"] body {
  width: 419px;
  min-width: 419px;
  max-width: 419px;
  height: 893px;
  min-height: 893px;
  margin: 0;
  overflow: hidden;
  background: #f4f7fb;
}

html[data-figma-export^="sidepanel-"] .prototype-shell {
  display: block;
  width: 419px;
  height: 893px;
  min-height: 893px;
  padding: 0;
  overflow: hidden;
  background: #f4f7fb;
}

html[data-figma-canvas="reference"][data-figma-export^="sidepanel-"],
html[data-figma-canvas="reference"][data-figma-export^="sidepanel-"] body,
html[data-figma-canvas="reference"][data-figma-export^="sidepanel-"] .prototype-shell {
  height: 1068px;
  min-height: 1068px;
  max-height: 1068px;
}

html[data-figma-export^="sidepanel-"] :is(.site-canvas, .speaker-drawer) {
  display: none !important;
}

html[data-figma-export^="sidepanel-"] .side-panel.is-figma-sidepanel-export {
  position: relative;
  inset: auto;
  display: flex;
  flex-direction: column;
  width: 419px;
  min-width: 419px;
  max-width: 419px;
  height: 893px;
  min-height: 893px;
  max-height: 893px;
  transform: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-figma-canvas="reference"][data-figma-export^="sidepanel-"] .side-panel.is-figma-sidepanel-export {
  height: 1068px;
  min-height: 1068px;
  max-height: 1068px;
}

html[data-figma-export^="sidepanel-"] .panel-header,
html[data-figma-export^="sidepanel-"] :is(.panel-footer, .profile-editor-footer) {
  backdrop-filter: none;
}

html[data-figma-export^="sidepanel-event-details-"]
  .side-panel
  > .event-confirmation.is-figma-panel-confirmation {
  position: absolute;
  inset: 0;
}

html[data-figma-export^="event-details-fullscreen-"]
  .side-panel
  > .event-confirmation.is-figma-fullscreen-confirmation {
  position: absolute;
  inset: 0;
}

.sidepanel-export-state {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  padding: 28px 20px;
  text-align: left;
}

.side-panel.is-export-state .panel-footer {
  display: none;
}

.sidepanel-export-state h3,
.sidepanel-export-state p {
  margin: 0;
}

.sidepanel-export-state > p:not(.eyebrow) {
  max-width: 270px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.sidepanel-export-state > button {
  width: auto;
  min-width: 104px;
  margin-top: 8px;
}

.sidepanel-state-list {
  width: 100%;
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.sidepanel-state-skeleton {
  height: 72px;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
  background: linear-gradient(90deg, #f3f6fa 0%, #e9eef5 48%, #f3f6fa 100%);
}

.sidepanel-state-lock {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 8px;
  padding: 5px 9px;
  border: 1px solid #f5c97a;
  border-radius: 999px;
  background: #fff8e8;
  color: #985b06;
  font-size: 11px;
  font-weight: 500;
}

.sidepanel-state-lock i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e99a18;
}

html[data-figma-export="components"],
html[data-figma-export="components"] body {
  min-height: 100%;
  overflow: auto;
  background: #eef2f7;
}

html[data-figma-export="components"] .prototype-shell {
  display: none;
}

html[data-figma-export="components"] .figma-export-components {
  position: relative;
  top: auto;
  left: auto;
  width: min(1120px, calc(100vw - 64px));
  margin: 32px auto;
  border-radius: 8px;
  pointer-events: auto;
}

@media (max-width: 760px) {
  .figma-field-grid {
    grid-template-columns: 1fr;
  }

  .figma-type-row {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  html[data-figma-export="components"] .figma-export-components {
    width: calc(100vw - 24px);
    margin: 12px;
    padding: 14px;
  }
}

@media (max-width: 430px) {
  .side-panel {
    width: 100vw;
    min-width: 0;
  }

  .panel-header {
    padding: 10px 12px 9px;
    max-height: min(42vh, 220px);
    max-height: min(42dvh, 220px);
  }

  .panel-content {
    padding: 10px 12px;
  }

  .event-heading {
    gap: 8px;
  }

  .event-title-stack h2 {
    font-size: 20px;
  }

  .meta-line {
    font-size: 11px;
    white-space: normal;
  }

  .publish-review-card {
    grid-template-columns: minmax(0, 1fr) 24px;
    gap: 8px;
    padding: 9px;
  }

  .publish-review-card-action {
    width: 24px;
    height: 24px;
  }

  .speaker-row {
    grid-template-columns: 34px minmax(0, 1fr) auto;
  }

  .speaker-row > em,
  .speaker-card-status {
    max-width: 92px;
  }

  .profile-editor-footer > div {
    grid-template-columns: 1fr;
  }
}

@media (max-height: 760px) {
  .side-panel:not(.is-fullscreen) .panel-header {
    max-height: min(38vh, 190px);
    max-height: min(38dvh, 190px);
    padding: 10px 12px 8px;
  }

  .side-panel:not(.is-fullscreen) .panel-content {
    padding: 10px 12px;
  }

  .side-panel:not(.is-fullscreen) .panel-footer {
    padding: 8px 12px max(10px, calc(8px + env(safe-area-inset-bottom, 0px)));
  }

  .side-panel:not(.is-fullscreen) .publish-review-card,
  .side-panel:not(.is-fullscreen) .detail-context {
    margin-top: 5px;
  }

  .side-panel:not(.is-fullscreen) .section-heading {
    margin: 12px 0 7px;
  }

  .side-panel:not(.is-fullscreen) .section-list,
  .side-panel:not(.is-fullscreen) .activity-list,
  .side-panel:not(.is-fullscreen) .issue-list {
    gap: 6px;
  }

  .side-panel:not(.is-fullscreen) #overview-panel.view-panel.is-active {
    gap: 7px;
  }

  .side-panel:not(.is-fullscreen) #overview-panel .section-list {
    gap: 6px;
  }

  .side-panel:not(.is-fullscreen) .sidepanel-profile-header .speaker-profile-summary {
    min-height: 52px;
    padding: 7px 9px;
  }

  .side-panel:not(.is-fullscreen) .sidepanel-speaker-profile {
    gap: 8px;
  }

  .side-panel:not(.is-fullscreen) .sidepanel-speaker-profile .profile-editor-section {
    padding: 9px 10px;
  }

  .side-panel:not(.is-fullscreen) .sidepanel-profile-footer {
    padding: 8px 10px max(8px, calc(8px + env(safe-area-inset-bottom, 0px)));
  }
}

@media (max-height: 640px) {
  .side-panel:not(.is-fullscreen) .panel-header {
    max-height: min(34vh, 160px);
    max-height: min(34dvh, 160px);
  }

  .side-panel:not(.is-fullscreen) .section-row {
    min-height: 50px;
    padding: 7px 9px;
  }

  .side-panel:not(.is-fullscreen) .sidepanel-profile-header {
    padding-bottom: 6px;
  }

  .side-panel:not(.is-fullscreen) .sidepanel-speaker-profile .sidepanel-profile-photo {
    width: 38px;
    min-height: 38px;
  }

  .side-panel:not(.is-fullscreen) .sidepanel-speaker-profile .profile-field textarea {
    min-height: 80px;
  }

  .side-panel:not(.is-fullscreen) .sidepanel-profile-footer .sidepanel-footer-status {
    gap: 6px;
  }
}

@media (max-width: 360px) {
  .speaker-row {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .speaker-row > em,
  .speaker-card-status {
    grid-column: 2;
    justify-self: start;
    max-width: 100%;
  }
}

@media (max-width: 1320px) {
  .prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-main {
    grid-template-columns: var(--speaker-assignment-width) minmax(0, 1fr);
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-main {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 1080px) {
  .side-panel.is-fullscreen {
    inset: 0;
    border-radius: 0;
  }

  .side-panel.is-fullscreen .fullscreen-workspace,
  .prototype-shell.is-speaker-management .side-panel.is-fullscreen .fullscreen-workspace,
  .prototype-shell.is-agenda-management .side-panel.is-fullscreen .fullscreen-workspace,
  .prototype-shell.is-event-details-management .side-panel.is-fullscreen .fullscreen-workspace,
  .prototype-shell.is-speaker-management .fullscreen-main,
  .prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-main,
  .prototype-shell.is-agenda-management .fullscreen-main,
  .prototype-shell.is-event-details-management .fullscreen-main,
  .fullscreen-main {
    grid-template-columns: 1fr;
  }

  .fullscreen-sidebar {
    position: sticky;
    top: 0;
    max-height: min(42dvh, 360px);
    overflow: auto;
  }

  .fullscreen-nav-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  .speaker-nav-tools {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }

  .speaker-nav-tool-heading,
  .speaker-filter-bar {
    grid-column: 1 / -1;
  }

  .speaker-profile-panel {
    position: relative;
    top: auto;
    max-height: none;
  }

  .fullscreen-speaker-page {
    width: 100%;
    max-width: none;
  }

  .fullscreen-agenda-page,
  .fullscreen-agenda-page.is-editor-closed {
    grid-template-columns: 1fr;
  }

  .agenda-editor-panel {
    position: relative;
    top: auto;
    max-height: none;
  }

  .fullscreen-event-editor-grid {
    grid-template-columns: 1fr;
  }

  .event-record-preview-card {
    position: relative;
    top: auto;
  }

  .fullscreen-event-details-page {
    width: 100%;
  }

  .event-edit-section {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

@media (max-width: 760px) {
  .side-panel.is-fullscreen .panel-content {
    padding: 10px;
  }

  .fullscreen-event-editor-header,
  .event-details-preview-readiness {
    align-items: flex-start;
    flex-direction: column;
  }

  .event-details-preview-summary,
  .event-details-preview-grid {
    grid-template-columns: 1fr;
  }

  .event-details-preview-date {
    grid-template-columns: auto auto auto;
    justify-content: start;
    border-right: 0;
    border-bottom: 1px solid #e3e9f2;
  }

  .event-details-preview-section.is-wide {
    grid-column: auto;
  }

  .event-details-preview-readiness ul {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .overview-event-record-card {
    grid-template-columns: 1fr;
  }

  .overview-event-date-tile {
    min-height: 64px;
    grid-template-columns: auto auto minmax(0, 1fr);
    justify-content: start;
    justify-items: start;
    gap: 8px;
    padding: 10px 12px;
  }

  .overview-event-date-tile small {
    max-width: none;
    text-align: left;
  }

  .overview-event-record-head,
  .overview-event-record-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .overview-publish-status-head,
  .overview-publish-status-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .overview-publish-status-body {
    grid-template-columns: 1fr;
  }

  .overview-publish-status-body button {
    width: 100%;
  }

  .overview-event-timeline {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .overview-event-timeline i {
    display: none;
  }

  .overview-event-timeline div:last-child {
    text-align: left;
  }

  .fullscreen-event-editor-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .fullscreen-event-editor-actions {
    width: 100%;
    justify-content: space-between;
  }

  .event-record-editor-summary {
    grid-template-columns: 1fr;
  }

  .event-edit-field-pair {
    grid-template-columns: 1fr;
  }

  .fullscreen-nav-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .speaker-nav-tools,
  .speaker-validation-breakdown,
  .speaker-bulk-actions {
    grid-template-columns: 1fr;
  }

  .speaker-bulk-actions button:first-child {
    grid-column: auto;
  }

  .speaker-nav-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .speaker-nav-actions .speaker-selected-pill,
  .speaker-nav-actions .speaker-primary-action {
    width: 100%;
  }

  .speaker-profile-panel .speaker-profile-header {
    grid-template-columns: 1fr;
  }

  .speaker-profile-panel .speaker-profile-actions {
    width: 100%;
    justify-content: stretch;
  }

  .speaker-profile-panel .speaker-profile-actions .profile-ghost-button {
    flex: 1 1 auto;
  }

  .profile-close-button {
    flex: 0 0 34px;
  }

  .agenda-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agenda-workspace-header,
  .agenda-editor-header {
    display: grid;
  }

  .agenda-editor-header-actions {
    width: 100%;
    justify-content: flex-end;
  }

  .agenda-editor-save-strip {
    align-items: center;
  }

  .agenda-editor-save-copy {
    text-align: left;
  }

  .agenda-workspace-actions {
    width: 100%;
    flex-wrap: wrap;
  }

  .speaker-profile-panel .profile-field-grid,
  .profile-field-grid {
    grid-template-columns: 1fr;
  }

  .speaker-profile-panel .profile-field.wide,
  .profile-field.wide {
    grid-column: auto;
  }
}

@media (max-width: 520px) {
  .side-panel.is-fullscreen .fullscreen-workspace,
  .side-panel.is-fullscreen .fullscreen-main {
    gap: 10px;
  }

  .fullscreen-agenda-page {
    gap: 10px;
  }

  .agenda-editor-save-copy span:last-child {
    display: none;
  }

  .agenda-row,
  .fullscreen-agenda-page .agenda-row {
    grid-template-columns: minmax(64px, 74px) minmax(0, 1fr);
  }

  .agenda-row > em {
    grid-column: 2;
    justify-self: start;
  }

  .fullscreen-nav-list {
    grid-template-columns: 1fr;
  }

  .fullscreen-sidebar,
  .fullscreen-card,
  .speaker-profile-panel,
  .fullscreen-speaker-page {
    border-radius: 0;
  }

  .speaker-profile-panel {
    padding: 8px;
  }

  .speaker-profile-panel .profile-photo-drop,
  .sidepanel-speaker-profile .sidepanel-profile-photo {
    width: 42px;
    min-height: 42px;
  }
}

@media (max-width: 1420px) {
  .prototype-shell:not(.is-speaker-management):not(.is-agenda-management):not(.is-event-details-management):not(.is-ticket-management) .side-panel.is-fullscreen .fullscreen-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .prototype-shell:not(.is-speaker-management):not(.is-agenda-management):not(.is-event-details-management):not(.is-ticket-management) .side-panel.is-fullscreen .overview-card-wide {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1080px) {
  .prototype-shell:not(.is-speaker-management):not(.is-agenda-management):not(.is-event-details-management):not(.is-ticket-management) .side-panel.is-fullscreen .fullscreen-main {
    grid-template-columns: 1fr;
  }

  .fullscreen-overview-board {
    grid-template-columns: 1fr;
    grid-template-areas:
      "event"
      "workstreams"
      "publish"
      "activity";
  }

  .overview-workstream-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .overview-command-header {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .overview-command-header .overview-card-status {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .overview-command-date {
    width: 50px;
    min-height: 58px;
  }

  .overview-command-header h3 {
    white-space: normal;
  }

  .overview-command-footer,
  .overview-board-heading,
  .overview-workstream-card li,
  .overview-change-list li {
    align-items: stretch;
    flex-direction: column;
  }

  .overview-command-footer .overview-card-action,
  .overview-publish-actions {
    width: 100%;
  }

  .overview-publish-actions {
    grid-template-columns: 1fr;
  }

  .overview-workstream-card li span,
  .overview-change-list li span {
    flex: 0 1 auto;
  }
}

@media (max-width: 900px) {
  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page {
    padding: 12px;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-page-header {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-picker {
    flex: 1 1 100%;
    width: 100%;
    display: grid;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-page-title {
    margin-left: 0;
    text-align: left;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-list-toolbar {
    display: flex;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-header,
  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-check,
  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-company,
  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-events,
  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-status,
  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-social,
  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-menu {
    display: none;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-page-list {
    gap: 8px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(213, 222, 235, 0.72);
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row {
    min-height: 68px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(213, 222, 235, 0.78);
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(18, 24, 40, 0.025);
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row:hover,
  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row:focus-visible {
    box-shadow: 0 5px 14px rgba(18, 24, 40, 0.045);
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row > .speaker-avatar {
    grid-column: auto;
    width: 34px;
    height: 34px;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row > .speaker-copy {
    grid-column: auto;
    gap: 4px;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row-actions {
    display: flex;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-card-meta {
    display: flex;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row > em {
    display: inline-flex;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-footer {
    display: none;
  }
}

/* Speaker assignment card polish */
.sidepanel-speaker-page .speaker-list-toolbar,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-list-toolbar {
  margin: 0;
  min-height: 42px;
  padding: 7px 2px;
}

.sidepanel-speaker-page .speaker-page-list,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-page-list {
  gap: 10px;
  padding: 12px 0 14px;
  border-bottom-color: rgba(213, 222, 235, 0.56);
}

.sidepanel-speaker-page .speaker-row,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row {
  min-height: 78px;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 13px;
  padding: 11px 14px 11px 20px;
  border-color: rgba(213, 222, 235, 0.82);
  border-radius: 9px;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.035);
}

.sidepanel-speaker-page .speaker-row:hover,
.sidepanel-speaker-page .speaker-row:focus-visible,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row:hover,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row:focus-visible {
  border-color: rgba(102, 51, 241, 0.2);
  box-shadow: 0 5px 14px rgba(18, 24, 40, 0.05);
}

.sidepanel-speaker-page .speaker-drag-handle,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-drag-handle {
  left: 7px;
  width: 8px;
  height: 22px;
  transform: translate(-2px, -50%);
}

.sidepanel-speaker-page .speaker-drag-handle::before,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-drag-handle::before {
  width: 3px;
  height: 3px;
  box-shadow:
    0 6px 0 #94a3b8,
    0 12px 0 #94a3b8;
}

.sidepanel-speaker-page .speaker-row:hover .speaker-drag-handle,
.sidepanel-speaker-page .speaker-row:focus-visible .speaker-drag-handle,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row:hover .speaker-drag-handle,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row:focus-visible .speaker-drag-handle {
  transform: translate(0, -50%);
}

.sidepanel-speaker-page .speaker-avatar,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row > .speaker-avatar {
  width: 40px;
  height: 40px;
  font-size: 12px;
}

.sidepanel-speaker-page .speaker-copy,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row > .speaker-copy {
  gap: 4px;
  align-self: center;
}

.sidepanel-speaker-page .speaker-copy strong,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row > .speaker-copy strong {
  font-size: 13px;
  line-height: 1.16;
}

.sidepanel-speaker-page .speaker-copy small,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row > .speaker-copy small {
  font-size: 10px;
  line-height: 1.22;
}

.sidepanel-speaker-page .speaker-card-meta,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-card-meta {
  gap: 6px;
  row-gap: 5px;
  margin-top: 2px;
}

.sidepanel-speaker-page .speaker-card-meta span,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-card-meta span {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  line-height: 1;
}

.sidepanel-speaker-page .speaker-card-meta .row-save-state,
.sidepanel-speaker-page .speaker-card-meta .row-revert-action,
.sidepanel-speaker-page .speaker-card-meta .row-sync-state,
.sidepanel-speaker-page .speaker-card-meta .row-conflict-state,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-card-meta .row-save-state,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-card-meta .row-revert-action,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-card-meta .row-sync-state,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-card-meta .row-conflict-state {
  min-height: 0;
  padding: 1px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 9px;
  line-height: 1.15;
}

.sidepanel-speaker-page .speaker-card-meta .row-sync-state,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-card-meta .row-sync-state {
  border: 0;
  background: transparent;
  color: #b42318;
}

.sidepanel-speaker-page .speaker-card-meta .row-sync-state:hover,
.sidepanel-speaker-page .speaker-card-meta .row-sync-state:focus-visible,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-card-meta .row-sync-state:hover,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-card-meta .row-sync-state:focus-visible {
  background: transparent;
  text-decoration: underline;
}

.sidepanel-speaker-page .speaker-card-meta .row-save-state.is-saved,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-card-meta .row-save-state.is-saved {
  border: 0;
  background: transparent;
  color: #168347;
}

.sidepanel-speaker-page .speaker-card-meta .row-save-state.is-saving,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-card-meta .row-save-state.is-saving {
  border: 0;
  background: transparent;
  color: #9d6512;
}

.sidepanel-speaker-page .speaker-card-meta .row-revert-action,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-card-meta .row-revert-action {
  color: var(--purple);
}

.sidepanel-speaker-page .speaker-card-meta .row-revert-action:hover,
.sidepanel-speaker-page .speaker-card-meta .row-revert-action:focus-visible,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-card-meta .row-revert-action:hover,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-card-meta .row-revert-action:focus-visible {
  background: transparent;
  text-decoration: underline;
}

.sidepanel-speaker-page .speaker-card-meta .row-conflict-state,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-card-meta .row-conflict-state {
  width: auto;
  max-width: none;
  gap: 4px;
  margin: 0;
  color: #985b06;
  white-space: nowrap;
}

.sidepanel-speaker-page .speaker-card-meta .row-conflict-state::before,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-card-meta .row-conflict-state::before {
  width: 5px;
  height: 5px;
}

.sidepanel-speaker-page .speaker-row.has-row-conflict .speaker-card-meta .row-save-state,
.sidepanel-speaker-page .speaker-row.has-row-conflict .speaker-card-meta .row-revert-action,
.prototype-shell.is-speaker-management.has-speaker-profile
  .fullscreen-speaker-page
  .speaker-row.has-row-conflict
  .speaker-card-meta
  .row-save-state,
.prototype-shell.is-speaker-management.has-speaker-profile
  .fullscreen-speaker-page
  .speaker-row.has-row-conflict
  .speaker-card-meta
  .row-revert-action {
  display: none;
}

.sidepanel-speaker-page .speaker-row > em:not(.speaker-added-badge),
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row > em:not(.speaker-added-badge) {
  display: none;
}

.sidepanel-speaker-page .speaker-card-meta span:not(.speaker-card-status):not(.speaker-duplicate-badge):not(.speaker-moved-badge):not(.speaker-delete-badge):not(.speaker-participation-status):not(.row-save-state):not(.row-sync-state):not(.row-revert-action),
.prototype-shell.is-speaker-management.has-speaker-profile
  .fullscreen-speaker-page
  .speaker-card-meta
  span:not(.speaker-card-status):not(.speaker-duplicate-badge):not(.speaker-moved-badge):not(.speaker-delete-badge):not(.speaker-participation-status):not(.row-save-state):not(.row-sync-state):not(.row-revert-action) {
  min-height: 22px;
  padding: 0 2px;
}

.sidepanel-speaker-page .speaker-row > em,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row > em {
  align-self: start;
  margin-top: 7px;
  max-width: 134px;
  padding: 5px 9px;
  line-height: 1;
}

.sidepanel-speaker-page .speaker-row-actions,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-row-actions {
  align-self: center;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  transform: translateX(1px);
}

.sidepanel-speaker-page .speaker-remove-action,
.prototype-shell.is-speaker-management.has-speaker-profile .fullscreen-speaker-page .speaker-remove-action {
  width: 24px;
  height: 24px;
  border-radius: 6px;
}

@media (max-width: 900px) {
  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-list-toolbar {
    margin: 0;
    padding: 12px 2px 10px;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-page-list {
    gap: 10px;
    padding: 12px 0 14px;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row {
    min-height: 78px;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 13px;
    padding: 11px 14px 11px 20px;
    border-radius: 9px;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-drag-handle {
    left: 7px;
    width: 8px;
    height: 22px;
    transform: translate(-2px, -50%);
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-drag-handle::before {
    width: 3px;
    height: 3px;
    box-shadow:
      0 6px 0 #94a3b8,
      0 12px 0 #94a3b8;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row:hover .speaker-drag-handle,
  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row:focus-visible .speaker-drag-handle {
    transform: translate(0, -50%);
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row > .speaker-avatar {
    width: 40px;
    height: 40px;
    font-size: 12px;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row > .speaker-copy {
    gap: 4px;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-card-meta {
    gap: 6px;
    row-gap: 5px;
    margin-top: 2px;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-card-meta span {
    min-height: 22px;
    display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    line-height: 1;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile)
    .fullscreen-speaker-page
    .speaker-card-meta
    span:not(.speaker-card-status):not(.speaker-duplicate-badge):not(.speaker-moved-badge):not(.speaker-delete-badge):not(.speaker-participation-status) {
    min-height: 22px;
    padding: 0 2px;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row > em {
    align-self: start;
    margin-top: 7px;
    max-width: 134px;
    padding: 5px 9px;
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-row-actions {
    align-self: center;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    transform: translateX(1px);
  }

  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-remove-action {
    width: 24px;
    height: 24px;
    border-radius: 6px;
  }
}

/* Final fullscreen geometry normalization for clean Figma capture. */
.side-panel.is-fullscreen :is(
  .overview-card,
  .fullscreen-event-details-page,
  .fullscreen-speaker-page,
  .agenda-workspace-main,
  .agenda-editor-panel,
  .speaker-profile-panel,
  .speaker-profile-header,
  .profile-editor-section,
  .profile-editor-footer
) {
  border-radius: 8px !important;
}

.side-panel.is-fullscreen :is(
  .overview-card-action,
  .overview-view-all-row,
  .fullscreen-event-editor-actions button,
  .profile-ghost-button,
  .profile-inline-button,
  .profile-save-button,
  .agenda-editor-done-button
) {
  letter-spacing: 0;
}

/* Final fullscreen consistency audit. */
.fullscreen-header-menu {
  position: relative;
  display: none;
}

.side-panel.is-fullscreen .fullscreen-header-menu {
  display: block;
}

.fullscreen-header-menu-button {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--ui-border);
  border-radius: 8px;
  background: #ffffff;
  color: #526174;
  cursor: pointer;
}

.fullscreen-header-menu-button:hover,
.fullscreen-header-menu-button:focus-visible,
.fullscreen-header-menu-button[aria-expanded="true"] {
  border-color: rgba(102, 51, 241, 0.34);
  background: #fbfaff;
  color: var(--purple);
  outline: 0;
}

.fullscreen-header-menu-button span,
.fullscreen-header-menu-button span::before,
.fullscreen-header-menu-button span::after {
  width: 3px;
  height: 3px;
  display: block;
  border-radius: 50%;
  background: currentColor;
}

.fullscreen-header-menu-button span {
  position: relative;
}

.fullscreen-header-menu-button span::before,
.fullscreen-header-menu-button span::after {
  content: "";
  position: absolute;
  top: 0;
}

.fullscreen-header-menu-button span::before {
  left: -6px;
}

.fullscreen-header-menu-button span::after {
  right: -6px;
}

.fullscreen-header-menu-popover {
  position: absolute;
  z-index: 80;
  top: calc(100% + 6px);
  right: 0;
  width: 264px;
  padding: 8px;
  border: 1px solid var(--ui-border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(18, 24, 40, 0.14);
}

.fullscreen-header-menu-popover[hidden] {
  display: none;
}

.fullscreen-header-menu-section {
  display: grid;
  gap: 5px;
  padding: 8px;
}

.fullscreen-header-menu-section + .fullscreen-header-menu-section {
  border-top: 1px solid var(--ui-border);
}

.fullscreen-header-menu-label {
  color: #667085;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

.side-panel.is-fullscreen .fullscreen-header-menu .editor-permission-state {
  width: fit-content;
  height: auto;
  display: inline-flex;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 11px;
  line-height: 1.35;
}

.side-panel.is-fullscreen .fullscreen-header-menu .editor-history-row {
  display: grid;
  justify-content: stretch;
  gap: 4px;
  font-size: 10px;
}

.fullscreen-header-menu .editor-history-row span {
  overflow: visible;
  white-space: normal;
}

.fullscreen-header-menu .editor-history-row span + span {
  padding-left: 0;
}

.fullscreen-header-menu .editor-history-row span + span::before {
  display: none;
}

.fullscreen-header-exit {
  width: 100%;
  min-height: 34px;
  margin-top: 2px;
  padding: 0 8px;
  border-top: 1px solid var(--ui-border);
  background: transparent;
  color: var(--purple);
  font-size: 11px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}

.fullscreen-header-exit:hover,
.fullscreen-header-exit:focus-visible {
  background: #fbfaff;
  outline: 0;
}

.side-panel.is-fullscreen .panel-fullscreen-button {
  display: none;
}

/* Compact event-editor header shared by every non-fullscreen slide-in. */
.side-panel:not(.is-fullscreen) > .panel-header {
  min-height: 110px;
  z-index: 120;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "trail actions"
    "title title"
    "context context";
  column-gap: 8px;
  row-gap: 0;
  padding: 8px 14px 0;
  overflow: visible;
  background: #ffffff;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-heading {
  display: contents;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-title-stack {
  grid-area: title;
  min-width: 0;
  padding: 2px 0 4px;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-title-stack h2 {
  max-width: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-title-stack .meta-line {
  max-width: none;
  margin-top: 1px;
  color: #667085;
  font-size: 9px;
  line-height: 1.35;
}

.event-id-link {
  color: var(--purple);
  text-decoration: underline;
  text-underline-offset: 1px;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-actions {
  grid-area: actions;
  max-width: none;
  align-self: center;
  display: block;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-action-top {
  gap: 5px;
}

.side-panel:not(.is-fullscreen) > .panel-header .panel-header-trail {
  grid-area: trail;
  min-width: 0;
  min-height: 24px;
  margin: 0;
  align-self: center;
  gap: 7px;
}

.side-panel:not(.is-fullscreen) > .panel-header .panel-header-trail .header-breadcrumbs {
  gap: 6px;
}

.side-panel:not(.is-fullscreen) > .panel-header .panel-header-trail .breadcrumb-button,
.side-panel:not(.is-fullscreen) > .panel-header .panel-header-trail .breadcrumbs strong {
  font-size: 10px;
  line-height: 1;
}

.side-panel:not(.is-fullscreen) > .panel-header .panel-header-trail .status-pill {
  height: var(--ds-pill-height);
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #a7e7c9;
  background: #effcf5;
  color: #12834b;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
}

.side-panel:not(.is-fullscreen) > .panel-header .fullscreen-header-menu {
  position: absolute;
  right: 14px;
  bottom: 6px;
  z-index: 121;
  display: block;
}

.side-panel:not(.is-fullscreen) > .panel-header .fullscreen-header-menu-button {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  color: #667085;
}

.side-panel:not(.is-fullscreen) > .panel-header .fullscreen-header-menu-popover {
  top: calc(100% + 6px);
  bottom: auto;
  max-height: min(420px, calc(100dvh - 156px));
  overflow-y: auto;
}

.side-panel:not(.is-fullscreen) > .panel-header .fullscreen-header-exit {
  display: none;
}

/* The slide-in only needs event actions; access and history remain in fullscreen. */
.side-panel:not(.is-fullscreen) > .panel-header .fullscreen-header-menu-popover {
  width: 208px;
  z-index: 122;
  padding: 4px;
  border-radius: 7px;
  box-shadow: 0 10px 24px rgba(18, 24, 40, 0.14);
}

.side-panel:not(.is-fullscreen) > .panel-header .fullscreen-header-menu-section:not(.event-lifecycle-menu) {
  display: none;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-lifecycle-menu {
  gap: 2px;
  padding: 0;
  border-top: 0;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-lifecycle-menu .fullscreen-header-menu-label {
  display: none;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-lifecycle-menu button {
  width: 100%;
  min-height: 30px;
  padding: 0 8px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #344054;
  font-size: 11px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-lifecycle-menu button:hover,
.side-panel:not(.is-fullscreen) > .panel-header .event-lifecycle-menu button:focus-visible {
  background: #f5f0ff;
  color: var(--purple);
  outline: 0;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-lifecycle-menu button[data-event-action="delete"]:hover,
.side-panel:not(.is-fullscreen) > .panel-header .event-lifecycle-menu button[data-event-action="delete"]:focus-visible {
  background: #fff5f4;
  color: #b42318;
}

.side-panel:not(.is-fullscreen) > .panel-header :is(
  .detail-context,
  .ticket-header-context,
  .sponsor-header-context
) {
  grid-area: context;
  min-width: 0;
  min-height: 30px;
  margin-top: 0;
  padding-right: 36px;
}

.side-panel:not(.is-fullscreen) > .panel-header .detail-context-copy {
  display: none;
}

.side-panel:not(.is-fullscreen) > .panel-header .detail-mode-switch {
  width: auto;
  min-width: 0;
  display: inline-flex;
  grid-template-columns: none;
  gap: 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.detail-context-back {
  display: none;
}

.side-panel.is-detail:not(.is-fullscreen) > .panel-header .detail-context {
  justify-content: flex-start;
  gap: 8px;
}

.side-panel.is-detail:not(.is-fullscreen) > .panel-header .detail-context-back {
  display: grid;
}

.side-panel:not(.is-fullscreen) > .panel-header .detail-mode-button {
  position: relative;
  width: auto;
  height: 30px;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #667085;
  font-size: 10px;
  box-shadow: none;
}

.side-panel:not(.is-fullscreen) > .panel-header .detail-mode-button.is-active {
  background: transparent;
  color: var(--purple);
  box-shadow: none;
}

.side-panel:not(.is-fullscreen) > .panel-header .detail-mode-button.is-active::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: var(--purple);
}

.side-panel.is-fullscreen,
.side-panel.is-fullscreen .panel-content,
.side-panel.is-fullscreen .fullscreen-workspace,
.side-panel.is-fullscreen .fullscreen-main {
  min-width: 0;
  overflow-x: hidden;
}

.side-panel.is-fullscreen :is(
  .overview-card,
  .overview-publish-status-card,
  .event-edit-section,
  .profile-editor-section,
  .agenda-task-card,
  .overview-focus-panel,
  .speaker-nav-tool,
  .speaker-validation-breakdown,
  .speaker-bulk-actions,
  .event-record-preview-card,
  .speaker-profile-header
) {
  padding: 16px;
  border: 1px solid var(--ui-border);
  border-radius: 8px;
  box-shadow: none;
}

.side-panel.is-fullscreen :is(
  .overview-card,
  .overview-event-date-tile,
  .event-edit-section,
  .profile-editor-section,
  .agenda-task-card,
  .agenda-row,
  .speaker-row,
  .overview-list-row,
  .overview-person-row,
  .overview-sponsor-row,
  .setting-row,
  .health-row,
  .management-row,
  .speaker-picker-results-header,
  .speaker-picker-results
) {
  border-color: var(--ui-border);
}

.side-panel.is-fullscreen .overview-event-card {
  padding: 16px;
}

.side-panel.is-fullscreen .overview-event-card .overview-event-record-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.side-panel.is-fullscreen .overview-card:hover {
  border-color: var(--ui-border);
  box-shadow: none;
}

.side-panel.is-fullscreen .fullscreen-event-editor-header > div:first-child h3 {
  display: none;
}

.side-panel.is-fullscreen .fullscreen-event-editor-header > div:first-child {
  gap: 3px;
}

.side-panel.is-fullscreen .event-record-editor-summary {
  gap: 0;
  padding: 12px 16px;
  border-bottom-color: var(--ui-border);
  background: #ffffff;
}

.side-panel.is-fullscreen .event-record-editor-summary span {
  padding: 0 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.side-panel.is-fullscreen .event-record-editor-summary span:first-child {
  padding-left: 0;
}

.side-panel.is-fullscreen .event-record-editor-summary span + span {
  border-left: 1px solid var(--ui-border);
}

.side-panel.is-fullscreen .event-edit-section {
  background: #ffffff;
}

.side-panel.is-fullscreen :is(.overview-agenda-meta, .overview-list-card-meta) {
  gap: 6px;
  margin-bottom: 10px;
}

.side-panel.is-fullscreen :is(.overview-agenda-meta, .overview-list-card-meta) span {
  height: auto;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #667085;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.35;
}

.side-panel.is-fullscreen :is(.overview-agenda-meta, .overview-list-card-meta) span + span::before {
  content: "·";
  margin-right: 6px;
  color: #98a2b3;
}

.side-panel.is-fullscreen :is(
  .overview-list-row,
  .overview-person-row,
  .overview-sponsor-row,
  .agenda-row,
  .speaker-row,
  .setting-row,
  .health-row,
  .management-row
):is(.is-current, .is-selected):not(.is-delete-selected) {
  border-color: var(--ui-selected-border) !important;
  background: var(--ui-selected-background) !important;
  box-shadow: inset 3px 0 0 var(--purple) !important;
}

.side-panel.is-fullscreen :is(
  .overview-list-row,
  .overview-person-row,
  .overview-sponsor-row,
  .agenda-row,
  .speaker-row,
  .setting-row,
  .health-row,
  .management-row
):is(.is-warning, .is-issue, .needs-attention):not(.is-current):not(.is-selected):not(.is-delete-selected) {
  border-color: var(--ui-warning-border) !important;
  background: var(--ui-warning-background) !important;
  box-shadow: none !important;
}

.side-panel.is-fullscreen :is(.issue-item, .issue-detail, .fullscreen-sidebar-note) {
  border-color: var(--ui-warning-border);
  border-radius: 8px;
  background: var(--ui-warning-background);
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-header {
  position: sticky;
  top: 0;
  z-index: 12;
  border-color: var(--ui-border);
  background: #fbfcff;
}

.speaker-manager-grid {
  display: none;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-list-toolbar {
  min-height: 45px;
  height: 45px;
  display: flex;
  padding: 0 12px;
  border-bottom: 1px solid #dce3ed;
  background: #f8f9fb;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-list-toolbar > span {
  display: grid;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-list-toolbar > button {
  height: 30px;
  padding: 0 10px;
  border-color: #d4d9e1;
  border-radius: 6px;
  color: #455268;
  font-size: 11px;
  font-weight: 400;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-manager-grid.is-ready {
  min-height: 320px;
  display: block;
  flex: 1;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile)
  .fullscreen-speaker-page:has(.speaker-manager-grid.is-ready)
  .speaker-table-header,
.prototype-shell.is-speaker-management:not(.has-speaker-profile)
  .fullscreen-speaker-page:has(.speaker-manager-grid.is-ready)
  .speaker-page-list,
.prototype-shell.is-speaker-management:not(.has-speaker-profile)
  .fullscreen-speaker-page:has(.speaker-manager-grid.is-ready)
  .speaker-table-footer {
  display: none;
}

.speaker-manager-grid .ag-row.is-speaker-open,
.speaker-manager-grid .ag-row.is-speaker-open:hover {
  background: #f2efff;
  box-shadow: inset 3px 0 0 var(--purple);
}

.speaker-manager-grid .ag-row.needs-attention:not(.is-speaker-open) {
  background: #fffdf8;
}

.speaker-grid-person {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.speaker-grid-avatar {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: grid;
  place-items: center;
  border: 1px solid #d8e1ec;
  border-radius: 50%;
  background: #f4f7fb;
  color: #526174;
  font-size: 9px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

.speaker-grid-copy {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 1px;
  line-height: 1.15;
}

.speaker-grid-copy strong,
.speaker-grid-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.speaker-grid-copy strong {
  color: #1a2535;
  font-size: 13px;
  font-weight: 500;
}

.speaker-grid-copy small {
  color: #778398;
  font-size: 10px;
  font-weight: 400;
}

.speaker-grid-status {
  min-width: 58px;
  height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #bfe5d6;
  border-radius: var(--ds-pill-radius);
  background: #e8f8f1;
  color: #13795c;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
}

.speaker-grid-status[data-status="pending"],
.speaker-grid-status[data-status="review"] {
  border-color: #efd087;
  background: #fff5d8;
  color: #8a5a00;
}

.speaker-grid-status[data-status="inactive"],
.speaker-grid-status[data-status="archived"] {
  border-color: #d6dde7;
  background: #f1f4f8;
  color: #657287;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-menu,
.side-panel.is-fullscreen [data-speaker-page] .speaker-row-actions {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 140ms ease,
    visibility 140ms ease;
}

.prototype-shell.is-speaker-management:not(.has-speaker-profile)
  .fullscreen-speaker-page
  .speaker-row:hover
  .speaker-table-menu,
.prototype-shell.is-speaker-management:not(.has-speaker-profile)
  .fullscreen-speaker-page
  .speaker-row:focus-within
  .speaker-table-menu,
.side-panel.is-fullscreen [data-speaker-page] .speaker-row:hover .speaker-row-actions,
.side-panel.is-fullscreen [data-speaker-page] .speaker-row:focus-within .speaker-row-actions,
.side-panel.is-fullscreen [data-speaker-page] .speaker-row.is-delete-selected .speaker-row-actions {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.side-panel.is-fullscreen :is([data-speaker-page], [data-agenda-page]) {
  --speaker-picker-menu-gap: 3px;
}

.side-panel.is-fullscreen :is([data-speaker-page], [data-agenda-page]) .speaker-picker {
  min-width: 0;
}

.side-panel.is-fullscreen :is([data-speaker-page], [data-agenda-page]).is-picker-active .speaker-picker-results-header {
  right: 0;
  left: 0;
  border-color: var(--ui-border);
  border-radius: 8px 8px 0 0;
  background: #ffffff;
}

.side-panel.is-fullscreen :is([data-speaker-page], [data-agenda-page]).is-picker-active .speaker-picker-results {
  right: 0;
  left: 0;
  border-color: var(--ui-border);
  border-radius: 0 0 8px 8px;
}

.side-panel.is-fullscreen .speaker-picker-empty,
.side-panel.is-fullscreen .speaker-picker-failure {
  min-height: 72px;
  border: 1px solid var(--ui-border);
  border-radius: 8px;
  background: #ffffff;
}

@media (hover: none) {
  .prototype-shell.is-speaker-management:not(.has-speaker-profile) .fullscreen-speaker-page .speaker-table-menu,
  .side-panel.is-fullscreen [data-speaker-page] .speaker-row-actions {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

@media (min-width: 1181px) and (max-width: 1360px) {
  :root {
    --fullscreen-nav-width: 188px;
  }

  .side-panel.is-fullscreen .fullscreen-sidebar {
    padding: 12px 8px;
  }

  .side-panel.is-fullscreen .fullscreen-nav-row {
    min-height: 40px;
    gap: 6px;
    padding: 7px 8px;
  }

  .side-panel.is-fullscreen .fullscreen-nav-row small {
    display: none;
  }

  .side-panel.is-fullscreen .fullscreen-nav-row em {
    min-width: 0;
    padding: 0 var(--ds-pill-padding);
  }

  .side-panel.is-fullscreen .fullscreen-sidebar-note {
    padding: 10px;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  .side-panel.is-fullscreen .fullscreen-nav-list {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
  }

  .side-panel.is-fullscreen .fullscreen-nav-row {
    min-height: 40px;
    gap: 6px;
    padding: 7px 8px;
  }

  .side-panel.is-fullscreen .fullscreen-nav-row small {
    display: none;
  }

  .side-panel.is-fullscreen .fullscreen-nav-row em {
    min-width: 0;
    padding: 0 var(--ds-pill-padding);
  }

  .side-panel.is-fullscreen .fullscreen-sidebar-note {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding: 9px 10px;
  }

  .side-panel.is-fullscreen .fullscreen-sidebar-note p {
    margin: 0;
  }

  .side-panel.is-fullscreen .fullscreen-sidebar-note .publish-summary-line {
    display: none;
  }
}

@media (min-width: 1081px) and (max-width: 1180px) {
  .prototype-shell:is(.is-event-details-management, .is-agenda-management, .is-speaker-management)
    .side-panel.is-fullscreen
    .fullscreen-workspace {
    grid-template-columns: 188px minmax(0, 1fr);
  }

  .prototype-shell:is(.is-event-details-management, .is-agenda-management, .is-speaker-management)
    .side-panel.is-fullscreen
    .fullscreen-nav-list {
    grid-template-columns: 1fr;
  }

  .prototype-shell:is(.is-event-details-management, .is-agenda-management, .is-speaker-management)
    .side-panel.is-fullscreen
    .fullscreen-sidebar-note {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .prototype-shell:is(.is-event-details-management, .is-agenda-management, .is-speaker-management)
    .side-panel.is-fullscreen
    .fullscreen-sidebar-note
    p:first-of-type {
    display: block;
  }
}

@media (min-width: 521px) and (max-width: 900px) {
  .side-panel.is-fullscreen .fullscreen-nav-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 521px) and (max-width: 760px) {
  .side-panel.is-fullscreen .fullscreen-sidebar-note {
    grid-template-columns: 1fr auto;
  }

  .side-panel.is-fullscreen .fullscreen-sidebar-note p {
    display: none;
  }
}

@media (max-width: 760px) {
  .side-panel.is-fullscreen .fullscreen-header-menu-popover {
    right: auto;
    left: 0;
  }
}

/* Event Manager owns the base canvas; keep legacy preview guardrails from restoring it. */
body.is-event-manager .prototype-shell,
body.is-event-manager .prototype-shell:not(.is-editor-fullscreen) {
  padding: 0;
  background: transparent;
}

body.is-event-manager .prototype-shell .site-canvas,
body.is-event-manager .prototype-shell.is-editor-closed .site-canvas {
  display: none;
}

body.is-event-manager .prototype-shell:not(.is-editor-fullscreen) .side-panel {
  height: calc(100vh - 56px);
  height: calc(100dvh - 56px);
  max-height: none;
}

/* Ticket management uses the same compact panel width as the other event flows. */
.event-manager-app.has-ticket-panel {
  --event-manager-panel-width: 419px;
}

body.is-event-manager .side-panel.is-tickets:not(.is-fullscreen) {
  width: min(419px, calc(100vw - 48px));
}

.side-panel.is-tickets:not(.is-fullscreen) > .panel-footer {
  display: none;
}

.side-panel.is-tickets:not(.is-fullscreen) .panel-content {
  padding-bottom: 0;
}

.ticket-type-row {
  position: relative;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 12px;
  padding: 10px 10px 9px;
  cursor: default;
}

.ticket-row-main {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(148px, 1.15fr) minmax(260px, 1.85fr) auto;
  align-items: center;
  gap: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.ticket-row-main:focus-visible {
  border-radius: 5px;
  outline: 2px solid rgba(102, 51, 241, 0.28);
  outline-offset: 3px;
}

.ticket-type-row.is-compact {
  grid-template-columns: minmax(0, 1fr) 28px;
  gap: 6px;
  padding: 9px;
}

.ticket-type-row.is-compact .ticket-row-main {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.ticket-type-row.is-compact .ticket-row-copy strong {
  font-size: 11px;
}

.ticket-type-row.is-compact .ticket-row-copy small {
  font-size: 9px;
}

.ticket-type-row.is-compact .ticket-status-chip {
  max-width: 72px;
  text-align: center;
}

.ticket-type-row.is-compact .ticket-row-actions button {
  width: 28px;
  padding: 0;
}

.ticket-type-row.is-compact .ticket-row-actions {
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 120ms ease,
    visibility 120ms ease;
}

.ticket-type-row.is-compact:hover .ticket-row-actions,
.ticket-type-row.is-compact:focus-within .ticket-row-actions,
.ticket-type-row.is-compact:has(.ticket-row-menu:not([hidden])) .ticket-row-actions {
  opacity: 1;
  visibility: visible;
}

.ticket-type-row.is-compact .ticket-row-menu {
  top: 46px;
}

.ticket-row-metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(54px, 1fr));
  gap: 8px;
}

.ticket-row-metrics > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.ticket-row-metrics small {
  color: #7a8799;
  font-size: 8px;
  font-weight: 400;
}

.ticket-row-metrics strong {
  overflow: hidden;
  color: #344054;
  font-size: 9px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-row-actions {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ticket-row-actions button {
  min-width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  padding: 0 8px;
  border: 1px solid #d8e0ec;
  border-radius: 5px;
  background: #ffffff;
  color: #53627a;
  font-size: 9px;
  font-weight: 500;
  cursor: pointer;
}

.ticket-row-actions button:hover,
.ticket-row-actions button:focus-visible {
  border-color: rgba(102, 51, 241, 0.42);
  background: #f8f6ff;
  color: var(--purple);
  outline: 0;
}

.ticket-row-actions .ui-icon-svg {
  width: 13px;
  height: 13px;
}

.ticket-row-menu {
  position: absolute;
  right: 8px;
  top: 42px;
  z-index: 6;
  min-width: 126px;
  display: grid;
  gap: 2px;
  padding: 5px;
  border: 1px solid #dbe2ec;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(21, 31, 46, 0.14);
}

.ticket-row-menu[hidden] {
  display: none;
}

.ticket-row-menu button {
  min-height: 28px;
  padding: 0 8px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #344054;
  font-size: 9px;
  text-align: left;
  cursor: pointer;
}

.ticket-row-menu button:hover,
.ticket-row-menu button:focus-visible {
  background: #f5f2ff;
  outline: 0;
}

.ticket-row-menu button:disabled {
  color: #98a2b3;
  cursor: not-allowed;
}

.ticket-row-menu-note {
  display: block;
  max-width: 180px;
  padding: 4px 7px 2px;
  color: #667085;
  font-size: 8px;
  line-height: 1.4;
}

.ticket-edit-form,
.ticket-editor-card {
  gap: 0;
}

.ticket-edit-heading {
  position: sticky;
  top: -12px;
  z-index: 8;
  margin: -12px -12px 0;
  padding: 12px;
  border-bottom: 1px solid #e1e7f0;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(10px);
}

.ticket-more-button {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #d8e0ec;
  border-radius: 5px;
  background: #ffffff;
  color: #667085;
  cursor: pointer;
}

.ticket-more-button:hover,
.ticket-more-button:focus-visible {
  border-color: rgba(102, 51, 241, 0.42);
  color: var(--purple);
  outline: 0;
}

.ticket-more-button .ui-icon-svg {
  width: 14px;
  height: 14px;
}

.ticket-save-state.is-unsaved {
  color: #9b6500;
}

.ticket-validation-summary {
  display: grid;
  gap: 6px;
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid #efc6c2;
  border-radius: 6px;
  background: #fff6f5;
  color: #8f281f;
}

.ticket-validation-summary[hidden] {
  display: none;
}

.ticket-validation-summary strong {
  font-size: 10px;
  font-weight: 500;
}

.ticket-validation-summary ul {
  display: grid;
  gap: 3px;
  margin: 0;
  padding-left: 16px;
  font-size: 9px;
  line-height: 1.35;
}

.ticket-editor-section,
.ticket-promo-host,
.ticket-delete-zone {
  scroll-margin-top: 72px;
}

.ticket-editor-section {
  display: grid;
  gap: 10px;
  padding: 16px 0;
  border-bottom: 1px solid #e6ebf2;
}

.ticket-editor-section > .ticket-section-heading {
  align-items: flex-start;
  padding: 0;
}

.ticket-editor-section .ticket-section-heading .eyebrow {
  margin: 0 0 2px;
  color: var(--purple);
  font-size: 8px;
}

.ticket-field > span b {
  color: #b42318;
  font-weight: 500;
}

.ticket-field [aria-invalid="true"] {
  border-color: #b42318;
  background: #fffafa;
}

.ticket-field-error {
  color: #b42318;
  font-size: 9px;
  font-weight: 400;
}

.ticket-field-error[hidden] {
  display: none;
}

.ticket-readonly-field {
  background: #f5f7fa !important;
  color: #667085 !important;
}

.ticket-start-immediately {
  width: fit-content;
}

.ticket-visibility-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.ticket-visibility-options button {
  min-height: 58px;
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 9px 10px;
  border: 1px solid #dce3ed;
  border-radius: 6px;
  background: #ffffff;
  color: #344054;
  text-align: left;
  cursor: pointer;
}

.ticket-visibility-options button:hover,
.ticket-visibility-options button:focus-visible,
.ticket-visibility-options button.is-selected {
  border-color: #9d82f5;
  background: #f8f6ff;
  outline: 0;
}

.ticket-visibility-options button.is-selected {
  box-shadow: inset 3px 0 0 var(--purple);
}

.ticket-visibility-options strong {
  font-size: 10px;
  font-weight: 500;
}

.ticket-visibility-options small {
  color: #667085;
  font-size: 9px;
  font-weight: 400;
}

.ticket-benefit-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.ticket-benefit-list label {
  min-height: 36px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid #dce3ed;
  border-radius: 6px;
  color: #344054;
  font-size: 10px;
  cursor: pointer;
}

.ticket-benefit-list input {
  width: 16px;
  height: 16px;
  accent-color: var(--purple);
}

.ticket-custom-benefit {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.ticket-custom-benefit input {
  height: 34px;
  min-width: 0;
  padding: 0 10px;
  border: 1px solid #d9e1ec;
  border-radius: 6px;
  color: var(--ink);
  font: inherit;
  font-size: 10px;
}

.ticket-custom-benefit button {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 10px;
  border: 1px solid #d8e0ec;
  border-radius: 6px;
  background: #ffffff;
  color: var(--purple);
  font-size: 9px;
  font-weight: 500;
  cursor: pointer;
}

.ticket-custom-benefit button .ui-icon-svg {
  width: 13px;
  height: 13px;
}

.ticket-custom-benefit-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ticket-custom-benefit-list > span {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 5px 0 8px;
  border-radius: 999px;
  background: #eee8ff;
  color: #5c2dc1;
  font-size: 9px;
}

.ticket-custom-benefit-list button {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.ticket-custom-benefit-list .ui-icon-svg {
  width: 11px;
  height: 11px;
}

.ticket-customer-preview {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  background: #fbfcff;
}

.ticket-preview-heading,
.ticket-preview-availability {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ticket-preview-heading span {
  color: var(--purple);
  font-size: 8px;
  font-weight: 500;
  text-transform: uppercase;
}

.ticket-preview-heading h5 {
  margin: 2px 0 0;
  color: var(--ink);
  font-size: 14px;
  font-weight: 500;
}

.ticket-preview-heading > strong {
  color: var(--ink);
  font-size: 14px;
  font-weight: 500;
}

.ticket-customer-preview > p {
  margin: 0;
  color: #667085;
  font-size: 10px;
  line-height: 1.45;
}

.ticket-preview-availability {
  color: #475467;
  font-size: 9px;
}

.ticket-preview-availability em {
  padding: 4px 7px;
  border-radius: 999px;
  background: #eee8ff;
  color: #6633f1;
  font-style: normal;
}

.ticket-customer-preview ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 14px;
  margin: 0;
  padding: 0;
  color: #344054;
  font-size: 9px;
  list-style: none;
}

.ticket-customer-preview li::before {
  content: "✓";
  margin-right: 5px;
  color: #168457;
}

.ticket-delete-zone > div:first-child {
  display: grid;
  gap: 3px;
}

.ticket-delete-zone > div:first-child strong {
  color: #344054;
  font-size: 10px;
  font-weight: 500;
}

.ticket-delete-zone > div:first-child small {
  color: #667085;
  font-size: 9px;
}

.ticket-lifecycle-actions {
  display: flex;
  gap: 8px;
}

.ticket-archive-button {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #d8e0ec;
  border-radius: 6px;
  background: #ffffff;
  color: #475467;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.ticket-delete-button:disabled {
  border-color: #e3e7ed;
  background: #f7f8fa;
  color: #98a2b3;
  cursor: not-allowed;
}

.ticket-editor-footer {
  position: sticky;
  bottom: -12px;
  z-index: 8;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 10px -12px -12px;
  padding: 10px 12px;
  border-top: 1px solid #e1e7f0;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 -8px 20px rgba(21, 31, 46, 0.04);
  backdrop-filter: blur(10px);
}

.ticket-editor-footer > span {
  color: #168457;
  font-size: 9px;
}

.ticket-editor-footer > span.is-blocked {
  color: #9b6500;
}

.ticket-editor-footer > div {
  display: flex;
  gap: 7px;
}

.ticket-editor-footer button {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid #d8e0ec;
  border-radius: 6px;
  background: #ffffff;
  color: #475467;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.ticket-editor-footer [data-ticket-save] {
  border-color: var(--purple);
  background: var(--purple);
  color: #ffffff;
}

.ticket-fullscreen-grid {
  grid-template-columns: 210px minmax(0, 860px);
  justify-content: center;
  gap: 12px;
}

.ticket-section-nav {
  position: sticky;
  top: 0;
  display: grid;
  align-content: start;
  gap: 4px;
  padding: 10px;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
  background: #ffffff;
}

.ticket-section-nav > p {
  margin: 8px 8px 4px;
  color: #8794a7;
  font-size: 8px;
  font-weight: 500;
  text-transform: uppercase;
}

.ticket-section-nav button {
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 9px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #53627a;
  font-size: 10px;
  text-align: left;
  cursor: pointer;
}

.ticket-section-nav button:hover,
.ticket-section-nav button:focus-visible,
.ticket-section-nav button.is-active {
  background: #f1edff;
  color: var(--purple);
  outline: 0;
}

.ticket-section-nav .ui-icon-svg {
  width: 13px;
  height: 13px;
}

.ticket-editor-card {
  position: relative;
  max-height: calc(100vh - 230px);
  overflow: auto;
  padding: 12px;
}

.ticket-unsaved-dialog {
  position: fixed;
  inset: 0;
  z-index: 300;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(21, 31, 46, 0.32);
}

.ticket-unsaved-dialog[hidden] {
  display: none;
}

.ticket-unsaved-dialog > section {
  width: min(440px, 100%);
  display: grid;
  gap: 20px;
  padding: 18px;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 24px 64px rgba(21, 31, 46, 0.24);
}

.ticket-unsaved-dialog > section > div {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.ticket-unsaved-dialog > section > div > .ui-icon-host {
  width: 34px;
  height: 34px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 7px;
  background: #fff3d8;
  color: #9b6500;
}

.ticket-unsaved-dialog h2 {
  margin: 0;
  color: var(--ink);
  font-size: 16px;
  font-weight: 500;
}

.ticket-unsaved-dialog p {
  margin: 5px 0 0;
  color: #667085;
  font-size: 11px;
}

.ticket-unsaved-dialog footer {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
}

.ticket-unsaved-dialog footer button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #d8e0ec;
  border-radius: 6px;
  background: #ffffff;
  color: #475467;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.ticket-unsaved-dialog [data-ticket-unsaved-save] {
  border-color: var(--purple);
  background: var(--purple);
  color: #ffffff;
}

.ticket-unsaved-dialog [data-ticket-unsaved-discard] {
  color: #b42318;
}

@media (max-width: 920px) {
  .event-manager-app.has-ticket-panel {
    --event-manager-panel-width: 100vw;
  }

  body.is-event-manager .side-panel.is-tickets:not(.is-fullscreen) {
    width: 100vw;
  }

  .ticket-row-main {
    grid-template-columns: minmax(130px, 1fr) auto;
  }

  .ticket-row-metrics {
    display: none;
  }

  .ticket-fullscreen-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ticket-section-nav {
    position: static;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ticket-section-nav > p {
    display: none;
  }
}

@media (max-width: 560px) {
  .ticket-field-pair,
  .ticket-visibility-options,
  .ticket-benefit-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .ticket-edit-meta .ticket-save-state {
    display: none;
  }

  .ticket-custom-benefit {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Sponsors management: shared compact side panel and full-screen manager. */
.sponsor-header-context {
  display: none;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
}

.side-panel.is-sponsors:not(.is-fullscreen) .sponsor-header-context {
  display: flex;
}

.sponsor-header-context .mode-status {
  margin: 0;
}

.home-screen,
.detail-screen,
.agenda-screen,
.speaker-screen,
.ticket-screen,
.sponsor-screen {
  display: none;
}

.home-screen.is-active,
.detail-screen.is-active,
.agenda-screen.is-active,
.speaker-screen.is-active,
.ticket-screen.is-active,
.sponsor-screen.is-active {
  display: block;
}

.sponsor-screen.is-active,
.sponsor-sidepanel-page {
  min-height: 100%;
}

.event-manager-app.has-sponsor-panel {
  --event-manager-panel-width: 419px;
}

body.is-event-manager .side-panel.is-sponsors:not(.is-fullscreen) {
  width: min(419px, calc(100vw - 48px));
}

.side-panel.is-sponsors:not(.is-fullscreen) > .panel-footer {
  display: none;
}

.side-panel.is-sponsors:not(.is-fullscreen) .panel-content {
  padding: 0;
  overflow: hidden;
  background: var(--ds-slidein-body-background);
}

.side-panel.is-sponsors:not(.is-fullscreen) .sponsor-screen.is-active {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.side-panel.is-sponsors:not(.is-fullscreen) .sponsor-sidepanel-page {
  height: 100%;
  min-height: 0;
  max-height: 100%;
  overflow-y: auto;
  padding: 12px;
}

.side-panel.is-sponsors:not(.is-fullscreen) .sponsor-sidepanel-page.sponsor-editor-form {
  overflow: hidden;
}

.side-panel.is-sponsors:not(.is-fullscreen) .sponsor-sidepanel-page[hidden] {
  display: none;
}

.sponsor-workspace-heading,
.sponsor-page-header,
.sponsor-view-heading,
.sponsor-editor-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.sponsor-workspace-heading {
  margin-bottom: 8px;
}

.sponsor-workspace-heading h3,
.sponsor-page-header h3,
.sponsor-view-heading h4,
.sponsor-editor-heading h3 {
  margin: 0;
  color: var(--ink);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
}

.sponsor-workspace-heading p,
.sponsor-view-heading p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
}

.sponsor-heading-actions,
.sponsor-page-actions,
.sponsor-editor-heading > div:last-child {
  display: flex;
  align-items: center;
  gap: 6px;
}

.sponsor-add-menu {
  position: relative;
}

.sponsor-add-menu > summary {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 9px;
  border: 1px solid var(--purple);
  border-radius: 6px;
  background: var(--purple);
  color: #ffffff;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
  list-style: none;
}

.sponsor-add-menu > summary::-webkit-details-marker {
  display: none;
}

.sponsor-add-menu > summary:focus-visible {
  outline: 2px solid #b8a4ff;
  outline-offset: 2px;
}

.sponsor-add-menu > summary .ui-icon-svg {
  width: 13px;
  height: 13px;
}

/* The slide-in uses the same add menu, but keeps the trigger as an icon tool. */
.sponsor-sidepanel-add-menu > summary {
  width: 30px;
  padding: 0;
  border-color: #d9e1ec;
  background: #ffffff;
  color: #4f5d73;
}

.sponsor-sidepanel-add-menu > summary:hover,
.sponsor-sidepanel-add-menu[open] > summary {
  border-color: rgba(102, 51, 241, 0.42);
  background: #f7f4ff;
  color: var(--purple);
}

.sponsor-add-menu > div {
  position: absolute;
  z-index: 95;
  right: 0;
  top: calc(100% + 5px);
  width: 218px;
  display: grid;
  gap: 2px;
  padding: 5px;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(20, 29, 44, 0.18);
}

.sponsor-add-menu > div button {
  min-height: 46px;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 7px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #344054;
  text-align: left;
}

.sponsor-add-menu > div button:hover,
.sponsor-add-menu > div button:focus-visible {
  background: #f3f0ff;
  color: var(--purple);
  outline: 0;
}

.sponsor-add-menu > div .ui-icon-svg {
  width: 14px;
  height: 14px;
}

.sponsor-add-menu > div button > span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.sponsor-add-menu > div strong,
.sponsor-add-menu > div small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-add-menu > div strong {
  font-size: 10px;
  font-weight: 600;
}

.sponsor-add-menu > div small {
  color: #718096;
  font-size: 9px;
}

.sponsor-heading-actions button,
.sponsor-page-actions button,
.sponsor-view-heading button,
.sponsor-editor-heading button,
.sponsor-filter-toolbar button,
.sponsor-manager-toolbar button,
.sponsor-list-state button,
.sponsor-upload-zone button,
.sponsor-upload-button,
.sponsor-image-tools button,
.sponsor-section-heading button,
.sponsor-live-preview button,
.sponsor-editor-footer button,
.sponsor-media-toolbar button,
.sponsor-modal button,
.sponsor-placement-group button {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 9px;
  border: 1px solid #d9e1ec;
  border-radius: 6px;
  background: #ffffff;
  color: #4f5d73;
  font: inherit;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.sponsor-editor-heading > div:last-child > button,
.sponsor-editor-heading > button {
  width: 30px;
  padding: 0;
}

.sponsor-heading-actions button.is-primary,
.sponsor-page-actions button.is-primary,
.sponsor-view-heading button.is-primary,
.sponsor-editor-footer button.is-primary,
.sponsor-modal button.is-primary {
  border-color: var(--purple);
  background: var(--purple);
  color: #ffffff;
}

.sponsor-heading-actions .ui-icon-svg,
.sponsor-page-actions .ui-icon-svg,
.sponsor-editor-heading .ui-icon-svg,
.sponsor-upload-button .ui-icon-svg {
  width: 13px;
  height: 13px;
}

.sponsor-filter-toolbar,
.sponsor-manager-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) repeat(3, auto);
  gap: 6px;
  margin-bottom: 10px;
  padding: 7px;
  border: 1px solid #e1e7f0;
  border-radius: 7px;
  background: #f9fafc;
}

.sponsor-active-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin: -2px 0 9px;
  padding: 0 2px;
}

.sponsor-active-filters[hidden] {
  display: none;
}

.sponsor-active-filters > span {
  color: #748196;
  font-size: 8px;
  font-weight: 500;
}

.sponsor-active-filters button {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 6px;
  border: 1px solid #ded6ff;
  border-radius: 999px;
  background: #faf9ff;
  color: #5934c5;
  font: inherit;
  font-size: 8px;
  font-weight: 600;
  cursor: pointer;
}

.sponsor-active-filters button:hover,
.sponsor-active-filters button:focus-visible {
  border-color: var(--purple);
  background: #f2efff;
  outline: 0;
}

.sponsor-active-filters button .ui-icon-svg {
  width: 10px;
  height: 10px;
}

.sponsor-active-filters .sponsor-filter-clear-all {
  border-color: transparent;
  background: transparent;
  color: #667085;
}

.side-panel:not(.is-fullscreen) .sponsor-filter-toolbar {
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 6px;
}

.sponsor-combobox {
  width: 100%;
  min-width: 0;
}

.side-panel:not(.is-fullscreen) .sponsor-filter-toolbar .sponsor-combobox {
  grid-column: auto;
}

.sponsor-filter-menu {
  position: relative;
  align-self: start;
}

.sponsor-filter-menu > summary {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 9px;
  border: 1px solid #d9e1ec;
  border-radius: 5px;
  background: #ffffff;
  color: #4f5d73;
  font-size: 9px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.sponsor-filter-menu > summary::-webkit-details-marker {
  display: none;
}

.sponsor-filter-menu > summary:hover,
.sponsor-filter-menu[open] > summary,
.sponsor-filter-menu > summary:focus-visible {
  border-color: rgba(102, 51, 241, 0.48);
  background: #f8f6ff;
  color: var(--purple);
  outline: 0;
}

.sponsor-filter-menu > summary .ui-icon-svg {
  width: 12px;
  height: 12px;
}

.sponsor-filter-menu-popover {
  position: absolute;
  z-index: 96;
  right: 0;
  top: calc(100% + 5px);
  width: 220px;
  display: grid;
  gap: 8px;
  padding: 9px;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(20, 29, 44, 0.16);
}

.sponsor-filter-menu-popover label {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.sponsor-filter-menu-popover label > span {
  color: #667085;
  font-size: 8px;
  font-weight: 600;
}

.sponsor-filter-menu-popover select {
  width: 100%;
}

.sponsor-combobox.ticket-add-picker.is-persistent {
  position: relative;
  inset: auto;
  z-index: 18;
  margin-top: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.sponsor-combobox.ticket-add-picker.is-persistent .ticket-add-picker-field {
  min-height: 30px;
  height: 30px;
  border-radius: 5px;
  box-shadow: none;
}

.sponsor-combobox .ticket-add-option-icon {
  width: 28px;
  height: 28px;
  font-size: 9px;
  font-weight: 500;
}

.sponsor-combobox .ticket-add-option {
  min-height: 40px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  justify-content: initial;
  gap: 8px;
  padding: 5px 7px;
  text-align: left;
}

.sponsor-combobox .ticket-add-option-copy {
  min-width: 0;
}

.sponsor-combobox .ticket-add-option-copy strong {
  font-weight: 400;
}

.sponsor-combobox .ticket-add-option > em {
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  padding: 0 7px;
  border-radius: 5px;
}

.side-panel:not(.is-fullscreen)
  .sponsor-combobox.ticket-add-picker.is-persistent.is-open
  .ticket-add-picker-results {
  max-height: 212px;
}

.sponsor-search-field {
  min-width: 0;
  height: 30px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  border: 1px solid #d9e1ec;
  border-radius: 5px;
  background: #ffffff;
}

.sponsor-search-field:focus-within {
  border-color: var(--purple);
  box-shadow: 0 0 0 2px rgba(102, 51, 241, 0.1);
}

.sponsor-search-field .ui-icon-svg {
  width: 13px;
  height: 13px;
  color: #7b8799;
}

.sponsor-search-field input,
.sponsor-filter-toolbar select,
.sponsor-manager-toolbar select,
.sponsor-preview-controls select,
.sponsor-form-section input,
.sponsor-form-section select,
.sponsor-form-section textarea,
.sponsor-modal-fields input,
.sponsor-modal-fields select {
  min-width: 0;
  border: 1px solid #d9e1ec;
  border-radius: 5px;
  background: #ffffff;
  color: #273348;
  font: inherit;
  font-size: 10px;
  font-weight: 400;
}

.sponsor-search-field input {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  outline: 0;
}

.sponsor-filter-toolbar select,
.sponsor-manager-toolbar select,
.sponsor-preview-controls select {
  height: 30px;
  padding: 0 24px 0 8px;
}

.sponsor-group-list {
  display: grid;
  gap: 9px;
}

.sponsor-tier-group {
  overflow: hidden;
  border: 1px solid #e0e6ef;
  border-radius: 7px;
  background: #ffffff;
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

.sponsor-tier-group.is-drop-target {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

.sponsor-tier-group > header {
  min-height: 29px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 9px;
  border-bottom: 1px solid #e7ecf3;
  background: #f7f9fc;
}

.sponsor-tier-group > header strong {
  color: #344054;
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
}

.sponsor-tier-group > header span {
  color: #7a8699;
  font-size: 9px;
}

.sponsor-empty-tier {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 9px;
  background: #ffffff;
  color: #748196;
  font-size: 9px;
}

.sponsor-empty-tier button {
  min-height: 25px;
  padding: 0 7px;
  border: 1px solid rgba(102, 51, 241, 0.38);
  border-radius: 5px;
  background: #ffffff;
  color: var(--purple);
  font: inherit;
  font-size: 8px;
  font-weight: 600;
  cursor: pointer;
}

.sponsor-empty-tier button:hover,
.sponsor-empty-tier button:focus-visible {
  border-color: var(--purple);
  background: #f5f2ff;
  outline: 0;
}

.sponsor-row {
  position: relative;
  min-height: 56px;
  display: grid;
  grid-template-columns: 22px 36px minmax(0, 1fr) auto 28px;
  align-items: center;
  gap: 6px;
  padding: 7px 7px 7px 5px;
  border-bottom: 1px solid #edf1f6;
  background: #ffffff;
}

.is-fullscreen-list .sponsor-row {
  grid-template-columns: 18px 22px 40px minmax(0, 1fr) 84px 30px;
  min-height: 60px;
}

.sponsor-row:last-child {
  border-bottom: 0;
}

.sponsor-row:hover,
.sponsor-row:focus-within,
.sponsor-row.is-active {
  background: #faf9ff;
}

.sponsor-row.is-active {
  box-shadow: inset 3px 0 0 var(--purple);
}

.sponsor-row.is-dragging {
  opacity: 0.48;
}

.sponsor-drag-handle,
.sponsor-row-icon,
.sponsor-row-menu > summary {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #7b8799;
  cursor: pointer;
}

.sponsor-drag-handle {
  width: 22px;
  cursor: grab;
}

.sponsor-drag-handle:active {
  cursor: grabbing;
}

.sponsor-drag-handle .ui-icon-svg,
.sponsor-row-icon .ui-icon-svg,
.sponsor-row-menu .ui-icon-svg {
  width: 14px;
  height: 14px;
}

.sponsor-logo {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #dce3ed;
  border-radius: 6px;
  background: #f2efff;
  color: var(--purple);
  font-size: 10px;
  font-weight: 500;
}

.sponsor-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sponsor-logo.is-large {
  width: 88px;
  height: 64px;
  font-size: 16px;
}

.sponsor-logo.is-preview {
  width: 78px;
  height: 48px;
  background: #ffffff;
}

.sponsor-logo.is-preview.is-small {
  width: 58px;
  height: 38px;
}

.sponsor-logo.is-preview.is-large {
  width: 98px;
  height: 58px;
}

.sponsor-logo.is-preview.is-featured {
  width: 122px;
  height: 68px;
}

.sponsor-row-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.sponsor-row-copy > span {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}

.sponsor-row-copy strong {
  overflow: hidden;
  color: #202a3b;
  font-size: 10px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-row-copy em {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #b9a8ff;
  border-radius: var(--ds-pill-radius);
  background: #eee8ff;
  color: var(--purple);
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
}

.sponsor-row-copy small {
  overflow: hidden;
  color: #748196;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-row-meta {
  min-width: 0;
  display: flex !important;
  align-items: center;
  gap: 5px;
}

.sponsor-row-meta small {
  min-width: 0;
  flex: 1 1 auto;
}

.sponsor-inline-issue {
  min-width: 0;
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  gap: 3px;
  overflow: hidden;
  color: #9a6200;
  font-size: 8px;
  font-style: normal;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-inline-issue .ui-icon-svg {
  width: 10px;
  height: 10px;
  flex: 0 0 auto;
}

.sponsor-status {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #dce3ed;
  border-radius: var(--ds-pill-radius);
  background: #f6f8fb;
  color: #697588;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
}

.sponsor-status.is-published,
.sponsor-status.is-visible {
  border-color: #a9e4cb;
  background: #e8fbf0;
  color: #168347;
}

.sponsor-status.is-draft {
  border-color: #edc36f;
  background: #fff7e6;
  color: #9d6512;
}

.sponsor-status.is-hidden,
.sponsor-status.is-archived {
  border-color: #dce3ed;
  background: #f6f8fb;
  color: #697588;
}

.sponsor-row-menu {
  position: relative;
}

.sponsor-row-menu > summary {
  list-style: none;
  opacity: 0;
  transition: opacity 120ms ease, background 120ms ease;
}

.sponsor-row-menu > summary::-webkit-details-marker {
  display: none;
}

.sponsor-row:hover .sponsor-row-menu > summary,
.sponsor-row:focus-within .sponsor-row-menu > summary,
.sponsor-row-menu[open] > summary {
  opacity: 1;
  background: #f1edff;
  color: var(--purple);
}

.sponsor-row-menu > div {
  position: absolute;
  z-index: 90;
  right: 0;
  top: 31px;
  width: 132px;
  display: grid;
  gap: 2px;
  padding: 5px;
  border: 1px solid #dce3ed;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(20, 29, 44, 0.18);
}

.sponsor-row-menu > div button {
  min-height: 29px;
  padding: 0 8px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #45536a;
  font-size: 10px;
  text-align: left;
  cursor: pointer;
}

.sponsor-row-menu > div button:hover,
.sponsor-row-menu > div button:focus-visible {
  background: #f3f0ff;
  color: var(--purple);
  outline: 0;
}

.sponsor-row-menu > div button:disabled {
  color: #a6b0bf;
  cursor: not-allowed;
}

.sponsor-row-menu > div button:disabled:hover {
  background: transparent;
  color: #a6b0bf;
}

.sponsor-list-state {
  min-height: 180px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  padding: 24px;
  color: #657186;
  text-align: center;
}

.sponsor-list-state[hidden] {
  display: none;
}

.sponsor-list-state strong {
  color: #253047;
  font-size: 12px;
  font-weight: 500;
}

.sponsor-list-state small {
  max-width: 250px;
  font-size: 10px;
  line-height: 1.45;
}

.sponsor-list-state .ui-icon-svg {
  width: 24px;
  height: 24px;
}

.sponsor-skeleton {
  width: min(260px, 100%);
  display: grid;
  gap: 6px;
}

.sponsor-skeleton i {
  height: 38px;
  border-radius: 5px;
  background: linear-gradient(90deg, #eef2f6, #f8fafc, #eef2f6);
  background-size: 200% 100%;
  animation: sponsor-loading 1.2s linear infinite;
}

@keyframes sponsor-loading {
  to { background-position: -200% 0; }
}

.sponsor-editor-form {
  position: relative;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  padding: 0 !important;
  background: #ffffff;
}

.sponsor-editor-form[hidden] {
  display: none;
}

.sponsor-editor-heading {
  position: sticky;
  z-index: 8;
  top: 0;
  align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid #e3e8f0;
  background: rgba(255, 255, 255, 0.98);
}

.sponsor-editor-heading > div:nth-child(2) {
  min-width: 0;
  flex: 1;
}

.sponsor-editor-heading .eyebrow {
  margin: 0 0 2px;
  font-size: 8px;
}

.sponsor-editor-heading h3 {
  display: inline;
  margin-right: 6px;
  font-size: 13px;
}

.sponsor-editor-heading .sponsor-status {
  width: fit-content;
  justify-self: start;
  vertical-align: 2px;
}

.sponsor-editor-menu > div {
  right: 0;
}

.sponsor-editor-scroll {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 8px;
  overflow-y: auto;
  padding: 10px 12px 18px;
}

.sponsor-form-section {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #ffffff;
}

.sponsor-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.sponsor-section-heading h4 {
  margin: 0;
  color: #273348;
  font-size: 11px;
  font-weight: 500;
}

.sponsor-section-heading > span {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #7b8799;
  font-size: 8px;
}

.sponsor-section-heading button {
  min-height: 26px;
  padding: 0 7px;
  font-size: 9px;
}

.sponsor-form-section > label,
.sponsor-modal-fields > label,
.sponsor-image-tools label {
  display: grid;
  gap: 4px;
  color: #556278;
  font-size: 9px;
}

.sponsor-form-section > label > span,
.sponsor-modal-fields > label > span,
.sponsor-image-tools label > span {
  font-weight: 500;
}

.sponsor-form-section input,
.sponsor-form-section select,
.sponsor-form-section textarea,
.sponsor-modal-fields input,
.sponsor-modal-fields select {
  width: 100%;
  min-height: 32px;
  padding: 7px 8px;
  outline: 0;
}

.sponsor-form-section textarea {
  resize: vertical;
  line-height: 1.4;
}

.sponsor-form-section textarea[data-sponsor-field="description"] {
  min-height: 48px;
  max-height: 80px;
}

.sponsor-form-section input:focus,
.sponsor-form-section select:focus,
.sponsor-form-section textarea:focus,
.sponsor-modal-fields input:focus,
.sponsor-modal-fields select:focus {
  border-color: var(--purple);
  box-shadow: 0 0 0 2px rgba(102, 51, 241, 0.09);
}

.sponsor-form-section label > small {
  color: #7b8799;
  font-size: 8px;
}

.sponsor-form-section label.has-error input,
.sponsor-form-section label.has-error select {
  border-color: #e69690;
}

.sponsor-form-section label.has-error small,
.sponsor-field-error {
  color: #b42318;
}

.sponsor-upload-zone {
  min-height: 124px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  padding: 12px;
  border: 1px dashed #b8c3d4;
  border-radius: 7px;
  background: #fafbfc;
  color: #68758a;
  text-align: center;
}

.sponsor-upload-zone.is-drag-over {
  border-color: var(--purple);
  background: #f4f0ff;
  box-shadow: inset 0 0 0 2px rgba(102, 51, 241, 0.08);
}

.sponsor-upload-zone > .ui-icon-host .ui-icon-svg {
  width: 24px;
  height: 24px;
}

.sponsor-upload-zone strong {
  color: #334056;
  font-size: 10px;
  font-weight: 500;
}

.sponsor-upload-zone small {
  font-size: 8px;
}

.sponsor-upload-zone > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}

.sponsor-upload-button {
  cursor: pointer;
}

.sponsor-upload-progress {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 8px;
}

.sponsor-upload-progress[hidden] {
  display: none;
}

.sponsor-upload-progress i {
  width: 11px;
  height: 11px;
  border: 2px solid #d8d1ff;
  border-top-color: var(--purple);
  border-radius: 50%;
  animation: sponsor-spin 0.7s linear infinite;
}

@keyframes sponsor-spin {
  to { transform: rotate(360deg); }
}

.sponsor-image-tools {
  display: grid;
  gap: 7px;
}

.sponsor-image-tools > label {
  grid-template-columns: 1fr 120px;
  align-items: center;
}

.sponsor-image-tools [data-sponsor-crop-tools] {
  display: grid;
  gap: 7px;
  padding: 8px;
  border-radius: 5px;
  background: #f7f9fc;
}

.sponsor-image-tools [data-sponsor-crop-tools][hidden] {
  display: none;
}

/* Selected logos stay compact so the Sponsor editor leads with the fields, not asset management. */
.sponsor-logo-summary {
  min-height: 64px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #fafbfc;
}

.sponsor-logo-summary.is-drag-over {
  border-color: var(--purple);
  background: #f4f0ff;
  box-shadow: inset 0 0 0 2px rgba(102, 51, 241, 0.08);
}

.sponsor-logo.is-compact {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  font-size: 13px;
}

.sponsor-logo-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.sponsor-logo-copy strong,
.sponsor-logo-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-logo-copy strong {
  color: #334056;
  font-size: 10px;
  font-weight: 600;
}

.sponsor-logo-copy small {
  color: #7b8799;
  font-size: 8px;
}

.sponsor-logo-actions {
  display: flex;
  gap: 5px;
}

.sponsor-logo-actions :is(button, .sponsor-upload-button) {
  min-height: 28px;
  padding-inline: 8px;
  font-size: 9px;
}

.sponsor-image-tools {
  gap: 0;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #ffffff;
}

.sponsor-image-tools > summary {
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 9px;
  color: #556278;
  font-size: 9px;
  font-weight: 500;
  cursor: pointer;
  list-style: none;
}

.sponsor-image-tools > summary::-webkit-details-marker {
  display: none;
}

.sponsor-image-tools > summary::after {
  content: "+";
  color: var(--purple);
  font-size: 15px;
  font-weight: 400;
}

.sponsor-image-tools[open] > summary {
  border-bottom: 1px solid #e2e8f0;
}

.sponsor-image-tools[open] > summary::after {
  content: "-";
}

.sponsor-image-tools-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
  padding: 8px;
}

.sponsor-image-tools-body > label {
  display: grid;
  gap: 4px;
  color: #556278;
  font-size: 9px;
}

.sponsor-image-tools-body > label > span {
  font-weight: 500;
}

.sponsor-image-tools-body > label select {
  min-height: 30px;
  padding: 0 8px;
  font-size: 10px;
}

.sponsor-image-tools-body > button {
  min-height: 30px;
  padding-inline: 8px;
  font-size: 9px;
}

.sponsor-image-tools [data-sponsor-crop-tools] {
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 8px;
}

.sponsor-image-tools [data-sponsor-crop-tools] > label {
  display: grid;
  gap: 4px;
  color: #556278;
  font-size: 8px;
}

.sponsor-image-tools .sponsor-logo-remove-action {
  grid-column: 1 / -1;
  justify-self: start;
  color: #b42318;
  border-color: #f3c6c2;
}

.sponsor-logo-section.is-empty .sponsor-upload-zone {
  min-height: 76px;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 9px;
  text-align: left;
}

.sponsor-logo-section.is-empty .sponsor-upload-zone > .ui-icon-host {
  grid-row: 1 / span 2;
}

.sponsor-logo-section.is-empty .sponsor-upload-zone > span:not(.ui-icon-host):not(.sponsor-upload-progress) {
  display: grid;
  gap: 2px;
}

.sponsor-logo-section.is-empty .sponsor-upload-zone > div {
  grid-column: 2;
  justify-content: flex-start;
}

.sponsor-logo-section.is-empty .sponsor-upload-zone .sponsor-upload-progress {
  grid-column: 1 / -1;
}

.sponsor-default-note {
  margin: 0;
  padding: 7px 8px;
  border-radius: 5px;
  background: #f3f0ff;
  color: #5e35c7;
  font-size: 8px;
}

.sponsor-default-note button {
  min-height: auto;
  margin: 0 0 0 4px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #5e35c7;
  font: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

.sponsor-tier-edit {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.sponsor-tier-edit:hover strong,
.sponsor-tier-edit:focus-visible strong {
  color: var(--purple);
}

.sponsor-tier-edit:focus-visible {
  border-radius: 3px;
  outline: 2px solid rgba(102, 51, 241, 0.32);
  outline-offset: 2px;
}

.sponsor-tier-edit .ui-icon-svg {
  width: 11px;
  height: 11px;
  color: #8a96a8;
}

.sponsor-tier-edit:hover .ui-icon-svg,
.sponsor-tier-edit:focus-visible .ui-icon-svg {
  color: var(--purple);
}

.sponsor-toggle-row,
.sponsor-checkbox-list label,
.sponsor-placement-grid label {
  min-height: 26px;
  display: flex !important;
  align-items: center;
  gap: 7px !important;
}

.sponsor-toggle-row input,
.sponsor-checkbox-list input,
.sponsor-placement-grid input {
  width: 14px;
  min-height: 14px;
  height: 14px;
  flex: 0 0 auto;
  padding: 0;
  accent-color: var(--purple);
}

.sponsor-placement-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px 8px;
  padding: 0;
  border: 0;
}

.sponsor-placement-grid legend {
  margin-bottom: 5px;
  color: #667085;
  font-size: 9px;
}

.sponsor-tier-placements-section {
  gap: 9px;
  padding: 12px;
}

.sponsor-tier-placements-section .sponsor-section-heading {
  min-height: 24px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e7ebf1;
}

.sponsor-tier-placements-section .sponsor-section-heading h4 {
  color: #182230;
  font-weight: 600;
}

.sponsor-tier-placements-section .sponsor-section-heading > span {
  color: #7a8699;
  font-weight: 500;
  white-space: nowrap;
}

.sponsor-tier-placements-section .sponsor-tier-placement-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px 14px;
}

.sponsor-tier-placements-section .sponsor-tier-placement-grid legend {
  width: 100%;
  margin-bottom: 4px;
  color: #667085;
  font-weight: 400;
}

.sponsor-tier-placements-section .sponsor-tier-placement-grid label {
  min-width: 0;
  min-height: 24px;
  gap: 8px !important;
  padding: 2px 4px;
  border-radius: 4px;
  color: #5e6b80;
  font-weight: 500;
  line-height: 1.25;
  cursor: pointer;
}

.sponsor-tier-placements-section .sponsor-tier-placement-grid label:hover {
  background: #f7f5ff;
  color: #344054;
}

.sponsor-tier-placements-section .sponsor-tier-placement-grid label:has(input:focus-visible) {
  outline: 2px solid rgba(102, 51, 241, 0.24);
  outline-offset: 1px;
}

.sponsor-tier-placements-section .sponsor-tier-placement-grid input {
  margin: 0;
}

.sponsor-field-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.sponsor-checkbox-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px 8px;
  color: #556278;
  font-size: 9px;
}

.sponsor-contact-section > summary {
  display: flex;
  justify-content: space-between;
  color: #273348;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.sponsor-contact-section > summary small,
.sponsor-contact-section > p {
  color: #7b8799;
  font-size: 8px;
  font-weight: 400;
}

.sponsor-contact-section > p {
  margin: 0;
}

.sponsor-live-preview {
  min-height: 150px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  padding: 14px;
  border: 1px solid #e1e7f0;
  border-radius: 6px;
  background: #ffffff;
  color: #273348;
  text-align: center;
}

.sponsor-live-preview.is-dark {
  border-color: #273348;
  background: #1d2636;
  color: #ffffff;
}

.sponsor-live-preview > small {
  color: #7a8699;
  font-size: 8px;
  text-transform: uppercase;
}

.sponsor-live-preview > strong {
  font-size: 11px;
  font-weight: 500;
}

.sponsor-live-preview > span,
.sponsor-live-preview > p {
  margin: 0;
  font-size: 9px;
}

.sponsor-live-preview > em {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #edc36f;
  border-radius: var(--ds-pill-radius);
  background: #fff4d9;
  color: #8c6500;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
}

.sponsor-editor-footer {
  position: sticky;
  z-index: 8;
  bottom: 0;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 12px;
  border-top: 1px solid #e1e7f0;
  background: rgba(255, 255, 255, 0.98);
}

.sponsor-editor-footer > span {
  color: #748196;
  font-size: 8px;
}

.sponsor-editor-footer > div {
  display: flex;
  gap: 5px;
}

.sponsor-editor-footer button {
  min-height: 32px;
}

.sponsor-editor-footer button:disabled,
.sponsor-modal button:disabled {
  opacity: 0.44;
  cursor: not-allowed;
}

.fullscreen-sponsor-page {
  display: none;
  min-width: 0;
  min-height: 0;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: 8px;
  padding: 12px;
  background: #f4f7fb;
}

.prototype-shell.is-sponsor-management .side-panel.is-fullscreen .panel-content {
  background: #f4f7fb;
}

.prototype-shell.is-sponsor-management .side-panel.is-fullscreen .fullscreen-workspace {
  grid-template-columns: var(--fullscreen-nav-width) minmax(0, 1fr);
}

.prototype-shell.is-sponsor-management .side-panel.is-fullscreen .fullscreen-main {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  min-height: calc(100vh - 156px);
}

.prototype-shell.is-sponsor-management .overview-top-grid,
.prototype-shell.is-sponsor-management .fullscreen-main > .fullscreen-card,
.prototype-shell.is-sponsor-management .fullscreen-overview-strip,
.prototype-shell.is-sponsor-management .fullscreen-ticket-page,
.prototype-shell.is-sponsor-management .fullscreen-speaker-page,
.prototype-shell.is-sponsor-management .fullscreen-agenda-page {
  display: none;
}

.prototype-shell.is-sponsor-management .fullscreen-sponsor-page {
  width: 100%;
  grid-column: 1 / -1;
  display: grid;
}

.side-panel.is-fullscreen .sponsor-screen {
  display: none;
}

.prototype-shell:not(.is-sponsor-management) .side-panel.is-fullscreen .fullscreen-sponsor-page {
  display: none;
}

.side-panel.is-sponsors .detail-context,
.side-panel.is-sponsors .ticket-header-context {
  display: none;
}

.sponsor-page-header {
  order: 1;
  align-items: center;
  padding: 0 2px;
}

.sponsor-page-header .eyebrow {
  margin: 0 0 2px;
  font-size: 8px;
}

.sponsor-page-header h3 {
  font-size: 16px;
}

.sponsor-page-header small {
  display: block;
  margin-top: 3px;
  color: #68758a;
  font-size: 9px;
}

.sponsor-save-state {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #667085;
  font-size: 9px;
}

.sponsor-save-state i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #14a06f;
}

.sponsor-save-state.is-dirty i {
  background: #d99614;
}

.sponsor-manager-toolbar {
  order: 3;
  margin: 0;
  grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(120px, 150px));
  background: #ffffff;
}

.sponsor-manager-toolbar[hidden] {
  display: none;
}

.sponsor-manager-layout {
  display: contents;
}

.sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) {
  display: contents;
}

.prototype-shell.is-sponsor-management .fullscreen-sponsor-page:has(.sponsor-fullscreen-editor:not([hidden])) {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 419px);
  grid-template-rows: auto auto auto minmax(0, 1fr);
  column-gap: 12px;
}

.prototype-shell.is-sponsor-management .fullscreen-sponsor-page:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-page-header,
.prototype-shell.is-sponsor-management .fullscreen-sponsor-page:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-manager-toolbar,
.prototype-shell.is-sponsor-management .fullscreen-sponsor-page:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-manager-nav {
  grid-column: 1;
}

.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-manager-content {
  display: block;
  grid-column: 1;
  grid-row: 4;
  min-height: 0;
}

.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor {
  order: 4;
  display: grid;
  grid-column: 2;
  grid-row: 1 / 5;
  align-self: stretch;
  min-width: 0;
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 172px);
  border: 1px solid rgba(102, 51, 241, 0.18);
  border-radius: 10px;
  background: #f6f8fc;
  box-shadow: 0 10px 28px rgba(29, 38, 57, 0.08);
  animation: speakerInlineInsert 220ms ease both;
}

/* The pushed 419px sponsor panel follows the shared slide-in form rhythm. */
.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor .sponsor-editor-heading {
  min-height: 56px;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
}

.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor .sponsor-editor-heading > div:nth-child(2) {
  display: grid;
  align-content: center;
  gap: 1px;
}

.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor .sponsor-editor-heading h3 {
  display: block;
  overflow: hidden;
  margin: 0;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor .sponsor-editor-scroll {
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  padding: 10px;
}

.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor .sponsor-form-section {
  gap: 10px;
  padding: 12px;
  border-radius: 8px;
  background: #ffffff;
}

.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor .sponsor-section-heading {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor .sponsor-section-heading h4 {
  font-size: 12px;
}

.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor .sponsor-section-heading > span {
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-left: auto;
}

.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor .sponsor-form-section > label {
  gap: 5px;
  font-size: 10px;
}

.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor .sponsor-form-section > label :is(input, select) {
  min-height: 36px;
  padding: 0 10px;
  font-size: 11px;
}

.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor .sponsor-form-section > label textarea {
  min-height: 68px;
  padding: 9px 10px;
  font-size: 11px;
}

.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor :is(.sponsor-placement-grid, .sponsor-checkbox-list) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 10px;
}

.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor .sponsor-editor-footer {
  min-height: 56px;
  gap: 6px;
  padding: 8px 10px;
}

.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor .sponsor-editor-footer > span {
  max-width: 82px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor .sponsor-editor-footer > div {
  min-width: 0;
  margin-left: auto;
}

.sponsor-manager-nav {
  order: 2;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px;
  border: 1px solid #e0e6ef;
  border-radius: 7px;
  background: #ffffff;
}

.sponsor-manager-nav > button {
  min-height: 30px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #536178;
  font-size: 10px;
  text-align: left;
  cursor: pointer;
}

.sponsor-manager-nav > button b {
  min-width: 16px;
  height: 16px;
  display: inline-grid;
  place-items: center;
  margin-left: 1px;
  padding: 0 4px;
  border-radius: 999px;
  background: #eef1f6;
  color: #64748b;
  font-size: 8px;
  font-weight: 600;
}

.sponsor-manager-nav > button.is-active,
.sponsor-manager-nav > button:hover,
.sponsor-manager-nav > button:focus-visible {
  background: #f1edff;
  color: var(--purple);
  outline: 0;
}

.sponsor-manager-nav > button.is-active b {
  background: #e5ddff;
  color: var(--purple);
}

.sponsor-manager-nav .ui-icon-svg {
  width: 13px;
  height: 13px;
}

.sponsor-manager-nav > section {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 0 auto;
  padding: 0 8px;
  border-left: 1px solid #e4e9f1;
  color: #69768a;
  font-size: 9px;
}

.sponsor-manager-nav > section strong {
  color: #344054;
  font-size: 9px;
  font-weight: 500;
}

.sponsor-manager-nav .sponsor-nav-summary {
  gap: 8px;
  padding-right: 0;
  border-left: 0;
}

.sponsor-nav-summary > span {
  min-height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #dfe5ee;
  border-radius: var(--ds-pill-radius);
  background: #ffffff;
  color: #667085;
  font-size: var(--ds-pill-font-size);
  white-space: nowrap;
}

.sponsor-nav-summary > span i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #14a06f;
}

.sponsor-nav-summary > span b {
  color: inherit;
  font-size: inherit;
  font-weight: 600;
}

.sponsor-nav-summary > .is-ready {
  border-color: #b9e5d1;
  background: #f0faf5;
  color: #087a4a;
}

.sponsor-nav-summary > .is-attention {
  border-color: #f3dfae;
  background: #fffaf0;
  color: #9a6700;
}

.sponsor-nav-summary > .is-attention i {
  background: #d99614;
}

.sponsor-manager-content {
  order: 4;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  padding: 0;
  border: 1px solid #e0e6ef;
  border-radius: 7px;
  background: #ffffff;
}

.sponsor-manager-view[data-sponsor-manager-view="all"] {
  min-height: 100%;
}

.sponsor-list-column-header {
  min-height: 30px;
  display: grid;
  grid-template-columns: 18px 22px 40px minmax(0, 1fr) 84px 30px;
  align-items: center;
  gap: 6px;
  padding: 0 7px 0 5px;
  border-bottom: 1px solid #e4e9f1;
  background: #f8fafc;
}

.sponsor-list-column-header strong {
  color: #667085;
  font-size: 8px;
  font-weight: 500;
  text-transform: uppercase;
}

.sponsor-manager-content .sponsor-group-list {
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
  padding: 10px;
}

.sponsor-manager-content .sponsor-tier-group {
  border: 1px solid #dfe5ee;
  border-radius: 7px;
}

.sponsor-manager-content .sponsor-tier-group > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  padding: 7px;
  background: #f8fafc;
}

.sponsor-manager-content .sponsor-tier-group > header {
  min-height: 40px;
  padding: 5px 10px;
  background: #f7f9fc;
}

.sponsor-manager-content .sponsor-tier-heading {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.sponsor-manager-content .sponsor-tier-heading strong {
  overflow: hidden;
  color: #253047;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

.sponsor-manager-content .sponsor-tier-heading small {
  overflow: hidden;
  color: #748196;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-manager-content .sponsor-tier-summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #667085;
  font-size: 9px;
  white-space: nowrap;
}

.sponsor-manager-content .sponsor-tier-summary > span {
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border: 1px solid #dfe5ee;
  border-radius: 999px;
  background: #ffffff;
}

.sponsor-manager-content .sponsor-tier-summary .is-live {
  border-color: #b9e5d1;
  background: #eefaf4;
  color: #087a4a;
}

.sponsor-workspace-card {
  position: relative;
  min-width: 0;
  min-height: 62px;
  display: grid;
  grid-template-columns: 36px minmax(210px, 1.35fr) minmax(118px, 0.62fr) minmax(148px, 0.85fr) minmax(112px, 0.48fr) 28px;
  grid-template-rows: auto;
  align-items: center;
  gap: 10px;
  padding: 7px 8px;
  border: 1px solid #dfe5ee;
  border-radius: 6px;
  background: #ffffff;
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.sponsor-tier-group > div .sponsor-workspace-card:last-child {
  border-bottom: 1px solid #dfe5ee;
}

.sponsor-workspace-card:hover,
.sponsor-workspace-card:focus-within,
.sponsor-workspace-card.is-active {
  border-color: rgba(102, 51, 241, 0.45);
  background: #fcfbff;
  box-shadow: 0 3px 10px rgba(31, 40, 64, 0.08);
}

.sponsor-workspace-card.is-active {
  box-shadow: inset 3px 0 0 var(--purple), 0 3px 10px rgba(31, 40, 64, 0.08);
}

.sponsor-workspace-card.is-dragging {
  opacity: 0.48;
}

.sponsor-workspace-card > header,
.sponsor-workspace-card > footer {
  min-width: 0;
  display: contents;
  align-items: center;
}

.sponsor-card-controls {
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
  display: inline-flex;
  align-items: center;
  gap: 0;
}

.sponsor-workspace-card .sponsor-drag-handle {
  width: 16px;
  opacity: 0;
}

.sponsor-workspace-card:hover .sponsor-drag-handle,
.sponsor-workspace-card:focus-within .sponsor-drag-handle {
  opacity: 1;
}

.sponsor-card-id {
  min-width: 0;
  overflow: hidden;
  color: #7a8699;
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-workspace-card .sponsor-row-menu {
  position: relative;
  grid-column: 6;
  grid-row: 1;
  justify-self: end;
  margin: 0;
  transform: none;
}

.sponsor-workspace-card .sponsor-row-menu > summary {
  opacity: 0;
}

.sponsor-workspace-card:hover .sponsor-row-menu > summary,
.sponsor-workspace-card:focus-within .sponsor-row-menu > summary,
.sponsor-workspace-card .sponsor-row-menu[open] > summary {
  opacity: 1;
}

.sponsor-card-main {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.sponsor-card-main .sponsor-logo {
  width: 40px;
  height: 40px;
  border-radius: 7px;
}

.sponsor-card-main > span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.sponsor-card-main strong {
  overflow: hidden;
  color: #202a3b;
  font-size: 10px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-card-main small {
  overflow: hidden;
  color: #68758a;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-card-details {
  grid-column: 3 / 5;
  grid-row: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-self: end;
  gap: 10px;
  margin: 0;
  padding-left: 10px;
  border-left: 1px solid #edf1f6;
  border-radius: 0;
  background: transparent;
}

.sponsor-card-details div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.sponsor-card-details dt {
  color: #7a8699;
  font-size: 8px;
}

.sponsor-card-details dd {
  overflow: hidden;
  margin: 0;
  color: #475467;
  font-size: 9px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-workspace-card > footer {
  grid-column: 5;
  grid-row: 1;
  display: grid;
  justify-content: start;
  gap: 6px;
  padding-left: 10px;
  border-top: 0;
  border-left: 1px solid #edf1f6;
}

.sponsor-card-logo-state {
  overflow: hidden;
  color: #7a8699;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-card-logo-state.is-ready {
  color: #087a4a;
}

.sponsor-card-logo-state.is-missing {
  color: #a15c00;
}

/* Fullscreen sponsor inventory: compact, grouped data rows with the logo retained at left. */
.sponsor-manager-content .is-fullscreen-list {
  gap: 10px;
  padding: 0;
}

.sponsor-manager-content .is-fullscreen-list .sponsor-tier-group {
  border-color: #dfe5ee;
  border-radius: 8px;
}

.sponsor-manager-content .is-fullscreen-list .sponsor-tier-group > header {
  min-height: 42px;
  padding: 6px 12px;
  background: #f8fafc;
}

.sponsor-manager-content .is-fullscreen-list .sponsor-tier-group > div {
  display: block;
  padding: 0;
  background: #ffffff;
}

.sponsor-workspace-row {
  min-width: 0;
  min-height: 62px;
  display: grid;
  grid-template-columns: 18px minmax(196px, 1.35fr) minmax(104px, 0.58fr) minmax(128px, 0.78fr) minmax(82px, 0.42fr) max-content 28px;
  align-items: center;
  gap: 9px;
  padding: 7px 12px;
  border-top: 1px solid #e7ecf3;
  background: #ffffff;
  transition: background 140ms ease, box-shadow 140ms ease;
}

.sponsor-workspace-row:first-child {
  border-top: 0;
}

.sponsor-workspace-row:hover,
.sponsor-workspace-row:focus-within,
.sponsor-workspace-row.is-active {
  background: #fbfaff;
}

.sponsor-workspace-row.is-active {
  box-shadow: inset 3px 0 0 var(--purple), inset 0 0 0 1px rgba(102, 51, 241, 0.5);
}

.sponsor-workspace-row.is-dragging {
  opacity: 0.48;
}

.sponsor-workspace-controls {
  grid-column: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

.sponsor-workspace-row .sponsor-drag-handle {
  width: 16px;
  opacity: 0;
}

.sponsor-workspace-row:hover .sponsor-drag-handle,
.sponsor-workspace-row:focus-within .sponsor-drag-handle {
  opacity: 1;
}

.sponsor-workspace-main {
  grid-column: 2;
  min-width: 0;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.sponsor-workspace-main .sponsor-logo.is-home {
  width: 32px;
  height: 32px;
  border-radius: 7px;
  font-size: 9px;
}

.sponsor-workspace-main > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.sponsor-workspace-main strong,
.sponsor-workspace-main small,
.sponsor-workspace-data dd {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-workspace-main strong {
  color: #202a3b;
  font-size: 10px;
  font-weight: 600;
}

.sponsor-workspace-main small {
  color: #68758a;
  font-size: 9px;
}

.sponsor-workspace-main small.has-attention {
  color: #a15c00;
}

.sponsor-workspace-data {
  display: contents;
  margin: 0;
}

.sponsor-workspace-data > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.sponsor-workspace-data > div:nth-child(1) { grid-column: 3; }
.sponsor-workspace-data > div:nth-child(2) { grid-column: 4; }
.sponsor-workspace-data > div:nth-child(3) { grid-column: 5; }

.sponsor-workspace-data dt {
  color: #7a8699;
  font-size: 8px;
  font-weight: 500;
  text-transform: uppercase;
}

.sponsor-workspace-data dd {
  margin: 0;
  color: #344054;
  font-size: 10px;
  font-weight: 600;
}

.sponsor-workspace-data dd.is-ready { color: #087a4a; }
.sponsor-workspace-data dd.is-missing { color: #a15c00; }

.sponsor-workspace-row > .sponsor-status {
  grid-column: 6;
  justify-self: start;
}

.sponsor-workspace-row > .sponsor-row-menu {
  grid-column: 7;
  justify-self: end;
  margin: 0;
}

.sponsor-workspace-row > .sponsor-row-menu > summary {
  opacity: 0;
}

.sponsor-workspace-row:hover > .sponsor-row-menu > summary,
.sponsor-workspace-row:focus-within > .sponsor-row-menu > summary,
.sponsor-workspace-row > .sponsor-row-menu[open] > summary {
  opacity: 1;
}

@media (max-width: 1180px) {
  .sponsor-workspace-row {
    grid-template-columns: 18px minmax(168px, 1.32fr) minmax(82px, 0.46fr) minmax(106px, 0.62fr) minmax(70px, 0.34fr) max-content 28px;
    grid-template-rows: auto;
    row-gap: 0;
  }

  .sponsor-workspace-data > div:nth-child(1) { grid-column: 3; grid-row: 1; }
  .sponsor-workspace-data > div:nth-child(2) { grid-column: 4; grid-row: 1; }
  .sponsor-workspace-data > div:nth-child(3) { grid-column: 5; grid-row: 1; }
  .sponsor-workspace-row > .sponsor-status { grid-column: 6; grid-row: 1; }
  .sponsor-workspace-row > .sponsor-row-menu { grid-column: 7; grid-row: 1; }
}

@media (max-width: 760px) {
  .sponsor-workspace-row {
    grid-template-columns: 18px minmax(0, 1fr) max-content 28px;
    grid-template-rows: auto auto auto;
  }

  .sponsor-workspace-main { grid-column: 2; grid-row: 1; }
  .sponsor-workspace-row > .sponsor-row-menu { grid-column: 4; grid-row: 1; }
  .sponsor-workspace-data > div:nth-child(1) { grid-column: 2; grid-row: 2; }
  .sponsor-workspace-data > div:nth-child(2) { grid-column: 3; grid-row: 2; }
  .sponsor-workspace-data > div:nth-child(3) { grid-column: 2; grid-row: 3; }
  .sponsor-workspace-row > .sponsor-status { grid-column: 3; grid-row: 3; }
}

@media (max-width: 1080px) {
  .sponsor-workspace-card {
    grid-template-columns: 32px minmax(180px, 1fr) minmax(118px, 0.58fr) minmax(102px, 0.4fr) 28px;
    grid-template-rows: auto auto;
    gap: 8px;
  }

  .sponsor-card-controls {
    grid-column: 1;
    grid-row: 1;
  }

  .sponsor-card-main {
    grid-column: 2;
    grid-row: 1;
  }

  .sponsor-card-details {
    grid-column: 2 / 5;
    grid-row: 2;
    padding-left: 0;
    border-left: 0;
  }

  .sponsor-workspace-card > footer {
    grid-column: 4;
    grid-row: 1;
    padding-left: 0;
    border-left: 0;
  }

  .sponsor-workspace-card .sponsor-row-menu {
    grid-column: 5;
    grid-row: 1;
  }
}

@media (max-width: 720px) {
  .sponsor-workspace-card {
    grid-template-columns: 32px minmax(0, 1fr) 28px;
    grid-template-rows: auto auto auto;
  }

  .sponsor-card-main {
    grid-column: 2;
    grid-row: 1;
  }

  .sponsor-workspace-card > footer {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
  }

  .sponsor-card-details {
    grid-column: 1 / -1;
    grid-row: 3;
  }

  .sponsor-workspace-card .sponsor-row-menu {
    grid-column: 3;
    grid-row: 1;
  }
}

.sponsor-manager-view {
  display: none;
}

.sponsor-manager-view.is-active {
  display: block;
}

.sponsor-manager-view:not([data-sponsor-manager-view="all"]) {
  padding: 10px;
}

.sponsor-manager-view .sponsor-view-heading {
  min-height: 42px;
  align-items: center;
  padding: 0 0 8px;
  border-bottom: 1px solid #e7ecf3;
}

.sponsor-manager-view .sponsor-view-heading > div:first-child {
  min-width: 0;
}

.sponsor-tier-manager,
.sponsor-placement-manager {
  display: grid;
  gap: 6px;
  margin-top: 8px;
}

.sponsor-tier-manager-row {
  min-height: 54px;
  display: grid;
  grid-template-columns: 24px minmax(220px, 1fr) 58px 72px 88px 68px 72px 82px;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  border: 1px solid #e1e7f0;
  border-radius: 6px;
  background: #ffffff;
}

.sponsor-tier-identity,
.sponsor-tier-metric {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 2px;
}

.sponsor-tier-metric {
  justify-items: start;
}

.sponsor-tier-manager-row strong {
  color: #2d394d;
  font-size: 9px;
  font-weight: 500;
}

.sponsor-tier-manager-row small {
  color: #768397;
  font-size: 8px;
  line-height: 1.2;
}

.sponsor-tier-metric strong {
  line-height: 1.2;
}

.sponsor-tier-manager-row button {
  width: 100%;
  min-height: 28px;
  padding: 0 7px;
  border: 1px solid #dce3ed;
  border-radius: 5px;
  background: #ffffff;
  color: #59667b;
  font-size: 8px;
  cursor: pointer;
}

.sponsor-tier-manager-row button:disabled {
  opacity: 0.4;
}

.sponsor-placement-group {
  border: 1px solid #e1e7f0;
  border-radius: 7px;
}

.sponsor-placement-group > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 9px;
  background: #f8fafc;
}

.sponsor-placement-group > header div,
.sponsor-placement-group > div > button span {
  display: grid;
  gap: 2px;
}

.sponsor-placement-group strong {
  color: #334056;
  font-size: 9px;
  font-weight: 500;
}

.sponsor-placement-group small {
  color: #7b8799;
  font-size: 8px;
}

.sponsor-placement-group > div {
  display: grid;
}

.sponsor-placement-group > div > button {
  min-height: 48px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 6px 9px;
  border: 0;
  border-top: 1px solid #edf1f6;
  border-radius: 0;
  text-align: left;
}

.sponsor-placement-group .sponsor-logo {
  width: 32px;
  height: 32px;
}

.sponsor-placement-group em {
  color: #758196;
  font-size: 8px;
  font-style: normal;
}

.sponsor-placement-group p {
  margin: 0;
  padding: 12px;
  color: #7b8799;
  font-size: 9px;
}

.sponsor-media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
  gap: 8px;
  align-content: start;
}

.sponsor-media-item {
  min-width: 0;
  display: grid;
  grid-template-rows: 92px auto auto;
  gap: 7px;
  padding: 8px;
  border: 1px solid #e0e6ef;
  border-radius: 6px;
  background: #ffffff;
  color: #334056;
  text-align: left;
  cursor: pointer;
}

.sponsor-media-item.is-selected {
  border-color: var(--purple);
  box-shadow: 0 0 0 2px rgba(102, 51, 241, 0.1);
}

.sponsor-media-thumb {
  position: relative;
  width: 100%;
  height: 92px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 4px;
  background: #f4f6f9;
  color: var(--purple);
  font-size: 15px;
  font-weight: 500;
}

.sponsor-media-item.is-selected .sponsor-media-thumb::after {
  content: "Selected";
  position: absolute;
  right: 6px;
  top: 6px;
  padding: 3px 6px;
  border-radius: 999px;
  background: var(--purple);
  color: #ffffff;
  font-size: 7px;
  font-weight: 500;
}

.sponsor-media-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sponsor-media-item-copy,
.sponsor-media-item-meta {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.sponsor-media-item-copy strong {
  overflow: hidden;
  font-size: 9px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-media-item small,
.sponsor-media-item em {
  color: #788498;
  font-size: 8px;
  font-style: normal;
}

.sponsor-media-item-meta {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.sponsor-media-item-meta em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-media-item-meta small {
  white-space: nowrap;
}

.sponsor-media-browser-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 150px 120px auto;
  align-items: center;
  gap: 7px;
  margin: 8px 0;
}

.sponsor-media-unified-search {
  position: relative;
  min-width: 0;
  z-index: 20;
}

.sponsor-media-unified-results {
  position: absolute;
  z-index: 30;
  top: calc(100% + 5px);
  left: 0;
  width: min(520px, 100%);
  max-height: 330px;
  overflow-y: auto;
  padding: 5px;
  border: 1px solid #d9e1ec;
  border-radius: 7px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(25, 34, 50, 0.16);
}

.sponsor-media-unified-results[hidden] {
  display: none;
}

.sponsor-media-unified-heading {
  padding: 7px 8px 4px;
  color: #748196;
  font-size: 8px;
  font-weight: 500;
  text-transform: uppercase;
}

.sponsor-media-unified-results .ticket-add-option {
  width: 100%;
  min-height: 40px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 5px 7px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #273348;
  text-align: left;
}

.sponsor-media-unified-results .ticket-add-option:hover,
.sponsor-media-unified-results .ticket-add-option.is-highlighted {
  background: #f4f1ff;
}

.sponsor-media-unified-results .ticket-add-option-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.sponsor-media-unified-results .ticket-add-option-copy strong,
.sponsor-media-unified-results .ticket-add-option-copy small {
  overflow: hidden;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-media-unified-results .ticket-add-option-copy strong {
  font-size: 10px;
}

.sponsor-media-unified-results .ticket-add-option-copy small {
  color: #748196;
  font-size: 8px;
}

.sponsor-media-unified-results .ticket-add-option > em {
  padding: 4px 7px;
  border-radius: 5px;
  background: #eee9ff;
  color: var(--purple);
  font-size: 8px;
  font-style: normal;
  font-weight: 500;
}

.sponsor-media-browser-toolbar > select,
.sponsor-media-toolbar > select {
  min-width: 0;
  height: 30px;
  padding: 0 26px 0 8px;
  border: 1px solid #d9e1ec;
  border-radius: 5px;
  background: #ffffff;
  color: #273348;
  font: inherit;
  font-size: 9px;
}

.sponsor-media-result-count {
  justify-self: end;
  color: #748196;
  font-size: 8px;
  white-space: nowrap;
}

.sponsor-media-workspace {
  min-height: 420px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  overflow: hidden;
  border: 1px solid #e0e6ef;
  border-radius: 7px;
  background: #ffffff;
}

.sponsor-media-workspace > .sponsor-media-grid {
  overflow-y: auto;
  padding: 10px;
}

.sponsor-media-empty {
  grid-column: 1 / -1;
  min-height: 260px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  color: #748196;
  text-align: center;
}

.sponsor-media-empty strong {
  color: #303c50;
  font-size: 10px;
  font-weight: 500;
}

.sponsor-media-empty small {
  font-size: 8px;
}

.sponsor-media-empty button {
  min-height: 28px;
}

.sponsor-preview-controls {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin: 0;
}

.sponsor-preview-controls select {
  min-width: 112px;
}

.sponsor-event-preview {
  width: 100%;
  min-height: 560px;
  display: grid;
  align-content: start;
  gap: 24px;
  padding: 34px;
  border: 1px solid #dfe5ee;
  border-radius: 7px;
  background: #ffffff;
  color: #273348;
}

.sponsor-event-preview.is-dark {
  border-color: #2b3649;
  background: #182130;
  color: #ffffff;
}

.sponsor-event-preview.is-mobile {
  width: 390px;
  margin: 0 auto;
  padding: 24px 18px;
}

.sponsor-event-preview > header {
  display: grid;
  gap: 4px;
  padding-bottom: 18px;
  border-bottom: 1px solid currentColor;
}

.sponsor-event-preview > header span,
.sponsor-event-preview > header small {
  color: #748196;
  font-size: 9px;
}

.sponsor-event-preview > header strong {
  font-size: 20px;
  font-weight: 500;
}

.sponsor-event-preview > section {
  display: grid;
  gap: 12px;
}

.sponsor-event-preview h4 {
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
}

.sponsor-event-preview > section > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}

.sponsor-event-preview > section > div > strong {
  font-size: 10px;
  font-weight: 500;
}

.sponsor-fullscreen-editor {
  order: 4;
  min-width: 0;
  min-height: 0;
  border: 1px solid #e0e6ef;
  border-radius: 7px;
}

.sponsor-fullscreen-editor .sponsor-editor-scroll {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.sponsor-fullscreen-editor .sponsor-logo-section,
.sponsor-fullscreen-editor .sponsor-live-preview-section {
  grid-column: 1 / -1;
}

.sponsor-modal {
  position: fixed;
  z-index: 360;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(20, 29, 44, 0.38);
}

.sponsor-modal[hidden] {
  display: none;
}

.sponsor-modal > section,
.sponsor-modal > form {
  width: min(760px, 100%);
  max-height: min(760px, calc(100vh - 48px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 24px 70px rgba(20, 29, 44, 0.28);
}

.sponsor-modal[data-sponsor-media-modal] > section {
  width: min(920px, 100%);
  grid-template-columns: minmax(0, 1fr) 250px;
}

.sponsor-modal > section > header,
.sponsor-modal > form > header,
.sponsor-modal > section > footer,
.sponsor-modal > form > footer {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
}

.sponsor-modal > section > header,
.sponsor-modal > form > header {
  border-bottom: 1px solid #e2e8f0;
}

.sponsor-modal > section > footer,
.sponsor-modal > form > footer {
  justify-content: flex-end;
  border-top: 1px solid #e2e8f0;
}

.sponsor-modal header .eyebrow {
  margin: 0 0 3px;
  font-size: 8px;
}

.sponsor-modal header h2 {
  margin: 0;
  color: #253047;
  font-size: 15px;
  font-weight: 500;
}

.sponsor-modal header > div > small {
  display: block;
  margin-top: 3px;
  color: #748196;
  font-size: 8px;
}

.sponsor-modal header > button {
  width: 32px;
  padding: 0;
}

.sponsor-media-toolbar {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 140px 110px auto auto;
  align-items: center;
  gap: 7px;
  padding: 10px 14px;
  border-bottom: 1px solid #e7ecf3;
}

.sponsor-modal .is-modal-grid {
  min-height: 320px;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  align-content: start;
  overflow-y: auto;
  margin: 0;
  padding: 12px 14px;
}

.sponsor-modal .sponsor-media-item {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 92px auto auto;
  align-items: stretch;
  justify-content: stretch;
  gap: 7px;
  padding: 8px;
  border: 1px solid #e0e6ef;
  border-radius: 6px;
  background: #ffffff;
  color: #334056;
  text-align: left;
}

.sponsor-media-selection {
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 14px;
  border-left: 1px solid #e3e8f0;
  background: #f8fafc;
}

.sponsor-media-selection strong {
  color: #303c50;
  font-size: 10px;
  font-weight: 500;
}

.sponsor-media-selection-empty {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #eee9ff;
  color: var(--purple);
}

.sponsor-media-selection-preview {
  width: 100%;
  aspect-ratio: 4 / 3;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #dfe5ee;
  border-radius: 6px;
  background: #ffffff;
  color: var(--purple);
  font-size: 18px;
}

.sponsor-media-selection-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sponsor-media-selection-heading {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.sponsor-media-selection-heading em {
  width: max-content;
  padding: 3px 6px;
  border-radius: 999px;
  background: #eee9ff;
  color: var(--purple);
  font-size: 7px;
  font-style: normal;
  font-weight: 500;
}

.sponsor-media-selection-heading strong {
  overflow-wrap: anywhere;
}

.sponsor-media-selection dl {
  display: grid;
  gap: 0;
  margin: 0;
  border-top: 1px solid #e4e9f1;
}

.sponsor-media-selection dl > div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 0;
  border-bottom: 1px solid #e4e9f1;
  font-size: 8px;
}

.sponsor-media-selection dt {
  color: #748196;
}

.sponsor-media-selection dd {
  margin: 0;
  color: #303c50;
  font-weight: 500;
  text-align: right;
}

.sponsor-media-selection p {
  margin: 0;
  padding: 8px;
  border-radius: 5px;
  background: #f4f6f9;
  color: #667085;
  font-size: 8px;
  line-height: 1.45;
}

.sponsor-media-selection small,
.sponsor-media-selection span {
  color: #748196;
  font-size: 8px;
  line-height: 1.45;
}

.sponsor-modal > form {
  width: min(560px, 100%);
  grid-template-columns: minmax(0, 1fr);
}

.sponsor-modal-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  overflow-y: auto;
  padding: 14px;
}

.sponsor-modal-fields fieldset {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  color: #556278;
  font-size: 9px;
}

.sponsor-modal-fields legend {
  padding: 0 4px;
  color: #344054;
  font-weight: 500;
}

.sponsor-unsaved-dialog > section {
  width: min(420px, 100%);
  grid-template-columns: minmax(0, 1fr);
}

.sponsor-unsaved-dialog > section > p {
  margin: 0;
  padding: 16px 14px;
  color: #667085;
  font-size: 10px;
}

.sponsor-unsaved-dialog button.is-danger {
  border-color: #d92d20;
  background: #d92d20;
  color: #ffffff;
}

#toast button[data-sponsor-undo] {
  margin-left: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #ffffff;
  font: inherit;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 1100px) {
  .sponsor-fullscreen-editor:not([hidden]) {
    position: fixed;
    z-index: 220;
    right: 16px;
    top: 142px;
    bottom: 16px;
    width: min(419px, calc(100vw - 32px));
    box-shadow: 0 20px 50px rgba(20, 29, 44, 0.22);
  }
}

@media (max-width: 920px) {
  .event-manager-app.has-sponsor-panel {
    --event-manager-panel-width: 100vw;
  }

  body.is-event-manager .side-panel.is-sponsors:not(.is-fullscreen) {
    width: 100vw;
  }

  .sponsor-manager-toolbar {
    grid-template-columns: minmax(0, 1fr) repeat(2, minmax(120px, auto));
  }

  .sponsor-manager-toolbar [data-sponsor-placement-filter] {
    grid-column: 2 / -1;
  }

  .sponsor-tier-manager-row {
    grid-template-columns: 24px minmax(150px, 1fr) 54px 68px 68px;
  }

  .sponsor-tier-manager-row > :nth-child(6),
  .sponsor-tier-manager-row > button {
    display: none;
  }

  .sponsor-media-browser-toolbar {
    grid-template-columns: minmax(0, 1fr) repeat(2, minmax(110px, auto));
  }

  .sponsor-media-result-count {
    display: none;
  }
}

@media (max-width: 680px) {
  .sponsor-placement-grid,
  .sponsor-checkbox-list,
  .sponsor-field-pair,
  .sponsor-modal-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .sponsor-manager-nav {
    overflow-x: auto;
  }

  .sponsor-manager-nav > section {
    display: none;
  }

  .sponsor-manager-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .sponsor-manager-toolbar [data-sponsor-placement-filter] {
    grid-column: auto;
  }

  .sponsor-manager-view .sponsor-view-heading {
    align-items: flex-start;
  }

  .sponsor-preview-controls {
    flex-wrap: wrap;
  }

  .sponsor-modal > section {
    grid-template-columns: minmax(0, 1fr);
  }

  .sponsor-media-workspace,
  .sponsor-modal[data-sponsor-media-modal] > section {
    grid-template-columns: minmax(0, 1fr);
  }

  .sponsor-media-toolbar,
  .sponsor-media-browser-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .sponsor-media-selection {
    display: none;
  }
}

/* Compact speaker assignment panel */
.sidepanel-speaker-page {
  overflow: hidden;
}

.sidepanel-speaker-page .sidepanel-speaker-header {
  min-height: 34px;
  padding: 0 0 8px;
}

.sidepanel-speaker-page .speaker-page-summary {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.sidepanel-speaker-page .speaker-page-summary strong {
  color: var(--ink);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.sidepanel-speaker-page .speaker-page-summary span {
  color: #8a5a08;
  font-size: 9px;
  line-height: 1.2;
}

.sidepanel-speaker-page .speaker-page-actions:empty {
  display: none;
}

.sidepanel-speaker-page .speaker-selected-pill {
  padding: 0 var(--ds-pill-padding);
  font-size: var(--ds-pill-font-size);
}

.sidepanel-speaker-page .speaker-assignment-section.speaker-picker {
  padding: 8px 0;
}

.sidepanel-speaker-page .speaker-picker-field {
  min-height: 36px;
  border-radius: 7px;
}

.sidepanel-speaker-page .speaker-picker-field input {
  font-size: 10px;
}

.sidepanel-speaker-page .speaker-list-toolbar {
  min-height: 31px;
  padding: 5px 2px;
}

.sidepanel-speaker-page .speaker-order-heading {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.sidepanel-speaker-page .speaker-order-heading strong {
  color: var(--ink);
  font-size: 10px;
  font-weight: 500;
}

.sidepanel-speaker-page .speaker-order-heading small {
  color: var(--muted);
  font-size: 8px;
  font-weight: 400;
}

.sidepanel-speaker-page .speaker-page-list {
  gap: 6px;
  padding: 8px 0;
  overflow-y: auto;
  border-top: 1px solid rgba(213, 222, 235, 0.56);
}

.sidepanel-speaker-page .speaker-row {
  min-height: 62px;
  grid-template-columns: 32px minmax(0, 1fr) 24px;
  gap: 9px;
  padding: 8px 7px 8px 14px;
  border: 1px solid rgba(213, 222, 235, 0.82);
  border-radius: 7px;
  background: #ffffff;
  box-shadow: 0 1px 1px rgba(18, 24, 40, 0.025);
}

.sidepanel-speaker-page .speaker-row:hover,
.sidepanel-speaker-page .speaker-row:focus-visible {
  border-color: rgba(102, 51, 241, 0.24);
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(18, 24, 40, 0.045);
}

.sidepanel-speaker-page .speaker-row.is-current,
.sidepanel-speaker-page .speaker-row.is-selected {
  border-color: rgba(102, 51, 241, 0.34);
  background: #f8f5ff;
  box-shadow: 0 0 0 1px rgba(102, 51, 241, 0.05);
}

.sidepanel-speaker-page .speaker-row.is-current::before {
  width: 2px;
}

.sidepanel-speaker-page .speaker-row.needs-attention {
  border-color: rgba(245, 158, 11, 0.28);
  background: #fffdf9;
}

.sidepanel-speaker-page .speaker-row.is-new {
  background: #ffffff;
}

.sidepanel-speaker-page .speaker-avatar {
  width: 32px;
  height: 32px;
  border-color: #d8e0eb;
  background: #f6f8fb;
  color: #596780;
  font-size: 10px;
}

.sidepanel-speaker-page .speaker-copy {
  gap: 2px;
}

.sidepanel-speaker-page .speaker-copy strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidepanel-speaker-page .speaker-copy small {
  overflow: hidden;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidepanel-speaker-page .speaker-card-meta {
  gap: 6px;
  margin-top: 2px;
}

.sidepanel-speaker-page
  .speaker-card-meta
  span:not(.speaker-card-status):not(.speaker-duplicate-badge):not(.speaker-moved-badge):not(.speaker-delete-badge):not(.speaker-participation-status):not(
    .row-save-state
  ):not(.row-sync-state):not(.row-revert-action) {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #667085;
  font-size: 8px;
  line-height: 1.2;
}

.sidepanel-speaker-page .speaker-card-meta .speaker-card-status {
  min-height: var(--ds-pill-height);
  padding: 0 var(--ds-pill-padding);
  border: 1px solid rgba(27, 167, 132, 0.22);
  background: #ecfdf5;
  color: #168347;
}

.sidepanel-speaker-page .speaker-card-meta .speaker-card-status[data-status="ready"] {
  display: none;
}

.sidepanel-speaker-page .speaker-card-meta .speaker-participation-status {
  min-height: var(--ds-pill-height);
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #f3cf72;
  background: #fff8df;
  color: #8a5a00;
}

.sidepanel-speaker-page .speaker-card-meta .speaker-participation-status[data-status="confirmed"] {
  border-color: #a9e1ca;
  background: #ecfdf5;
  color: #168347;
}

.sidepanel-speaker-page .speaker-row.needs-attention .speaker-card-status {
  border-color: rgba(245, 158, 11, 0.26);
  background: #fff7e8;
  color: #985b06;
}

.sidepanel-speaker-page .speaker-row.is-new .speaker-card-status {
  border-color: rgba(102, 51, 241, 0.22);
  background: #f3ecff;
  color: #6633f1;
}

.sidepanel-speaker-page .speaker-drag-handle {
  left: 3px;
  opacity: 0;
  transform: translate(0, -50%);
}

.sidepanel-speaker-page .speaker-row:hover .speaker-drag-handle,
.sidepanel-speaker-page .speaker-row:focus-visible .speaker-drag-handle {
  opacity: 1;
  transform: translate(0, -50%);
}

.sidepanel-speaker-page .speaker-row-actions {
  opacity: 0;
  visibility: hidden;
}

.sidepanel-speaker-page .speaker-row:hover .speaker-row-actions,
.sidepanel-speaker-page .speaker-row:focus-within .speaker-row-actions,
.sidepanel-speaker-page .speaker-row.is-delete-selected .speaker-row-actions {
  opacity: 1;
  visibility: visible;
}

.sidepanel-speaker-page .speaker-drawer-footer {
  min-height: 34px;
  padding: 6px 0 0;
}

.sidepanel-speaker-page .speaker-drawer-footer button {
  height: 22px;
  padding: 0 8px;
  border: 1px solid #e1e7ef;
  border-radius: 6px;
  background: #ffffff;
  font-size: 9px;
}

/* Compact speaker profile editor */
.sidepanel-speaker-profile {
  height: 100%;
  min-height: 0;
  max-height: 100%;
  gap: 0;
  overflow-y: auto;
  padding-bottom: 0;
}

.sidepanel-speaker-profile > .sidepanel-profile-header,
.sidepanel-speaker-profile > .profile-editor-section,
.sidepanel-speaker-profile > .sidepanel-profile-footer {
  flex: 0 0 auto;
}

.speaker-profile-header.sidepanel-profile-header {
  padding: 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
}

.sidepanel-profile-header .speaker-profile-summary {
  min-height: 52px;
  gap: 9px;
  padding: 6px 2px 9px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.sidepanel-speaker-profile .sidepanel-profile-photo {
  width: 38px;
  min-height: 38px;
  box-shadow:
    0 0 0 2px #ffffff,
    0 0 0 3px rgba(102, 51, 241, 0.12);
}

.sidepanel-speaker-profile .sidepanel-profile-photo:hover,
.sidepanel-speaker-profile .sidepanel-profile-photo:focus-within {
  box-shadow:
    0 0 0 2px #ffffff,
    0 0 0 4px rgba(102, 51, 241, 0.18);
}

.sidepanel-speaker-profile .sidepanel-profile-photo .profile-photo-initials {
  font-size: 11px;
}

.sidepanel-speaker-profile .speaker-profile-title {
  gap: 1px;
}

.sidepanel-speaker-profile .speaker-profile-title h3 {
  font-size: 12px;
}

.sidepanel-speaker-profile .speaker-profile-title:has(.profile-status-line.is-review) h3::after {
  background: #f59e0b;
  box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.24);
}

.sidepanel-speaker-profile [data-sidepanel-speaker-role] {
  font-size: 9px;
}

.sidepanel-speaker-profile .profile-status-line {
  width: fit-content;
  max-width: 100%;
  margin-top: 2px;
  padding: 2px 6px;
  border-radius: 999px;
  background: #ecfdf5;
  font-size: 8px;
}

.sidepanel-speaker-profile .profile-status-line.is-review {
  background: #fff7e8;
}

.sidepanel-speaker-profile .speaker-profile-status-actions {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  margin-top: 2px;
}

.sidepanel-speaker-profile .speaker-profile-status-actions .profile-status-line {
  margin-top: 0;
}

.speaker-participation-status {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: var(--ds-pill-height);
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #edc36f;
  border-radius: var(--ds-pill-radius);
  background: #fff7e6;
  color: #9d6512;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
}

.speaker-participation-status[data-status="confirmed"] {
  border-color: #a9e4cb;
  background: #e8fbf0;
  color: #168347;
}

.sidepanel-speaker-profile .speaker-session-participation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 34px;
  padding: 5px 7px;
  border: 1px solid #dce4ef;
  border-radius: 6px;
  background: #fff;
}

.sidepanel-speaker-profile .speaker-session-participation > span {
  display: flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}

.sidepanel-speaker-profile .speaker-session-participation strong {
  color: #344054;
  font-size: 9px;
  line-height: 1.2;
}

.sidepanel-speaker-profile .speaker-session-participation small {
  overflow: hidden;
  color: #9a6700;
  font-size: 8px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidepanel-speaker-profile .speaker-session-participation small[hidden] {
  display: none;
}

.sidepanel-speaker-profile .speaker-session-participation-control {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
}

.sidepanel-speaker-profile .speaker-participation-tabs {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 148px;
  height: 28px;
  padding: 2px;
  border: 1px solid #d8e0ec;
  border-radius: 7px;
  background: #f2f5fa;
}

.sidepanel-speaker-profile .speaker-participation-tabs button {
  min-width: 0;
  padding: 0 7px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #667085;
  font: inherit;
  font-size: 8px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}

.sidepanel-speaker-profile .speaker-participation-tabs button.is-active {
  background: #ffffff;
  color: #4b1fd4;
  box-shadow: 0 1px 2px rgba(31, 36, 48, 0.1);
}

.sidepanel-speaker-profile .speaker-participation-tabs button:focus-visible {
  outline: 2px solid #8b5cf6;
  outline-offset: 1px;
}

.sidepanel-speaker-profile .profile-add-photo-trigger {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-height: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #6633f1;
  font: inherit;
  font-size: 8px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

.sidepanel-speaker-profile .profile-add-photo-trigger [data-ui-icon] {
  width: 10px;
  height: 10px;
}

.sidepanel-speaker-profile .profile-add-photo-trigger:hover {
  color: #4b1fd4;
  text-decoration: underline;
}

.sidepanel-speaker-profile .profile-add-photo-trigger:focus-visible {
  outline: 2px solid rgba(102, 51, 241, 0.35);
  outline-offset: 2px;
  border-radius: 3px;
}

.sidepanel-speaker-profile .profile-photo-actions {
  position: relative;
}

.sidepanel-speaker-profile .profile-photo-upload-badge {
  position: absolute;
  right: -3px;
  bottom: -3px;
  display: grid;
  width: 15px;
  height: 15px;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #6633f1;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(32, 24, 68, 0.22);
  pointer-events: none;
  transition: opacity 150ms ease;
  z-index: 2;
}

.sidepanel-speaker-profile .profile-photo-upload-badge [data-ui-icon] {
  width: 8px;
  height: 8px;
}

.sidepanel-speaker-profile .sidepanel-profile-photo.has-image .profile-photo-upload-badge {
  opacity: 0;
}

.sidepanel-speaker-profile .sidepanel-profile-photo.has-image:hover .profile-photo-upload-badge,
.sidepanel-speaker-profile .sidepanel-profile-photo.has-image:focus-within .profile-photo-upload-badge {
  opacity: 1;
}

.sidepanel-speaker-profile .profile-editor-section {
  padding: 10px 2px 12px;
  border: 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.sidepanel-speaker-profile .profile-section-heading {
  margin-bottom: 7px;
}

.sidepanel-speaker-profile .profile-section-heading h4 {
  font-size: 10px;
}

.sidepanel-speaker-profile .profile-section-heading small {
  font-size: 8px;
}

.sidepanel-speaker-profile .profile-field-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 8px;
}

.sidepanel-speaker-profile .profile-field {
  gap: 6px;
}

.sidepanel-speaker-profile .profile-field span,
.sidepanel-speaker-profile .profile-link-row > span {
  color: #667085;
  font-size: 11px;
  font-weight: 500;
}

.sidepanel-speaker-profile .profile-field input,
.sidepanel-speaker-profile .profile-link-row input {
  height: 36px;
  padding: 0 12px;
  border-radius: 4px;
  font-size: 12px;
}

.sidepanel-speaker-profile .profile-field textarea {
  min-height: 80px;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.4;
}

.sidepanel-speaker-profile .profile-link-list {
  gap: 6px;
}

.sidepanel-speaker-profile .profile-link-row {
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 7px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.sidepanel-speaker-profile .profile-link-row em {
  padding: 3px 6px;
  font-size: 8px;
}

.sidepanel-speaker-profile .profile-inline-button,
.sidepanel-speaker-profile .profile-ghost-button,
.sidepanel-speaker-profile .profile-icon-button {
  height: 24px;
  padding: 0 7px;
  border-radius: 6px;
  font-size: 9px;
}

.sidepanel-speaker-profile .speaker-session-panel {
  gap: 7px;
}

.sidepanel-speaker-profile .speaker-participation-panel {
  gap: 0;
}

.sidepanel-speaker-profile .speaker-participation-panel .profile-section-heading {
  margin-bottom: 6px;
}

.sidepanel-speaker-profile .speaker-session-actions {
  width: auto;
  margin-left: auto;
}

.sidepanel-speaker-profile .speaker-session-list {
  gap: 0;
  border-top: 1px solid rgba(213, 222, 235, 0.64);
}

.sidepanel-speaker-profile .speaker-session-row {
  min-height: 42px;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 7px;
  padding: 7px 2px;
  border: 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.64);
  border-radius: 0;
  background: transparent;
}

.sidepanel-speaker-profile .speaker-session-row strong {
  font-size: 10px;
}

.sidepanel-speaker-profile .speaker-session-row small,
.sidepanel-speaker-profile .speaker-session-time {
  font-size: 8px;
}

.sidepanel-speaker-profile .speaker-session-row em {
  grid-column: auto;
  justify-self: end;
  padding: 3px 5px;
  font-size: 7px;
}

.sidepanel-speaker-profile .speaker-session-picker {
  gap: 6px;
  padding: 8px;
  border-radius: 7px;
}

.sidepanel-speaker-profile .speaker-session-picker-header strong {
  font-size: 9px;
}

.sidepanel-speaker-profile .speaker-session-picker-header small {
  font-size: 8px;
}

.sidepanel-speaker-profile .speaker-session-picker-header button {
  width: 20px;
  height: 20px;
  border-radius: 6px;
}

.sidepanel-speaker-profile .speaker-session-picker-header button .ui-icon-svg {
  width: 10px;
  height: 10px;
}

.sidepanel-speaker-profile .speaker-session-picker-field {
  min-height: 32px;
  gap: 6px;
  padding: 4px 7px;
  border-radius: 7px;
}

.sidepanel-speaker-profile .speaker-session-picker-field input {
  height: 20px;
  font-size: 9px;
}

.sidepanel-speaker-profile .speaker-session-picker-results {
  max-height: 184px;
  gap: 4px;
}

.sidepanel-speaker-profile .speaker-session-picker-option {
  min-height: 38px;
  grid-template-columns: 45px minmax(0, 1fr) auto;
  gap: 6px;
  padding: 5px 6px;
  border-radius: 6px;
}

.sidepanel-speaker-profile .speaker-session-search-time {
  font-size: 8px;
}

.sidepanel-speaker-profile .speaker-session-picker-option .speaker-copy strong {
  font-size: 9px;
}

.sidepanel-speaker-profile .speaker-session-picker-option .speaker-copy small {
  font-size: 8px;
}

.sidepanel-speaker-profile .speaker-session-picker-option .speaker-picker-option-badge {
  height: var(--ds-pill-height);
  padding: 0 var(--ds-pill-padding);
  font-size: var(--ds-pill-font-size);
}

.sidepanel-speaker-profile .profile-checklist {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

.sidepanel-speaker-profile .profile-checklist span {
  padding: 6px 7px 6px 22px;
  border-radius: 6px;
  font-size: 8px;
}

.sidepanel-speaker-profile .profile-checklist span::before {
  left: 7px;
  width: 8px;
  height: 8px;
}

.sidepanel-profile-footer {
  min-height: 44px;
  display: flex;
  grid-template-columns: none;
  align-items: center;
  justify-content: space-between;
  margin-top: 0;
  padding: 7px 2px calc(7px + env(safe-area-inset-bottom));
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 -1px 0 rgba(213, 222, 235, 0.72);
}

.sidepanel-profile-footer .sidepanel-footer-status {
  min-width: 0;
  justify-content: flex-start;
  font-size: 8px;
}

.sidepanel-profile-footer .sidepanel-footer-status > span:last-child {
  display: none;
}

.sidepanel-profile-footer .profile-save-state {
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 10px;
}

.sidepanel-profile-footer > div {
  width: auto;
  display: block;
}

.sidepanel-profile-footer .profile-save-button {
  width: auto;
  min-width: 58px;
  height: 28px;
  padding: 0 12px;
  border-radius: 6px;
  font-size: 9px;
}

/* Shared compact side-panel editor system */
.compact-edit-panel {
  --compact-control-height: 36px;
  --compact-control-radius: 4px;
  --compact-control-font: 12px;
  --compact-label-font: 11px;
  --compact-heading-font: 10px;
  --compact-section-gap: 7px;
  --compact-field-gap: 6px;
}

.compact-edit-panel :is(input, select, textarea, button) {
  letter-spacing: 0;
}

.compact-edit-panel :is(input, select, textarea):focus {
  border-color: rgba(102, 51, 241, 0.42);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.09);
}

/* Shared nested-editor back control */
.side-panel:not(.is-fullscreen) .sidepanel-back-button {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  flex: 0 0 24px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #5f6b7d;
  box-shadow: none;
  cursor: pointer;
}

.side-panel:not(.is-fullscreen) .sidepanel-back-button:hover,
.side-panel:not(.is-fullscreen) .sidepanel-back-button:focus-visible {
  border: 0;
  background: #f8f4ff;
  color: var(--purple);
  outline: 0;
  box-shadow: none;
}

.side-panel:not(.is-fullscreen) .sidepanel-back-button :is(.ui-icon-host, .ui-icon-svg) {
  width: 14px;
  height: 14px;
}

.side-panel:not(.is-fullscreen) .ticket-promo-editor-header {
  align-items: flex-start;
  gap: 5px;
}

.side-panel:not(.is-fullscreen) .sponsor-editor-heading > .sidepanel-back-button {
  align-self: flex-start;
}

/* Contextual return path for assignments opened from Event details. */
.side-panel:not(.is-fullscreen) .event-assignment-return {
  min-height: 28px;
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0 0 8px;
  padding: 0 0 8px;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
  color: #667085;
  font-size: 9px;
  line-height: 1;
}

.side-panel:not(.is-fullscreen) .event-assignment-return[hidden] {
  display: none;
}

.side-panel:not(.is-fullscreen) .event-assignment-return > i {
  color: #98a2b3;
  font-size: 10px;
  font-style: normal;
}

.side-panel:not(.is-fullscreen) .event-assignment-return > strong {
  color: #344054;
  font-size: 10px;
  font-weight: 500;
}

.side-panel:not(.is-fullscreen) .ticket-sidepanel-page > .event-assignment-return {
  margin-bottom: -4px;
}

/* Event details editor */
.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel {
  display: none;
  gap: 0;
  margin-top: 0;
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel.is-active {
  display: grid;
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel .form-section {
  display: grid;
  gap: var(--compact-section-gap);
  margin: 0;
  padding: 10px 2px 12px;
  border: 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel .block-heading {
  min-height: 16px;
  margin: 0;
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel .block-heading .eyebrow {
  color: var(--ink);
  font-size: var(--compact-heading-font);
  font-weight: 500;
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel .block-heading > span {
  font-size: 8px;
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel label {
  gap: var(--compact-field-gap);
  margin: 0;
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel label > span {
  color: #667085;
  font-size: var(--compact-label-font);
  font-weight: 500;
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel :is(input, select) {
  height: var(--compact-control-height);
  padding: 0 12px;
  border-radius: var(--compact-control-radius);
  font-size: var(--compact-control-font);
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel textarea {
  min-height: 80px;
  padding: 8px 12px;
  border-radius: var(--compact-control-radius);
  font-size: var(--compact-control-font);
  line-height: 1.4;
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel .field-pair {
  gap: 8px;
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel .assignment-row {
  min-height: 42px;
  gap: 8px;
  padding: 7px 0;
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel .assignment-count {
  width: 32px;
  height: 28px;
  font-size: 10px;
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel .assignment-row strong {
  font-size: 10px;
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel .assignment-row small,
.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel .assignment-row em {
  font-size: 8px;
}

.side-panel:not(.is-fullscreen)
  .event-detail-shared-form.is-preview-mode
  :is(input, select, textarea):disabled {
  border-color: #e2e8f0;
  background: #f5f7fa;
  color: #667085;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
  -webkit-text-fill-color: #667085;
}

.side-panel:not(.is-fullscreen)
  .event-detail-shared-form.is-preview-mode
  select:disabled {
  background:
    linear-gradient(45deg, transparent 50%, #98a2b3 50%) right 13px center / 6px 6px no-repeat,
    linear-gradient(135deg, #98a2b3 50%, transparent 50%) right 9px center / 6px 6px no-repeat,
    #f5f7fa;
}

.side-panel:not(.is-fullscreen)
  .event-detail-shared-form.is-preview-mode
  .assignment-row:disabled {
  color: #667085;
  cursor: not-allowed;
  opacity: 0.66;
}

.side-panel:not(.is-fullscreen)
  .event-detail-shared-form.is-preview-mode
  .assignment-row:disabled
  em {
  color: #98a2b3;
}

.side-panel:not(.is-fullscreen).is-detail-footer-edit .panel-footer {
  min-height: 44px;
  padding: 7px 16px calc(7px + env(safe-area-inset-bottom));
}

.side-panel:not(.is-fullscreen).is-detail-footer-edit .detail-footer-save,
.side-panel:not(.is-fullscreen).is-detail-footer-edit .detail-footer-save strong {
  font-size: 8px;
}

.side-panel:not(.is-fullscreen).is-detail-footer-edit .publish-button {
  min-width: 76px;
  height: 28px;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 9px;
}

/* Agenda editor */
.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel {
  gap: 0;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .sidepanel-agenda-editor-header {
  min-height: 52px;
  padding: 6px 2px 9px;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .agenda-editor-title-row h3 {
  font-size: 12px;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .agenda-editor-title-row small,
.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .agenda-editor-kicker-row .eyebrow {
  font-size: 8px;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .sidepanel-agenda-validation-summary {
  min-height: 42px;
  gap: 2px;
  margin: 8px 0 0;
  padding: 7px 8px;
  border-radius: 7px;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .sidepanel-agenda-validation-summary strong {
  font-size: 9px;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .sidepanel-agenda-validation-summary small {
  font-size: 8px;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .agenda-task-form {
  padding: 0 2px 8px 0;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .agenda-task-card {
  gap: var(--compact-section-gap);
  padding: 10px 2px 12px;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .agenda-task-card label {
  gap: var(--compact-field-gap);
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .agenda-task-card label > span,
.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .agenda-title-input > span {
  font-size: var(--compact-label-font);
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .agenda-task-card :is(input, select) {
  height: var(--compact-control-height);
  padding: 0 12px;
  border-radius: var(--compact-control-radius);
  font-size: var(--compact-control-font);
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .agenda-title-input input {
  height: var(--compact-control-height);
  font-size: var(--compact-control-font);
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .agenda-task-card textarea {
  min-height: 80px;
  padding: 8px 12px;
  border-radius: var(--compact-control-radius);
  font-size: var(--compact-control-font);
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .sidepanel-agenda-editor-footer {
  min-height: 44px;
  display: flex;
  grid-template-columns: none;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 7px 2px calc(7px + env(safe-area-inset-bottom));
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 -1px 0 rgba(213, 222, 235, 0.72);
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .sidepanel-agenda-editor-footer .sidepanel-footer-status {
  min-width: 0;
  justify-content: flex-start;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .sidepanel-agenda-editor-footer .sidepanel-footer-status > span:last-child {
  display: none;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .sidepanel-agenda-editor-footer > div {
  width: auto;
  display: block;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .sidepanel-agenda-editor-footer :is(span, button) {
  font-size: 8px;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .sidepanel-agenda-editor-footer button {
  width: auto;
  min-width: 58px;
  height: 28px;
  padding: 0 12px;
  border-radius: 6px;
  font-size: 9px;
}

/* Ticket type editor */
.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel {
  gap: 0;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-edit-heading {
  min-height: 52px;
  margin: -12px -12px 0;
  padding: 7px 12px 9px;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-edit-heading h4 {
  font-size: 12px;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-edit-heading :is(.eyebrow, small, em) {
  font-size: 8px;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-editor-section,
.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-promo-host,
.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-delete-zone {
  gap: var(--compact-section-gap);
  margin: 0;
  padding: 10px 2px 12px;
  border: 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-section-heading :is(.eyebrow, h4) {
  font-size: var(--compact-heading-font);
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-section-heading > div {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: baseline;
  column-gap: 6px;
  row-gap: 2px;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-section-heading .eyebrow,
.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-section-heading h4 {
  margin: 0;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-section-heading small {
  grid-column: 1 / -1;
  margin-top: 0;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-field {
  gap: var(--compact-field-gap);
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-field > span,
.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-field > small {
  font-size: var(--compact-label-font);
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-field :is(input, select) {
  height: var(--compact-control-height);
  min-height: var(--compact-control-height);
  padding: 0 12px;
  border-radius: var(--compact-control-radius);
  font-size: var(--compact-control-font);
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-field textarea {
  min-height: 80px;
  padding: 8px 12px;
  border-radius: var(--compact-control-radius);
  font-size: var(--compact-control-font);
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-field-pair {
  gap: 8px;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-visibility-options button {
  min-height: 44px;
  padding: 7px 8px;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-editor-footer {
  bottom: 0;
  min-height: 44px;
  margin: 0 -12px -12px;
  padding: 7px 12px;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-editor-footer > span {
  font-size: 8px;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-editor-footer button {
  min-height: 28px;
  height: 28px;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 9px;
}

/* Sponsor editor */
.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-editor-heading {
  min-height: 52px;
  padding: 7px 12px 9px;
}

.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-editor-heading h3 {
  font-size: 12px;
}

.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-editor-heading :is(.eyebrow, small, em) {
  font-size: 8px;
}

.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-editor-scroll {
  gap: 0;
  padding: 0 12px 8px;
}

.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-form-section {
  gap: var(--compact-section-gap);
  padding: 10px 2px 12px;
  border: 0;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-section-heading h4 {
  font-size: var(--compact-heading-font);
}

.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-section-heading :is(span, button),
.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-form-section > label,
.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-form-section > label > span,
.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-form-section label > small {
  font-size: var(--compact-label-font);
}

.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-form-section :is(input, select) {
  height: var(--compact-control-height);
  min-height: var(--compact-control-height);
  padding: 0 12px;
  border-radius: var(--compact-control-radius);
  font-size: var(--compact-control-font);
}

.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-form-section textarea {
  min-height: 80px;
  padding: 8px 12px;
  border-radius: var(--compact-control-radius);
  font-size: var(--compact-control-font);
}

.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-form-section textarea[data-sponsor-field="description"] {
  min-height: 80px;
}

.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-field-pair {
  gap: 8px;
}

.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-editor-footer {
  min-height: 44px;
  padding: 7px 12px;
}

.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-editor-footer > span {
  font-size: 8px;
}

.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-editor-footer button {
  min-height: 28px;
  height: 28px;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 9px;
}

.side-panel:not(.is-fullscreen) .sponsor-tier-editor-form .sponsor-editor-heading small {
  display: block;
  overflow: hidden;
  margin-top: 1px;
  color: #748196;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-panel:not(.is-fullscreen) .sponsor-tier-editor-form .sponsor-placement-grid {
  gap: 2px 12px;
}

.side-panel:not(.is-fullscreen) .sponsor-tier-editor-form .sponsor-placement-grid legend {
  margin-bottom: 4px;
}

@media (max-width: 380px) {
  .sponsor-tier-placements-section .sponsor-tier-placement-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Sponsor management stays in the slide-in flow instead of competing with the list as tabs. */
.side-panel:not(.is-fullscreen) .sponsor-management-sidepanel .sponsor-management-heading small {
  display: block;
  overflow: hidden;
  margin-top: 1px;
  color: #748196;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-panel:not(.is-fullscreen) .sponsor-management-sidepanel .sponsor-management-scroll {
  gap: 8px;
  padding: 10px 12px 14px;
}

.side-panel:not(.is-fullscreen) .sponsor-management-sidepanel .sponsor-management-summary {
  gap: 4px;
  padding: 9px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #fafbfe;
}

.side-panel:not(.is-fullscreen) .sponsor-management-sidepanel .sponsor-management-summary p {
  margin: 0;
  color: #667085;
  font-size: 9px;
  line-height: 1.45;
}

.sponsor-management-search {
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 9px;
  border: 1px solid #d9e1ec;
  border-radius: 4px;
  background: #ffffff;
}

.sponsor-management-search:focus-within {
  border-color: var(--purple);
  box-shadow: 0 0 0 2px rgba(102, 51, 241, 0.09);
}

.sponsor-management-search .ui-icon-svg {
  width: 13px;
  height: 13px;
  color: #7a8699;
}

.sponsor-management-search input {
  min-width: 0;
  width: 100%;
  height: 30px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #273348;
  font: inherit;
  font-size: 10px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-management-search input[type="search"],
.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-management-search input[type="search"]:focus {
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  outline: 0;
  box-shadow: none;
  font-size: 10px;
}

.sponsor-assignment-list,
.sponsor-tier-management-list {
  display: grid;
  gap: 6px;
}

.sponsor-assignment-row {
  min-width: 0;
  min-height: 48px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 6px 7px;
  border: 1px solid #e0e6ef;
  border-radius: 7px;
  background: #ffffff;
}

.sponsor-assignment-row.is-assigned {
  border-color: #cfe9dc;
  background: #fbfefc;
}

.sponsor-assignment-main {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.sponsor-assignment-main .sponsor-logo.is-compact {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  font-size: 9px;
}

.sponsor-assignment-main > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.sponsor-assignment-main strong,
.sponsor-assignment-main small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-assignment-main strong {
  color: #273348;
  font-size: 10px;
  font-weight: 600;
}

.sponsor-assignment-main small {
  color: #748196;
  font-size: 8px;
}

.sponsor-assignment-action {
  min-width: 56px;
  min-height: 26px;
  padding: 0 8px;
  border: 1px solid rgba(102, 51, 241, 0.4);
  border-radius: 5px;
  background: #ffffff;
  color: var(--purple);
  font: inherit;
  font-size: 9px;
  font-weight: 600;
  cursor: pointer;
}

.sponsor-assignment-action.is-assigned {
  border-color: #efc7c2;
  background: #fffafa;
  color: #b42318;
}

.sponsor-assignment-action:hover,
.sponsor-assignment-action:focus-visible {
  border-color: var(--purple);
  background: #f5f2ff;
  color: var(--purple);
  outline: 0;
}

.sponsor-management-empty {
  margin: 0;
  padding: 20px 10px;
  color: #748196;
  font-size: 9px;
  text-align: center;
}

.sponsor-tier-side-row {
  min-width: 0;
  min-height: 48px;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 7px;
  padding: 5px 7px;
  border: 1px solid #e0e6ef;
  border-radius: 7px;
  background: #ffffff;
}

.sponsor-tier-side-row:hover {
  border-color: rgba(102, 51, 241, 0.35);
  background: #fcfbff;
}

.sponsor-tier-order .ui-icon-svg {
  width: 12px;
  height: 12px;
  color: #98a2b3;
}

.sponsor-tier-side-main {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.sponsor-tier-side-main > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.sponsor-tier-side-main strong,
.sponsor-tier-side-main small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-tier-side-main strong {
  color: #273348;
  font-size: 10px;
  font-weight: 600;
}

.sponsor-tier-side-main small {
  color: #748196;
  font-size: 8px;
}

.sponsor-tier-side-main em {
  flex: 0 0 auto;
  color: #667085;
  font-size: 8px;
  font-style: normal;
}

.sponsor-tier-rank {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f1edff;
  color: #5e35c7;
  font-size: 8px;
  font-weight: 600;
}

/* Attendee profile editor */
.attendee-detail-form.compact-edit-panel .attendee-detail-form-section {
  display: grid;
  gap: var(--compact-section-gap);
  padding: 10px 0 12px;
  border-bottom: 1px solid rgba(213, 222, 235, 0.72);
}

.attendee-detail-form.compact-edit-panel .attendee-detail-section-heading {
  min-height: 16px;
  margin: 0;
}

.attendee-detail-form.compact-edit-panel .attendee-detail-section-heading h3 {
  font-size: var(--compact-heading-font);
}

.attendee-detail-form.compact-edit-panel .attendee-detail-section-heading span {
  font-size: 8px;
}

.attendee-detail-form.compact-edit-panel label {
  gap: var(--compact-field-gap);
  margin: 0;
}

.attendee-detail-form.compact-edit-panel label > span {
  font-size: var(--compact-label-font);
}

.attendee-detail-form.compact-edit-panel :is(input, select) {
  height: var(--compact-control-height);
  padding: 0 12px;
  border-radius: var(--compact-control-radius);
  font-size: var(--compact-control-font);
}

.attendee-detail-form.compact-edit-panel .attendee-detail-field-pair {
  gap: 8px;
}

.attendee-detail-drawer .attendee-detail-footer {
  min-height: 44px;
  padding: 7px 14px calc(7px + env(safe-area-inset-bottom));
  box-shadow: 0 -1px 0 rgba(213, 222, 235, 0.72);
}

.attendee-detail-drawer .attendee-detail-save-copy {
  gap: 1px;
}

.attendee-detail-drawer .attendee-detail-save-state,
.attendee-detail-drawer .attendee-detail-save-copy > span:last-child {
  font-size: 8px;
}

.attendee-detail-drawer .attendee-detail-footer button {
  min-width: 58px;
  height: 28px;
  padding: 0 12px;
  border-radius: 6px;
  font-size: 9px;
}

/* Assign Event nested setup */
.attendee-event-setup.compact-edit-panel {
  padding: 10px;
  border-radius: 7px;
}

.attendee-event-setup.compact-edit-panel .attendee-event-setup-heading small {
  font-size: 8px;
}

.attendee-event-setup.compact-edit-panel .attendee-event-setup-heading strong {
  font-size: 10px;
}

.attendee-event-setup.compact-edit-panel .attendee-event-setup-fields {
  gap: 8px;
  margin-top: 8px;
}

.attendee-event-setup.compact-edit-panel .attendee-event-setup-fields label {
  gap: var(--compact-field-gap);
}

.attendee-event-setup.compact-edit-panel .attendee-event-setup-fields label > span {
  font-size: var(--compact-label-font);
}

.attendee-event-setup.compact-edit-panel .attendee-event-setup-fields select {
  height: var(--compact-control-height);
  padding-left: 12px;
  border-radius: var(--compact-control-radius);
  font-size: var(--compact-control-font);
}

.attendee-event-drawer .attendee-event-footer {
  min-height: 44px;
  padding: 7px 14px calc(7px + env(safe-area-inset-bottom));
  box-shadow: 0 -1px 0 rgba(213, 222, 235, 0.72);
}

.attendee-event-drawer .attendee-event-footer > div {
  gap: 1px;
}

.attendee-event-drawer .attendee-event-footer strong,
.attendee-event-drawer .attendee-event-footer span {
  font-size: 8px;
}

.attendee-event-drawer .attendee-event-footer > button {
  min-width: 76px;
  height: 28px;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 9px;
}

/* Event slide-in consistency system */
.side-panel:not(.is-fullscreen) .event-slidein-screen {
  --event-slidein-control-height: 32px;
  --event-slidein-control-radius: 4px;
  --event-slidein-card-radius: 7px;
  --event-slidein-title-size: 11px;
  --event-slidein-body-size: 9px;
  --event-slidein-meta-size: 8px;
  --event-slidein-section-gap: 8px;
  color: #182230;
  font-weight: 400;
  letter-spacing: 0;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen :is(button, input, select, textarea) {
  font-family: inherit;
  letter-spacing: 0;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(input[type="text"], input[type="search"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], select) {
  min-width: 0;
  height: 36px;
  border-color: #d9e2ee;
  border-radius: 4px;
  color: #182230;
  font-size: 12px;
  font-weight: 400;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen textarea {
  min-width: 0;
  border-color: #d9e2ee;
  border-radius: 4px;
  color: #182230;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(input[type="text"], input[type="search"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], select, textarea):focus {
  border-color: rgba(102, 51, 241, 0.42);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.09);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.speaker-picker-field, .ticket-add-picker-field) {
  min-height: var(--event-slidein-control-height);
  padding: 4px 8px;
  border: 1px solid #d9e2ee;
  border-radius: var(--event-slidein-control-radius);
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.025);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.speaker-picker-field, .ticket-add-picker-field):focus-within {
  border-color: rgba(102, 51, 241, 0.42);
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.09);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.speaker-picker-field, .ticket-add-picker-field)
  input {
  min-height: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 10px;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.speaker-picker-icon, .ticket-add-picker-field > .ui-icon-host, .ticket-add-picker-field > .ui-icon-svg) {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .speaker-picker-icon {
  width: 11px;
  height: 11px;
  border-width: 1.5px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .speaker-picker-icon::after {
  right: -4px;
  bottom: -3px;
  width: 5px;
  border-top-width: 1.5px;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.speaker-picker-results-header, .ticket-add-picker-heading) {
  min-height: 26px;
  padding: 6px 8px 4px;
  color: #667085;
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.speaker-picker-results-header, .ticket-add-picker-heading)
  em {
  color: #8a94a6;
  font-size: 8px;
  font-weight: 400;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.speaker-result-option, .ticket-add-option) {
  min-height: 38px;
  border-radius: 6px;
  font-size: 9px;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.speaker-result-option, .ticket-add-option)
  strong {
  font-size: 10px;
  font-weight: 500;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.speaker-result-option, .ticket-add-option)
  small {
  font-size: 8px;
  font-weight: 400;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .speaker-picker-pill {
  max-width: 98px;
  height: var(--ds-pill-height);
  padding: 0 5px 0 var(--ds-pill-padding);
  font-size: var(--ds-pill-font-size);
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .agenda-mobile-date-strip {
  gap: 4px;
  padding: 7px 0;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .agenda-mobile-date-strip button {
  height: 32px;
  border-radius: 6px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .agenda-mobile-date-strip span {
  font-size: 7px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .agenda-mobile-date-strip strong {
  font-size: 10px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .agenda-list-toolbar {
  min-height: 34px;
  padding: 5px 0;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.agenda-list-heading strong, .speaker-order-heading strong) {
  font-size: 10px;
  font-weight: 500;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.agenda-list-heading small, .speaker-order-heading small) {
  font-size: 8px;
  font-weight: 400;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .agenda-list {
  grid-auto-rows: minmax(58px, max-content);
  gap: 6px;
  padding: 8px 0;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .agenda-row {
  min-height: 58px;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  gap: 8px;
  padding: 7px 8px;
  border-radius: var(--event-slidein-card-radius);
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .agenda-time {
  gap: 2px;
  padding-left: 11px;
  font-size: 10px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .agenda-time small,
.side-panel:not(.is-fullscreen) .event-slidein-screen .agenda-copy small {
  font-size: 8px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .agenda-copy strong {
  font-size: 10px;
  font-weight: 500;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .agenda-card-meta span,
.side-panel:not(.is-fullscreen) .event-slidein-screen .agenda-row > em {
  padding: 0 var(--ds-pill-padding);
  font-size: var(--ds-pill-font-size);
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .speaker-page-summary strong {
  font-size: 10px;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  .speaker-page-summary span {
  font-size: 8px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .speaker-picker-field {
  min-height: var(--event-slidein-control-height);
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .ticket-sidepanel-page {
  gap: var(--event-slidein-section-gap);
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .ticket-link-card {
  min-height: 44px;
  padding: 7px 8px;
  border-radius: var(--event-slidein-card-radius);
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .ticket-link-icon {
  width: 26px;
  height: 26px;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.ticket-link-card strong, .ticket-section-heading h4, .sponsor-workspace-heading h3) {
  font-size: 11px;
  font-weight: 500;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.ticket-link-card small, .ticket-section-heading small, .sponsor-workspace-heading p) {
  font-size: 8px;
  font-weight: 400;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .ticket-link-card button {
  height: 26px;
  padding: 0 8px;
  font-size: 9px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .ticket-add-anchor > .ticket-add-picker.is-persistent {
  margin-top: 7px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .ticket-type-list {
  gap: 6px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .ticket-type-row.is-compact {
  min-height: 52px;
  padding: 7px 8px;
  border-radius: var(--event-slidein-card-radius);
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .ticket-type-row.is-compact .ticket-row-copy strong {
  font-size: 10px;
  font-weight: 500;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .ticket-type-row.is-compact .ticket-row-copy small {
  font-size: 8px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-workspace-heading {
  margin-bottom: 7px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-filter-toolbar {
  gap: 6px;
  margin-bottom: 8px;
  padding: 0;
  border: 0;
  background: transparent;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  .sponsor-combobox.ticket-add-picker.is-persistent
  .ticket-add-picker-field,
.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-filter-toolbar select {
  height: var(--event-slidein-control-height);
  min-height: var(--event-slidein-control-height);
  border-radius: var(--event-slidein-control-radius);
  font-size: 9px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-group-list {
  gap: 7px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-tier-group {
  border-radius: var(--event-slidein-card-radius);
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-tier-group > header {
  min-height: 26px;
  padding-inline: 8px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-row {
  min-height: 46px;
  grid-template-columns: 18px 30px minmax(0, 1fr) 54px 24px;
  gap: 5px;
  padding: 4px 5px 4px 4px;
}

/* Keep sponsor identity dense and consistent within the 419px slide-in. */
.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-row .sponsor-drag-handle {
  width: 18px;
  height: 24px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-row .sponsor-drag-handle .ui-icon-svg {
  width: 12px;
  height: 12px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-row .sponsor-logo {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  font-size: 9px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-row-copy {
  gap: 1px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-row-copy > span {
  gap: 4px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-row-copy small {
  line-height: 1.25;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-status {
  min-width: 54px;
  min-height: var(--ds-pill-height);
  justify-self: end;
  padding: 0 var(--ds-pill-padding);
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-row-menu > summary {
  width: 24px;
  height: 24px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-row-copy strong {
  font-size: 10px;
  font-weight: 500;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.sponsor-row-copy small, .sponsor-row-copy em) {
  font-size: 8px;
  font-weight: 400;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen :is(.issue-list, .section-list) {
  gap: 6px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .issue-item {
  min-height: 34px;
  padding: 6px 8px;
  border-radius: var(--event-slidein-card-radius);
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .section-row {
  min-height: 48px;
  gap: 8px;
  padding: 7px 8px;
  border-radius: var(--event-slidein-card-radius);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.issue-item strong, .section-row strong) {
  font-size: 10px;
  font-weight: 500;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.issue-item small, .section-row small) {
  font-size: 8px;
  font-weight: 400;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .section-icon {
  width: 28px;
  height: 28px;
  border-radius: 7px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .section-row em {
  min-width: 0;
  padding: 0 var(--ds-pill-padding);
  font-size: var(--ds-pill-font-size);
}

.side-panel:not(.is-fullscreen) #overview-panel .section-list {
  gap: 10px;
  margin-top: 8px;
}

.side-panel:not(.is-fullscreen) #overview-panel .section-row {
  min-height: 56px;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid var(--ds-slidein-card-border);
  border-radius: var(--ds-card-radius);
  background: var(--ds-slidein-card-background);
  box-shadow: var(--ds-card-shadow);
  transform: none;
}

.side-panel:not(.is-fullscreen) #overview-panel .section-row:is(:hover, :focus-visible, .is-selected) {
  border-color: var(--ui-selected-border);
  box-shadow: 0 2px 8px rgba(102, 51, 241, 0.08);
}

.side-panel:not(.is-fullscreen) #overview-panel .section-row:focus-visible {
  outline: 2px solid var(--purple);
  outline-offset: 2px;
}

.side-panel:not(.is-fullscreen) #overview-panel .section-row > span:nth-child(2) {
  gap: 3px;
}

.side-panel:not(.is-fullscreen) #overview-panel .section-row strong {
  color: var(--ink);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
}

.side-panel:not(.is-fullscreen) #overview-panel .section-row small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
}

.side-panel:not(.is-fullscreen) #overview-panel .section-row em {
  padding: 0 var(--ds-pill-padding);
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.agenda-list-empty, .speaker-list-empty, .ticket-data-state, .sponsor-list-state) {
  min-height: 76px;
  gap: 4px;
  padding: 14px 10px;
  border-radius: var(--event-slidein-card-radius);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.agenda-list-empty, .speaker-list-empty, .ticket-data-state, .sponsor-list-state)
  strong {
  font-size: 10px;
  font-weight: 500;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.agenda-list-empty, .speaker-list-empty, .ticket-data-state, .sponsor-list-state)
  small {
  font-size: 8px;
  font-weight: 400;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.agenda-list-empty, .speaker-list-empty, .ticket-data-state, .sponsor-list-state)
  button {
  min-height: 26px;
  height: 26px;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 9px;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .record-group {
  border-radius: var(--event-slidein-card-radius);
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .record-group-heading h3,
.side-panel:not(.is-fullscreen) .event-slidein-screen .about-panel .eyebrow {
  font-size: 10px;
  font-weight: 500;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .record-row dt {
  font-size: 8px;
  font-weight: 500;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .record-row dd,
.side-panel:not(.is-fullscreen) .event-slidein-screen .about-panel > p {
  font-size: 9px;
  font-weight: 400;
}

/* Shared side-panel edit section cards */
.side-panel:not(.is-fullscreen) .compact-edit-panel {
  --edit-card-border: var(--ds-slidein-card-border);
  --edit-card-background: var(--ds-slidein-card-background);
  --edit-card-radius: 7px;
  --edit-card-gap: 8px;
  --edit-card-padding: 10px;
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel.is-active,
.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel {
  gap: var(--edit-card-gap);
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel .form-section,
.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .agenda-task-card,
.side-panel:not(.is-fullscreen) .sidepanel-speaker-profile.compact-edit-panel .profile-editor-section,
.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-editor-section,
.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-promo-host,
.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-delete-zone,
.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-form-section,
.side-panel:not(.is-fullscreen) .attendee-detail-form.compact-edit-panel .attendee-detail-form-section {
  margin: 0 0 var(--edit-card-gap);
  padding: var(--edit-card-padding);
  border: 1px solid var(--edit-card-border);
  border-radius: var(--edit-card-radius);
  background: var(--edit-card-background);
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.025);
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel .form-section:last-child,
.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .agenda-task-card:last-child,
.side-panel:not(.is-fullscreen) .sidepanel-speaker-profile.compact-edit-panel .profile-editor-section:last-of-type,
.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel > :is(.ticket-editor-section, .ticket-promo-host, .ticket-delete-zone):last-of-type,
.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-form-section:last-child,
.side-panel:not(.is-fullscreen) .attendee-detail-form.compact-edit-panel .attendee-detail-form-section:last-child {
  margin-bottom: 0;
}

.side-panel:not(.is-fullscreen) .edit-form.compact-edit-panel .save-state {
  margin-bottom: 0;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .agenda-task-form {
  display: grid;
  gap: 0;
  padding: 8px 2px;
}

.side-panel:not(.is-fullscreen) .sidepanel-agenda-editor.compact-edit-panel .agenda-task-card {
  border-bottom: 1px solid var(--edit-card-border);
}

.side-panel:not(.is-fullscreen) .sidepanel-speaker-profile.compact-edit-panel {
  padding: 0 2px;
}

.side-panel:not(.is-fullscreen) .sidepanel-speaker-profile.compact-edit-panel > .sidepanel-profile-header {
  margin: 0 -2px 8px;
}

.side-panel:not(.is-fullscreen) .sidepanel-speaker-profile.compact-edit-panel .profile-editor-section {
  flex: 0 0 auto;
  border-bottom: 1px solid var(--edit-card-border);
}

.side-panel:not(.is-fullscreen) .sidepanel-speaker-profile.compact-edit-panel .sidepanel-profile-footer {
  margin-right: -2px;
  margin-left: -2px;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel {
  padding: 12px;
  background: transparent;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-edit-heading {
  margin: -12px -12px 0;
  background: #ffffff;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-editor-footer {
  margin: 0 -12px -12px;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-delete-zone {
  border-top: 1px solid var(--edit-card-border);
}

.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-editor-scroll {
  gap: 0;
  padding-top: 8px;
  background: transparent;
}

.side-panel:not(.is-fullscreen) .sponsor-editor-form.compact-edit-panel .sponsor-form-section {
  border-bottom: 1px solid var(--edit-card-border);
}

.side-panel:not(.is-fullscreen) .attendee-detail-form.compact-edit-panel {
  display: grid;
  gap: 0;
}

.side-panel:not(.is-fullscreen) .attendee-detail-form.compact-edit-panel .attendee-detail-form-section {
  border-bottom: 1px solid var(--edit-card-border);
}

.attendee-detail-drawer .attendee-detail-form.compact-edit-panel {
  --edit-card-border: #e1e7f0;
  --edit-card-background: #f8fafc;
  --edit-card-radius: 7px;
  --edit-card-gap: 8px;
  --edit-card-padding: 10px;
  display: grid;
  gap: 0;
}

.attendee-detail-drawer .attendee-detail-form.compact-edit-panel .attendee-detail-form-section {
  margin: 0 0 var(--edit-card-gap);
  padding: var(--edit-card-padding);
  border: 1px solid var(--edit-card-border);
  border-radius: var(--edit-card-radius);
  background: var(--edit-card-background);
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.025);
}

.attendee-detail-drawer
  .attendee-detail-form.compact-edit-panel
  .attendee-detail-form-section:last-child {
  margin-bottom: 0;
}

.attendee-detail-drawer
  .attendee-detail-form.compact-edit-panel
  .attendee-detail-section-heading {
  padding-bottom: 7px;
  border-bottom: 1px solid #edf1f6;
}

.side-panel:not(.is-fullscreen) .attendee-event-setup.compact-edit-panel {
  border-color: var(--edit-card-border);
  background: var(--edit-card-background);
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.025);
}

.side-panel:not(.is-fullscreen)
  .compact-edit-panel
  :is(.block-heading, .profile-section-heading, .ticket-section-heading, .sponsor-section-heading, .attendee-detail-section-heading) {
  padding-bottom: 7px;
  border-bottom: 1px solid #edf1f6;
}

.side-panel:not(.is-fullscreen)
  .compact-edit-panel
  :is(.block-heading, .profile-section-heading, .ticket-section-heading, .sponsor-section-heading, .attendee-detail-section-heading)
  + * {
  margin-top: 0;
}

/* Event details preview section cards */
.side-panel:not(.is-fullscreen)
  .detail-screen.event-slidein-screen
  .detail-mode-panel[data-detail-panel="preview"].is-active {
  display: grid;
  gap: 8px;
}

.side-panel:not(.is-fullscreen)
  .detail-screen.event-slidein-screen
  .detail-mode-panel[data-detail-panel="preview"]
  :is(.required-checklist, .record-group, .about-panel) {
  margin: 0;
  padding: 10px;
  border: 1px solid var(--ds-slidein-card-border);
  border-radius: 7px;
  background: var(--ds-slidein-card-background);
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.025);
}

.side-panel:not(.is-fullscreen)
  .detail-screen.event-slidein-screen
  .detail-mode-panel[data-detail-panel="preview"]
  .required-checklist {
  display: block;
  padding-block: 8px;
}

.side-panel:not(.is-fullscreen)
  .detail-screen.event-slidein-screen
  .detail-mode-panel[data-detail-panel="preview"]
  .required-checklist-summary {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  min-height: 24px;
}

.side-panel:not(.is-fullscreen)
  .detail-screen.event-slidein-screen
  .detail-mode-panel[data-detail-panel="preview"]
  .required-checklist-icon {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border: 1px solid #bce8d8;
  border-radius: 50%;
  background: #ecfbf5;
  color: #09845a;
}

.side-panel:not(.is-fullscreen)
  .detail-screen.event-slidein-screen
  .detail-mode-panel[data-detail-panel="preview"]
  .required-checklist-icon
  svg {
  width: 13px;
  height: 13px;
}

.side-panel:not(.is-fullscreen)
  .detail-screen.event-slidein-screen
  .detail-mode-panel[data-detail-panel="preview"]
  .required-checklist-label {
  min-width: 0;
  color: var(--ink);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.25;
}

.side-panel:not(.is-fullscreen)
  .detail-screen.event-slidein-screen
  .detail-mode-panel[data-detail-panel="preview"]
  .required-checklist-count {
  padding: 3px 7px;
  border-radius: 999px;
  background: #ecfbf5;
  color: #087a54;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
}

.side-panel:not(.is-fullscreen)
  .detail-screen.event-slidein-screen
  .detail-mode-panel[data-detail-panel="preview"]
  .detail-record-groups {
  gap: 8px;
  margin-top: 0;
}

.side-panel:not(.is-fullscreen)
  .detail-screen.event-slidein-screen
  .detail-mode-panel[data-detail-panel="preview"]
  .record-group-heading {
  padding: 0 0 7px;
  border-bottom: 1px solid #edf1f6;
}

.side-panel:not(.is-fullscreen)
  .detail-screen.event-slidein-screen
  .detail-mode-panel[data-detail-panel="preview"]
  .record-row:last-child {
  border-bottom: 0;
}

.side-panel:not(.is-fullscreen)
  .detail-screen.event-slidein-screen
  .detail-mode-panel[data-detail-panel="preview"]
  .about-panel
  .block-heading {
  padding-bottom: 7px;
  border-bottom: 1px solid #edf1f6;
}

/* Unified Events slide-in visual contract */
.side-panel:not(.is-fullscreen) .event-slidein-screen {
  --event-slidein-surface: var(--ds-slidein-card-background);
  --event-slidein-surface-hover: #ffffff;
  --event-slidein-border: var(--ds-slidein-card-border);
  --event-slidein-divider: var(--ds-slidein-divider);
  --event-slidein-control-border: var(--line);
  --event-slidein-focus: rgba(102, 51, 241, 0.42);
  --event-slidein-focus-ring: rgba(102, 51, 241, 0.09);
  --event-slidein-control-height: 32px;
  --event-slidein-control-radius: 7px;
  --event-slidein-card-radius: 7px;
  --event-slidein-card-padding: 10px;
  --event-slidein-section-gap: 8px;
  --event-slidein-heading-size: 10px;
  --event-slidein-page-title-size: 12px;
  --event-slidein-body-size: 9px;
  --event-slidein-label-size: 9px;
  --event-slidein-meta-size: 9px;
  color: var(--ink);
  font-weight: 400;
  letter-spacing: 0;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(
    .sidepanel-agenda-summary > span > strong,
    .speaker-page-summary > strong,
    .registration-sidepanel-heading h4,
    .sponsor-workspace-heading h3
  ) {
  color: var(--ink);
  font-size: var(--event-slidein-page-title-size);
  font-weight: 600;
  line-height: 1.25;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(
    .sidepanel-agenda-summary > span > small,
    .speaker-page-summary > small,
    .registration-sidepanel-heading small,
    .sponsor-workspace-heading p
  ) {
  color: var(--muted);
  font-size: 9px;
  font-weight: 400;
  line-height: 1.35;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(
    .sidepanel-agenda-page,
    .sidepanel-speaker-page,
    .ticket-sidepanel-page,
    .sponsor-sidepanel-page,
    .detail-mode-panel
  ) {
  gap: var(--event-slidein-section-gap);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(
    .block-heading,
    .speaker-list-toolbar,
    .agenda-list-toolbar,
    .ticket-section-heading,
    .sponsor-workspace-heading,
    .profile-section-heading,
    .sponsor-section-heading
  ) {
  min-height: 24px;
  margin: 0;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(
    .block-heading .eyebrow,
    .record-group-heading h3,
    .speaker-order-heading strong,
    .agenda-list-heading strong,
    .ticket-section-heading h4,
    .profile-section-heading h4,
    .sponsor-section-heading h4,
    .sponsor-tier-group > header strong
  ) {
  color: var(--ink);
  font-size: var(--event-slidein-heading-size);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(
    .speaker-order-heading small,
    .agenda-list-heading small,
    .ticket-section-heading small,
    .sponsor-workspace-heading p,
    .profile-section-heading small,
    .sponsor-section-heading > span,
    .sponsor-tier-group > header span
  ) {
  color: var(--muted);
  font-size: var(--event-slidein-meta-size);
  font-weight: 400;
  line-height: 1.3;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(input, select, textarea, button) {
  font-family: inherit;
  letter-spacing: 0;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(
    input[type="text"],
    input[type="search"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="number"],
    select
  ) {
  min-width: 0;
  height: var(--event-slidein-control-height);
  padding-inline: 9px;
  border: 1px solid var(--event-slidein-control-border);
  border-radius: var(--event-slidein-control-radius);
  background: #ffffff;
  color: var(--ink);
  font-size: 10px;
  font-weight: 400;
  box-shadow: none;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen textarea {
  min-width: 0;
  min-height: 72px;
  padding: 8px 9px;
  border: 1px solid var(--event-slidein-control-border);
  border-radius: var(--event-slidein-control-radius);
  background: #ffffff;
  color: var(--ink);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
  box-shadow: none;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(
    input[type="text"],
    input[type="search"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="number"],
    select,
    textarea
  ):focus {
  border-color: var(--event-slidein-focus);
  outline: 0;
  box-shadow: 0 0 0 3px var(--event-slidein-focus-ring);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(
    .edit-form,
    .agenda-task-form,
    .sidepanel-speaker-profile,
    .ticket-edit-form,
    .sponsor-editor-scroll
  )
  label {
  gap: 4px;
  color: var(--muted);
  font-size: var(--event-slidein-label-size);
  font-weight: 500;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.speaker-picker-field, .ticket-add-picker-field) {
  min-height: var(--event-slidein-control-height);
  padding: 4px 8px;
  border: 1px solid var(--event-slidein-control-border);
  border-radius: var(--event-slidein-control-radius);
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.025);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.speaker-picker-field, .ticket-add-picker-field):focus-within {
  border-color: var(--event-slidein-focus);
  box-shadow: 0 0 0 3px var(--event-slidein-focus-ring);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.speaker-picker-field, .ticket-add-picker-field)
  input {
  min-height: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 10px;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.speaker-picker-results, .ticket-add-picker-results) {
  padding: 4px;
  border: 1px solid var(--event-slidein-border);
  border-radius: var(--event-slidein-card-radius);
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(18, 24, 40, 0.12);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.speaker-result-option, .ticket-add-option) {
  min-height: 38px;
  padding: 6px 7px;
  border-radius: 6px;
  background: #ffffff;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.speaker-result-option, .ticket-add-option):hover {
  background: #f8f5ff;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(
    .required-checklist,
    .record-group,
    .about-panel,
    .agenda-row,
    .speaker-row,
    .ticket-link-card,
    .ticket-type-row.is-compact,
    .sponsor-tier-group,
    .agenda-task-card,
    .profile-editor-section,
    .ticket-editor-section,
    .ticket-promo-host,
    .ticket-delete-zone,
    .sponsor-form-section
  ) {
  border-color: var(--event-slidein-border);
  border-radius: var(--event-slidein-card-radius);
  background: var(--event-slidein-surface);
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.025);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.agenda-row, .speaker-row, .ticket-type-row.is-compact, .sponsor-tier-group):hover {
  border-color: rgba(102, 51, 241, 0.26);
  background: var(--event-slidein-surface-hover);
  box-shadow: 0 2px 6px rgba(18, 24, 40, 0.045);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.agenda-row.is-ready, .agenda-row.is-draft, .agenda-row.is-issue) {
  background: var(--event-slidein-surface);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.agenda-row.is-issue, .speaker-row.needs-attention) {
  border-color: rgba(245, 158, 11, 0.3);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(
    .speaker-row.is-current,
    .speaker-row.is-selected,
    .ticket-type-row.is-selected,
    .ticket-type-row[aria-selected="true"]
  ) {
  border-color: rgba(102, 51, 241, 0.38);
  background: #f8f5ff;
  box-shadow: 0 0 0 1px rgba(102, 51, 241, 0.05);
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-tier-group > header {
  border-bottom: 1px solid var(--event-slidein-divider);
  background: transparent;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-row {
  background: transparent;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(
    .record-group-heading,
    .block-heading,
    .profile-section-heading,
    .ticket-section-heading,
    .sponsor-section-heading
  ) {
  border-color: var(--event-slidein-divider);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.ticket-edit-heading, .sponsor-editor-heading, .speaker-profile-header.sidepanel-profile-header) {
  border-bottom: 1px solid var(--event-slidein-divider);
  background: var(--event-slidein-surface);
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .sponsor-editor-form {
  background: transparent;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.record-row, .speaker-session-row, .assignment-row) {
  border-color: var(--event-slidein-divider);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(
    .agenda-date-icon-button,
    .agenda-add-icon-button,
    .agenda-reorder-button,
    .ticket-link-card button,
    .profile-inline-button,
    .profile-ghost-button,
    .profile-save-button,
    .sponsor-editor-footer button,
    .ticket-editor-footer button
  ) {
  min-height: 28px;
  height: 28px;
  padding: 0 9px;
  border-radius: 6px;
  font-size: 9px;
  font-weight: 500;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(
    .sidepanel-profile-footer,
    .sidepanel-agenda-editor-footer,
    .ticket-editor-footer,
    .sponsor-editor-footer
  ) {
  min-height: 44px;
  padding-block: 7px;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 -1px 0 var(--event-slidein-border);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(
    .detail-mode-panel[data-detail-panel="preview"].is-active,
    .agenda-list,
    .speaker-page-list,
    .ticket-type-list,
    .sponsor-group-list
  ) {
  gap: var(--event-slidein-section-gap);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.agenda-task-form, .ticket-edit-form, .sponsor-editor-scroll) {
  background: transparent;
}

/* Agenda date navigation and quiet icon actions */
[data-agenda-page] .agenda-mobile-date-strip {
  width: min(100%, 420px);
  grid-template-columns: minmax(128px, 1.5fr) repeat(2, minmax(54px, 0.7fr)) minmax(72px, 0.9fr);
  gap: 0;
  padding: 5px 0 4px;
  border-bottom: 1px solid #edf1f6;
}

[data-agenda-page] .agenda-mobile-date-strip button {
  position: relative;
  height: 38px;
  padding: 0 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

[data-agenda-page] .agenda-mobile-date-strip button:hover,
[data-agenda-page] .agenda-mobile-date-strip button:focus-visible {
  border-color: transparent;
  border-radius: 6px;
  background: #f8f5ff;
  box-shadow: none;
}

[data-agenda-page] .agenda-mobile-date-strip button.is-active {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

[data-agenda-page] .agenda-mobile-date-strip button.is-active::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: -5px;
  left: 10px;
  height: 2px;
  border-radius: 999px;
  background: var(--purple);
}

[data-agenda-page] .agenda-mobile-date-strip .agenda-today-button,
[data-agenda-page] .agenda-mobile-date-strip .agenda-today-button.is-active {
  justify-items: start;
  background: transparent;
  color: #667085;
}

[data-agenda-page] .agenda-mobile-date-strip .agenda-today-button.is-active strong {
  color: var(--ink);
}

[data-agenda-page] .agenda-mobile-date-strip span {
  color: #7b8799;
  font-size: 8px;
  font-weight: 500;
}

[data-agenda-page] .agenda-mobile-date-strip strong,
[data-agenda-page] .agenda-mobile-date-strip .agenda-today-button strong {
  color: #202939;
  font-size: 10px;
  font-weight: 500;
}

[data-agenda-page] .agenda-list-toolbar {
  min-height: 36px;
  padding: 5px 0;
}

[data-agenda-page] .agenda-list-heading {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}

[data-agenda-page] .agenda-list-heading strong {
  font-size: 10px;
  font-weight: 500;
}

[data-agenda-page] .agenda-list-heading small {
  color: #7b8799;
  font-size: 8px;
  font-weight: 400;
}

[data-agenda-page] .agenda-list-actions {
  gap: 3px;
}

[data-agenda-page] .agenda-list-actions :is(.agenda-date-icon-button, .agenda-add-icon-button) {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #667085;
  box-shadow: none;
}

[data-agenda-page] .agenda-list-actions :is(.agenda-date-icon-button, .agenda-add-icon-button):hover,
[data-agenda-page] .agenda-list-actions :is(.agenda-date-icon-button, .agenda-add-icon-button):focus-visible {
  border-color: transparent;
  background: #f3efff;
  color: var(--purple);
  box-shadow: none;
  outline: 0;
}

[data-agenda-page] .agenda-list-actions :is(.agenda-date-icon-button, .agenda-add-icon-button) > .ui-icon-host {
  width: 15px;
  height: 15px;
  font-size: 15px;
}

[data-agenda-page] .agenda-reorder-button {
  margin-left: 3px;
  border: 0;
  background: transparent;
  color: var(--purple);
}

[data-agenda-page] .agenda-reorder-button:hover,
[data-agenda-page] .agenda-reorder-button:focus-visible {
  background: #f8f5ff;
  outline: 0;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.agenda-task-card, .profile-editor-section, .ticket-editor-section, .sponsor-form-section) {
  margin-bottom: var(--event-slidein-section-gap);
  padding: var(--event-slidein-card-padding);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(.agenda-task-card, .profile-editor-section, .ticket-editor-section, .sponsor-form-section):last-child {
  margin-bottom: 0;
}

/* Full-screen parity with the Events slide-in system */
.side-panel.is-fullscreen {
  --event-fullscreen-surface: #f8fafc;
  --event-fullscreen-surface-hover: #ffffff;
  --event-fullscreen-border: #e1e7f0;
  --event-fullscreen-divider: #edf1f6;
  --event-fullscreen-focus: rgba(102, 51, 241, 0.42);
  --event-fullscreen-focus-ring: rgba(102, 51, 241, 0.09);
  --event-fullscreen-control-height: 32px;
  --event-fullscreen-control-radius: 7px;
  --event-fullscreen-card-radius: 7px;
  --event-fullscreen-card-gap: 8px;
  --event-fullscreen-card-padding: 12px;
  color: #182230;
  font-weight: 400;
  letter-spacing: 0;
}

.side-panel.is-fullscreen :is(input, select, textarea, button) {
  font-family: inherit;
  letter-spacing: 0;
}

.side-panel.is-fullscreen
  :is(
    .event-detail-edit-workspace,
    .agenda-editor-panel,
    .speaker-profile-panel,
    .ticket-editor-card,
    .sponsor-fullscreen-editor
  )
  :is(
    input[type="text"],
    input[type="search"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="number"],
    select
  ) {
  min-width: 0;
  height: var(--event-fullscreen-control-height);
  padding-inline: 9px;
  border: 1px solid var(--event-fullscreen-border);
  border-radius: var(--event-fullscreen-control-radius);
  background: #ffffff;
  color: #182230;
  font-size: 10px;
  font-weight: 400;
  box-shadow: none;
}

.side-panel.is-fullscreen
  :is(
    .event-detail-edit-workspace,
    .agenda-editor-panel,
    .speaker-profile-panel,
    .ticket-editor-card,
    .sponsor-fullscreen-editor
  )
  textarea {
  min-width: 0;
  min-height: 72px;
  padding: 8px 9px;
  border: 1px solid var(--event-fullscreen-border);
  border-radius: var(--event-fullscreen-control-radius);
  background: #ffffff;
  color: #182230;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
  box-shadow: none;
}

.side-panel.is-fullscreen
  :is(
    .event-detail-edit-workspace,
    .agenda-editor-panel,
    .speaker-profile-panel,
    .ticket-editor-card,
    .sponsor-fullscreen-editor
  )
  :is(input, select, textarea):focus {
  border-color: var(--event-fullscreen-focus);
  outline: 0;
  box-shadow: 0 0 0 3px var(--event-fullscreen-focus-ring);
}

.side-panel.is-fullscreen
  :is(
    .event-detail-edit-workspace,
    .agenda-editor-panel,
    .speaker-profile-panel,
    .ticket-editor-card,
    .sponsor-fullscreen-editor
  )
  label {
  gap: 4px;
  color: #667085;
  font-size: 9px;
  font-weight: 500;
}

.side-panel.is-fullscreen
  :is(
    .fullscreen-event-editor-header,
    .agenda-workspace-main,
    .agenda-editor-panel,
    .speaker-profile-panel,
    .ticket-page-header,
    .ticket-section-nav,
    .ticket-editor-card,
    .sponsor-manager-nav,
    .sponsor-manager-toolbar,
    .sponsor-manager-content,
    .sponsor-fullscreen-editor,
    .fullscreen-card,
    .fullscreen-overview-strip
  ) {
  border-color: var(--event-fullscreen-border);
  border-radius: var(--event-fullscreen-card-radius);
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.025);
}

.side-panel.is-fullscreen
  :is(
    .event-details-preview-summary,
    .event-details-preview-readiness,
    .event-details-preview-section,
    .event-record-editor-summary,
    .event-edit-section,
    .agenda-row,
    .agenda-editor-panel .profile-editor-section,
    .speaker-profile-panel .speaker-profile-header,
    .speaker-profile-panel .profile-editor-section,
    .ticket-editor-card .ticket-editor-section,
    .ticket-editor-card .ticket-promo-host,
    .ticket-editor-card .ticket-delete-zone,
    .sponsor-fullscreen-editor .sponsor-form-section,
    .sponsor-tier-group
  ) {
  border-color: var(--event-fullscreen-border);
  border-radius: var(--event-fullscreen-card-radius);
  background: var(--event-fullscreen-surface);
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.025);
}

.side-panel.is-fullscreen
  :is(.agenda-row, .sponsor-tier-group, .overview-card):hover {
  border-color: rgba(102, 51, 241, 0.26);
  background: var(--event-fullscreen-surface-hover);
  box-shadow: 0 2px 6px rgba(18, 24, 40, 0.045);
}

.side-panel.is-fullscreen
  :is(.agenda-row.is-ready, .agenda-row.is-draft, .agenda-row.is-issue) {
  background: var(--event-fullscreen-surface);
}

.side-panel.is-fullscreen .agenda-row.is-issue {
  border-color: rgba(245, 158, 11, 0.3);
}

.side-panel.is-fullscreen
  :is(
    .event-edit-section-heading h4,
    .profile-section-heading h4,
    .ticket-section-heading h4,
    .sponsor-section-heading h4,
    .agenda-editor-panel .profile-section-heading h4
  ) {
  color: #182230;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.25;
}

.side-panel.is-fullscreen
  :is(
    .profile-section-heading small,
    .ticket-section-heading small,
    .sponsor-section-heading small,
    .agenda-editor-panel .profile-section-heading small
  ) {
  color: #667085;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.3;
}

/* Event details */
.side-panel.is-fullscreen .fullscreen-event-details-preview {
  gap: var(--event-fullscreen-card-gap);
}

.side-panel.is-fullscreen .event-details-preview-summary {
  background: var(--event-fullscreen-surface);
}

.side-panel.is-fullscreen .event-details-preview-primary {
  padding: var(--event-fullscreen-card-padding);
}

.side-panel.is-fullscreen .event-details-preview-readiness {
  justify-content: flex-start;
  padding: 9px 11px;
  background: var(--event-fullscreen-surface);
}

.side-panel.is-fullscreen .event-details-preview-readiness > div {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.side-panel.is-fullscreen .event-details-preview-readiness ul {
  display: none;
}

.side-panel.is-fullscreen .event-details-preview-grid {
  gap: var(--event-fullscreen-card-gap);
}

.side-panel.is-fullscreen .event-details-preview-section > header {
  padding: 9px 11px;
  border-color: var(--event-fullscreen-divider);
  background: transparent;
}

.side-panel.is-fullscreen .event-detail-edit-workspace {
  gap: var(--event-fullscreen-card-gap);
  padding: 8px;
  overflow: visible;
  border: 0;
  background: #ffffff;
  box-shadow: none;
}

.prototype-shell.is-event-details-management:has(
    .fullscreen-event-details-page.is-editing
  )
  .side-panel.is-fullscreen
  :is(.panel-content, .fullscreen-main) {
  background: #ffffff;
}

.side-panel.is-fullscreen .event-record-editor-summary {
  padding: 0;
  border: 1px solid var(--event-fullscreen-border);
  background: var(--event-fullscreen-surface);
}

.side-panel.is-fullscreen .event-edit-section {
  margin: 0;
  padding: var(--event-fullscreen-card-padding);
  border: 1px solid var(--event-fullscreen-border);
}

.side-panel.is-fullscreen .event-edit-section:last-child {
  border-bottom: 1px solid var(--event-fullscreen-border);
}

/* Agenda */
.side-panel.is-fullscreen .fullscreen-agenda-page {
  gap: var(--event-fullscreen-card-gap);
}

.side-panel.is-fullscreen .agenda-workspace-main {
  padding: var(--event-fullscreen-card-padding);
  background: #ffffff;
}

.side-panel.is-fullscreen .agenda-editor-panel {
  padding: var(--event-fullscreen-card-padding);
  background: #f7f9fc;
}

.side-panel.is-fullscreen .agenda-editor-panel .agenda-task-form {
  display: grid;
  gap: var(--event-fullscreen-card-gap);
  padding-block: 8px;
}

.side-panel.is-fullscreen .agenda-editor-panel .profile-editor-section {
  margin: 0;
  padding: var(--event-fullscreen-card-padding);
}

.side-panel.is-fullscreen .agenda-editor-header {
  border-color: var(--event-fullscreen-divider);
  background: rgba(255, 255, 255, 0.98);
}

/* Speakers */
.side-panel.is-fullscreen .fullscreen-speaker-page {
  border-color: var(--event-fullscreen-border);
  border-radius: var(--event-fullscreen-card-radius);
  background: #ffffff;
}

.side-panel.is-fullscreen .fullscreen-speaker-page .speaker-picker-field,
.side-panel.is-fullscreen .fullscreen-agenda-page .speaker-picker-field,
.side-panel.is-fullscreen .ticket-add-picker-field,
.side-panel.is-fullscreen .sponsor-search-field {
  min-height: var(--event-fullscreen-control-height);
  padding: 4px 8px;
  border: 1px solid var(--event-fullscreen-border);
  border-radius: var(--event-fullscreen-control-radius);
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.025);
}

.side-panel.is-fullscreen .fullscreen-speaker-page .speaker-picker-field:focus-within,
.side-panel.is-fullscreen .fullscreen-agenda-page .speaker-picker-field:focus-within,
.side-panel.is-fullscreen .ticket-add-picker-field:focus-within,
.side-panel.is-fullscreen .sponsor-search-field:focus-within {
  border-color: var(--event-fullscreen-focus);
  box-shadow: 0 0 0 3px var(--event-fullscreen-focus-ring);
}

.side-panel.is-fullscreen
  :is(
    .fullscreen-speaker-page .speaker-picker-field,
    .fullscreen-agenda-page .speaker-picker-field,
    .ticket-add-picker-field,
    .sponsor-search-field
  )
  input {
  min-height: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 10px;
}

.side-panel.is-fullscreen .speaker-manager-grid .ag-root-wrapper {
  border-color: var(--event-fullscreen-border);
  border-radius: 0 0 var(--event-fullscreen-card-radius) var(--event-fullscreen-card-radius);
}

.side-panel.is-fullscreen .speaker-profile-panel {
  gap: var(--event-fullscreen-card-gap);
  padding: 8px;
  border-radius: var(--event-fullscreen-card-radius);
  background: #f7f9fc;
}

.side-panel.is-fullscreen .speaker-profile-panel .speaker-profile-header {
  padding: var(--event-fullscreen-card-padding);
  overflow: visible;
  background: #ffffff;
}

.side-panel.is-fullscreen .speaker-profile-panel .profile-editor-section {
  margin: 0;
  padding: var(--event-fullscreen-card-padding);
}

/* Ticket type */
.side-panel.is-fullscreen .ticket-fullscreen-summary {
  display: none;
}

.side-panel.is-fullscreen .fullscreen-ticket-page {
  gap: var(--event-fullscreen-card-gap);
}

.side-panel.is-fullscreen .ticket-fullscreen-grid {
  gap: var(--event-fullscreen-card-gap);
}

.side-panel.is-fullscreen .ticket-section-nav {
  background: #ffffff;
}

.side-panel.is-fullscreen .ticket-editor-card {
  gap: 0;
  padding: 8px;
  background: #f7f9fc;
}

.side-panel.is-fullscreen
  .ticket-editor-card
  :is(.ticket-editor-section, .ticket-promo-host, .ticket-delete-zone) {
  margin: 0 0 var(--event-fullscreen-card-gap);
  padding: var(--event-fullscreen-card-padding);
  border: 1px solid var(--event-fullscreen-border);
}

.side-panel.is-fullscreen
  .ticket-editor-card
  :is(.ticket-editor-section, .ticket-promo-host, .ticket-delete-zone):last-of-type {
  margin-bottom: 0;
}

.side-panel.is-fullscreen .ticket-edit-heading {
  margin: -8px -8px 8px;
  padding: 10px 12px;
  border-color: var(--event-fullscreen-divider);
  background: rgba(255, 255, 255, 0.98);
}

/* Sponsors */
.side-panel.is-fullscreen .fullscreen-sponsor-page {
  gap: var(--event-fullscreen-card-gap);
  background: #f7f9fc;
}

.side-panel.is-fullscreen .sponsor-manager-toolbar {
  padding: 6px;
  background: #ffffff;
}

.side-panel.is-fullscreen
  :is(
    .sponsor-manager-toolbar > select,
    .sponsor-media-browser-toolbar select,
    .sponsor-preview-controls select
  ) {
  height: var(--event-fullscreen-control-height);
  border-color: var(--event-fullscreen-border);
  border-radius: var(--event-fullscreen-control-radius);
  background: #ffffff;
  font-size: 10px;
}

.side-panel.is-fullscreen .sponsor-manager-nav {
  background: #ffffff;
}

.side-panel.is-fullscreen .sponsor-manager-content {
  overflow-x: hidden;
  overflow-y: auto;
  background: #ffffff;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor {
  background: #f7f9fc;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-editor-scroll {
  gap: var(--event-fullscreen-card-gap);
  padding: 8px;
  background: #f7f9fc;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-form-section {
  margin: 0;
  padding: var(--event-fullscreen-card-padding);
  border: 1px solid var(--event-fullscreen-border);
}

.side-panel.is-fullscreen .sponsor-tier-group > header {
  border-color: var(--event-fullscreen-divider);
  background: transparent;
}

.side-panel.is-fullscreen .sponsor-row {
  background: transparent;
}

/* Shared sticky editor actions */
.side-panel.is-fullscreen
  :is(
    .agenda-editor-save-strip,
    .profile-editor-footer,
    .ticket-editor-footer,
    .sponsor-editor-footer
  ) {
  min-height: 48px;
  padding-block: 8px;
  border-color: var(--event-fullscreen-border);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 -1px 0 var(--event-fullscreen-border);
}

.side-panel.is-fullscreen
  :is(
    .agenda-editor-save-strip,
    .profile-editor-footer,
    .ticket-editor-footer,
    .sponsor-editor-footer
  )
  button {
  min-height: 30px;
  height: 30px;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 9px;
  font-weight: 500;
}

/* Full-screen workspaces use the side-panel flow at a readable desktop scale. */
.side-panel.is-fullscreen {
  --fullscreen-workflow-max: 1240px;
  --fullscreen-editor-max: 760px;
  --fullscreen-agenda-rail: 390px;
  --fullscreen-record-rail: 390px;
}

.side-panel.is-fullscreen :is(.panel-content, .fullscreen-main) {
  background: #ffffff;
}

.side-panel.is-fullscreen .fullscreen-main {
  padding: 20px 24px 40px;
}

.side-panel.is-fullscreen
  :is(
    .fullscreen-event-details-page,
    .fullscreen-agenda-page,
    .fullscreen-ticket-page,
    .fullscreen-sponsor-page
  ) {
  width: min(var(--fullscreen-workflow-max), 100%);
  margin-inline: auto;
}

.side-panel.is-fullscreen
  :is(
    .fullscreen-event-editor-header,
    .agenda-workspace-main,
    .agenda-editor-panel,
    .speaker-profile-panel,
    .ticket-page-header,
    .ticket-section-nav,
    .ticket-editor-card,
    .sponsor-manager-nav,
    .sponsor-manager-toolbar,
    .sponsor-fullscreen-editor
  ) {
  box-shadow: none;
}

/* Event details */
.side-panel.is-fullscreen .fullscreen-event-details-page {
  width: min(900px, 100%);
  gap: 12px;
}

.side-panel.is-fullscreen .fullscreen-event-editor-header {
  padding: 0 0 12px;
  border-width: 0 0 1px;
  border-radius: 0;
}

.side-panel.is-fullscreen .event-detail-edit-workspace {
  padding: 0;
}

.side-panel.is-fullscreen .event-record-editor-summary {
  margin-bottom: 0;
}

/* Agenda */
.side-panel.is-fullscreen .fullscreen-agenda-page {
  grid-template-columns:
    minmax(340px, var(--fullscreen-record-rail))
    minmax(560px, var(--fullscreen-editor-max));
  justify-content: center;
  align-items: start;
  gap: 24px;
}

.side-panel.is-fullscreen .agenda-workspace-main {
  height: calc(100vh - 136px);
  max-height: calc(100vh - 136px);
  padding: 0 20px 0 0;
  border-width: 0 1px 0 0;
  border-radius: 0;
  box-shadow: none;
}

.side-panel.is-fullscreen .agenda-editor-panel {
  height: calc(100vh - 136px);
  max-height: calc(100vh - 136px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
}

.side-panel.is-fullscreen .agenda-workspace-header {
  padding: 0 0 12px;
}

.side-panel.is-fullscreen .agenda-editor-header {
  top: 0;
  margin: 0;
  padding: 0 0 12px;
}

.side-panel.is-fullscreen .agenda-editor-summary {
  margin-top: 12px;
}

.side-panel.is-fullscreen .agenda-editor-panel .agenda-task-form {
  gap: 10px;
  padding: 12px 0 56px;
}

.side-panel.is-fullscreen .agenda-editor-panel .profile-editor-section {
  padding: 14px;
}

.side-panel.is-fullscreen .agenda-editor-save-strip {
  bottom: 0;
  margin: 0;
  padding-inline: 0;
  box-shadow: 0 -1px 0 var(--event-fullscreen-border);
}

/* Speakers */
.prototype-shell.is-speaker-management .side-panel.is-fullscreen .fullscreen-main {
  width: min(var(--fullscreen-workflow-max), 100%);
  margin-inline: auto;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .fullscreen-main {
  grid-template-columns:
    minmax(340px, var(--fullscreen-record-rail))
    minmax(560px, var(--fullscreen-editor-max));
  justify-content: center;
  gap: 24px;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .fullscreen-speaker-page {
  width: 100%;
  max-width: var(--fullscreen-record-rail);
  padding: 0 20px 0 0;
  border-width: 0 1px 0 0;
  border-radius: 0;
  box-shadow: none;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel {
  width: 100%;
  max-width: var(--fullscreen-editor-max);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .fullscreen-speaker-page::after,
.prototype-shell.is-speaker-management.has-speaker-profile
  .speaker-profile-panel::before,
.prototype-shell.is-speaker-management.has-speaker-profile
  .speaker-profile-panel::after {
  display: none;
}

.side-panel.is-fullscreen .speaker-profile-panel .speaker-profile-header {
  padding: 12px 14px;
}

.side-panel.is-fullscreen .speaker-profile-panel .profile-editor-section {
  padding: 14px;
}

/* Ticket types */
.side-panel.is-fullscreen .fullscreen-ticket-page {
  width: min(1100px, 100%);
  gap: 16px;
}

.side-panel.is-fullscreen .ticket-page-header {
  padding: 0 0 12px;
  border-width: 0 0 1px;
  border-radius: 0;
}

.side-panel.is-fullscreen .ticket-fullscreen-grid {
  grid-template-columns: 200px minmax(560px, var(--fullscreen-editor-max));
  justify-content: center;
  gap: 24px;
}

.side-panel.is-fullscreen .ticket-section-nav {
  padding: 0 16px 0 0;
  border-width: 0 1px 0 0;
  border-radius: 0;
}

.side-panel.is-fullscreen .ticket-editor-card {
  max-height: calc(100vh - 174px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #ffffff;
}

.side-panel.is-fullscreen .ticket-edit-heading {
  margin: 0 0 10px;
  padding: 0 0 10px;
}

/* Sponsors */
.prototype-shell.is-sponsor-management .side-panel.is-fullscreen .fullscreen-main {
  width: 100%;
  max-width: none;
}

.side-panel.is-fullscreen .fullscreen-sponsor-page {
  width: min(var(--fullscreen-workflow-max), 100%);
  gap: 12px;
  padding: 0;
  background: #ffffff;
}

.side-panel.is-fullscreen .sponsor-manager-nav {
  padding: 0 0 8px;
  border-width: 0 0 1px;
  border-radius: 0;
}

.side-panel.is-fullscreen .sponsor-manager-toolbar {
  padding: 0 0 10px;
  border-width: 0 0 1px;
  border-radius: 0;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor {
  width: min(980px, 100%);
  margin-inline: auto;
  border: 0;
  border-radius: 0;
  background: #ffffff;
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-editor-scroll {
  padding: 0 0 56px;
  background: #ffffff;
}

@media (max-width: 1120px) {
  .side-panel.is-fullscreen .fullscreen-agenda-page,
  .prototype-shell.is-speaker-management.has-speaker-profile
    .side-panel.is-fullscreen
    .fullscreen-main {
    grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
    gap: 16px;
  }

  .side-panel.is-fullscreen .ticket-fullscreen-grid {
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 16px;
  }
}

@media (max-width: 840px) {
  .side-panel.is-fullscreen .fullscreen-main {
    padding: 16px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page,
  .prototype-shell.is-speaker-management.has-speaker-profile
    .side-panel.is-fullscreen
    .fullscreen-main,
  .side-panel.is-fullscreen .ticket-fullscreen-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .side-panel.is-fullscreen
    :is(.agenda-workspace-main, .fullscreen-speaker-page, .ticket-section-nav) {
    max-width: none;
    padding: 0 0 16px;
    border-width: 0 0 1px;
  }

  .side-panel.is-fullscreen
    :is(.agenda-workspace-main, .agenda-editor-panel, .speaker-profile-panel, .ticket-editor-card) {
    height: auto;
    max-height: none;
    position: relative;
  }

  .side-panel.is-fullscreen .ticket-section-nav {
    position: relative;
    display: flex;
    overflow-x: auto;
  }

  .side-panel.is-fullscreen .ticket-section-nav > p {
    display: none;
  }
}

/* Ticket type inventory and group management */
.ticket-inventory-workspace {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.ticket-inventory-workspace[hidden],
.ticket-fullscreen-grid[hidden],
.ticket-group-dialog[hidden],
.ticket-inventory-state[hidden],
.ticket-group-drag[hidden],
.ticket-inventory-drag[hidden],
.ticket-inventory-menu[hidden],
[data-ticket-inventory-retry][hidden] {
  display: none;
}

.ticket-inventory-toolbar {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) repeat(3, minmax(126px, 152px));
  gap: 8px;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #d9e2ee;
}

.ticket-inventory-search {
  position: relative;
  display: flex;
  min-width: 0;
  align-items: center;
}

.ticket-inventory-search > [data-ui-icon] {
  position: absolute;
  left: 11px;
  z-index: 1;
  width: 16px;
  height: 16px;
  color: #6633f1;
  pointer-events: none;
}

.ticket-inventory-search input,
.ticket-inventory-toolbar select {
  width: 100%;
  height: 36px;
  min-width: 0;
  border: 1px solid #d9e2ee;
  border-radius: 7px;
  background: #ffffff;
  color: #182230;
  font: inherit;
  font-size: 10px;
}

.ticket-inventory-search input {
  padding: 0 12px 0 35px;
}

.ticket-inventory-toolbar select {
  padding: 0 28px 0 10px;
}

.ticket-inventory-search input:focus,
.ticket-inventory-toolbar select:focus {
  border-color: rgba(102, 51, 241, 0.55);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.09);
}

.ticket-inventory-meta {
  display: flex;
  min-height: 34px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ticket-inventory-meta > div {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.ticket-inventory-meta strong {
  font-size: 12px;
  font-weight: 500;
}

.ticket-inventory-meta span {
  color: #667085;
  font-size: 9px;
}

.ticket-group-list {
  display: grid;
  gap: 10px;
}

.ticket-group-section {
  min-width: 0;
  overflow: visible;
  border: 1px solid #d9e2ee;
  border-radius: 7px;
  background: #ffffff;
}

.ticket-group-section > header {
  display: flex;
  min-height: 42px;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-bottom: 1px solid #e5ebf3;
  background: #f8f9fc;
}

.ticket-group-section > header > div:first-of-type {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.ticket-group-section > header strong {
  font-size: 11px;
  font-weight: 500;
}

.ticket-group-section > header small {
  color: #667085;
  font-size: 8px;
}

.ticket-group-drag,
.ticket-inventory-drag,
.ticket-inventory-more {
  display: inline-grid;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  place-items: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #667085;
}

.ticket-group-drag:hover,
.ticket-inventory-drag:hover,
.ticket-inventory-more:hover {
  background: #f0ecff;
  color: #6633f1;
}

.ticket-group-actions {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-left: auto;
}

.ticket-group-actions button {
  min-height: 26px;
  padding: 0 7px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #57637d;
  font-size: 8px;
}

.ticket-group-actions button:hover:not(:disabled) {
  background: #f0ecff;
  color: #6633f1;
}

.ticket-group-actions button:disabled {
  opacity: 0.38;
}

.ticket-group-rows {
  display: grid;
}

.ticket-inventory-row {
  position: relative;
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 4px;
  padding: 0 7px;
  border-bottom: 1px solid #e5ebf3;
  background: #ffffff;
}

.ticket-inventory-row:last-child {
  border-bottom: 0;
}

.ticket-inventory-row:hover,
.ticket-inventory-row:focus-within {
  background: #faf9ff;
}

.ticket-inventory-row.is-selected {
  box-shadow: inset 3px 0 #6633f1;
  background: #f5f1ff;
}

.ticket-inventory-row.is-dragging {
  opacity: 0.55;
  box-shadow: 0 8px 24px rgba(32, 24, 65, 0.16);
}

.ticket-inventory-main {
  display: grid;
  min-width: 0;
  min-height: 54px;
  flex: 1;
  grid-template-columns: minmax(170px, 1.4fr) 92px 126px 66px 92px 86px;
  align-items: center;
  gap: 10px;
  padding: 6px 4px;
  border: 0;
  background: transparent;
  color: #182230;
  text-align: left;
}

.ticket-inventory-main > span {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.ticket-inventory-main strong {
  overflow: hidden;
  font-size: 10px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-inventory-main small {
  overflow: hidden;
  color: #667085;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-inventory-main .ticket-status-chip {
  justify-self: start;
}

.ticket-inventory-menu {
  position: absolute;
  top: 44px;
  right: 8px;
  z-index: 40;
  display: grid;
  width: 190px;
  gap: 2px;
  padding: 5px;
  border: 1px solid #d9e2ee;
  border-radius: 7px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(26, 32, 44, 0.16);
}

.ticket-inventory-menu[hidden] {
  display: none;
}

.ticket-inventory-menu button,
.ticket-inventory-menu label {
  min-height: 30px;
  padding: 0 9px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #344054;
  font-size: 9px;
  text-align: left;
}

.ticket-inventory-menu button:hover:not(:disabled) {
  background: #f5f1ff;
  color: #6633f1;
}

.ticket-inventory-menu button.is-destructive {
  color: #c9362b;
}

.ticket-inventory-menu button:disabled {
  opacity: 0.42;
}

.ticket-inventory-menu label {
  display: grid;
  height: auto;
  gap: 4px;
  padding-block: 6px;
}

.ticket-inventory-menu label span {
  color: #667085;
  font-size: 8px;
}

.ticket-inventory-menu select {
  width: 100%;
  height: 28px;
  border: 1px solid #d9e2ee;
  border-radius: 5px;
  background: #ffffff;
  font: inherit;
}

.ticket-group-empty {
  margin: 0;
  padding: 14px;
  color: #667085;
  font-size: 9px;
}

.ticket-inventory-state {
  display: grid;
  min-height: 220px;
  place-items: center;
  align-content: center;
  gap: 6px;
  border: 1px dashed #cfd8e6;
  border-radius: 7px;
  color: #667085;
  text-align: center;
}

.ticket-inventory-state > [data-ui-icon] {
  width: 24px;
  height: 24px;
  color: #6633f1;
}

.ticket-inventory-state strong {
  color: #182230;
  font-size: 12px;
}

.ticket-inventory-state small {
  font-size: 9px;
}

.ticket-group-dialog {
  position: fixed;
  inset: 0;
  z-index: 180;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(19, 27, 44, 0.32);
}

.ticket-group-dialog > section {
  display: grid;
  width: min(420px, 100%);
  gap: 14px;
  padding: 18px;
  border: 1px solid #d9e2ee;
  border-radius: 7px;
  background: #ffffff;
  box-shadow: 0 20px 56px rgba(20, 28, 45, 0.22);
}

.ticket-group-dialog header,
.ticket-group-dialog footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.ticket-group-dialog header h3 {
  margin: 1px 0 0;
  font-size: 14px;
}

.ticket-group-dialog header > button {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #667085;
}

.ticket-group-dialog label {
  display: grid;
  gap: 5px;
  font-size: 9px;
  font-weight: 500;
}

.ticket-group-dialog input {
  height: 36px;
  padding: 0 10px;
  border: 1px solid #d9e2ee;
  border-radius: 7px;
  font: inherit;
}

.ticket-group-dialog p {
  margin: 0;
  color: #667085;
  font-size: 9px;
  line-height: 1.45;
}

.ticket-group-dialog footer {
  justify-content: flex-end;
  padding-top: 4px;
}

.ticket-registration-impact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #d9e2ee;
  border-radius: 7px;
  background: #f8f9fc;
}

.ticket-registration-impact.has-issued-tickets {
  border-color: #efd9a0;
  background: #fffaf0;
}

.ticket-registration-impact.has-live-change {
  border-color: #d7ccff;
  background: #f8f6ff;
}

.ticket-registration-impact > div {
  display: grid;
  gap: 2px;
}

.ticket-registration-impact strong {
  font-size: 10px;
}

.ticket-registration-impact small {
  color: #667085;
  font-size: 8px;
  line-height: 1.35;
}

.ticket-registration-impact ul {
  display: grid;
  gap: 2px;
  margin: 3px 0 0;
  padding: 0;
  color: #4c25bc;
  font-size: 8px;
  line-height: 1.35;
  list-style: none;
}

.ticket-registration-impact li::before {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 5px 1px 1px;
  border-radius: 999px;
  background: #6633f1;
  content: "";
}

.ticket-impact-acknowledgement {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-top: 5px;
  color: #475467;
  font-size: 8px;
  line-height: 1.35;
}

.ticket-impact-acknowledgement[hidden] {
  display: none;
}

.ticket-impact-acknowledgement input {
  width: 13px;
  height: 13px;
  margin: 0;
  accent-color: #6633f1;
}

.ticket-registration-impact button {
  min-height: 28px;
  flex: 0 0 auto;
  padding: 0 9px;
  border: 1px solid #d9e2ee;
  border-radius: 6px;
  background: #ffffff;
  color: #6633f1;
  font-size: 8px;
  font-weight: 500;
}

.ticket-registration-impact button:disabled {
  color: #98a2b3;
  background: #f2f4f7;
}

.side-panel:not(.is-fullscreen) .ticket-registration-impact {
  padding: 8px;
}

.side-panel:not(.is-fullscreen) .ticket-registration-impact button {
  display: none;
}

@media (max-width: 1120px) {
  .ticket-inventory-toolbar {
    grid-template-columns: minmax(240px, 1fr) repeat(3, minmax(110px, 1fr));
  }

  .ticket-inventory-main {
    grid-template-columns: minmax(150px, 1.3fr) 76px 106px 58px 78px 76px;
    gap: 7px;
  }
}

@media (max-width: 840px) {
  .ticket-inventory-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(120px, 0.6fr);
  }

  .ticket-inventory-main {
    grid-template-columns: minmax(150px, 1fr) 84px 82px;
  }

  .ticket-inventory-main > span:nth-of-type(3),
  .ticket-inventory-main > span:nth-of-type(4),
  .ticket-inventory-main > span:nth-of-type(5) {
    display: none;
  }

  .ticket-group-actions button[data-ticket-group-action="up"],
  .ticket-group-actions button[data-ticket-group-action="down"] {
    display: none;
  }
}

/* Responsive full-screen workspaces and bottom action docks. */
.side-panel.is-fullscreen {
  --fullscreen-workflow-height: calc(100dvh - 132px);
}

.side-panel.is-fullscreen
  :is(
    .fullscreen-event-details-page,
    .agenda-editor-panel,
    .speaker-profile-panel,
    .ticket-editor-card,
    .sponsor-fullscreen-editor
  ) {
  min-height: 0;
}

.side-panel.is-fullscreen
  :is(
    .agenda-editor-save-strip,
    .profile-editor-footer,
    .ticket-editor-footer,
    .sponsor-editor-footer,
    .fullscreen-event-editor-actions
  ) {
  position: sticky;
  bottom: 0;
  z-index: 32;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 9px 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: var(--event-fullscreen-border);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 -10px 24px rgba(18, 24, 40, 0.055);
  backdrop-filter: blur(10px);
}

.side-panel.is-fullscreen
  :is(
    .agenda-editor-save-strip,
    .profile-editor-footer,
    .ticket-editor-footer,
    .sponsor-editor-footer,
    .fullscreen-event-editor-actions
  )
  > :is(span, div) {
  min-width: 0;
}

.side-panel.is-fullscreen
  :is(
    .agenda-editor-save-strip,
    .profile-editor-footer,
    .ticket-editor-footer,
    .sponsor-editor-footer,
    .fullscreen-event-editor-actions
  )
  > div {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.side-panel.is-fullscreen
  :is(
    .agenda-editor-save-strip,
    .profile-editor-footer,
    .ticket-editor-footer,
    .sponsor-editor-footer,
    .fullscreen-event-editor-actions
  )
  button {
  width: auto;
  min-width: 76px;
  height: 32px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
}

.side-panel.is-fullscreen .profile-editor-footer .profile-save-button {
  width: auto;
  min-width: 84px;
}

.side-panel.is-fullscreen .fullscreen-event-editor-actions > span {
  padding: 0;
  background: transparent;
  font-size: 10px;
}

/* Event details uses a contained record editor with actions always in reach. */
.side-panel.is-fullscreen .fullscreen-event-details-page {
  height: var(--fullscreen-workflow-height);
  max-height: var(--fullscreen-workflow-height);
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
}

.side-panel.is-fullscreen
  .fullscreen-event-details-page
  > :is(.fullscreen-event-details-preview, .event-detail-edit-workspace) {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 0 4px 24px 0;
}

.side-panel.is-fullscreen .fullscreen-event-details-page .event-detail-edit-workspace {
  align-content: start;
}

.side-panel.is-fullscreen .fullscreen-event-editor-actions {
  grid-row: 3;
}

/* The Agenda rail must remain secondary to its editing workspace. */
.side-panel.is-fullscreen .fullscreen-agenda-page {
  grid-template-columns:
    minmax(300px, min(var(--fullscreen-agenda-rail), 34vw))
    minmax(0, var(--fullscreen-editor-max));
}

/* Keep the speaker split workspace independently configurable. */
.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .fullscreen-main {
  grid-template-columns:
    minmax(300px, min(var(--fullscreen-record-rail), 34vw))
    minmax(0, var(--fullscreen-editor-max));
}

.side-panel.is-fullscreen
  :is(.agenda-workspace-main, .agenda-editor-panel, .speaker-profile-panel) {
  height: var(--fullscreen-workflow-height);
  max-height: var(--fullscreen-workflow-height);
}

.side-panel.is-fullscreen .ticket-editor-card {
  max-height: calc(100dvh - 188px);
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor {
  max-height: var(--fullscreen-workflow-height);
}

.side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-editor-scroll {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1180px) {
  .side-panel.is-fullscreen {
    --fullscreen-workflow-height: auto;
    --fullscreen-editor-max: 700px;
    --fullscreen-agenda-rail: 350px;
    --fullscreen-record-rail: 350px;
  }

  .side-panel.is-fullscreen .fullscreen-main {
    padding: 18px 20px 36px;
  }

  .side-panel.is-fullscreen .fullscreen-event-details-page {
    height: auto;
    max-height: none;
    min-height: min(760px, calc(100dvh - 220px));
  }

  .side-panel.is-fullscreen
    .fullscreen-event-details-page
    > :is(.fullscreen-event-details-preview, .event-detail-edit-workspace) {
    overflow: visible;
  }

  .side-panel.is-fullscreen
    :is(.agenda-workspace-main, .agenda-editor-panel, .speaker-profile-panel, .ticket-editor-card) {
    height: auto;
    max-height: none;
  }

  .side-panel.is-fullscreen .sponsor-manager-toolbar {
    grid-template-columns: minmax(260px, 1.5fr) repeat(2, minmax(120px, 1fr));
  }

  .side-panel.is-fullscreen .sponsor-manager-toolbar > :first-child {
    grid-column: span 1;
  }
}

@media (max-width: 900px) {
  .side-panel.is-fullscreen .fullscreen-main {
    padding: 16px 16px 32px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page,
  .prototype-shell.is-speaker-management.has-speaker-profile
    .side-panel.is-fullscreen
    .fullscreen-main,
  .side-panel.is-fullscreen .ticket-fullscreen-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .side-panel.is-fullscreen
    :is(.agenda-workspace-main, .fullscreen-speaker-page, .ticket-section-nav) {
    width: 100%;
    max-width: none;
    max-height: min(340px, 38dvh);
    padding: 0 0 16px;
    border-width: 0 0 1px;
    overflow: auto;
  }

  .side-panel.is-fullscreen
    :is(.agenda-editor-panel, .speaker-profile-panel, .ticket-editor-card) {
    width: 100%;
    max-width: none;
  }

  .side-panel.is-fullscreen .ticket-section-nav {
    position: relative;
    max-height: none;
    display: flex;
    gap: 4px;
    overflow-x: auto;
  }

  .side-panel.is-fullscreen .ticket-section-nav > p {
    display: none;
  }

  .side-panel.is-fullscreen .sponsor-manager-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .side-panel.is-fullscreen .sponsor-manager-toolbar > :first-child {
    grid-column: 1 / -1;
  }

  .side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-editor-scroll {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 700px) {
  .side-panel.is-fullscreen
    :is(
      .event-edit-field-pair,
      .profile-field-grid,
      .ticket-field-pair,
      .ticket-visibility-options
    ) {
    grid-template-columns: minmax(0, 1fr);
  }

  .side-panel.is-fullscreen .sponsor-manager-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .side-panel.is-fullscreen .sponsor-manager-toolbar > :first-child {
    grid-column: auto;
  }

  .side-panel.is-fullscreen
    :is(
      .agenda-editor-save-strip,
      .profile-editor-footer,
      .ticket-editor-footer,
      .sponsor-editor-footer,
      .fullscreen-event-editor-actions
    ) {
    flex-wrap: wrap;
    padding: 8px 0;
  }

  .side-panel.is-fullscreen
    :is(
      .agenda-editor-save-strip,
      .profile-editor-footer,
      .ticket-editor-footer,
      .sponsor-editor-footer,
      .fullscreen-event-editor-actions
    )
    > div {
    margin-left: auto;
  }

  .side-panel.is-fullscreen
    :is(
      .agenda-editor-save-strip,
      .profile-editor-footer,
      .ticket-editor-footer,
      .sponsor-editor-footer,
      .fullscreen-event-editor-actions
    )
    button {
    min-width: 68px;
  }
}

/* Fullscreen Agenda v169 source-order fix: selected sessions retain the compact timeline. */
@media (min-width: 901px) {
  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-main {
    padding: 14px 12px 18px;
    overflow: visible;
    background: #ffffff;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-header {
    padding-bottom: 12px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) :is(.agenda-picker, .agenda-workspace-date-strip) {
    margin-top: 12px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-date-strip {
    padding: 8px 0 10px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-date-strip > button {
    min-height: 42px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-list-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 46px;
    padding: 8px 0;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-list-actions {
    width: auto;
    flex-wrap: nowrap;
    gap: 8px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-list-select {
    display: none;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-reorder-button {
    min-width: 0;
    padding-inline: 4px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list {
    --agenda-timeline-inset: 20px;
    display: block;
    height: calc(var(--agenda-timeline-height, 684px) + 36px);
    min-height: 0;
    margin-top: 6px;
    padding: 0;
    overflow: visible;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-timeline-axis {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    pointer-events: none;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-hour-marker {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 8px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-hour-marker strong {
    font-size: 9px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row {
    position: absolute;
    z-index: 1;
    top: calc(var(--agenda-timeline-inset) + var(--agenda-start-position, 0px) + 4px);
    right: 0;
    left: 50px;
    width: auto;
    height: var(--agenda-session-height, 60px);
    min-height: 60px;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    gap: 7px;
    padding: 8px 8px 8px 10px;
    border: 1px solid #dfe7f2;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgb(16 24 40 / 4%);
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row::before {
    top: -1px;
    bottom: -1px;
    left: -1px;
    width: 4px;
    border-radius: 7px 0 0 7px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-time {
    height: auto;
    align-content: start;
    justify-items: start;
    padding: 1px 0 0;
    font-size: 10px;
    line-height: 1.2;
    text-align: left;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-time small {
    margin-top: 2px;
    font-size: 8px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-copy {
    align-content: start;
    gap: 2px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-copy strong {
    overflow: hidden;
    font-size: 10px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-copy small {
    overflow: hidden;
    font-size: 8px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row :is(.agenda-session-description, .agenda-card-meta, .agenda-drag-handle) {
    display: none;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row > em {
    align-self: start;
    margin-top: 0;
    padding: 0 var(--ds-pill-padding);
    font-size: var(--ds-pill-font-size);
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row.is-agenda-unscheduled {
    top: auto;
    bottom: 0;
    border-style: dashed;
  }
}

/* Fullscreen Agenda v169: compact timeline remains visible beside the session editor. */
@media (min-width: 901px) {
  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-main {
    padding: 14px 12px 18px;
    overflow: visible;
    background: #ffffff;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-header {
    padding-bottom: 12px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-picker,
  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-date-strip {
    margin-top: 12px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-date-strip {
    padding: 8px 0 10px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-date-strip > button {
    min-height: 42px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-list-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 46px;
    padding: 8px 0;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-list-actions {
    width: auto;
    flex-wrap: nowrap;
    gap: 8px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-list-select {
    display: none;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-reorder-button {
    min-width: 0;
    padding-inline: 4px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list {
    display: block;
    height: calc(var(--agenda-timeline-height, 684px) + 36px);
    min-height: 0;
    margin-top: 6px;
    padding: 0;
    overflow: visible;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-timeline-axis {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    pointer-events: none;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-hour-marker {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 8px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-hour-marker strong {
    font-size: 9px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row {
    position: absolute;
    z-index: 1;
    top: calc(var(--agenda-timeline-inset) + var(--agenda-start-position, 0px) + 4px);
    right: 0;
    left: 50px;
    width: auto;
    height: var(--agenda-session-height, 60px);
    min-height: 60px;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    gap: 7px;
    padding: 8px 8px 8px 10px;
    border: 1px solid #dfe7f2;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgb(16 24 40 / 4%);
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row::before {
    top: -1px;
    bottom: -1px;
    left: -1px;
    width: 4px;
    border-radius: 7px 0 0 7px;
    background: #8b5cf6;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row.is-ready,
  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row.is-published {
    border-color: #ccecdf;
    background: #fbfefd;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row.is-ready::before,
  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row.is-published::before {
    background: #1ba784;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row.is-issue {
    border-color: #f4d18b;
    background: #fffdf8;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row.is-issue::before {
    background: #f59e0b;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row.is-current {
    border-color: #9b7af8;
    background: #faf8ff;
    box-shadow: 0 0 0 2px rgb(102 51 241 / 10%);
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-time {
    height: auto;
    align-content: start;
    justify-items: start;
    padding: 1px 0 0;
    color: #182230;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-time small {
    margin-top: 2px;
    color: #667085;
    font-size: 8px;
    font-weight: 400;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-copy {
    align-content: start;
    gap: 2px;
    min-width: 0;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-copy strong {
    overflow: hidden;
    font-size: 10px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-copy small {
    overflow: hidden;
    font-size: 8px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-session-description,
  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-card-meta,
  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-drag-handle {
    display: none;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row > em {
    align-self: start;
    margin-top: 0;
    padding: 0 var(--ds-pill-padding);
    font-size: var(--ds-pill-font-size);
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row.is-agenda-unscheduled {
    top: auto;
    bottom: 0;
    border-style: dashed;
  }
}

/* Agenda side-panel cards use the right-side badge as the single status signal. */
.side-panel:not(.is-fullscreen) .event-slidein-screen .agenda-time {
  padding-left: 0;
}

.side-panel:not(.is-fullscreen) .event-slidein-screen .agenda-time::before {
  display: none;
}

.side-panel.is-fullscreen .fullscreen-agenda-page .agenda-time {
  padding-left: 0;
}

.side-panel.is-fullscreen .fullscreen-agenda-page .agenda-time::before {
  display: none;
}

/* Full-screen speakers use a split workspace so the profile panel never covers AG Grid. */
.speaker-profile-drawer-backdrop {
  display: none;
}

.prototype-shell.is-speaker-management .side-panel.is-fullscreen .fullscreen-main {
  --speaker-workspace-top-offset: clamp(12px, 2dvh, 24px);
  --speaker-workspace-height: calc(
    100dvh - 132px - var(--speaker-workspace-top-offset)
  );
  width: min(var(--fullscreen-workflow-max), 100%);
  grid-template-columns: minmax(0, 1fr);
  justify-content: stretch;
  align-items: start;
  gap: 0;
  overflow: hidden;
}

.prototype-shell.is-speaker-management
  .side-panel.is-fullscreen
  .fullscreen-speaker-page {
  width: 100%;
  max-width: none;
  height: var(--speaker-workspace-height);
  max-height: var(--speaker-workspace-height);
  margin-top: var(--speaker-workspace-top-offset);
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .fullscreen-main {
  grid-template-columns: minmax(0, 1fr) 419px;
  align-items: start;
  gap: 12px;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .fullscreen-speaker-page {
  min-width: 0;
  width: 100%;
  max-width: none;
  height: var(--speaker-workspace-height);
  max-height: var(--speaker-workspace-height);
  padding: 0;
  border: 0;
  border-radius: var(--event-fullscreen-card-radius);
  box-shadow: none;
  overflow: auto;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .fullscreen-speaker-page
  .speaker-manager-grid.is-ready {
  min-height: 320px;
  display: block;
  flex: 1;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .fullscreen-speaker-page:has(.speaker-manager-grid.is-ready)
  :is(.speaker-table-header, .speaker-page-list, .speaker-table-footer) {
  display: none;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .fullscreen-main::before {
  display: none;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-drawer-backdrop {
  display: none;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel {
  position: relative;
  inset: auto;
  z-index: 1;
  grid-column: 2;
  width: 419px;
  max-width: 419px;
  height: var(--speaker-workspace-height);
  max-height: var(--speaker-workspace-height);
  margin-top: var(--speaker-workspace-top-offset);
  display: flex;
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--event-fullscreen-border);
  border-radius: var(--event-fullscreen-card-radius);
  background: #f7f9fc;
  box-shadow: none;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  animation: speakerProfileDrawerIn 180ms ease-out both;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel::before,
.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel::after {
  display: none;
}

.side-panel.is-fullscreen .speaker-profile-panel .speaker-profile-header {
  position: sticky;
  top: -10px;
  z-index: 4;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 12px;
  background: #ffffff;
}

.side-panel.is-fullscreen .speaker-profile-panel .speaker-profile-actions {
  width: auto;
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.side-panel.is-fullscreen .speaker-profile-panel .profile-close-button > .ui-icon-host {
  color: #667085;
}

.side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-close-button:is(:hover, :focus-visible)
  > .ui-icon-host {
  color: var(--purple);
}

.side-panel.is-fullscreen .speaker-profile-panel .profile-field-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.side-panel.is-fullscreen .speaker-profile-panel .profile-link-row {
  grid-template-columns: 64px minmax(0, 1fr) auto;
}

.side-panel.is-fullscreen .speaker-profile-panel .profile-link-row em {
  grid-column: 2;
  justify-self: start;
}

.side-panel.is-fullscreen .speaker-profile-panel .speaker-session-row {
  grid-template-columns: 54px minmax(0, 1fr);
}

.side-panel.is-fullscreen .speaker-profile-panel .speaker-session-row > em {
  grid-column: 2;
  justify-self: start;
}

.side-panel.is-fullscreen .speaker-profile-panel .profile-editor-footer {
  bottom: -10px;
  z-index: 4;
  border-radius: 8px 8px 0 0;
}

@keyframes speakerProfileDrawerIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (max-width: 1180px) {
  .prototype-shell.is-speaker-management .side-panel.is-fullscreen .fullscreen-main {
    --speaker-workspace-top-offset: clamp(10px, 1.8dvh, 18px);
    --speaker-workspace-height: calc(
      100dvh - 126px - var(--speaker-workspace-top-offset)
    );
  }

  .prototype-shell.is-speaker-management.has-speaker-profile
    .side-panel.is-fullscreen
    .speaker-profile-panel {
    height: var(--speaker-workspace-height);
    max-height: var(--speaker-workspace-height);
  }

  .prototype-shell.is-speaker-management.has-speaker-profile
    .side-panel.is-fullscreen
    .fullscreen-speaker-page {
    width: 100%;
    max-width: none;
    height: var(--speaker-workspace-height);
    max-height: var(--speaker-workspace-height);
  }
}

@media (max-width: 900px) {
  .prototype-shell.is-speaker-management .side-panel.is-fullscreen .fullscreen-main {
    --speaker-workspace-top-offset: 10px;
  }

  .prototype-shell.is-speaker-management.has-speaker-profile
    .side-panel.is-fullscreen
    .fullscreen-main {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    overflow: visible;
  }

  .prototype-shell.is-speaker-management.has-speaker-profile
    .side-panel.is-fullscreen
    .fullscreen-speaker-page {
    height: min(420px, 44dvh);
    max-height: min(420px, 44dvh);
  }

  .prototype-shell.is-speaker-management.has-speaker-profile
    .side-panel.is-fullscreen
    .speaker-profile-panel {
    grid-column: 1;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: none;
    margin-top: 0;
  }
}

@media (max-width: 560px) {
  .side-panel.is-fullscreen .speaker-profile-panel .speaker-profile-header,
  .side-panel.is-fullscreen .speaker-profile-panel .profile-field-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .side-panel.is-fullscreen .speaker-profile-panel .speaker-profile-actions {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .prototype-shell.is-speaker-management.has-speaker-profile
    .side-panel.is-fullscreen
    .speaker-profile-panel {
    animation: none;
  }
}

/* Keep the active full-screen speaker workspace aligned with the canonical side panel. */
.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .fullscreen-main {
  grid-template-columns:
    minmax(0, 1fr)
    var(--event-manager-panel-width);
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .fullscreen-speaker-page
  .speaker-page-header {
  min-height: 54px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .fullscreen-speaker-page
  .speaker-page-title {
  order: 2;
  margin-left: auto;
  text-align: right;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .fullscreen-speaker-page
  .speaker-picker {
  order: 1;
  width: min(360px, 100%);
  flex: 0 1 360px;
  padding: 0;
  border: 0;
  background: transparent;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .fullscreen-speaker-page
  .speaker-picker-field {
  min-height: 34px;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .fullscreen-speaker-page
  .speaker-list-toolbar {
  min-height: 44px;
  height: 44px;
  padding: 7px 10px;
  background: #fbfcff;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel {
  width: var(--event-manager-panel-width);
  min-width: var(--event-manager-panel-width);
  max-width: var(--event-manager-panel-width);
  gap: 0;
  padding: 0;
  border-color: #dce3ed;
  border-radius: 6px;
  background: #ffffff;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .speaker-profile-header {
  top: 0;
  min-height: 68px;
  margin: 0;
  padding: 10px 12px;
  border: 0;
  border-bottom: 1px solid #e3e9f2;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-photo-drop {
  width: 42px;
  min-height: 42px;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .speaker-profile-actions
  :is(.profile-ghost-button, .profile-icon-button, .profile-close-button) {
  height: 28px;
  border-radius: 6px;
  box-shadow: none;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .speaker-profile-actions
  :is(.profile-ghost-button, .profile-icon-button, .profile-close-button):focus-visible {
  outline: 0;
  border-color: var(--purple);
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.12);
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-editor-section {
  margin: 8px 8px 0;
  padding: 12px;
  border-color: #e3e8f2;
  border-radius: 6px;
  background: #fbfcff;
  box-shadow: none;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-section-heading {
  gap: 8px;
  margin-bottom: 10px;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-section-heading h4 {
  font-size: 12px;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-field-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-field.wide {
  grid-column: auto;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  :is(.profile-field input, .profile-field select, .profile-link-row input) {
  height: 34px;
  border-radius: 6px;
  font-size: 11px;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-field textarea {
  min-height: 78px;
  border-radius: 6px;
  font-size: 11px;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-link-row {
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 6px 8px;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-link-row em {
  grid-column: 2;
  justify-self: start;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .speaker-session-actions {
  gap: 6px;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .speaker-session-actions
  :is(.profile-inline-button, .profile-ghost-button) {
  height: 28px;
  padding-inline: 8px;
  border-radius: 6px;
  font-size: 10px;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .speaker-session-row {
  min-height: 52px;
  padding: 8px;
  border-radius: 6px;
  background: #ffffff;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-checklist {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-checklist span {
  padding: 8px 8px 8px 26px;
  border-radius: 6px;
  font-size: 10px;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-editor-footer {
  bottom: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 8px 10px;
  border: 0;
  border-top: 1px solid #e3e9f2;
  border-radius: 0;
  box-shadow: 0 -8px 18px rgba(18, 24, 40, 0.05);
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-editor-footer
  > span {
  justify-content: flex-start;
  gap: 6px;
  font-size: 9px;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-editor-footer
  > div {
  width: auto;
  display: block;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-editor-footer
  .profile-save-button {
  width: 72px;
  height: 30px;
  border-radius: 6px;
}

@media (max-width: 900px) {
  .prototype-shell.is-speaker-management.has-speaker-profile
    .side-panel.is-fullscreen
    .fullscreen-main {
    grid-template-columns: minmax(0, 1fr);
  }

  .prototype-shell.is-speaker-management.has-speaker-profile
    .side-panel.is-fullscreen
    .fullscreen-speaker-page
    .speaker-page-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .prototype-shell.is-speaker-management.has-speaker-profile
    .side-panel.is-fullscreen
    .fullscreen-speaker-page
    .speaker-page-title {
    order: 1;
    margin-left: 0;
    text-align: left;
  }

  .prototype-shell.is-speaker-management.has-speaker-profile
    .side-panel.is-fullscreen
    .fullscreen-speaker-page
    .speaker-picker {
    order: 2;
    width: 100%;
  }

  .prototype-shell.is-speaker-management.has-speaker-profile
    .side-panel.is-fullscreen
    .speaker-profile-panel {
    width: 100%;
    min-width: 0;
    max-width: none;
  }
}

/* Full-screen speaker creation reuses the canonical 419px profile panel. */
.side-panel.is-fullscreen .fullscreen-speaker-page .speaker-page-title {
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.side-panel.is-fullscreen .fullscreen-speaker-page .speaker-page-title .eyebrow {
  margin: 0;
}

.speaker-create-trigger {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 28px;
  padding: 0;
  border: 1px solid var(--purple);
  border-radius: 7px;
  background: var(--purple);
  color: #ffffff;
  box-shadow: none;
  cursor: pointer;
}

.speaker-create-trigger .ui-icon-host,
.speaker-create-trigger .ui-icon-host svg {
  width: 14px;
  height: 14px;
}

.speaker-create-trigger:is(:hover, :focus-visible) {
  border-color: #5524df;
  background: #5524df;
}

.speaker-create-trigger:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.16);
}

.speaker-profile-field-error {
  color: #b42318;
  font-size: 10px;
  font-weight: 500;
}

.speaker-profile-panel.is-create-mode .speaker-session-panel,
.speaker-profile-panel.is-create-mode .profile-readiness-panel {
  display: none;
}

.speaker-create-assignment-row {
  min-height: 52px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 9px;
  border: 1px solid #e1e7f0;
  border-radius: 6px;
  background: #ffffff;
}

.speaker-create-assignment-row > .ui-icon-host {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #f1edff;
  color: var(--purple);
}

.speaker-create-assignment-row > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.speaker-create-assignment-row strong {
  color: var(--ink);
  font-size: 11px;
  font-weight: 500;
}

.speaker-create-assignment-row small {
  color: var(--muted);
  font-size: 9px;
}

.speaker-create-assignment-row em {
  color: #067647;
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
}

.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel.is-create-mode
  .profile-editor-footer
  > div {
  display: flex;
  align-items: center;
  gap: 6px;
}

.speaker-profile-panel.is-create-mode .speaker-create-cancel {
  height: 30px;
  padding-inline: 10px;
  border-radius: 6px;
  font-size: 10px;
}

.speaker-profile-panel.is-create-mode .profile-save-button {
  width: auto !important;
  min-width: 96px;
  padding-inline: 12px;
}

@media (max-width: 900px) {
  .side-panel.is-fullscreen .fullscreen-speaker-page .speaker-page-title {
    justify-content: flex-start;
  }
}

/* Canonical AG Grid footer: matches the shared Figma pagination component. */
:is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
  .ag-paging-panel {
  min-height: 48px;
  height: 48px;
  padding: 0 16px;
  border-top: 1px solid rgba(24, 29, 31, 0.15);
  background: #fafafb;
  color: #181d1f;
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0;
}

:is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
  .ag-paging-panel-content {
  width: 100%;
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  padding: 0;
}

:is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
  .ag-paging-page-size {
  flex: 0 0 auto;
  margin: 0 25px 0 0;
}

:is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
  .ag-paging-page-size
  .ag-label {
  display: none;
}

:is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
  .ag-paging-page-size
  .ag-picker-field-wrapper {
  width: 140px;
  min-width: 140px;
  height: 32px;
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid #e0e4ee;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: none;
}

:is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
  .ag-paging-page-size
  .ag-picker-field-display {
  color: #181d1f;
  font-size: 12px;
  font-weight: 500;
}

:is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
  .ag-paging-page-size
  .ag-picker-field-display::after {
  content: " per page";
}

:is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
  .ag-paging-row-summary-panel {
  flex: 0 0 auto;
  margin: 0;
  padding-right: 38px;
  color: #181d1f;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

:is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
  .ag-paging-page-summary-panel {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 0 auto;
  color: #181d1f;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

:is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
  .ag-paging-button {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #181d1f;
}

:is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
  .ag-paging-button
  .ag-icon {
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  font-size: 16px;
}

:is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
  .ag-paging-button:not(.ag-disabled):is(:hover, :focus-visible) {
  outline: 0;
  background: #f0f1f4;
}

:is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
  .ag-paging-button.ag-disabled {
  color: #a7adb7;
  opacity: 0.58;
}

@media (max-width: 720px) {
  :is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
    .ag-paging-panel {
    padding-inline: 10px;
  }

  :is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
    .ag-paging-page-size {
    margin-right: 12px;
  }

  :is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
    .ag-paging-page-size
    .ag-picker-field-wrapper {
    width: 112px;
    min-width: 112px;
  }

  :is(.event-manager-grid, .attendee-manager-grid, .speaker-manager-grid)
    .ag-paging-row-summary-panel {
    display: none;
  }
}

/* Shared speaker media and destructive confirmation treatment. */
.profile-photo-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.profile-media-button {
  min-height: 26px;
  padding: 0 9px;
  border: 1px solid #d7e1ee;
  border-radius: 6px;
  background: #ffffff;
  color: #4b3b8f;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
}

.profile-media-button:hover,
.profile-media-button:focus-visible {
  border-color: rgba(102, 51, 241, 0.42);
  background: #fbfaff;
  color: var(--purple);
}

.profile-media-button:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.12);
}

.profile-photo-drop.has-image .profile-photo-initials {
  opacity: 0;
}

.profile-photo-drop.has-image .profile-photo-copy {
  background: rgba(21, 32, 46, 0.62);
}

/* Speaker images can be dropped anywhere in the open side-panel editor. */
.sidepanel-speaker-profile .speaker-photo-drop-hint {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: -1px 0 8px;
  color: #667085;
  font-size: 9px;
  line-height: 1.35;
}

.sidepanel-speaker-profile .speaker-photo-drop-hint [data-ui-icon] {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  color: #6633f1;
}

.speaker-profile-image-drop-overlay {
  position: fixed;
  top: var(--speaker-image-drop-top, 0);
  left: var(--speaker-image-drop-left, 0);
  width: var(--speaker-image-drop-width, 0);
  height: var(--speaker-image-drop-height, 0);
  display: grid;
  place-items: center;
  padding: 14px;
  border: 2px dashed rgba(102, 51, 241, 0.56);
  border-radius: 8px;
  background: rgba(250, 249, 255, 0.96);
  box-shadow: inset 0 0 0 4px rgba(102, 51, 241, 0.06);
  opacity: 0;
  pointer-events: none;
  transform: scale(0.99);
  transition: opacity 140ms ease, transform 140ms ease;
  visibility: hidden;
  z-index: 110;
}

.speaker-profile-image-drop-overlay.is-active {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}

.speaker-profile-image-drop-overlay-card {
  display: grid;
  justify-items: center;
  gap: 5px;
  max-width: 230px;
  padding: 18px 20px;
  border: 1px solid rgba(102, 51, 241, 0.18);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(60, 36, 132, 0.12);
  color: #667085;
  font-size: 10px;
  line-height: 1.35;
  text-align: center;
}

.speaker-profile-image-drop-overlay-card > [data-ui-icon] {
  width: 24px;
  height: 24px;
  color: #6633f1;
}

.speaker-profile-image-drop-overlay-card strong {
  color: #182230;
  font-size: 12px;
  font-weight: 600;
}

/* Sponsor logos use the same full-editor drop behavior as speaker photos. */
.sponsor-logo-drop-overlay {
  position: fixed;
  top: var(--sponsor-logo-drop-top, 0);
  left: var(--sponsor-logo-drop-left, 0);
  width: var(--sponsor-logo-drop-width, 0);
  height: var(--sponsor-logo-drop-height, 0);
  display: grid;
  place-items: center;
  padding: 14px;
  border: 2px dashed rgba(102, 51, 241, 0.56);
  border-radius: 8px;
  background: rgba(250, 249, 255, 0.96);
  box-shadow: inset 0 0 0 4px rgba(102, 51, 241, 0.06);
  opacity: 0;
  pointer-events: none;
  transform: scale(0.99);
  transition: opacity 140ms ease, transform 140ms ease;
  visibility: hidden;
  z-index: 110;
}

.sponsor-logo-drop-overlay.is-active {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}

.sponsor-logo-drop-overlay-card {
  display: grid;
  justify-items: center;
  gap: 5px;
  max-width: 230px;
  padding: 18px 20px;
  border: 1px solid rgba(102, 51, 241, 0.18);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(60, 36, 132, 0.12);
  color: #667085;
  font-size: 10px;
  line-height: 1.35;
  text-align: center;
}

.sponsor-logo-drop-overlay-card > [data-ui-icon] {
  width: 24px;
  height: 24px;
  color: #6633f1;
}

.sponsor-logo-drop-overlay-card strong {
  color: #182230;
  font-size: 12px;
  font-weight: 600;
}

/* Fullscreen sponsor headers mirror the speaker profile image affordance. */
.sponsor-fullscreen-editor .sponsor-editor-heading.sponsor-profile-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 68px;
  gap: 10px;
  padding: 10px 12px;
}

.sponsor-fullscreen-editor .sponsor-profile-heading > div:nth-child(2) {
  min-width: auto;
  flex: 0 0 auto;
}

.sponsor-profile-summary {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.sponsor-profile-logo-drop {
  position: relative;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  overflow: visible;
  border: 1px solid #d8e1ed;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 24%, #ffffff 0, #ffffff 24%, #eef4ff 100%);
  box-shadow:
    0 0 0 3px #ffffff,
    0 0 0 5px rgba(102, 51, 241, 0.06),
    0 2px 5px rgba(18, 24, 40, 0.1);
  cursor: pointer;
}

.sponsor-profile-logo-drop input {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.sponsor-profile-logo-drop:hover,
.sponsor-profile-logo-drop:focus-within,
.sponsor-profile-logo-drop.is-drag-over {
  border-color: rgba(102, 51, 241, 0.58);
  box-shadow:
    0 0 0 3px #ffffff,
    0 0 0 6px rgba(102, 51, 241, 0.14),
    0 2px 5px rgba(18, 24, 40, 0.1);
}

.sponsor-profile-logo-drop .sponsor-logo.is-profile {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;
  background: transparent;
  color: #4b3b8f;
  font-size: 12px;
}

.sponsor-profile-logo-drop .sponsor-logo.is-profile img {
  padding: 5px;
  border-radius: inherit;
  object-fit: contain !important;
}

.sponsor-profile-logo-copy {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: grid;
  place-items: center;
  gap: 0;
  border-radius: 50%;
  background: rgba(21, 32, 46, 0.72);
  color: #ffffff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease;
}

.sponsor-profile-logo-copy strong {
  font-size: 8px;
  font-weight: 600;
}

.sponsor-profile-logo-copy small {
  color: rgba(255, 255, 255, 0.78);
  font-size: 7px;
}

.sponsor-profile-logo-drop:hover .sponsor-profile-logo-copy,
.sponsor-profile-logo-drop:focus-within .sponsor-profile-logo-copy {
  opacity: 1;
}

.sponsor-profile-logo-upload-badge {
  position: absolute;
  z-index: 4;
  right: -3px;
  bottom: -3px;
  width: 15px;
  height: 15px;
  display: grid;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #6633f1;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(32, 24, 68, 0.22);
  pointer-events: none;
  transition: opacity 150ms ease;
}

.sponsor-profile-logo-upload-badge [data-ui-icon] {
  width: 8px;
  height: 8px;
}

.sponsor-profile-logo-drop:has(.sponsor-logo img) .sponsor-profile-logo-upload-badge {
  opacity: 0;
}

.sponsor-profile-logo-drop:has(.sponsor-logo img):hover .sponsor-profile-logo-upload-badge,
.sponsor-profile-logo-drop:has(.sponsor-logo img):focus-within .sponsor-profile-logo-upload-badge {
  opacity: 1;
}

.sponsor-profile-title {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.sponsor-fullscreen-editor .sponsor-profile-title h3 {
  display: block;
  overflow: hidden;
  margin: 0;
  color: #111827;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-profile-title h3::after {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-left: 6px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #1ba784;
  box-shadow: 0 0 0 1px rgba(27, 167, 132, 0.22);
}

.sponsor-profile-title h3.needs-logo::after {
  background: #f59e0b;
  box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.24);
}

.sponsor-profile-title > p {
  overflow: hidden;
  margin: 0;
  color: #667085;
  font-size: 10px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-profile-logo-actions-row {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #667085;
  font-size: 9px;
  line-height: 1.2;
}

.sponsor-profile-logo-status {
  display: inline-flex;
  align-items: center;
  min-height: var(--ds-pill-height);
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #dce3ed;
  border-radius: var(--ds-pill-radius);
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  white-space: nowrap;
}

.sponsor-profile-logo-status.is-ready {
  border-color: #a9e4cb;
  background: #ecfdf5;
  color: #168347;
}

.sponsor-profile-logo-status.is-review {
  border-color: #edc36f;
  background: #fff7e8;
  color: #985b06;
}

.sponsor-fullscreen-editor .sponsor-add-logo-trigger {
  min-height: 18px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #6633f1;
  font: inherit;
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.sponsor-fullscreen-editor .sponsor-add-logo-trigger [data-ui-icon] {
  width: 10px;
  height: 10px;
}

.sponsor-fullscreen-editor .sponsor-add-logo-trigger:hover {
  color: #4b1fd4;
  text-decoration: underline;
}

.sponsor-fullscreen-editor .sponsor-add-logo-trigger:focus-visible {
  outline: 2px solid rgba(102, 51, 241, 0.35);
  outline-offset: 2px;
  border-radius: 3px;
}

.sponsor-profile-logo-actions-row > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-height: 640px) {
  .sidepanel-speaker-profile .speaker-photo-drop-hint {
    margin-bottom: 6px;
    font-size: 8px;
  }

  .speaker-profile-image-drop-overlay-card {
    padding: 12px 14px;
  }

  .sponsor-logo-drop-overlay-card {
    padding: 12px 14px;
  }
}

.sponsor-delete-dialog > section,
.agenda-delete-dialog > section,
.agenda-unsaved-dialog > section {
  width: min(420px, 100%);
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.sponsor-delete-dialog > section > p,
.agenda-delete-dialog > section > p,
.agenda-unsaved-dialog > section > p {
  margin: 0;
  padding: 16px 14px;
  color: #5f6b7d;
  font-size: 12px;
  line-height: 1.45;
}

.sponsor-delete-dialog .is-danger,
.agenda-delete-dialog .is-danger {
  border-color: #d92d20;
  background: #d92d20;
  color: #ffffff;
}

.agenda-editor-header-actions .profile-icon-button.is-destructive {
  color: #b42318;
}

.agenda-editor-header-actions .profile-icon-button.is-destructive:hover,
.agenda-editor-header-actions .profile-icon-button.is-destructive:focus-visible {
  border-color: #fecdca;
  background: #fff4f2;
  color: #b42318;
}

/* Fullscreen Event Details follows the shared editor-card layout. */
.side-panel.is-fullscreen .fullscreen-event-details-page {
  width: min(920px, 100%);
  gap: 14px;
}

.side-panel.is-fullscreen .fullscreen-event-editor-header {
  padding: 0 0 14px;
}

.side-panel.is-fullscreen .fullscreen-event-editor-header .eyebrow {
  margin-bottom: 3px;
}

.side-panel.is-fullscreen .fullscreen-event-editor-header h3 {
  margin-top: 0;
  color: #182230;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.side-panel.is-fullscreen .event-detail-edit-workspace {
  gap: 12px;
  padding: 0 2px 28px 0;
}

.side-panel.is-fullscreen .event-record-editor-summary {
  min-height: 58px;
  padding: 10px 14px;
  border-radius: 7px;
  background: #f8fafc;
}

.side-panel.is-fullscreen .event-record-editor-summary span {
  gap: 4px;
  padding: 0 14px;
}

.side-panel.is-fullscreen .event-record-editor-summary small {
  font-size: 9px;
}

.side-panel.is-fullscreen .event-record-editor-summary strong {
  font-size: 11px;
}

.side-panel.is-fullscreen .event-edit-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  padding: 14px;
  border-radius: 7px;
  background: #f8fafc;
}

.side-panel.is-fullscreen .event-edit-section-heading {
  display: grid;
  gap: 3px;
}

.side-panel.is-fullscreen .event-edit-section-heading > p {
  margin: 0;
  color: #8b5cf6;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}

.side-panel.is-fullscreen .event-edit-section-heading h4 {
  color: #182230;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
}

.side-panel.is-fullscreen .event-edit-section-heading small {
  color: #667085;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
}

.side-panel.is-fullscreen .event-edit-section-fields {
  gap: 10px;
}

.side-panel.is-fullscreen .event-edit-section label {
  gap: 6px;
  color: #475467;
  font-size: 11px;
}

.side-panel.is-fullscreen .event-edit-section :is(input, select) {
  height: 36px;
  font-size: 12px;
}

.side-panel.is-fullscreen .event-edit-section textarea {
  min-height: 80px;
  font-size: 12px;
}

.side-panel.is-fullscreen .event-edit-field-pair {
  gap: 10px;
}

.side-panel.is-fullscreen .fullscreen-event-editor-actions {
  min-height: 56px;
  padding-block: 10px;
}

.side-panel.is-fullscreen .fullscreen-event-editor-actions > span {
  font-size: 11px;
}

/* The schedule list and the form deliberately own separate scroll regions. */
.side-panel.is-fullscreen .agenda-page-list {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.side-panel.is-fullscreen .agenda-editor-save-strip {
  flex: 0 0 auto;
  margin-top: auto;
}

@media (max-width: 640px) {
  .side-panel.is-fullscreen .event-record-editor-summary {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .side-panel.is-fullscreen .event-record-editor-summary span {
    padding: 0;
  }

  .side-panel.is-fullscreen .event-record-editor-summary span + span {
    border-left: 0;
  }

  .side-panel.is-fullscreen .event-edit-field-pair {
    grid-template-columns: 1fr;
  }
}

/* Fullscreen Agenda refresh: a compact queue beside a focused editing surface. */
.side-panel.is-fullscreen .fullscreen-agenda-page {
  grid-template-columns: minmax(360px, 400px) minmax(0, var(--fullscreen-editor-max));
  gap: 16px;
  align-items: stretch;
}

.side-panel.is-fullscreen .agenda-workspace-main {
  padding: 16px;
  border-color: #dfe7f2;
  background: #ffffff;
}

.side-panel.is-fullscreen .agenda-workspace-header {
  padding-bottom: 12px;
}

.side-panel.is-fullscreen .agenda-workspace-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.side-panel.is-fullscreen .agenda-workspace-header h3 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
}

.side-panel.is-fullscreen .agenda-session-count {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border: 1px solid #dfe7f2;
  border-radius: 999px;
  color: #64748b;
  background: #f8fafc;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.side-panel.is-fullscreen .agenda-workspace-main .agenda-picker {
  margin-top: 12px;
}

.side-panel.is-fullscreen .agenda-workspace-date-strip {
  margin-top: 12px;
  padding: 8px 0 10px;
}

.side-panel.is-fullscreen .agenda-list-toolbar {
  min-height: 72px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding: 10px 0;
  border-top: 1px solid #e7edf5;
  border-bottom: 1px solid #e7edf5;
}

.side-panel.is-fullscreen .agenda-list-heading {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.side-panel.is-fullscreen .agenda-list-heading strong {
  color: #182230;
  font-size: 12px;
  font-weight: 600;
}

.side-panel.is-fullscreen .agenda-list-heading small {
  color: #667085;
  font-size: 10px;
}

.side-panel.is-fullscreen .agenda-list-actions {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 6px;
}

.side-panel.is-fullscreen .agenda-list-select .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.side-panel.is-fullscreen .agenda-list-select {
  position: relative;
  display: inline-flex;
  flex: 0 1 104px;
  min-width: 0;
}

.side-panel.is-fullscreen .agenda-list-select select {
  width: 100%;
  min-width: 0;
  height: 28px;
  padding: 0 24px 0 8px;
  border: 1px solid #d7e1ee;
  border-radius: 6px;
  color: #475467;
  background-color: #ffffff;
  font-family: inherit;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}

.side-panel.is-fullscreen .agenda-sort-select {
  flex-basis: 64px;
}

.side-panel.is-fullscreen .agenda-list-select select:hover {
  border-color: #b9c7db;
}

.side-panel.is-fullscreen .agenda-list-select select:focus-visible {
  outline: 2px solid rgba(102, 51, 241, 0.24);
  outline-offset: 1px;
  border-color: var(--purple);
}

.side-panel.is-fullscreen .agenda-filter-date-control,
.side-panel.is-fullscreen .agenda-list-actions > button {
  flex: 0 0 auto;
}

.side-panel.is-fullscreen .agenda-reorder-button {
  min-width: 52px;
  height: 28px;
  padding: 0 8px;
  font-size: 10px;
}

.side-panel.is-fullscreen .agenda-page-list {
  gap: 7px;
  margin-top: 12px;
  padding-right: 2px;
}

.side-panel.is-fullscreen .agenda-row {
  grid-template-columns: minmax(78px, 86px) minmax(0, 1fr) auto;
  min-height: 70px;
  padding: 10px 12px;
  border-color: #dfe7f2;
  border-radius: 7px;
  background: #ffffff;
}

.side-panel.is-fullscreen .agenda-row:hover {
  border-color: rgba(102, 51, 241, 0.38);
  background: #fcfbff;
}

.side-panel.is-fullscreen .agenda-row:focus-visible {
  outline: 2px solid rgba(102, 51, 241, 0.36);
  outline-offset: 2px;
}

.side-panel.is-fullscreen .agenda-row.is-current {
  border-color: rgba(102, 51, 241, 0.58);
  background: #f8f6ff;
  box-shadow: inset 3px 0 0 var(--purple);
}

.side-panel.is-fullscreen .agenda-row .agenda-time {
  font-size: 12px;
  font-weight: 600;
}

.side-panel.is-fullscreen .agenda-row .agenda-time small,
.side-panel.is-fullscreen .agenda-row .agenda-copy small {
  margin-top: 2px;
  color: #667085;
  font-size: 10px;
  line-height: 1.25;
}

.side-panel.is-fullscreen .agenda-row .agenda-copy strong {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
}

.side-panel.is-fullscreen .agenda-row .agenda-card-meta span {
  min-height: var(--ds-pill-height);
  padding: 0 var(--ds-pill-padding);
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
}

.side-panel.is-fullscreen .agenda-editor-panel {
  padding: 16px;
  border-color: #dfe7f2;
  background: #f7f9fc;
  box-shadow: none;
}

.side-panel.is-fullscreen .agenda-editor-header {
  top: -16px;
  margin: -16px -16px 0;
  padding: 16px 16px 12px;
  border-color: #dfe7f2;
  background: rgba(247, 249, 252, 0.98);
}

.side-panel.is-fullscreen .agenda-editor-header h3 {
  font-size: 18px;
  font-weight: 600;
}

.side-panel.is-fullscreen .agenda-editor-summary {
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid #dfe7f2;
  border-radius: 7px;
  background: #ffffff;
}

.side-panel.is-fullscreen .agenda-editor-summary span {
  grid-row: 1 / span 2;
  align-self: center;
  padding-right: 12px;
  border-right: 1px solid #e7edf5;
  font-size: 11px;
  font-weight: 600;
}

.side-panel.is-fullscreen .agenda-editor-summary strong {
  font-size: 12px;
}

.side-panel.is-fullscreen .agenda-editor-panel .profile-editor-section {
  margin-top: 12px;
  padding: 16px;
  border-color: #dfe7f2;
  border-radius: 7px;
  background: #ffffff;
}

.side-panel.is-fullscreen .agenda-editor-panel .profile-section-heading {
  margin-bottom: 12px;
}

.side-panel.is-fullscreen .agenda-editor-panel .profile-section-heading h4 {
  color: #182230;
  font-size: 13px;
  font-weight: 600;
}

.side-panel.is-fullscreen .agenda-editor-panel .profile-field-grid {
  gap: 12px;
}

.side-panel.is-fullscreen .agenda-editor-panel .profile-field {
  gap: 5px;
}

.side-panel.is-fullscreen .agenda-editor-panel .profile-field > span {
  color: #475467;
  font-size: 10px;
  font-weight: 600;
}

.side-panel.is-fullscreen .agenda-editor-panel .profile-field :is(input, select) {
  height: 36px;
  border-color: #d7e1ee;
  font-size: 11px;
}

.side-panel.is-fullscreen .agenda-editor-panel .profile-field textarea {
  min-height: 84px;
  border-color: #d7e1ee;
  font-size: 11px;
}

.side-panel.is-fullscreen .agenda-inline-notice {
  margin-bottom: 12px;
  border-radius: 7px;
}

.side-panel.is-fullscreen .agenda-editor-save-strip {
  bottom: -16px;
  margin: auto -16px -16px;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  border-color: #dfe7f2;
  background: rgba(255, 255, 255, 0.98);
}

.side-panel.is-fullscreen .agenda-editor-save-copy {
  color: #475467;
  font-size: 10px;
  text-align: left;
}

.side-panel.is-fullscreen .agenda-editor-save-copy span:first-child {
  color: #087f5b;
}

.side-panel.is-fullscreen .agenda-editor-done-button {
  min-width: 78px;
  height: 32px;
}

@media (max-width: 1180px) {
  .side-panel.is-fullscreen .fullscreen-agenda-page {
    grid-template-columns: minmax(320px, 360px) minmax(0, 1fr);
    gap: 14px;
  }
}

@media (max-width: 900px) {
  .side-panel.is-fullscreen .fullscreen-agenda-page {
    grid-template-columns: minmax(0, 1fr);
  }

  .side-panel.is-fullscreen .agenda-workspace-main,
  .side-panel.is-fullscreen .agenda-editor-panel {
    padding: 14px;
  }

  .side-panel.is-fullscreen .agenda-editor-header {
    top: -14px;
    margin: -14px -14px 0;
    padding: 14px 14px 10px;
  }

  .side-panel.is-fullscreen .agenda-editor-save-strip {
    bottom: -14px;
    margin: auto -14px -14px;
    padding-inline: 14px;
  }
}

/* Final Speaker action-row alignment keeps both approved contexts in sync. */
.sidepanel-profile-footer > div,
.prototype-shell.is-speaker-management.has-speaker-profile
  .side-panel.is-fullscreen
  .speaker-profile-panel
  .profile-editor-footer
  > div {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.sidepanel-profile-footer .profile-ghost-button,
.sidepanel-profile-footer .profile-icon-button {
  width: auto;
  min-width: 24px;
}

.sidepanel-profile-footer .profile-icon-button {
  width: 24px;
  padding: 0;
}

/* Register layout invariant: list, quick panel, or focused editor; never three columns. */
.side-panel.is-fullscreen .fullscreen-ticket-page {
  width: min(1180px, 100%);
  margin-inline: auto;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-workspace-body,
.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-workspace-body {
  display: block;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-workspace,
.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-inventory-workspace {
  position: static;
  width: 100%;
  max-height: none;
  overflow: visible;
  padding: 0;
  border: 0;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-workspace[hidden],
.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-fullscreen-grid[hidden] {
  display: none;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-toolbar,
.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-inventory-toolbar {
  grid-template-columns: minmax(260px, 1fr) repeat(3, minmax(118px, 148px));
}

.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-inventory-search {
  grid-column: auto;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-fullscreen-grid,
.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-fullscreen-grid {
  width: min(1120px, 100%);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body {
  display: grid;
  grid-template-columns: 184px minmax(0, 760px);
  justify-content: center;
  align-items: start;
  gap: 24px;
  padding: 18px 0 28px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body .ticket-section-nav,
.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-section-nav {
  position: sticky;
  top: 86px;
  width: auto;
  max-height: calc(100dvh - 178px);
  display: grid;
  overflow-y: auto;
  padding: 0 16px 0 0;
  border-width: 0 1px 0 0;
  border-radius: 0;
  background: transparent;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body .ticket-editor-card,
.side-panel.is-fullscreen .fullscreen-ticket-page.is-editor-view .ticket-editor-card {
  width: 100%;
  max-height: calc(100dvh - 158px);
  display: grid;
  align-content: start;
  gap: 12px;
  overflow-y: auto;
  padding: 0 8px 76px 0;
  border: 0;
  border-radius: 0;
  background: #ffffff;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body .ticket-edit-heading {
  display: none;
}

.prototype-shell.is-register-focused-editor .side-panel.is-fullscreen .fullscreen-workspace {
  grid-template-columns: minmax(0, 1fr);
}

.prototype-shell.is-register-focused-editor .side-panel.is-fullscreen .fullscreen-sidebar {
  display: none;
}

.prototype-shell.is-register-focused-editor .side-panel.is-fullscreen .fullscreen-main {
  width: 100%;
  max-width: none;
  padding-inline: 24px;
}

.prototype-shell.is-register-focused-editor .side-panel.is-fullscreen .fullscreen-ticket-page > :is(
    .ticket-page-header,
    .register-readiness-strip,
    .ticket-add-picker
  ) {
  display: none;
}

.register-quick-backdrop {
  position: fixed;
  inset: 78px 0 0;
  z-index: 90;
  background: rgba(28, 36, 52, 0.16);
}

.register-quick-panel {
  position: fixed;
  inset: 78px 0 0 auto;
  z-index: 91;
  width: min(419px, 100vw);
  overflow: hidden;
  border-left: 1px solid #dfe7f2;
  background: #ffffff;
  box-shadow: -16px 0 36px rgba(28, 36, 52, 0.12);
}

.register-quick-panel[hidden],
.register-quick-backdrop[hidden] {
  display: none;
}

.register-quick-panel .register-quick-form {
  height: 100%;
  display: grid;
  align-content: start;
  gap: 10px;
  overflow-y: auto;
  padding: 14px 14px 76px;
}

.register-quick-panel .ticket-edit-heading {
  position: sticky;
  top: -14px;
  z-index: 4;
  margin: -14px -14px 0;
  padding: 14px;
  border-bottom: 1px solid #dfe7f2;
  background: rgba(255, 255, 255, 0.98);
}

.side-panel.is-fullscreen .register-quick-panel .ticket-editor-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  width: auto;
  box-sizing: border-box;
  margin: 0;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  border-width: 1px 0 0;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: none;
}

@media (max-width: 860px) {
  .side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-search {
    grid-column: 1 / -1;
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body .ticket-section-nav {
    position: static;
    max-height: none;
    display: flex;
    gap: 4px;
    overflow-x: auto;
    padding: 0 0 10px;
    border-width: 0 0 1px;
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body .ticket-section-nav > p {
    display: none;
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .register-focused-body .ticket-editor-card {
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }
}

@media (max-width: 620px) {
  .side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-toolbar,
  .side-panel.is-fullscreen .fullscreen-ticket-page .ticket-field-pair {
    grid-template-columns: minmax(0, 1fr);
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-search {
    grid-column: auto;
  }
}

/* Register quick edit uses the same pushed-column behavior as other fullscreen panels. */
.prototype-shell.is-ticket-management.has-register-quick-panel
  .side-panel.is-fullscreen
  .fullscreen-main {
  grid-template-columns: minmax(0, 1fr) var(--event-manager-panel-width);
  align-items: start;
  gap: 12px;
  overflow-x: hidden;
}

.prototype-shell.is-ticket-management.has-register-quick-panel
  .side-panel.is-fullscreen
  .fullscreen-ticket-page {
  grid-column: 1;
  min-width: 0;
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

.prototype-shell.is-ticket-management.has-register-quick-panel
  .side-panel.is-fullscreen
  .ticket-page-header {
  align-items: flex-start;
}

.prototype-shell.is-ticket-management.has-register-quick-panel
  .side-panel.is-fullscreen
  .ticket-page-actions {
  flex-wrap: wrap;
}

.prototype-shell.is-ticket-management.has-register-quick-panel
  .side-panel.is-fullscreen
  .ticket-inventory-main {
  grid-template-columns: minmax(150px, 1fr) 72px 94px 76px;
  gap: 7px;
}

.prototype-shell.is-ticket-management.has-register-quick-panel
  .side-panel.is-fullscreen
  .ticket-inventory-main
  > span:nth-of-type(4),
.prototype-shell.is-ticket-management.has-register-quick-panel
  .side-panel.is-fullscreen
  .ticket-inventory-main
  > span:nth-of-type(5) {
  display: none;
}

.prototype-shell.is-ticket-management.has-register-quick-panel
  .side-panel.is-fullscreen
  .register-quick-panel {
  position: sticky;
  inset: auto;
  top: 0;
  z-index: 1;
  grid-column: 2;
  width: var(--event-manager-panel-width);
  min-width: var(--event-manager-panel-width);
  max-width: var(--event-manager-panel-width);
  height: calc(100dvh - 136px);
  max-height: calc(100dvh - 136px);
  overflow: hidden;
  border: 1px solid #dfe7f2;
  border-radius: 7px;
  background: #ffffff;
  box-shadow: none;
}

.prototype-shell.is-ticket-management.has-register-quick-panel
  .side-panel.is-fullscreen
  .register-quick-panel
  .ticket-editor-footer {
  position: absolute;
  width: auto;
}

@media (max-width: 1100px) {
  .prototype-shell.is-ticket-management.has-register-quick-panel
    .side-panel.is-fullscreen
    .fullscreen-main {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    overflow: visible;
  }

  .prototype-shell.is-ticket-management.has-register-quick-panel
    .side-panel.is-fullscreen
    .register-quick-panel {
    position: relative;
    top: auto;
    grid-column: 1;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: min(760px, calc(100dvh - 108px));
    max-height: none;
  }
}

/* Fullscreen Agenda v166: timeline-first home with a pushed session editor. */
.side-panel.is-fullscreen .fullscreen-agenda-page {
  width: 100%;
  max-width: none;
  grid-template-columns: minmax(360px, 0.82fr) minmax(560px, 1.58fr);
  gap: 16px;
  transition: grid-template-columns 220ms ease;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed {
  grid-template-columns: minmax(0, 1fr);
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-workspace-main {
  width: 100%;
  max-width: none;
}

.side-panel.is-fullscreen .agenda-workspace-main {
  border-radius: 7px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-workspace-main {
  padding: 20px 24px 24px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-workspace-header {
  padding-bottom: 16px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-workspace-header h3 {
  font-size: 20px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-picker {
  width: min(760px, 100%);
  margin-top: 16px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-workspace-date-strip {
  width: min(660px, 100%);
  margin-top: 16px;
  padding: 10px 0 14px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-workspace-date-strip > button {
  min-height: 52px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-list-toolbar {
  min-height: 52px;
  grid-template-columns: minmax(180px, 1fr) auto;
  align-items: center;
  padding: 10px 0;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-list-heading strong {
  font-size: 14px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-list-heading small {
  font-size: 11px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-list-actions {
  width: auto;
  justify-content: flex-end;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-list-select {
  flex-basis: 120px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-sort-select {
  flex-basis: 88px;
}

.side-panel.is-fullscreen .agenda-page-list {
  position: relative;
  isolation: isolate;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-page-list {
  flex: 0 0 auto;
  grid-auto-rows: minmax(92px, max-content);
  gap: 10px;
  margin-top: 14px;
  padding: 0 0 20px;
  border-bottom: 0;
  overflow: visible;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-page-list::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 20px;
  left: 112px;
  width: 1px;
  background: #dfe7f2;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-row {
  min-height: 92px;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  gap: 18px;
  padding: 14px 18px 14px 0;
  border-color: #dfe7f2;
  border-radius: 7px;
  background: #ffffff;
  overflow: hidden;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-row::before {
  top: 0;
  bottom: 0;
  left: 112px;
  width: 3px;
  border-radius: 0;
  opacity: 1;
  background: #8b5cf6;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-row.is-ready::before,
.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-row.is-published::before {
  background: #1ba784;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-row.is-issue::before {
  background: #f59e0b;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-time {
  height: 100%;
  align-content: center;
  justify-items: end;
  padding: 0 14px 0 8px;
  color: #182230;
  font-size: 13px;
  text-align: right;
}

.side-panel.is-fullscreen .agenda-row .agenda-time::before {
  display: none;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-time small {
  font-size: 11px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-copy {
  gap: 4px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-copy strong {
  font-size: 14px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-copy small {
  font-size: 11px;
}

.side-panel.is-fullscreen .agenda-session-description {
  display: none;
  min-width: 0;
  color: #667085;
  font-size: 10px;
  line-height: 1.35;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-session-description {
  display: block;
}

.side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-main {
  padding: 14px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-date-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-list-actions {
  flex-wrap: wrap;
}

.side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-sort-select {
  flex-basis: 78px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list {
  gap: 6px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-row {
  grid-template-columns: 70px minmax(0, 1fr) auto;
  min-height: 66px;
  gap: 9px;
  padding: 9px 10px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-row .agenda-time {
  padding-left: 0;
}

.side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-row .agenda-copy strong {
  font-size: 11px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-row .agenda-copy small {
  font-size: 9px;
}

.side-panel.is-fullscreen .agenda-editor-panel {
  min-width: 0;
  border-radius: 7px;
}

@media (max-width: 1100px) {
  .side-panel.is-fullscreen .fullscreen-agenda-page {
    grid-template-columns: minmax(320px, 0.78fr) minmax(480px, 1.42fr);
    gap: 12px;
  }
}

@media (max-width: 900px) {
  .side-panel.is-fullscreen .fullscreen-agenda-page,
  .side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed {
    grid-template-columns: minmax(0, 1fr);
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-main {
    max-height: 520px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-workspace-main {
    padding: 16px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-list-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-list-actions {
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
  }
}

@media (max-width: 620px) {
  .side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-page-list::before {
    left: 82px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-row {
    grid-template-columns: 68px minmax(0, 1fr) auto;
    gap: 12px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-row::before {
    left: 82px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-session-description {
    display: none;
  }
}

/* Fullscreen Agenda v167: time-scaled day canvas with a pushed editor. */
.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-workspace-main {
  min-height: 100%;
  background: #ffffff;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-page-list {
  --agenda-hour-size: 80px;
  --agenda-timeline-inset: 20px;
  display: block;
  height: calc(var(--agenda-timeline-height, 720px) + 40px);
  min-height: 620px;
  margin-top: 8px;
  padding: 0;
  overflow: visible;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-page-list::before {
  display: none;
}

.side-panel.is-fullscreen .agenda-timeline-axis {
  display: none;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-timeline-axis {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  pointer-events: none;
}

.side-panel.is-fullscreen .agenda-hour-marker {
  position: absolute;
  top: calc(var(--agenda-timeline-inset) + var(--agenda-hour-position, 0px));
  right: 0;
  left: 0;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  transform: translateY(-50%);
}

.side-panel.is-fullscreen .agenda-hour-marker strong {
  color: #7a8699;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  text-align: right;
}

.side-panel.is-fullscreen .agenda-hour-marker i {
  position: relative;
  display: block;
  height: 1px;
  background: #dfe7f2;
}

.side-panel.is-fullscreen .agenda-hour-marker i::after {
  content: "";
  position: absolute;
  top: calc(var(--agenda-hour-size) / 2);
  right: 0;
  left: 0;
  height: 1px;
  background: #f1f4f8;
}

.side-panel.is-fullscreen .agenda-hour-marker:last-child i::after {
  display: none;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row {
  position: absolute;
  z-index: 1;
  top: calc(var(--agenda-timeline-inset) + var(--agenda-start-position, 0px) + 4px);
  right: 0;
  left: 76px;
  width: auto;
  height: var(--agenda-session-height, 64px);
  min-height: 60px;
  grid-template-columns: 102px minmax(0, 1fr) auto;
  gap: 14px;
  padding: 10px 14px;
  border: 1px solid #dfe7f2;
  border-radius: 7px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgb(16 24 40 / 5%);
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row::before {
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 4px;
  border-radius: 7px 0 0 7px;
  background: #8b5cf6;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row.is-ready::before,
.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row.is-published::before {
  background: #1ba784;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row.is-issue::before {
  background: #f59e0b;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row.is-ready,
.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row.is-published {
  border-color: #ccecdf;
  background: #fbfefd;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row.is-issue {
  border-color: #f4d18b;
  background: #fffdf8;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row.is-current {
  border-color: #9b7af8;
  background: #faf8ff;
  box-shadow: 0 0 0 2px rgb(102 51 241 / 10%);
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row .agenda-time {
  height: auto;
  align-content: start;
  justify-items: start;
  padding: 1px 0 0 2px;
  color: #182230;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row .agenda-time small {
  margin-top: 2px;
  color: #667085;
  font-size: 10px;
  font-weight: 400;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row .agenda-copy {
  align-content: start;
  gap: 2px;
  min-width: 0;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row .agenda-copy strong {
  overflow: hidden;
  color: #182230;
  font-size: 13px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row .agenda-copy small,
.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row .agenda-session-description {
  overflow: hidden;
  color: #667085;
  font-size: 10px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row .agenda-session-description {
  display: block;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row .agenda-card-meta,
.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row .agenda-drag-handle {
  display: none;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row > em {
  align-self: start;
  margin-top: 1px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row.is-agenda-unscheduled {
  top: auto;
  bottom: 0;
  border-style: dashed;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-list-empty {
  position: absolute;
  z-index: 2;
  top: 96px;
  right: 24px;
  left: 100px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list,
.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed.is-agenda-list-sort .agenda-page-list {
  display: grid;
  height: auto;
  min-height: 0;
}

.side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row,
.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed.is-agenda-list-sort .agenda-page-list > .agenda-row {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed.is-agenda-list-sort .agenda-page-list {
  grid-auto-rows: minmax(82px, max-content);
  gap: 8px;
  padding-bottom: 20px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed.is-agenda-list-sort .agenda-page-list > .agenda-row {
  min-height: 82px;
}

@media (max-width: 700px) {
  .side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-timeline-axis {
    display: none !important;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list {
    display: grid !important;
    height: auto !important;
    min-height: 0;
    grid-auto-rows: minmax(78px, max-content);
    gap: 8px;
    padding-bottom: 20px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row {
    position: relative !important;
    inset: auto !important;
    width: 100%;
    height: auto !important;
    min-height: 78px;
    grid-template-columns: 68px minmax(0, 1fr) auto;
    gap: 10px;
    padding: 10px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row::before {
    left: 0;
  }
}

/* Fullscreen Agenda v169 final desktop state: compact timeline beside the editor. */
@media (min-width: 901px) {
  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-main {
    padding: 14px 12px 18px;
    overflow: visible;
    background: #ffffff;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-header {
    padding-bottom: 12px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) :is(.agenda-picker, .agenda-workspace-date-strip) {
    margin-top: 12px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-date-strip {
    padding: 8px 0 10px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-date-strip > button {
    min-height: 42px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-list-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 46px;
    padding: 8px 0;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-list-actions {
    width: auto;
    flex-wrap: nowrap;
    gap: 8px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-list-select {
    display: none;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-reorder-button {
    min-width: 0;
    padding-inline: 4px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list {
    --agenda-timeline-inset: 20px;
    display: block;
    height: calc(var(--agenda-timeline-height, 684px) + 36px);
    min-height: 0;
    margin-top: 6px;
    padding: 0;
    overflow: visible;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-timeline-axis {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    pointer-events: none;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-hour-marker {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 8px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-hour-marker strong {
    font-size: 9px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row {
    position: absolute;
    z-index: 1;
    top: calc(var(--agenda-timeline-inset) + var(--agenda-start-position, 0px) + 4px);
    right: 0;
    left: 50px;
    width: auto;
    height: var(--agenda-session-height, 60px);
    min-height: 60px;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    gap: 7px;
    padding: 8px 8px 8px 10px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row::before {
    top: -1px;
    bottom: -1px;
    left: -1px;
    width: 4px;
    border-radius: 7px 0 0 7px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-time {
    height: auto;
    align-content: start;
    justify-items: start;
    padding: 1px 0 0;
    font-size: 10px;
    line-height: 1.2;
    text-align: left;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-time small {
    margin-top: 2px;
    font-size: 8px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-copy {
    align-content: start;
    gap: 2px;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-copy strong {
    overflow: hidden;
    font-size: 10px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-copy small {
    overflow: hidden;
    font-size: 8px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row :is(.agenda-session-description, .agenda-card-meta, .agenda-drag-handle) {
    display: none;
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row > em {
    align-self: start;
    margin-top: 0;
    padding: 0 var(--ds-pill-padding);
    font-size: var(--ds-pill-font-size);
  }

  .side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row.is-agenda-unscheduled {
    top: auto;
    bottom: 0;
    border-style: dashed;
  }
}

/* Agenda v170: proportional session blocks and a compact day navigator. */
.agenda-mobile-date-strip,
.side-panel.is-fullscreen .agenda-workspace-date-strip {
  width: min(480px, 100%);
  display: grid;
  grid-template-columns: repeat(4, minmax(72px, 1fr));
  gap: 3px;
  padding: 4px;
  border: 1px solid #dfe7f2;
  border-radius: 7px;
  background: #f6f8fc;
}

.agenda-mobile-date-strip button,
.agenda-mobile-date-strip .agenda-today-button {
  position: relative;
  height: 44px;
  min-height: 44px;
  align-content: center;
  justify-items: center;
  gap: 3px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: #667085;
  box-shadow: none;
  transform: none;
}

.agenda-mobile-date-strip button:is(:hover, :focus-visible) {
  border-color: #d7ccff;
  background: #ffffff;
  color: var(--purple);
  box-shadow: none;
  outline: 0;
  transform: none;
}

.agenda-mobile-date-strip button.is-active,
.agenda-mobile-date-strip .agenda-today-button.is-active {
  border-color: #d7ccff;
  background: #ffffff;
  color: var(--purple);
  box-shadow: 0 1px 3px rgb(16 24 40 / 8%);
}

.agenda-mobile-date-strip button.is-active::after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 2px;
  left: 12px;
  height: 2px;
  border-radius: 999px;
  background: var(--purple);
}

.agenda-mobile-date-strip span {
  color: #7a8699;
  font-size: 8px;
  line-height: 1;
}

.agenda-mobile-date-strip strong,
.agenda-mobile-date-strip .agenda-today-button strong,
.agenda-mobile-date-strip .agenda-today-button.is-active strong {
  color: #182230;
  font-size: 11px;
  line-height: 1.1;
}

.agenda-mobile-date-strip button.is-active span,
.agenda-mobile-date-strip button.is-active strong,
.agenda-mobile-date-strip .agenda-today-button.is-active strong {
  color: var(--purple);
}

.side-panel:not(.is-fullscreen) .agenda-mobile-date-strip,
.side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-date-strip {
  width: 100%;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed .agenda-workspace-date-strip {
  width: min(480px, 100%);
  margin-top: 12px;
  padding: 4px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-workspace-date-strip {
  margin-top: 10px;
  padding: 4px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page:is(.is-editor-closed, :not(.is-editor-closed)) .agenda-workspace-date-strip > button {
  height: 44px;
  min-height: 44px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row,
.side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row {
  min-height: 36px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row .agenda-session-description,
.side-panel.is-fullscreen .fullscreen-agenda-page:not(.is-editor-closed) .agenda-page-list > .agenda-row .agenda-session-description {
  display: none;
}

@media (max-width: 520px) {
  .agenda-mobile-date-strip,
  .side-panel.is-fullscreen .agenda-workspace-date-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .agenda-mobile-date-strip button,
  .agenda-mobile-date-strip .agenda-today-button {
    padding-inline: 6px;
  }
}

/* Agenda v172: short fullscreen sessions retain a readable, centered title. */
.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row.is-agenda-compact {
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding-block: 5px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row.is-agenda-compact .agenda-time,
.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row.is-agenda-compact .agenda-copy {
  align-self: stretch;
  align-content: center;
  min-height: 0;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row.is-agenda-compact .agenda-time {
  padding-block: 0;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row.is-agenda-compact .agenda-copy strong {
  font-size: 12px;
}

.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row.is-agenda-compact :is(.agenda-copy small, .agenda-session-description, .agenda-card-meta, .agenda-drag-handle),
.side-panel.is-fullscreen .fullscreen-agenda-page.is-editor-closed:not(.is-agenda-list-sort) .agenda-page-list > .agenda-row.is-agenda-compact > em {
  display: none;
}

/* Registration vNext: inventory, codes, allocations, and history share existing workspace patterns. */
.registration-workspace-tabs { display: flex; align-items: center; gap: 4px; padding: 4px; border: 1px solid #dfe7f2; border-radius: 7px; background: #f8f9fc; }
.registration-workspace-tabs button { min-height: 30px; padding: 0 10px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: #667085; font-size: 10px; font-weight: 500; }
.registration-workspace-tabs button:hover, .registration-workspace-tabs button:focus-visible { border-color: #d7ccff; background: #fff; color: #6633f1; outline: 0; }
.registration-workspace-tabs button.is-active { border-color: #d7ccff; background: #fff; color: #4c25bc; box-shadow: 0 1px 3px rgba(16, 24, 40, 0.08); }

/* Keep inventory search and filters in the page header scan path. */
.side-panel.is-fullscreen .fullscreen-ticket-page .registration-page-filters { width: 100%; margin: 0; padding-bottom: 0; border-bottom: 0; }
.side-panel.is-fullscreen .fullscreen-ticket-page:not(.is-inventory-view) .registration-page-filters { display: none; }

/* Keep the full-screen overview dense: navigation first, filters second, and all readiness states in one scan row. */
.side-panel.is-fullscreen .fullscreen-ticket-page .registration-page-filters { margin-top: -2px; }
.side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); min-height: 44px; }
.side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip > span { gap: 1px; padding: 8px 11px; }
.side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip small { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }

.side-panel.is-fullscreen .fullscreen-ticket-page :is(.registration-codes-workspace, .registration-allocations-workspace, .registration-history-workspace) { display: grid; width: 100%; max-width: 1180px; gap: 14px; margin: 0 auto; padding: 18px 0 30px; }
.side-panel.is-fullscreen .fullscreen-ticket-page :is(.registration-codes-workspace, .registration-allocations-workspace, .registration-history-workspace)[hidden] { display: none; }
.registration-view-header, .registration-editor-header, .registration-editor-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.registration-view-header > div:first-child, .registration-editor-header > div { display: grid; gap: 2px; }
.registration-view-header h4, .registration-editor-header h5 { margin: 0; color: #182230; font-size: 16px; font-weight: 600; }
.registration-view-header small, .registration-editor-header small, .registration-editor-section small { color: #667085; font-size: 10px; line-height: 1.4; }
.registration-view-header > div:last-child, .registration-row-actions { display: flex; align-items: center; gap: 7px; }

.registration-code-filters { display: flex; flex-wrap: wrap; gap: 6px; }
.registration-code-filters button { min-height: 28px; padding: 0 9px; border: 1px solid #dfe7f2; border-radius: 999px; background: #fff; color: #667085; font-size: 9px; font-weight: 500; }
.registration-code-filters button.is-active { border-color: #cdbfff; background: #f5f1ff; color: #5e32d7; }
.registration-code-list, .registration-allocation-list { display: grid; gap: 8px; }
.registration-code-row, .registration-allocation-row { display: grid; grid-template-columns: minmax(150px, 1.2fr) 90px minmax(130px, 1fr) 94px 116px auto minmax(220px, auto); align-items: center; gap: 12px; padding: 12px; border: 1px solid #dfe7f2; border-radius: 7px; background: #fff; }
.registration-allocation-row { grid-template-columns: minmax(170px, 1.3fr) 70px 70px 78px minmax(125px, 1fr) minmax(210px, auto); }
.registration-code-main, .registration-code-row > span, .registration-allocation-row > div:first-child, .registration-allocation-row > span { display: grid; min-width: 0; gap: 2px; }
.registration-code-main strong, .registration-allocation-row > div:first-child strong, .registration-code-row > span strong, .registration-allocation-row > span strong { overflow: hidden; color: #182230; font-size: 10px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.registration-code-main span, .registration-code-row small, .registration-allocation-row small { overflow: hidden; color: #667085; font-size: 8px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.registration-code-main .registration-code-conflict { color: #b54708; font-weight: 600; }
.registration-code-status { width: fit-content; min-height: var(--ds-pill-height); display: inline-flex; align-items: center; padding: 0 var(--ds-pill-padding); border: 1px solid #dce3ed; border-radius: var(--ds-pill-radius); background: #f2f4f7; color: #667085; font-size: var(--ds-pill-font-size); font-style: normal; font-weight: 500; }
.registration-code-status.is-active { border-color: #a9e4cb; background: #eafaf3; color: #16875d; }
.registration-code-status.is-expired { border-color: #edc36f; background: #fff3d8; color: #9b6500; }
.registration-row-actions button { min-height: 28px; padding: 0 8px; border: 1px solid #dfe7f2; border-radius: 5px; background: #fff; color: #4c25bc; font-size: 8px; font-weight: 500; white-space: nowrap; }
.registration-row-actions button:hover, .registration-row-actions button:focus-visible { border-color: #cdbfff; background: #f5f1ff; outline: 0; }
.registration-row-actions button.is-destructive { color: #c9362b; }

.registration-allocation-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid #dfe7f2; border-radius: 7px; background: #f8f9fc; }
.registration-allocation-summary > span { display: grid; gap: 2px; padding: 11px 13px; border-right: 1px solid #dfe7f2; }
.registration-allocation-summary > span:last-child { border-right: 0; }
.registration-allocation-summary strong { color: #182230; font-size: 15px; font-weight: 600; }
.registration-allocation-summary small { color: #667085; font-size: 9px; }
.registration-empty-state { display: grid; min-height: 190px; place-items: center; align-content: center; gap: 7px; border: 1px dashed #cfd8e6; border-radius: 7px; background: #fff; color: #667085; text-align: center; }
.registration-empty-state > .ui-icon-host { width: 24px; height: 24px; color: #6633f1; }
.registration-empty-state strong { color: #182230; font-size: 12px; }
.registration-empty-state small { font-size: 9px; }

.registration-history-list { display: grid; gap: 8px; }
.registration-history-row { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: start; gap: 10px; padding: 12px; border: 1px solid #dfe7f2; border-radius: 7px; background: #fff; }
.registration-history-row > i { width: 8px; height: 8px; margin-top: 4px; border-radius: 999px; background: #98a2b3; }
.registration-history-row > i.is-success { background: #12b886; }
.registration-history-row > i.is-code { background: #6633f1; }
.registration-history-row > i.is-allocation { background: #2778c4; }
.registration-history-row > i.is-warning { background: #e6a326; }
.registration-history-row > i.is-draft { background: #8a5cf6; }
.registration-history-row > i.is-update { background: #667085; }
.registration-history-row > div { display: grid; min-width: 0; gap: 2px; }
.registration-history-row strong { color: #182230; font-size: 10px; font-weight: 600; }
.registration-history-row small, .registration-history-row span, .registration-history-row time { color: #667085; font-size: 8px; line-height: 1.4; }
.registration-history-row span { color: #475467; font-weight: 500; }
.registration-history-row time { padding-top: 1px; white-space: nowrap; text-align: right; }

/* Fullscreen history favors a scan-friendly activity table; the 491px panel retains activity cards. */
.registration-history-workspace .registration-history-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 36px; }
.registration-history-filters { display: flex; align-items: center; gap: 4px; padding: 3px; border: 1px solid #dfe7f2; border-radius: 7px; background: #f8f9fc; }
.registration-history-filters button { min-height: 28px; padding: 0 9px; border: 0; border-radius: 5px; background: transparent; color: #667085; font: inherit; font-size: 9px; font-weight: 600; white-space: nowrap; }
.registration-history-filters button:hover, .registration-history-filters button:focus-visible { background: #f1edff; color: #4c25bc; outline: 0; }
.registration-history-filters button.is-active { background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); color: #4c25bc; }
.registration-history-toolbar > span { color: #667085; font-size: 9px; font-weight: 500; white-space: nowrap; }
.registration-history-workspace .registration-history-list { gap: 0; }
.registration-history-table-wrap { overflow-x: auto; border: 1px solid #dfe7f2; border-radius: 7px 7px 0 0; background: #fff; }
.registration-history-table { width: 100%; min-width: 700px; border-collapse: collapse; table-layout: fixed; }
.registration-history-table th { height: 36px; padding: 0 13px; border-bottom: 1px solid #dfe7f2; background: #f8f9fc; color: #667085; font-size: 8px; font-weight: 600; letter-spacing: .02em; text-align: left; text-transform: uppercase; }
.registration-history-table th:nth-child(1) { width: 48%; }
.registration-history-table th:nth-child(2) { width: 16%; }
.registration-history-table th:nth-child(3) { width: 19%; }
.registration-history-table th:nth-child(4) { width: 17%; }
.registration-history-table td { padding: 10px 13px; border-bottom: 1px solid #edf1f6; color: #475467; font-size: 9px; vertical-align: middle; }
.registration-history-table tbody tr:last-child td { border-bottom: 0; }
.registration-history-table tbody tr:hover { background: #fbfaff; }
.registration-history-activity { display: grid; grid-template-columns: 8px minmax(0, 1fr); align-items: start; gap: 9px; }
.registration-history-activity > i { width: 8px; height: 8px; margin-top: 3px; border-radius: 999px; background: #98a2b3; }
.registration-history-activity > i.is-success { background: #12b886; }
.registration-history-activity > i.is-code { background: #6633f1; }
.registration-history-activity > i.is-allocation { background: #2778c4; }
.registration-history-activity > i.is-warning { background: #e6a326; }
.registration-history-activity > i.is-draft { background: #8a5cf6; }
.registration-history-activity > i.is-update { background: #667085; }
.registration-history-activity > div { display: grid; min-width: 0; gap: 2px; }
.registration-history-activity strong { overflow: hidden; color: #182230; font-size: 10px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.registration-history-activity small { overflow: hidden; color: #667085; font-size: 8px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.registration-history-kind { display: inline-flex; align-items: center; min-height: var(--ds-pill-height); padding: 0 var(--ds-pill-padding); border: 1px solid #dfe7f2; border-radius: var(--ds-pill-radius); background: #f8f9fc; color: #667085; font-size: var(--ds-pill-font-size); font-weight: 500; white-space: nowrap; }
.registration-history-kind.is-code { border-color: #ded4ff; background: #f5f1ff; color: #5a2dcc; }
.registration-history-kind.is-allocation { border-color: #cce1f7; background: #eef7ff; color: #1769aa; }
.registration-history-actor { display: inline-flex; align-items: center; gap: 6px; color: #475467; font-size: 9px; font-weight: 500; white-space: nowrap; }
.registration-history-actor b { display: inline-grid; width: 18px; height: 18px; place-items: center; border: 1px solid #dbe4f0; border-radius: 999px; background: #f5f7fa; color: #667085; font-size: 7px; font-weight: 700; }
.registration-history-table time { color: #667085; font-size: 8px; white-space: nowrap; }
.registration-history-no-results td { padding: 28px 13px; color: #667085; text-align: center; }
.registration-history-table-footer { display: flex; align-items: center; justify-content: space-between; min-height: 32px; padding: 0 12px; border: 1px solid #dfe7f2; border-top: 0; border-radius: 0 0 7px 7px; background: #fafbfc; color: #667085; font-size: 8px; }

@media (max-width: 860px) {
  .registration-history-workspace .registration-history-toolbar { align-items: flex-start; flex-direction: column; }
  .registration-history-filters { width: 100%; overflow-x: auto; }
  .registration-history-toolbar > span { padding-left: 3px; }
}

.registration-option-code-summary { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 11px 12px; border: 1px solid #dfe7f2; border-radius: 7px; background: #f8f9fc; }
.registration-option-code-summary > div { display: grid; gap: 2px; }
.registration-option-code-summary strong { color: #182230; font-size: 11px; font-weight: 600; }
.registration-option-code-summary small, .registration-option-code-summary p { margin: 0; color: #667085; font-size: 9px; line-height: 1.35; }
.registration-option-code-summary .ticket-secondary-button { min-height: 30px; white-space: nowrap; }

/* Registration option owns promo codes, access codes, and allocations in one editor. */
.registration-option-management { gap: 10px; }
.registration-option-management > .ticket-section-heading { align-items: center; }
.registration-option-add { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 5px; min-height: 28px; padding-inline: 9px; white-space: nowrap; }
.registration-option-add .ui-icon-host { width: 12px; height: 12px; }
.registration-option-related-list { display: grid; overflow: visible; border: 1px solid #dfe7f2; border-radius: 7px; background: #fff; }
.registration-option-related-list:empty { display: none; }
.registration-option-related-row { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto 28px; align-items: center; min-height: 52px; gap: 8px; padding: 7px 8px; border-bottom: 1px solid #e7edf5; }
.registration-option-related-row:last-child { border-bottom: 0; }
.registration-option-related-main { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 8px; min-width: 0; padding: 0; border: 0; background: transparent; color: #182230; text-align: left; cursor: pointer; }
.registration-option-related-main:hover strong, .registration-option-related-main:focus-visible strong { color: #5a2dcc; }
.registration-option-related-main:focus-visible { border-radius: 5px; outline: 2px solid rgba(102, 51, 241, 0.18); outline-offset: 2px; }
.registration-option-related-main > span:last-child { display: grid; min-width: 0; gap: 2px; }
.registration-option-related-main strong, .registration-option-related-main small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.registration-option-related-main strong { font-size: 10px; font-weight: 600; }
.registration-option-related-main small { color: #667085; font-size: 8px; line-height: 1.35; }
.registration-option-related-icon { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 6px; background: #f3efff; color: #6633f1; }
.registration-option-related-icon .ui-icon-svg { width: 13px; height: 13px; }
.registration-option-allocation-count { color: #667085; font-size: 8px; font-style: normal; font-weight: 600; white-space: nowrap; }
.registration-option-related-menu { position: relative; }
.registration-option-related-menu > summary { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 5px; color: #667085; cursor: pointer; list-style: none; }
.registration-option-related-menu > summary::-webkit-details-marker { display: none; }
.registration-option-related-menu > summary:hover, .registration-option-related-menu > summary:focus-visible { background: #f2f4f7; color: #344054; outline: 0; }
.registration-option-related-menu > summary .ui-icon-host { width: 14px; height: 14px; }
.registration-option-related-menu > div { position: absolute; z-index: 20; top: calc(100% + 4px); right: 0; display: grid; width: 136px; gap: 2px; padding: 4px; border: 1px solid #d7e0eb; border-radius: 6px; background: #fff; box-shadow: 0 10px 24px rgba(16, 24, 40, 0.14); }
.registration-option-related-menu button { min-height: 28px; padding: 0 8px; border: 0; border-radius: 4px; background: transparent; color: #344054; font: inherit; font-size: 9px; font-weight: 500; text-align: left; }
.registration-option-related-menu button:hover, .registration-option-related-menu button:focus-visible { background: #f5f2ff; color: #5a2dcc; outline: 0; }
.registration-option-related-menu button.is-destructive { color: #b42318; }
.registration-option-related-menu button:disabled { color: #98a2b3; cursor: not-allowed; }
.registration-option-related-empty { display: grid; min-height: 62px; place-items: center; align-content: center; gap: 2px; padding: 10px; border: 1px dashed #d7e0eb; border-radius: 7px; background: #fbfcfe; text-align: center; }
.registration-option-related-empty[hidden] { display: none; }
.registration-option-related-empty strong { color: #344054; font-size: 9px; font-weight: 600; }
.registration-option-related-empty small { max-width: 300px; color: #667085; font-size: 8px; line-height: 1.35; }
.registration-option-management.ticket-promo-host .ticket-promo-empty { min-height: 82px; padding: 12px; }
.registration-option-management.ticket-promo-host .ticket-promo-empty > .ui-icon-host { display: none; }
.registration-option-management.ticket-promo-host .ticket-promo-list { overflow: visible; border: 1px solid #dfe7f2; border-radius: 7px; background: #fff; }
.registration-option-management.ticket-promo-host .ticket-promo-card { min-height: 52px; gap: 8px; padding: 7px 8px; border: 0; border-bottom: 1px solid #e7edf5; border-radius: 0; }
.registration-option-management.ticket-promo-host .ticket-promo-card:last-child { border-bottom: 0; }

@media (max-width: 600px) {
  .registration-option-related-row { grid-template-columns: minmax(0, 1fr) 28px; }
  .registration-option-related-row > :is(.registration-code-status, .registration-option-allocation-count) { display: none; }
  .registration-option-management > .ticket-section-heading { align-items: flex-start; }
}

.registration-code-editor, .registration-allocation-editor { max-width: 760px; padding: 16px; border: 1px solid #dfe7f2; border-radius: 7px; background: #f8f9fc; }
.registration-editor-grid { display: grid; gap: 12px; margin-top: 14px; }
.registration-editor-section { display: grid; gap: 10px; padding: 12px; border: 1px solid #dfe7f2; border-radius: 6px; background: #fff; }
.registration-editor-section > div:first-child { display: grid; gap: 2px; }
.registration-editor-section strong { color: #344054; font-size: 10px; font-weight: 600; }
.registration-inline-field { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.registration-inline-field .ticket-secondary-button { min-height: 34px; }
.registration-editor-grid [data-registration-discount-fields][hidden],
.registration-editor-grid [data-registration-code-limit][hidden] { display: none !important; }
.registration-editor-footer { justify-content: flex-end; margin-top: 16px; padding-top: 12px; border-top: 1px solid #dfe7f2; }

/* Registration uses the shared CMS / Combobox multi-select pattern for option scope. */
.registration-option-combobox { position: relative; gap: 5px; }
.registration-option-combobox-control { position: relative; }
.registration-option-combobox-trigger { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 34px; gap: 8px; padding: 0 10px; border: 1px solid #d9e1ec; border-radius: 6px; background: #fff; color: var(--ink); font: inherit; font-size: 11px; font-weight: 400; text-align: left; }
.registration-option-combobox-trigger > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.registration-option-combobox-trigger > .ui-icon-host { width: 14px; height: 14px; flex: 0 0 auto; color: #667085; }
.registration-option-combobox-trigger:focus-visible { border-color: rgba(102, 51, 241, 0.58); outline: 2px solid rgba(102, 51, 241, 0.12); outline-offset: 0; }
.registration-option-combobox-trigger[aria-invalid="true"] { border-color: #b42318; background: #fffafa; }
.registration-option-combobox-list { position: absolute; z-index: 20; top: calc(100% + 4px); right: 0; left: 0; display: grid; gap: 2px; max-height: 184px; overflow-y: auto; padding: 4px; border: 1px solid #cfd8e5; border-radius: 6px; background: #fff; box-shadow: 0 8px 16px rgba(16, 24, 40, 0.12); }
.registration-option-combobox-list[hidden] { display: none; }
.registration-option-combobox-option { display: flex; align-items: center; justify-content: space-between; min-width: 0; min-height: 30px; gap: 8px; padding: 0 8px; border: 0; border-radius: 4px; background: transparent; color: #475467; font: inherit; font-size: 10px; font-weight: 500; text-align: left; }
.registration-option-combobox-option > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.registration-option-combobox-option:hover { background: #f4f1ff; color: #4c25bc; }
.registration-option-combobox-option:focus-visible { outline: 2px solid rgba(102, 51, 241, 0.2); outline-offset: -2px; }
.registration-option-combobox-check { width: 13px; height: 13px; flex: 0 0 auto; color: transparent; }
.registration-option-combobox-option.is-selected { background: #f4f1ff; color: #4c25bc; }
.registration-option-combobox-option.is-selected .registration-option-combobox-check { color: #6633f1; }
.registration-option-combobox > small { margin-top: -1px; color: #667085; }

/* The Registration create menu follows the existing compact action-menu pattern. */
.registration-create-menu { position: relative; }
.registration-sidepanel-workspace { display: grid; gap: 8px; min-width: 0; }
.registration-sidepanel-toolbar { display: flex; align-items: center; justify-content: flex-end; min-width: 0; }
.registration-sidepanel-actions { display: flex; align-items: center; gap: 5px; }
.registration-copy-url-button { flex: 0 0 auto; min-height: 26px; padding: 0 8px; border: 1px solid #dfe7f2; border-radius: 5px; background: #fff; color: #4c25bc; font-size: 8px; font-weight: 600; white-space: nowrap; }
.registration-copy-url-button:hover, .registration-copy-url-button:focus-visible { border-color: #cdbfff; background: #f8f6ff; outline: 0; }
.registration-sidepanel-view { display: none; gap: 8px; min-width: 0; }
.registration-sidepanel-view.is-active { display: grid; }
.registration-sidepanel-view[hidden] { display: none; }
.registration-sidepanel-section-heading { align-items: flex-start; min-height: 36px; }
.registration-sidepanel-list { display: grid; gap: 6px; }
.registration-sidepanel-history-list { gap: 6px; }
.registration-sidepanel-history-list .registration-history-row { grid-template-columns: 7px minmax(0, 1fr); gap: 7px; padding: 8px 9px; }
.registration-sidepanel-history-list .registration-history-row > i { width: 7px; height: 7px; margin-top: 3px; }
.registration-sidepanel-history-list .registration-history-row strong { font-size: 9px; }
.registration-sidepanel-history-list .registration-history-row small, .registration-sidepanel-history-list .registration-history-row span { overflow: hidden; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.registration-sidepanel-history-list .registration-history-row time { display: none; }
.registration-sidepanel-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; width: 100%; min-height: 48px; padding: 8px 9px; border: 1px solid #dfe7f2; border-radius: 7px; background: #fff; color: #182230; text-align: left; }
.registration-sidepanel-row:hover, .registration-sidepanel-row:focus-visible { border-color: #cdbfff; background: #faf8ff; outline: 0; }
.registration-sidepanel-row-main, .registration-sidepanel-row-meta { display: grid; min-width: 0; gap: 2px; }
.registration-sidepanel-row-main strong, .registration-sidepanel-row-meta strong { overflow: hidden; color: #182230; font-size: 10px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.registration-sidepanel-row-main small, .registration-sidepanel-row-meta small { overflow: hidden; color: #667085; font-size: 8px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.registration-sidepanel-row-meta { justify-items: end; text-align: right; }
.registration-sidepanel-row-meta .registration-code-status { padding: 0 var(--ds-pill-padding); font-size: var(--ds-pill-font-size); }
.registration-sidepanel-empty { display: grid; min-height: 130px; place-items: center; align-content: center; gap: 6px; padding: 12px; border: 1px dashed #cfd8e6; border-radius: 7px; background: #fbfcfe; color: #667085; text-align: center; }
.registration-sidepanel-empty[hidden] { display: none; }
.registration-sidepanel-empty strong { color: #182230; font-size: 10px; font-weight: 600; }
.registration-sidepanel-empty small { max-width: 260px; font-size: 8px; line-height: 1.4; }
.registration-sidepanel-empty .ticket-secondary-button { margin-top: 2px; font-size: 9px; }
.registration-sidepanel-create-menu { z-index: 30; margin-left: 0; }
.registration-sidepanel-create-menu > .ticket-icon-button { width: 28px; height: 28px; border-color: #cdbfff; }
.registration-sidepanel-create-menu > .ticket-icon-button .ui-icon-host { width: 15px; height: 15px; }
.registration-create-menu > .ticket-primary-button { gap: 7px; }
.registration-create-menu > .ticket-primary-button > .ui-icon-host:last-child { width: 14px; height: 14px; }
.registration-create-menu-popover { position: absolute; z-index: 80; top: calc(100% + 8px); right: 0; display: grid; width: 292px; gap: 3px; padding: 6px; border: 1px solid #dfe7f2; border-radius: 7px; background: #fff; box-shadow: 0 14px 32px rgba(20, 28, 45, 0.16); }
.registration-create-menu-popover[hidden] { display: none; }
.registration-create-menu-popover > button { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 9px; width: 100%; min-height: 50px; padding: 8px; border: 0; border-radius: 5px; background: transparent; color: #182230; text-align: left; }
.registration-create-menu-popover > button > .ui-icon-host { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 5px; background: #f5f1ff; color: #6633f1; }
.registration-create-menu-popover > button > span:last-child { display: grid; min-width: 0; gap: 2px; }
.registration-create-menu-popover strong { color: #182230; font-size: 10px; font-weight: 600; }
.registration-create-menu-popover small { color: #667085; font-size: 8px; line-height: 1.35; }
.registration-create-menu-popover > button:hover, .registration-create-menu-popover > button:focus-visible { background: #f8f6ff; outline: 0; }

/* Promo codes and allocations use the same pushed 419px quick-edit panel as Registration. */
.register-quick-panel .registration-quick-content { height: 100%; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden; }
.register-quick-panel .registration-quick-content[hidden] { display: none; }
.register-quick-panel .registration-quick-content .registration-editor-header { min-height: 64px; padding: 14px; border-bottom: 1px solid #dfe7f2; background: #fff; }
.register-quick-panel .registration-quick-content .registration-editor-grid { align-content: start; min-height: 0; margin: 0; overflow-y: auto; padding: 14px; background: #fbfcfe; }
.register-quick-panel .registration-quick-content .registration-editor-section { background: #fff; }
.register-quick-panel .registration-quick-content .registration-editor-footer { min-height: 58px; margin: 0; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid #dfe7f2; background: #fff; }
.register-quick-panel[data-quick-mode="code"] .register-quick-form,
.register-quick-panel[data-quick-mode="allocation"] .register-quick-form { display: none !important; }

/* The side-panel create actions reuse the existing editor markup without creating an overlay. */
.registration-sidepanel-quick-panel { min-height: 0; }
.registration-sidepanel-quick-content { display: grid; gap: 0; min-height: 0; }
.registration-sidepanel-quick-content[hidden] { display: none; }
.registration-sidepanel-quick-content .registration-editor-header { padding: 2px 0 10px; border-bottom: 1px solid #dfe7f2; }
.registration-sidepanel-quick-content .registration-editor-header h5 { font-size: 13px; }
.registration-sidepanel-quick-content .registration-editor-grid { align-content: start; gap: 10px; margin-top: 10px; }
.registration-sidepanel-quick-content .registration-editor-section { gap: 8px; padding: 10px; background: #f8f9fc; }
.registration-sidepanel-quick-content .registration-editor-footer { position: sticky; bottom: 0; z-index: 2; margin-top: 10px; padding: 10px 0 2px; background: #fff; }

.registration-batch-dialog, .registration-archive-dialog { position: fixed; inset: 0; z-index: 180; display: grid; place-items: center; padding: 20px; background: rgba(19, 27, 44, 0.32); }
.registration-batch-dialog[hidden], .registration-archive-dialog[hidden] { display: none; }
.registration-batch-dialog > section, .registration-archive-dialog > section { display: grid; width: min(480px, 100%); gap: 14px; padding: 18px; border: 1px solid #d9e2ee; border-radius: 7px; background: #fff; box-shadow: 0 20px 56px rgba(20, 28, 45, 0.22); }
.registration-batch-dialog header, .registration-batch-dialog footer, .registration-archive-dialog header, .registration-archive-dialog footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.registration-batch-dialog h3, .registration-archive-dialog h3 { margin: 1px 0 0; color: #182230; font-size: 14px; }
.registration-archive-dialog header small { max-width: 390px; color: #667085; font-size: 10px; line-height: 1.45; }
.registration-batch-dialog header > button, .registration-archive-dialog header > button { display: grid; width: 30px; height: 30px; place-items: center; border: 0; border-radius: 6px; background: transparent; color: #667085; }
.registration-batch-dialog footer, .registration-archive-dialog footer { justify-content: flex-end; }
.registration-archive-confirm { border-color: #9b6500 !important; background: #9b6500 !important; }
.registration-archive-confirm:hover, .registration-archive-confirm:focus-visible { border-color: #7a4800 !important; background: #7a4800 !important; outline: 0; }
.registration-generated-codes { display: grid; gap: 6px; padding: 10px; border: 1px solid #d7ccff; border-radius: 6px; background: #f8f6ff; }
.registration-generated-codes strong { color: #4c25bc; font-size: 10px; }
.registration-generated-codes small { color: #667085; font-size: 8px; }
.registration-generated-codes > div { display: flex; max-height: 100px; flex-wrap: wrap; gap: 5px; overflow: auto; }
.registration-generated-codes code { padding: 4px 6px; border-radius: 4px; background: #fff; color: #4c25bc; font-size: 8px; }

[data-ticket-paid-only][hidden], [data-ticket-capacity-only][hidden] { display: none !important; }
[data-ticket-inventory-only][hidden], .registration-empty-state[hidden] { display: none !important; }
.ticket-inventory-main { grid-template-columns: minmax(150px, 1.35fr) 70px 100px 112px 94px 88px 72px; }
.registration-capacity-cell i { display: block; height: 4px; overflow: hidden; border-radius: 999px; background: #e9eef5; }
.registration-capacity-cell i b { display: block; height: 100%; border-radius: inherit; background: #6633f1; }
.prototype-shell.is-ticket-management.has-register-quick-panel .side-panel.is-fullscreen .ticket-inventory-main { grid-template-columns: minmax(150px, 1fr) 70px 84px 72px; }
.prototype-shell.is-ticket-management.has-register-quick-panel .side-panel.is-fullscreen .ticket-inventory-main > span:nth-of-type(3), .prototype-shell.is-ticket-management.has-register-quick-panel .side-panel.is-fullscreen .ticket-inventory-main > span:nth-of-type(4), .prototype-shell.is-ticket-management.has-register-quick-panel .side-panel.is-fullscreen .ticket-inventory-main > span:nth-of-type(5) { display: none; }

@media (max-width: 980px) {
  .registration-code-row, .registration-allocation-row { grid-template-columns: minmax(160px, 1.4fr) repeat(2, minmax(74px, 0.7fr)) auto; }
  .registration-code-row > span:nth-of-type(2), .registration-code-row > span:nth-of-type(3), .registration-allocation-row > span:nth-of-type(4), .registration-allocation-row > span:nth-of-type(5) { display: none; }
}
@media (max-width: 840px) {
  .ticket-inventory-main { grid-template-columns: minmax(150px, 1fr) 76px auto; }
  .ticket-inventory-main > span:nth-of-type(3), .ticket-inventory-main > span:nth-of-type(4), .ticket-inventory-main > span:nth-of-type(5), .ticket-inventory-main > span:nth-of-type(6) { display: none; }
  .registration-code-row, .registration-allocation-row { grid-template-columns: minmax(0, 1fr) auto; }
  .registration-code-row > span, .registration-allocation-row > span, .registration-row-actions button:not(:first-child) { display: none; }
}
@media (max-width: 600px) {
  .registration-workspace-tabs { overflow-x: auto; }
  .registration-workspace-tabs button { flex: 0 0 auto; }
  .registration-view-header, .registration-editor-header { align-items: flex-start; flex-direction: column; }
  .registration-view-header > div:last-child { width: 100%; }
  .registration-view-header > div:last-child button { flex: 1; }
  .registration-allocation-summary { grid-template-columns: 1fr; }
  .registration-allocation-summary > span { border-right: 0; border-bottom: 1px solid #dfe7f2; }
  .registration-allocation-summary > span:last-child { border-bottom: 0; }
  .registration-inline-field { grid-template-columns: minmax(0, 1fr); }
  .registration-option-code-summary { grid-template-columns: 1fr auto; }
  .registration-option-code-summary p { display: none; }
  .registration-editor-footer { flex-wrap: wrap; }
  .registration-create-menu:not(.registration-sidepanel-create-menu) { width: 100%; }
  .registration-create-menu:not(.registration-sidepanel-create-menu) > .ticket-primary-button { width: 100%; justify-content: center; }
  .registration-create-menu-popover { right: auto; left: 0; width: min(292px, 100%); }
}

/* Briefly reconnect a closed nested editor with its source row. */
.agenda-row.is-return-highlight,
.speaker-row.is-return-highlight,
.sponsor-row-copy.is-return-highlight,
[data-sponsor-open].is-return-highlight {
  animation: nested-editor-return-highlight 1200ms ease-out;
}

@keyframes nested-editor-return-highlight {
  0%, 45% {
    box-shadow: inset 3px 0 #6633f1, 0 0 0 2px rgba(102, 51, 241, 0.16);
  }
  100% {
    box-shadow: inset 3px 0 transparent, 0 0 0 0 rgba(102, 51, 241, 0);
  }
}

/* Shared continuity and recovery behavior for focused record editors. */
.shared-record-navigation {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  white-space: nowrap;
}

.shared-record-navigation > span {
  margin-right: 4px;
  color: #667085;
  font-size: 11px;
  font-weight: 600;
}

.shared-record-navigation button {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid #d9e1ec;
  border-radius: 7px;
  background: #fff;
  color: #475467;
}

.shared-record-navigation button:hover:not(:disabled),
.shared-record-navigation button:focus-visible {
  border-color: #bda7ff;
  color: #6633f1;
  outline: 2px solid #eee8ff;
  outline-offset: 1px;
}

.shared-record-navigation button:disabled {
  opacity: 0.35;
  cursor: default;
}

.shared-record-navigation [data-ui-icon] {
  width: 15px;
  height: 15px;
}

.shared-editor-notices {
  display: grid;
  gap: 6px;
  padding: 8px 12px 0;
}

.shared-editor-notices:empty {
  display: none;
}

.shared-editor-notice {
  min-height: 42px;
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border: 1px solid #dce4ee;
  border-radius: 7px;
  background: #f8fafc;
  color: #344054;
}

.shared-editor-notice-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #667085;
}

.shared-editor-notice > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.shared-editor-notice strong {
  font-size: 12px;
  line-height: 1.25;
}

.shared-editor-notice small {
  overflow: hidden;
  color: #667085;
  font-size: 10px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-editor-notice button {
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #cbbcff;
  border-radius: 7px;
  background: #fff;
  color: #5925dc;
  font-size: 11px;
  font-weight: 700;
}

.shared-editor-notice.is-resume {
  border-color: #d8ccff;
  background: #faf8ff;
}

.shared-editor-notice.is-resume .shared-editor-notice-dot {
  background: #7f56d9;
}

.shared-editor-notice.is-warning {
  border-color: #f5d48f;
  background: #fffbf2;
}

.shared-editor-notice.is-warning .shared-editor-notice-dot {
  background: #f59e0b;
}

.shared-editor-notice.is-error {
  border-color: #f3b6b2;
  background: #fff7f6;
}

.shared-editor-notice.is-error .shared-editor-notice-dot {
  background: #d92d20;
}

.shared-editor-notice.is-success .shared-editor-notice-dot {
  background: #12a37d;
}

.shared-editor-notice.is-loading .shared-editor-notice-dot {
  background: #7f56d9;
  animation: shared-editor-pulse 1.2s ease-in-out infinite;
}

@keyframes shared-editor-pulse {
  0%, 100% { opacity: 0.35; transform: scale(0.8); }
  50% { opacity: 1; transform: scale(1); }
}

.shared-impact-list {
  display: grid;
  gap: 8px;
  margin: 14px 0 0;
  padding: 12px 12px 12px 30px;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #f8fafc;
  color: #475467;
}

.shared-impact-dialog > section {
  width: min(520px, 100%);
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto auto;
}

.shared-impact-dialog > section > p,
.shared-impact-dialog > section > .shared-impact-list {
  grid-column: 1 / -1;
}

.shared-impact-dialog > section > p {
  margin: 0;
  padding: 14px 16px 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
}

.shared-impact-dialog .shared-impact-list {
  margin: 12px 16px 16px;
}

.shared-impact-list li {
  padding-left: 2px;
  font-size: 12px;
  line-height: 1.4;
}

.shared-publish-impact-summary {
  display: grid;
  gap: 3px;
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid #d8ccff;
  border-radius: 7px;
  background: #faf8ff;
}

.shared-publish-impact-summary strong {
  color: #344054;
  font-size: 12px;
}

.shared-publish-impact-summary span {
  color: #667085;
  font-size: 11px;
  line-height: 1.4;
}

@media (max-width: 720px) {
  .shared-record-navigation > span {
    display: none;
  }

  .shared-editor-notice small {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .shared-editor-notice.is-loading .shared-editor-notice-dot {
    animation: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .agenda-row.is-return-highlight,
  .speaker-row.is-return-highlight,
  .sponsor-row-copy.is-return-highlight,
  [data-sponsor-open].is-return-highlight {
    animation: none;
    outline: 2px solid rgba(102, 51, 241, 0.35);
    outline-offset: -2px;
  }
}

/* Registration cleanup: keep the list workspace compact and make the shared 419px panel easy to scan. */
.side-panel.is-fullscreen .fullscreen-ticket-page {
  gap: 12px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-page-header {
  min-height: 72px;
  gap: 16px;
  padding-bottom: 12px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-page-header > div:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-page-header .eyebrow {
  margin-bottom: 0;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-page-header h3 {
  font-size: 21px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-page-actions {
  flex: 0 0 auto;
  gap: 8px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-page-actions .ticket-save-state {
  padding: 0;
  background: transparent;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-page-actions .ticket-primary-button {
  min-height: 32px;
  padding-inline: 12px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .registration-workspace-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, max-content));
  justify-content: start;
  width: 100%;
  gap: 3px;
  padding: 3px;
  border-radius: 7px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .registration-workspace-tabs button {
  min-height: 29px;
  padding-inline: 10px;
  font-size: 9px;
  white-space: nowrap;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .registration-page-filters {
  gap: 7px;
  padding: 2px 0 0;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .registration-page-filters :is(input, select) {
  min-height: 34px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: 54px;
  overflow: hidden;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip > span {
  grid-column: auto;
  min-width: 0;
  min-height: 52px;
  padding: 9px 12px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip > span:last-child {
  border-right: 0;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-workspace-body {
  min-width: 0;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-meta {
  min-height: 42px;
  padding-block: 4px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-meta > div {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .ticket-inventory-meta > div > span {
  margin: 0;
}

.side-panel.is-fullscreen .fullscreen-ticket-page :is(.registration-codes-workspace, .registration-allocations-workspace, .registration-history-workspace) {
  gap: 12px;
  padding-block: 14px 26px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .registration-view-header {
  min-height: 44px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e7edf5;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .registration-view-header h4 {
  font-size: 15px;
}

.side-panel.is-fullscreen .fullscreen-ticket-page .registration-code-row,
.side-panel.is-fullscreen .fullscreen-ticket-page .registration-allocation-row,
.side-panel.is-fullscreen .fullscreen-ticket-page .registration-history-row {
  border-radius: 7px;
}

.registration-sidepanel-workspace {
  gap: 12px;
}

.registration-sidepanel-toolbar {
  position: sticky;
  z-index: 4;
  top: 0;
  margin: -2px -2px 0;
  padding: 2px;
  background: #ffffff;
}

.registration-sidepanel-actions {
  flex: 0 0 auto;
  gap: 4px;
}

.registration-copy-url-button {
  min-height: 28px;
  padding-inline: 7px;
}

.registration-sidepanel-create-menu > .ticket-icon-button {
  width: 28px;
  height: 28px;
}

.registration-sidepanel-view {
  gap: 10px;
}

.registration-sidepanel-view .ticket-section-heading,
.registration-sidepanel-section-heading {
  min-height: 0;
  padding: 0 2px 8px;
  border-bottom: 1px solid #e7edf5;
}

.registration-sidepanel-view .ticket-section-heading h4 {
  color: var(--ink);
  font-size: 12px;
  font-weight: 600;
}

.registration-sidepanel-view .ticket-section-heading small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.35;
}

.registration-sidepanel-view .ticket-add-anchor {
  display: grid;
  gap: 10px;
}

.registration-sidepanel-view .ticket-add-picker.is-persistent {
  margin: 0;
  border-radius: 7px;
  background: #f8fafc;
}

.registration-sidepanel-row {
  min-height: 52px;
  padding: 9px 10px;
  border-radius: 7px;
}

.registration-sidepanel-row.is-active,
.registration-sidepanel-row[aria-current="true"] {
  border-color: #cdbfff;
  box-shadow: inset 3px 0 #6633f1;
}

.registration-sidepanel-list,
.registration-sidepanel-history-list {
  gap: 7px;
}

.registration-sidepanel-empty {
  min-height: 144px;
  border-radius: 7px;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel {
  gap: 10px;
  padding: 12px;
  background: transparent;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-editor-section,
.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-promo-host,
.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-delete-zone {
  margin: 0;
  padding: 11px;
  border: 1px solid var(--ds-slidein-card-border);
  border-radius: 7px;
  background: var(--ds-slidein-card-background);
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-section-heading > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: baseline;
  column-gap: 6px;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-section-heading small {
  grid-column: 1 / -1;
}

.side-panel:not(.is-fullscreen) .ticket-edit-form.compact-edit-panel .ticket-editor-footer {
  margin: 0 -12px -12px;
  padding: 9px 12px calc(9px + env(safe-area-inset-bottom));
  border-top: 1px solid #dfe7f2;
  background: #ffffff;
}

.side-panel.is-fullscreen .register-quick-panel {
  border-radius: 7px;
}

.side-panel.is-fullscreen .register-quick-panel .ticket-edit-heading,
.register-quick-panel .registration-quick-content .registration-editor-header {
  background: #ffffff;
}

@media (max-width: 980px) {
  .side-panel.is-fullscreen .fullscreen-ticket-page .ticket-page-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .ticket-page-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .registration-workspace-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .registration-workspace-tabs button {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip > span:nth-child(2n) {
    border-right: 0;
  }

  .side-panel.is-fullscreen .fullscreen-ticket-page .register-readiness-strip > span:nth-child(-n + 2) {
    border-bottom: 1px solid #dfe7f2;
  }
}

/* Keep the selected sponsor editor pushed beside the list, matching Speakers. */
@media (max-width: 1040px) {
  .prototype-shell.is-sponsor-management .fullscreen-sponsor-page:has(.sponsor-fullscreen-editor:not([hidden])) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto minmax(360px, 1fr) minmax(540px, auto);
    row-gap: 12px;
  }

  .prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-manager-content {
    grid-column: 1;
    grid-row: 4;
  }

  .prototype-shell.is-sponsor-management .sponsor-manager-layout:has(.sponsor-fullscreen-editor:not([hidden])) .sponsor-fullscreen-editor {
    grid-column: 1;
    grid-row: 5;
    height: auto;
    min-height: 540px;
    max-height: none;
  }
}

/* Speaker profile row actions stay out of the scanning path until needed. */
.profile-link-row > label {
  min-width: 0;
  color: #5d6678;
  font-size: 10px;
  font-weight: 500;
}

.profile-link-control {
  position: relative;
  display: block;
  min-width: 0;
}

.profile-link-control > input {
  padding-right: 38px;
}

.profile-link-row > .speaker-profile-field-error {
  grid-column: 2 / -1;
}

.profile-link-row .profile-link-remove,
.speaker-session-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 6px;
  background: #ffffff;
  color: #667085;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 140ms ease, border-color 140ms ease, color 140ms ease, background 140ms ease;
}

.profile-link-row .profile-link-remove {
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
}

.speaker-session-remove {
  justify-self: end;
}

.profile-link-row:hover .profile-link-remove,
.profile-link-row:focus-within .profile-link-remove,
.speaker-session-row:hover .speaker-session-remove,
.speaker-session-row:focus-within .speaker-session-remove {
  opacity: 1;
  pointer-events: auto;
}

.profile-link-row.is-empty .profile-link-remove {
  opacity: 0;
  pointer-events: none;
}

.profile-link-row .profile-link-remove:is(:hover, :focus-visible),
.speaker-session-remove:is(:hover, :focus-visible) {
  border-color: #f5d0cc;
  background: #fef3f2;
  color: #b42318;
}

.profile-link-row .profile-link-remove:focus-visible,
.speaker-session-remove:focus-visible {
  outline: 2px solid var(--purple);
  outline-offset: 2px;
}

.profile-link-row .profile-link-remove .ui-icon-svg,
.speaker-session-remove .ui-icon-svg {
  width: 13px;
  height: 13px;
}

.sidepanel-speaker-profile .profile-link-row > label {
  color: #667085;
  font-size: 9px;
}

.sidepanel-speaker-profile .profile-link-control {
  grid-column: 2;
}

.sidepanel-speaker-profile .profile-link-row > .speaker-profile-field-error {
  grid-column: 2 / -1;
}

.sidepanel-speaker-profile .speaker-session-row {
  grid-template-columns: 48px minmax(0, 1fr) auto 24px;
}

.sidepanel-speaker-profile .speaker-session-row > em {
  grid-column: 3;
  justify-self: end;
}

.sidepanel-speaker-profile .speaker-session-remove {
  grid-column: 4;
}

.side-panel.is-fullscreen .speaker-profile-panel .profile-link-control {
  grid-column: 2;
}

.side-panel.is-fullscreen .speaker-profile-panel .profile-link-row em {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
}

.side-panel.is-fullscreen .speaker-profile-panel .profile-link-row > .speaker-profile-field-error {
  grid-column: 2 / -1;
}

.side-panel.is-fullscreen .speaker-profile-panel .speaker-session-row {
  grid-template-columns: 54px minmax(0, 1fr) auto 24px;
}

.side-panel.is-fullscreen .speaker-profile-panel .speaker-session-row > em {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
}

.side-panel.is-fullscreen .speaker-profile-panel .speaker-session-remove {
  grid-column: 4;
  grid-row: 1;
}

/* Shared editor chrome keeps compact and fullscreen panels visually aligned. */
.side-panel :is(
  .sidepanel-agenda-editor-header,
  .sidepanel-speaker-header,
  .sidepanel-profile-header,
  .agenda-editor-header,
  .speaker-profile-header,
  .ticket-page-header,
  .sponsor-page-header,
  .registration-editor-header
) {
  border-color: #dfe7f2;
}

.side-panel :is(
  .agenda-editor-save-strip,
  .profile-editor-footer,
  .ticket-editor-footer,
  .sponsor-editor-footer,
  .registration-editor-footer
) {
  border-color: #dfe7f2;
  background: rgba(255, 255, 255, 0.98);
}

.side-panel :is(
  .agenda-editor-save-strip,
  .profile-editor-footer,
  .ticket-editor-footer,
  .sponsor-editor-footer,
  .registration-editor-footer
) > div:last-child {
  margin-left: auto;
}

.speaker-session-remove-dialog > section {
  width: min(392px, 100%);
}

/* Fullscreen sponsor logo review keeps upload, preview, and adjustments in one flow. */
.side-panel.is-fullscreen .sponsor-fullscreen-editor .sponsor-logo-live-preview {
  min-height: 68px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border: 1px solid #e0e6ef;
  border-radius: 7px;
  background: #f8fafc;
}

.sponsor-logo-live-preview-image {
  width: 52px;
  height: 42px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #dfe5ee;
  border-radius: 6px;
  background: #ffffff;
}

.sponsor-logo-live-preview-image .sponsor-logo.is-live-preview {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;
  background: #f1efff;
  color: #6633f1;
  font-size: 11px;
}

.sponsor-logo-live-preview-image .sponsor-logo.is-live-preview img {
  width: 100%;
  height: 100%;
  padding: 4px;
}

.sponsor-logo-live-preview > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.sponsor-logo-live-preview strong {
  color: #344054;
  font-size: 10px;
  font-weight: 600;
}

.sponsor-logo-live-preview small {
  overflow: hidden;
  color: #667085;
  font-size: 8px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sponsor-logo-live-preview button {
  min-height: 28px;
  padding: 0 8px;
  font-size: 9px;
}

.sponsor-logo-editor-modal > section {
  width: min(760px, 100%);
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.sponsor-logo-editor-workspace {
  min-height: 330px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 184px;
  gap: 0;
  overflow: hidden;
}

.sponsor-logo-editor-preview {
  min-width: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 7px;
  padding: 16px;
  background: #f8fafc;
}

.sponsor-logo-editor-preview > span {
  color: #344054;
  font-size: 10px;
  font-weight: 600;
}

.sponsor-logo-editor-preview > small {
  color: #667085;
  font-size: 8px;
}

.sponsor-logo-editor-preview canvas {
  width: 100%;
  max-height: 248px;
  align-self: center;
  display: block;
  border: 1px solid #dfe5ee;
  border-radius: 7px;
  background: #ffffff;
}

.sponsor-logo-editor-controls {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 16px;
  border-left: 1px solid #e2e8f0;
  background: #ffffff;
}

.sponsor-logo-editor-controls label {
  display: grid;
  gap: 5px;
  color: #556278;
  font-size: 9px;
}

.sponsor-logo-editor-controls label > span {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  font-weight: 500;
}

.sponsor-logo-editor-controls output {
  color: #667085;
  font: inherit;
  font-weight: 400;
}

.sponsor-logo-editor-controls select {
  min-height: 30px;
  padding: 0 8px;
  font-size: 10px;
}

.sponsor-logo-editor-controls input[type="range"] {
  width: 100%;
  accent-color: #6633f1;
}

.sponsor-logo-editor-controls button {
  min-height: 28px;
  justify-content: center;
  padding: 0 8px;
  font-size: 9px;
}

/* Fullscreen speaker profiles surface the current upload and its crop action without adding a second media flow. */
.speaker-photo-live-preview {
  min-height: 64px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  padding: 8px;
  border: 1px solid #e0e6ef;
  border-radius: 7px;
  background: #f8fafc;
}

.speaker-photo-live-preview-avatar {
  width: 46px;
  height: 46px;
  display: block;
  overflow: hidden;
  border: 1px solid #d8e1ed;
  border-radius: 50%;
  background-color: #eef2ff;
  background-repeat: no-repeat;
}

.speaker-photo-live-preview-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.speaker-photo-live-preview-copy strong {
  color: #344054;
  font-size: 10px;
  font-weight: 600;
}

.speaker-photo-live-preview-copy small {
  overflow: hidden;
  color: #667085;
  font-size: 8px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.speaker-photo-live-preview .profile-inline-button {
  min-height: 28px;
  padding: 0 8px;
  white-space: nowrap;
}

.speaker-photo-editor-preview canvas {
  background: #f8fafc;
}

@media (max-width: 600px) {
  .sponsor-logo-editor-workspace {
    grid-template-columns: minmax(0, 1fr);
    overflow-y: auto;
  }

  .sponsor-logo-editor-preview canvas {
    max-height: 180px;
  }

  .sponsor-logo-editor-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid #e2e8f0;
    border-left: 0;
  }

  .sponsor-logo-editor-controls button {
    grid-column: 1 / -1;
  }
}

/* Keep tier placement defaults compact across the nested and fullscreen sponsor editors. */
.sponsor-tier-editor-form .sponsor-form-section.sponsor-tier-placements-section {
  gap: 9px;
  padding: 12px;
}

.sponsor-tier-editor-form .sponsor-tier-placements-section .sponsor-tier-placement-grid {
  gap: 2px 14px;
}

.sponsor-tier-editor-form .sponsor-tier-placements-section .sponsor-tier-placement-grid label {
  min-height: 24px;
}

@media (max-width: 380px) {
  .sponsor-tier-editor-form .sponsor-tier-placements-section .sponsor-tier-placement-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Event editor v257: mirror the approved 419px Figma side-panel header. */
.side-panel:not(.is-fullscreen) > .panel-header {
  width: 100%;
  height: 85px;
  min-height: 85px;
  max-height: 85px;
  display: block;
  padding: 12px 14px 14px;
  overflow: visible;
  border-bottom: 1px solid var(--ui-border, #dce3ed);
  background: var(--ds-slidein-header-background);
}

.side-panel:not(.is-fullscreen) > .panel-header .event-heading {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-title-stack {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 0;
}

.side-panel:not(.is-fullscreen) > .panel-header .panel-header-trail {
  width: 100%;
  min-width: 0;
  min-height: 16px;
  display: block;
  margin: 0;
}

.side-panel:not(.is-fullscreen) > .panel-header .header-breadcrumbs {
  min-height: 16px;
  display: flex;
  align-items: center;
  gap: 1px;
  margin: 0;
}

.side-panel:not(.is-fullscreen) > .panel-header .header-breadcrumbs .breadcrumb-button,
.side-panel:not(.is-fullscreen) > .panel-header .header-breadcrumbs strong {
  min-height: 16px;
  display: inline-flex;
  align-items: center;
  padding: 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.side-panel:not(.is-fullscreen) > .panel-header .header-breadcrumbs .breadcrumb-button {
  color: var(--purple);
}

.side-panel:not(.is-fullscreen) > .panel-header .header-breadcrumbs strong {
  color: var(--ink);
}

.side-panel:not(.is-fullscreen) > .panel-header .header-breadcrumbs > span {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border: 0;
  opacity: 1;
  transform: none;
}

.side-panel:not(.is-fullscreen) > .panel-header .header-breadcrumbs > span::after {
  content: "";
  width: 5px;
  height: 5px;
  display: block;
  margin: 5px 0 0 4px;
  border-right: 1.5px solid #697588;
  border-bottom: 1.5px solid #697588;
  transform: rotate(-45deg);
}

.side-panel:not(.is-fullscreen) > .panel-header .header-breadcrumbs > [hidden] {
  display: none !important;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-title-copy {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-title-stack h2 {
  width: 100%;
  max-width: none;
  color: var(--ink);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-title-stack .meta-line {
  width: 100%;
  max-width: none;
  margin: 0;
  color: #526074;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-id-link {
  color: var(--purple);
  text-decoration: underline;
  text-underline-offset: 1px;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-actions {
  max-width: none;
  flex: 0 0 auto;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  justify-content: flex-end;
}

.side-panel:not(.is-fullscreen) > .panel-header .event-action-top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.side-panel:not(.is-fullscreen) > .panel-header .status-pill {
  min-width: 0;
  height: var(--ds-pill-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #a9e4cb;
  border-radius: var(--ds-pill-radius);
  background: #e8fbf0;
  color: #168347;
  font-size: var(--ds-pill-font-size);
  font-weight: 500;
  line-height: 14px;
}

.side-panel:not(.is-fullscreen) > .panel-header :is(.panel-fullscreen-button, .panel-close-button) {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border: 1px solid var(--ui-border, #dce3ed);
  border-radius: 4px;
  background: #ffffff;
  box-shadow: none;
}

.side-panel:not(.is-fullscreen) > .panel-header .panel-fullscreen-button > :is(.ui-icon-host, .ui-icon-svg) {
  width: 15px;
  height: 15px;
  color: #697588;
}

.side-panel:not(.is-fullscreen) > .panel-header :is(
  .fullscreen-header-menu,
  .fullscreen-publish-actions,
  .editor-conflict-state,
  .publish-review-state
) {
  display: none;
}

.side-panel:not(.is-fullscreen) > .panel-route-context {
  flex: 0 0 36px;
  min-width: 0;
  min-height: 36px;
  margin: 0;
  padding: 0 14px;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--ui-border, #dce3ed);
  background: var(--ds-slidein-body-background);
}

.side-panel.is-detail:not(.is-fullscreen) > .detail-context {
  display: flex;
  flex: 0 0 58px;
  min-height: 58px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 0;
  background: var(--ds-slidein-body-background);
}

.side-panel.is-detail:not(.is-fullscreen) > .detail-context .detail-context-copy {
  min-width: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 2px 2px 0;
}

.side-panel.is-detail:not(.is-fullscreen) > .detail-context .detail-context-copy h3 {
  margin: 0;
  color: var(--ink);
  font-size: 12px;
  font-weight: 600;
  line-height: 16.25px;
}

.side-panel.is-detail:not(.is-fullscreen) > .detail-context .detail-context-copy p {
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
  line-height: 14.3px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-panel.is-detail:not(.is-fullscreen) > .panel-content {
  padding: 0 12px 12px;
  background: var(--ds-slidein-body-background);
}

.side-panel.is-detail:not(.is-fullscreen) .detail-screen > .detail-hero {
  display: none;
}

.side-panel.is-tickets:not(.is-fullscreen) > .ticket-header-context,
.side-panel.is-sponsors:not(.is-fullscreen) > .sponsor-header-context {
  display: flex;
}

/* Event address experience */
.event-venue-fields {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.side-panel:not(.is-fullscreen) .event-venue-fields > .field-pair:first-child {
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.55fr);
}

.event-venue-fields[hidden] {
  display: none !important;
}

.event-address-search {
  position: relative;
  min-width: 0;
}

.event-address-search-control {
  position: relative;
  min-width: 0;
}

.event-address-search-control > [data-ui-icon] {
  position: absolute;
  top: 50%;
  left: 9px;
  z-index: 1;
  width: 14px;
  height: 14px;
  color: #697588;
  pointer-events: none;
  transform: translateY(-50%);
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  .event-address-search-control
  input[type="search"],
.side-panel.is-fullscreen
  .event-detail-edit-workspace
  .event-address-search-control
  input[type="search"] {
  width: 100%;
  padding-right: 30px;
  padding-left: 32px;
}

.event-address-options {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  left: 0;
  z-index: 30;
  overflow: hidden;
  padding: 4px;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(18, 24, 40, 0.14);
}

.event-address-options[hidden] {
  display: none;
}

.event-address-options button {
  width: 100%;
  min-height: 45px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  padding: 7px 8px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #15202e;
  text-align: left;
  cursor: pointer;
}

.event-address-options button:hover,
.event-address-options button:focus-visible {
  background: #f4f0ff;
  outline: 0;
}

.event-address-options button strong {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.25;
}

.event-address-options button small,
.event-address-empty {
  margin: 0;
  color: #697588;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.3;
}

.event-address-empty {
  padding: 10px 8px;
}

.event-address-summary {
  min-width: 0;
  min-height: 50px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 8px;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  background: #ffffff;
}

.event-address-summary-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #f0ebff;
  color: #6633f1;
}

.event-address-summary-icon .ui-icon-svg {
  width: 15px;
  height: 15px;
}

.event-address-summary > span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.event-address-summary strong,
.event-address-summary small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-address-summary strong {
  color: #15202e;
  font-size: 10px;
  font-weight: 500;
}

.event-address-summary small {
  color: #697588;
  font-size: 9px;
  font-weight: 400;
}

.event-address-details {
  overflow: hidden;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  background: #ffffff;
}

.event-address-details summary {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  color: #344054;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
  list-style: none;
}

.event-address-details summary::-webkit-details-marker {
  display: none;
}

.event-disclosure-chevron {
  width: 15px;
  height: 15px;
  display: inline-grid;
  flex: 0 0 15px;
  place-items: center;
  color: #6633f1;
  transition: transform 160ms ease;
}

.event-disclosure-chevron .ui-icon-svg {
  width: 15px;
  height: 15px;
}

.event-address-details[open] .event-disclosure-chevron {
  transform: rotate(180deg);
}

.event-address-details summary small {
  margin-left: auto;
  color: #697588;
  font-size: 9px;
  font-weight: 400;
}

.event-address-detail-fields {
  display: grid;
  gap: 8px;
  padding: 9px;
  border-top: 1px solid #edf1f6;
}

.event-address-detail-fields label > span small {
  margin-left: 3px;
  color: #98a2b3;
  font-size: inherit;
  font-weight: 400;
}

.event-select-control {
  position: relative;
  width: 100%;
  min-width: 0;
  display: block;
}

.side-panel .event-select-control select {
  width: 100%;
  padding-right: 30px !important;
  appearance: none;
  -webkit-appearance: none;
}

.event-select-chevron {
  position: absolute;
  top: 50%;
  right: 9px;
  width: 14px;
  height: 14px;
  display: grid;
  place-items: center;
  color: #697588;
  pointer-events: none;
  transform: translateY(-50%);
}

.event-select-chevron .ui-icon-svg {
  width: 14px;
  height: 14px;
}

.event-virtual-fields {
  min-width: 0;
  display: grid;
  gap: 8px;
  padding: 8px;
  border: 1px solid #d8ccff;
  border-radius: 7px;
  background: #faf8ff;
}

.event-virtual-fields[hidden] {
  display: none !important;
}

.side-panel:not(.is-fullscreen) .event-virtual-fields > .field-pair,
.side-panel.is-fullscreen .event-virtual-fields > .event-edit-field-pair {
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.45fr);
}

.event-virtual-fields label > span small {
  margin-left: 3px;
  color: #8b7bb5;
  font-size: inherit;
  font-weight: 400;
}

.event-schedule-fields {
  display: grid;
  gap: 8px;
}

.event-schedule-group {
  min-width: 0;
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 8px;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  background: #ffffff;
}

.event-schedule-group legend {
  padding: 0 4px;
  color: #344054;
  font-size: 10px;
  font-weight: 500;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(input[type="date"], input[type="time"]),
.side-panel.is-fullscreen
  .event-detail-edit-workspace
  :is(input[type="date"], input[type="time"]) {
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 0 12px;
  border: 1px solid #dce3ed;
  border-radius: 4px;
  background: #ffffff;
  color: #182230;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
}

.side-panel:not(.is-fullscreen)
  .event-slidein-screen
  :is(input[type="date"], input[type="time"]):focus,
.side-panel.is-fullscreen
  .event-detail-edit-workspace
  :is(input[type="date"], input[type="time"]):focus {
  border-color: rgba(102, 51, 241, 0.42);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.09);
}

.side-panel.is-fullscreen .event-virtual-fields {
  gap: 10px;
  padding: 10px;
}

.side-panel.is-fullscreen .event-schedule-fields.is-fullscreen-schedule {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.side-panel.is-fullscreen .event-schedule-group {
  padding: 10px;
}

.side-panel.is-fullscreen .event-venue-fields {
  gap: 10px;
}

.side-panel.is-fullscreen .event-address-options button strong {
  font-size: 12px;
}

.side-panel.is-fullscreen .event-address-options button small,
.side-panel.is-fullscreen .event-address-empty,
.side-panel.is-fullscreen .event-address-summary small,
.side-panel.is-fullscreen .event-address-details summary small {
  font-size: 10px;
}

.side-panel.is-fullscreen .event-address-summary strong,
.side-panel.is-fullscreen .event-address-details summary {
  font-size: 11px;
}

/* Figma-aligned Event details slide-in */
.side-panel.is-detail:not(.is-fullscreen) > .detail-context {
  flex-basis: 52px;
  min-height: 52px;
  padding: 8px 12px;
  align-items: center;
  border-bottom: 1px solid #dce3ed;
  background: var(--ds-slidein-body-background);
}

.side-panel.is-detail:not(.is-fullscreen) > .detail-context .detail-context-copy {
  gap: 1px;
  padding: 0 2px;
}

.side-panel.is-detail:not(.is-fullscreen) > .detail-context .detail-context-copy h3 {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
}

.side-panel.is-detail:not(.is-fullscreen) > .detail-context .detail-context-copy p {
  font-size: 9px;
  line-height: 1.35;
}

.event-detail-context-menu {
  position: relative;
  flex: 0 0 auto;
}

.event-detail-context-menu > summary {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border: 1px solid #dce3ed;
  border-radius: 4px;
  background: #ffffff;
  color: #697588;
  cursor: pointer;
  list-style: none;
}

.event-detail-context-menu > summary::-webkit-details-marker {
  display: none;
}

.event-detail-context-menu > summary::marker {
  content: "";
}

.event-detail-context-menu > summary > span,
.event-detail-context-menu > summary > span::before,
.event-detail-context-menu > summary > span::after {
  width: 3px;
  height: 3px;
  display: block;
  border-radius: 50%;
  background: currentColor;
}

.event-detail-context-menu > summary > span {
  position: relative;
}

.event-detail-context-menu > summary > span::before,
.event-detail-context-menu > summary > span::after {
  content: "";
  position: absolute;
  left: 0;
}

.event-detail-context-menu > summary > span::before {
  top: -5px;
}

.event-detail-context-menu > summary > span::after {
  top: 5px;
}

.event-detail-context-menu > summary:hover,
.event-detail-context-menu > summary:focus-visible {
  border-color: #b9a8f5;
  color: #6633f1;
  outline: 0;
}

.event-detail-context-menu-popover {
  position: absolute;
  z-index: 12;
  top: calc(100% + 5px);
  right: 0;
  width: 148px;
  display: grid;
  gap: 2px;
  padding: 5px;
  border: 1px solid #dce3ed;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(18, 24, 40, 0.14);
}

.event-detail-context-menu-popover button {
  min-height: 28px;
  padding: 0 8px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #273348;
  font-size: 10px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}

.event-detail-context-menu-popover button:hover,
.event-detail-context-menu-popover button:focus-visible {
  background: #f5f2ff;
  color: #6633f1;
  outline: 0;
}

.side-panel.is-detail:not(.is-fullscreen) > .panel-content {
  padding: 8px 10px 12px;
  background: var(--ds-slidein-body-background);
}

.side-panel.is-detail:not(.is-fullscreen) .event-detail-shared-form.is-active {
  gap: 8px;
}

.side-panel.is-detail:not(.is-fullscreen) .event-detail-shared-form .form-section {
  gap: 8px;
  margin: 0;
  padding: 10px;
  border: 1px solid var(--ds-slidein-card-border);
  border-radius: 7px;
  background: var(--ds-slidein-card-background);
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.025);
}

.side-panel.is-detail:not(.is-fullscreen) .event-detail-shared-form .block-heading {
  min-height: 14px;
}

.side-panel.is-detail:not(.is-fullscreen) .event-detail-shared-form .block-heading .eyebrow {
  color: #273348;
  font-size: 10px;
  font-weight: 600;
  text-transform: none;
}

.side-panel.is-detail:not(.is-fullscreen) .event-detail-shared-form .block-heading > span {
  color: #7a8699;
  font-size: 8px;
}

.event-form-section-helper {
  margin: -3px 0 1px;
  color: #697588;
  font-size: 8px;
  line-height: 1.4;
}

.side-panel.is-detail:not(.is-fullscreen) .event-detail-shared-form label {
  gap: 6px;
}

.side-panel.is-detail:not(.is-fullscreen) .event-detail-shared-form label > span,
.side-panel.is-detail:not(.is-fullscreen) .event-detail-shared-form .event-schedule-group legend {
  color: #596579;
  font-size: 11px;
  font-weight: 500;
}

.side-panel.is-detail:not(.is-fullscreen) .event-detail-shared-form :is(input, select),
.side-panel.is-detail:not(.is-fullscreen) .event-detail-shared-form :is(input[type="date"], input[type="time"]) {
  height: 36px;
  min-height: 36px;
  border-radius: 4px;
  font-size: 12px;
}

.side-panel.is-detail:not(.is-fullscreen) .event-basic-information-section textarea {
  min-height: 80px;
  resize: vertical;
}

.side-panel.is-detail:not(.is-fullscreen) .event-site-settings-section textarea {
  min-height: 80px;
}

.side-panel.is-detail:not(.is-fullscreen) .event-basic-information-section .event-schedule-fields {
  gap: 8px;
}

.side-panel.is-detail:not(.is-fullscreen) .event-basic-information-section .event-schedule-group {
  gap: 5px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.side-panel.is-detail:not(.is-fullscreen) .event-basic-information-section .event-schedule-group legend {
  padding: 0;
}

.side-panel.is-detail:not(.is-fullscreen) .event-detail-shared-form .field-pair {
  gap: 7px;
}

.side-panel.is-detail:not(.is-fullscreen) .event-venue-fields > .event-venue-identity-fields,
.side-panel.is-detail:not(.is-fullscreen) .event-virtual-fields > .field-pair {
  grid-template-columns: minmax(0, 1fr);
}

.side-panel.is-detail:not(.is-fullscreen) .event-venue-name-source {
  display: none;
}

.side-panel.is-detail:not(.is-fullscreen) .event-virtual-fields {
  gap: 7px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.side-panel.is-detail:not(.is-fullscreen) .event-address-summary {
  min-height: 36px;
  border-radius: 6px;
}

.side-panel.is-detail:not(.is-fullscreen) .event-address-details summary {
  min-height: 32px;
  padding: 7px 9px;
  font-size: 9px;
}

/* Figma-aligned agenda with a mobile calendar timeline */
.side-panel.is-agenda:not(.is-fullscreen) > .panel-content {
  padding: 0 12px 12px;
  overflow: hidden;
  background: var(--ds-slidein-body-background);
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-screen.is-active,
.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page {
  height: 100%;
  min-height: 0;
  gap: 0;
}

.sidepanel-agenda-summary {
  position: relative;
  z-index: 30;
  min-height: 41px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.sidepanel-agenda-summary::before,
.sidepanel-agenda-summary::after {
  content: none;
  display: none;
}

.sidepanel-agenda-summary > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.sidepanel-agenda-summary strong {
  color: #15202e;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.sidepanel-agenda-summary small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 400;
  line-height: 1.3;
}

.sidepanel-agenda-summary .agenda-add-icon-button {
  position: relative;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #dce3ed;
  border-radius: 5px;
  background: #ffffff;
  color: #667085;
  line-height: 0;
  cursor: pointer;
}

.sidepanel-agenda-summary .agenda-add-icon-button::before,
.sidepanel-agenda-summary .agenda-add-icon-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 1.5px;
  border-radius: 999px;
  background: currentColor;
  transform: translate(-50%, -50%);
}

.sidepanel-agenda-summary .agenda-add-icon-button::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.sidepanel-agenda-summary .agenda-add-icon-button:hover,
.sidepanel-agenda-summary .agenda-add-icon-button:focus-visible {
  border-color: #b9a8f5;
  background: #f7f4ff;
  color: #6633f1;
  outline: 0;
}

.sidepanel-agenda-summary .agenda-add-icon-button > .ui-icon-host {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  display: grid;
  place-items: center;
  margin: 0;
  font-size: 14px;
  line-height: 0;
  transform: translate(-50%, -50%);
}

.sidepanel-agenda-summary .agenda-add-icon-button > .ui-icon-host > .ui-icon-svg {
  width: 14px;
  height: 14px;
  display: block;
}

.sidepanel-agenda-summary .agenda-actions-menu {
  position: relative;
  flex: 0 0 auto;
}

.sidepanel-agenda-summary .agenda-actions-menu > summary {
  list-style: none;
}

.sidepanel-agenda-summary .agenda-actions-menu > summary::-webkit-details-marker {
  display: none;
}

.sidepanel-agenda-summary .agenda-actions-menu[open] > summary {
  border-color: #b9a8f5;
  background: #f7f4ff;
  color: #6633f1;
}

.sidepanel-agenda-summary .agenda-actions-menu > div {
  position: absolute;
  z-index: 100;
  top: calc(100% + 5px);
  right: 0;
  width: 244px;
  display: grid;
  gap: 2px;
  padding: 5px;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(20, 29, 44, 0.18);
}

.sidepanel-agenda-summary .agenda-actions-menu > div button {
  min-height: 44px;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 7px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #344054;
  text-align: left;
  cursor: pointer;
}

.sidepanel-agenda-summary .agenda-actions-menu > div button:hover,
.sidepanel-agenda-summary .agenda-actions-menu > div button:focus-visible {
  background: #f3f0ff;
  color: #6633f1;
  outline: 0;
}

.sidepanel-agenda-summary .agenda-actions-menu > div button:disabled {
  background: transparent;
  color: #98a2b3;
  cursor: not-allowed;
}

.sidepanel-agenda-summary .agenda-actions-menu > div button.is-archive {
  margin-top: 3px;
  padding-top: 9px;
  border-top: 1px solid #edf1f6;
  border-radius: 0 0 5px 5px;
}

.sidepanel-agenda-summary .agenda-actions-menu > div button > [data-ui-icon] {
  width: 15px;
  height: 15px;
  display: grid;
  place-items: center;
}

.sidepanel-agenda-summary .agenda-actions-menu > div button > [data-ui-icon] .ui-icon-svg {
  width: 15px;
  height: 15px;
}

.sidepanel-agenda-summary .agenda-actions-menu > div button > span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.sidepanel-agenda-summary .agenda-actions-menu > div strong,
.sidepanel-agenda-summary .agenda-actions-menu > div small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidepanel-agenda-summary .agenda-actions-menu > div strong {
  color: inherit;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
}

.sidepanel-agenda-summary .agenda-actions-menu > div small {
  color: #718096;
  font-size: 8px;
  font-weight: 400;
  line-height: 1.25;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page > .agenda-picker {
  flex: 0 0 auto;
  z-index: 8;
  padding: 6px 0 7px;
  border-bottom: 0;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-picker .speaker-picker-field {
  min-height: 34px;
  border-color: #d7deea;
  border-radius: 6px;
  background: #ffffff;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-picker .speaker-picker-field:focus-within {
  border-color: #8d6cf5;
  box-shadow: 0 0 0 2px rgba(102, 51, 241, 0.09);
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-picker .speaker-picker-field input {
  height: 30px;
  min-height: 30px;
  font-size: 9px;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-mobile-date-strip {
  width: 100%;
  min-width: 0;
  flex: 0 0 auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 2px;
  padding: 2px 0 7px;
  border: 0;
  border-bottom: 1px solid #dce3ed;
  border-radius: 0;
  background: transparent;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-mobile-date-strip button,
.side-panel.is-agenda:not(.is-fullscreen) .agenda-mobile-date-strip .agenda-today-button {
  min-width: 0;
  height: 48px;
  min-height: 48px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 3px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  box-shadow: none;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-mobile-date-strip button::after {
  display: none;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-mobile-date-strip button span {
  color: #7a8699;
  font-size: 8px;
  font-weight: 500;
  line-height: 1;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-mobile-date-strip button strong {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #273348;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-mobile-date-strip button:hover,
.side-panel.is-agenda:not(.is-fullscreen) .agenda-mobile-date-strip button:focus-visible {
  border: 0;
  background: #ece8fa;
  box-shadow: none;
  outline: 0;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-mobile-date-strip button.is-active {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-mobile-date-strip button.is-active span {
  color: #5f4bc9;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-mobile-date-strip button.is-active strong {
  background: #6633f1;
  color: #ffffff;
  box-shadow: 0 3px 8px rgba(102, 51, 241, 0.2);
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-list-toolbar {
  min-height: 38px;
  flex: 0 0 auto;
  padding: 5px 2px;
  border-bottom: 1px solid #dce3ed;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-list-heading strong {
  color: #273348;
  font-size: 10px;
  font-weight: 600;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-list-heading small {
  color: #7a8699;
  font-size: 8px;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-list-actions .agenda-reorder-button {
  height: 26px;
  padding: 0 7px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  font-size: 9px;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline {
  position: relative;
  flex: 1 1 0;
  min-height: 0;
  display: grid;
  grid-auto-rows: auto;
  gap: 0;
  align-content: start;
  overflow-y: auto;
  padding: 7px 0 14px;
  border-bottom: 0;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline::before {
  top: 20px;
  bottom: 22px;
  left: 53px;
  width: 2px;
  border-radius: 999px;
  background: #d8cff8;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row {
  position: relative;
  z-index: 1;
  min-height: var(--agenda-sidepanel-card-height, 58px);
  height: var(--agenda-sidepanel-card-height, auto);
  margin-top: var(--agenda-sidepanel-gap, 0px);
  grid-template-columns: 54px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 5px 9px 5px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 4px;
  right: 0;
  bottom: 4px;
  left: 61px;
  border: 1px solid var(--ds-slidein-card-border);
  border-radius: 6px;
  background: var(--ds-slidein-card-background);
  box-shadow: 0 1px 2px rgba(18, 24, 40, 0.025);
  transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row::before {
  top: 50%;
  bottom: auto;
  left: 49px;
  width: 9px;
  height: 9px;
  border: 2px solid #f4f7fb;
  border-radius: 50%;
  background: #6633f1;
  opacity: 1;
  transform: translateY(-50%);
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row:is(.is-ready, .is-published)::before {
  background: #1ba784;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row.is-issue::before {
  background: #e8a029;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row:hover::after,
.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row:focus-visible::after,
.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row.is-current::after {
  border-color: #b9a8f5;
  background: #fdfcff;
  box-shadow: 0 3px 10px rgba(102, 51, 241, 0.08);
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row.is-issue::after {
  border-color: #efd59f;
  background: #fffdf8;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline .agenda-time {
  z-index: 1;
  align-content: center;
  gap: 2px;
  padding: 0 8px 0 0;
  color: #344054;
  font-size: 8px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
  text-align: right;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline .agenda-time small {
  color: #7a8699;
  font-size: 7px;
  font-weight: 400;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline .agenda-copy {
  z-index: 1;
  align-content: center;
  gap: 2px;
  padding-left: 8px;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline .agenda-copy strong {
  color: #273348;
  font-size: 9px;
  font-weight: 600;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline .agenda-copy small {
  color: #697588;
  font-size: 7px;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline .agenda-card-meta {
  display: none;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row > em {
  z-index: 1;
  align-self: center;
  margin-left: 2px;
  padding: 0 var(--ds-pill-padding);
  border: 1px solid #c8eadc;
  border-radius: var(--ds-pill-radius);
  background: #ecf9f3;
  color: #168347;
  font-size: var(--ds-pill-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row.is-issue > em {
  border-color: #efd59f;
  background: #fff5dd;
  color: #9d6512;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row.is-draft > em {
  border-color: #d8ccff;
  background: #f3efff;
  color: #6633f1;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-footer {
  min-height: 30px;
  padding: 5px 2px max(5px, env(safe-area-inset-bottom, 0px));
  background: #ffffff;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-footer span {
  font-size: 8px;
}

@media (max-width: 360px) {
  .side-panel.is-agenda:not(.is-fullscreen) .agenda-mobile-date-strip {
    overflow-x: auto;
    grid-template-columns: repeat(6, minmax(48px, 1fr));
  }
}

/* Agenda v292: compact, status-led day timeline. */
.side-panel.is-agenda:not(.is-fullscreen) .agenda-list-toolbar {
  min-height: 35px;
  padding-block: 4px;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-list-actions .agenda-date-icon-button {
  color: #7a8699;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline {
  padding-top: 5px;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline::before {
  top: 17px;
  bottom: 18px;
  width: 1px;
  background: #dfe5ee;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row {
  min-height: var(--agenda-sidepanel-card-height, 54px);
  padding-block: 3px;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row::after {
  top: 3px;
  bottom: 3px;
  border-color: var(--ds-slidein-card-border);
  background: var(--ds-slidein-card-background);
  box-shadow: none;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row::before {
  left: 49.5px;
  width: 8px;
  height: 8px;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row.is-issue::after {
  border-color: var(--ds-slidein-card-border);
  background: var(--ds-slidein-card-background);
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row:hover::after,
.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row:focus-visible::after,
.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row.is-current::after {
  border-color: #b9a8f5;
  background: #fdfcff;
  box-shadow: 0 2px 6px rgba(102, 51, 241, 0.08);
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline .agenda-time {
  padding-right: 7px;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline .agenda-copy {
  padding-left: 7px;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-unscheduled-divider {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: 36px;
  align-items: baseline;
  gap: 6px;
  margin-top: 8px;
  padding: 11px 8px 5px 61px;
  border-top: 1px solid #dce3ed;
  background: #f4f7fb;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-unscheduled-divider strong {
  color: #344054;
  font-size: 9px;
  font-weight: 600;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-unscheduled-divider small {
  color: #7a8699;
  font-size: 7px;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row.is-agenda-unscheduled {
  margin-top: 0;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row.is-agenda-unscheduled::before {
  display: none;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row.is-agenda-unscheduled::after {
  border-style: dashed;
  border-color: #cbbcff;
  background: #fbfaff;
}

/* Agenda v297: per-session actions and reversible availability controls. */
.agenda-row {
  padding-right: 42px;
}

.agenda-card-open-control {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: inherit;
  background: transparent;
  cursor: pointer;
}

.agenda-card-open-control:focus-visible {
  outline: 0;
}

.agenda-row > :is(.agenda-time, .agenda-copy, em) {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.agenda-row:has(> .agenda-card-open-control:focus-visible) {
  border-color: rgba(102, 51, 241, 0.38);
  background: #fcfbff;
  box-shadow: 0 0 0 2px rgba(102, 51, 241, 0.14);
}

.agenda-drag-handle {
  z-index: 25;
}

.agenda-row.has-open-menu {
  z-index: 30 !important;
}

.agenda-card-menu {
  position: absolute;
  z-index: 20;
  top: 50%;
  right: 8px;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
}

.agenda-card-menu > summary {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: #667085;
  line-height: 0;
  list-style: none;
  cursor: pointer;
}

.agenda-card-menu > summary::-webkit-details-marker {
  display: none;
}

.agenda-card-menu > summary .ui-icon-host,
.agenda-card-menu > summary .ui-icon-svg {
  width: 15px;
  height: 15px;
  display: block;
}

.agenda-card-menu > summary:hover,
.agenda-card-menu > summary:focus-visible,
.agenda-card-menu[open] > summary {
  border-color: #d8ccff;
  background: #f5f1ff;
  color: #6633f1;
  outline: 0;
}

.agenda-card-menu-popover {
  position: absolute;
  z-index: 40;
  top: calc(100% + 5px);
  right: 0;
  width: 224px;
  padding: 5px;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(20, 29, 44, 0.18);
  color: #344054;
}

.agenda-row:nth-last-of-type(-n + 3) .agenda-card-menu-popover {
  top: auto;
  bottom: calc(100% + 5px);
}

.agenda-card-menu-popover > div[data-agenda-card-main-actions],
.agenda-card-day-picker {
  display: grid;
  gap: 2px;
}

.agenda-card-menu-popover > div[hidden] {
  display: none;
}

.agenda-card-menu-popover button {
  width: 100%;
  min-height: 40px;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 6px 7px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #344054;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}

.agenda-card-menu-popover button:hover,
.agenda-card-menu-popover button:focus-visible {
  background: #f3f0ff;
  color: #6633f1;
  outline: 0;
}

.agenda-card-menu-popover button.is-destructive {
  margin-top: 3px;
  padding-top: 8px;
  border-top: 1px solid #edf1f6;
  border-radius: 0 0 5px 5px;
  color: #b42318;
}

.agenda-card-menu-popover button.is-destructive:hover,
.agenda-card-menu-popover button.is-destructive:focus-visible {
  background: #fff1f0;
  color: #b42318;
}

.agenda-card-menu-popover button > [data-ui-icon] {
  width: 15px;
  height: 15px;
  display: grid;
  place-items: center;
}

.agenda-card-menu-popover button > [data-ui-icon] .ui-icon-svg {
  width: 15px;
  height: 15px;
}

.agenda-card-menu-popover button > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.agenda-card-menu-popover button strong,
.agenda-card-menu-popover button small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agenda-card-menu-popover button strong {
  color: inherit;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
}

.agenda-card-menu-popover button small {
  color: #718096;
  font-size: 8px;
  font-weight: 400;
  line-height: 1.25;
}

.agenda-card-day-picker header {
  min-height: 32px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: center;
  gap: 5px;
  padding: 0 4px 4px;
  border-bottom: 1px solid #edf1f6;
}

.agenda-card-day-picker header > button {
  width: 26px;
  min-height: 26px;
  grid-template-columns: 1fr;
  place-items: center;
  padding: 0;
}

.agenda-card-day-picker header > strong {
  overflow: hidden;
  color: #273348;
  font-size: 10px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agenda-card-day-picker > button {
  min-height: 32px;
  grid-template-columns: minmax(0, 1fr) 14px;
  font-size: 9px;
  font-weight: 500;
}

.agenda-card-day-picker > button > [data-ui-icon],
.agenda-card-day-picker > button > [data-ui-icon] .ui-icon-svg {
  width: 13px;
  height: 13px;
}

.agenda-row.is-inactive {
  filter: saturate(0.45);
}

.agenda-row.is-inactive::before,
.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row.is-inactive::before {
  background: #98a2b3;
}

.agenda-row.is-inactive > em {
  border-color: #d0d5dd;
  background: #f2f4f7;
  color: #667085;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row {
  grid-template-columns: 54px minmax(0, 1fr) auto;
  padding-right: 38px;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-card-menu {
  right: 6px;
}

.side-panel.is-agenda:not(.is-fullscreen) .agenda-card-menu-popover {
  width: 218px;
}

.side-panel.is-agenda:not(.is-fullscreen) .sidepanel-agenda-page .agenda-page-list.is-sidepanel-timeline > .agenda-row:has(> .agenda-card-open-control:focus-visible)::after {
  border-color: #b9a8f5;
  background: #fdfcff;
  box-shadow: 0 2px 6px rgba(102, 51, 241, 0.08);
}

.side-panel.is-fullscreen .agenda-row {
  padding-right: 44px;
}

/* Speakers v299: Figma-aligned slide-in section heading. */
.side-panel.is-speakers:not(.is-fullscreen) .sidepanel-speaker-header {
  min-height: 41px;
  flex: 0 0 auto;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
  padding: 2px 2px 5px;
  border-bottom: 0;
}

.side-panel.is-speakers:not(.is-fullscreen) .sidepanel-speaker-header .speaker-page-summary {
  min-width: 0;
  display: grid;
  flex: 1 1 auto;
  align-items: initial;
  gap: 2px;
}

.side-panel.is-speakers:not(.is-fullscreen) .sidepanel-speaker-header .speaker-page-summary strong {
  overflow: hidden;
  color: #15202e;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-panel.is-speakers:not(.is-fullscreen) .sidepanel-speaker-header .speaker-page-summary small {
  overflow: hidden;
  color: #647189;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-panel.is-speakers:not(.is-fullscreen) .sidepanel-speaker-header .speaker-page-actions {
  flex: 0 0 auto;
  gap: 0;
}

.side-panel.is-speakers:not(.is-fullscreen) .speaker-primary-action.speaker-add-icon-button {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #dce3ed;
  border-radius: 5px;
  background: #ffffff;
  color: #667085;
  line-height: 0;
}

.side-panel.is-speakers:not(.is-fullscreen) .speaker-primary-action.speaker-add-icon-button > .ui-icon-host,
.side-panel.is-speakers:not(.is-fullscreen) .speaker-primary-action.speaker-add-icon-button .ui-icon-svg {
  width: 14px;
  height: 14px;
  display: block;
}

.side-panel.is-speakers:not(.is-fullscreen) .speaker-primary-action.speaker-add-icon-button:hover,
.side-panel.is-speakers:not(.is-fullscreen) .speaker-primary-action.speaker-add-icon-button:focus-visible {
  border-color: #b9a8f5;
  background: #f7f4ff;
  color: #6633f1;
  outline: 0;
}

/* Speakers v302: remove dividers beneath the slide-in search field. */
.side-panel.is-speakers:not(.is-fullscreen)
  .sidepanel-speaker-page
  .speaker-assignment-section {
  border-bottom: 0;
}

.side-panel.is-speakers:not(.is-fullscreen)
  .sidepanel-speaker-page
  .speaker-page-list {
  border-top: 0;
}

/* Slide-in feedback sits above the bottom edge without adding a persistent status row. */
.side-panel:is(.is-speakers, .is-tickets):not(.is-fullscreen) .toast {
  width: calc(100% - 28px);
  max-width: 360px;
  bottom: 50px;
  z-index: 50;
  justify-content: space-between;
  padding: 9px 11px;
  border-radius: 7px;
  box-shadow: 0 8px 24px rgba(21, 32, 46, 0.2);
}

/* Speakers v304: compact fixed search with an independent scrolling list. */
.side-panel.is-speakers:not(.is-fullscreen) .sidepanel-speaker-page {
  gap: 4px;
}

.side-panel.is-speakers:not(.is-fullscreen)
  .sidepanel-speaker-page
  .speaker-assignment-section.speaker-picker {
  flex: 0 0 auto;
  padding: 0 0 4px;
}

.side-panel.is-speakers:not(.is-fullscreen)
  .sidepanel-speaker-page
  .speaker-page-list {
  min-height: 0;
  flex: 1 1 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scroll-padding-block: 4px 12px;
  scrollbar-color: #c7d0dc transparent;
  scrollbar-width: thin;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  padding: 4px 3px 12px 0;
}

.side-panel.is-speakers:not(.is-fullscreen)
  .sidepanel-speaker-page
  .speaker-page-list::-webkit-scrollbar {
  width: 7px;
}

.side-panel.is-speakers:not(.is-fullscreen)
  .sidepanel-speaker-page
  .speaker-page-list::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: #c7d0dc;
  background-clip: padding-box;
}

.side-panel.is-speakers:not(.is-fullscreen) .sidepanel-speaker-page .speaker-row {
  scroll-margin-block: 4px;
}

.side-panel.is-speakers:not(.is-fullscreen)
  .sidepanel-speaker-page
  .speaker-drag-handle {
  touch-action: none;
}

.side-panel.is-speakers:not(.is-fullscreen)
  .sidepanel-speaker-page
  .speaker-drawer-footer {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  background: #ffffff;
}

/* Registration v305: Figma-aligned slide-in heading and action menu. */
.side-panel.is-tickets:not(.is-fullscreen) .registration-sidepanel-workspace {
  gap: 0;
}

.side-panel.is-tickets:not(.is-fullscreen) .registration-sidepanel-view {
  gap: 8px;
}

.side-panel.is-tickets:not(.is-fullscreen) .registration-sidepanel-view .ticket-add-anchor {
  gap: 8px;
}

.side-panel.is-tickets:not(.is-fullscreen)
  .registration-sidepanel-view
  .registration-sidepanel-heading {
  min-height: 41px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 2px 2px 5px;
  border-bottom: 0;
}

.side-panel.is-tickets:not(.is-fullscreen)
  .registration-sidepanel-heading
  > div:first-child {
  min-width: 0;
  display: grid;
  flex: 1 1 auto;
  gap: 2px;
}

.side-panel.is-tickets:not(.is-fullscreen) .registration-sidepanel-heading h4 {
  margin: 0;
  overflow: hidden;
  color: #15202e;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-panel.is-tickets:not(.is-fullscreen) .registration-sidepanel-heading small {
  margin: 0;
  overflow: hidden;
  color: #647189;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-panel.is-tickets:not(.is-fullscreen)
  .registration-sidepanel-heading
  .registration-sidepanel-create-menu {
  z-index: 35;
  flex: 0 0 auto;
  margin: 0;
}

.side-panel.is-tickets:not(.is-fullscreen)
  .registration-sidepanel-heading
  .registration-sidepanel-create-menu
  > .ticket-icon-button {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 0;
  border: 1px solid #dce3ed;
  border-radius: 5px;
  background: #ffffff;
  color: #667085;
}

.side-panel.is-tickets:not(.is-fullscreen)
  .registration-sidepanel-heading
  .registration-sidepanel-create-menu
  > .ticket-icon-button:hover,
.side-panel.is-tickets:not(.is-fullscreen)
  .registration-sidepanel-heading
  .registration-sidepanel-create-menu
  > .ticket-icon-button:focus-visible {
  border-color: #b9a8f5;
  background: #f7f4ff;
  color: #6633f1;
  outline: 0;
}

.side-panel.is-tickets:not(.is-fullscreen)
  .registration-sidepanel-heading
  .registration-sidepanel-create-menu
  > .ticket-icon-button
  .ui-icon-svg {
  width: 14px;
  height: 14px;
}

.side-panel.is-tickets:not(.is-fullscreen)
  .registration-sidepanel-create-menu-popover {
  top: calc(100% + 6px);
  right: 0;
  left: auto;
  width: min(292px, calc(100vw - 40px));
}

/* Registration v307: selected option header mirrors the canonical Figma state. */
.side-panel.is-tickets:not(.is-fullscreen) .registration-option-sidepanel-header {
  position: sticky;
  top: 0;
  z-index: 8;
  min-height: 49px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: -22px -24px 0;
  padding: 9px 12px;
  border-bottom: 1px solid #dce3ed;
  background: var(--ds-slidein-card-background);
}

.side-panel.is-tickets:not(.is-fullscreen) .registration-option-sidepanel-header h4 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #15202e;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-panel.is-tickets:not(.is-fullscreen) .registration-option-back {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #dce3ed;
  border-radius: 5px;
  background: #ffffff;
  color: #667085;
  cursor: pointer;
}

.side-panel.is-tickets:not(.is-fullscreen) .registration-option-back:hover,
.side-panel.is-tickets:not(.is-fullscreen) .registration-option-back:focus-visible {
  border-color: #b9a8f5;
  background: #f7f4ff;
  color: #6633f1;
  outline: 0;
}

.side-panel.is-tickets:not(.is-fullscreen) .registration-option-back .ui-icon-svg {
  width: 14px;
  height: 14px;
}

/* Integrations workspace */
.integration-manager-workspace {
  box-sizing: border-box;
  gap: 12px;
  padding: 14px var(--event-manager-workspace-gutter) 32px;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-anchor: none;
  background: #f7f8fa;
}

.integration-manager-workspace > .integration-manager-heading,
.integration-manager-workspace > .integration-summary,
.integration-manager-workspace > .integration-catalog {
  width: 100%;
}

.integration-manager-heading {
  min-height: 44px;
  margin-bottom: 0;
}

.integration-summary {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.integration-summary-card {
  box-sizing: border-box;
  position: relative;
  min-width: 0;
  min-height: 78px;
  display: grid;
  align-content: start;
  gap: 2px;
  padding: 12px 14px;
  border: 1px solid var(--ds-card-border);
  border-radius: var(--ds-card-radius);
  background: var(--ds-card-background);
  box-shadow: var(--ds-card-shadow);
}

button.integration-summary-card {
  width: 100%;
  font: inherit;
  text-align: left;
}

.integration-summary-card.is-actionable {
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.integration-summary-card.is-actionable:hover,
.integration-summary-card.is-actionable:focus-visible {
  border-color: #e3b36f;
  box-shadow: 0 7px 18px rgba(181, 71, 8, 0.09);
  transform: translateY(-1px);
}

.integration-summary-card > span:not(.integration-summary-icon) {
  padding-right: 34px;
  color: #526078;
  font-size: 11px;
  font-weight: 600;
}

.integration-summary-card > strong {
  color: #172131;
  font-size: 20px;
  line-height: 1.05;
}

.integration-summary-card > small {
  color: #7a8699;
  font-size: 10.5px;
}

.integration-summary-icon {
  position: absolute;
  top: 11px;
  right: 11px;
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 6px;
}

.integration-summary-icon .ui-icon-host,
.integration-summary-icon svg {
  width: 14px;
  height: 14px;
}

.integration-summary-icon.is-purple { background: #f1edff; color: #6633f1; }
.integration-summary-icon.is-green { background: #e9f8f0; color: #168347; }
.integration-summary-icon.is-amber { background: #fff5df; color: #b54708; }
.integration-summary-icon.is-blue { background: #edf4ff; color: #2f6fed; }

.integration-catalog {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  padding-bottom: 14px;
}

.integration-catalog-toolbar {
  display: none;
  align-items: center;
  gap: 8px;
}

.integration-category-filter {
  position: relative;
  min-width: 0;
  flex: 0 0 132px;
}

.integration-category-filter--topbar {
  display: none;
}

body.is-integrations-workspace .integration-category-filter--topbar {
  display: block;
}

body.is-integrations-workspace .event-manager-global-search {
  width: 100%;
  min-width: 0;
}

body.is-integrations-workspace .event-manager-search-cluster {
  width: min(360px, 27vw);
}

.integration-category-filter select,
.integration-mobile-search input {
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  background: #f9fafc;
  color: #344258;
  font: inherit;
  font-size: 12px;
}

.integration-category-filter select {
  appearance: none;
  padding: 0 28px 0 10px;
  cursor: pointer;
}

.integration-category-chevron {
  position: absolute;
  top: 50%;
  right: 9px;
  width: 14px;
  height: 14px;
  color: #748197;
  pointer-events: none;
  transform: translateY(-50%);
}

.integration-category-chevron svg {
  width: 14px;
  height: 14px;
}

.integration-mobile-search {
  min-width: 0;
  flex: 1 1 auto;
}

.integration-mobile-search input {
  padding: 0 10px;
  outline: 0;
}

.integration-category-filter select:focus-visible,
.integration-mobile-search input:focus {
  outline: 0;
  border-color: #9c83ff;
  box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1);
}

@media (min-width: 901px) {
  body.is-integrations-workspace .event-manager-topbar {
    gap: 10px;
  }
}

.integration-custom-callout {
  min-height: 58px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border: 1px solid #cfe0f7;
  border-radius: 8px;
  background: #f3f7fd;
}

.integration-custom-icon {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #e5effd;
  color: #2f6fed;
}

.integration-custom-icon .ui-icon-host,
.integration-custom-icon svg {
  width: 16px;
  height: 16px;
}

.integration-custom-callout > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.integration-custom-callout strong {
  color: #263244;
  font-size: 12px;
}

.integration-custom-callout small {
  color: #647189;
  font-size: 11px;
}

.integration-custom-callout button,
.integration-connected-card footer button,
.integration-empty-state button {
  height: 32px;
  padding: 0 10px;
  border: 1px solid #d3dbe7;
  border-radius: 6px;
  background: #ffffff;
  color: #344258;
  font: inherit;
  font-size: 11px;
  font-weight: 600;
}

.integration-custom-callout button:hover,
.integration-connected-card footer button:hover,
.integration-empty-state button:hover {
  border-color: #b9a8f5;
  background: #f8f6ff;
  color: #5d35d8;
}

.integration-section {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

.integration-section-header {
  min-height: 30px;
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.integration-section-header h2 {
  margin: 0;
  color: #172131;
  font-size: 15px;
  line-height: 1.2;
}

.integration-section-header p {
  margin: 2px 0 0;
  color: #7a8699;
  font-size: 11px;
}

.integration-connected-grid {
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.integration-connected-card {
  box-sizing: border-box;
  position: relative;
  min-width: 0;
  min-height: 176px;
  display: grid;
  grid-template-rows: auto minmax(32px, 1fr) auto auto;
  gap: 7px;
  padding: 12px;
  border: 1px solid var(--ds-card-border);
  border-radius: var(--ds-card-radius);
  background: var(--ds-card-background);
  box-shadow: var(--ds-card-shadow);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.integration-connected-card:hover,
.integration-available-card:hover {
  border-color: #cfd6e2;
  box-shadow: 0 8px 22px rgba(16, 24, 40, 0.07);
  transform: translateY(-1px);
}

.integration-available-card:focus-visible {
  outline: 3px solid rgba(102, 51, 241, 0.18);
  outline-offset: 2px;
  border-color: #9c83ff;
}

.integration-connected-card > header {
  min-width: 0;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
}

.integration-connected-card .integration-brand-mark {
  width: 36px;
  height: 36px;
}

.integration-brand-mark {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.integration-brand-mark img {
  width: 23px;
  height: 23px;
  display: block;
  object-fit: contain;
}

.integration-card-title {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.integration-card-title strong,
.integration-card-title small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.integration-card-title strong {
  color: #263244;
  font-size: 13px;
}

.integration-card-title small {
  color: #7a8699;
  font-size: 11px;
}

.integration-health {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #168347;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.integration-health i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.integration-health.is-attention {
  color: #b54708;
}

.integration-health.is-paused {
  color: #667085;
}

.integration-card-status-line {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #7a8699;
  font-size: 10.5px;
}

.integration-connected-card > p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0;
  color: #647189;
  font-size: 11px;
  line-height: 1.45;
}

.integration-connected-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.integration-connected-card dl div {
  display: grid;
  gap: 1px;
}

.integration-connected-card dt {
  color: #8a95a6;
  font-size: 10px;
}

.integration-connected-card dd {
  margin: 0;
  color: #344258;
  font-size: 11px;
  font-weight: 600;
}

.integration-connected-card footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 6px;
  border-top: 1px solid #edf1f6;
}

.integration-connected-card footer > span {
  min-width: 0;
  overflow: hidden;
  color: #7a8699;
  font-size: 10.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.integration-connected-card footer button {
  flex: 0 0 auto;
}

.integration-connected-card footer button.is-reconnect {
  border-color: #e8c89c;
  background: #fff8ed;
  color: #9a3f06;
}

.integration-available-grid {
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.event-manager-app.has-integration-drawer .integration-connected-grid,
.event-manager-app.has-integration-drawer .integration-available-grid,
.event-manager-app.has-integration-request .integration-connected-grid,
.event-manager-app.has-integration-request .integration-available-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.event-manager-app.has-integration-drawer .integration-summary,
.event-manager-app.has-integration-request .integration-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.integration-available-card {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 132px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  grid-template-rows: auto minmax(32px, auto) auto;
  align-items: center;
  gap: 8px 10px;
  padding: 12px;
  border: 1px solid var(--ds-card-border);
  border-radius: var(--ds-card-radius);
  background: var(--ds-card-background);
  box-shadow: var(--ds-card-shadow);
  color: #263244;
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.integration-available-card .integration-brand-mark {
  width: 36px;
  height: 36px;
}

.integration-available-card .integration-brand-mark img {
  width: 21px;
  height: 21px;
}

.integration-available-description {
  grid-column: 1 / -1;
  color: #647189;
  display: -webkit-box;
  overflow: hidden;
  font-size: 11px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.integration-available-action {
  grid-column: 1 / -1;
  justify-self: end;
  color: #5d35d8;
  font-size: 11px;
  font-weight: 600;
}

.integration-available-card:hover .integration-available-action {
  color: #4f27c8;
}

.integration-list-placeholder {
  grid-column: 1 / -1;
  margin: 0;
  padding: 14px;
  border: 1px dashed #d5dde8;
  border-radius: 7px;
  color: #7a8699;
  font-size: 9.5px;
  text-align: center;
}

.integration-empty-state {
  min-height: 180px;
  place-items: center;
  align-content: center;
  gap: 6px;
  color: #7a8699;
  text-align: center;
}

.integration-empty-state:not([hidden]) {
  display: grid;
}

.integration-empty-state > .ui-icon-host {
  width: 22px;
  height: 22px;
  color: #6633f1;
}

.integration-empty-state strong { color: #263244; font-size: 12px; }
.integration-empty-state small { font-size: 9px; }

.integration-detail-drawer {
  position: fixed;
  z-index: 95;
  top: 56px;
  right: 0;
  width: var(--event-manager-panel-width);
  height: calc(100vh - 56px);
  height: calc(100dvh - 56px);
  display: flex;
  flex-direction: column;
  border-left: 1px solid #dce3ed;
  background: #f7f9fc;
  box-shadow: -18px 0 48px rgba(24, 31, 45, 0.14);
  visibility: hidden;
  transform: translateX(100%);
  transition: transform 220ms ease, visibility 0s linear 220ms;
}

.event-manager-app.has-integration-drawer .integration-detail-drawer:not(.integration-request-drawer),
.event-manager-app.has-integration-request .integration-request-drawer {
  visibility: visible;
  transform: translateX(0);
  transition: transform 220ms ease;
}

.integration-drawer-header {
  min-height: 76px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid #dce3ed;
  background: #ffffff;
}

.integration-drawer-steps {
  min-height: 62px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-bottom: 1px solid #dce3ed;
  background: #ffffff;
}

.integration-detail-drawer.is-managing .integration-drawer-steps,
.integration-detail-drawer.is-managing .integration-test-card {
  display: none;
}

.integration-detail-drawer.is-managing .integration-drawer-body {
  padding-top: 14px;
}

.integration-detail-drawer.is-managing .integration-drawer-status strong,
.integration-detail-drawer.is-managing .integration-drawer-section h3,
.integration-detail-drawer.is-managing .integration-drawer-footer button {
  font-size: 11px;
}

.integration-detail-drawer.is-managing .integration-drawer-status small,
.integration-detail-drawer.is-managing .integration-connection-details dt,
.integration-detail-drawer.is-managing .integration-connection-details dd,
.integration-detail-drawer.is-managing .integration-activity-log li strong {
  font-size: 10px;
}

.integration-detail-drawer.is-managing .integration-drawer-section > p,
.integration-detail-drawer.is-managing .integration-activity-log li small {
  font-size: 10.5px;
}

.integration-detail-drawer.is-managing .integration-connection-details dd {
  overflow-wrap: anywhere;
}

.integration-drawer-steps button {
  min-width: 0;
  min-height: 30px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #697588;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.integration-step-connector {
  min-width: 8px;
  height: 1px;
  flex: 1 1 0;
  background: #dce3ed;
}

.integration-step-connector.is-complete {
  background: #6633f1;
}

.integration-drawer-steps button > span {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  display: grid;
  place-items: center;
  border: 1px solid #cfd8e5;
  border-radius: 50%;
  background: #ffffff;
  color: #697588;
  font-size: 11px;
  font-weight: 700;
}

.integration-drawer-steps button > strong {
  font-size: 10.5px;
  font-weight: 600;
  white-space: nowrap;
}

.integration-drawer-steps button.is-active {
  color: #5d35d8;
}

.integration-drawer-steps button.is-active > span {
  border-color: #6633f1;
  background: #6633f1;
  color: #ffffff;
}

.integration-drawer-steps button.is-complete {
  color: #344258;
}

.integration-drawer-steps button.is-complete > span {
  border-color: #b9a8f5;
  background: #f3efff;
  color: #5d35d8;
}

.integration-drawer-steps button:hover > strong,
.integration-drawer-steps button:focus-visible > strong {
  color: #5d35d8;
}

.integration-drawer-steps button:focus-visible {
  outline: 2px solid #a78bfa;
  outline-offset: 4px;
  border-radius: 3px;
}

@media (max-width: 360px) {
  .integration-drawer-steps {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr);
    gap: 0;
    padding-inline: 10px;
  }

  .integration-drawer-steps button {
    min-height: 48px;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
  }

  .integration-drawer-steps button > strong {
    font-size: 10px;
    line-height: 1.1;
    text-align: center;
    white-space: normal;
  }

  .integration-step-connector {
    width: 100%;
    min-width: 0;
    align-self: start;
    margin-top: 15px;
  }
}

.integration-drawer-identity {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.integration-drawer-identity .integration-brand-mark {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
}

.integration-drawer-identity .integration-brand-mark img {
  width: 25px;
  height: 25px;
}

.integration-drawer-identity h2 {
  margin: 0;
  color: #172131;
  font-size: 16px;
}

.integration-drawer-identity p {
  margin: 3px 0 0;
  color: #7a8699;
  font-size: 9px;
}

.integration-drawer-body {
  min-height: 0;
  flex: 1;
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 12px;
  overflow-y: auto;
}

.integration-step-panel {
  display: grid;
  align-content: start;
  gap: 10px;
}

.integration-step-panel[hidden] { display: none; }

.integration-drawer-status,
.integration-drawer-section {
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
}

.integration-manage-status[hidden],
.integration-manage-summary[hidden] {
  display: none;
}

.integration-drawer-status {
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
}

.integration-drawer-status > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.integration-drawer-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #168347;
}

.integration-drawer-status strong {
  color: #168347;
  font-size: 10px;
}

.integration-drawer-status small {
  color: #7a8699;
  font-size: 8.5px;
}

.integration-drawer-status > button {
  grid-column: 1 / -1;
  justify-self: start;
  height: 28px;
  padding: 0 10px;
  border: 1px solid #e8c89c;
  border-radius: 6px;
  background: #fff8ed;
  color: #9a3f06;
  font: inherit;
  font-size: 9px;
  font-weight: 600;
}

.integration-drawer-status.is-attention i { background: #b54708; }
.integration-drawer-status.is-attention strong { color: #b54708; }
.integration-drawer-status.is-disconnected i { background: #98a2b3; }
.integration-drawer-status.is-disconnected strong { color: #667085; }
.integration-drawer-status.is-paused i { background: #667085; }
.integration-drawer-status.is-paused strong { color: #475467; }

.integration-drawer-section {
  display: grid;
  gap: 9px;
  padding: 12px;
}

.integration-drawer-section h3 {
  margin: 0;
  color: #263244;
  font-size: 11px;
}

.integration-drawer-section > p {
  margin: 0;
  color: #647189;
  font-size: 9.5px;
  line-height: 1.5;
}

.integration-data-direction > strong {
  color: #344258;
  font-size: 12px;
}

.integration-connect-guide[hidden] { display: none; }

.integration-connect-guide {
  border-color: #d8cdfc;
  background: #fbfaff;
}

.integration-connect-guide > strong {
  color: #4f27c8;
  font-size: 10.5px;
}

.integration-connect-guide ol {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.integration-connect-guide li {
  min-height: 24px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  color: #526078;
  font-size: 9px;
}

.integration-connect-guide li > span {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #eee9ff;
  color: #5d35d8;
  font-size: 8px;
  font-weight: 700;
}

.integration-step-intro {
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
}

.integration-step-intro > .ui-icon-host,
.integration-step-intro > svg {
  width: 30px;
  height: 30px;
  padding: 7px;
  border-radius: 7px;
  background: #f1edff;
  color: #6633f1;
}

.integration-step-intro > div { display: grid; gap: 3px; }
.integration-step-intro h3,
.integration-step-intro p { margin: 0; }

.integration-scope-note {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid #d9e4f2;
  border-radius: 8px;
  background: #f5f8fc;
}

.integration-scope-note strong { color: #344258; font-size: 9.5px; }
.integration-scope-note span { color: #6f7c91; font-size: 8.5px; line-height: 1.4; }

.integration-connection-success {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  padding: 11px 12px;
  border: 1px solid #b7e4c9;
  border-radius: 8px;
  background: #effaf3;
}

.integration-connection-success[hidden] { display: none; }
.integration-connection-success > .ui-icon-host,
.integration-connection-success > svg { width: 20px; height: 20px; color: #168347; }
.integration-connection-success > div { display: grid; gap: 3px; }
.integration-connection-success strong { color: #146c3d; font-size: 10px; }
.integration-connection-success p { margin: 0; color: #367554; font-size: 8.5px; line-height: 1.4; }

.integration-test-card {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 10px 12px;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #ffffff;
}

.integration-test-card.is-success {
  border-color: #b7e4c9;
  background: #f7fcf9;
}

.integration-test-icon {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #f1edff;
  color: #6633f1;
}

.integration-test-icon .ui-icon-host,
.integration-test-icon svg { width: 15px; height: 15px; }
.integration-test-card > div { min-width: 0; display: grid; gap: 2px; }
.integration-test-card strong { color: #344258; font-size: 9.5px; }
.integration-test-card small { color: #7a8699; font-size: 8px; line-height: 1.35; }
.integration-test-card > button { height: 28px; padding: 0 9px; border: 1px solid #d8cdfc; border-radius: 6px; background: #f8f6ff; color: #5d35d8; font: inherit; font-size: 8.5px; font-weight: 600; }
.integration-test-card > button:disabled { cursor: not-allowed; opacity: 0.5; }

.integration-activity-log ol {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.integration-activity-log li {
  min-height: 42px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #edf1f6;
}

.integration-activity-log li:last-child { border-bottom: 0; }
.integration-activity-log li > .ui-icon-host,
.integration-activity-log li > svg { width: 14px; height: 14px; color: #667085; }
.integration-activity-log li > span:last-child { display: grid; gap: 2px; }
.integration-activity-log li strong { color: #475467; font-size: 8.8px; font-weight: 500; }
.integration-activity-log li small { color: #98a2b3; font-size: 7.8px; }

.integration-drawer-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.integration-drawer-section-heading > span {
  color: #7a8699;
  font-size: 8.5px;
}

.integration-connection-details {
  display: grid;
  gap: 0;
  margin: 0;
}

.integration-connection-details div {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid #edf1f6;
}

.integration-connection-details div:last-child { border-bottom: 0; }
.integration-connection-details dt { color: #7a8699; font-size: 9px; }
.integration-connection-details dd { margin: 0; color: #344258; font-size: 9px; font-weight: 600; overflow-wrap: anywhere; text-align: right; }

.integration-api-field {
  display: grid;
  gap: 5px;
}

.integration-api-field[hidden] { display: none; }
.integration-api-field > span { color: #344258; font-size: 9px; font-weight: 600; }
.integration-api-field input { height: 34px; padding: 0 10px; border: 1px solid #dce3ed; border-radius: 6px; outline: 0; font: inherit; font-size: 10px; }
.integration-api-field input:focus { border-color: #9c83ff; box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1); }
.integration-api-field small { color: #7a8699; font-size: 8px; }
.integration-api-field small.is-error { color: #b42318; }

.integration-scope-options {
  display: grid;
  gap: 7px;
}

.integration-scope-options label {
  min-height: 42px;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  cursor: pointer;
}

.integration-scope-options label:has(input:checked) {
  border-color: #b9a8f5;
  background: #f8f6ff;
}

.integration-scope-options input { accent-color: #6633f1; }
.integration-scope-options span { display: grid; gap: 2px; }
.integration-scope-options strong { color: #344258; font-size: 9.5px; }
.integration-scope-options small { color: #7a8699; font-size: 8px; }

.integration-permissions ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.integration-permissions li {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #526078;
  font-size: 9px;
}

.integration-permissions li .ui-icon-host,
.integration-permissions li svg {
  width: 13px;
  height: 13px;
  color: #168347;
}

.integration-drawer-footer {
  min-height: 62px;
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: auto auto 1fr auto auto;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-top: 1px solid #dce3ed;
  background: #ffffff;
}

.integration-drawer-footer button {
  height: 32px;
  padding: 0 11px;
  border: 1px solid #d3dbe7;
  border-radius: 6px;
  background: #ffffff;
  color: #344258;
  font: inherit;
  font-size: 9.5px;
  font-weight: 600;
}

.integration-drawer-footer button.is-primary {
  border-color: #6633f1;
  background: #6633f1;
  color: #ffffff;
}

.integration-drawer-footer .integration-disconnect-button {
  border-color: transparent;
  color: #b42318;
}

.integration-drawer-footer .integration-disconnect-button:hover { background: #fff1f0; }
.integration-disconnect-dialog > section { width: min(400px, calc(100vw - 32px)); }

.integration-request-drawer > form {
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.integration-request-drawer .integration-drawer-identity p {
  font-size: 11px;
  line-height: 1.4;
}

.integration-request-option-bar {
  flex: 0 0 auto;
  padding: 10px 16px;
  border-bottom: 1px solid #dce3ed;
  background: #ffffff;
}

.integration-request-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #f1f3f7;
}

.integration-request-options button {
  min-width: 0;
  min-height: 36px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
}

.integration-request-body {
  gap: 12px;
  padding: 16px;
}

.integration-request-panel {
  display: grid;
  align-content: start;
  gap: 12px;
}

.integration-request-panel[hidden] {
  display: none;
}

.integration-request-card {
  gap: 12px;
  padding: 16px;
}

.integration-request-card h3 {
  font-size: 12px;
}

.integration-request-card > p,
.integration-request-card.integration-connect-guide li {
  font-size: 11px;
  line-height: 1.45;
}

.integration-request-card.integration-connect-guide > strong {
  font-size: 11px;
}

.integration-request-mark {
  border-color: #d8cdfc;
  background: #f8f6ff;
  color: #6633f1;
}

.integration-request-mark .ui-icon-host,
.integration-request-mark svg {
  width: 22px;
  height: 22px;
}

.integration-request-footer {
  display: flex;
  justify-content: flex-end;
  padding-inline: 16px;
}

.integration-request-footer button {
  min-width: 92px;
  height: 36px;
  font-size: 12px;
}

.integration-request-footer button:focus-visible {
  outline: 2px solid #6633f1;
  outline-offset: 2px;
}

.integration-request-fields {
  display: grid;
  gap: 12px;
}

.integration-request-fields label {
  display: grid;
  gap: 6px;
  color: #475467;
  font-size: 11px;
  font-weight: 500;
}

.integration-request-fields label > span > small { margin-left: 4px; color: #98a2b3; font-size: 10px; font-weight: 400; }
.integration-request-select-control { position: relative; display: block; min-width: 0; }
.integration-request-select-control > .ui-icon-host,
.integration-request-select-control > svg { position: absolute; top: 50%; right: 10px; width: 14px; height: 14px; color: #697588; pointer-events: none; transform: translateY(-50%); }
.integration-request-select-control .ui-icon-svg { width: 14px; height: 14px; }
.integration-request-fields input,
.integration-request-fields select,
.integration-request-fields textarea { width: 100%; box-sizing: border-box; padding: 8px 12px; border: 1px solid #dce3ed; border-radius: 4px; outline: 0; background: #ffffff; color: #263244; font: inherit; font-size: 12px; font-weight: 400; }
.integration-request-select-control select { appearance: none; padding-right: 34px; }
.integration-request-fields input,
.integration-request-fields select { height: 36px; }
.integration-request-fields textarea { min-height: 80px; resize: vertical; line-height: 1.45; }
.integration-request-fields input:focus,
.integration-request-fields select:focus,
.integration-request-fields textarea:focus { border-color: #9c83ff; box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.1); }
.integration-request-fields label > small { color: #b42318; font-size: 10px; font-weight: 400; }
.integration-request-fields label > small[hidden] { display: none; }
.integration-request-fields label.has-error input { border-color: #e69690; }

@media (max-width: 1180px) {
  .integration-connected-grid,
  .integration-available-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1600px) {
  .integration-connected-grid,
  .integration-available-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .integration-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.is-integrations-workspace .event-manager-search-cluster {
    width: auto;
  }

  .integration-manager-heading .event-manager-toolbar-secondary {
    display: inline-flex;
  }

  body.is-integrations-workspace .integration-category-filter--topbar {
    display: none;
  }

  .integration-catalog-toolbar {
    display: flex;
  }

  .integration-connected-grid,
  .integration-available-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .integration-manager-workspace {
    padding: 12px;
  }

  .integration-connected-grid,
  .integration-available-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .integration-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .integration-summary-card {
    min-height: 76px;
    padding: 11px 12px;
  }

  .integration-card-status-line {
    flex-wrap: wrap;
    row-gap: 4px;
  }

  .integration-manager-heading .event-manager-heading-actions {
    display: flex;
  }

  .integration-custom-callout {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .integration-custom-callout button {
    grid-column: 2;
    justify-self: start;
  }

  .integration-detail-drawer {
    width: 100vw;
  }

  .event-manager-app.has-integration-drawer,
  .event-manager-app.has-integration-request {
    padding-right: 0;
  }
}

.event-page-task[hidden] { display: none; }
.event-page-task { position: fixed; z-index: 120; right: 10px; bottom: 0; left: calc(var(--cms-dimensions-layout-app-navigation-width) + 10px); color: var(--ink); font-family: Roboto, Arial, sans-serif; pointer-events: none; }
.event-manager-app.is-nav-collapsed ~ .event-page-task { left: calc(var(--cms-dimensions-layout-app-navigation-width-collapsed) + 10px); }
.event-page-task.is-expanded { top: 61px; }
.event-page-task.is-entering .event-page-drawer { animation: event-page-panel-rise 180ms ease-out both; }
@keyframes event-page-panel-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.event-page-drawer { --event-page-content-gutter: 28px; width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line); border-bottom: 0; border-radius: 8px 8px 0 0; background: var(--surface); box-shadow: 0 -8px 24px rgba(21, 32, 46, 0.12); pointer-events: auto; }
.event-page-drawer-header { position: sticky; top: 0; z-index: 1; min-height: 68px; flex: 0 0 auto; display: flex; align-items: center; gap: 12px; padding: 12px var(--event-page-content-gutter); border-bottom: 1px solid var(--line); background: var(--ds-slidein-header-background); }
.event-page-drawer-heading { min-width: 0; flex: 1 1 auto; }
.event-page-drawer-heading h2 { margin: 0; color: var(--ink); font-size: 16px; font-weight: 600; line-height: 1.3; }
.event-page-drawer-heading p { overflow: hidden; margin: 3px 0 0; color: var(--muted); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.event-page-draft-status { flex: 0 0 auto; padding: 4px 8px; border: 1px solid var(--ds-status-info-border); border-radius: var(--ds-pill-radius); background: var(--ds-status-info-background); color: var(--ds-status-info-text); font-size: 11px; font-weight: 500; line-height: 1.2; }
.event-page-panel-toggle { width: 32px; height: 32px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--muted); font-size: 20px; line-height: 1; cursor: pointer; }
.event-page-panel-toggle:hover, .event-page-panel-toggle:focus-visible { border-color: var(--ui-selected-border); color: var(--purple); outline: 0; }
.event-page-drawer-body { min-height: 0; flex: 1 1 auto; display: grid; grid-auto-rows: max-content; align-content: start; overflow: auto; padding: 16px var(--event-page-content-gutter) 18px; background: var(--ds-slidein-body-background); overscroll-behavior: contain; }
.event-page-drawer-body > :not(.event-page-drawer-footer) { min-width: 0; width: 100%; }
.event-page-drawer-body h3 { margin: 0 0 12px; color: var(--ink); font-size: 14px; font-weight: 600; line-height: 1.4; }
.event-page-event-details { display: grid; gap: 12px; margin-bottom: 16px; padding: 16px; }
.event-page-event-details h3 { margin: 0; color: var(--ink); font-size: 14px; font-weight: 600; line-height: 1.4; }
.event-page-event-details label { min-width: 0; display: grid; gap: 6px; color: #596579; font-size: 12px; font-weight: 500; line-height: 1.3; }
.event-page-event-details label > span > span { color: #c43d3d; }
.event-page-event-details :is(input, textarea) { width: 100%; min-width: 0; border: 1px solid var(--ds-slidein-card-border); border-radius: 5px; background: var(--ds-slidein-card-background); color: var(--ink); font: 400 14px/1.4 Roboto, Arial, sans-serif; }
.event-page-event-details input { height: 40px; padding: 0 12px; }
.event-page-event-details textarea { min-height: 88px; padding: 9px 12px; resize: vertical; }
.event-page-event-details :is(input, textarea):focus { border-color: rgba(102, 51, 241, 0.42); outline: 0; box-shadow: 0 0 0 3px rgba(102, 51, 241, 0.09); }
.event-page-event-details :is(input, textarea)[aria-invalid="true"] { border-color: #c43d3d; }
.event-page-choice-list { display: grid; grid-auto-rows: 1fr; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.event-page-choice { min-width: 0; min-height: 132px; display: grid; grid-template-rows: minmax(0, 1fr) auto; align-content: stretch; gap: 12px; padding: 16px; border: 1px solid var(--ds-card-border); border-radius: 6px; background: var(--ds-card-background); color: var(--ink); text-align: left; cursor: pointer; }
.event-page-choice:hover, .event-page-choice:focus-visible { border-color: var(--ui-selected-border); outline: 0; }
.event-page-choice.is-selected { border-color: var(--ui-selected-border); background: var(--ui-selected-background); }
.event-page-choice-copy { min-width: 0; align-content: start; display: grid; gap: 6px; }
.event-page-choice-copy strong { color: var(--ink); font-size: 13px; font-weight: 600; line-height: 1.3; }
.event-page-choice-copy small { min-height: 2.8em; color: var(--muted); font-size: 11px; line-height: 1.4; }
.event-page-recommended { flex: 0 0 auto; padding: 4px 7px; border-radius: 999px; background: #f1edff; color: #5b35d5; font-size: 10px; font-weight: 600; }
.event-page-choice-footer { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.event-page-choice-footer-spacer { min-height: 18px; }
.event-page-choice-footer [data-ui-icon] { width: 16px; height: 16px; flex: 0 0 auto; color: var(--muted); }
.event-page-choice-footer [data-ui-icon] svg { width: 16px; height: 16px; }
.event-page-choice-feedback { margin: 10px 0 0; color: var(--muted); font-size: 12px; line-height: 1.4; }
.event-page-taskbar { min-height: 58px; display: flex; align-items: center; gap: 12px; padding: 9px 28px max(9px, env(safe-area-inset-bottom, 0px)); border: 1px solid var(--line); background: #fff; box-shadow: 0 -5px 18px rgba(21, 32, 46, 0.12); pointer-events: auto; }
.event-page-taskbar-name { min-width: 0; max-width: 38%; overflow: hidden; flex: 0 1 auto; color: var(--ink); font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.event-page-taskbar-spacer { min-width: 8px; flex: 1 1 auto; }
.event-page-taskbar-issues { flex: 0 0 auto; color: var(--muted); font-size: 11px; white-space: nowrap; }
.event-page-draft-status.is-draft { border-color: #dce3ed; background: #f3f5f8; color: #596579; }
.event-page-draft-status.is-progress { border-color: #dce3ed; background: #f3f5f8; color: #596579; }
.event-page-draft-status.is-attention { border-color: #f2d49a; background: #fff7e8; color: #915d00; }
.event-page-draft-status.is-ready { border-color: #b8e2d0; background: #edf8f2; color: #17734f; }
.event-page-draft-status.is-published { border-color: #b8e2d0; background: #edf8f2; color: #17734f; }
.event-page-continue { min-height: 36px; flex: 0 0 auto; padding: 0 14px; border: 1px solid var(--purple); border-radius: 6px; background: var(--purple); color: #fff; font-size: 12px; font-weight: 600; cursor: pointer; }
.event-page-continue-compact { display: none; }
.event-page-continue:hover, .event-page-continue:focus-visible { background: #5428d4; outline: 2px solid rgba(102, 51, 241, 0.2); outline-offset: 2px; }
.event-page-taskbar-expand { width: 36px; height: 36px; flex: 0 0 auto; display: grid; place-items: center; padding: 0; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--muted); cursor: pointer; }
.event-page-taskbar-expand:hover, .event-page-taskbar-expand:focus-visible { border-color: var(--ui-selected-border); color: var(--purple); outline: 0; }
.event-page-taskbar-expand [data-ui-icon], .event-page-taskbar-expand svg { width: 16px; height: 16px; }
.event-page-start > h3, .event-page-layout-heading h3, .event-page-data-sources h3 { margin: 0; color: var(--ink); font-size: 14px; font-weight: 600; line-height: 1.4; }
.event-page-start > h3 { margin-bottom: 12px; }
.event-page-choice-feedback { margin: 9px 0 0; color: var(--muted); font-size: 12px; line-height: 1.4; }
.event-page-data-sources { margin-top: 16px; padding-top: 13px; border-top: 1px solid var(--line); }
.event-page-source-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin-top: 9px; }
.event-page-source-list button { min-width: 0; min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 7px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); text-align: left; cursor: pointer; }
.event-page-source-list button:hover, .event-page-source-list button:focus-visible { border-color: var(--ui-selected-border); background: var(--ui-selected-background); outline: 0; }
.event-page-source-list button span { overflow: hidden; color: var(--ink); font-size: 11px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.event-page-source-list button small { flex: 0 0 auto; color: var(--muted); font-size: 9px; }
.event-page-data-sources > p { margin: 8px 0 0; color: var(--muted); font-size: 11px; line-height: 1.4; }
.event-page-layout-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.event-page-layout-heading p { margin: 4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.4; }
.event-page-back { min-height: 30px; flex: 0 0 auto; padding: 0 9px; border: 1px solid var(--line); border-radius: 5px; background: #fff; color: var(--muted); font-size: 11px; cursor: pointer; }
.event-page-layout-search { height: 38px; display: flex; align-items: center; gap: 9px; padding: 0 11px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--muted); }
.event-page-layout-search [data-ui-icon] { width: 16px; height: 16px; display: grid; place-items: center; }
.event-page-layout-search svg { width: 16px; height: 16px; }
.event-page-layout-search input { width: 100%; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; color: var(--ink); font: inherit; font-size: 12px; }
.event-page-layout-list { display: grid; gap: 7px; margin-top: 10px; }
.event-page-layout-card { min-width: 0; min-height: 68px; display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 6px; background: #fff; text-align: left; cursor: pointer; }
.event-page-layout-card:hover, .event-page-layout-card:focus-visible { border-color: var(--ui-selected-border); outline: 0; }
.event-page-layout-thumb { height: 52px; display: grid; grid-template-rows: 5px 15px 5px; align-content: center; gap: 4px; padding: 7px 9px; border: 1px solid #e1e7f0; border-radius: 4px; background: #f8f9fc; }
.event-page-layout-thumb i, .event-page-layout-thumb b, .event-page-layout-thumb small { display: block; border-radius: 2px; background: #d9d3f5; }
.event-page-layout-thumb i { width: 46%; }
.event-page-layout-thumb b { width: 82%; background: #c8cfe0; }
.event-page-layout-thumb small { width: 60%; background: #e0e5ed; }
.event-page-layout-thumb.is-evergreen i { background: #6abf9e; }
.event-page-layout-thumb.is-evergreen b { background: #c8e9dc; }
.event-page-layout-thumb.is-ocean i { background: #5898c9; }
.event-page-layout-thumb.is-ocean b { background: #c7dceb; }
.event-page-layout-card-copy { min-width: 0; display: grid; gap: 4px; }
.event-page-layout-card-copy strong { overflow: hidden; color: var(--ink); font-size: 12px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.event-page-layout-card-copy small { color: var(--muted); font-size: 10px; line-height: 1.3; }
.event-page-source-status { flex: 0 0 auto; padding: 4px 7px; border-radius: 999px; font-size: 10px; font-weight: 500; }
.event-page-source-status.is-published { background: #edf8f2; color: #17734f; }
.event-page-source-status.is-draft { background: #f3f5f8; color: #596579; }
.event-page-layout-empty { margin: 14px 0 2px; padding: 16px; border: 1px dashed var(--line); border-radius: 6px; color: var(--muted); font-size: 12px; text-align: center; }
.event-page-preview-canvas { overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: #fff; }
.event-page-preview-nav { height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 12px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 9px; }
.event-page-preview-nav strong { color: var(--ink); font-size: 11px; }
.event-page-preview-hero { padding: 14px 16px; background: #f6f3ff; }
.event-page-preview-canvas.is-evergreen .event-page-preview-hero { background: #eef8f3; }
.event-page-preview-canvas.is-ocean .event-page-preview-hero { background: #eef5fb; }
.event-page-preview-hero small { color: var(--muted); font-size: 9px; }
.event-page-preview-hero h4 { margin: 5px 0; color: var(--ink); font-size: 16px; font-weight: 600; }
.event-page-preview-hero p { display: -webkit-box; overflow: hidden; margin: 0; color: #526176; font-size: 10px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.event-page-preview-sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.event-page-preview-sections div { min-width: 0; display: flex; align-items: center; gap: 8px; min-height: 30px; padding: 5px 10px; border-top: 1px solid #e5eaf2; }
.event-page-preview-sections div:nth-child(odd) { border-right: 1px solid #e5eaf2; }
.event-page-preview-sections span { color: #8a95a6; font-size: 9px; }
.event-page-preview-sections strong { overflow: hidden; color: #273348; font-size: 10px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.event-page-layout-config { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 10px 0; }
.event-page-layout-config div { min-width: 0; padding: 7px 9px; border: 1px solid var(--line); border-radius: 5px; background: #fff; }
.event-page-layout-config dt { margin-bottom: 3px; color: var(--muted); font-size: 9px; }
.event-page-layout-config dd { overflow: hidden; margin: 0; color: var(--ink); font-size: 10px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.event-page-preview-actions { display: flex; justify-content: flex-end; gap: 8px; }
.event-page-apply { min-height: 34px; padding: 0 12px; border: 1px solid var(--purple); border-radius: 5px; background: var(--purple); color: #fff; font-size: 11px; font-weight: 600; cursor: pointer; }
.event-page-apply:hover, .event-page-apply:focus-visible { background: #5428d4; outline: 2px solid rgba(102, 51, 241, 0.2); outline-offset: 2px; }
.event-page-stage-nav { display: flex; gap: 4px; overflow-x: auto; padding: 7px var(--event-page-content-gutter); border-bottom: 1px solid var(--line); background: var(--surface); scrollbar-width: thin; }
.event-page-stage-nav button { min-height: 30px; flex: 0 0 auto; padding: 0 10px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: var(--muted); font: inherit; font-size: 11px; cursor: pointer; }
.event-page-stage-nav button:hover, .event-page-stage-nav button:focus-visible { border-color: var(--line); color: var(--ink); outline: 0; }
.event-page-stage-nav button[aria-current="step"] { border-color: var(--ui-selected-border); background: var(--ui-selected-background); color: var(--purple); font-weight: 600; }
.event-page-section-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.event-page-section-row { position: relative; min-width: 0; min-height: 54px; display: flex; align-items: center; gap: 12px; padding: 9px 11px; border: 1px solid var(--ds-card-border); border-radius: 6px; background: var(--ds-card-background); cursor: pointer; }
.event-page-section-copy { min-width: 0; flex: 1 1 auto; display: grid; gap: 3px; }
.event-page-section-copy strong { color: var(--ink); font-size: 12px; font-weight: 500; }
.event-page-section-copy small { color: var(--muted); font-size: 10px; }
.event-page-section-row input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.event-page-switch { width: 30px; height: 18px; flex: 0 0 auto; position: relative; border: 1px solid #c8d1df; border-radius: 999px; background: #eef1f5; transition: background-color .15s ease, border-color .15s ease; }
.event-page-switch::after { position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(20, 30, 45, .2); content: ""; transition: transform .15s ease; }
.event-page-section-row input:checked + .event-page-switch { border-color: var(--purple); background: var(--purple); }
.event-page-section-row input:checked + .event-page-switch::after { transform: translateX(12px); }
.event-page-section-row input:focus-visible + .event-page-switch { outline: 2px solid rgba(102, 51, 241, .22); outline-offset: 2px; }
.event-page-section-note { margin-top: 10px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.event-page-issue-count { flex: 0 0 auto; padding: 4px 8px; border: 1px solid var(--line); border-radius: var(--ds-pill-radius); background: var(--surface); color: var(--muted); font-size: 10px; font-weight: 500; }
.event-page-issue-count.has-issues { border-color: #f2d49a; background: #fff7e8; color: #915d00; }
.event-page-issue-list { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.event-page-issue-list li { min-width: 0; display: flex; align-items: center; gap: 10px; padding: 9px 10px; border: 1px solid var(--ds-card-border); border-radius: 6px; background: var(--ds-card-background); }
.event-page-issue-mark { width: 19px; height: 19px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: #fff4df; color: #9a6100; font-size: 11px; font-weight: 700; }
.event-page-issue-copy { min-width: 0; flex: 1 1 auto; display: grid; gap: 3px; }
.event-page-issue-copy strong { color: var(--ink); font-size: 12px; font-weight: 500; }
.event-page-issue-copy small { color: var(--muted); font-size: 10px; line-height: 1.4; }
.event-page-issue-list li > button { min-height: 28px; padding: 0 9px; border: 1px solid var(--line); border-radius: 5px; background: #fff; color: var(--purple); font-size: 11px; font-weight: 500; cursor: pointer; }
.event-page-check-success { display: grid; gap: 4px; padding: 12px; border: 1px solid #b8e2d0; border-radius: 6px; background: #edf8f2; }
.event-page-check-success strong { color: #17734f; font-size: 12px; }
.event-page-check-success span { color: #456b5a; font-size: 11px; }
.event-page-content-check .event-page-preview-actions,
.event-page-current-preview .event-page-preview-actions,
.event-page-review .event-page-preview-actions { margin-top: 12px; }
.event-page-preview-sections div small { margin-left: auto; color: var(--muted); font-size: 9px; white-space: nowrap; }
.event-page-review-summary { display: grid; gap: 5px; margin-top: 12px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
.event-page-review-summary strong { color: var(--ink); font-size: 12px; font-weight: 600; }
.event-page-review-summary span { color: var(--muted); font-size: 10px; }
.event-page-drawer-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; padding-top: 11px; border-top: 1px solid var(--line); }
.event-page-drawer-footer > span { color: var(--muted); font-size: 10px; }
.event-page-save-draft { min-height: 32px; padding: 0 11px; border: 1px solid var(--line); border-radius: 5px; background: #fff; color: var(--ink); font-size: 11px; font-weight: 500; cursor: pointer; }
.event-page-save-draft:hover, .event-page-save-draft:focus-visible { border-color: var(--ui-selected-border); color: var(--purple); outline: 0; }
.event-page-apply:disabled { border-color: #cbd2dd; background: #cbd2dd; cursor: not-allowed; }
@media (max-width: 1180px) {
  .event-page-task { left: 78px; }
}
@media (max-width: 700px) {
  .event-page-drawer { --event-page-content-gutter: 20px; }
  .event-page-drawer-header { padding-block: 10px; }
  .event-page-drawer-body { max-height: none; padding-block: 14px; }
  .event-page-choice-list { grid-template-columns: 1fr; gap: 8px; }
  .event-page-choice { min-height: 132px; }
  .event-page-taskbar { gap: 8px; padding-right: 20px; padding-left: 20px; }
  .event-page-taskbar-name { max-width: 34%; font-size: 12px; }
  .event-page-continue { min-height: 34px; padding-inline: 10px; font-size: 11px; }
  .event-page-source-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .event-page-layout-card { grid-template-columns: 72px minmax(0, 1fr) auto; gap: 8px; padding-right: 7px; padding-left: 7px; }
  .event-page-layout-thumb { height: 48px; }
  .event-page-layout-config { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .event-page-stage-nav { padding-block: 7px; }
  .event-page-section-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .event-page-preview-sections div small { display: none; }
}
@media (max-width: 420px) {
  .event-page-drawer { --event-page-content-gutter: 16px; }
  .event-page-section-list { grid-template-columns: 1fr; }
  .event-page-preview-actions { flex-wrap: wrap; }
  .event-page-preview-actions > button { flex: 1 1 auto; }
  .event-page-taskbar { gap: 6px; padding-right: 16px; padding-left: 16px; }
  .event-page-taskbar-name { max-width: 28%; font-size: 11px; }
  .event-page-draft-status { padding: 3px 6px; font-size: 10px; }
  .event-page-taskbar-issues { font-size: 10px; }
  .event-page-continue { min-height: 32px; padding-inline: 8px; font-size: 10px; }
  .event-page-continue-full { display: none; }
  .event-page-continue-compact { display: inline; }
  .event-page-taskbar-expand { width: 32px; height: 32px; }
}
@media (max-width: 620px) {
  .event-page-task { right: 10px; left: 10px; }
  .event-manager-app.is-nav-collapsed ~ .event-page-task { right: 10px; left: 10px; }
  .event-page-drawer-header { padding-inline: var(--event-page-content-gutter); }
  .event-page-drawer-body { padding-inline: var(--event-page-content-gutter); }
}

.event-page-choice-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.event-page-choice { grid-template-rows: minmax(0, 1fr) auto auto; }
.event-page-choice-cta { min-height: 30px; display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid var(--line); border-radius: 5px; background: #fff; color: var(--purple); font-size: 11px; font-weight: 600; }
.event-page-choice-footer { min-height: 18px; }
.event-page-finish-later { min-height: 32px; margin-top: 12px; padding: 0; border: 0; background: transparent; color: var(--muted); font: inherit; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.event-page-finish-later:hover, .event-page-finish-later:focus-visible { color: var(--purple); outline: 0; }
.event-page-stage-nav button:disabled { color: #a3adbc; cursor: not-allowed; }
.event-page-event-details { gap: 0; padding: 0; overflow: hidden; }
.event-page-event-details > summary { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 13px; color: var(--ink); cursor: pointer; list-style: none; }
.event-page-event-details > summary::-webkit-details-marker { display: none; }
.event-page-event-details > summary > span:first-child { min-width: 0; display: grid; gap: 2px; }
.event-page-event-details > summary strong { font-size: 12px; font-weight: 600; }
.event-page-event-details > summary small { overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.event-page-details-chevron { color: var(--muted); transition: transform .15s ease; }
.event-page-event-details[open] .event-page-details-chevron { transform: rotate(180deg); }
.event-page-event-fields { display: grid; gap: 12px; padding: 2px 13px 13px; border-top: 1px solid var(--line); }
.event-page-event-fields > small { color: var(--muted); font-size: 10px; }
.event-page-content-list { display: grid; gap: 7px; margin: 12px 0 0; padding: 0; list-style: none; }
.event-page-content-list li { min-width: 0; min-height: 56px; display: flex; align-items: center; gap: 10px; padding: 9px 12px; border: 1px solid var(--ds-card-border); border-radius: 6px; background: var(--ds-card-background); }
.event-page-content-indicator { width: 19px; height: 19px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: #edf8f2; color: #17734f; font-size: 11px; font-weight: 700; }
.event-page-content-indicator.is-attention { background: #fff7e8; color: #915d00; }
.event-page-content-list li > span:nth-child(2) { min-width: 0; flex: 1 1 auto; display: grid; gap: 3px; }
.event-page-content-list strong { color: var(--ink); font-size: 12px; font-weight: 500; }
.event-page-content-list small { color: var(--muted); font-size: 11px; line-height: 1.35; }
.event-page-content-list em { flex: 0 0 auto; color: var(--muted); font-size: 11px; font-style: normal; }
.event-page-content-note { margin: 12px 0 0; color: var(--muted); font-size: 11px; }
.event-page-generating { min-height: 260px; display: grid; justify-items: center; align-content: center; gap: 8px; text-align: center; }
.event-page-generating h3, .event-page-generating p { margin: 0; }
.event-page-generating p, .event-page-generating li { color: var(--muted); font-size: 12px; }
.event-page-generating ul { display: grid; gap: 5px; margin: 8px 0 0; padding-left: 18px; text-align: left; }
.event-page-generation-spinner { width: 25px; height: 25px; border: 3px solid #e6e1fb; border-top-color: var(--purple); border-radius: 50%; animation: event-page-spin .8s linear infinite; }
@keyframes event-page-spin { to { transform: rotate(360deg); } }
.event-page-grid-state { display: inline-flex; align-items: center; height: var(--ds-pill-height); padding: 0 var(--ds-pill-padding); border: 1px solid #dce3ed; border-radius: var(--ds-pill-radius); background: #f3f5f8; color: #596579; font-size: var(--ds-pill-font-size); font-weight: 500; line-height: 1; white-space: nowrap; }
.event-page-grid-state.is-published { border-color: #b8e2d0; background: #edf8f2; color: #17734f; }
.event-page-grid-state.is-attention { border-color: #f2d49a; background: #fff7e8; color: #915d00; }
.event-page-grid-state.is-empty { border-color: transparent; background: transparent; color: var(--muted); }
.event-page-canvas[hidden] { display: none; }
.event-page-canvas { position: fixed; z-index: 125; inset: 60px 0 0 calc(var(--cms-dimensions-layout-app-navigation-width) + 0px); display: flex; flex-direction: column; overflow: hidden; background: var(--ds-slidein-body-background, #f4f7fb); color: var(--ink); font-family: Roboto, Arial, sans-serif; }
.event-manager-app.is-nav-collapsed ~ .event-page-canvas { left: var(--cms-dimensions-layout-app-navigation-width-collapsed); }
.event-page-canvas-toolbar { min-height: 58px; flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 9px 18px; border-bottom: 1px solid var(--line); background: var(--ds-slidein-header-background); }
.event-page-canvas-breadcrumb { min-width: 0; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; }
.event-page-canvas-breadcrumb strong { overflow: hidden; color: var(--ink); font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.event-page-canvas-toolbar-spacer { min-width: 10px; flex: 1 1 auto; }
.event-page-canvas-workspace { min-height: 0; flex: 1 1 auto; display: grid; grid-template-columns: minmax(190px, 230px) minmax(0, 1fr) minmax(220px, 280px); overflow: hidden; }
.event-page-canvas-layers, .event-page-canvas-inspector { min-width: 0; overflow: auto; padding: 18px 14px; background: var(--surface); }
.event-page-canvas-layers { border-right: 1px solid var(--line); }
.event-page-canvas-inspector { border-left: 1px solid var(--line); }
.event-page-canvas-layers h2, .event-page-canvas-inspector h2 { margin: 0; color: var(--ink); font-size: 13px; font-weight: 600; }
.event-page-canvas-layers p, .event-page-canvas-inspector p { margin: 5px 0 12px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.event-page-canvas-layers ol { display: grid; gap: 3px; margin: 14px 0 0; padding: 0; list-style: none; }
.event-page-canvas-layer { min-width: 0; min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 4px; padding: 4px 5px; border-radius: 5px; }
.event-page-canvas-layer:hover { background: #f6f7fa; }
.event-page-canvas-layer > label { min-width: 0; flex: 1 1 auto; display: flex; align-items: center; gap: 8px; cursor: pointer; }
.event-page-canvas-layer input { accent-color: var(--purple); }
.event-page-canvas-layer > label > span { min-width: 0; display: grid; gap: 2px; }
.event-page-canvas-layer strong { color: var(--ink); font-size: 11px; font-weight: 500; }
.event-page-canvas-layer small { color: var(--muted); font-size: 9px; }
.event-page-layer-actions { display: flex; flex: 0 0 auto; gap: 2px; }
.event-page-layer-actions button { width: 23px; height: 23px; padding: 0; border: 1px solid transparent; border-radius: 4px; background: transparent; color: var(--muted); cursor: pointer; }
.event-page-layer-actions button:hover:not(:disabled), .event-page-layer-actions button:focus-visible { border-color: var(--line); background: #fff; color: var(--purple); outline: 0; }
.event-page-layer-actions button:disabled { opacity: .35; cursor: not-allowed; }
.event-page-canvas-stage { min-width: 0; overflow: auto; display: grid; justify-items: center; align-content: start; padding: clamp(18px, 4vw, 52px); background: #eef1f6; }
.event-page-canvas-preview { width: min(100%, 920px); min-height: 650px; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: #fff; box-shadow: 0 8px 28px rgba(25, 38, 58, .10); }
.event-page-canvas-preview > nav { min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 22px; border-bottom: 1px solid #e6eaf0; color: #65738a; font-size: 11px; }
.event-page-canvas-preview > nav strong { color: var(--ink); font-size: 15px; font-weight: 700; }
.event-page-canvas-hero { min-height: 240px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 42px 8%; background: #f1edff; color: #202b3d; text-align: center; }
.event-page-canvas-preview.is-evergreen .event-page-canvas-hero { background: #eaf6f0; }
.event-page-canvas-preview.is-ocean .event-page-canvas-hero { background: #edf4fb; }
.event-page-canvas-preview.is-editorial .event-page-canvas-hero { align-items: flex-start; text-align: left; }
.event-page-canvas-preview.is-compact .event-page-canvas-hero { min-height: 160px; }
.event-page-canvas-hero > small { color: #596579; font-size: 11px; }
.event-page-canvas-hero h1 { max-width: 760px; margin: 10px 0; color: #1f2937; font-size: 30px; font-weight: 600; line-height: 1.2; }
.event-page-canvas-hero p { max-width: 660px; margin: 0; color: #526176; font-size: 14px; line-height: 1.55; }
.event-page-canvas-hero button { min-height: 36px; margin-top: 18px; padding: 0 17px; border: 0; border-radius: 5px; background: var(--purple); color: #fff; font-size: 12px; font-weight: 600; }
.event-page-canvas-preview-sections { display: grid; padding: 4px 22px 24px; }
.event-page-canvas-section { min-height: 88px; display: flex; align-items: flex-start; gap: 16px; padding: 21px 12px; border-bottom: 1px solid #e8ebf1; }
.event-page-canvas-section > span { padding-top: 2px; color: #98a2b2; font-size: 10px; }
.event-page-canvas-section h3 { margin: 0 0 6px; color: #202b3d; font-size: 16px; font-weight: 600; }
.event-page-canvas-section p { margin: 0; color: #65738a; font-size: 12px; line-height: 1.45; }
.event-page-canvas-inspector-section { display: grid; align-content: start; gap: 12px; }
.event-page-canvas-inspector-section label { display: grid; gap: 6px; color: #596579; font-size: 11px; font-weight: 500; }
.event-page-canvas-inspector-section select { width: 100%; min-height: 36px; padding: 0 9px; border: 1px solid var(--ds-slidein-card-border); border-radius: 5px; background: #fff; color: var(--ink); font: inherit; font-size: 12px; }
.event-page-canvas-inspector-section .event-page-apply, .event-page-canvas-inspector-section .event-page-back { min-height: 36px; }
.event-page-canvas-inspector-section .event-page-issue-list { margin: 0; }
.event-page-canvas-inspector-section .event-page-issue-list li { align-items: flex-start; padding: 8px; }
.event-page-canvas-inspector-section .event-page-issue-copy strong { font-size: 11px; }
.event-page-canvas-inspector-section .event-page-issue-copy small { font-size: 10px; }
.event-page-canvas-workspace.is-preview-only { grid-template-columns: minmax(0, 1fr); }
.event-page-canvas-workspace.is-preview-only .event-page-canvas-layers, .event-page-canvas-workspace.is-preview-only .event-page-canvas-inspector { display: none; }
.event-page-canvas-workspace.is-preview-only .event-page-canvas-stage { padding: clamp(14px, 4vw, 52px); }
.event-page-apply:disabled { border-color: #cbd2dd; background: #cbd2dd; color: #68758a; cursor: not-allowed; }
@media (max-width: 1050px) {
  .event-page-canvas-workspace { grid-template-columns: minmax(165px, 195px) minmax(0, 1fr) minmax(190px, 220px); }
  .event-page-canvas-toolbar { gap: 7px; padding-inline: 12px; }
  .event-page-canvas-toolbar .event-page-save-draft, .event-page-canvas-toolbar .event-page-apply { padding-inline: 9px; font-size: 10px; }
}
@media (max-width: 760px) {
  .event-page-canvas { inset: 56px 0 0; }
  .event-manager-app.is-nav-collapsed ~ .event-page-canvas { left: 0; }
  .event-page-canvas-toolbar { min-height: 54px; flex-wrap: wrap; }
  .event-page-canvas-workspace { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(300px, 1fr) auto; overflow: auto; }
  .event-page-canvas-layers { max-height: 210px; border-right: 0; border-bottom: 1px solid var(--line); }
  .event-page-canvas-layers ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .event-page-canvas-inspector { border-top: 1px solid var(--line); border-left: 0; }
  .event-page-canvas-inspector-section { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .event-page-canvas-inspector-section h2, .event-page-canvas-inspector-section p { grid-column: 1 / -1; }
  .event-page-canvas-stage { padding: 14px; }
  .event-page-canvas-preview { min-height: 480px; }
}
@media (max-width: 520px) {
  .event-page-choice-list { grid-template-columns: 1fr; }
  .event-page-canvas-toolbar { justify-content: flex-start; }
  .event-page-canvas-breadcrumb { flex: 1 1 100%; }
  .event-page-canvas-toolbar-spacer { display: none; }
  .event-page-canvas-toolbar .event-page-draft-status { margin-right: auto; }
  .event-page-canvas-workspace { grid-template-rows: auto minmax(280px, 1fr) auto; }
  .event-page-canvas-layers ol { grid-template-columns: 1fr; }
  .event-page-canvas-hero { min-height: 190px; padding: 28px 7%; }
  .event-page-canvas-hero h1 { font-size: 24px; }
  .event-page-canvas-preview-sections { padding-inline: 12px; }
}

/* Keep the Event Page Setup surfaces on the shared UpGather type and card scale. */
.event-page-drawer-body {
  gap: 0;
  font-size: 13px;
}

.event-page-drawer-body h3,
.event-page-layout-heading h3,
.event-page-start > h3,
.event-page-data-sources h3 {
  font-size: 16px;
  line-height: 1.35;
}

.event-page-drawer-heading h2 { font-size: 17px; }
.event-page-drawer-heading p { font-size: 13px; }
.event-page-draft-status { min-height: var(--ds-pill-height); display: inline-flex; align-items: center; padding: 0 var(--ds-pill-padding); font-size: var(--ds-pill-font-size); line-height: 1; }
.event-page-event-details,
.event-page-choice,
.event-page-layout-card,
.event-page-layout-empty,
.event-page-layout-config div,
.event-page-section-row,
.event-page-issue-list li,
.event-page-check-success,
.event-page-content-list li,
.event-page-review-summary { border-radius: var(--ds-card-radius); }
.event-page-event-details > summary { min-height: 52px; padding: 10px 16px; }
.event-page-event-details > summary strong { font-size: 13px; }
.event-page-event-details > summary small { font-size: 12px; }
.event-page-event-fields { gap: 14px; padding: 4px 16px 16px; }
.event-page-event-details label { font-size: 13px; }
.event-page-event-details :is(input, textarea) { font-size: 14px; }
.event-page-event-fields > small { font-size: 12px; }

.event-page-layout-heading { margin-bottom: 16px; }
.event-page-layout-heading p { margin-top: 5px; font-size: 13px; line-height: 1.45; }
.event-page-choice-list { gap: 12px; }
.event-page-choice { min-height: 148px; gap: 14px; padding: 18px; border-radius: var(--ds-card-radius); box-shadow: var(--ds-card-shadow); }
.event-page-choice-copy { gap: 7px; }
.event-page-choice-copy strong { font-size: 15px; }
.event-page-choice-copy small { min-height: 2.8em; font-size: 13px; line-height: 1.45; }
.event-page-recommended { padding: 4px 8px; font-size: 11px; }
.event-page-choice-cta { min-height: 24px; justify-content: flex-start; padding: 0; border: 0; background: transparent; color: var(--purple); font-size: 13px; font-weight: 600; }
.event-page-choice.is-selected .event-page-choice-cta { color: var(--purple); }
.event-page-finish-later { margin-top: 14px; font-size: 13px; text-decoration: none; }
.event-page-stage-nav { gap: 8px; padding-block: 9px; }
.event-page-stage-nav button { min-height: 34px; padding-inline: 12px; border-radius: 6px; font-size: 12px; }

.event-page-layout-search { height: 40px; border-radius: 6px; }
.event-page-layout-search input { font-size: 13px; }
.event-page-layout-list { gap: 9px; margin-top: 12px; }
.event-page-layout-card { min-height: 76px; grid-template-columns: 104px minmax(0, 1fr) auto; gap: 14px; padding: 10px 12px; border-color: var(--ds-card-border); background: var(--ds-card-background); box-shadow: var(--ds-card-shadow); }
.event-page-layout-thumb { height: 54px; }
.event-page-layout-card-copy { gap: 5px; }
.event-page-layout-card-copy strong { font-size: 14px; }
.event-page-layout-card-copy small { font-size: 12px; }
.event-page-source-status { padding: 0 var(--ds-pill-padding); min-height: var(--ds-pill-height); display: inline-flex; align-items: center; border: 1px solid var(--ds-status-info-border); border-radius: var(--ds-pill-radius); font-size: var(--ds-pill-font-size); line-height: 1; }
.event-page-source-status.is-published { border-color: #b8e2d0; }
.event-page-source-status.is-draft { border-color: var(--line); }
.event-page-layout-empty { margin-top: 12px; padding: 20px; background: var(--ds-card-background); font-size: 13px; }
.event-page-preview-nav { height: 40px; padding-inline: 16px; font-size: 11px; }
.event-page-preview-nav strong { font-size: 13px; }
.event-page-preview-hero { padding: 18px 20px; }
.event-page-preview-hero small { font-size: 11px; }
.event-page-preview-hero h4 { font-size: 19px; }
.event-page-preview-hero p { font-size: 13px; }
.event-page-preview-sections div { min-height: 38px; padding: 7px 12px; }
.event-page-preview-sections span,
.event-page-preview-sections strong,
.event-page-preview-sections div small { font-size: 12px; }
.event-page-layout-config { gap: 9px; margin-block: 12px; }
.event-page-layout-config div { padding: 10px 12px; border-color: var(--ds-card-border); background: var(--ds-card-background); }
.event-page-layout-config dt { font-size: 11px; }
.event-page-layout-config dd { font-size: 12px; }

.event-page-apply,
.event-page-back,
.event-page-save-draft,
.event-page-issue-list li > button { min-height: 36px; padding-inline: 12px; border-radius: 6px; font-size: 12px; }
.event-page-content-list { gap: 8px; margin-top: 14px; }
.event-page-content-list li { min-height: 64px; gap: 12px; padding: 11px 14px; box-shadow: var(--ds-card-shadow); }
.event-page-content-indicator { width: 20px; height: 20px; }
.event-page-content-list strong { font-size: 13px; }
.event-page-content-list small { font-size: 12px; line-height: 1.4; }
.event-page-content-list em { font-size: 12px; }
.event-page-content-note,
.event-page-issue-copy small,
.event-page-check-success span,
.event-page-review-summary span { font-size: 12px; line-height: 1.45; }
.event-page-issue-list { gap: 8px; }
.event-page-issue-list li { padding: 11px 12px; }
.event-page-issue-copy strong { font-size: 13px; }
.event-page-drawer-footer { gap: 16px; margin-top: 18px; padding-top: 14px; }
.event-page-drawer-footer > span { font-size: 12px; line-height: 1.4; }
.event-page-taskbar { border-radius: 8px 8px 0 0; }

@media (max-width: 700px) {
  .event-page-choice { min-height: 136px; }
  .event-page-layout-card { grid-template-columns: 76px minmax(0, 1fr) auto; gap: 10px; }
  .event-page-layout-config { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 420px) {
  .event-page-choice { min-height: 132px; }
  .event-page-drawer-footer { align-items: flex-start; flex-direction: column; }
  .event-page-drawer-footer .event-page-save-draft { align-self: flex-end; }
  .event-page-layout-card { grid-template-columns: 64px minmax(0, 1fr); }
  .event-page-layout-card > .event-page-source-status { grid-column: 2; justify-self: start; }
}

.event-page-canvas-toolbar .event-page-save-draft,
.event-page-canvas-toolbar .event-page-apply { min-height: 36px; font-size: 12px; }
.event-page-canvas-workspace { grid-template-columns: minmax(220px, 250px) minmax(0, 1fr) minmax(270px, 320px); }
.event-page-canvas-layers,
.event-page-canvas-inspector { padding: 20px 16px; }
.event-page-canvas-panel-heading h2,
.event-page-canvas-inspector-heading h2 { font-size: 15px; }
.event-page-canvas-panel-heading p,
.event-page-canvas-inspector-heading p { margin: 5px 0 12px; font-size: 12px; }
.event-page-canvas-layers ol { gap: 5px; margin-top: 14px; }
.event-page-canvas-layer { min-height: 48px; gap: 5px; padding: 4px; border: 1px solid transparent; border-radius: 6px; }
.event-page-canvas-layer.is-selected { border-color: var(--ui-selected-border); background: var(--ui-selected-background); }
.event-page-canvas-layer-select { min-width: 0; min-height: 38px; flex: 1 1 auto; display: grid; align-content: center; gap: 3px; padding: 4px 6px; border: 0; border-radius: 4px; background: transparent; color: var(--ink); text-align: left; cursor: pointer; }
.event-page-canvas-layer-select:hover,
.event-page-canvas-layer-select:focus-visible { color: var(--purple); outline: 0; }
.event-page-canvas-layer-select strong { overflow: hidden; font-size: 12px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.event-page-canvas-layer-select small { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.event-page-canvas-layer-visibility { width: 28px; height: 28px; flex: 0 0 auto; display: grid; place-items: center; cursor: pointer; }
.event-page-canvas-layer-visibility input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.event-page-canvas-layer-visibility > span { position: relative; width: 24px; height: 14px; border: 1px solid #c8d1df; border-radius: 999px; background: #edf1f6; transition: background-color .15s ease, border-color .15s ease; }
.event-page-canvas-layer-visibility > span::after { position: absolute; top: 1px; left: 1px; width: 10px; height: 10px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(20, 30, 45, .2); content: ""; transition: transform .15s ease; }
.event-page-canvas-layer-visibility input:checked + span { border-color: var(--purple); background: var(--purple); }
.event-page-canvas-layer-visibility input:checked + span::after { transform: translateX(10px); }
.event-page-canvas-layer-visibility input:focus-visible + span { outline: 2px solid rgba(102, 51, 241, .22); outline-offset: 2px; }
.event-page-layer-actions { gap: 3px; }
.event-page-layer-actions button { width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid transparent; border-radius: 4px; background: transparent; color: var(--muted); font-size: 14px; cursor: pointer; }
.event-page-layer-actions button:hover:not(:disabled),
.event-page-layer-actions button:focus-visible { border-color: var(--line); background: #fff; color: var(--purple); outline: 0; }
.event-page-layer-actions button:disabled { color: #c4cbd5; cursor: not-allowed; }
.event-page-canvas-stage { gap: 12px; padding: 24px; }
.event-page-canvas-stage-heading { width: min(100%, 920px); display: flex; align-items: baseline; justify-content: space-between; gap: 12px; color: var(--ink); }
.event-page-canvas-stage-heading strong { font-size: 13px; font-weight: 600; }
.event-page-canvas-stage-heading span { color: var(--muted); font-size: 11px; }
.event-page-canvas-preview { border-radius: 8px; }
.event-page-canvas-hero,
.event-page-canvas-section { position: relative; cursor: pointer; transition: box-shadow .12s ease, background-color .12s ease; }
.event-page-canvas-hero:hover,
.event-page-canvas-section:hover { box-shadow: inset 0 0 0 1px rgba(102, 51, 241, .42); }
.event-page-canvas-hero.is-selected,
.event-page-canvas-section.is-selected { box-shadow: inset 0 0 0 2px var(--purple); }
.event-page-canvas-hero:focus-visible,
.event-page-canvas-section:focus-visible { outline: 2px solid var(--purple); outline-offset: -3px; }
.event-page-canvas-hero h1,
.event-page-canvas-hero p,
.event-page-canvas-section h3,
.event-page-canvas-section p { user-select: text; }
.event-page-canvas-register { min-height: 36px; margin-top: 18px; display: inline-flex; align-items: center; padding: 0 17px; border-radius: 6px; background: var(--purple); color: #fff; font-size: 12px; font-weight: 600; }
.event-page-canvas-inspector-section { gap: 14px; }
.event-page-canvas-inspector-heading small { color: var(--muted); font-size: 11px; }
.event-page-canvas-inspector-heading h2 { margin-top: 4px; }
.event-page-canvas-inspector-heading p { margin-bottom: 0; }
.event-page-canvas-inspector-section > label { gap: 6px; font-size: 12px; }
.event-page-canvas-inspector-section > label :is(input, textarea, select) { width: 100%; min-width: 0; min-height: 40px; padding: 9px 11px; border: 1px solid var(--ds-slidein-card-border); border-radius: 6px; background: #fff; color: var(--ink); font: 400 13px/1.45 Roboto, Arial, sans-serif; }
.event-page-canvas-inspector-section > label textarea { min-height: 96px; resize: vertical; }
.event-page-canvas-inspector-section > label :is(input, textarea, select):focus { border-color: var(--ui-selected-border); outline: 0; box-shadow: 0 0 0 3px rgba(102, 51, 241, .09); }
.event-page-canvas-source-note { margin: -4px 0 0 !important; font-size: 11px !important; }
.event-page-canvas-source-card { display: grid; gap: 9px; padding: 14px; border: 1px solid var(--ds-card-border); border-radius: var(--ds-card-radius); background: var(--ds-card-background); box-shadow: var(--ds-card-shadow); }
.event-page-canvas-source-card strong { font-size: 13px; font-weight: 500; }
.event-page-canvas-source-card p { margin: 0; font-size: 12px; }
.event-page-canvas-source-card .event-page-save-draft { justify-self: start; }
.event-page-canvas-site-settings { display: grid; gap: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
.event-page-canvas-site-settings summary { margin-bottom: 12px; color: var(--ink); font-size: 13px; font-weight: 600; cursor: pointer; }
.event-page-canvas-site-settings:not([open]) summary { margin-bottom: 0; }
.event-page-canvas-site-settings > label { display: grid; gap: 6px; color: var(--muted); font-size: 12px; font-weight: 500; }
.event-page-canvas-site-settings select { min-height: 38px; padding: 0 9px; border: 1px solid var(--ds-slidein-card-border); border-radius: 6px; background: #fff; color: var(--ink); font: 400 13px Roboto, Arial, sans-serif; }

@media (max-width: 1050px) {
  .event-page-canvas-workspace { grid-template-columns: minmax(190px, 220px) minmax(0, 1fr) minmax(240px, 280px); }
}

@media (max-width: 760px) {
  .event-page-canvas-stage-heading,
  .event-page-canvas-inspector-section > label,
  .event-page-canvas-source-card,
  .event-page-canvas-site-settings { grid-column: 1 / -1; }
  .event-page-canvas-stage { gap: 9px; }
}