/* SERO: monochrome detail/review. Collection layout stays in sero-clean.css. */
html.skin-clean #detail {
  --detail-bg: #101012;
  --detail-card: #1b1b1e;
  --detail-line: rgba(255,255,255,.1);
  --detail-ink: #f5f5f7;
  --detail-muted: #a4a4ad;
  --detail-action: #f1f1f3;
  --detail-action-ink: #18181b;
  --fill: #262629;
  background: var(--detail-bg) !important;
  color: var(--detail-ink) !important;
  animation-duration: .24s;
}
html.skin-clean.force-light #detail {
  --detail-bg: #fafafa;
  --detail-card: #fff;
  --detail-line: rgba(24,24,27,.1);
  --detail-ink: #202024;
  --detail-muted: #686870;
  --detail-action: #242428;
  --detail-action-ink: #fff;
  --fill: #ededee;
}
html.skin-clean #detail .detail-bar {
  background: var(--detail-bg) !important;
  border: 0;
  box-shadow: none;
  gap: 4px;
  padding-left: 12px;
  padding-right: 12px;
}
html.skin-clean #detail .detail-bar .icon-btn {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 14px;
  background: transparent !important;
  color: var(--detail-ink) !important;
}
/* Photo editing also lives in More and the gallery; keep the header readable. */
html.skin-clean #detail #detailPhoto { display: none; }
html.skin-clean #detail .dtitle {
  font-size: 14px;
  color: var(--detail-ink);
  animation: none;
}
html.skin-clean #detail .detail-body { padding-top: 10px; overscroll-behavior-y: contain; }
html.skin-clean #detail .d-hero-title {
  font-size: clamp(21px, 5.5vw, 26px);
  line-height: 1.25;
  letter-spacing: -.5px;
  color: var(--detail-ink);
  overflow-wrap: anywhere;
  margin: 0 0 12px;
}
html.skin-clean #detail .d-gallery { margin-bottom: 18px; }
html.skin-clean #detail .d-gallery-main { border-radius: 18px; border: 1px solid var(--detail-line); }
html.skin-clean #detail .d-gallery-track,
html.skin-clean #detail .d-gallery-thumbs {
  touch-action: pan-x pan-y pinch-zoom;
  overscroll-behavior-x: contain;
}
html.skin-clean #detail .d-gal-slide {
  min-width: 0;
  min-height: 0;
  height: clamp(220px, 42svh, 360px);
  padding: 18px 24px;
  box-sizing: border-box;
  overflow: hidden;
}
html.skin-clean #detail .d-gal-slide img {
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  object-fit: contain;
  -webkit-user-drag: none;
}
html.skin-clean #detail .d-gallery-zoom { width: 44px; height: 44px; border-radius: 13px; }
html.skin-clean #detail .d-photo-count {
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 5px 9px;
  border-radius: 20px;
  background: rgba(28,28,30,.82);
  color: #fff;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}
html.skin-clean #detail .d-gallery-thumbs { justify-content: flex-start; gap: 8px; }
html.skin-clean #detail .d-gal-th { flex-basis: 44px; width: 44px; height: 48px; border-radius: 10px; }
html.skin-clean #detail .d-gal-th.on { border-color: var(--detail-ink); }
html.skin-clean #detail .d-pill {
  border-radius: 8px;
  background: var(--fill);
  color: var(--detail-muted);
  padding: 6px 10px;
}
html.skin-clean #detail .d-card,
html.skin-clean #detail .lr-sec {
  background: var(--detail-card) !important;
  border: 1px solid var(--detail-line);
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 12px;
  box-shadow: none;
}
html.skin-clean #detail .d-card-h,
html.skin-clean #detail .section-label { font-size: 14px; font-weight: 650; color: var(--detail-muted); }
html.skin-clean #detail .d-sell-input {
  border-radius: 10px; font-size: 16px; min-height: 44px;
  background: var(--detail-bg) !important;
  color: var(--detail-ink) !important;
}
html.skin-clean #detail .ilist { background: transparent; border-radius: 12px; }
html.skin-clean #detail .ric { background: var(--fill) !important; color: var(--detail-ink); }
html.skin-clean #detail .d-seg { border-radius: 14px; margin-bottom: 16px; }
html.skin-clean #detail .d-seg button { border-radius: 10px; font-size: 14px; }
html.skin-clean #detail .d-cta-dock { background: var(--detail-bg) !important; border-top: 1px solid var(--detail-line); }
html.skin-clean #detail .btn-primary {
  min-height: 50px;
  border-radius: 14px;
  background: var(--detail-action) !important;
  color: var(--detail-action-ink) !important;
  box-shadow: none;
}
html.skin-clean #detail .btn-secondary { border-radius: 14px; min-height: 46px; }
html.skin-clean #detail .btn-primary.is-incomplete { background: var(--fill) !important; color: var(--detail-muted) !important; }
html.skin-clean #detail .btn-primary:disabled { opacity: .55; }
html.skin-clean #detail .d-review-intro { margin: 4px 0 18px; }
html.skin-clean #detail .d-review-intro h2 { margin: 0 0 6px; color: var(--detail-ink); font-size: 22px; letter-spacing: -.4px; }
html.skin-clean #detail .d-review-intro p { margin: 0; color: var(--detail-muted); font-size: 14px; line-height: 1.5; }
html.skin-clean #detail.is-listing .d-hero {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  column-gap: 14px;
  align-items: center;
  margin-bottom: 16px;
}
html.skin-clean #detail.is-listing .d-gallery { grid-column: 1; grid-row: 1 / span 2; margin: 0; }
html.skin-clean #detail.is-listing .d-gal-slide { height: 116px; padding: 8px; }
html.skin-clean #detail.is-listing .d-gallery-thumbs,
html.skin-clean #detail.is-listing .d-photo-count { display: none; }
html.skin-clean #detail.is-listing .d-gallery-zoom { top: auto; bottom: 4px; right: 4px; width: 44px; height: 44px; }
html.skin-clean #detail.is-listing .d-hero-title { grid-column: 2; font-size: 17px; margin: 0 0 8px; }
html.skin-clean #detail.is-listing .d-pills { grid-column: 2; gap: 4px; margin: 0; }
html.skin-clean #detail.is-listing .d-pill { font-size: 11px; padding: 4px 7px; }
html.skin-clean #detail.is-listing .d-photos.large { height: 140px; margin-bottom: 16px; }
html.skin-clean #detail.is-listing .d-photos.large img { max-height: 140px; object-fit: contain; }
/* Feedback changes appearance only; never delay a tap or move the collection. */
html.skin-clean :is(.tab, .tab-cam, .icon-btn, .btn-primary, .btn-secondary, .d-gal-th) {
  transition: transform .14s ease-out, opacity .14s ease-out, background-color .18s ease-out;
  -webkit-tap-highlight-color: transparent;
}
html.skin-clean :is(.tab, .tab-cam, .icon-btn, .btn-primary, .btn-secondary, .d-gal-th):active:not(:disabled) {
  transform: scale(.97);
  opacity: .78;
}
html.skin-clean #detail .d-pane:not([hidden]) { animation: sero-pane-in .18s ease-out; }
@keyframes sero-pane-in { from { opacity: .4; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  html.skin-clean #detail, html.skin-clean #detail .d-pane:not([hidden]) { animation: none; }
  html.skin-clean :is(.tab, .tab-cam, .icon-btn, .btn-primary, .btn-secondary, .d-gal-th) { transition: none; }
  html.skin-clean :is(.tab, .tab-cam, .icon-btn, .btn-primary, .btn-secondary, .d-gal-th):active:not(:disabled) { transform: none; }
  html.skin-clean #colGrid .gph-rail, html.skin-clean #detail .d-gallery-track { scroll-behavior: auto; }
}
/* Unified piece editor. All steps reuse the same persisted form. */
html.skin-clean #detail.unified-listing .d-review-intro,
html.skin-clean #detail.unified-listing #lr-publish,
html.skin-clean #detail.unified-listing[data-flow-step="0"] #btnListPrep { display:none; }
html.skin-clean #detail.unified-listing #detailListingBlock { display:flex; flex-direction:column; gap:14px; }
html.skin-clean #detail.unified-listing #lr-offer { order:-1; }
html.skin-clean #detail.unified-listing .d-ebay-kicker { order:-2; }
html.skin-clean #detail.unified-listing .listing-starter { order:-3; }
html.skin-clean #detail.unified-listing #detailListingBlock > .d-card { margin:0; }
html.skin-clean #detail.unified-listing .collection-info { margin:24px 0 12px; border-top:1px solid var(--detail-line); padding-top:12px; }
html.skin-clean #detail.unified-listing summary { min-height:44px; padding:12px 4px; cursor:pointer; font-size:14px; font-weight:600; }
html.skin-clean #detail .flow-hint { margin:10px 0; color:var(--detail-muted); font-size:13px; line-height:1.5; }
html.skin-clean #detail .listing-steps { display:flex; gap:12px; margin:4px 0 14px; }
html.skin-clean #detail .listing-steps > span { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--detail-muted); flex:1; }
html.skin-clean #detail .listing-steps b { display:grid; place-items:center; border:1px solid var(--detail-line); width:26px; height:26px; border-radius:50%; font-size:12px; }
html.skin-clean #detail .listing-steps .on { color:var(--detail-ink); font-weight:650; }
html.skin-clean #detail .listing-steps .on b { background:var(--detail-action); color:var(--detail-action-ink); }
html.skin-clean #detail[data-flow-step="1"] #detailPanes,
html.skin-clean #detail[data-flow-step="2"] #collectionInfo,
html.skin-clean #detail[data-flow-step="3"] #collectionInfo,
html.skin-clean #detail[data-flow-step="3"] #detailHero,
html.skin-clean #detail[data-flow-step="3"] [data-pane="sell"] { display:none; }
html.skin-clean #detail[data-flow-step="1"] #detailPhoto { display:grid; }
html.skin-clean #detail .flow-review { padding:18px; }
html.skin-clean #detail .flow-review h2 { font-size:20px; line-height:1.3; margin:16px 0 8px; overflow-wrap:anywhere; }
html.skin-clean #detail .flow-review-price { font-size:32px; font-weight:650; letter-spacing:-1px; margin:4px 0 18px; }
html.skin-clean #detail .flow-review .pc-strip { display:flex; overflow-x:auto; gap:8px; touch-action:pan-x pan-y; }
html.skin-clean #detail .flow-review figure { margin:0; position:relative; flex:0 0 110px; }
html.skin-clean #detail .flow-review .ph-haupt { background:#242426; color:#fff; }
html.skin-clean #detail .flow-review img { width:110px; height:120px; object-fit:contain; border-radius:12px; background:var(--fill); }
html.skin-clean #detail .flow-review .pc-row { display:flex; justify-content:space-between; gap:16px; padding:11px 0; border-bottom:1px solid var(--detail-line); font-size:13px; }
html.skin-clean #detail .flow-review .pc-row > span:first-child { color:var(--detail-muted); }
html.skin-clean #detail .flow-review .pc-row > span:last-child { text-align:right; max-width:65%; overflow-wrap:anywhere; }
html.skin-clean #detail .flow-description p { white-space:pre-wrap; font-size:14px; line-height:1.5; }
html.skin-clean #detail.unified-listing #detailCtaDock { background:var(--detail-bg); padding:10px 16px max(12px,env(safe-area-inset-bottom)); border-top:1px solid var(--detail-line); }
html.skin-clean #detail .flow-dock { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; align-items:end; width:100%; }
html.skin-clean #detail .flow-dock button { min-height:48px; border-radius:14px; width:100%; padding:10px 8px; font-size:14px; display:flex; gap:5px; align-items:center; justify-content:center; margin:0; }
html.skin-clean #detail .flow-dock button:disabled { opacity:.4; cursor:default; }
html.skin-clean #detail .quick-listing { position:relative; min-width:0; height:52px; }
html.skin-clean #detail .quick-listing #quickPublish { height:52px; }
html.skin-clean #detail .quick-listing:not(.is-armed) #quickPublish { visibility:hidden; }
html.skin-clean #detail .quick-unlock { position:absolute; inset:0; height:52px; border:1px solid var(--detail-line); background:var(--fill); border-radius:14px; touch-action:pan-y; user-select:none; -webkit-user-select:none; overflow:hidden; color:var(--detail-ink); }
html.skin-clean #detail .quick-unlock[hidden] { display:none; }
html.skin-clean #detail .quick-unlock[aria-disabled="true"] { opacity:.45; }
html.skin-clean #detail .quick-unlock:focus-visible { outline:2px solid var(--detail-ink); outline-offset:2px; }
html.skin-clean #detail .unlock-label { position:absolute; inset:0 8px 0 43px; display:grid; place-items:center; text-align:center; font-size:12px; line-height:1.2; font-weight:550; pointer-events:none; }
html.skin-clean #detail .unlock-thumb { position:absolute; top:5px; left:3px; width:36px; height:40px; display:grid; place-items:center; background:var(--detail-card); color:var(--detail-ink); border-radius:10px; box-shadow:0 1px 4px #0002; transform:translateX(var(--unlock,0px)); pointer-events:none; }
html.skin-clean #detail .overview-dock > #btnList { min-height:52px; }
html.skin-clean #detail .quick-hint { margin:8px 0 0; color:var(--detail-muted); font-size:11px; line-height:1.35; text-align:center; }
html.skin-clean #detail.unified-listing.has-cta-dock .detail-body { padding-bottom:calc(116px + env(safe-area-inset-bottom)); }
html.skin-clean #detail.unified-listing[data-flow-step="1"] .detail-body,
html.skin-clean #detail.unified-listing[data-flow-step="2"] .detail-body,
html.skin-clean #detail.unified-listing[data-flow-step="3"] .detail-body { padding-bottom:calc(90px + env(safe-area-inset-bottom)); }
html.skin-clean #detail .listing-starter .rvalue { max-width:58%; }
html.skin-clean #detail .flow-review, html.skin-clean #detail .listing-steps { animation:flow-enter .18s ease-out; }
@keyframes flow-enter { from {opacity:.6;transform:translateY(5px);} to {opacity:1;transform:none;} }
@media(prefers-reduced-motion:reduce) { html.skin-clean #detail .flow-review,html.skin-clean #detail .listing-steps { animation:none; } }

/* Compact, remembered sections share one editor across overview and review. */
html.skin-clean #detail.unified-listing .d-ebay-kicker { display:none; }
html.skin-clean #detail.unified-listing .flow-section { padding:0; border:1px solid var(--detail-line); border-radius:16px; background:var(--detail-card); margin:0; min-width:0; }
html.skin-clean #detail.unified-listing #collectionInfo { margin:14px 0; }
html.skin-clean #detail .flow-section > summary { display:flex; align-items:center; gap:10px; min-height:58px; padding:16px; list-style:none; font-weight:550; }
html.skin-clean #detail .flow-section > summary::-webkit-details-marker { display:none; }
html.skin-clean #detail .flow-section-label { flex-shrink:0; }
html.skin-clean #detail .flow-section-preview { margin-left:auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:var(--detail-muted); font-weight:400; }
html.skin-clean #detail .flow-section[open] > summary .flow-section-preview { visibility:hidden; }
html.skin-clean #detail .flow-section-chevron { display:flex; margin-left:auto; color:var(--detail-muted); transform:rotate(90deg); transition:transform .18s ease; }
html.skin-clean #detail .flow-section-preview + .flow-section-chevron { margin-left:0; }
html.skin-clean #detail .flow-section[open] > summary .flow-section-chevron { transform:rotate(-90deg); }
html.skin-clean #detail .flow-section-body, html.skin-clean #detail #collectionInfo > .d-pane { padding:0 16px 16px; }
html.skin-clean #detail .flow-section-body > .d-desc-edit { min-height:44px; margin-bottom:8px; padding:8px 12px; border-radius:10px; background:var(--fill); }
html.skin-clean #detail .flow-section .d-desc-preview { max-height:none; -webkit-line-clamp:unset; }
html.skin-clean #detail .flow-section.lr-miss > summary .flow-section-label::after,
html.skin-clean #detail .flow-section:has(.lr-miss) > summary .flow-section-label::after { content:' •'; color:var(--red,#c85050); }
html.skin-clean #detail .flow-price-source { color:var(--detail-muted); font-size:12px; margin:8px 0; }
html.skin-clean #detail .flow-photo-tools { display:grid; grid-template-columns:1fr; gap:10px; margin:12px 0 16px; }
html.skin-clean #detail .flow-photo-tools h2 { color:var(--detail-ink); font-size:18px; letter-spacing:-.3px; margin:0 0 6px; }
html.skin-clean #detail .flow-photo-tools p { font-size:13px; line-height:1.5; color:var(--detail-muted); margin:0 0 4px; }
html.skin-clean #detail .flow-photo-tools button { width:100%; min-height:48px; display:flex; align-items:center; justify-content:center; gap:9px; }
@media(prefers-reduced-motion:reduce) { html.skin-clean #detail .flow-section-chevron { transition:none; } }

html.skin-clean #detail .price-tap { background:var(--detail-bg); border:1px solid var(--detail-line); border-radius:14px; box-shadow:none; }
html.skin-clean #detail #detailBody .seg { border:1px solid var(--detail-line); border-radius:14px; box-shadow:none; }
html.skin-clean #detail .lr-offer-row .rlabel { white-space:normal; overflow:visible; text-overflow:clip; min-width:0; }
html.skin-clean #detail .flow-photo-tools { margin-top:0; }

/* Review shortcuts and a persistent, actionable list of missing details. */
html.skin-clean #detail .flow-review-link { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:8px 0; color:var(--detail-ink); background:transparent; border:0; font-size:13px; font-weight:550; text-align:left; }
html.skin-clean #detail .flow-review > .flow-review-link { margin-top:4px; }
html.skin-clean #detail .flow-review h2 { margin-bottom:0; }
html.skin-clean #detail .flow-review-price-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0 12px; margin:10px 0 16px; }
html.skin-clean #detail .flow-review-price-row .flow-review-price { margin:0; }
html.skin-clean #detail .flow-review-edit { width:100%; background:transparent; color:var(--detail-ink); border:0; text-align:left; min-height:48px; }
html.skin-clean #detail .flow-review-edit > span:last-child { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
html.skin-clean #detail .flow-review-edit svg { flex-shrink:0; color:var(--detail-muted); }
html.skin-clean #detail .flow-issues { order:-2; padding:16px; border:1px solid var(--detail-line); border-radius:16px; background:var(--detail-card); }
html.skin-clean #detail .flow-issues[hidden] { display:none; }
html.skin-clean #detail .flow-issues h2 { font-size:16px; font-weight:650; line-height:1.4; margin:0 0 6px; }
html.skin-clean #detail .flow-issues p { margin:0 0 8px; color:var(--detail-muted); font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
html.skin-clean #detail .flow-issues button { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:48px; border:0; border-top:1px solid var(--detail-line); background:transparent; color:var(--detail-ink); text-align:left; font-size:13px; line-height:1.4; padding:10px 0; }
html.skin-clean #detail .flow-issues button > span { overflow-wrap:anywhere; }
html.skin-clean #detail .flow-issues button svg { flex-shrink:0; }
html.skin-clean #detail .flow-review-link:focus-visible,
html.skin-clean #detail .flow-review-edit:focus-visible,
html.skin-clean #detail .flow-issues button:focus-visible,
html.skin-clean #detail #flowIssueTitle:focus-visible { outline:2px solid var(--detail-ink); outline-offset:3px; border-radius:6px; }

/* Recovery actions remain easy to reach on small screens. */
.login-code-recovery { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 4px; }
.login-code-recovery button { min-height:44px; flex:1 1 145px; text-align:center; padding:10px 12px; }
.collection-load-state { margin:12px 16px; padding:16px; border:1px solid var(--sep); border-radius:16px; background:var(--surface-solid,var(--bg)); display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.collection-load-state > div { flex:1 1 210px; min-width:0; }
.collection-load-state strong { display:block; font-size:15px; }
.collection-load-state p { margin:6px 0 0; color:var(--label-2); font-size:13px; line-height:1.5; }
.collection-load-state button { min-height:44px; padding:10px 14px; margin:0; }