#copy {
  padding: 0;
}

html.xwl-modal-open,
body.xwl-modal-open {
  overflow: hidden !important;
  overscroll-behavior: none;
}

html.xwl-modal-open {
  scrollbar-gutter: stable;
}

/* Administrator cross-account resource preview */
#copy .xwl-hub-table tr.is-readonly{background:#f8fbff}
#copy .xwl-hub-table tr.is-readonly:hover{background:#f1f7ff}
#copy .xwl-hub-table tr.is-readonly td:first-child{border-left:2px solid #7dd3fc}
#copy .xwl-readonly-dialog{width:min(72rem,calc(100vw - 3rem));max-height:calc(100vh - 3rem);overflow:auto}
#copy .xwl-readonly-listing,#copy .xwl-readonly-keywords{display:grid;gap:1rem;padding:1rem 1.25rem 1.35rem}
#copy .xwl-readonly-listing section{display:grid;gap:.45rem;padding:1rem;border:1px solid #dbe5f1;border-radius:.75rem;background:#f8fbff}
#copy .xwl-readonly-listing section>span{font-size:.78rem;font-weight:700;color:#64748b}
#copy .xwl-readonly-listing section>strong,#copy .xwl-readonly-listing section>p,#copy .xwl-readonly-listing li{font-size:.9rem;line-height:1.65;color:#0f172a;white-space:pre-wrap;overflow-wrap:anywhere}
#copy .xwl-readonly-listing ol{display:grid;gap:.55rem;margin:0;padding-left:1.35rem}
#copy .xwl-readonly-keywords .xwl-hub-table-wrap{max-height:60vh;overflow:auto;border:1px solid #dbe5f1;border-radius:.75rem}
@media(max-width:60rem){#copy .xwl-readonly-dialog{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}#copy .xwl-readonly-listing,#copy .xwl-readonly-keywords{padding:.75rem}}

#copy .xw-listing-app {
  --xwl-blue: var(--blue, #4f6fed);
  --xwl-blue-dark: var(--blue-dark, #2f4ecf);
  --xwl-blue-soft: rgba(79, 111, 237, .08);
  --xwl-panel: var(--panel, #fff);
  --xwl-subtle: var(--subtle, #fafafa);
  --xwl-line: var(--line, #eee);
  --xwl-line-strong: var(--line-strong, #e2e2e6);
  --xwl-ink: var(--ink, #222);
  --xwl-muted: var(--muted, #666);
  min-height: 100%;
  padding: 1.15rem 1.35rem 5.75rem;
  color: var(--xwl-ink);
}

#copy .xw-listing-loading {
  min-height: 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  color: var(--xwl-muted);
}

#copy .xwl-shell {
  width: min(100%, 112rem);
  margin: 0 auto;
  display: grid;
  gap: 1rem;
}

#copy .xwl-stepper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: .0625rem solid var(--xwl-line-strong);
}

#copy .xwl-step {
  border: 0;
  background: transparent;
  color: var(--xwl-muted);
  min-height: 3.5rem;
  padding: .75rem .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  font-weight: 600;
  position: relative;
}

#copy .xwl-step::after {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: -.0625rem;
  height: .15rem;
  background: transparent;
}

#copy .xwl-step.active {
  color: var(--xwl-blue);
}

#copy .xwl-step.active::after {
  background: var(--xwl-blue);
}

#copy .xwl-step.done {
  color: var(--xwl-ink);
}

#copy .xwl-step-index {
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--xwl-subtle);
  border: .0625rem solid var(--xwl-line-strong);
  font-size: .78rem;
}

#copy .xwl-step.active .xwl-step-index {
  background: var(--xwl-blue);
  border-color: var(--xwl-blue);
  color: #fff;
}

#copy .xwl-product-strip,
#copy .xwl-summary-card,
#copy .xwl-check-card,
#copy .xwl-listing-document,
#copy .xwl-modal-dialog {
  border: .0625rem solid var(--xwl-line-strong);
  background: var(--xwl-panel);
  border-radius: var(--radius-small, .75rem);
  box-shadow: var(--shadow-soft, 0 .25rem 1rem rgba(15, 23, 42, .035));
}

#copy .xwl-product-strip {
  min-height: 4.75rem;
  padding: .9rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

#copy .xwl-product-main,
#copy .xwl-inline,
#copy .xwl-head,
#copy .xwl-actions,
#copy .xwl-row-head,
#copy .xwl-status-line,
#copy .xwl-metrics,
#copy .xwl-tabs,
#copy .xwl-keyword-location,
#copy .xwl-modal-head {
  display: flex;
  align-items: center;
  gap: .65rem;
  flex-wrap: wrap;
}

#copy .xwl-product-main {
  min-width: 0;
}

#copy .xwl-product-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: .75rem;
  background: rgba(79, 111, 237, .1);
  color: var(--xwl-blue);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

#copy .xwl-product-copy,
#copy .xwl-copy,
#copy .xwl-rail,
#copy .xwl-stack,
#copy .xwl-main,
#copy .xwl-section,
#copy .xwl-keyword-list,
#copy .xwl-check-list,
#copy .xwl-bullet-stack,
#copy .xwl-bullet-box,
#copy .xwl-document-section,
#copy .xwl-display-rail,
#copy .xwl-modal-body,
#copy .xwl-version-list {
  display: grid;
  gap: .7rem;
}

#copy .xwl-product-copy {
  gap: .18rem;
  min-width: 0;
}

#copy .xwl-product-copy strong,
#copy .xwl-product-copy span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#copy .xwl-muted {
  color: var(--xwl-muted);
}

#copy .xwl-small {
  font-size: .82rem;
}

#copy .xwl-badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 1.75rem;
  padding: .25rem .58rem;
  border-radius: 999px;
  background: rgba(79, 111, 237, .09);
  color: var(--xwl-blue-dark);
  font-size: .8rem;
  font-weight: 600;
  white-space: nowrap;
}

#copy .xwl-badge.success {
  background: rgba(5, 150, 105, .1);
  color: #047857;
}

#copy .xwl-badge.warning {
  background: rgba(245, 158, 11, .12);
  color: #a16207;
}

#copy .xwl-badge.neutral {
  background: var(--xwl-subtle);
  color: var(--xwl-muted);
}

#copy .xwl-head {
  justify-content: space-between;
  align-items: flex-end;
  padding-top: .1rem;
}

#copy .xwl-head h2,
#copy .xwl-head h3,
#copy .xwl-product-strip h3,
#copy .xwl-section h3,
#copy .xwl-listing-document h3 {
  margin: 0;
}

#copy .xwl-kicker {
  color: var(--xwl-blue);
  font-weight: 700;
  font-size: .82rem;
}

#copy .xwl-layout {
  display: grid;
  grid-template-columns: minmax(12.5rem, 15.5rem) minmax(0, 1fr);
  gap: 1.15rem;
  align-items: start;
}

#copy .xwl-layout.three {
  grid-template-columns: minmax(13rem, 15rem) minmax(31rem, 1fr) minmax(14rem, 17rem);
}

#copy .xwl-rail {
  border-right: .0625rem solid var(--xwl-line-strong);
  padding-right: 1rem;
  align-content: start;
}

#copy .xwl-rail-block,
#copy .xwl-row,
#copy .xwl-check-row,
#copy .xwl-document-section,
#copy .xwl-display-row,
#copy .xwl-version-row {
  padding: .75rem 0;
  border-bottom: .0625rem solid var(--xwl-line);
}

#copy .xwl-rail-block:first-child,
#copy .xwl-row:first-child,
#copy .xwl-document-section:first-child {
  padding-top: 0;
}

#copy .xwl-rail-block:last-child,
#copy .xwl-row:last-child,
#copy .xwl-document-section:last-child,
#copy .xwl-display-row:last-child {
  border-bottom: 0;
}

#copy .xwl-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6rem;
}

#copy .xwl-metric {
  min-width: 0;
  display: grid;
  gap: .12rem;
}

#copy .xwl-metric strong {
  font-size: 1.1rem;
}

#copy .xwl-summary-card {
  padding: .85rem 1rem;
}

#copy .xwl-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem 1rem;
}

#copy .xwl-field {
  display: grid;
  gap: .45rem;
  min-width: 0;
}

#copy .xwl-field.wide {
  grid-column: 1 / -1;
}

#copy .xwl-field > span,
#copy .xwl-field-label {
  font-size: .86rem;
  color: var(--xwl-ink);
  font-weight: 600;
}

#copy .xwl-field small {
  color: var(--xwl-muted);
}

#copy .xwl-input,
#copy .xwl-select,
#copy .xwl-textarea {
  width: 100%;
  border: .0625rem solid var(--xwl-line-strong);
  border-radius: .65rem;
  background: var(--xwl-panel);
  color: var(--xwl-ink);
  padding: .72rem .8rem;
  outline: none;
}

#copy .xwl-input:focus,
#copy .xwl-select:focus,
#copy .xwl-textarea:focus {
  border-color: var(--xwl-blue);
  box-shadow: 0 0 0 .2rem rgba(79, 111, 237, .1);
}

#copy .xwl-textarea {
  resize: vertical;
  min-height: 5.5rem;
  overflow: auto;
}

#copy .xwl-textarea.compact {
  min-height: 4.5rem;
}

#copy .xwl-btn {
  border: .0625rem solid var(--xwl-line-strong);
  border-radius: .65rem;
  background: var(--xwl-panel);
  color: var(--xwl-ink);
  min-height: 2.4rem;
  padding: .58rem .82rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .42rem;
  font-weight: 600;
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}

#copy .xwl-btn:hover {
  border-color: var(--xwl-blue);
  color: var(--xwl-blue-dark);
}

#copy .xwl-btn.primary {
  background: var(--xwl-blue);
  border-color: var(--xwl-blue);
  color: #fff;
}

#copy .xwl-btn.primary:hover {
  background: var(--xwl-blue-dark);
  color: #fff;
}

#copy .xwl-btn.ghost {
  border-color: transparent;
  background: transparent;
}

#copy .xwl-btn.block {
  width: 100%;
}

#copy .xwl-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

#copy .xwl-footer {
  position: sticky;
  bottom: 0;
  z-index: 8;
  min-height: 4.5rem;
  margin: .35rem -1.35rem -5.75rem;
  padding: .75rem 1.35rem;
  border-top: .0625rem solid var(--xwl-line-strong);
  background: var(--xwl-panel);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

#copy .xwl-footer-copy {
  display: grid;
  gap: .2rem;
}

#copy .xwl-table-head,
#copy .xwl-competitor-row {
  display: grid;
  grid-template-columns: minmax(11rem, 1.3fr) minmax(8rem, 1fr) minmax(7rem, .7fr) minmax(7rem, .7fr);
  gap: .75rem;
  align-items: center;
}

#copy .xwl-table-head {
  color: var(--xwl-muted);
  font-size: .78rem;
  padding: .6rem 0;
  border-bottom: .0625rem solid var(--xwl-line-strong);
}

#copy .xwl-competitor-row {
  padding: .7rem 0;
  border-bottom: .0625rem solid var(--xwl-line);
}

#copy .xwl-competitor-product {
  display: grid;
  gap: .18rem;
  min-width: 0;
}

#copy .xwl-competitor-product strong,
#copy .xwl-competitor-product span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#copy .xwl-toolbar {
  display: grid;
  grid-template-columns: minmax(12rem, 1fr) auto;
  gap: .7rem;
  align-items: center;
}

#copy .xwl-keyword-toolbar {
  grid-template-columns: minmax(18rem, 32rem) auto;
  justify-content: space-between;
  padding: .15rem 0 .75rem;
  border-bottom: .0625rem solid var(--xwl-line);
}

#copy .xwl-keyword-toolbar .xwl-input {
  padding: .58rem .75rem;
  border-radius: .58rem;
}

#copy .xwl-filter-list {
  display: grid;
  gap: .35rem;
}

#copy .xwl-filter {
  border: .0625rem solid transparent;
  border-radius: .6rem;
  background: transparent;
  min-height: 2.3rem;
  padding: .5rem .65rem;
  color: var(--xwl-ink);
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}

#copy .xwl-filter.active {
  background: rgba(79, 111, 237, .1);
  color: var(--xwl-blue-dark);
}

#copy .xwl-keyword-columns,
#copy .xwl-keyword-row {
  display: grid;
  grid-template-columns: 1.25rem minmax(12rem, 1.3fr) minmax(8rem, .75fr) minmax(8rem, .75fr) minmax(6rem, .55fr);
  gap: .65rem;
  align-items: center;
}

#copy .xwl-keyword-columns {
  position: static;
  top: auto;
  z-index: auto;
  padding: .62rem 0 .5rem;
  border-bottom: .0625rem solid var(--xwl-line-strong);
  background: var(--xwl-panel);
  color: var(--xwl-muted);
  font-size: .76rem;
  font-weight: 700;
}

#copy .xwl-keyword-row {
  padding: .65rem 0;
  border-bottom: .0625rem solid var(--xwl-line);
}

#copy .xwl-keyword-name {
  display: grid;
  gap: .12rem;
  min-width: 0;
}

#copy .xwl-keyword-name strong,
#copy .xwl-keyword-name span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#copy .xwl-check-input {
  width: 1.05rem;
  height: 1.05rem;
  min-height: 0;
  padding: 0;
  accent-color: var(--xwl-blue);
}

#copy .xwl-tabs {
  border-bottom: .0625rem solid var(--xwl-line-strong);
}

#copy .xwl-tab {
  border: 0;
  border-bottom: .14rem solid transparent;
  background: transparent;
  color: var(--xwl-muted);
  min-height: 2.8rem;
  padding: .55rem .75rem;
  font-weight: 600;
}

#copy .xwl-tab.active {
  color: var(--xwl-blue);
  border-bottom-color: var(--xwl-blue);
}

#copy .xwl-bullet-box {
  padding: .8rem 0;
  border-bottom: .0625rem solid var(--xwl-line);
}

#copy .xwl-row-head {
  justify-content: space-between;
}

#copy .xwl-row-head strong {
  font-size: .88rem;
}

#copy .xwl-keyword-chip {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .55rem;
  align-items: start;
  padding: .55rem 0;
  border-bottom: .0625rem solid var(--xwl-line);
}

#copy .xwl-keyword-chip i {
  margin-top: .12rem;
}

#copy .xwl-check-card {
  padding: .9rem;
}

#copy .xwl-check-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .55rem;
  align-items: start;
}

#copy .xwl-check-row i {
  margin-top: .15rem;
}

#copy .xwl-check-row.pass i {
  color: #059669;
}

#copy .xwl-check-row.warn i {
  color: #d97706;
}

#copy .xwl-progress {
  height: .45rem;
  border-radius: 999px;
  background: var(--xwl-subtle);
  overflow: hidden;
}

#copy .xwl-progress > span {
  display: block;
  height: 100%;
  background: #059669;
  border-radius: inherit;
}

#copy .xwl-listing-document {
  padding: .25rem 1rem;
}

#copy .xwl-document-section p {
  margin: 0;
  line-height: 1.65;
}

#copy .xwl-display-bullet {
  display: grid;
  grid-template-columns: 1.8rem minmax(0, 1fr);
  gap: .65rem;
  padding: .65rem 0;
  border-bottom: .0625rem solid var(--xwl-line);
}

#copy .xwl-display-bullet:last-child {
  border-bottom: 0;
}

#copy .xwl-display-index {
  color: var(--xwl-blue);
  font-weight: 700;
}

#copy .xwl-notice {
  border-left: .2rem solid var(--xwl-blue);
  background: rgba(79, 111, 237, .07);
  padding: .72rem .85rem;
  color: var(--xwl-muted);
}

#copy .xwl-keyword-progress {
  display: grid;
  gap: .95rem;
  padding: 1rem;
  border: .0625rem solid rgba(79, 111, 237, .3);
  border-radius: .8rem;
  background: linear-gradient(135deg, rgba(79, 111, 237, .09), rgba(79, 111, 237, .025));
}

#copy .xwl-progress-head,
#copy .xwl-progress-foot,
#copy .xwl-progress-title {
  display: flex;
  align-items: center;
  gap: .75rem;
}

#copy .xwl-progress-head,
#copy .xwl-progress-foot {
  justify-content: space-between;
}

#copy .xwl-progress-title > i {
  color: var(--xwl-blue);
  font-size: 1.05rem;
}

#copy .xwl-progress-title > div {
  display: grid;
  gap: .18rem;
}

#copy .xwl-progress-track {
  height: .5rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(79, 111, 237, .13);
}

#copy .xwl-progress-track > span {
  display: block;
  width: 34%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--xwl-blue), #7c8ff5);
  animation: xwl-keyword-progress-scan 1.7s ease-in-out infinite;
}

@keyframes xwl-keyword-progress-scan {
  0% { transform: translateX(-105%); }
  100% { transform: translateX(295%); }
}

#copy .xwl-progress-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .55rem;
}

#copy .xwl-progress-step {
  display: flex;
  align-items: center;
  gap: .45rem;
  min-width: 0;
  color: var(--xwl-muted);
  font-size: .8rem;
}

#copy .xwl-progress-dot {
  width: 1.45rem;
  height: 1.45rem;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: .0625rem solid var(--xwl-line-strong);
  border-radius: 50%;
  background: var(--xwl-panel);
  font-size: .72rem;
  font-weight: 700;
}

#copy .xwl-progress-step.active {
  color: var(--xwl-blue-dark);
  font-weight: 700;
}

#copy .xwl-progress-step.active .xwl-progress-dot {
  border-color: var(--xwl-blue);
  background: var(--xwl-blue);
  color: #fff;
  box-shadow: 0 0 0 .2rem rgba(79, 111, 237, .12);
}

#copy .xwl-progress-step.done {
  color: #047857;
}

#copy .xwl-progress-step.done .xwl-progress-dot {
  border-color: #059669;
  background: rgba(5, 150, 105, .1);
  color: #047857;
}

#copy .xwl-error {
  color: #b91c1c;
}

#copy .xwl-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(15, 23, 42, .42);
}

#copy .xwl-modal-dialog {
  width: min(42rem, 100%);
  max-height: min(78vh, 48rem);
  overflow: auto;
  padding: 1rem;
}

#copy .xwl-candidate-layer {
  position: fixed;
  inset: 0;
  z-index: 1250;
  display: grid;
  grid-template-columns: minmax(0, 1fr) min(34rem, 38vw);
}

#copy .xwl-candidate-backdrop {
  border: 0;
  padding: 0;
  background: rgba(15, 23, 42, .18);
  cursor: default;
}

#copy .xwl-candidate-drawer {
  min-width: 0;
  height: 100%;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  background: var(--xwl-panel);
  border-left: .0625rem solid var(--xwl-line-strong);
  box-shadow: -.75rem 0 2rem rgba(15, 23, 42, .12);
}

#copy .xwl-candidate-drawer-head,
#copy .xwl-candidate-drawer-toolbar,
#copy .xwl-candidate-drawer-actions {
  padding: 1rem 1.15rem;
}

#copy .xwl-candidate-drawer-head,
#copy .xwl-candidate-drawer-toolbar,
#copy .xwl-candidate-drawer-actions,
#copy .xwl-current-disclosure > button,
#copy .xwl-translation-loading > span,
#copy .xwl-translation-error {
  display: flex;
  align-items: center;
}

#copy .xwl-candidate-drawer-head {
  justify-content: space-between;
  gap: .75rem;
  border-bottom: .0625rem solid var(--xwl-line);
}

#copy .xwl-candidate-drawer-head h3 {
  margin: 0 0 .25rem;
}

#copy .xwl-candidate-drawer-toolbar {
  justify-content: space-between;
  gap: .75rem;
  min-height: 3.8rem;
  border-bottom: .0625rem solid var(--xwl-line);
  background: var(--xwl-bg);
}

#copy .xwl-candidate-drawer-body {
  overflow: auto;
  display: grid;
  align-content: start;
  gap: 1rem;
  padding: 1rem 1.15rem 1.5rem;
}

#copy .xwl-candidate-proposal {
  display: grid;
  gap: .8rem;
}

#copy .xwl-candidate-copy,
#copy .xwl-candidate-translation p,
#copy .xwl-inline-translation {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

#copy .xwl-candidate-copy {
  min-height: 9rem;
  padding: .85rem;
  border: .0625rem solid var(--xwl-line-strong);
  border-radius: .65rem;
  background: var(--xwl-panel);
  color: var(--xwl-ink);
  line-height: 1.7;
}

#copy .xwl-candidate-translation,
#copy .xwl-inline-translation {
  display: grid;
  gap: .35rem;
  padding: .75rem .8rem;
  border-left: .18rem solid var(--xwl-blue);
  border-radius: .45rem;
  background: var(--xwl-blue-soft);
  color: var(--xwl-ink);
  font-size: .82rem;
  line-height: 1.65;
}

#copy .xwl-candidate-translation p {
  margin: 0;
}

#copy .xwl-current-disclosure {
  overflow: hidden;
  border: .0625rem solid var(--xwl-line-strong);
  border-radius: .65rem;
  background: var(--xwl-panel);
}

#copy .xwl-current-disclosure > button {
  width: 100%;
  justify-content: space-between;
  gap: .75rem;
  padding: .8rem .9rem;
  border: 0;
  background: transparent;
  color: var(--xwl-ink);
  font-weight: 700;
  cursor: pointer;
}

#copy .xwl-current-disclosure > button:hover {
  color: var(--xwl-blue-dark);
  background: var(--xwl-blue-soft);
}

#copy .xwl-current-disclosure-body {
  display: grid;
  gap: .75rem;
  padding: .9rem;
  border-top: .0625rem solid var(--xwl-line);
}

#copy .xwl-current-disclosure-body .xwl-candidate-copy {
  min-height: 0;
}

#copy .xwl-candidate-drawer-actions {
  justify-content: flex-end;
  gap: .65rem;
  border-top: .0625rem solid var(--xwl-line);
  box-shadow: 0 -.4rem 1.2rem rgba(15, 23, 42, .06);
}

#copy .xwl-translation-loading {
  display: grid;
  gap: .75rem;
  padding: .8rem;
  border-radius: .55rem;
  background: var(--xwl-blue-soft);
  color: var(--xwl-blue-dark);
}

#copy .xwl-translation-loading > span,
#copy .xwl-translation-error {
  gap: .45rem;
}

#copy .xwl-translation-skeleton {
  display: grid;
  gap: .45rem;
}

#copy .xwl-translation-skeleton i {
  display: block;
  width: 100%;
  height: .55rem;
  border-radius: 999rem;
  background: var(--xwl-line-strong);
  animation: xwl-translation-skeleton 1s ease-in-out infinite alternate;
}

#copy .xwl-translation-skeleton i:nth-child(2) { width: 82%; }
#copy .xwl-translation-skeleton i:nth-child(3) { width: 58%; }

#copy .xwl-translation-error {
  justify-content: space-between;
  padding: .75rem .8rem;
  border-radius: .55rem;
  background: #fff7ed;
  color: #9a3412;
}

@keyframes xwl-translation-skeleton {
  to { opacity: .4; }
}

#copy .xwl-translate-toggle {
  min-height: 2.15rem;
  border: 0;
  border-radius: .55rem;
  background: transparent;
  color: var(--xwl-ink);
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: 0 .55rem;
  font-weight: 700;
  cursor: pointer;
}

#copy .xwl-translate-toggle:hover,
#copy .xwl-translate-toggle.is-active {
  color: var(--xwl-blue-dark);
  background: var(--xwl-blue-soft);
}

#copy .xwl-translate-toggle u {
  position: relative;
  width: 2rem;
  height: 1.1rem;
  border-radius: 999rem;
  background: var(--xwl-line-strong);
  text-decoration: none;
  transition: background .16s ease;
}

#copy .xwl-translate-toggle u::after {
  content: "";
  position: absolute;
  top: .15rem;
  left: .15rem;
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
  background: var(--xwl-panel);
  box-shadow: 0 .08rem .2rem rgba(15, 23, 42, .2);
  transition: transform .16s ease;
}

#copy .xwl-translate-toggle.is-active u {
  background: var(--xwl-blue);
}

#copy .xwl-translate-toggle.is-active u::after {
  transform: translateX(.9rem);
}

#copy .xwl-translate-toggle.is-loading u::after {
  animation: xwl-translate-pulse .8s ease-in-out infinite alternate;
}

@keyframes xwl-translate-pulse {
  to { opacity: .45; }
}

#copy .xwl-rewrite-trigger {
  opacity: .35;
  transition: opacity .16s ease, border-color .16s ease, color .16s ease;
}

#copy .xwl-field:hover .xwl-rewrite-trigger,
#copy .xwl-field:focus-within .xwl-rewrite-trigger,
#copy .xwl-bullet-box:hover .xwl-rewrite-trigger,
#copy .xwl-bullet-box:focus-within .xwl-rewrite-trigger,
#copy .xwl-section:hover > .xwl-row-head .xwl-rewrite-trigger,
#copy .xwl-rewrite-trigger:focus-visible {
  opacity: 1;
}

#copy .xwl-bullet-box.is-optimizing {
  border-color: var(--xwl-blue);
  box-shadow: 0 0 0 .2rem rgba(37, 99, 235, .12);
}

#copy .xwl-modal-head {
  justify-content: space-between;
  border-bottom: .0625rem solid var(--xwl-line);
  padding-bottom: .75rem;
}

#copy .xwl-modal-head h3 {
  margin: 0;
}

#copy .xwl-version-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .7rem;
  align-items: center;
}

#copy .xwl-toast {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 1300;
  max-width: min(26rem, calc(100vw - 2rem));
  padding: .75rem .9rem;
  border: .0625rem solid var(--xwl-line-strong);
  border-radius: .7rem;
  background: var(--xwl-panel);
  color: var(--xwl-ink);
  box-shadow: var(--shadow, 0 .75rem 2.25rem rgba(15, 23, 42, .12));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}

body.theme-dark #copy .xwl-badge.success {
  color: #6ee7b7;
}

body.theme-dark #copy .xwl-badge.warning {
  color: #fbbf24;
}

body.theme-dark #copy .xwl-input,
body.theme-dark #copy .xwl-select,
body.theme-dark #copy .xwl-textarea {
  background: #0f172a;
}

@media (max-width: 82rem) {
  #copy .xwl-layout.three {
    grid-template-columns: minmax(12rem, 14rem) minmax(0, 1fr);
  }

  #copy .xwl-layout.three .xwl-check-card {
    grid-column: 1 / -1;
  }
}

@media (max-width: 58rem) {
  #copy .xwl-candidate-layer {
    grid-template-columns: 1fr;
  }

  #copy .xwl-candidate-backdrop {
    display: none;
  }

  #copy .xwl-candidate-drawer {
    border-left: 0;
  }

  #copy .xwl-layout,
  #copy .xwl-layout.three {
    grid-template-columns: 1fr;
  }

  #copy .xwl-rail {
    border-right: 0;
    border-bottom: .0625rem solid var(--xwl-line-strong);
    padding-right: 0;
    padding-bottom: .9rem;
  }

  #copy .xwl-form-grid {
    grid-template-columns: 1fr;
  }

  #copy .xwl-field.wide {
    grid-column: auto;
  }

  #copy .xwl-table-head {
    display: none;
  }

  #copy .xwl-competitor-row {
    grid-template-columns: 1fr 1fr;
  }

  #copy .xwl-keyword-row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  #copy .xwl-keyword-columns {
    display: none;
  }

  #copy .xwl-keyword-row .xwl-select,
  #copy .xwl-keyword-row .xwl-badge {
    grid-column: 2;
  }

  #copy .xwl-progress-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 42rem) {
  #copy .xwl-candidate-drawer-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  #copy .xwl-candidate-drawer-actions .xwl-btn {
    width: 100%;
  }

  #copy .xw-listing-app {
    padding: .8rem .8rem 6.25rem;
  }

  #copy .xwl-stepper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #copy .xwl-step {
    justify-content: flex-start;
  }

  #copy .xwl-product-strip,
  #copy .xwl-head,
  #copy .xwl-footer {
    align-items: stretch;
  }

  #copy .xwl-actions,
  #copy .xwl-footer .xwl-actions {
    width: 100%;
  }

  #copy .xwl-actions .xwl-btn,
  #copy .xwl-footer .xwl-btn {
    flex: 1 1 auto;
  }

  #copy .xwl-toolbar {
    grid-template-columns: 1fr;
  }

  #copy .xwl-progress-head,
  #copy .xwl-progress-foot {
    align-items: stretch;
    flex-direction: column;
  }

  #copy .xwl-progress-steps {
    grid-template-columns: 1fr;
  }

  #copy .xwl-competitor-row {
    grid-template-columns: 1fr;
  }

  #copy .xwl-footer {
    margin-left: -.8rem;
    margin-right: -.8rem;
    margin-bottom: -6.25rem;
    padding-left: .8rem;
    padding-right: .8rem;
  }
}

/* Listing project hub */
#copy .xwl-hub-shell {
  width: min(100%, 112rem);
  margin: 0 auto;
  display: grid;
  gap: 1rem;
}

#copy .xwl-hub-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

#copy .xwl-hub-head h2 {
  margin: 0 0 .25rem;
  font-size: 1.35rem;
}

#copy .xwl-hub-toolbar {
  display: grid;
  grid-template-columns: minmax(16rem, 1fr) 10rem 10rem 10rem;
  gap: .7rem;
  align-items: end;
}

#copy .xwl-hub-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

#copy .xwl-hub-workspace.has-detail {
  grid-template-columns: minmax(0, 1fr) minmax(21rem, 24rem);
}

#copy .xwl-hub-list,
#copy .xwl-hub-table-wrap {
  min-width: 0;
}

#copy .xwl-hub-table-wrap {
  overflow-x: auto;
}

#copy .xwl-hub-table {
  width: 100%;
  min-width: 88rem;
  border-collapse: collapse;
  background: transparent;
}

#copy .xwl-hub-table th {
  padding: .65rem .55rem;
  border-bottom: .0625rem solid var(--xwl-line-strong);
  color: var(--xwl-muted);
  font-size: .78rem;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
}

#copy .xwl-hub-table td {
  padding: .85rem .55rem;
  border-bottom: .0625rem solid var(--xwl-line);
  vertical-align: middle;
}

#copy .xwl-hub-table tbody tr {
  transition: background-color .15s ease;
}

#copy .xwl-hub-table tbody tr:hover,
#copy .xwl-hub-table tbody tr.selected {
  background: color-mix(in srgb, var(--xwl-blue) 7%, var(--xwl-panel));
}

#copy .xwl-hub-product {
  min-width: 16rem;
  display: flex;
  align-items: center;
  gap: .65rem;
}

#copy .xwl-hub-product > img,
#copy .xwl-hub-thumb {
  width: 2.7rem;
  height: 2.7rem;
  flex: 0 0 2.7rem;
  border-radius: .55rem;
}

#copy .xwl-hub-product > img {
  object-fit: contain;
  border: .0625rem solid var(--xwl-line);
  background: var(--xwl-panel);
}

#copy .xwl-hub-thumb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--xwl-subtle);
  color: var(--xwl-muted);
}

#copy .xwl-hub-product > div {
  min-width: 0;
}

#copy .xwl-hub-product button {
  display: block;
  width: min(20rem, 100%);
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  color: var(--xwl-ink);
  font: inherit;
  font-weight: 650;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

#copy .xwl-hub-product button:hover {
  color: var(--xwl-blue-dark);
}

#copy .xwl-hub-table td > strong,
#copy .xwl-hub-table td > small,
#copy .xwl-hub-product small,
#copy .xwl-hub-progress small,
#copy .xwl-hub-number-pair small {
  display: block;
}

#copy .xwl-hub-table small,
#copy .xwl-hub-product small,
#copy .xwl-hub-progress small,
#copy .xwl-hub-number-pair small {
  margin-top: .25rem;
  color: var(--xwl-muted);
  font-size: .76rem;
}

#copy .xwl-hub-progress {
  min-width: 10.5rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(1.35rem, 1fr));
  gap: .2rem;
  align-items: center;
}

#copy .xwl-hub-progress small {
  grid-column: 1 / -1;
  white-space: nowrap;
}

#copy .xwl-hub-number-pair {
  display: flex;
  align-items: center;
  gap: .65rem;
  white-space: nowrap;
}

#copy .xwl-hub-number-pair > span + span {
  padding-left: .65rem;
  border-left: .0625rem solid var(--xwl-line-strong);
}

#copy .xwl-hub-status {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  white-space: nowrap;
}

#copy .xwl-hub-status i {
  width: .48rem;
  height: .48rem;
  border-radius: 999px;
  background: var(--xwl-blue);
}

#copy .xwl-hub-status.pending i { background: #d97706; }
#copy .xwl-hub-status.done i { background: #059669; }
#copy .xwl-hub-status.error i { background: #dc2626; }

#copy .xwl-hub-empty {
  min-height: 14rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  color: var(--xwl-muted);
}

#copy .xwl-hub-empty i { font-size: 1.4rem; }

#copy .xwl-hub-detail-card {
  position: sticky;
  top: 0;
  min-width: 0;
  padding: 1rem;
  border: .0625rem solid var(--xwl-line-strong);
  border-radius: var(--radius-small, .75rem);
  background: var(--xwl-panel);
  box-shadow: var(--shadow-soft, 0 .25rem 1rem rgba(15, 23, 42, .035));
}

#copy .xwl-hub-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
}

#copy .xwl-hub-detail-head h3 {
  margin: .15rem 0 .25rem;
  font-size: 1rem;
}

#copy .xwl-hub-detail-head p,
#copy .xwl-hub-title-preview {
  margin: 0;
  color: var(--xwl-muted);
  font-size: .8rem;
  line-height: 1.5;
}

#copy .xwl-hub-detail-section {
  margin-top: .85rem;
  padding-top: .85rem;
  border-top: .0625rem solid var(--xwl-line);
}

#copy .xwl-hub-detail-section h4 {
  margin: 0 0 .65rem;
  font-size: .86rem;
}

#copy .xwl-hub-detail-progress {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .35rem;
}

#copy .xwl-hub-detail-step {
  color: var(--xwl-muted);
  text-align: center;
}

#copy .xwl-hub-detail-step > span {
  width: 1.55rem;
  height: 1.55rem;
  margin: 0 auto .35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: .0625rem solid var(--xwl-line-strong);
  border-radius: 999px;
  background: var(--xwl-subtle);
  font-size: .72rem;
}

#copy .xwl-hub-detail-step.done > span,
#copy .xwl-hub-detail-step.current > span {
  border-color: var(--xwl-blue);
  background: var(--xwl-blue);
  color: #fff;
}

#copy .xwl-hub-detail-step small {
  display: block;
  font-size: .7rem;
}

#copy .xwl-hub-detail-lines {
  display: grid;
}

#copy .xwl-hub-detail-lines > div {
  min-height: 1.85rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
}

#copy .xwl-hub-detail-lines span { color: var(--xwl-muted); }
#copy .xwl-hub-detail-lines strong { text-align: right; }

#copy .xwl-hub-title-preview {
  padding-left: .65rem;
  border-left: .18rem solid var(--xwl-blue);
  color: var(--xwl-ink);
}

#copy .xwl-hub-checks {
  display: grid;
  gap: .45rem;
}

#copy .xwl-hub-checks > div {
  display: flex;
  align-items: flex-start;
  gap: .45rem;
  color: var(--xwl-muted);
  line-height: 1.45;
}

#copy .xwl-hub-checks .pass i { color: #059669; }
#copy .xwl-hub-checks .warn,
#copy .xwl-hub-checks .warn i { color: #b91c1c; }

#copy .xwl-hub-detail-actions {
  margin-top: .9rem;
  padding-top: .9rem;
  border-top: .0625rem solid var(--xwl-line);
  display: grid;
  gap: .55rem;
}

#copy .xwl-hub-create-dialog { width: min(34rem, 100%); }

#copy .xwl-hub-create-options {
  display: grid;
}

#copy .xwl-hub-create-options > button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: 1rem .25rem;
  border: 0;
  border-bottom: .0625rem solid var(--xwl-line);
  background: transparent;
  color: var(--xwl-ink);
  text-align: left;
  cursor: pointer;
}

#copy .xwl-hub-create-options > button:last-child { border-bottom: 0; }
#copy .xwl-hub-create-options > button:hover { color: var(--xwl-blue-dark); }
#copy .xwl-hub-create-options strong,
#copy .xwl-hub-create-options small { display: block; }
#copy .xwl-hub-create-options small { margin-top: .25rem; color: var(--xwl-muted); }

/* Listing hub · focused split workbench */
#copy .xw-listing-app.xwl-hub-mode {
  min-height: calc(100vh - 4rem);
  padding: 1.25rem 0 0 1.65rem;
  overflow: clip;
}

#copy .xwl-hub-shell {
  width: min(100%, 120rem);
  margin: 0 auto;
  display: block;
}

#copy .xwl-hub-layout {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

#copy .xwl-hub-layout.has-detail {
  grid-template-columns: minmax(0, 1fr) clamp(28rem, 26vw, 29rem);
}

#copy .xwl-hub-primary {
  min-width: 0;
  padding: .35rem 1.75rem 2rem 0;
}

@media (min-width: 110.01rem) {
  #copy .xwl-hub-layout.has-detail .xwl-hub-primary {
    padding-right: 0;
  }

  #copy .xwl-hub-layout.has-detail .xwl-hub-table-wrap {
    overflow-x: hidden;
  }

  #copy .xwl-hub-layout.has-detail .xwl-hub-table {
    min-width: 100%;
  }
}

#copy .xwl-hub-head {
  min-height: 3.65rem;
  padding: .2rem 0 .7rem;
  align-items: flex-start;
}

#copy .xwl-hub-head h2 {
  margin: 0;
  color: #172033;
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.25;
}

#copy .xwl-hub-head .xwl-muted {
  color: #667085;
  font-size: .88rem;
}

#copy .xwl-hub-head > .xwl-btn {
  min-height: 2.85rem;
  padding-inline: 1rem;
  border-radius: .55rem;
  box-shadow: 0 .25rem .65rem rgba(67, 97, 238, .14);
}

#copy .xwl-visually-hidden {
  position: absolute !important;
  width: .0625rem !important;
  height: .0625rem !important;
  padding: 0 !important;
  margin: -.0625rem !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#copy .xwl-hub-status-tabs {
  width: 100%;
  max-width: 100%;
  min-height: 3.15rem;
  display: flex;
  align-items: flex-end;
  gap: 0;
  margin: .35rem 0 0;
  padding: 0 .5rem .5rem;
  overflow-x: auto;
  border: 0;
  border-bottom: .0625rem solid #dce4ef;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  scrollbar-width: none;
}

#copy .xwl-hub-status-tabs::-webkit-scrollbar {
  display: none;
}

#copy .xwl-hub-status-tabs button {
  flex: 0 0 auto;
  min-width: auto;
  height: 2.625rem;
  min-height: 2.625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  padding: 0 1.5rem;
  border: 0;
  border-radius: .55rem .55rem 0 0;
  background: transparent;
  color: #8792a5;
  white-space: nowrap;
  transition: color .15s ease, background-color .15s ease;
}

#copy .xwl-hub-status-tabs button:not(.active):hover {
  background: #f7f9fc;
  color: #5c6679;
}

#copy .xwl-hub-status-tabs button span,
#copy .xwl-hub-status-tabs button strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

#copy .xwl-hub-status-tabs button span {
  font-size: 1rem;
  font-weight: 600;
}

#copy .xwl-hub-status-tabs button strong {
  min-width: 1ch;
  height: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #8a94a6;
  font-size: .72rem;
  font-weight: 600;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

#copy .xwl-hub-status-tabs button.active,
#copy .xwl-hub-status-tabs button[aria-pressed="true"] {
  background: #e0edff;
  color: #111827;
  box-shadow: none;
}

#copy .xwl-hub-status-tabs button.active span,
#copy .xwl-hub-status-tabs button[aria-pressed="true"] span {
  color: #111827;
  font-weight: 700;
}

#copy .xwl-hub-status-tabs button.active strong,
#copy .xwl-hub-status-tabs button[aria-pressed="true"] strong {
  background: transparent;
  color: #5c6679;
}

#copy .xwl-hub-status-tabs button.active:hover,
#copy .xwl-hub-status-tabs button[aria-pressed="true"]:hover {
  background: #e0edff;
}

#copy .xwl-hub-status-tabs button:focus-visible {
  outline: .125rem solid rgba(79, 111, 237, .42);
  outline-offset: -.2rem;
}

#copy .xwl-hub-toolbar {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  padding: 1rem 0;
}

#copy .xwl-hub-search-cluster {
  width: min(37rem, 100%);
  min-width: 0;
  display: flex;
  align-items: center;
  gap: .65rem;
}

#copy .xwl-hub-search {
  position: relative;
  min-width: 0;
  flex: 1 1 auto;
  display: block;
}

#copy .xwl-hub-filter-cluster {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: .65rem;
  margin-left: auto;
}

#copy .xwl-hub-marketplace { width: 8.75rem; }
#copy .xwl-hub-source { width: 9rem; }
#copy .xwl-hub-sort { width: 8.5rem; }

#copy .xwl-hub-bulk-actions {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-left: .15rem;
}

#copy .xwl-hub-bulk-actions .xwl-btn {
  min-height: 2.5rem;
  padding-inline: .75rem;
  white-space: nowrap;
}

#copy .xwl-hub-delete-selected:not(:disabled) {
  border-color: #efb1b1;
  background: #fff7f7;
  color: #c92a2a;
}

#copy .xwl-hub-delete-selected:not(:disabled):hover {
  border-color: #dc2626;
  background: #dc2626;
  color: #fff;
}

#copy .xwl-hub-search > i {
  position: absolute;
  z-index: 1;
  left: .85rem;
  top: 50%;
  transform: translateY(-50%);
  color: #7c8799;
  font-size: .82rem;
  pointer-events: none;
}

#copy .xwl-hub-toolbar .xwl-hub-search .xwl-input {
  padding-left: 2.35rem;
}

#copy .xwl-hub-toolbar .xwl-field,
#copy .xwl-hub-toolbar .xwl-field.xwl-hub-filter {
  min-width: 0;
  display: grid;
  gap: 0;
}

#copy .xwl-hub-toolbar .xwl-input,
#copy .xwl-hub-toolbar .xwl-select,
#copy .xwl-hub-toolbar .xwl-hub-reset {
  height: 2.5rem;
  min-height: 2.5rem;
  border-color: #dce3ed;
  border-radius: .5rem;
  background-color: #fff;
  color: #0f172a;
  font-size: .8rem;
}

#copy .xwl-hub-toolbar .xwl-input::placeholder {
  color: #94a3b8;
}

#copy .xwl-hub-toolbar .xwl-input:focus,
#copy .xwl-hub-toolbar .xwl-select:focus {
  border-color: var(--xwl-blue);
  box-shadow: 0 0 0 .1875rem rgba(79, 111, 237, .1);
}

#copy .xwl-hub-reset {
  flex: 0 0 auto;
  padding: 0 .8rem;
  white-space: nowrap;
}

#copy .xwl-hub-reset:not(:disabled):hover {
  background: #f8faff;
}

#copy .xwl-hub-list {
  min-width: 0;
  margin-top: .05rem;
  border-top: 0;
}

#copy .xwl-hub-list-head {
  min-height: 2.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 .75rem;
  border-top: .0625rem solid #e5e7eb;
  border-bottom: .0625rem solid #e5e7eb;
  background: #fff;
}

#copy .xwl-hub-list-head h3 {
  margin: 0;
  color: #0f172a;
  font-size: .875rem;
  font-weight: 700;
}

#copy .xwl-hub-list-head span {
  color: #64748b;
  font-size: .75rem;
}

#copy .xwl-hub-list-count {
  display: flex;
  align-items: center;
  gap: .75rem;
}

#copy .xwl-hub-list-count strong {
  color: #3158bf;
  font-size: .75rem;
  font-weight: 680;
}

#copy .xwl-hub-table-wrap {
  overflow-x: auto;
  border-top: 0;
}

#copy .xwl-hub-table {
  width: 100%;
  min-width: 76rem;
  table-layout: fixed;
}

#copy .xwl-hub-table th:nth-child(1) { width: 3%; }
#copy .xwl-hub-table th:nth-child(2) { width: 4%; }
#copy .xwl-hub-table th:nth-child(3) { width: 24%; }
#copy .xwl-hub-table th:nth-child(4) { width: 11%; }
#copy .xwl-hub-table th:nth-child(5) { width: 18%; }
#copy .xwl-hub-table th:nth-child(6) { width: 9%; }
#copy .xwl-hub-table th:nth-child(7) { width: 6%; }
#copy .xwl-hub-table th:nth-child(8) { width: 6%; }
#copy .xwl-hub-table th:nth-child(9) { width: 8%; }
#copy .xwl-hub-table th:nth-child(10) { width: 11%; }

#copy .xwl-hub-table th {
  height: 2.75rem;
  padding: 0 .75rem;
  border-bottom-color: #e5e7eb;
  background: #f7f8fa;
  color: #334155;
  font-size: .75rem;
  font-weight: 620;
  white-space: nowrap;
}

#copy .xwl-hub-table td {
  height: 6.6rem;
  padding: .78rem .75rem;
  border-bottom-color: #e8ecf2;
  color: #25304a;
  font-size: .8rem;
}

#copy .xwl-hub-table .xwl-hub-select-cell,
#copy .xwl-hub-table .xwl-hub-index-cell {
  padding-inline: .35rem;
  text-align: center;
}

#copy .xwl-hub-table .xwl-hub-select-cell input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  box-sizing: border-box;
  min-width: 1rem;
  min-height: 1rem;
  width: 1rem;
  height: 1rem;
  margin: 0;
  padding: 0;
  border: .0625rem solid #98a2b3;
  border-radius: .2rem;
  background: #fff;
  box-shadow: none;
  cursor: pointer;
  transition: border-color .15s ease, background-color .15s ease;
  vertical-align: middle;
}

#copy .xwl-hub-table .xwl-hub-select-cell input[type="checkbox"]::after {
  content: "";
  position: absolute;
  top: .08rem;
  left: .28rem;
  width: .26rem;
  height: .52rem;
  border: solid #fff;
  border-width: 0 .12rem .12rem 0;
  opacity: 0;
  transform: rotate(45deg);
}

#copy .xwl-hub-table .xwl-hub-select-cell input[type="checkbox"]:checked,
#copy .xwl-hub-table .xwl-hub-select-cell input[type="checkbox"]:indeterminate {
  border-color: #4f6fed;
  background: #4f6fed;
}

#copy .xwl-hub-table .xwl-hub-select-cell input[type="checkbox"]:checked::after {
  opacity: 1;
}

#copy .xwl-hub-table .xwl-hub-select-cell input[type="checkbox"]:indeterminate::after {
  top: .4rem;
  left: .2rem;
  width: .48rem;
  height: .1rem;
  border: 0;
  background: #fff;
  opacity: 1;
  transform: none;
}

#copy .xwl-hub-table .xwl-hub-select-cell input[type="checkbox"]:focus {
  border-color: #4f6fed;
  box-shadow: none;
}

#copy .xwl-hub-table .xwl-hub-select-cell input[type="checkbox"]:focus-visible {
  outline: .125rem solid rgba(79, 111, 237, .3);
  outline-offset: .125rem;
}

#copy .xwl-hub-table .xwl-hub-index-cell {
  color: #64748b;
  font-variant-numeric: tabular-nums;
}

#copy .xwl-hub-table tbody tr[data-action="preview-project"] {
  cursor: pointer;
}

#copy .xwl-hub-table tbody tr[data-action="preview-project"]:hover td {
  background: #fafbfe;
}

#copy .xwl-hub-table tbody tr[data-action="preview-project"]:focus-visible {
  outline: 0;
}

#copy .xwl-hub-table tbody tr[data-action="preview-project"]:focus-visible td {
  background: #f6f8ff;
  box-shadow: inset 0 .0625rem rgba(79, 111, 241, .48), inset 0 -.0625rem rgba(79, 111, 241, .48);
}

#copy .xwl-hub-table tbody tr.is-checked td {
  background: #f8faff;
}

#copy .xwl-hub-table tbody tr.selected td {
  background: #f6f8ff;
  box-shadow: inset 0 .0625rem rgba(79, 111, 241, .48), inset 0 -.0625rem rgba(79, 111, 241, .48);
}

#copy .xwl-hub-table tbody tr.selected td:first-child {
  border-radius: .6rem 0 0 .6rem;
  box-shadow: inset .125rem 0 #4f6ff1, inset 0 .0625rem rgba(79, 111, 241, .48), inset 0 -.0625rem rgba(79, 111, 241, .48);
}

#copy .xwl-hub-table tbody tr.selected td:last-child {
  border-radius: 0 .6rem .6rem 0;
  box-shadow: inset -.0625rem 0 rgba(79, 111, 241, .48), inset 0 .0625rem rgba(79, 111, 241, .48), inset 0 -.0625rem rgba(79, 111, 241, .48);
}

#copy .xwl-hub-product {
  min-width: 0;
  gap: .62rem;
}

#copy .xwl-hub-product > img,
#copy .xwl-hub-thumb {
  width: 4.5rem;
  height: 4.5rem;
  flex-basis: 4.5rem;
  border: .0625rem solid #e3e7ef;
  border-radius: .5rem;
  background: #f7f8fb;
}

#copy .xwl-hub-product button {
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  color: #172033;
  font-size: .84rem;
  font-weight: 680;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#copy .xwl-hub-product button[data-action="open-project"] {
  cursor: pointer;
}

#copy .xwl-hub-product button[data-action="open-project"]:hover,
#copy .xwl-hub-product button[data-action="open-project"]:focus-visible {
  color: #3158bf;
  text-decoration: underline;
  text-underline-offset: .16rem;
}

#copy .xwl-hub-product small {
  display: flex;
  align-items: center;
  gap: .32rem;
  min-width: 0;
  margin-top: .3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#copy .xwl-hub-product .xwl-badge {
  flex: 0 0 auto;
  padding: .12rem .32rem;
  font-size: .65rem;
}

#copy .xwl-hub-progress {
  min-width: 11.5rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 0;
}

#copy .xwl-hub-progress-step {
  position: relative;
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: .32rem;
  color: #98a2b3;
}

#copy .xwl-hub-progress-step:not(:first-child)::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: .59rem;
  right: 50%;
  width: 100%;
  height: .125rem;
  background: #d9dee8;
}

#copy .xwl-hub-progress-step.reached:not(:first-child)::before {
  background: #4f6fed;
}

#copy .xwl-hub-progress-node {
  position: relative;
  z-index: 1;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: .0625rem solid #d3d9e4;
  border-radius: 999px;
  background: #fff;
  color: #98a2b3;
  font-size: .64rem;
  font-weight: 700;
  line-height: 1;
}

#copy .xwl-hub-progress-step.reached .xwl-hub-progress-node {
  border-color: #4f6fed;
  background: #4f6fed;
  color: #fff;
}

#copy .xwl-hub-progress-step.current .xwl-hub-progress-node {
  box-shadow: 0 0 0 .2rem rgba(79, 111, 237, .12);
}

#copy .xwl-hub-progress-step small,
#copy .xwl-hub-progress small {
  position: relative;
  z-index: 1;
  margin: 0;
  overflow: visible;
  color: #98a2b3;
  font-size: .61rem;
  font-weight: 520;
  line-height: 1.2;
  text-align: center;
  text-overflow: clip;
  white-space: nowrap;
}

#copy .xwl-hub-progress-step.reached small {
  color: #475467;
}

#copy .xwl-hub-progress-step.current small {
  color: #25304a;
  font-weight: 680;
}

#copy .xwl-hub-table td > strong {
  color: #172033;
  font-size: .84rem;
  font-weight: 680;
}

#copy .xwl-hub-table td > small,
#copy .xwl-hub-table .xwl-hub-status + small {
  margin-top: .28rem;
  color: #7a8497;
  font-size: .69rem;
  line-height: 1.35;
}

#copy .xwl-hub-status {
  gap: .35rem;
  color: #344054;
  font-size: .75rem;
}

#copy .xwl-hub-status i {
  width: .4rem;
  height: .4rem;
  flex: 0 0 .4rem;
}

#copy .xwl-hub-table td:last-child .xwl-btn {
  min-height: 2.25rem;
  padding: .45rem .6rem;
  border-color: #d8deea;
  border-radius: .5rem;
  background: #fff;
  font-size: .75rem;
  white-space: nowrap;
}

#copy .xwl-hub-table td:last-child .xwl-btn:hover {
  border-color: #9aacee;
  color: #3455d1;
}

#copy .xwl-hub-detail-card {
  position: fixed;
  z-index: 60;
  top: 4.25rem;
  right: 0;
  bottom: 0;
  width: clamp(28rem, 26vw, 29rem);
  height: auto;
  min-width: 0;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 0;
  border-left: .0625rem solid #e3e7ef;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

#copy .xwl-hub-detail-scroll {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  padding: .4rem 1.6rem 1rem;
  scrollbar-gutter: stable;
}

#copy .xwl-hub-detail-head {
  min-height: 4.25rem;
  align-items: center;
  border-bottom: .0625rem solid #edf0f5;
}

#copy .xwl-hub-detail-head > strong {
  color: #172033;
  font-size: 1.1rem;
  font-weight: 700;
}

#copy .xwl-hub-detail-head .xwl-btn {
  width: 2rem;
  height: 2rem;
  padding: 0;
  color: #667085;
}

#copy .xwl-hub-detail-product {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 1rem 0 .8rem;
}

#copy .xwl-hub-detail-product > img,
#copy .xwl-hub-detail-thumb {
  width: 6rem;
  height: 6rem;
  flex: 0 0 6rem;
  border: .0625rem solid #e0e5ed;
  border-radius: .6rem;
  background: #f7f8fb;
}

#copy .xwl-hub-detail-product > img {
  object-fit: contain;
}

#copy .xwl-hub-detail-thumb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8b96aa;
  font-size: 1.25rem;
}

#copy .xwl-hub-detail-product > div {
  min-width: 0;
}

#copy .xwl-hub-detail-product h3 {
  margin: .1rem 0 .42rem;
  display: -webkit-box;
  overflow: hidden;
  color: #172033;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#copy .xwl-hub-detail-product p {
  margin: 0;
  color: #7a8497;
  font-size: .8rem;
  line-height: 1.5;
}

#copy .xwl-hub-detail-product p span {
  margin-left: .35rem;
  color: #4f5d73;
}

#copy .xwl-hub-detail-meta {
  margin: 0;
  display: grid;
  gap: 1.05rem;
  padding: .35rem 0 1.2rem;
}

#copy .xwl-hub-detail-meta > div {
  display: grid;
  gap: .18rem;
}

#copy .xwl-hub-detail-meta dt,
#copy .xwl-hub-detail-meta dd {
  margin: 0;
}

#copy .xwl-hub-detail-meta dt {
  color: #8a94a6;
  font-size: .74rem;
}

#copy .xwl-hub-detail-meta dd {
  color: #344054;
  font-size: .82rem;
  line-height: 1.45;
}

#copy .xwl-hub-detail-meta dd strong,
#copy .xwl-hub-detail-meta dd span {
  display: block;
}

#copy .xwl-hub-detail-meta dd span {
  margin-top: .12rem;
  color: #667085;
}

#copy .xwl-hub-detail-section {
  margin-top: 0;
  padding: 1.2rem 0;
  border-top-color: #e8ecf2;
}

#copy .xwl-hub-detail-section:nth-of-type(3) {
  padding-top: 3rem;
}

#copy .xwl-hub-detail-section h4 {
  margin: 0 0 .72rem;
  color: #25304a;
  font-size: .94rem;
  font-weight: 700;
}

#copy .xwl-hub-detail-section-head {
  margin-bottom: .72rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}

#copy .xwl-hub-detail-section-head h4 {
  margin: 0;
}

#copy .xwl-hub-stage-badge {
  display: inline-flex;
  align-items: center;
  padding: .22rem .48rem;
  border-radius: 999px;
  background: #eef3ff;
  color: #3858d6;
  font-size: .66rem;
  font-weight: 650;
}

#copy .xwl-hub-stage-badge.pending {
  background: #fff4df;
  color: #bf6500;
}

#copy .xwl-hub-stage-badge.done {
  background: #eaf8f2;
  color: #08795c;
}

#copy .xwl-hub-stage-badge.error {
  background: #fff0f0;
  color: #b42318;
}

#copy .xwl-hub-stage-line {
  margin: -.08rem 0 .8rem;
  display: flex;
  align-items: center;
  gap: .7rem;
}

#copy .xwl-hub-stage-line span {
  padding: .2rem .48rem;
  border-radius: .35rem;
  background: #eef3ff;
  color: #3858d6;
  font-size: .66rem;
  font-weight: 650;
}

#copy .xwl-hub-stage-line strong {
  color: #d97706;
  font-size: .75rem;
  font-weight: 680;
}

#copy .xwl-hub-detail-progress {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

#copy .xwl-hub-detail-step {
  position: relative;
  min-height: 3.25rem;
  display: grid;
  grid-template-columns: 1.45rem minmax(0, 1fr);
  align-items: start;
  gap: .58rem;
  color: #697386;
  text-align: left;
}

#copy .xwl-hub-detail-step::after {
  content: "";
  position: absolute;
  top: 1.4rem;
  bottom: -.05rem;
  left: .7rem;
  width: .0625rem;
  background: #dfe4ec;
}

#copy .xwl-hub-detail-step:last-child::after {
  display: none;
}

#copy .xwl-hub-detail-step > span {
  position: relative;
  z-index: 1;
  width: 1.45rem;
  height: 1.45rem;
  margin: 0;
  border-color: #cfd6e2;
  background: #fff;
  font-size: .66rem;
}

#copy .xwl-hub-detail-step.done > span,
#copy .xwl-hub-detail-step.current > span {
  border-color: #4f6ff1;
  background: #4f6ff1;
}

#copy .xwl-hub-detail-step.done::after {
  background: #9eb0f6;
}

#copy .xwl-hub-detail-step > div {
  min-width: 0;
  padding-top: .12rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
}

#copy .xwl-hub-detail-step small {
  color: #344054;
  font-size: .8rem;
  font-weight: 650;
}

#copy .xwl-hub-detail-step em {
  color: #98a2b3;
  font-size: .72rem;
  font-style: normal;
  white-space: nowrap;
}

#copy .xwl-hub-detail-step.current em {
  color: #c56a05;
}

#copy .xwl-hub-detail-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#copy .xwl-hub-detail-metrics > div {
  min-width: 0;
  padding: 0 .45rem;
  border-left: .0625rem solid #e8ecf2;
}

#copy .xwl-hub-detail-metrics > div:first-child {
  padding-left: 0;
  border-left: 0;
}

#copy .xwl-hub-detail-metrics > div:last-child {
  padding-right: 0;
}

#copy .xwl-hub-detail-metrics span,
#copy .xwl-hub-detail-metrics strong,
#copy .xwl-hub-detail-metrics small {
  display: block;
}

#copy .xwl-hub-detail-metrics span {
  overflow: hidden;
  color: #7a8497;
  font-size: .7rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#copy .xwl-hub-detail-metrics strong {
  margin-top: .28rem;
  color: #172033;
  font-size: 1.4rem;
  line-height: 1;
}

#copy .xwl-hub-detail-metrics small {
  margin-top: .28rem;
  overflow: hidden;
  color: #8a94a6;
  font-size: .66rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#copy .xwl-hub-detail-metrics .warn strong,
#copy .xwl-hub-detail-metrics .warn small {
  color: #c56605;
}

#copy .xwl-link-btn {
  padding: 0;
  border: 0;
  background: transparent;
  color: #4163df;
  font: inherit;
  font-size: .68rem;
  cursor: pointer;
}

#copy .xwl-link-btn:hover {
  color: #2948bd;
}

#copy .xwl-hub-detail-version {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: .75rem;
}

#copy .xwl-hub-detail-version span,
#copy .xwl-hub-detail-version strong {
  display: block;
}

#copy .xwl-hub-detail-version span {
  color: #8a94a6;
  font-size: .66rem;
}

#copy .xwl-hub-detail-version strong {
  margin-top: .28rem;
  overflow: hidden;
  color: #344054;
  font-size: .73rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#copy .xwl-hub-title-preview {
  margin-top: .72rem;
  padding: .55rem .65rem;
  border: 0;
  border-radius: .42rem;
  background: #f7f9fd;
  color: #566176;
  font-size: .68rem;
  line-height: 1.45;
}

#copy .xwl-hub-detail-alert {
  margin-top: .85rem;
  padding: .65rem .72rem;
  display: flex;
  align-items: flex-start;
  gap: .48rem;
  border-radius: .45rem;
  background: #f3f8f6;
  color: #21715c;
  font-size: .7rem;
  line-height: 1.45;
}

#copy .xwl-hub-detail-alert.warn {
  background: #fff7e8;
  color: #a85b08;
}

#copy .xwl-hub-detail-alert i {
  margin-top: .12rem;
}

#copy .xwl-hub-detail-actions {
  position: static;
  bottom: auto;
  z-index: 2;
  flex: 0 0 auto;
  margin-top: 0;
  padding: .8rem 1.6rem 1rem;
  border-top: .0625rem solid #e8ecf2;
  background: #fff;
  box-shadow: 0 -.35rem .8rem rgba(15, 23, 42, .035);
}

#copy .xwl-hub-detail-actions .xwl-btn {
  height: 3.1rem;
  min-height: 0;
  padding-block: .55rem;
  border-radius: .5rem;
}

@media (max-width: 110rem) {
  #copy .xwl-hub-layout.has-detail {
    grid-template-columns: minmax(0, 1fr);
  }

  #copy .xwl-hub-primary {
    padding-right: 1.65rem;
  }

  #copy .xwl-hub-detail-card {
    width: min(28rem, calc(100vw - 1rem));
    border-left-color: #dfe4ec;
    box-shadow: -.85rem 0 2.2rem rgba(29, 41, 57, .15);
  }
}

/* Keyword intelligence table: structured demand, conversion and ranking columns. */
#copy .xwl-keyword-table {
  overflow-x: auto;
  margin-top: .15rem;
  border: .0625rem solid var(--xwl-line);
  border-radius: .8rem;
  background: var(--xwl-panel);
  scrollbar-gutter: stable;
}

#copy .xwl-keyword-table-inner { min-width: 91rem; }

#copy .xwl-keyword-table .xwl-keyword-columns,
#copy .xwl-keyword-table .xwl-keyword-row {
  grid-template-columns: 1.7rem minmax(15rem, 1.55fr) 5.8rem 5.8rem 5.5rem 5.8rem 5.2rem 5.4rem 5.4rem 7.5rem 8.8rem 8.8rem 7.8rem;
  gap: .55rem;
  padding-left: .7rem;
  padding-right: .7rem;
}

#copy .xwl-keyword-table .xwl-keyword-columns {
  position: sticky;
  z-index: 6;
  border-bottom-color: var(--xwl-line);
}

#copy .xwl-keyword-group-head {
  top: 0;
  min-height: 2rem;
  padding-top: .45rem;
  padding-bottom: .25rem;
  background: #f7f9ff;
}

#copy .xwl-keyword-label-head {
  top: 2rem;
  padding-top: .38rem;
  padding-bottom: .55rem;
  background: #fbfcff;
}

#copy .xwl-keyword-group {
  color: var(--xwl-blue-dark);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-align: center;
}

#copy .xwl-keyword-group.search { grid-column: 3 / span 3; }
#copy .xwl-keyword-group.conversion { grid-column: 6 / span 2; }
#copy .xwl-keyword-group.performance { grid-column: 8 / span 3; }
#copy .xwl-keyword-group.planning { grid-column: 11 / span 3; }

#copy .xwl-keyword-table .xwl-keyword-row {
  min-height: 5rem;
  padding-top: .7rem;
  padding-bottom: .7rem;
  background: var(--xwl-panel);
}

#copy .xwl-keyword-table .xwl-keyword-row:hover { background: #f8faff; }
#copy .xwl-keyword-table .xwl-keyword-row.is-risk { background: #fff9f7; }

#copy .xwl-keyword-metric {
  display: grid;
  gap: .15rem;
  min-width: 0;
  font-variant-numeric: tabular-nums;
}

#copy .xwl-keyword-metric strong {
  font-size: .86rem;
  line-height: 1.25;
  color: var(--xwl-ink);
  white-space: nowrap;
}

#copy .xwl-keyword-metric span,
#copy .xwl-keyword-evidence,
#copy .xwl-keyword-reason {
  overflow: hidden;
  color: var(--xwl-muted);
  font-size: .7rem;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#copy .xwl-keyword-reason { display: block; }

#copy .xwl-keyword-table .xwl-plan-indicator,
#copy .xwl-keyword-table .xwl-keyword-columns > span:first-child {
  position: sticky;
  left: 0;
  z-index: 4;
}

#copy .xwl-keyword-table .xwl-keyword-name,
#copy .xwl-keyword-table .xwl-keyword-columns > span:nth-child(2) {
  position: sticky;
  left: 2.95rem;
  z-index: 3;
  padding-right: .55rem;
  background: inherit;
  box-shadow: .5rem 0 .65rem -.65rem rgba(33, 48, 88, .5);
}

#copy .xwl-keyword-table .xwl-keyword-columns > span:first-child,
#copy .xwl-keyword-table .xwl-keyword-columns > span:nth-child(2) { z-index: 8; }

@media (max-width: 64rem) {
  #copy .xwl-keyword-table .xwl-keyword-columns { display: grid; }

  #copy .xwl-keyword-table .xwl-keyword-row {
    grid-template-columns: 1.7rem minmax(15rem, 1.55fr) 5.8rem 5.8rem 5.5rem 5.8rem 5.2rem 5.4rem 5.4rem 7.5rem 8.8rem 8.8rem 7.8rem;
  }

  #copy .xwl-keyword-table .xwl-keyword-row .xwl-select { grid-column: auto; }
}

@media (max-width: 88rem) {
  #copy .xwl-hub-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .65rem;
  }

  #copy .xwl-hub-search-cluster {
    width: 100%;
  }

  #copy .xwl-hub-filter-cluster {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin-left: 0;
  }

  #copy .xwl-hub-marketplace,
  #copy .xwl-hub-source {
    width: 100%;
  }

  #copy .xwl-hub-sort { width: 100%; }

  #copy .xwl-hub-bulk-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
    margin-left: 0;
  }
}

@media (max-width: 46rem) {
  #copy .xw-listing-app.xwl-hub-mode {
    padding-left: 1rem;
  }

  #copy .xwl-hub-primary {
    padding: 0 1rem 1rem 0;
  }

  #copy .xwl-hub-head {
    align-items: stretch;
    flex-direction: column;
  }

  #copy .xwl-hub-head > .xwl-btn {
    width: 100%;
  }

  #copy .xwl-hub-toolbar {
    grid-template-columns: 1fr;
  }

  #copy .xwl-hub-search-cluster,
  #copy .xwl-hub-filter-cluster {
    display: grid;
    grid-template-columns: 1fr;
  }

  #copy .xwl-hub-search,
  #copy .xwl-hub-marketplace,
  #copy .xwl-hub-source,
  #copy .xwl-hub-sort,
  #copy .xwl-hub-reset {
    width: 100%;
    grid-column: 1;
    grid-row: auto;
  }

  #copy .xwl-hub-bulk-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
  }

  #copy .xwl-hub-bulk-actions .xwl-btn {
    width: 100%;
  }

  #copy .xwl-hub-status-tabs button {
    min-width: auto;
    padding-inline: 1.125rem;
  }

  #copy .xwl-hub-status-tabs button span {
    font-size: .95rem;
  }

  #copy .xwl-hub-detail-card {
    top: 4.25rem;
    width: 100vw;
    border-left: 0;
    box-shadow: none;
  }
}