.applications-page { display: grid; gap: 24px; min-width: 0; }
.applications-page .page-head { display: block; margin: 0; }
.applications-page .page-head p { max-width: 760px; font-size: 14px; }
.application-section-heading { margin-bottom: 16px; }
.application-online-note { margin: 0 0 20px; padding: 16px 20px; border: 1px solid var(--border, #dfe3ec); border-left: 4px solid #8065c8; border-radius: 12px; background: var(--surface, #fff); }
.application-online-note p { margin: 6px 0 0; font-size: 14px; line-height: 1.6; }
.application-section-heading h2 { font-size: 20px; }
.application-section-heading p { margin-top: 6px; color: var(--muted); font-size: 14px; }
.application-cards { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 16px; align-items: start; }
.application-card { min-width: 0; padding: 22px; border: 1px solid var(--border, #dfe3ec); border-radius: 16px; background: var(--surface, #fff); }
.application-card h3 { margin: 0 0 10px; font-size: 19px; }
.application-card p, .application-card li { font-size: 14px; line-height: 1.6; }
.application-card p { margin: 0; }
.application-card ol { margin: 12px 0 0; padding-left: 20px; }
.application-card li + li { margin-top: 8px; }
.application-download { display: grid; justify-items: start; gap: 10px; margin: 20px 0 12px; }
.application-download .btn { max-width: 100%; white-space: normal; text-align: center; }
.application-card .application-release { color: var(--muted); font-size: 12px; }
.application-card .application-steps { margin-bottom: 16px; }
.application-help { border-top: 1px solid var(--border, #dfe3ec); }
.applications-page .application-help > summary { padding: 14px 26px 14px 0; font-size: 14px; font-weight: 500; border: 0; }
.applications-page .application-help > p { margin: 0 0 14px; }
.application-phone-body { display: grid; justify-items: start; gap: 12px; }
.application-qr { display: block; padding: 6px; background: #fff; border: 1px solid #e0e5ed; border-radius: 12px; }
.application-qr img { display: block; width: 132px; height: 132px; }
.application-installed, .application-tip { margin-top: 16px !important; }
.application-phone .btn { margin-top: 16px; }
.applications-page .panel { margin: 0; padding: 24px; min-width: 0; }
.application-notifications { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.application-notifications h2, .application-sync h2, .application-offline h2 { font-size: 20px; margin: 0 0 8px; }
.application-notifications p, .application-sync p, .application-offline p { font-size: 14px; line-height: 1.6; }
.application-notifications .btn { flex: 0 0 auto; }
.applications-page [role=status]:empty, .applications-page [role=alert]:empty { display: none; }
.application-sync > p { max-width: 780px; margin: 8px 0 16px; }
.application-sync .actions, .application-offline .actions { margin: 16px 0; flex-wrap: wrap; }
.application-sync form { display: flex; align-items: end; gap: 12px; margin: 0 0 18px; }
.application-sync form label { flex: 1; max-width: 560px; }
.application-sync form input { width: 100%; }
.application-sync [data-sync-history-list] { display: grid; justify-items: start; gap: 8px; margin: 12px 0; }
.application-offline > summary { font-weight: 500; border: 0; padding: 0; }
.application-offline[open] > summary { margin-bottom: 16px; }
.application-offline > p { margin-top: 12px; }
.application-sync [data-sync-status] { color: var(--muted); }
.application-sync [data-sync-conflict] { padding: 16px; border: 1px solid var(--border); border-radius: 12px; margin-top: 16px; }
@media (max-width: 1200px) {
  .application-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .application-windows { grid-column: 1 / -1; }
  .application-phone-body { grid-template-columns: auto minmax(0, 1fr); }
}
@media (max-width: 650px) {
  .applications-page { gap: 18px; }
  .application-cards { grid-template-columns: minmax(0, 1fr); }
  .application-current { order: -1; }
  .application-card, .applications-page .panel { padding: 18px; }
  .application-phone-body { grid-template-columns: minmax(0, 1fr); }
  .application-notifications { align-items: start; flex-direction: column; gap: 12px; }
  .application-sync form { align-items: stretch; flex-direction: column; }
}
.applications-page[data-platform=android] .application-qr, .applications-page[data-platform=ios] .application-qr,
.applications-page[data-platform=android] .application-scan, .applications-page[data-platform=ios] .application-scan { display: none; }
[data-native=true] .topbar-home, [data-native=true] .mobile-home { display: none; }