/* DH Workspace PWA: the small "new version" notice and the iPhone install guide (pwa/pwa.js). */
.dh-pwa-toast {
	position: fixed; left: 50%; bottom: max(16px, env(safe-area-inset-bottom)); z-index: 2000; transform: translateX(-50%);
	display: flex; align-items: center; gap: 10px; width: max-content; max-width: calc(100vw - 24px);
	padding: 10px 12px 10px 16px; border-radius: 14px; color: #fff; background: #123f3a;
	box-shadow: 0 14px 34px rgba(9, 44, 43, .35); font-size: 14px; line-height: 1.35;
}
.dh-pwa-toast-btn { border: 0; border-radius: 10px; padding: 7px 12px; background: #d3df25; color: #092c2b; font-weight: 700; cursor: pointer; }
.dh-pwa-toast-close { border: 0; background: transparent; color: rgba(255, 255, 255, .7); font-size: 20px; line-height: 1; cursor: pointer; }
.dh-pwa-sheet {
	position: fixed; inset: 0; z-index: 2001; display: flex; align-items: flex-end; justify-content: center;
	padding: 16px; background: rgba(9, 44, 43, .55);
}
.dh-pwa-sheet-card {
	width: min(420px, 100%); margin-bottom: env(safe-area-inset-bottom); padding: 22px 20px 18px; border-radius: 20px;
	text-align: center; color: #182321; background: #fbfcf8; box-shadow: 0 20px 50px rgba(0, 0, 0, .3);
}
.dh-pwa-sheet-card img { border-radius: 14px; }
.dh-pwa-sheet-card h3 { margin: 10px 0 12px; font-size: 20px; }
.dh-pwa-sheet-card ol { margin: 0 0 16px; padding-left: 20px; text-align: left; line-height: 1.7; }
.dh-pwa-share { display: inline-block; padding: 0 4px; border: 1px solid #c9d6d1; border-radius: 4px; font-size: 12px; }
.dh-pwa-sheet-close { width: 100%; border: 0; border-radius: 12px; padding: 12px; background: #22745d; color: #fff; font-weight: 700; cursor: pointer; }