/* MISSION 67 (gaps-account) -- S030 profile photo + contact code, S049 list
   row tools / unread / restriction reason, S050 drop zone, flow H cards.
   Prefix pb-m67a-. Mobile-safe at 375/390px: everything wraps, nothing has a
   fixed width wider than the viewport. */

/* S049 list rows: the row is a card, the headline is the link. */
.pb-oc-thread-link { display: block; color: inherit; text-decoration: none; min-width: 0; }
.pb-oc-thread-link:hover strong, .pb-oc-thread-link:focus strong { color: var(--pb-color-link-hover); }
.pb-oc-thread-preview { max-width: 100%; }
.pb-m67a-unread { background: var(--accent); color: var(--pb-text-inverse); }
.pb-m67a-awaiting { border-color: var(--accent); }
.pb-m67a-reason { margin: 6px 0 0; padding: 6px 10px; border-radius: 8px; background: var(--pb-warning-surface); border: 1px solid color-mix(in srgb, var(--pb-warning-text) 40%, transparent); color: var(--pb-warning-text); overflow-wrap: anywhere; }
.pb-m67a-row-tools { display: flex; flex-wrap: wrap; gap: 6px; align-items: flex-start; margin-top: 8px; }
.pb-m67a-inline-form { display: inline; margin: 0; }
.pb-m67a-report { max-width: 100%; }
.pb-m67a-report > summary { list-style: none; cursor: pointer; display: inline-block; }
.pb-m67a-report > summary::-webkit-details-marker { display: none; }
.pb-m67a-report[open] form { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; width: min(100%, 420px); }
.pb-m67a-report textarea { width: 100%; box-sizing: border-box; }

/* S050 drop zone (shares .pb-cs-drop look). */
.pb-m67a-drop { flex-basis: 100%; box-sizing: border-box; max-width: 100%; }
.pb-m67a-drop input[type="file"] { max-width: 100%; }
.pb-m67a-drop--over { border-color: var(--accent); background: var(--pb-warning-surface); }
.pb-m67a-drop-file { font-weight: 600; overflow-wrap: anywhere; }
.pb-m67a-drop-error { color: var(--pb-danger-text); }

/* S030 profile photo + contact verification code. */
.pb-m67a-photo { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.pb-m67a-photo-img, .pb-m67a-photo-initial { width: 72px; height: 72px; border-radius: 50%; flex: 0 0 72px; object-fit: cover; }
.pb-m67a-photo-initial { display: inline-flex; align-items: center; justify-content: center; background: var(--surface-2); font-size: 1.6rem; font-weight: 700; }
.pb-m67a-photo-actions { display: flex; flex-direction: column; gap: 6px; min-width: 0; flex: 1 1 200px; }
.pb-m67a-photo-actions form { margin: 0; }
.pb-m67a-photo-actions input[type="file"] { max-width: 100%; }
.pb-m67a-code { display: flex; gap: 8px; flex-wrap: wrap; align-items: flex-end; }
.pb-m67a-code input { width: 9em; max-width: 100%; letter-spacing: 4px; direction: ltr; text-align: center; font-family: monospace; }
.pb-m67a-contact-row { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; padding: 6px 0; border-bottom: 1px solid var(--border-color); }

/* Flow H. */
.pb-cs-back { margin-top: 16px; }

@media (max-width: 420px) {
    .pb-m67a-row-tools .pb-btn { padding-inline: 10px; }
    .pb-m67a-photo-img, .pb-m67a-photo-initial { width: 56px; height: 56px; flex-basis: 56px; }
}