/* readers_card.css -- THE READERS UPLOAD CARD on the hub, and the reader's confirm sheet under it (Code B Design;
   Lane A D67 night section 3.2). Served with readers_card.js only while ROK_READERS is on
   (readers_card_routes.py). Every selector is the hub's (body.desk[data-page="hub"]); no words are drawn here. */
body.desk[data-page="hub"] .hub-readers { border-top-color: rgba(200, 163, 90, .55); }
body.desk[data-page="hub"] .hub-readers h2 { font-size: 1.35rem; }
body.desk[data-page="hub"] .hub-readers-left { margin: .8rem 0 .9rem; font: 700 .95rem/1.3 var(--hub-display);
  letter-spacing: .08em; text-transform: uppercase; color: var(--gold-hi); }
body.desk[data-page="hub"] .hub-readers .hub-btn:disabled { opacity: .45; cursor: default; box-shadow: none; }
body.desk[data-page="hub"] .hub-readers-gold { margin: 1rem 0 0; }
body.desk[data-page="hub"] .hub-readers-sheet:empty { display: none; }
body.desk[data-page="hub"] .hub-readers-sheet { margin-top: 1.1rem; scroll-margin-top: 1rem; }

/* the reader's confirm sheet (readers_confirm.js's classes) */
body.desk[data-page="hub"] .rc-sheet { display: grid; gap: .8rem; }
body.desk[data-page="hub"] .rc-h { margin: 0; font: 700 1rem/1.3 var(--hub-display); letter-spacing: .06em; color: var(--parchment); }
body.desk[data-page="hub"] .rc-intro, body.desk[data-page="hub"] .rc-abstain { margin: 0; color: var(--bone); font-size: .95rem; }
body.desk[data-page="hub"] .rc-rows { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
body.desk[data-page="hub"] .rc-row { padding: .8rem .9rem; border-radius: var(--r-ctrl); border: 1px solid var(--glass-line);
  background: rgba(7, 11, 22, .55); }
body.desk[data-page="hub"] .rc-who { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem .8rem; }
body.desk[data-page="hub"] .rc-commander { font: 700 1.05rem/1.3 var(--hub-display); letter-spacing: .04em; color: var(--parchment); }
body.desk[data-page="hub"] .rc-read, body.desk[data-page="hub"] .rc-why { color: var(--bone-mute); font-size: .85rem; }
body.desk[data-page="hub"] .rc-basis { padding: .1rem .5rem; border-radius: 999px; border: 1px solid var(--gold-dim);
  color: var(--gold); font-size: .78rem; letter-spacing: .02em; }
body.desk[data-page="hub"] .rc-change { min-height: 44px; font-size: .82rem; }   /* "Not right?": quiet, but a full tap target */
body.desk[data-page="hub"] .rc-fields { display: grid; grid-template-columns: repeat(auto-fill, minmax(5.5rem, 1fr));
  gap: .5rem .7rem; align-items: start; margin-top: .6rem; }
body.desk[data-page="hub"] .rc-field, body.desk[data-page="hub"] .rc-pick { display: grid; gap: .2rem; color: var(--bone-mute);
  font-size: .78rem; }
body.desk[data-page="hub"] .rc-num, body.desk[data-page="hub"] .rc-name { width: 100%; min-width: 0; padding: .45rem .55rem;
  border-radius: var(--r-ctrl); border: 1px solid var(--gold-dim); background: rgba(7, 11, 22, .7);
  color: var(--parchment); font-size: .95rem; }
body.desk[data-page="hub"] .rc-foot { display: flex; align-items: center; gap: .8rem; margin-top: .7rem; }
body.desk[data-page="hub"] .rc-accept { padding: .5rem 1rem; border-radius: var(--r-ctrl); border: 1px solid var(--gold);
  background: rgba(200, 163, 90, .10); color: var(--gold-hi); font: 700 .78rem/1.2 var(--hub-display);
  letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
body.desk[data-page="hub"] .rc-note { color: var(--bone); font-size: .85rem; }
body.desk[data-page="hub"] .rc-saved .rc-accept { opacity: .5; cursor: default; }