.app-install-page { max-width: 1240px; margin-inline: auto; }
.app-install-page .app-install-panel { margin: 0 0 24px; padding: 28px; border: 1px solid var(--portal-border); border-radius: 12px; background: var(--surface); }
.app-install-page h2 { margin: 0 0 12px; font-size: 22px; }
.app-install-page h3 { margin: 0 0 12px; font-size: 18px; }
.app-install-page p, .app-install-page li, .app-install-page dd { line-height: 1.7; overflow-wrap: anywhere; }
.app-install-page p { margin: 12px 0; }
.app-install-page ol { padding-inline-start: 24px; }
.app-install-page li + li { margin-top: 10px; }
.app-install-page .app-install-status { padding: 14px 16px; border: 1px solid var(--portal-border); border-radius: 8px; background: var(--surface-2); }
.app-install-roles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.app-install-role { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 20px; border: 1px solid var(--portal-border); border-radius: 10px; }
.app-install-role h3 { display: flex; align-items: center; gap: 10px; }
.app-install-role h3 .ui-icon { flex-shrink: 0; }
.app-install-role > p { margin-top: 0; }
.app-install-role .app-install-actions { margin-top: auto; padding-top: 12px; }
.app-install-current { color: var(--text); font-size: 13px; font-weight: 650; }
.app-install-actions { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; margin: 16px 0; }
.app-install-actions > button, .app-install-actions > a { min-height: 44px; max-width: 100%; white-space: normal; text-align: center; }
.app-install-page [hidden] { display: none !important; }
.app-install-page [id] { scroll-margin-top: 100px; }
.app-install-platform { padding: 24px 0; border-top: 1px solid var(--portal-border); }
.app-install-platform:focus-visible { outline: 3px solid var(--ust-focus-ring); outline-offset: 6px; }
.app-install-troubleshooting { margin: 0; }
.app-install-troubleshooting > div { padding: 16px 0; border-bottom: 1px solid var(--portal-border); }
.app-install-troubleshooting dt { font-weight: 650; }
.app-install-troubleshooting dd { margin: 8px 0 0; }
@media (max-width: 600px) {
  .app-install-page .app-install-panel { padding: 20px 16px; }
  .app-install-roles { grid-template-columns: minmax(0, 1fr); }
  .app-install-role { padding: 16px; }
  .app-install-actions { flex-direction: column; }
  .app-install-actions > button, .app-install-actions > a { width: 100%; }
  .app-install-page h2 { font-size: 20px; }
}