/* Review service UI: final static styles for preview, seller analysis and actions.
 * Replaces runtime style injection and the previous layered button/canvas overrides. */
.review-layout{align-items:start}
.app-content:has(> .review-layout){padding-top:10px}
.review-layout>.review-scroll{
  position:sticky;
  top:calc(var(--service-bar-height,40px) + 8px);
  height:calc(100dvh - var(--service-bar-height,40px) - 16px);
  min-height:0;
  max-height:none;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:auto;
  align-self:start;
  padding:var(--space-5);
  background:var(--app-surface-subtle);
  border:0;
  border-radius:0;
  box-shadow:none;
}
#review-preview{display:flex;justify-content:center;align-items:flex-start;min-width:0;background:transparent}
#review-preview>.page-viewport{background:var(--app-surface);border:0;border-radius:0;outline:0;box-shadow:none}
#review-preview>.page-viewport>.detail-page{border:0;outline:0;box-shadow:none}
#review-preview .detail-section.seller-review-target{outline:2px solid var(--control-focus);outline-offset:-2px;box-shadow:0 0 0 5px rgba(0,0,0,.10) inset}

.review-side{align-content:start;gap:12px}
.review-context{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 8px;padding:1px 2px 2px;color:var(--app-muted);font-size:var(--type-body-sm);line-height:1.5}
.review-context strong{color:var(--app-ink);font-size:var(--type-body-sm);font-weight:700}
.review-side>.panel{font-size:var(--type-helper)}
.seller-ai-card{display:grid;gap:14px}
.seller-ai-card h3{margin:0;font-size:var(--type-body-emphasis);line-height:1.45}
.seller-ai-kicker{font-size:var(--type-meta);line-height:1.4;letter-spacing:1.1px;color:var(--app-muted)}
.seller-ai-overall{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;padding:14px;border-radius:var(--radius-row);background:var(--app-surface-subtle)}
.seller-ai-score{display:flex;align-items:baseline;gap:2px;min-width:66px;color:var(--control-text)}
.seller-ai-score strong{font-size:var(--type-statistic-large);line-height:1;font-weight:760;letter-spacing:-1px}
.seller-ai-score small{font-size:var(--type-meta);color:var(--app-muted)}
.seller-ai-overall b{display:block;font-size:var(--type-card-title);line-height:1.45;margin-bottom:3px}
.seller-ai-overall p{margin:0;font-size:var(--type-helper);line-height:1.7;color:var(--app-muted)}
.seller-analysis-subhead{padding-top:11px;border-top:1px solid var(--line);font-size:var(--type-body-sm);line-height:1.5;font-weight:700;letter-spacing:.45px;color:var(--app-muted)}
.seller-bars{display:grid;gap:11px}
.seller-bar-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:6px;font-size:var(--type-body-sm)}
.seller-bar-head strong{font-size:var(--type-body-sm);line-height:1.45;font-weight:650}
.seller-bar-head b{font-size:var(--type-body-sm);color:var(--control-text)}
.seller-bar{height:8px;background:var(--control-hover);border-radius:999px;overflow:hidden}
.seller-bar>i{display:block;height:100%;border-radius:inherit;background:var(--control-text)}
.seller-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.seller-stat{padding:11px 9px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--app-surface-subtle);min-width:0}
.seller-stat small{display:block;color:var(--app-muted);font-size:var(--type-meta);line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seller-stat strong{display:block;margin-top:4px;font-size:var(--type-body-emphasis);line-height:1.35;letter-spacing:-.4px}
.seller-recommendations{display:grid;gap:8px}
.seller-rec{padding:14px 13px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--app-surface)}
.seller-rec-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:8px}
.seller-rec-head strong{font-size:var(--type-body-sm);line-height:1.5}
.seller-rec-head span{font-size:var(--type-helper);line-height:1.4;padding:3px 7px;border-radius:999px;background:var(--app-surface-subtle);color:var(--app-ink);white-space:nowrap}
.seller-rec p{margin:0;font-size:var(--type-helper);line-height:1.8;color:var(--app-ink)}
.seller-rec-target{display:block;margin-top:8px;font-size:var(--type-body-sm);line-height:1.6;color:var(--app-muted)}
.seller-rec-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px;align-items:center}
.seller-ai-fact{padding-top:10px;border-top:1px solid var(--line)}
.seller-ai-fact small{display:block;color:var(--app-muted);font-size:var(--type-meta);line-height:1.5;margin-bottom:5px}
.seller-ai-fact strong{display:block;font-size:var(--type-body-sm);line-height:1.7;font-weight:650}
.seller-analysis-disclaimer{font-size:var(--type-helper);line-height:1.7;color:var(--app-muted);margin:0}
.review-side>[data-seller-final] h3{font-size:var(--type-body-emphasis);line-height:1.45;margin-bottom:10px}
.review-side>[data-seller-final] .help{font-size:var(--type-helper);line-height:1.75}
.review-side>[data-seller-final] .check{font-size:var(--type-body-sm);line-height:1.65}

/* One compact secondary-button language for the review column. */
.review-side .btn{
  box-sizing:border-box;
  min-height:32px;
  height:32px;
  padding:0 10px;
  border:1px solid var(--line);
  border-radius:var(--radius-single);
  background:var(--app-surface);
  color:var(--app-ink);
  -webkit-text-fill-color:currentColor;
  font-size:var(--type-button);
  font-weight:500;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  box-shadow:none;
  text-shadow:none;
  opacity:1;
}
.review-side .btn.primary,.review-side .btn.danger{background:var(--app-surface);color:var(--app-ink);-webkit-text-fill-color:currentColor;border-color:var(--line)}
.review-side .btn:hover:not(:disabled){background:var(--app-surface-subtle);color:var(--app-ink);-webkit-text-fill-color:currentColor;border-color:var(--line)}
.review-side .btn:disabled{background:var(--app-surface-subtle);color:var(--app-muted);-webkit-text-fill-color:currentColor;border-color:var(--line);opacity:1;cursor:not-allowed}
.review-side .actions,.review-side .seller-rec-actions{gap:7px;align-items:center}
.review-side .seller-rec-actions .btn{margin:0;min-width:58px}

@media(max-width:760px){
  .review-layout>.review-scroll{position:static;top:auto;height:72vh;min-height:560px;max-height:none}
}