/* Readers — more (next/readers_more.v1.js): your own emails, what you've sent, contacts and lists. Loaded after next.vN.css. */
#readers-more { margin-top: 1.4rem; display: grid; gap: 1.2rem; }
#rm-root { display: grid; gap: 1.2rem; min-width: 0; }
.rm-card { margin: 0; min-width: 0; }
.rm-card h3 { font-size: 1.15rem; margin: .4rem 0 .6rem; }
.rm-card .rm-sub { margin-top: 1.2rem; }
.rm-editing { max-width: none; }
.rm-msg { margin-top: .6rem; min-height: 1.2em; }
.rm-danger { color: var(--danger); }
.rm-block { display: block; }

/* writing */
.rm-ai-row { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin: -.4rem 0 1rem; }
.rm-ai-row .rm-book { margin: 0; flex: 1 1 260px; }
.rm-subjects { display: flex; flex-direction: column; align-items: flex-start; gap: .5rem; margin: -.4rem 0 1.1rem; }
.rm-chip { font: inherit; text-align: left; background: var(--accent-soft); color: var(--accent-dark); border: 1.5px solid transparent;
  border-radius: 14px; padding: .55rem .9rem; cursor: pointer; min-height: 44px; max-width: 100%; overflow-wrap: anywhere; }
.rm-chip:hover, .rm-chip:focus-visible { border-color: var(--accent); }
.rm-draft { background: var(--gold-soft); border-radius: 14px; padding: 1rem 1.1rem; margin: 0 0 1.2rem; }
.rm-draft .eyebrow { margin-bottom: .4rem; }
.rm-draft-text { white-space: pre-wrap; overflow-wrap: anywhere; background: var(--white); border: 1px solid var(--line); border-radius: 10px;
  padding: .8rem 1rem; max-height: 22rem; overflow: auto; }

.rm-who, .rm-consent { border: 1px solid var(--ink-faint); border-radius: 14px; padding: .8rem 1rem .5rem; margin: 0 0 1rem; min-width: 0; }
.rm-who legend, .rm-consent legend { font-weight: 600; padding: 0 .4rem; }
.rm-check { display: flex; align-items: flex-start; gap: .6rem; font-weight: 400; margin-bottom: .6rem; }
.rm-check input { width: 1.3rem; height: 1.3rem; flex: none; margin-top: .2rem; accent-color: var(--accent); }

.rm-sendbox { border: 2px solid var(--accent-soft); border-radius: 16px; padding: 1rem 1.1rem; margin-top: 1rem; background: #FDFBFF; }
.rm-sendbox h3 { margin-top: 0; }
.rm-warn { margin: .6rem 0 0 1.2rem; color: var(--gold); }
.rm-warn li { margin-bottom: .35rem; }
.rm-warn:empty { display: none; }
.rm-later { margin: 1rem 0 0; box-shadow: none; }
.rm-quota { max-width: none; margin-top: 1rem; }

/* what you've written */
.rm-camps { list-style: none; }
.rm-camp { border-top: 1px solid var(--ink-faint); padding: .9rem 0; }
.rm-camp:first-child { border-top: 0; padding-top: .2rem; }
.rm-camp-top { display: flex; justify-content: space-between; align-items: flex-start; gap: .4rem 1rem; flex-wrap: wrap; }
.rm-camp-words { min-width: 0; flex: 1 1 260px; }
.rm-camp-words b { display: block; overflow-wrap: anywhere; }
.rm-camp-words .hint { display: block; }
.rm-camp .kit-btns { margin-top: .5rem; align-items: center; }
.rm-stats { margin-top: .6rem; }
.rm-stats summary { cursor: pointer; font-weight: 600; color: var(--accent); min-height: 40px; display: flex; align-items: center; }
.rm-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .6rem; margin: .5rem 0 .6rem; }
.rm-tile { background: var(--paper); border-radius: 12px; padding: .7rem .8rem; }
.rm-tile b { display: block; font-family: var(--font-serif); font-size: 1.5rem; line-height: 1.1; }
.rm-tile span { display: block; color: var(--ink-mid); font-size: .9rem; line-height: 1.3; }

/* contacts */
.rm-tools { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 0 1rem; }
.rm-tools label { margin-bottom: .6rem; }
.rm-actions { margin: 0 0 1rem; }
.rm-cform { background: var(--paper); border-radius: 14px; padding: 1rem 1.1rem .4rem; margin-bottom: 1rem; }
.rm-cform h3 { margin-top: 0; }
.rm-selbar { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .8rem; background: var(--accent-soft); border-radius: 12px; padding: .6rem .9rem; margin-bottom: .8rem; }
.rm-selbar select { width: auto; flex: 1 1 180px; margin: 0; }
.rm-clist { list-style: none; max-height: 34rem; overflow: auto; border-top: 1px solid var(--ink-faint); }
.rm-contact { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: .3rem .8rem; padding: .65rem .2rem; border-bottom: 1px solid var(--ink-faint); }
.rm-pick { margin: 0; display: flex; }
.rm-pick input { width: 1.3rem; height: 1.3rem; margin: 0; accent-color: var(--accent); }
.rm-cwho { min-width: 0; }
.rm-cwho b, .rm-cemail { display: block; overflow-wrap: anywhere; }
.rm-cemail { color: var(--ink-mid); font-size: .95rem; }
.rm-cwho .hint { display: block; font-size: .85rem; }
.rm-pill { font-size: .88rem; border-radius: 999px; padding: .15rem .7rem; background: var(--paper); color: var(--ink-mid); white-space: nowrap; }
.rm-st-opted_in { background: var(--good-soft); color: var(--good); }
.rm-st-unconfirmed { background: var(--gold-soft); color: var(--gold); }
.rm-st-bounced, .rm-st-complained { background: #FEF2F2; color: var(--danger); }
.rm-cbtns { display: flex; gap: 1rem; }
.rm-cbtns .linkbtn { min-height: 40px; }
.rm-llist { list-style: none; margin-bottom: .6rem; }
.rm-llist li { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .5rem 0; border-bottom: 1px solid var(--ink-faint); }
.rm-llist li > span { min-width: 0; overflow-wrap: anywhere; }
.rm-llist .linkbtn { flex: none; min-height: 40px; }

@media (max-width: 760px) {
  .rm-tools { grid-template-columns: 1fr; }
  .rm-contact { grid-template-columns: auto minmax(0, 1fr); }
  .rm-pill { grid-column: 2; justify-self: start; white-space: normal; }
  .rm-cbtns { grid-column: 2; }
  .rm-sendbox .btn-big { width: 100%; }
  .rm-llist li { flex-wrap: wrap; }
}

.rm-draft-text { font: inherit; margin: 0 0 .6rem; }

/* the visual editor (2026-10-14) */
#readers-more .rm-edlab { font-weight: 600; margin: .9rem 0 .3rem; }
#readers-more .rm-tools { display: flex; flex-wrap: wrap; gap: .3rem; padding: .35rem; border: 1px solid var(--line, #d8d2c4); border-bottom: 0; border-radius: 10px 10px 0 0; background: var(--panel, #faf7f0); }
#readers-more .rm-tools button { font: inherit; font-size: 15px; padding: .3rem .65rem; border: 1px solid var(--line, #d8d2c4); border-radius: 7px; background: var(--card, #fff); color: inherit; cursor: pointer; }
#readers-more .rm-tools button:hover { border-color: var(--accent, #8a6d1e); }
#readers-more .rm-ed { min-height: 16rem; padding: .8rem 1rem; border: 1px solid var(--line, #d8d2c4); border-radius: 0 0 10px 10px; background: var(--card, #fff); color: inherit; font-size: 17px; line-height: 1.55; overflow-wrap: anywhere; }
#readers-more .rm-ed:focus { outline: 2px solid var(--accent, #8a6d1e); outline-offset: 1px; }
#readers-more .rm-ed:empty::before { content: attr(data-ph); color: var(--muted, #8a8478); }
#readers-more .rm-ed p { margin: 0 0 .8em; }
#readers-more .rm-ed img { max-width: 100%; height: auto; border-radius: 4px; }
#readers-more .rm-ed a { color: var(--accent, #8a6d1e); text-decoration: underline; }

/* v10–v11 (Bob, 2026-10-18: "constant scrolling with no idea what I will find") — a jump bar, emails folded shut */
.rd-jump { position: sticky; top: 0; z-index: 6; width: 0; min-width: 100%;  /* never widens the page */
  display: flex; flex-wrap: wrap; align-items: center; gap: .1rem 1.1rem; margin: 0 0 1rem; padding: .4rem 0;
  background: var(--paper); border-bottom: 1px solid var(--ink-faint); font-size: .88rem; }
.rd-jump:empty { display: none; }
/* small text links (Bob, 2026-10-18: "a nav at the top ... can be smaller print") */
.rd-jump button { font: inherit; font-weight: 600; white-space: nowrap; cursor: pointer; background: none; border: 0;
  padding: .25rem 0; color: var(--accent-dark); text-decoration: none; }
.rd-jump button:hover { text-decoration: underline; }
.rd-jump button.on { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }

#rd-emails .kit-head { cursor: pointer; grid-template-areas: 'ico words state open'; grid-template-columns: auto minmax(0, 1fr) auto auto; }
#rd-emails .kit-card:hover .kit-head { background: rgba(241,233,247,.35); }
#rd-emails .kit-open { visibility: visible; }
@media (max-width: 820px) { #rd-emails .kit-head { grid-template-areas: 'ico words' 'ico state'; grid-template-columns: auto minmax(0, 1fr); } }

#rm-compose .card-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; }
#rm-compose:not(.open) .rm-fold { display: none; }
#rm-compose:not(.open) .card-h { margin-bottom: 0; }

.rm-camps.rm-few > li:nth-child(n+6) { display: none; }
.rm-camps-all { margin-top: .8rem; font-weight: 600; }
#rd-sec-address { margin-top: 1.2rem; }