/* Wishlist Genius: scoped surfaces inherit the store's typeface and saved accent. */
.wgg-app,
.wgg-dialog,
.wgg-admin {
  --wg-ink: #1c2944;
  --wg-muted: #58657b;
  --wg-border: #dce3ee;
  --wg-surface: #f5f7fc;
  --wg-accent: var(--wgg-accent, #3452e8);
  color: var(--wg-ink);
  font-size: 1rem;
  line-height: 1.6;
  text-align: start;
  box-sizing: border-box;
}
.wgg-app *,
.wgg-dialog *,
.wgg-admin * {
  box-sizing: border-box;
}
.wgg-app {
  container: wishlist / inline-size;
  max-width: 1200px;
  margin: 2rem auto;
  padding: clamp(16px, 3vw, 36px);
  background: #fff;
  border: 1px solid var(--wg-border);
  border-radius: 20px;
  font-family: inherit;
}
.wgg-app h2,
.wgg-dialog h2 {
  font-family: inherit;
  font-weight: 650;
  font-size: clamp(1.75rem, 3vw, 2.65rem);
  line-height: 1.15;
  letter-spacing: -0.045em;
  color: var(--wg-ink);
  margin: 0 0 0.5rem;
  overflow-wrap: anywhere;
}
.wgg-app h3,
.wgg-admin h3 {
  font:
    650 1.125rem/1.4 system-ui,
    sans-serif;
  color: var(--wg-ink);
  letter-spacing: -0.015em;
  margin: 0 0 1rem;
}
.wgg-app h3 {
  font-family: inherit;
}
.wgg-eyebrow {
  font-size: 0.75rem;
  font-weight: 650;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--wg-muted);
  margin: 0 0 0.6rem;
}
.wgg-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--wg-border);
  margin-bottom: 1rem;
  min-width: 0;
}
.wgg-heading > div {
  min-width: 0;
}
.wgg-heading [role='status'] {
  color: var(--wg-muted);
  font-size: 0.9375rem;
  margin: 0.25rem 0 0;
}
.wgg-heading .wgg-actions {
  margin: 0;
  flex-shrink: 0;
}
:is(.wgg-app, .wgg-dialog, .wgg-admin) :is(button, input, select, textarea),
.wgg-save {
  font: inherit;
  line-height: 1.45;
  min-height: 44px;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid #bdc8db;
  border-radius: var(--wgg-radius, 10px);
  background: #fff;
  color: var(--wg-ink, #1c2944);
  padding: 0.65rem min(1rem, 16px);
  box-shadow: none;
  text-transform: none;
  letter-spacing: normal;
}
:is(.wgg-app, .wgg-dialog, .wgg-admin) button,
.wgg-save {
  cursor: pointer;
  font-weight: 550;
  white-space: normal;
  overflow-wrap: anywhere;
  transition:
    background 0.15s,
    border-color 0.15s;
}
:is(.wgg-app, .wgg-dialog, .wgg-admin) button:is(:hover, :focus-visible, :active) {
  background: #f0f4ff;
  border-color: #9eacc6;
  color: var(--wg-ink, #1c2944);
}
:is(.wgg-app, .wgg-dialog, .wgg-admin) button.wgg-primary,
.wgg-save {
  background: var(--wgg-accent, #3452e8);
  border-color: var(--wgg-accent, #3452e8);
  color: var(--wgg-on-accent, #fff);
}
:is(.wgg-app, .wgg-dialog, .wgg-admin) button.wgg-primary:is(:hover, :focus-visible, :active),
.wgg-save:is(:hover, :focus-visible, :active) {
  background: var(--wgg-accent, #3452e8);
  border-color: var(--wgg-accent, #3452e8);
  color: var(--wgg-on-accent, #fff);
  filter: none;
  box-shadow: inset 0 0 0 1px currentColor;
}
/* Keep the standalone save label readable when themes set generic button states. */
button.wgg-save:is(:hover, :focus, :active) {
  color: var(--wgg-on-accent, #fff);
}
:is(.wgg-app, .wgg-dialog, .wgg-admin) :focus-visible,
:is(.wgg-app, .wgg-dialog, .wgg-admin) button.wgg-primary:focus-visible,
.wgg-save:focus-visible {
  outline: 3px solid #1c2944;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #fff;
}
:is(.wgg-app, .wgg-dialog, .wgg-admin) button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  filter: none;
}
:is(.wgg-app, .wgg-dialog, .wgg-admin) [hidden] {
  display: none !important;
}
:is(.wgg-app, .wgg-dialog, .wgg-admin) :is(input, textarea)::placeholder {
  color: #68758b;
}
:is(.wgg-app, .wgg-dialog, .wgg-admin) input[type='checkbox'] {
  width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0;
  flex-shrink: 0;
  accent-color: var(--wgg-accent, #3452e8);
  border-radius: 4px;
}
.wgg-toolbar,
.wgg-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-block: 1rem;
}
.wgg-toolbar > *,
.wgg-actions > * {
  min-width: 0;
  max-width: 100%;
}
.wgg-list-controls {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  margin-block: 1rem;
}
.wgg-list-controls > .wgg-toolbar {
  margin: 0;
  min-width: 0;
  max-width: 100%;
}
.wgg-list-controls > .wgg-disclosure {
  margin-inline-start: auto;
  max-width: 100%;
}
.wgg-search-tools {
  padding: 0.8rem;
  background: var(--wg-surface);
  border-radius: 12px;
  gap: 0.5rem;
}
.wgg-search-tools input {
  flex: 1 1 14rem;
}
.wgg-app .wgg-search-tools > input[type='search'] {
  margin-block: 0;
}
.wgg-search-tools select {
  max-width: 100%;
}
.wgg-view-tools {
  margin-block: 0 1rem;
}
.wgg-view-tools:not(.wgg-view-tools-compact) > summary {
  display: none;
}
.wgg-view-tools > .wgg-disclosure-body {
  padding: 0;
}
.wgg-view-tools .wgg-search-tools {
  margin-block: 0;
}
.wgg-view-tools.wgg-view-tools-compact > summary {
  padding: 0.6rem 0.8rem;
  background: var(--wg-surface);
  border-radius: 10px;
  color: var(--wg-ink);
}
.wgg-view-tools.wgg-view-tools-compact[open] > summary {
  margin-bottom: 0.5rem;
}
.wgg-disclosure {
  min-width: 0;
}
.wgg-disclosure > summary {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  justify-content: space-between;
  cursor: pointer;
  list-style: none;
  min-height: 44px;
  font-size: 0.875rem;
  font-weight: 550;
  color: var(--wg-muted);
  padding: 0.55rem 0;
  overflow-wrap: anywhere;
}
.wgg-disclosure > summary::-webkit-details-marker {
  display: none;
}
.wgg-disclosure > summary::after {
  content: '+';
  font-size: 1.25rem;
  line-height: 1;
  flex-shrink: 0;
}
.wgg-disclosure[open] > summary::after {
  content: '−';
}
.wgg-disclosure-body {
  padding: 0.5rem 0 1rem;
  min-width: 0;
}
.wgg-disclosure-body > .wgg-actions {
  margin: 0;
}
.wgg-disclosure-body > p:first-child {
  margin-top: 0;
}
.wgg-disclosure-body > p {
  color: var(--wg-muted);
}
.wgg-list-controls .wgg-disclosure-body {
  max-width: 34rem;
}
.wgg-list-controls .wgg-disclosure[open] {
  flex: 1;
}
.wgg-list-controls .wgg-disclosure > summary {
  justify-content: flex-end;
}
.wgg-selection-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid #c9d4fb;
  background: #f0f4ff;
  border-radius: 12px;
  margin-block: 1rem;
}
.wgg-selection-bar > span {
  margin-inline-end: auto;
  font-weight: 600;
}
.wgg-items {
  display: grid;
  align-items: stretch;
  gap: 1.15rem;
  margin-block: 1.5rem;
}
.wgg-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 15.625rem), 1fr));
}
.wgg-item {
  min-width: 0;
  background: #fff;
  border: 1px solid var(--wg-border);
  padding: 16px;
  border-radius: 16px;
  overflow-wrap: anywhere;
}
.wgg-item > a:has(img),
.wgg-item > .wgg-no-image {
  display: block;
}
.wgg-item img,
.wgg-no-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  background: var(--wg-surface);
  border-radius: 10px;
}
.wgg-no-image {
  display: grid;
  place-items: center;
  font-size: 4rem;
  color: #a6b5d1;
}
.wgg-item h3 {
  font-size: 1.0625rem;
  margin: 1rem 0 0.5rem;
}
.wgg-item p {
  font-size: 0.9375rem;
  margin: 0.4rem 0;
  color: var(--wg-muted);
}
.wgg-item .wgg-price {
  color: var(--wg-ink);
  font-weight: 650;
  font-size: 1.125rem;
}
.wgg-app a {
  color: var(--wgg-accent-ink, #3452e8);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.wgg-item h3 a {
  color: var(--wg-ink);
  text-decoration: none;
}
.wgg-item h3 a:hover {
  text-decoration: underline;
}
.wgg-item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 12px;
  font-size: 0.8125rem;
  color: var(--wg-muted);
}
.wgg-note {
  border-inline-start: 2px solid #bdcafa;
  padding-inline-start: 0.75rem;
  white-space: pre-wrap;
}
.wgg-item-actions {
  display: flex;
  gap: 0.5rem;
  margin: 1rem 0 0.25rem;
}
.wgg-item-actions > button:first-child {
  flex: 1 1 10rem;
}
.wgg-item .wgg-actions button {
  font-size: 0.875rem;
}
.wgg-item > .wgg-disclosure {
  border-top: 1px solid var(--wg-border);
  margin-top: 0.75rem;
}
.wgg-item .wgg-disclosure > summary {
  font-size: 0.8125rem;
}
.wgg-table {
  grid-template-columns: 1fr;
}
.wgg-table .wgg-item {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 0.25rem 1.25rem;
}
.wgg-table .wgg-item-top {
  grid-column: 1/-1;
}
.wgg-table .wgg-item > a,
.wgg-table .wgg-no-image {
  grid-column: 1;
  grid-row: 2/7;
}
.wgg-table .wgg-item > :is(h3, p, .wgg-actions, .wgg-disclosure) {
  grid-column: 2;
}
.wgg-table .wgg-item h3 {
  margin-top: 0;
}
.wgg-table .wgg-item-actions {
  justify-content: flex-start;
}
.wgg-table .wgg-item-actions > button:first-child {
  flex: 0 1 auto;
}
.wgg-empty {
  min-width: 0;
  overflow-wrap: anywhere;
  padding: 3rem 1.25rem;
  border: 1px dashed #b9c7de;
  background: var(--wg-surface);
  grid-column: 1/-1;
  border-radius: 16px;
  text-align: center;
}
.wgg-empty p {
  max-width: 28rem;
  margin: 0.5rem auto;
  color: var(--wg-muted);
}
.wgg-empty h3 {
  font-size: 1.3rem;
}
.wgg-app nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.wgg-wishlist-footer {
  border-top: 1px solid var(--wg-border);
  padding-top: 1rem;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.wgg-wishlist-footer > .wgg-disclosure {
  flex: 1 1 15rem;
  max-width: 32rem;
}
.wgg-wishlist-footer > a {
  padding-block: 0.6rem;
  font-size: 0.875rem;
}
.wgg-dialog {
  font-family: system-ui, sans-serif;
  width: min(92vw, 640px);
  max-width: calc(100vw - 24px);
  max-height: calc(100dvh - 24px);
  overflow: auto;
  padding: clamp(16px, 3vw, 28px);
  border: 1px solid var(--wg-border);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 90px #15295129;
}
.wgg-dialog::backdrop {
  background: #15243a70;
  backdrop-filter: blur(3px);
}
.wgg-dialog > header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.wgg-dialog h2 {
  font-size: 1.65rem;
}
.wgg-dialog > header > button {
  padding: 0.25rem;
  min-width: 44px;
  flex-shrink: 0;
  font-size: 1.5rem;
  border-color: transparent;
}
.wgg-dialog label,
.wgg-admin label {
  display: grid;
  gap: 0.5rem;
  margin-block: 1rem;
  font-size: 0.9375rem;
}
.wgg-dialog :is(input:not([type='checkbox']), select, textarea) {
  width: 100%;
}
.wgg-dialog .wgg-check {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.wgg-dialog form > button {
  margin-block: 1rem;
}
.wgg-dialog progress {
  width: 100%;
  height: 12px;
  accent-color: var(--wg-accent);
}
.wgg-dialog.wgg-drawer {
  width: min(96vw, 1000px);
  height: 100dvh;
  max-height: 100dvh;
  margin: 0;
  margin-inline-start: auto;
  border-radius: 0;
}
.wgg-drawer .wgg-app {
  margin: 0;
  padding: 16px;
  border: 0;
}
.wgg-drawer > header {
  position: sticky;
  top: -28px;
  background: #fff;
  z-index: 2;
  padding-block: 1rem;
}
.wgg-toast {
  position: fixed;
  inset-inline: 16px;
  bottom: 16px;
  z-index: 100000;
  max-width: 45rem;
  margin-inline: auto;
  padding: 1rem 1.25rem;
  background: #fff;
  color: #1c2944;
  border: 1px solid #cad5ee;
  border-radius: 12px;
  box-shadow: 0 8px 32px #20345124;
  font:
    1rem/1.5 system-ui,
    sans-serif;
  overflow-wrap: anywhere;
}
.wgg-toast button {
  margin-inline-start: 0.75rem;
  min-height: 44px;
  background: transparent;
  color: #3452e8;
  text-decoration: underline;
  border: 0;
  cursor: pointer;
  font: inherit;
}
/* Toast actions sit outside .wgg-app. Keep both colors explicit when a theme
   changes generic button hover, keyboard-focus or pressed styles. */
.wgg-toast button:is(:hover, :focus-visible, :active) {
  background: transparent;
  color: #1f32aa;
}
.wgg-dialog-status {
  position: sticky;
  bottom: 0;
  padding: 1rem;
  background: #edf2ff;
  border: 1px solid #c9d5f6;
  color: #1c2944;
  border-radius: 10px;
  overflow-wrap: anywhere;
}
.wgg-save {
  margin-block: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
}
.wgg-save span {
  font-size: 1.4rem;
  line-height: 1;
}
.wgg-save img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.wgg-save.wgg-saved {
  box-shadow: inset 0 0 0 2px currentColor;
}
.wgg-save[aria-pressed='true'] > span {
  font-weight: 900;
}
.wgg-counter,
.menu-item.wgg-menu-item > .wgg-counter {
  display: inline-flex;
  /* Themes may make menu anchors block-level. Child margins still separate
     the icon, label and badge when flex gap no longer applies. */
  gap: 0;
  align-items: center;
}
a.wgg-counter,
a.wgg-counter > :is(.wgg-counter-heart, .wgg-counter-label, .wgg-counter-count),
a.wgg-counter > span[aria-label] {
  /* Some themes draw an underline background on every menu span, including
     the heart and count. Limit that decoration to our label instead. */
  background-image: none !important;
  text-decoration: none !important;
}
a.wgg-counter:is(:hover, :focus-visible) > .wgg-counter-label {
  text-decoration: underline !important;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}
a.wgg-counter:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
.wgg-counter .wgg-counter-label {
  margin-inline-start: 0.5em;
  vertical-align: middle;
}
.wgg-counter .wgg-counter-count,
.wgg-counter > span[aria-label] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: none;
  line-height: 1.5;
  background: var(--wgg-accent, #3452e8);
  color: var(--wgg-on-accent, #fff);
  border-radius: 99px;
  min-width: 1.5rem;
  text-align: center;
  padding: 0 0.35rem;
  margin-inline-start: 0.5em;
  vertical-align: middle;
}
.wgg-counter .wgg-counter-heart {
  display: inline-block;
  flex: none;
  font-size: 1.35em;
  line-height: 1;
  vertical-align: middle;
}
.wgg-counter .wgg-counter-count[hidden],
.wgg-counter > span[aria-label][hidden] {
  display: none;
}
.wgg-link-button {
  display: inline-block;
  padding: 0.75rem 1rem;
}
/* Merchant workspace: navigation remains separate from the work on the page. */
.wgg-admin {
  font:
    1rem/1.6 system-ui,
    sans-serif;
  max-width: 1280px;
  padding-block: 1rem;
  container: merchant / inline-size;
}
.wgg-admin > h1 {
  font:
    650 1.75rem/1.25 system-ui,
    sans-serif;
  letter-spacing: -0.04em;
  color: var(--wg-ink);
}
.wgg-admin > p {
  color: var(--wg-muted);
  max-width: 55rem;
}
.wgg-admin > .description {
  font-size: 0.8125rem;
}
.wgg-admin-layout {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  align-items: start;
  gap: 28px;
  margin-top: 2rem;
}
.wgg-admin-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  background: #fff;
  border: 1px solid var(--wg-border);
  border-radius: 14px;
}
.wgg-admin-nav > button {
  text-align: start;
  border-color: transparent;
  background: transparent;
  font-size: 0.875rem;
  border-radius: 8px;
  padding: 0.8rem 1rem;
}
.wgg-admin-nav > button[aria-current='page'] {
  color: #2542ca;
  background: #eaf0ff;
  font-weight: 650;
}
.wgg-admin-content {
  min-width: 0;
}
.wgg-admin-page-header {
  margin-bottom: 1.5rem;
}
.wgg-admin-page-header h2 {
  font:
    650 1.7rem/1.2 system-ui,
    sans-serif;
  letter-spacing: -0.035em;
  margin: 0 0 0.65rem;
  color: var(--wg-ink);
}
.wgg-admin-page-header p {
  margin: 0;
  color: var(--wg-muted);
  max-width: 44rem;
  font-size: 0.9375rem;
}
.wgg-admin-card {
  overflow-wrap: anywhere;
  padding: 24px;
  border: 1px solid var(--wg-border);
  border-radius: 16px;
  background: #fff;
  margin: 0 0 20px;
  min-width: 0;
}
.wgg-admin-card > :first-child {
  margin-top: 0;
}
.wgg-admin-card > :last-child {
  margin-bottom: 0;
}
.wgg-admin-card p,
.wgg-admin small {
  color: var(--wg-muted);
}
.wgg-admin small {
  font-size: 0.8125rem;
  line-height: 1.6;
}
.wgg-admin .wgg-disclosure {
  border-top: 1px solid var(--wg-border);
  margin-top: 1rem;
}
.wgg-admin .wgg-disclosure > summary {
  color: var(--wg-ink);
}
.wgg-admin .wgg-disclosure-body > .wgg-admin-card {
  margin-top: 0.75rem;
}
.wgg-admin input:not([type='checkbox']):not([type='radio']):not([type='color']):not([type='range']):not(:where([type='button'],[type='submit'],[type='reset'])),
.wgg-admin select,
.wgg-admin textarea {
  width: min(100%, 560px);
}
/* WordPress wraps dynamic editors without adding wp-editor-area to the textarea. */
.wgg-admin .wp-editor-container textarea {
  width: 100%;
}
.wgg-admin input[type='color'] {
  width: 72px;
  padding: 5px;
}
.wgg-admin input[type='range'] {
  width: min(100%, 360px);
  padding: 0;
  border: 0;
  accent-color: var(--wg-accent);
}
.wgg-admin .wgg-check {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 1rem 0;
}
.wgg-admin .wgg-check input {
  flex-shrink: 0;
}
.wgg-settings {
  display: grid;
  gap: 0;
  max-width: 100%;
}
.wgg-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  padding-block: 1rem;
}
.wgg-selector {
  padding-block: 8px;
  min-width: 0;
}
.wgg-selector [role='status'] {
  display: block;
  font-size: 0.8125rem;
  color: var(--wg-muted);
  margin: 0.4rem 0;
}
.wgg-selector > .wgg-toolbar {
  margin: 0.5rem 0;
}
.wgg-selector > .wgg-toolbar button {
  border-radius: 99px;
  font-size: 0.8125rem;
  background: #f1f5ff;
  min-height: 36px;
}
.wgg-preview {
  display: grid;
  justify-items: start;
  gap: 1rem;
  padding: 24px;
  background: var(--wg-surface);
  border: 1px dashed #c5d0e3;
  border-radius: 12px;
  margin-block: 1.5rem;
}
.wgg-preview p {
  margin: 0;
  font-size: 0.875rem;
}
.wgg-preview button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.wgg-preview img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.wgg-checklist {
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}
.wgg-checklist li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
  padding: 0.65rem 0;
  border-bottom: 1px solid #edf0f6;
  font-size: 0.875rem;
}
.wgg-checklist li strong {
  color: #23614d;
  min-width: 6rem;
}
.wgg-checklist li[data-ready='false'] strong {
  color: #925000;
}
.wgg-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 12px;
  margin-block: 1.25rem;
}
.wgg-metric {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 18px;
  background: var(--wg-surface);
  border: 1px solid #e5eaf4;
  border-radius: 12px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.wgg-metric strong {
  font-size: 1.65rem;
  line-height: 1.3;
  font-weight: 650;
  letter-spacing: -0.025em;
}
.wgg-metric span {
  font-size: 0.8125rem;
  color: var(--wg-muted);
}
.wgg-admin .wgg-scroll {
  overflow: auto;
  max-width: 100%;
  border: 1px solid var(--wg-border);
  border-radius: 10px;
}
.wgg-admin table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.875rem;
  background: #fff;
}
.wgg-admin th,
.wgg-admin td {
  padding: 0.9rem 1rem;
  text-align: start;
  vertical-align: top;
  border-bottom: 1px solid var(--wg-border);
  overflow-wrap: anywhere;
}
.wgg-admin th {
  font-weight: 600;
  background: #f5f7fc;
  white-space: normal;
}
.wgg-admin tr:last-child td {
  border-bottom: 0;
}
.wgg-admin td button {
  font-size: 0.8125rem;
}
.wgg-admin .wgg-scroll table {
  min-width: 460px;
}
.wgg-admin .wgg-empty {
  padding: 2rem 1rem;
}
.wgg-admin .wgg-toolbar label {
  margin: 0;
}
.wgg-admin .wgg-toolbar > label {
  flex: 1 1 10rem;
}
.wgg-admin .wgg-toolbar input {
  width: 100%;
}
.wgg-admin progress {
  width: 100%;
  height: 10px;
  accent-color: var(--wg-accent);
}
.wgg-admin [role='status'] {
  min-height: 1.5em;
  font-size: 0.9375rem;
  color: var(--wg-muted);
}
.wgg-daily-chart {
  display: flex;
  align-items: end;
  gap: 6px;
  overflow-x: auto;
  margin: 24px 0;
}
.wgg-daily-chart > div {
  display: grid;
  min-width: 44px;
  flex: 1;
  align-content: end;
}
.wgg-daily-chart span {
  display: block;
  background: var(--wg-accent);
  border-radius: 4px 4px 0 0;
}
.wgg-daily-chart small {
  font-size: 0.75rem;
  padding-top: 0.5rem;
}
.wgg-review-list {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 0.75rem 1.5rem;
  padding: 1.25rem;
  background: #f5f7fc;
  border-radius: 12px;
}
.wgg-review-list dt {
  color: #58657b;
}
.wgg-review-list dd {
  margin: 0;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.wgg-email-body {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background: #f5f7fc;
  padding: 1rem;
  border-radius: 10px;
}
.wgg-template-card > summary {
  font-size: 1.0625rem;
  font-weight: 650;
}
.wgg-template-card > .wgg-disclosure-body {
  padding-top: 1rem;
}
.wgg-admin .wgg-template-card {
  background: #fff;
  border: 1px solid var(--wg-border);
  border-radius: 14px;
  padding: 8px 24px;
  margin: 0 0 12px;
}
.wgg-template-card [id^='wp-wgg-template'] {
  max-width: 100%;
}
.wgg-block-preview {
  padding: 20px;
  border: 1px dashed #c5d0e3;
  background: #fff;
}
@container wishlist (max-width:42rem) {
  .wgg-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.75rem;
  }
  .wgg-heading .wgg-actions {
    flex-shrink: 1;
  }
  .wgg-heading .wgg-actions:has(> :nth-child(2)) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    width: 100%;
  }
  .wgg-search-tools > input {
    flex-basis: 100%;
  }
  .wgg-search-tools > select {
    flex: 1 1 10rem;
    width: 100%;
  }
  .wgg-search-tools button {
    flex: 1 1 auto;
  }
  .wgg-list-controls {
    flex-wrap: wrap;
  }
  .wgg-list-controls > .wgg-toolbar {
    width: 100%;
  }
  .wgg-list-controls > .wgg-disclosure,
  .wgg-list-controls > .wgg-disclosure[open] {
    width: 100%;
    flex: 1 0 100%;
  }
  .wgg-list-controls .wgg-disclosure > summary {
    justify-content: space-between;
  }
}
@container wishlist (max-width:24rem) {
  .wgg-grid {
    grid-template-columns: 1fr;
  }
  .wgg-table .wgg-item {
    display: block;
  }
  .wgg-table .wgg-item > a img,
  .wgg-table .wgg-no-image {
    max-width: 180px;
    margin: 0 auto;
  }
  .wgg-item .wgg-actions {
    flex-wrap: wrap;
  }
  .wgg-review-list {
    grid-template-columns: 1fr;
  }
  .wgg-heading .wgg-actions > button {
    flex: 1 1 auto;
  }
}
@container merchant (max-width:60rem) {
  .wgg-admin-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  .wgg-admin-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px;
  }
  .wgg-admin-nav > button {
    flex: 1 1 auto;
    text-align: center;
    padding: 0.65rem 0.75rem;
  }
  .wgg-admin-card {
    padding: 20px;
  }
}
@container merchant (max-width:30rem) {
  .wgg-admin-card {
    padding: 16px;
  }
  .wgg-admin .wgg-template-card {
    padding-inline: 16px;
  }
  .wgg-admin-nav > button {
    flex: 1 1 8rem;
    font-size: 0.875rem;
  }
  .wgg-admin .wgg-toolbar > button {
    flex: 1 1 auto;
  }
  .wgg-metrics {
    grid-template-columns: 1fr;
  }
  .wgg-metric {
    padding: 16px;
  }
  .wgg-admin-page-header h2 {
    font-size: 1.5rem;
  }
  .wgg-admin .wgg-disclosure-body {
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 600px) {
  .wgg-app {
    margin-inline: 0;
    border-radius: 14px;
  }
  .wgg-dialog {
    padding: 16px;
  }
  .wgg-review-list {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }
  .wgg-review-list dd {
    margin-bottom: 0.75rem;
  }
  .wgg-drawer > header {
    top: -16px;
  }
  .wgg-cart-panel {
    padding: 16px;
  }
  .wgg-wishlist-footer > * {
    width: 100%;
  }
  .wgg-admin > h1 {
    font-size: 1.5rem;
  }
}
[dir='rtl'] :is(.wgg-app, .wgg-dialog, .wgg-admin) {
  direction: rtl;
  text-align: start;
}
[dir='rtl'] .wgg-drawer {
  inset-inline-start: auto;
  inset-inline-end: 0;
}
@media (prefers-reduced-motion: reduce) {
  :is(.wgg-app, .wgg-dialog, .wgg-admin) * {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}
@media print {
  .wgg-toolbar,
  .wgg-actions,
  .wgg-disclosure,
  .wgg-selection-bar,
  .wgg-app nav,
  .wgg-app footer,
  .wgg-toast,
  .wgg-item-top input,
  header.site-header,
  footer.site-footer {
    display: none !important;
  }
  .wgg-app {
    border: 0;
    padding: 0;
    background: white;
  }
  .wgg-items {
    display: block;
  }
  .wgg-item {
    break-inside: avoid;
    margin-bottom: 1rem;
  }
  .wgg-item img {
    max-width: 100px;
    float: inline-start;
    margin-inline-end: 1rem;
  }
  .wgg-app a {
    color: black;
    text-decoration: none;
  }
  .wgg-heading p[role='status']::after {
    content: ' — current page only; use CSV for the entire list.';
  }
  .wgg-dialog {
    display: none;
  }
}

.wgg-grid > .wgg-item {
  display: flex;
  flex-direction: column;
}
.wgg-grid > .wgg-item > .wgg-item-actions {
  margin-top: auto;
  padding-top: 1rem;
}

.wgg-toast {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.wgg-toast[hidden] {
  display: none;
}
.wgg-toast > span {
  flex: 1 1 12rem;
  min-width: 0;
}
.wgg-toast a.wgg-toast-link,
.wgg-dialog-status a.wgg-toast-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  max-width: 100%;
  padding: 0 4px;
  font: inherit;
  color: #3452e8;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  border-radius: 4px;
}
.wgg-toast a.wgg-toast-link:hover,
.wgg-dialog-status a.wgg-toast-link:hover {
  color: #1f32aa;
}
.wgg-toast :is(a, button):focus-visible {
  outline: 3px solid #3452e8;
  outline-offset: 2px;
}
@media (max-width: 600px) {
  .wgg-toast > span { flex-basis: 100%; }
}
.wgg-toast button {
  margin: 0;
  flex-shrink: 0;
}
.wgg-toast [data-wgg-dismiss] {
  font-size: 1.5rem;
  text-decoration: none;
  min-width: 44px;
  padding: 0;
}
.wgg-email-preview {
  display: block;
  width: 100%;
  height: 24rem;
  max-height: 55vh;
  border: 1px solid var(--wg-border);
  border-radius: 10px;
  background: #fff;
}
.wgg-email-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: inherit;
  padding: 1rem;
  background: var(--wg-surface);
  border: 1px solid var(--wg-border);
  border-radius: 10px;
  max-height: 55vh;
  overflow: auto;
}
.wgg-preview-note {
  color: var(--wg-muted);
  font-size: 0.875rem;
}

.wgg-selected-options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.8rem;
  margin: 0.5rem 0;
  font-size: 0.8125rem;
  color: var(--wg-muted);
}
.wgg-selected-options > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.wgg-selected-options dt {
  font-weight: 600;
}
.wgg-selected-options dt::after {
  content: ':';
}
.wgg-selected-options dd {
  margin: 0;
}
.wgg-app a.wgg-shop-link {
  background: var(--wg-accent);
  color: var(--wgg-on-accent, #fff);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.65rem 1rem;
  border-radius: var(--wgg-radius, 10px);
  text-decoration: none;
}
.wgg-empty .wgg-shop-link,
.wgg-empty button {
  margin-top: 0.75rem;
}
.wgg-item .wgg-availability-note {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--wg-muted);
}

/* Guided merchant workflows. Keep the current decision and its consequences visible. */
.wgg-admin .wgg-nav-label {
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--wg-muted);
  padding: 1.25rem 1rem 0.4rem;
  font-weight: 650;
}
.wgg-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.wgg-status-strip {
  padding: 1rem 1.25rem;
  border-radius: 12px;
  border: 1px solid #c5d3f1;
  background: #f0f4ff;
  color: var(--wg-ink) !important;
  margin-block: 1rem;
}
.wgg-status-strip[data-state='ready'] {
  background: #eef8f1;
  border-color: #b6d8c1;
}
.wgg-status-strip[data-state='attention'],
.wgg-attention {
  background: #fff7e9;
  border: 1px solid #e3cfaa;
  border-radius: 10px;
  padding: 1rem;
  color: #704614 !important;
}
.wgg-action-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid var(--wg-border);
  min-width: 0;
}
.wgg-action-row:last-child {
  border-bottom: 0;
}
.wgg-action-row > div {
  min-width: 0;
}
.wgg-action-row small {
  display: block;
  margin-top: 0.25rem;
}
.wgg-action-row button {
  flex-shrink: 0;
  max-width: 50%;
  font-size: 0.875rem;
}
.wgg-status-tag {
  display: inline-block;
  padding: 0.25rem 0.65rem;
  border-radius: 99px;
  background: #edf1f7;
  color: #46536a;
  font-size: 0.75rem;
  white-space: nowrap;
  font-weight: 650;
}
.wgg-status-tag[data-state='ready'] {
  background: #e6f5eb;
  color: #256044;
}
.wgg-workflow {
  min-width: 0;
}
.wgg-workflow-fields {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.wgg-workflow-fields[disabled] {
  opacity: 0.75;
}
.wgg-stepper {
  list-style: none !important;
  display: flex;
  gap: 8px;
  padding: 0;
  margin: 0 0 1.5rem;
  counter-reset: step;
  flex-wrap: wrap;
}
.wgg-stepper li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 1 8rem;
  background: #f1f4f9;
  color: var(--wg-muted);
  padding: 0.7rem;
  border-radius: 10px;
  font-size: 0.8125rem;
  line-height: 1.4;
  margin: 0;
  counter-increment: step;
}
.wgg-stepper li > span[aria-hidden] {
  display: grid;
  place-items: center;
  flex: 0 0 24px;
  height: 24px;
  border-radius: 50%;
  background: white;
  border: 1px solid var(--wg-border);
  font-weight: 650;
}
.wgg-stepper li[aria-current='step'] {
  background: #e8efff;
  color: #243db0;
  font-weight: 650;
}
.wgg-stepper li[aria-current='step'] > span[aria-hidden] {
  background: #3452e8;
  color: white;
  border-color: #3452e8;
}
.wgg-workflow-step {
  padding: 24px;
  background: white;
  border: 1px solid var(--wg-border);
  border-radius: 16px;
  margin-bottom: 20px;
  min-width: 0;
}
.wgg-workflow-heading:focus {
  outline: none;
}
.wgg-workflow-heading:focus-visible {
  outline: 3px solid #3452e8;
  outline-offset: 5px;
}
.wgg-workflow-error {
  padding: 1rem;
  border: 1px solid #d6a69f;
  border-radius: 10px;
  background: #fff2ef;
  color: #8a3024;
  margin-block: 1rem;
  overflow-wrap: anywhere;
}
.wgg-workflow-error:empty {
  display: none;
}
.wgg-workflow-status {
  margin-block: 1rem;
  overflow-wrap: anywhere;
}
.wgg-purpose-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.wgg-admin .wgg-purpose-choice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border: 1px solid var(--wg-border);
  border-radius: 12px;
  background: white;
  padding: 16px;
  margin: 0;
  cursor: pointer;
}
.wgg-purpose-choice:has(input:checked) {
  background: #f0f4ff;
  border-color: #3452e8;
}
.wgg-admin .wgg-purpose-choice input[type='radio'] {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 0;
  margin: 3px 0 0;
  accent-color: #3452e8;
}
.wgg-purpose-choice small {
  display: block;
  margin-top: 0.25rem;
}
.wgg-workflow .wgg-email-text,
.wgg-workflow .wgg-email-preview {
  margin-block: 1rem;
}
.wgg-workflow .wgg-form-actions {
  justify-content: flex-start;
  border-top: 1px solid var(--wg-border);
  margin-top: 1.5rem;
}
.wgg-workflow [role='alert'] {
  overflow-wrap: anywhere;
}
@container merchant (max-width:60rem) {
  .wgg-admin .wgg-nav-label {
    width: 100%;
    padding: 0.65rem 0.75rem 0.2rem;
  }
  .wgg-overview-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@container merchant (max-width:30rem) {
  .wgg-purpose-grid {
    grid-template-columns: 1fr;
  }
  .wgg-workflow-step {
    padding: 16px;
  }
  .wgg-stepper li {
    flex-basis: calc(50% - 8px);
  }
  .wgg-action-row {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .wgg-action-row button {
    max-width: 100%;
    width: 100%;
  }
  .wgg-workflow .wgg-form-actions > button {
    flex: 1 1 8rem;
  }
}
/* Status text must not cover the next task; its actions remain interactive. */
.wgg-toast {
  pointer-events: none;
}
.wgg-toast :is(a, button) {
  pointer-events: auto;
}

.wgg-admin-notice {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #eff5ff;
  border: 1px solid #c8d6ee;
  border-radius: 12px;
  padding: 1rem;
  margin-bottom: 1.25rem;
  overflow-wrap: anywhere;
}
.wgg-admin-notice > span {
  flex: 1;
  min-width: 0;
}
.wgg-admin-notice > button {
  flex-shrink: 0;
  min-width: 44px;
  padding: 0.25rem;
  font-size: 1.5rem;
  border-color: transparent;
  background: transparent;
}
.wgg-admin .wgg-context-offer {
  margin-block: 1rem;
  padding: 1rem;
  border: 1px solid var(--wg-border);
  border-radius: 12px;
  background: #f5f8ff;
  overflow-wrap: anywhere;
}
.wgg-admin .wgg-context-offer .wgg-toolbar,
.wgg-explanation {
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* Keep overview explanations readable beside WordPress and plugin navigation. */
.wgg-overview .wgg-overview-automation {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
}
.wgg-overview .wgg-overview-automation > div:first-child {
  width: 100%;
  overflow-wrap: break-word;
}
.wgg-overview .wgg-overview-automation-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem 1rem;
  width: 100%;
  min-width: 0;
}
.wgg-overview .wgg-overview-automation-actions button {
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
}
.wgg-overview .wgg-overview-automation-actions .wgg-status-tag {
  max-width: 100%;
  white-space: normal;
}
.wgg-alert-options > .wgg-draft-status {
  display: block;
  margin-block-start: 0.75rem;
}

/* Merchant Pro discovery: local examples, separate from the live store results. */
.wgg-admin .wgg-pro-shortcut {
  margin-block: 0 1rem;
  font-size: 0.875rem;
}
.wgg-admin .wgg-pro-shortcut a {
  display: inline-block;
  min-height: 44px;
  padding-block: 0.6rem;
  color: #2943bb;
  text-underline-offset: 3px;
}
.wgg-admin #wgg-pro-benefits {
  scroll-margin-block-start: 3.5rem;
}
.wgg-admin .wgg-pro-discovery {
  margin-block: 1.5rem;
  background: #f7f9ff;
  border-color: #cbd5ed;
  min-width: 0;
}
.wgg-admin .wgg-pro-discovery > h3 {
  margin-bottom: 0.4rem;
}
.wgg-admin .wgg-pro-promise {
  margin-block: 0 1rem;
  color: var(--wg-muted);
}
.wgg-pro-benefits {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  gap: 1rem;
}
.wgg-pro-benefit {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1rem;
  background: #fff;
  border: 1px solid var(--wg-border);
  border-radius: 12px;
  overflow-wrap: anywhere;
}
.wgg-admin .wgg-pro-benefit h4 {
  margin: 0;
  color: var(--wg-ink);
  font-size: 1rem;
  line-height: 1.4;
}
.wgg-pro-benefit p {
  flex: 1;
  margin-block: 0.5rem 1rem;
}
.wgg-pro-benefit button {
  align-self: flex-start;
}
:is(.wgg-admin, .wgg-pro-dialog) .wgg-pro-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  max-width: 100%;
  padding: 0.65rem 1rem;
  border: 1px solid #3452e8;
  border-radius: var(--wgg-radius, 10px);
  background: #3452e8;
  color: #fff;
  font: inherit;
  font-weight: 600;
  line-height: 1.45;
  text-decoration: none;
  overflow-wrap: anywhere;
}
:is(.wgg-admin, .wgg-pro-dialog) .wgg-pro-link:hover {
  background: #263dc0;
  border-color: #263dc0;
  color: #fff;
  text-decoration: underline;
}
:is(.wgg-admin, .wgg-pro-dialog) .wgg-pro-availability {
  margin-bottom: 0;
  color: var(--wg-muted);
  font-size: 0.875rem;
}
.wgg-pro-suggestion-controls {
  margin-block: 1rem 1.5rem;
}
.wgg-pro-suggestion-controls p {
  font-size: 0.875rem;
  color: var(--wg-muted);
}
.wgg-dialog.wgg-pro-dialog {
  width: min(92vw, 720px);
  color: var(--wg-ink);
  overscroll-behavior: contain;
}
.wgg-dialog.wgg-pro-dialog::backdrop {
  background: #15243a50;
  backdrop-filter: none;
}
.wgg-pro-dialog > header h2 {
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.wgg-pro-dialog > header h2:focus {
  outline-offset: 4px;
}
.wgg-pro-example {
  margin-block: 1.25rem;
  padding: 1rem;
  border: 1px solid var(--wg-border);
  border-radius: 12px;
  background: var(--wg-surface);
  min-width: 0;
  overflow-wrap: anywhere;
}
.wgg-pro-example > .wgg-pro-example-label {
  margin-top: 0;
}
.wgg-pro-example-label {
  font-size: 0.8125rem;
  font-weight: 650;
  color: var(--wg-muted);
}
.wgg-pro-message {
  padding: 1rem;
  border: 1px solid var(--wg-border);
  border-radius: 10px;
  background: #fff;
}
.wgg-pro-message h3 {
  margin: 0.5rem 0;
  font-size: 1.125rem;
  line-height: 1.45;
  color: var(--wg-ink);
}
.wgg-pro-message > .wgg-pro-example-label {
  margin-top: 0;
}
.wgg-pro-message small {
  color: var(--wg-muted);
}
.wgg-pro-message-link {
  font-weight: 600;
}
.wgg-pro-sequence {
  padding-inline-start: 1.5rem;
}
.wgg-pro-sequence li {
  padding-inline-start: 0.25rem;
  margin-block: 0.75rem;
}
.wgg-pro-sequence p {
  margin-block: 0.25rem 0;
}
.wgg-pro-example .wgg-scroll {
  max-width: 100%;
  overflow-x: auto;
}
.wgg-pro-example table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
  background: #fff;
}
.wgg-pro-example :is(th, td) {
  text-align: start;
  vertical-align: top;
  padding: 0.65rem;
  border-bottom: 1px solid var(--wg-border);
  color: var(--wg-ink);
}
.wgg-pro-example th {
  font-weight: 650;
}
.wgg-pro-takeaway {
  padding-inline-start: 0.75rem;
  border-inline-start: 3px solid #3452e8;
}
.wgg-pro-example-note {
  margin-bottom: 0;
  color: var(--wg-muted);
  font-size: 0.875rem;
}
@media (max-width: 480px) {
  .wgg-pro-dialog .wgg-toolbar > * {
    flex: 1 1 auto;
  }
  .wgg-pro-example {
    padding: 0.75rem;
  }
  .wgg-pro-example :is(th, td) {
    padding: 0.4rem;
  }
}
@media (prefers-color-scheme: dark) {
  .wgg-admin .wgg-pro-discovery,
  .wgg-dialog.wgg-pro-dialog {
    --wg-ink: #edf2ff;
    --wg-muted: #bcc9df;
    --wg-border: #46536b;
    --wg-surface: #202a3d;
    color: var(--wg-ink);
    background: #182235;
    border-color: var(--wg-border);
    color-scheme: dark;
  }
  .wgg-admin .wgg-pro-benefit,
  .wgg-pro-dialog .wgg-pro-message,
  .wgg-pro-dialog .wgg-pro-example table {
    background: #202a3d;
  }
  .wgg-admin .wgg-pro-discovery button,
  .wgg-pro-dialog button {
    color: var(--wg-ink);
    background: #2b3850;
    border-color: #637593;
  }
  .wgg-admin .wgg-pro-discovery button:hover,
  .wgg-pro-dialog button:hover {
    background: #374766;
    border-color: #92a8ce;
  }
  .wgg-admin .wgg-pro-discovery :focus-visible,
  .wgg-pro-dialog :focus-visible {
    outline-color: #abc0ff;
  }
}