/* Focused wizard fixes; theme cards use the same palette/art tokens as public lists. */
/* Gift ideas reuse .recommend-bundle, the shared recommendation-page card skin. */
body.reskin2-skin.dashboard-page #create-list-form #wizard-gift-suggestions {
  margin: 32px 0 0;
  padding: 0 !important;
  gap: 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
body.reskin2-skin.dashboard-page :is(#wizard-gift-suggestions-list, #wizard-gift-suggestions-modal-list) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 16px;
}
body.reskin2-skin.dashboard-page .recommend-bundle.wizard-gift-suggestion-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  min-height: 0;
  padding: 16px;
}
body.reskin2-skin.dashboard-page .wizard-gift-suggestion-card::before {
  top: 16px;
  left: 16px;
  width: 32px;
  height: 32px;
}
body.reskin2-skin.dashboard-page .wizard-gift-suggestion-card h4 {
  min-height: 32px;
  margin: 0;
  padding-left: 48px;
  color: var(--r2-ink);
  font-size: 1rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
body.reskin2-skin.dashboard-page .wizard-gift-suggestion-card p {
  margin: 0;
  color: var(--r2-muted);
  font-size: .875rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
body.reskin2-skin.dashboard-page .wizard-gift-suggestion-card .wizard-gift-suggestion-add {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 44px !important;
  margin: auto 0 0;
  padding: 12px 16px !important;
  border: 0 !important;
  border-radius: var(--r2-radius-sm, 12px) !important;
  color: var(--r2-ink) !important;
  background: var(--r2-action) !important;
  box-shadow: none !important;
  text-align: center;
  font: inherit;
  font-weight: 700;
}
body.reskin2-skin.dashboard-page .wizard-gift-suggestion-card .wizard-gift-suggestion-add:focus-visible {
  outline: 2px solid var(--r2-brand, var(--r2-primary));
  outline-offset: 4px;
}
body.reskin2-skin.dashboard-page #wizard-gift-suggestions-modal .wizard-gift-suggestions-modal {
  width: min(760px, calc(100vw - 32px));
  max-width: min(760px, calc(100vw - 32px));
}
body.reskin2-skin.dashboard-page #wizard-gift-suggestions-modal-list {
  padding: 4px;
}
body.reskin2-skin.dashboard-page .wizard-gift-suggestion-sentinel {
  grid-column: 1 / -1;
}
html[data-theme="dark"] body.reskin2-skin.dashboard-page #create-list-form #wizard-gift-suggestions {
  background: transparent;
}
html[data-theme="dark"] body.reskin2-skin.dashboard-page .wizard-gift-suggestion-card h4 {
  color: var(--reskin2-dark-text);
}
html[data-theme="dark"] body.reskin2-skin.dashboard-page .wizard-gift-suggestion-card p {
  color: var(--reskin2-dark-muted);
}
html[data-theme="dark"] body.reskin2-skin.dashboard-page .wizard-gift-suggestion-card .wizard-gift-suggestion-add {
  color: var(--reskin2-dark-bg) !important;
  background: var(--reskin2-dark-accent) !important;
}
html[data-theme="dark"] body.reskin2-skin.dashboard-page .wizard-gift-suggestion-card .wizard-gift-suggestion-add span {
  color: inherit !important;
}
@media (min-width: 640px) {
  body.reskin2-skin.dashboard-page :is(#wizard-gift-suggestions-list, #wizard-gift-suggestions-modal-list) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.reskin2-skin.dashboard-page .recommend-bundle.wizard-gift-suggestion-card {
    padding: 24px;
  }
  body.reskin2-skin.dashboard-page .wizard-gift-suggestion-card::before {
    top: 24px;
    left: 24px;
  }
}
@media (min-width: 900px) {
  body.reskin2-skin.dashboard-page #wizard-gift-suggestions-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
body.dashboard-page #create-list-form [data-wizard-step][hidden],
body.dashboard-page #wizard-link-recovery[hidden] {
  display: none !important;
}
body.dashboard-page #create-list-form [data-wizard-step][hidden] summary::after {
  content: none !important;
}
body.dashboard-page #wizard-preview-template-status:empty {
  display: none;
}
body.dashboard-page #create-list-form :is(.sync-status, .wizard-gift-feedback):empty {
  display: none !important;
}
body.reskin2-skin.dashboard-page #create-list-form .listko-helper--wizard {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  gap: 16px;
  align-items: center;
}
body.reskin2-skin.dashboard-page #create-list-form .listko-helper__mascot {
  position: static;
  width: 72px !important;
  height: 72px !important;
  max-width: 100%;
  margin: 0;
  object-fit: contain;
}
body.dashboard-page #create-list-form .listko-helper__content {
  min-width: 0;
  overflow-wrap: anywhere;
}
body.dashboard-page #wizard-context-fields:has(#wizard-recipient) {
  grid-template-columns: minmax(0, 1fr);
}
body.reskin2-skin.dashboard-page #create-list-form #wizard-age {
  min-height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  accent-color: var(--r2-brand, #174c3b);
}
body.dashboard-page #create-list-form :is(input, textarea, select) {
  max-width: 100%;
}
body.dashboard-page #create-list-form :is(.wizard-preview-gift, .wizard-gift-suggestion-button) {
  min-width: 0;
  overflow-wrap: anywhere;
}
body.dashboard-page #create-list-form .wizard-dot {
  min-width: 44px;
  min-height: 44px;
}
body.reskin2-skin.dashboard-page #create-list-form .wizard-preview-heading > img {
  object-fit: contain;
  flex-shrink: 0;
}
body.dashboard-page #create-list-form .wizard-template-panel {
  display: grid;
  gap: 16px;
  padding: 0;
  border: 0;
  background: transparent;
}
body.reskin2-skin.dashboard-page #create-list-form #wizard-theme-show-all {
  justify-self: start;
  width: auto;
  min-height: 44px;
  color: var(--r2-template-primary) !important;
  border-color: var(--r2-template-line) !important;
  background: transparent !important;
}
body.dashboard-page #create-list-form .wizard-template-results {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  max-height: none;
  overflow: visible;
}
body.reskin2-skin.dashboard-page #create-list-form .wizard-theme-card {
  position: relative;
  display: grid;
  align-content: start;
  gap: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 2px solid var(--r2-template-line);
  border-radius: 16px;
  color: var(--r2-template-ink);
  background: var(--r2-template-paper);
  cursor: pointer;
}
body.reskin2-skin.dashboard-page #create-list-form .wizard-theme-card input {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 0 !important;
  padding: 0 !important;
  clip-path: inset(50%);
}
body.reskin2-skin.dashboard-page #create-list-form .wizard-theme-thumbnail {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  min-height: 144px;
  padding: 16px;
  background: linear-gradient(145deg, var(--r2-template-page-start), var(--r2-template-page-end));
}
#create-list-form .wizard-theme-thumbnail-art {
  display: block;
  height: 112px;
  background: var(--r2-template-hero-primary) center / contain no-repeat;
}
#create-list-form .wizard-theme-card:is([data-visual-template="child_minimal"], [data-visual-template="child_calm"]) .wizard-theme-thumbnail-art {
  /* Crop stray export fragments at the left edge without altering the approved artwork. */
  clip-path: inset(0 0 0 16px);
}
#create-list-form .wizard-theme-thumbnail-lines {
  display: grid;
  gap: 8px;
}
#create-list-form .wizard-theme-thumbnail-lines span {
  display: block;
  height: 8px;
  border-radius: 8px;
  background: var(--r2-template-primary);
  opacity: .3;
}
#create-list-form .wizard-theme-thumbnail-lines span:first-child {
  width: 80%;
  height: 12px;
  opacity: .75;
}
#create-list-form .wizard-theme-thumbnail-lines span:last-child {
  width: 64%;
  background: var(--r2-template-action);
  opacity: .75;
}
body.reskin2-skin.dashboard-page #create-list-form .wizard-theme-caption {
  min-height: 64px;
  padding: 16px 48px 16px 16px;
  color: var(--r2-template-ink) !important;
  font-weight: 700;
  line-height: 1.4;
}
body.reskin2-skin.dashboard-page #create-list-form .wizard-theme-card.is-active {
  border-color: var(--r2-template-primary);
  box-shadow: 0 0 0 2px var(--r2-template-primary);
}
#create-list-form .wizard-theme-card.is-active::after {
  content: '✓';
  position: absolute;
  right: 16px;
  bottom: 16px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--r2-template-primary);
  color: white;
  font-weight: 700;
}
#create-list-form .wizard-theme-card:has(input:focus-visible) {
  outline: 3px solid var(--r2-template-action);
  outline-offset: 4px;
}
body.reskin2-skin.dashboard-page[data-wizard-visual] {
  background: linear-gradient(145deg, var(--r2-template-page-start), var(--r2-template-page-end)) !important;
}
body.reskin2-skin.dashboard-page[data-wizard-visual] #create-list-form {
  --wizard-v2-green: var(--r2-template-primary);
  --wizard-v2-muted: var(--r2-template-body);
  --r2-brand: var(--r2-template-primary);
}
body.reskin2-skin.dashboard-page[data-wizard-visual] #wizard-next-button {
  min-width: 260px;
  max-width: 100%;
  background: var(--r2-template-action) !important;
}
body.dashboard-page #create-list-form .wizard-visual-live-preview {
  margin-top: 24px;
}
body.dashboard-page #create-list-form .wizard-visual-live-preview > summary {
  min-height: 44px;
  padding: 12px 0;
  cursor: pointer;
  font-weight: 700;
}
html[data-theme="dark"] body.reskin2-skin.dashboard-page[data-wizard-visual] {
  background: linear-gradient(145deg, var(--reskin2-dark-bg), color-mix(in srgb, var(--r2-template-primary) 24%, var(--reskin2-dark-bg))) !important;
}
html[data-theme="dark"] body.reskin2-skin.dashboard-page #create-list-form #wizard-age {
  accent-color: var(--reskin2-dark-accent);
}
html[data-theme="dark"] body.reskin2-skin.dashboard-page #create-list-form #wizard-theme-show-all {
  color: var(--reskin2-dark-text) !important;
  border-color: var(--reskin2-dark-line) !important;
}
html[data-theme="dark"] body.reskin2-skin.dashboard-page #create-list-form .wizard-interest-chip.is-active {
  color: var(--reskin2-dark-text) !important;
  border-color: var(--reskin2-dark-accent) !important;
  background: var(--reskin2-dark-surface-soft) !important;
}
@media (min-width: 640px) {
  body.dashboard-page #create-list-form .wizard-template-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 900px) {
  body.dashboard-page #create-list-form .wizard-template-results {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  body.dashboard-page #create-list-form .wizard-theme-card {
    grid-column: span 2;
  }
  body.dashboard-page #create-list-form .wizard-theme-card:nth-child(4):nth-last-child(2) {
    grid-column: 2 / span 2;
  }
  body.dashboard-page #create-list-form .wizard-theme-card:nth-child(5):last-child {
    grid-column: 4 / span 2;
  }
}
@media (max-width: 639px) {
  body.reskin2-skin.dashboard-page #create-list-form .listko-helper--wizard {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 12px;
  }
  body.reskin2-skin.dashboard-page #create-list-form .listko-helper__mascot {
    width: 56px !important;
    height: 56px !important;
  }
  body.reskin2-skin.dashboard-page[data-wizard-visual] #wizard-next-button {
    min-width: 0;
    width: 100%;
  }
  body.reskin2-skin.dashboard-page[data-wizard-visual] #create-list-form #wizard-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px;
  }
  body.reskin2-skin.dashboard-page[data-wizard-visual] #create-list-form #wizard-actions > button {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: 100% !important;
  }
}