/* Application captures retain their full content and natural proportions. */
.sqhq-app-view { margin:0; min-width:0; width:100%; }
.sqhq-app-view__frame { background:#fff; border:1px solid #d5e3ef; border-radius:16px; overflow:hidden; box-shadow:0 18px 40px #08243f14; }
.sqhq-app-view__bar { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:58px; padding:0 16px; background:#fff; border-top:3px solid #ff821f; border-bottom:1px solid #e3ebf1; }
.sqhq-app-view__bar img { display:block; width:128px; max-width:46%; height:auto; }
.sqhq-app-view__bar span { display:inline-flex; align-items:center; min-height:28px; margin:0; padding:0 12px; border-radius:999px; background:#eef5fb; color:#08243f; font-size:11px; font-weight:700; letter-spacing:.06em; line-height:1; text-align:center; text-transform:uppercase; white-space:nowrap; }
.sqhq-app-view__body { overflow:hidden; background:#f5f9fa; }
.sqhq-app-view__body>img { display:block; width:100%; height:auto; max-width:100%; border:0; border-radius:0; }
/* Preserve the proportions of browser and mobile workflow captures. */
.sqhq-app-view--service-quoting { max-width:480px; margin-inline:auto; }
.sqhq-app-view--technician-workflow { max-width:360px; margin-inline:auto; }
.sqhq-app-view--ai-assistant,.sqhq-app-view--ai-quote-assistant { max-width:240px; margin-inline:auto; }
/* Tall conversation captures should not stretch the surrounding content rows. */
.sqhq-app-view--ai-assistant .sqhq-app-view__body,
.sqhq-app-view--ai-quote-assistant .sqhq-app-view__body { display:flex; justify-content:center; background:#fff; }
.sqhq-app-view--ai-assistant .sqhq-app-view__body>img,
.sqhq-app-view--ai-quote-assistant .sqhq-app-view__body>img { width:auto; max-height:480px; object-fit:contain; }
.sqhq-app-view figcaption { color:#526477; font-size:12px; line-height:1.6; margin-top:12px; }
.sqhq-dashboard-capture .sqhq-app-view { margin-top:28px; }
.sqhq-editorial-visual .sqhq-app-view { align-self:center; }
.sqhq-editorial-visual .sqhq-app-view__bar { padding-inline:14px; }
.sqhq-showcase__photo>.sqhq-app-view { padding:0; background:transparent; }
.sqhq-showcase__photo .sqhq-app-view__body>img { object-fit:contain; height:auto; }
.sqhq-showcase__photo .sqhq-app-view__bar img { height:auto; object-fit:contain; }
@media(max-width:600px) {
 .sqhq-app-view__bar { min-height:50px; padding:0 12px; gap:8px; }
 .sqhq-app-view__bar img { width:108px; }
 .sqhq-app-view__bar span { font-size:10px; padding:0 8px; }
 .sqhq-app-view__frame { border-radius:10px; }
}