/* Shared PC/mobile refresh confirmation; central ModalManager owns its lifecycle. */
dialog.collect-refresh-dialog {
  position: fixed;
  inset: auto;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
  width: min(var(--m-max-width), calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  box-sizing: border-box;
  border: 1px solid var(--m-border);
  border-radius: var(--m-radius-sm);
  padding: var(--m-space-5);
  background: var(--m-surface);
  color: var(--m-text);
  font: var(--m-fs-body)/1.6 system-ui, sans-serif;
  overflow: auto;
}
dialog.collect-refresh-dialog[open] { display: flex; flex-direction: column; gap: var(--m-space-3); }
.collect-refresh-dialog::backdrop { background: var(--m-overlay); }
.collect-refresh-header { display: flex; align-items: center; gap: var(--m-space-3); min-width: 0; }
.collect-refresh-icon { flex: 0 0 36px; text-align: center; color: var(--m-warning); background: var(--m-warning-bg); border-radius: var(--m-radius-sm); font-weight: 700; }
.collect-refresh-title { min-width: 0; margin: 0; color: var(--m-text); font-size: var(--m-fs-title); line-height: 1.35; }
.collect-refresh-reason { margin: 0; color: var(--m-text-2); overflow-wrap: anywhere; }
.collect-refresh-note { margin: 0; padding: var(--m-space-3); border-radius: var(--m-radius-sm); background: var(--m-surface-2); color: var(--m-text-3); font-size: var(--m-fs-caption); overflow-wrap: anywhere; }
.collect-refresh-buttons { display: flex; justify-content: flex-end; gap: var(--m-space-3); flex-wrap: wrap; padding-top: var(--m-space-3); border-top: 1px solid var(--m-border); }
.collect-refresh-cancel, .collect-refresh-force { min-height: var(--m-touch-target); min-width: var(--m-touch-target); padding: var(--m-space-2) var(--m-space-4); border: 1px solid var(--m-border); border-radius: var(--m-radius-btn); background: var(--m-surface); color: var(--m-text); font: inherit; font-weight: 600; cursor: pointer; }
.collect-refresh-force { background: var(--m-primary); border-color: var(--m-primary); color: var(--m-on-primary, var(--m-surface)); }
.collect-refresh-force:disabled { opacity: .45; cursor: not-allowed; }
.collect-refresh-dialog button:focus-visible { outline: 2px solid var(--m-primary-light); outline-offset: 2px; }