/* Compatibility layer between the live PWA controls and the audited tenant packs. */
body.route-apps .apps-main{width:min(1240px,100%);max-width:none;margin:auto;padding:clamp(28px,5vw,70px) 24px;overflow:visible}
body.route-apps .app-product-shell{display:grid;gap:clamp(44px,7vw,92px)}
body.route-apps .breadcrumbs{max-width:1240px;margin:0 auto 2rem;padding:0;color:var(--text-secondary)}
body.route-apps .apps-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:clamp(28px,6vw,78px);align-items:center;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
body.route-apps .apps-hero-copy{padding:0}
body.route-apps .apps-hero-copy h1{font-size:clamp(2.7rem,5.4vw,5.6rem);line-height:.94;letter-spacing:-.055em;margin:.65rem 0 1.2rem;color:var(--text-primary)}
body.route-apps .apps-hero-copy>p{color:var(--text-secondary);font-size:1.05rem}
body.route-apps .apps-hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.5rem 0}
body.route-apps .apps-hero-actions .apps-primary,body.route-apps .apps-hero-actions a{min-height:48px;display:inline-grid;place-items:center;padding:.7rem 1rem;border-radius:var(--radius);font-weight:900}
body.route-apps .apps-hero-actions .apps-primary{background:var(--brand-primary);color:#fff}
body.route-apps .apps-hero-actions a{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}
body.route-apps .apps-device-preview{min-height:470px;border:0;border-radius:calc(var(--radius)*1.7);overflow:hidden;background:linear-gradient(145deg,var(--brand-secondary),var(--brand-primary) 62%,var(--brand-accent));box-shadow:var(--shadow)}
body.route-apps .apps-device-bar,body.route-apps .apps-device-content{background:var(--surface);color:var(--text-primary);border-color:var(--border)}
body.route-apps .apps-device-content span{color:var(--text-secondary)}
body.route-apps .apps-platforms{margin:0;padding:0}
body.route-apps .apps-section-heading{max-width:760px;margin-bottom:1.7rem}
body.route-apps .apps-section-heading h2,body.route-apps .apps-benefits h2,body.route-apps .apps-faq h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1;letter-spacing:-.04em;color:var(--text-primary)}
body.route-apps .apps-section-heading p,body.route-apps .apps-platform-card p,body.route-apps .apps-benefits p,body.route-apps .apps-faq p{color:var(--text-secondary)}
body.route-apps .apps-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.route-apps .apps-platform-card{min-height:250px;padding:24px;align-content:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary)}
body.route-apps .apps-platform-icon{background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary));color:#fff}
body.route-apps .apps-platform-card button{margin-top:auto;background:var(--brand-primary);color:#fff;border:0;border-radius:var(--radius);font-weight:900}
body.route-apps .apps-benefits,body.route-apps .apps-faq,body.route-apps .apps-links{margin:0;background:var(--surface);border-color:var(--border);color:var(--text-primary)}
body.route-apps .apps-benefits ol li,body.route-apps .apps-faq details{background:var(--surface-muted);border-color:var(--border);color:var(--text-primary)}
body.route-apps .apps-links a{color:var(--brand-primary)}
body.route-apps .install-dialog{background:var(--surface);color:var(--text-primary);border-color:var(--border)}
body.route-apps .install-dialog p,body.route-apps .install-dialog li{color:var(--text-secondary)}
@media(max-width:900px){body.route-apps .apps-hero{grid-template-columns:1fr}body.route-apps .apps-device-preview{min-height:360px}body.route-apps .apps-platform-grid{grid-template-columns:1fr}}
@media(max-width:560px){body.route-apps .apps-main{padding-inline:16px}body.route-apps .apps-hero-copy h1{font-size:clamp(2.35rem,13vw,4rem)}body.route-apps .apps-device-preview{min-height:300px}}