/* Static product evidence has separate, explicit image-viewing controls. */
.product-screenshot { min-width: 0; }
.screenshot-frame {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--paper);
}
.screenshot-frame-label {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
  color: var(--secondary);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
}
.screenshot-frame img {
  display: block;
  width: 100%;
  height: auto;
  cursor: default;
}
.screenshot-frame>.reports-crop,.screenshot-frame>.invoice-crop{margin:16px}
.screenshot-frame>.invoice-visual{margin:16px}
.invoice-mobile-details{display:none}
.mobile-detail-note{display:none}
.invoice-details{display:grid;gap:12px;justify-items:start}
.screenshot-frame .invoice-description{width:200px;max-width:100%}
.screenshot-frame .invoice-quantity{width:180px;max-width:100%}
.screenshot-frame .invoice-totals{width:320px;max-width:100%}
.invoice-totals-detail{grid-column:1 / -1;width:100%}
.invoice-totals-hint{display:none}
@media(max-width:360px){.screenshot-view h1{font-size:1.5rem}}
.product-screenshot > figcaption {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 20px;
  margin-top: 12px;
  color: var(--secondary);
  font-size: 0.9375rem;
  line-height: 1.5;
}
.product-screenshot .screenshot-open {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 6px 0;
  color: var(--green);
  font-size: 1rem;
  font-weight: 600;
  text-underline-offset: 5px;
}
.screenshot-zoom { flex: none; width: 20px; height: 20px; }
.screenshot-view h1 { overflow-wrap: anywhere; }
.screenshot-view .screenshot-view-note {
  max-width: 60ch;
  margin: 0 0 24px;
  color: var(--secondary);
  font-size: 1.125rem;
  line-height: 1.6;
}
.screenshot-view .viewer-toggle { max-width: 100%; white-space: normal; }
.screenshot-frame .screenshot-scroll { border-radius: 0; padding:16px; }
/* Native-resolution exports contain only the product detail shown. */
.reports-crop { overflow: hidden; aspect-ratio: 2592 / 1484; }
.screenshot-frame .reports-crop img { width: 100%; max-width: 100%; height: auto; }
.screenshot-view .invoice-full-crop { width: 1024px; min-width: 1024px; margin-inline: auto; aspect-ratio: 2048 / 546; border-radius: 0; box-shadow: none; }
.screenshot-scroll.is-fitted .invoice-full-crop { width: 100%; max-width: 1024px; min-width: 0; }
.companion-proof { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 500px); align-items: center; gap: 48px 8%; }
.companion-proof h2 { font-size: clamp(2rem, 3vw, 2.75rem); }
.companion-proof p { margin-top: 20px; max-width: 47ch; font-size: 1.125rem; color: var(--secondary); }
.companion-proof figure { width: 100%; max-width: 500px; justify-self: center; }
.companion-proof .native-phone-crop { margin: 16px; }
.companion-proof figcaption { font-size: .9375rem; }
@media (max-width: 700px) { .companion-proof { grid-template-columns: 1fr; gap: 28px; } }
.reports-preview { aspect-ratio: 860 / 540; }
.viewer-header { max-width: 1320px; margin-inline: auto; padding: 20px var(--gutter); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.viewer-header .brand { width: 150px; }
.viewer-header .button { font-size: 1rem; min-height: 44px; padding: 10px 16px; }
.viewer-trial{text-align:right}
.viewer-trial-note{font-size:.875rem;line-height:1.4;color:var(--secondary);max-width:26ch;margin-top:6px}
.viewer-details{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.viewer-details[hidden]{display:none}
.viewer-details button{font:inherit;font-size:.9375rem;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--green);cursor:pointer}
.viewer-details button:hover{background:var(--mint)}
@media(min-width:1001px){
  .reports-view .screenshot-scroll[data-fit-desktop]:not([data-view="detail"]) .reports-full-image{min-width:0}
}
@media (max-width: 700px) {
  .invoice-wide{display:none}
  .invoice-mobile-details{display:grid;gap:12px;justify-items:start}
  .screenshot-frame .invoice-mobile-details img{width:100%;max-width:360px}
  .invoice-totals-detail{max-width:360px;overflow-x:auto;direction:rtl;scrollbar-width:thin}
  .product-screenshot .screenshot-frame .invoice-totals-detail .invoice-totals{width:177.777778%;max-width:none;direction:ltr}
  .invoice-totals-hint{display:block;grid-column:1 / -1;font-size:.875rem;line-height:1.5;color:var(--secondary)}
  .mobile-detail-note{display:inline}
  .viewer-header { padding-inline: 20px; }
  .viewer-header .brand { width: 118px; }
  .viewer-header .button { font-size: 0.875rem; padding-inline: 12px; }
  .product-screenshot > figcaption { flex-direction: column; align-items: flex-start; }
  .screenshot-frame-label { padding-inline: 14px; }
  .screenshot-view .screenshot-view-note { font-size: 1.0625rem; }
}
@media(max-width:360px){.feature-invoice .screenshot-frame>.invoice-visual{margin:12px}}