/* Round-table page (/roundtable). Loads after styles.css, so it reuses the relay's base look, buttons, .conn pill,
   toasts and the .md styles that mdRender output uses. Nothing here affects the chat page. */
body{overflow:hidden}
#rtapp{display:none;height:100vh;height:100dvh;flex-direction:column;min-width:0}
#rthead{padding:10px 14px;border-bottom:1px solid #3d3c3b;display:flex;align-items:center;gap:10px;background:#201f1e}
#rthead nav.modesw{margin:0}
.rthmid{min-width:0;flex:1}
.rtright{display:flex;align-items:center;gap:6px}   /* PC pill + 🔄 refresh: one unit, so they always wrap together */
#rtRefreshBtn{padding:4px 8px}
.rtsub{font-size:11px;color:#a9a7a5;margin-top:2px}
#rtbody{flex:1;min-height:0;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:12px;max-width:980px;width:100%;margin:0 auto}
.rtcard{background:#252423;border:1px solid #3d3c3b;border-radius:10px;padding:12px 14px;min-width:0}
.rtlabel{display:block;font-size:13px;font-weight:600;color:#e8e6e3;margin-bottom:6px}
.rtsmall{font-size:11.5px;color:#a9a7a5;margin:-2px 0 6px}
#rtTopic,.rtsteerbox{width:100%;background:#292827;color:#e8e6e3;border:1px solid #3d3c3b;border-radius:6px;padding:9px;font:inherit;font-size:14px;resize:vertical}
.rtopts{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:9px;font-size:13px;color:#c8c6c4}
.rtopts select{padding:4px 6px;font-size:13px;margin-left:4px}
.rtck{display:flex;align-items:center;gap:5px;cursor:pointer}
/* model picker: a seat's checkbox and its model <select> stay together; the select wraps under the name when narrow */
.rtseat{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0;max-width:100%}
.rtopts .rtseat select.rtmodel{margin-left:0;min-width:0;max-width:min(260px,100%)}
.rtmodel:disabled{opacity:.45;cursor:not-allowed}
/* notebook status (from the PC's heartbeat): one line, plus links to any new Docs to add to the Gemini Notebook */
.rtnbsync{margin-top:10px;padding-top:9px;border-top:1px solid #3d3c3b;font-size:12px;color:#7bd88f;overflow-wrap:anywhere}
.rtnbsync .rtnbbad{color:#f5c518}
.rtnbnew{margin-top:5px;color:#c8c6c4}
.rtnbdocs{margin:4px 0 0;padding-left:18px}
.rtnbdocs .rtlink{font-size:12.5px}
.rtactions{display:flex;align-items:center;gap:10px;margin-top:11px}
.rtmsg{flex:1;font-size:12px;color:#f5c518;min-width:0}
.rtempty{font-size:12.5px;color:#a9a7a5;padding:6px 2px}
.rtrow{display:flex;align-items:center;gap:9px;padding:8px 6px;border-radius:6px;cursor:pointer;min-width:0}
.rtrow:hover{background:#2e2d2c} .rtrow.on{background:#33324a}
.rtrtopic{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}
.rtrmeta{font-size:11px;color:#a9a7a5;white-space:nowrap}
.rtchip{font-size:10.5px;padding:2px 7px;border-radius:9px;white-space:nowrap;font-weight:600}
.rt-q{background:#33322f;color:#c8c6c4} .rt-r{background:#1f3a5a;color:#8ab4f8} .rt-d{background:#1d3b27;color:#7bd88f}
.rt-e{background:#4a1d1d;color:#f85149} .rt-c{background:#33322f;color:#8a8886}
.rtjhead{display:flex;align-items:flex-start;gap:9px}
.rtjtopic{font-size:15px;font-weight:600;line-height:1.35;min-width:0;overflow-wrap:anywhere}
.rtjmeta{font-size:11.5px;color:#a9a7a5;margin:6px 0 2px;overflow-wrap:anywhere}
.rtbar{height:6px;background:#33322f;border-radius:3px;overflow:hidden;margin:9px 0 5px}
.rtfill{height:100%;background:#6264a7;transition:width .4s ease}
.rtnow{font-size:12.5px;color:#8ab4f8}
.rterr{font-size:12.5px;color:#f85149;margin-top:8px}
.rtjacts{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0 4px;align-items:center}
.rtlink{color:#8ab4f8;font-size:13px;margin-right:4px}
.rtnb{font-size:12px;color:#7bd88f;margin-top:6px}
.rtsteer{margin-top:11px;padding-top:10px;border-top:1px solid #3d3c3b}
.rtsteer button{margin-top:7px}
.rtsteerlist{margin:8px 0 0;padding-left:18px;font-size:12.5px;color:#c8c6c4}
.rtfails{margin-top:10px;font-size:12px;color:#f5c518;display:flex;flex-direction:column;gap:3px}
.rtsec{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#a9a7d8;margin:16px 0 7px}
.rtbrief{background:#2b2a29;border:1px solid #3d3c3b;border-radius:8px;padding:10px 13px;font-size:14px;overflow-wrap:anywhere}
.rtcopy{margin-top:7px}
.rtround{font-size:12px;font-weight:600;color:#c8c6c4;margin:10px 0 4px}
.rtowner{font-size:13px;border-left:3px solid #f5c518;padding:4px 10px;margin:8px 0;color:#e8e6e3}
details.rtturn{background:#2b2a29;border:1px solid #3d3c3b;border-radius:8px;margin:5px 0;overflow-wrap:anywhere}
details.rtturn>summary{cursor:pointer;padding:8px 11px;font-size:13.5px;font-weight:600}
details.rtturn>.md{padding:0 13px 10px;font-size:14px}
.rtsummeta{font-weight:400;color:#a9a7a5;font-size:12px}
/* job kinds: 🗣 Discussion | 🧪 Code review | 🎨 Image bake-off — a segmented switch at the top of the form (same look
   as the header's chat/Round-table switch). Buttons may wrap to two lines on a phone rather than overflow. */
.rtmodes{display:flex;gap:3px;padding:3px;background:#1b1a19;border:1px solid #3d3c3b;border-radius:9px;margin-bottom:11px}
.rtmodes>button{flex:1 1 0;min-width:0;background:transparent;color:#c8c6c4;padding:7px 8px;border-radius:7px;font-size:13px;line-height:1.25}
.rtmodes>button:hover{background:#2e2d2c;color:#fff;filter:none}
.rtmodes>button.on{background:#3a3b63;color:#fff;font-weight:600}
.rtgap{margin-top:10px}
.rtopt{font-weight:400;color:#a9a7a5}
#rtFocus,#rtBrief,.rtpicknote,.rtcopybox{width:100%;background:#292827;color:#e8e6e3;border:1px solid #3d3c3b;border-radius:6px;padding:9px;font:inherit;font-size:14px;resize:vertical}
.rtopts label{min-width:0;max-width:100%}
.rtopts0{margin-top:0}
/* code review: the folder <select> lists long paths — it shrinks with the row instead of widening the page */
#rtRvFolderWrap{display:flex;align-items:center;gap:4px}
.rtopts #rtRvFolder{min-width:0;max-width:100%;flex:1 1 auto;margin-left:0}
.rtrvsize{margin-top:8px;font-size:12.5px;color:#c8c6c4;overflow-wrap:anywhere}
.rtwarn{color:#f5c518;margin-top:3px}
/* v3.1 code review by page: a grouped checklist (collapsible groups; an intranet hub's tabs indented under it) */
#rtRvLensWrap{display:flex;align-items:center;gap:4px}
.rtopts #rtRvLens{min-width:0;max-width:100%;flex:1 1 auto;margin-left:0}
.rtpages{margin-top:8px;border:1px solid #3d3c3b;border-radius:8px;padding:6px 10px 4px;background:#232221;min-width:0}
.rtpghead{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.rtpgcount{font-size:12.5px;color:#c8c6c4}
.rtpgswitch{display:flex;gap:7px;align-items:flex-start;font-size:13px;color:#c8c6c4;margin-top:6px;cursor:pointer;min-width:0}
.rtpgswitch input{margin:2px 0 0;flex:0 0 auto}
.rtpglist{margin-top:6px}
.rtpggrp{border-top:1px solid #33322f;padding:2px 0}
.rtpggrp>summary{cursor:pointer;font-size:13px;font-weight:600;color:#e8e6e3;padding:6px 0;overflow-wrap:anywhere}
.rtpgn{font-weight:400;color:#8ab4f8;font-size:12px}
.rtpg{display:flex;align-items:baseline;gap:7px;padding:5px 0 5px 2px;font-size:13px;color:#e8e6e3;cursor:pointer;min-width:0}
.rtpg input{flex:0 0 auto;margin:0;align-self:center}
.rtpgtab{padding-left:22px}
.rtpglbl{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.rtpgk,.rtpgfit{flex:0 0 auto;font-size:11.5px;color:#a9a7a5}
.rtpgfit.rtpgover{color:#f5c518}
.rtperpage{margin:3px 0 0;overflow-wrap:anywhere}
.rttier{display:inline-block;font-size:10px;font-weight:700;padding:1px 7px;border-radius:9px;margin-right:6px;vertical-align:1px}
.rttier-basic{background:#1c3a26;color:#7bd88f} .rttier-intermediate{background:#1f3a5a;color:#8ab4f8} .rttier-advanced{background:#3a2150;color:#d2a8ff}
.rtorder{margin:7px 0 0}
/* image bake-off: the two tracks as tappable cards */
.rttracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rttrack{display:flex;gap:8px;align-items:flex-start;background:#292827;border:1px solid #3d3c3b;border-radius:8px;padding:9px 10px;cursor:pointer;font-size:13px;min-width:0}
.rttrack:has(input:checked){border-color:#6264a7;background:#2c2c44}
.rttrack input{margin-top:3px;flex:0 0 auto}
.rttrack b{display:block;font-size:13.5px}
.rttrack .rtsmall{display:block;margin:3px 0 0}
#rtImgStatsBtn{padding:4px 9px;font-size:12.5px}
.rtkind{font-size:13px}
.rtoffscreen{position:fixed;left:-9999px;top:0;opacity:0}
/* code-review card: packet line + findings checklist + copy-fix-prompt */
.rtpacket{font-size:12.5px;color:#c8c6c4;margin-top:9px;overflow-wrap:anywhere}
.rtwithheld{font-size:12px;color:#f5c518;margin-top:4px;overflow-wrap:anywhere}
.rtwithheld summary{cursor:pointer}
.rtwithheld ul{margin:4px 0;padding-left:18px;color:#c8c6c4}
.rtfinds{display:flex;flex-direction:column;gap:6px}
.rtfrow{background:#2b2a29;border:1px solid #3d3c3b;border-radius:8px;padding:8px 10px;min-width:0}
.rtfmain{display:flex;gap:9px;align-items:flex-start;cursor:pointer;min-width:0}
.rtfmain input{margin-top:3px;flex:0 0 auto}
.rtfbody{min-width:0;flex:1}
.rtftitle{font-size:13.5px;line-height:1.4;overflow-wrap:anywhere}
.rtfsub{font-size:11.5px;color:#a9a7a5;margin-top:3px;overflow-wrap:anywhere}
.rtsev{display:inline-block;font-size:10px;font-weight:700;padding:1px 7px;border-radius:9px;text-transform:uppercase;margin-right:6px;vertical-align:1px}
.rtsev-blocker{background:#4a1d1d;color:#f85149} .rtsev-major{background:#3a2f10;color:#f5c518}
.rtsev-minor{background:#1f3a5a;color:#8ab4f8} .rtsev-nit,.rtsev-none{background:#33322f;color:#c8c6c4}
.rtverd{font-weight:600} .rtv-confirmed{color:#7bd88f} .rtv-refuted{color:#8a8886;text-decoration:line-through}
.rtv-needs-owner{color:#f5c518} .rtv-none{color:#a9a7a5}
.rtffix{margin:5px 0 0 26px;font-size:12.5px}
.rtffix summary{cursor:pointer;color:#8ab4f8}
.rtfixtext{white-space:pre-wrap;overflow-wrap:anywhere;color:#c8c6c4;margin-top:4px}
.rtfixbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px}
.rtfixbar .rtsmall{margin:0}
.rtcopybox{margin-top:7px;font-family:ui-monospace,Consolas,monospace;font-size:12.5px}
/* bake-off card: blind A/B/C images (white backing, so black line art on a transparent SVG shows), pick, win rates */
.rtimgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px;margin-top:11px}
.rtimgcard{background:#2b2a29;border:1px solid #3d3c3b;border-radius:9px;padding:8px;min-width:0;display:flex;flex-direction:column;gap:6px}
.rtimgcard.win{border-color:#f5c518;box-shadow:inset 0 0 0 1px #f5c518}
.rtimgcard.big{grid-column:1/-1}
.rtimghead{display:flex;align-items:center;gap:4px 8px;flex-wrap:wrap;min-width:0}
.rtslot{font-weight:700;font-size:15px;background:#3a3b63;color:#fff;border-radius:6px;padding:1px 9px}
.rtreveal{font-size:12.5px;color:#e8e6e3;overflow-wrap:anywhere;min-width:0}
.rtwinbadge{font-size:12px;color:#f5c518;font-weight:600}
.rtimgbox{background:#fff;border-radius:6px;min-height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.rtimgwait,.rtimgerr{padding:12px;text-align:center;font-size:12.5px;color:#5c5a58;overflow-wrap:anywhere}
.rtimgerr{color:#a4262c}
.rtimg{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;cursor:zoom-in}
.rtimgcard.big .rtimg{max-height:none;cursor:zoom-out}
.rtimgfoot{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;font-size:12px;color:#a9a7a5;min-height:0}
.rtimgfoot:empty{display:none}
.rtbakeslots{margin:5px 0 0;letter-spacing:.2px}
.rtimgnote{color:#f5c518;overflow-wrap:anywhere;min-width:0}   /* the PC's note on an image it still delivered */
.rtpick{margin-top:12px;padding-top:10px;border-top:1px solid #3d3c3b}
.rtwin,.rttags{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0}
.rtchoice,.rttag{background:#292827;border:1px solid #3d3c3b;color:#c8c6c4;border-radius:16px;padding:6px 14px;font-size:13px}
.rtchoice{min-width:52px;font-weight:600}
.rtchoice.on{background:#6264a7;border-color:#6264a7;color:#fff}
.rttag{padding:4px 11px;font-size:12.5px}
.rttag.on{background:#1d3b27;border-color:#2f6b40;color:#7bd88f}
.rtpicked{font-size:13.5px;color:#e8e6e3;margin:2px 0 7px;overflow-wrap:anywhere}
.rtstats{margin-top:12px}
.rttablewrap{overflow-x:auto;max-width:100%}
.rttable{border-collapse:collapse;width:100%;font-size:12.5px}
.rttable th,.rttable td{text-align:left;padding:5px 7px;border-bottom:1px solid #3d3c3b;overflow-wrap:break-word;vertical-align:top}
.rtwho{font-weight:600;color:#e8e6e3}
.rtwhom{font-weight:400;font-size:11.5px;color:#a9a7a5}
.rttable th{color:#a9a7a5;font-weight:600}
.rtfew{color:#a9a7a5;font-style:italic}
.rttrain{margin:10px 0 0}
/* notebook + two-way docs lines sit together under one divider */
.rtnbsync+.rtnbsync{border-top:0;margin-top:5px;padding-top:0}
#rtDocsync .rtnbdocs{color:#e8e6e3}   /* file names waiting for review: plain text, not "all good" green */
/* v3 🔎 Research Q&A: question editor (one box per question, a counter under each), per-seat web badges, list filter
   chips, the Save state line and the per-question answer cards. Long questions, titles and URLs wrap instead of widening
   the page (everything sits in min-width:0 boxes with overflow-wrap:anywhere). */
.rttrack .rtsmall{overflow-wrap:anywhere}
.rtrsqs{margin:0;padding-left:22px}   /* a plain <ol>: its numbers are the question numbers */
.rtrsrow{min-width:0;margin:0 0 6px}
.rtrsrow::marker{color:#a9a7a5;font-size:12.5px}
.rtrsline{display:flex;gap:6px;align-items:flex-start;min-width:0}
.rtrsqbox{flex:1 1 auto;min-width:0}
.rtrsq{display:block;width:100%;background:#292827;color:#e8e6e3;border:1px solid #3d3c3b;border-radius:6px;padding:8px 9px;font:inherit;font-size:14px;resize:vertical}
.rtrscount{font-size:10.5px;color:#8a8886;text-align:right;margin-top:2px}
.rtrsdel{flex:0 0 auto;padding:4px 9px;margin-top:3px}
.rtrsbar{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-top:6px}
.rtrsbar .rtsmall{margin:0}
.rtweb{font-size:11px;padding:1px 7px;border-radius:9px;white-space:nowrap}
.rtweb.ok{background:#1d3b27;color:#7bd88f} .rtweb.no{background:#33322f;color:#a9a7a5}
.rtlisthead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;margin-bottom:6px}
.rtlisthead .rtlabel{margin-bottom:0}
.rtfilters{display:flex;flex-wrap:wrap;gap:5px}
.rtflt{background:#292827;border:1px solid #3d3c3b;color:#c8c6c4;border-radius:14px;padding:3px 10px;font-size:12px}
.rtflt.on{background:#3a3b63;border-color:#6264a7;color:#fff}
.rtcleanrow{font-size:12.5px;padding:6px 2px;border-bottom:1px solid #3d3c3b;overflow-wrap:anywhere}
.rtcleanrow .rtjacts{margin:5px 0 0}
.rtrsstate{font-size:12.5px;color:#c8c6c4;margin-top:4px;overflow-wrap:anywhere}
.rtrsstate .rterr{margin-top:0}
.rtrsqlist{margin:9px 0 0;padding-left:22px;font-size:13px;color:#e8e6e3;overflow-wrap:anywhere}
.rtrsqlist li{margin:2px 0}
.rtanswers{display:flex;flex-direction:column;gap:10px}
.rtans{background:#2b2a29;border:1px solid #3d3c3b;border-radius:8px;padding:10px 12px;min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.45}
.rtanshead{display:flex;gap:8px;align-items:baseline;font-weight:600;line-height:1.35;min-width:0}
.rtansq{flex:0 0 auto;background:#3a3b63;color:#fff;border-radius:6px;padding:0 7px;font-size:12.5px}
.rtansquestion{min-width:0}
.rtanslbl{font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#a9a7d8;margin:10px 0 3px}
.rtans ul{margin:0;padding-left:18px}
.rtans li{margin:2px 0}
.rtans .md{font-size:13.5px}
.rtunsourced{color:#c8c6c4}
.rtnone{color:#a9a7a5}
.rtcite{font-size:10.5px;margin:0 1px}
.rtcite a{color:#8ab4f8;text-decoration:none}
.rtconf{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 8px;border-radius:9px;text-transform:uppercase;margin-right:6px;vertical-align:1px}
.rtconf-high{background:#1d3b27;color:#7bd88f} .rtconf-medium{background:#3a2f10;color:#f5c518}
.rtconf-low{background:#4a1d1d;color:#f85149} .rtconf-none{background:#33322f;color:#c8c6c4}
.rtsrclist{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:12.5px;overflow-wrap:anywhere}
.rtsrcid{color:#a9a7a5;font-variant-numeric:tabular-nums}
.rtsrcmeta{color:#a9a7a5;font-size:11.5px}
.rtsrcs{margin-top:10px;font-size:12.5px}
.rtsrcs>summary{cursor:pointer;color:#8ab4f8;font-weight:600;padding:3px 0}
.rtsrcs .rtsrclist{margin-top:6px}
.rtansbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px}
.rtrsnotes{margin-top:7px;display:flex;flex-direction:column;gap:2px}
.rtrsnotes .rtsmall{margin:0}
/* v3.2 reference photos. Form: one row per photo — thumbnail | "Photo n · size" + ✕ | the role select and the note
   beside the thumbnail (on a phone they drop under it, full width, so "Keep this subject / product" is never cut off).
   Card: a strip of up to 3 square thumbnails (white backing, like the bake-off images), role + note under each. */
.rtrefs{margin-top:10px}
.rtreflist{display:flex;flex-direction:column;gap:8px}
.rtrefrow{display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"thumb meta del" "thumb fields fields";gap:5px 10px;align-items:start;
  background:#292827;border:1px solid #3d3c3b;border-radius:8px;padding:7px;min-width:0}
.rtrefwait{display:block;font-size:12.5px;color:#a9a7a5;padding:10px}
.rtrefthumb{grid-area:thumb;width:72px;height:72px;object-fit:contain;background:#fff;border-radius:6px;display:block}
.rtrefmeta{grid-area:meta;font-size:12px;color:#a9a7a5;align-self:center;min-width:0;overflow-wrap:anywhere}
.rtrefdel{grid-area:del;padding:4px 10px}
.rtreffields{grid-area:fields;display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.rtreffields select{flex:0 1 auto;min-width:0;max-width:100%;padding:5px 6px;font-size:13px}
.rtrefnote{flex:1 1 180px;min-width:0;max-width:100%;background:#292827;color:#e8e6e3;border:1px solid #3d3c3b;border-radius:6px;padding:6px 8px;font:inherit;font-size:13.5px}
.rtrefbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px}
.rtrefbar .rtmsg{flex:1 1 100%}
.rtrefbar .rtmsg:empty{display:none}
.rtrefcount{font-size:12.5px;color:#c8c6c4}
.rtrefprivacy{margin:8px 0 2px;overflow-wrap:anywhere}
.rtrefhint{margin:4px 0 2px;overflow-wrap:anywhere}
.rtrefbar button:disabled{opacity:.45;cursor:not-allowed}
.rtrefstrip{margin-top:11px;padding:9px 10px;border:1px solid #3d3c3b;border-radius:8px;background:#232221;min-width:0}
.rtrefhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}
.rtrefhead .rtlabel{margin-bottom:0}
.rtrefrm{padding:4px 10px;font-size:12.5px}
.rtrefconfirm{margin-top:8px;font-size:13px;color:#e8e6e3;overflow-wrap:anywhere}
.rtrefconfirm .rtjacts{margin:6px 0 0}
.rtrefthumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;max-width:480px}
.rtrefitem{margin:0;min-width:0}
.rtrefpic{background:#fff;border-radius:6px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.rtrefitem.gone .rtrefpic{background:#33322f}
.rtrefimg{display:block;width:100%;height:100%;object-fit:contain}
.rtrefgone{font-size:12px;color:#a9a7a5}
.rtrefretry{padding:4px 8px}
.rtrefitem figcaption{font-size:11.5px;color:#c8c6c4;margin-top:4px;overflow-wrap:anywhere;line-height:1.35}
.rtrefitem figcaption b{display:block;color:#e8e6e3;font-weight:600}
.rtrefcapnote{display:block;color:#a9a7a5}
.rtrefkeep{margin:8px 0 0}
.rtrefused{font-size:12px;color:#8ab4f8;overflow-wrap:anywhere}
.rtru-not-sent{color:#a9a7a5}
/* signed out / focus break: full-page notices (same idea as the chat page's gate + lock) */
.rtgate{position:fixed;inset:0;background:#1b1a19;display:none;flex-direction:column;gap:12px;align-items:center;justify-content:center;text-align:center;padding:20px}
.rtgate a{color:#fff;background:#6264a7;border-radius:6px;padding:9px 16px;text-decoration:none}
#rtlock{position:fixed;inset:0;background:rgba(27,26,25,.86);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:90;padding:20px}
#rtlock .rtlockbox{background:#252423;border:1px solid #3d3c3b;border-radius:10px;padding:18px 20px;max-width:420px;text-align:center;display:flex;flex-direction:column;gap:10px}
#rtlock a{color:#fff;background:#6264a7;border-radius:6px;padding:9px 16px;text-decoration:none}
@media (max-width:720px){
  /* The subtitle is hidden here, so drop its empty spacer (it cost a 7px gap) and push the PC pill right itself.
     The header may wrap: at 320px "Claude chat | Round-table" + "PC not set up" is 14px too wide, and a nowrap row
     clipped the pill off-screen (body is overflow:hidden). Now the pill drops to a second line instead. */
  #rthead{padding:10px;gap:7px;flex-wrap:wrap} .rtsub{display:none} #rthead>.rthmid{display:none} #rthead>.rtright{margin-left:auto}
  #rtbody{padding:10px} .rtcard{padding:11px}
  #rtTopic,.rtsteerbox,.rtopts select{font-size:16px}   /* 16px stops iOS zoom-on-focus */
  #rtFocus,#rtBrief,.rtpicknote,.rtcopybox,#rtapp select,#rtapp textarea{font-size:16px}
  .rtmodes>button{padding:7px 4px;font-size:12.5px}     /* three modes across 300px: a label may wrap, never overflow */
  .rttracks{grid-template-columns:minmax(0,1fr)}         /* the two track cards stack */
  .rtmodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}   /* four modes: two rows of two, never a squeezed label */
  .rtrsqs{padding-left:18px} .rtans{padding:9px 10px}
  .rtffix{margin-left:0}
  .rtpg{padding:8px 0 8px 2px} .rtpgtab{padding-left:16px}   /* page picker: bigger tap targets (the label wraps, the size stays right) */
  .rttable th,.rttable td{padding:5px 4px}
  .rtseat{flex-basis:100%} .rtopts .rtseat select.rtmodel{flex:1 1 150px;max-width:100%}   /* one seat per line on phones */
  .rtrefrow{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"thumb meta del" "fields fields fields"}   /* v3.2 photos */
  .rtrefthumb{width:56px;height:56px}
  .rtreffields select,.rtrefnote{flex:1 1 100%;font-size:16px}   /* full width under the thumbnail; 16px = no iOS zoom */
  .rtrefdel{padding:8px 13px}                                   /* a thumb-sized ✕ */
  .rtrefthumbs{max-width:none}
  #toasts{top:auto;bottom:18px;left:12px;right:12px;align-items:center}
  .toast{max-width:94vw}
}
