/* Device setup follows the same compact controls as the messenger. */
.device-notifications { min-width: 0; }
.device-notifications h3 { margin: 0 0 8px; font-family: inherit; font-size: 17px; line-height: 1.4; font-weight: 650; color: #234b39; }
.device-notifications p { margin: 8px 0; font-size: 14px; line-height: 1.55; color: #394f43; hyphens: none; word-break: normal; overflow-wrap: normal; }
.device-notifications .small { font-size: 12px; color: #5b6c61; }
.device-notifications .toolbar { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 13px; }
.device-notifications .toolbar .btn, .pwa-install-actions .btn { min-height: 40px; padding: 8px 12px; border-radius: 8px; font-size: 13px; line-height: 1.4; }
.device-notifications [hidden] { display: none !important; }
dialog:has(.device-notifications) { width: min(480px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); }
dialog:has(.device-notifications) .modal-head { padding: 18px 20px 10px; }
dialog:has(.device-notifications) .modal-head h2 { font-family: inherit; font-size: 19px; line-height: 1.4; font-weight: 650; }
dialog:has(.device-notifications) .modal-body { padding: 10px 20px 20px; }
dialog:has(.device-notifications) .modal-body > .toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 16px; }
dialog:has(.device-notifications) .modal-body > .toolbar .btn { min-height: 36px; padding: 7px 10px; border-radius: 8px; font-size: 13px; }
.navigation-account-dialog [data-account-install], .navigation-account-dialog [data-account-device] { border-radius: 8px; }
@media (max-width: 480px) { dialog:has(.device-notifications) .modal-body, dialog:has(.device-notifications) .modal-head { padding-inline: 15px; } }
.navigation-popover button.navigation-row{width:100%;border:0;background:transparent;text-align:left;font:inherit;font-size:13px;cursor:pointer}
.navigation-popover button.navigation-row:hover{background:var(--green-soft);color:var(--green)}