.connection-status { padding: .65rem max(1rem, env(safe-area-inset-left)); background: #f4edda; color: #594713; font: 500 .9rem/1.5 "IBM Plex Sans", system-ui, sans-serif; border-bottom: 1px solid #d6c9a4; }
.connection-status[hidden] { display: none; }
.install-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-block: 1.5rem; }
@media (display-mode: standalone) { body { padding-bottom: env(safe-area-inset-bottom); } }
@media print { .connection-status { display: none; } }