/* The receive page's own styles (DEC-0293). The colour tokens, .data, .confirm, .button and .sheet-actions
   come from ../style.css; this file adds only what that file has no rule for. Tokens only - no new colour. */
.receive-page .data { margin-top: 20px; }
.receive .code-box {
  display: block; width: 100%; min-height: 6.5rem; margin: 8px 0 0; padding: 10px 12px; resize: vertical;
  font: 0.8rem/1.35 ui-monospace, Menlo, monospace; font-size: 16px; /* 16px: iOS Safari zooms the page on focus below it */
  color: var(--fg); background: var(--card); border: 1px solid var(--line); border-radius: 8px;
  -webkit-appearance: none; appearance: none; overflow-wrap: anywhere;
}
.receive .code-box:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.receive .check { display: flex; align-items: center; gap: 8px; min-height: 44px; margin: 4px 0; }
.receive .check input { width: 22px; height: 22px; flex: none; }
.receive .size-line { margin: 4px 0 0; }
.receive .receive-actions { flex-wrap: wrap; }
.receive .ios-line { margin: 8px 0; }
.receive .data .sheet-actions .button.primary, .receive .data-retry .button.primary { color: var(--on-accent); background: var(--accent); border-color: var(--accent); font-weight: 600; }
.receive .data .button:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.receive .data .button:disabled { opacity: 0.55; cursor: default; }

/* DEC-0299 item 3: the Profiles section */
.profile-list { list-style: none; margin: 8px 0 12px; padding: 0; display: grid; gap: 10px; }
.profile-row { padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); }
.profile-row.active { border-color: var(--accent); }
.profile-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; }
.profile-title { font-weight: 600; overflow-wrap: anywhere; }
.profile-head .tag { font-size: 0.75rem; padding: 2px 8px; border-radius: 999px; background: var(--badge-bg); color: var(--badge-fg); }
.profile-name { flex: 1 1 12rem; min-height: 44px; padding: 8px 10px; font: inherit; color: inherit; background: var(--card); border: 1px solid var(--line); border-radius: 8px; }
.profile-new { margin-top: 8px; }
.profile-actions .button, .profile-rename .button { flex: 0 1 auto; }
.profile-new .button { white-space: nowrap; flex: 0 0 auto; }
.profile-new .profile-name { flex: 1 1 8rem; min-width: 0; }