/* Shared test-clinic chrome: compact, legible branding without logo-sized blanks. */
html body .hero .brandRow,html body .brandRow,html body .careBrand{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;flex-wrap:wrap!important;margin-bottom:12px!important;min-height:0!important}
html body .testClinicWordmark{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;background:none!important;color:inherit!important;font-size:18px!important;line-height:1.4!important;font-weight:750!important;letter-spacing:-.02em!important;white-space:nowrap!important;filter:none!important}
html body .hero .testClinicWordmark{color:#fff!important}
html body .brandRow .departmentBadge,html body .hero .departmentBadge{margin:0!important;padding:3px 8px!important;min-height:24px!important;font-size:11px!important;line-height:1.4!important;vertical-align:middle}
html body .unifiedFooter{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:6px 14px!important;padding:18px 16px!important;margin:0!important;border-top:1px solid #fff0f6!important;text-align:center!important;min-height:0!important}
html body .unifiedFooter>*{margin:0!important;padding:0!important;width:auto!important;max-width:100%!important;line-height:1.5!important}
html body .unifiedFooter .testFooterName{font-size:14px!important;font-weight:750!important;color:#583c49!important}
html body .unifiedFooter .testFooterPhone{font-size:13px!important;color:#583c49!important;text-decoration:none!important;white-space:nowrap!important}
html body .sectionIcon{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;margin-bottom:12px!important;border-radius:10px!important;background:#fff0f6!important;color:#583c49!important;box-shadow:none!important}
html body .sectionIcon svg{display:block!important;width:20px!important;height:20px!important;color:#583c49!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
html body .sectionIcon svg path,html body .sectionIcon svg polyline,html body .sectionIcon svg rect{stroke:currentColor!important}
html body .content>.sectionIcon{margin-top:0!important}
html body #app .device .hero .brandRow .clinicLogo.testClinicWordmark,html body .hero .brandRow .clinicLogo.testClinicWordmark{width:auto!important;max-width:none!important;height:auto!important;min-width:0!important;flex:0 0 auto!important;display:inline-flex!important;background:none!important;background-image:none!important;padding:0!important;margin:0!important;color:white!important}html body header .brand{display:flex!important;gap:10px!important;justify-content:flex-start!important;align-items:center!important}html body header .brand .testClinicWordmark{color:inherit!important;width:auto!important;max-width:none!important;font-size:18px!important;margin:0!important}html body[data-public-demo] .device .footer .unifiedFooter,html body #app .footer .unifiedFooter{flex-direction:row!important;gap:6px 14px!important;padding:18px 16px!important;justify-content:center!important;align-items:center!important;font-size:13px!important}html body[data-public-demo] .device .footer .unifiedFooter .testFooterName,html body[data-public-demo] .device .footer .unifiedFooter .testFooterPhone{margin:0!important;padding:0!important;line-height:1.5!important;width:auto!important;font-size:13px!important}
html body .testCompactFooter{padding:0!important;margin:0!important;min-height:0!important}html body .testCompactFooter>:not(.unifiedFooter){display:none!important}html body .testCompactFooter .unifiedFooter{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px 14px!important;padding:18px 16px!important;flex-wrap:wrap!important;border-top:1px solid #fff0f6!important}
html body .hero .brandRow .patientClinicName>.clinicMark{display:none!important}html body .hero .brandRow .patientClinicName{width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;flex:0 0 auto!important;font-size:18px!important;color:white!important;line-height:1.4!important}html body .hero .brandRow .hospitalWordmarkLabel{margin:0!important;padding:0!important;line-height:1.4!important;font-size:18px!important}

html body .page .device .identityWelcome.longchartEntryLetter{white-space:normal!important;text-align:left!important;word-break:keep-all;overflow-wrap:break-word;line-height:1.85!important}html body .page .device .identityWelcome.longchartEntryLetter>p{font:inherit!important;line-height:inherit!important;margin:0 0 18px!important;max-width:none!important;white-space:normal!important}html body .page .device .identityWelcome.longchartEntryLetter>p:last-child{margin-bottom:0!important}

html body #app .identityPanel .identityWelcome.longchartEntryLetter,html body #app .identityPanel .identityWelcome.longchartEntryLetter>p{max-width:none!important;width:100%!important}html body #app .identityPanel .identityWelcome.longchartEntryLetter .entryKeepPhrase{white-space:nowrap!important}

/* Match the approved aftercare letter composition. */
html body #app .identityPanel .identityWelcome.longchartEntryLetter{box-sizing:border-box!important;max-width:520px!important;width:100%!important;margin:32px auto 36px!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;line-height:1.9!important}
html body #app .identityPanel .identityWelcome.longchartEntryLetter>p:not(.followupSignature){margin:0 0 18px!important;font-size:14px!important;font-weight:400!important;line-height:1.9!important;color:#a35c78!important;text-align:left!important;word-break:keep-all;text-wrap:pretty}
html body #app .identityPanel .identityWelcome.longchartEntryLetter>p.followupSignature{margin:22px 0 0!important;text-align:right!important;font-size:12px!important;font-weight:400!important;line-height:1.9!important;color:#a35c78!important}

html body #app .identityWelcome .patientLetterPhrase{display:inline-block;white-space:nowrap!important;vertical-align:baseline;max-width:100%}

/* Keep department badges on the right of the clinic-name row. */
html body #app .hero .brandRow,html body .careBrand,html body header .brand{width:100%!important;box-sizing:border-box!important}
html body #app .hero .brandRow>.departmentBadge,html body .careBrand>.departmentBadge,html body header .brand>span:not(.testClinicWordmark){margin-left:auto!important;margin-inline-start:auto!important;flex:0 0 auto!important}

html body #app .hero .heroCopy>p.aftercarePatientName{display:block!important;margin:0 0 12px!important;font-size:14px!important;font-weight:700!important;line-height:1.5!important;color:#fffdf8!important;white-space:nowrap!important}

/* Align every completion element around the same center axis. */
html body #app .content .donePanel,html body #app .content .donePanel h2,html body #app .content .donePanel>p,html body #app .content .donePanel .branchCard{text-align:center!important}
html body #app .content .donePanel .sectionIcon{margin:0 auto 18px!important}
html body #app .content .donePanel h2{margin:0 0 14px!important}
html body #app .content .donePanel>p{margin:0 auto 24px!important;max-width:40ch!important;word-break:keep-all;text-wrap:pretty}
html body #app .content .donePanel .branchCard{margin:20px auto!important}
html body #app .content .donePanel .restartButton{display:table!important;margin:20px auto 0!important;text-align:center!important}

html body #app .personalizedPanel>button[data-action="test-common-return"]{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:auto!important;min-height:40px!important;margin:16px 0 0!important;padding:8px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--wine,#a35c78)!important;font-size:14px!important;font-weight:500!important;text-align:left!important;text-decoration:none!important}
html body #app .personalizedPanel>button[data-action="test-common-return"]::before{content:"←";font-size:18px;line-height:1}
html body #app .personalizedPanel>button[data-action="test-common-return"]:hover{text-decoration:underline!important;text-underline-offset:3px}

html body #app .personalizedPanel>button[data-action="test-common-return"]{display:flex!important;justify-content:center!important;width:100%!important;min-height:52px!important;padding:14px 18px!important;border:1px solid var(--wine,#a35c78)!important;border-radius:10px!important;background:var(--wine,#a35c78)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important}
html body #app .personalizedPanel>button[data-action="test-common-return"]:hover{text-decoration:none!important;filter:brightness(.96)}