/* In-page, non-modal confirmation: ordinary page navigation stays available. */
.device-confirm {
  margin: 18px 0;
  padding: 20px;
  border: 1px solid var(--warn, #ffbf47);
  border-radius: 12px;
  background: var(--panel-solid, #14172a);
  color: var(--text, #eef1fb);
  overflow-wrap: anywhere;
  scroll-margin-top: 170px;
}
.device-confirm[hidden], .device-confirm-notice:empty { display: none; }
.device-confirm-title { margin: 0 0 12px; font-size: 1.05rem; }
.device-confirm-details p { margin: 8px 0; line-height: 1.5; }
.device-confirm-expiry, .device-confirm-notice {
  color: var(--muted, #9aa2c0);
  font-size: .875rem;
  line-height: 1.5;
}
.device-confirm-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.device-confirm-actions button { min-height: 44px; white-space: normal; }
.device-confirm-actions button:focus-visible { outline: 3px solid var(--accent, #6c8cff); outline-offset: 3px; }
@media (max-width: 480px) {
  .device-confirm { padding: 16px; }
  .device-confirm-actions { flex-direction: column; }
  .device-confirm-actions button { width: 100%; }
}