/* GitLab MR clone (dark, hi-fidelity): header, tabs, merge widget, diff, threads,
   inline comments, autofix card. Shared by the candidate page and the interviewer preview. */
#mr { --glbg:#18171d; --glpanel:#28272d; --glhd:#3a383f; --glbd:#4c4b51; --glfg:#ececef; --glmut:#bfbfc3;
      --glblue:#428fdc; --glgreen:#2da160; --glgreenbg:#123322; --glpurp:#a989f5; --gldanger:#ec5941;
      --addbg:#0e2f1c; --delbg:#3a1d22; --hunkbg:#1f2630; --hunkfg:#86b6e6;
      --kw:#c9a0f0; --typ:#e6c07b; --ann:#79c8c8; --str:#a5d6a7; --num:#e09a5b; --cmt:#74737f;
      background:var(--glbg); color:var(--glfg); border:1px solid var(--glbd); border-radius:8px; overflow:hidden; font-size:14px; }
#mr a { color: var(--glblue); text-decoration:none; } #mr a:hover { text-decoration:underline; }
.gl-crumb { padding:11px 16px; border-bottom:1px solid var(--glbd); font-size:13px; color:var(--glmut); display:flex; gap:7px; align-items:center; flex-wrap:wrap; }
.gl-crumb b { color:var(--glfg); } .gl-crumb .sep { color:#5a5963; }
.gl-crumb .proj { display:inline-flex; align-items:center; gap:5px; color:#d6d5da; }
.gl-crumb .pavatar { width:18px; height:18px; border-radius:5px; background:#3a8f3a; display:inline-flex; align-items:center; justify-content:center; font-size:11px; }
.mr-head { padding:16px 18px 0; }
.mr-titlebar { display:flex; align-items:flex-start; gap:12px; }
.mr-title { font-size:22px; font-weight:600; color:#fff; flex:1; line-height:1.25; }
.mr-headbtns { display:flex; gap:6px; align-items:center; }
.hbtn { background:#2f2e35; border:1px solid var(--glbd); color:#d6d5da; border-radius:6px; padding:5px 11px; font-size:13px; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:5px; }
.mr-status { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:12px 0 14px; font-size:13.5px; color:var(--glmut); }
.mr-badge { font-size:12.5px; font-weight:600; padding:4px 11px; border-radius:999px; display:inline-flex; gap:6px; align-items:center; }
.mr-badge.open { background:#108548; color:#fff; }
.vchip { background:#2f2e35; border:1px solid var(--glbd); border-radius:6px; padding:3px 9px; font-size:12.5px; color:#d6d5da; display:inline-flex; gap:6px; align-items:center; }
#mr code.ref { background:#1c2c44; border:1px solid #2c4366; border-radius:5px; padding:2px 7px; font-size:12px; color:#a9c9f3; }
#mr .mtxt { color:#cfcfd4; }
.mr-tabs { display:flex; align-items:center; gap:2px; border-bottom:1px solid var(--glbd); padding:0 8px; }
.mr-tabs .tabset { display:flex; gap:2px; flex:1; }
.mr-tabs button.mt { display:inline-flex; align-items:center; gap:7px; background:none; border:none; border-bottom:2px solid transparent; padding:13px 14px; font-size:14px; font-weight:600; color:var(--glmut); cursor:pointer; }
.mr-tabs button.mt:hover { color:var(--glfg); }
.mr-tabs button.mt.active { color:#fff; border-bottom-color:#e17e26; }
.mr-tabs .cnt { display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:18px; box-sizing:border-box; background:#34333b; color:#c5c4ca; border-radius:999px; padding:0 6px; font-size:11px; line-height:1; }
.mr-tools { display:flex; gap:6px; align-items:center; padding-right:4px; }
.threadnav { display:inline-flex; align-items:stretch; height:28px; background:#3a2a14; border:1px solid #6e5223; border-radius:7px; overflow:hidden; }
.threadnav span, .threadnav button { color:#e9c07a; background:none; border:none; padding:0 9px; font-size:12.5px; font-weight:700; cursor:pointer; display:inline-flex; align-items:center; gap:5px; }
.threadnav .div { width:1px; background:rgba(233,192,122,.22); padding:0; align-self:stretch; }
.iconbtn { display:inline-flex; align-items:center; justify-content:center; height:28px; min-width:30px; box-sizing:border-box; background:#2f2e35; border:1px solid var(--glbd); border-radius:7px; padding:0 8px; color:#c5c4ca; font-size:13px; cursor:pointer; }
.mtab { display:none; padding:18px 20px; } .mtab.active { display:block; }
#mr .mr-desc h4, #mr .sec-h { font-size:17px; font-weight:600; color:#fff; margin:6px 0 8px; }
#mr .mr-desc p { font-size:14px; color:#d0cfd5; } #mr .mr-desc ul { margin:6px 0; padding-left:20px; }
#mr .mr-desc code, #mr .tl code { background:#26252b; border:1px solid var(--glbd); border-radius:4px; padding:1px 5px; font-size:12.5px; color:#dcdce1; }
.reacts { display:flex; gap:8px; margin:14px 0; }
.react { border:1px solid var(--glbd); background:#26252b; border-radius:999px; padding:3px 11px; font-size:12.5px; color:#c5c4ca; }
/* merge widget */
.mergebox { border:1px solid var(--glbd); border-radius:8px; margin:18px 0; background:var(--glhd); overflow:hidden; }
.mw-main { display:flex; gap:11px; align-items:center; padding:14px 16px; border-bottom:1px solid var(--glbd); }
.mw-main .big-ok { width:24px;height:24px;min-width:24px;border-radius:50%;background:#108548;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px; }
.mw-row { display:flex; align-items:center; gap:11px; padding:13px 16px; font-size:14px; border-bottom:1px solid var(--glbd); color:var(--glfg); }
.mw-row:last-of-type { border-bottom:none; }
.mw-row > .ok, .mw-row > .pending { width:20px; height:20px; min-width:20px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; }
.mw-row > .ok { background:#108548; color:#fff; } .mw-row > .pending { background:transparent; border:1.5px solid #737278; color:#737278; }
.ok { color:var(--glgreen); font-weight:800; } .pending { color:#737278; font-weight:800; }
.mw-row .r-link { color:var(--glblue); font-size:13.5px; cursor:pointer; }
.mw-row .mw-right { margin-left:auto; display:inline-flex; align-items:center; gap:11px; }
.mw-row .mw-chev { color:var(--glmut); font-size:12px; padding-left:11px; border-left:1px solid var(--glbd); cursor:pointer; }
.stages { margin-left:8px; display:inline-flex; gap:3px; }
.stages i { width:14px; height:14px; border-radius:50%; display:inline-block; font-style:normal; font-size:9px; text-align:center; line-height:14px; }
.stages i.p { background:#108548; color:#fff; } .stages i.s { border:1px solid #4a4951; color:#737278; }
.gl-merge { margin:13px 16px; background:#1f75cb; color:#fff; border:none; border-radius:6px; padding:9px 20px; font-weight:600; font-size:14px; cursor:default; }
.muted { color:var(--glmut); }
/* expandable merge-widget rows (test summary / security scan) */
#mr .mw-exp { display:block; padding:0; border-bottom:1px solid var(--glbd); }
#mr .mw-exp > summary { display:flex; align-items:center; gap:11px; padding:13px 16px; cursor:pointer; list-style:none; font-size:14px; color:var(--glfg); }
#mr .mw-exp > summary .mw-label { flex:1; min-width:0; }
#mr .mw-exp > summary::-webkit-details-marker { display:none; }
#mr .mw-exp[open] > summary { border-bottom:1px solid #2c2b32; }
#mr .mw-exp[open] .mw-chev svg { transform:rotate(180deg); }
#mr .mw-detail { padding:11px 16px 13px 47px; font-size:12.5px; line-height:1.75; color:var(--glmut); }
#mr .mw-detail code { background:#26252b; border:1px solid var(--glbd); border-radius:4px; padding:0 5px; font-size:11.5px; color:#dcdce1; }
#mr .mw-detail .passpill { color:var(--glgreen); font-weight:700; }
.run-prompt { background:#241f33; border:1px solid #3d2f63; border-radius:8px; padding:12px 14px; margin:6px 0 0; display:flex; align-items:center; gap:12px; flex-wrap:wrap; color:#cdbff2; font-size:13.5px; }
.gl-run { background:var(--glpurp); color:#1a1430; border:none; border-radius:6px; padding:8px 14px; font-weight:700; cursor:pointer; font-size:13px; }
.gl-run:disabled { opacity:.5; cursor:default; }
.gl-reset { background:transparent; color:#d6d5da; border:1px solid var(--glbd); border-radius:6px; padding:8px 12px; font-weight:600; cursor:pointer; font-size:13px; }
/* activity timeline */
.act-bar { display:flex; align-items:center; justify-content:space-between; margin:24px 0 6px; }
.timeline { position:relative; margin-left:6px; padding-left:26px; border-left:2px solid #2c2b32; }
.tl { position:relative; padding:9px 0; font-size:13.5px; color:#cfcfd4; }
.tl::before { content:''; position:absolute; left:-33px; top:14px; width:8px; height:8px; border-radius:50%; background:#4a4951; border:2px solid var(--glbg); }
.tl b { color:#fff; } .tl .meta { color:var(--glmut); }
.tl-grey { background:#34333b; color:#c5c4ca; border-radius:4px; padding:1px 7px; font-size:12px; }
.tl-note { position:relative; margin:10px 0; border:1px solid var(--glbd); border-radius:8px; background:var(--glpanel); padding:11px 13px; }
.tl-note::before { content:''; position:absolute; left:-33px; top:16px; width:10px;height:10px;border-radius:50%;background:#2b2a31;border:2px solid #4a4951; }
.tl-note .nh { display:flex; align-items:center; gap:8px; margin-bottom:3px; }
/* commits / pipelines / reports */
.row-list .row { display:flex; align-items:center; gap:10px; padding:11px 4px; border-bottom:1px solid #2c2b32; font-size:13.5px; color:#d0cfd5; }
.sha { background:#26252b; border:1px solid var(--glbd); border-radius:5px; padding:1px 7px; font-size:12px; color:var(--glblue); }
.pl-pass, .stage-dot, .ok { color:var(--glgreen); }
/* avatars + badges */
.ava { width:30px; height:30px; min-width:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; color:#fff; }
.ava.sm { width:22px; height:22px; min-width:22px; font-size:10px; }
.ava.a1{background:#5943b6;} .ava.a2{background:#1f6f5c;} .ava.a3{background:#9e4f1f;} .ava.bot{background:#11101a;border:1px solid #3a3942;font-size:14px;}
.rolebadge { font-size:11px; font-weight:700; padding:1px 8px; border-radius:999px; background:#34333b; color:#c5c4ca; border:1px solid var(--glbd); }
.botbadge { font-size:10px; font-weight:700; background:#11101a; border:1px solid #3a3942; color:#c5c4ca; padding:1px 6px; border-radius:4px; text-transform:uppercase; letter-spacing:.3px; }
.mention { background:#1c2c44; color:#a9c9f3; border-radius:4px; padding:0 5px; }
/* diff */
.changes-bar { display:flex; gap:10px; align-items:center; flex-wrap:wrap; padding-bottom:14px; margin-bottom:4px; border-bottom:1px solid #2c2b32; }
.fadd { color:var(--glgreen); font-weight:700; } .fdel { color:var(--gldanger); font-weight:700; }
.file { margin-top:14px; border:1px solid var(--glbd); border-radius:8px; overflow:hidden; }
.fhead { display:flex; justify-content:space-between; align-items:center; background:var(--glhd); padding:9px 12px; font-family:ui-monospace,monospace; font-size:12.5px; color:#dcdce1; border-bottom:1px solid var(--glbd); }
.fhead .fpath { font-weight:600; }
.ftag { font-size:10px; font-weight:700; padding:1px 7px; border-radius:4px; margin-left:8px; text-transform:uppercase; letter-spacing:.4px; }
.ftag.new { background:var(--glgreenbg); color:var(--glgreen); border:1px solid #2c6b43; }
.ftag.mod { background:#3a2a12; color:#e6b765; border:1px solid #6b4f1f; }
.fmode { color:#6f6e76; font-family:ui-monospace,monospace; font-size:11.5px; }
.fbody { background:#161519; overflow-x:auto; }
.dline { display:flex; font-size:12.5px; line-height:1.55; }
.dline.add { background:var(--addbg); } .dline.del { background:var(--delbg); }
.dline.dhunk { background:var(--hunkbg); }
.dnum { width:48px; min-width:48px; text-align:right; padding:0 10px 0 6px; color:#56555e; user-select:none; }
.dline.add .dnum { color:#3f7a57; } .dline.del .dnum { color:#9a5a60; }
.dsign { width:18px; min-width:18px; text-align:center; user-select:none; color:#56555e; }
.dline.add .dsign { color:#5fbf86; } .dline.del .dsign { color:var(--gldanger); }
.dcode { white-space:pre; color:#cfd2da; padding:0 14px 0 4px; }
.dhunk .dcode { color:var(--hunkfg); } .dhunk .dnum { color:#3f5066; }
#mr .dcode .cmt{color:var(--cmt);} #mr .dcode .kw{color:var(--kw);} #mr .dcode .str{color:var(--str);}
#mr .dcode .typ{color:var(--typ);} #mr .dcode .ann{color:var(--ann);} #mr .dcode .num{color:var(--num);}
/* inline agent discussion */
.gl-cmt { background:var(--glpanel); border:1px solid var(--glbd); border-radius:8px; margin:8px 12px 12px 60px; }
.gl-cmt .ch { display:flex; align-items:center; gap:8px; padding:9px 12px; border-bottom:1px solid #2c2b32; }
.gl-cmt .who { font-weight:600; color:#fff; font-size:13px; }
.gl-cmt .time { color:var(--glmut); font-size:12px; }
.sevchip { font-size:10px; font-weight:700; padding:1px 7px; border-radius:999px; text-transform:uppercase; letter-spacing:.4px; margin-left:auto; }
.sev-warn .sevchip { background:#3a2a12; color:#e6b765; } .sev-info .sevchip { background:#15263a; color:var(--glblue); }
.sev-style .sevchip { background:#2a2930; color:#a9a8af; }
.gl-cmt .cbodywrap { padding:10px 12px; }
.gl-cmt .cmsg { font-weight:600; color:#fff; font-size:13.5px; } .gl-cmt .cbody { color:#c8c7ce; font-size:13px; margin-top:3px; }
.suggestion { margin-top:10px; border:1px solid #2c6b43; border-radius:6px; overflow:hidden; }
.suggestion .sg-h { background:var(--glgreenbg); color:var(--glgreen); font-size:11px; font-weight:700; padding:5px 10px; display:flex; justify-content:space-between; align-items:center; }
.suggestion .sg-c { font-size:12px; padding:7px 10px; color:#cfd2da; background:#12141a; white-space:pre; }
.apply-btn { background:#1f75cb; color:#fff; border:none; border-radius:4px; font-size:10px; font-weight:700; padding:2px 8px; cursor:default; }
#mr .cfoot { padding:8px 12px; border-top:1px solid #2c2b32; display:flex; gap:8px; align-items:flex-start; flex-wrap:wrap; }
#mr .fmt-bar { display:flex; gap:3px; flex-wrap:wrap; flex-basis:100%; align-items:center; margin-bottom:4px; }
#mr .fmt-btn { background:#26252b; border:1px solid var(--glbd); color:#c5c4ca; border-radius:5px; min-width:28px; height:28px; padding:0 7px; font-size:12px; font-weight:700; cursor:pointer; line-height:1; display:inline-flex; align-items:center; justify-content:center; }
#mr .fmt-btn:hover { color:#fff; border-color:#6a6970; }
#mr .fmt-btn i { font-style:italic; } #mr .fmt-btn s { text-decoration:line-through; } #mr .fmt-btn .mono { font-family:ui-monospace,monospace; font-weight:600; font-size:11px; }
#mr .fmt-style { background:#26252b; border:1px solid var(--glbd); color:#dcdce1; border-radius:5px; height:28px; font-size:12.5px; padding:0 6px; cursor:pointer; }
#mr .fmt-div { width:1px; height:18px; background:var(--glbd); margin:0 3px; }
#mr .fmt-md { margin-left:auto; font-size:10px; font-weight:700; color:#6f6e76; border:1px solid var(--glbd); border-radius:4px; padding:2px 5px; letter-spacing:.3px; }
#mr textarea.replybox { flex:1; background:#161519; border:1px solid var(--glbd); border-radius:6px; padding:7px 10px; color:var(--glfg); font-size:12.5px; font-family:inherit; resize:vertical; min-height:34px; }
#mr textarea.replybox::placeholder { color:#6f6e76; }
#mr .reply-btn { background:#1f75cb; color:#fff; border:none; border-radius:6px; padding:7px 13px; font-weight:600; font-size:12.5px; cursor:pointer; white-space:nowrap; }
#mr .reply-btn:disabled { opacity:.45; cursor:default; }
#mr .replies { padding:0 12px; }
#mr .reply { display:flex; gap:8px; padding:11px 0; border-top:1px solid #2c2b32; }
#mr .reply .who { font-weight:600; color:#fff; font-size:13px; }
#mr .reply .time { color:var(--glmut); font-size:12px; margin-left:6px; }
#mr .reply .reply-body { color:#c8c7ce; font-size:13px; margin-top:2px; white-space:pre-wrap; }
#mr .reply > div { flex:1; }
#mr .reply-acts { display:inline-flex; gap:10px; margin-left:8px; }
#mr .reply-act { background:none; border:none; color:#6f6e76; cursor:pointer; font-size:12px; padding:0; }
#mr .reply-act:hover { color:var(--glblue); } #mr .reply-act.del:hover { color:var(--gldanger); }
#mr .reply-edit { width:100%; box-sizing:border-box; background:#161519; border:1px solid var(--glbd); border-radius:6px; padding:6px 9px; color:var(--glfg); font-size:12.5px; font-family:inherit; resize:vertical; margin-top:4px; }
#mr .reply-editactions { display:flex; gap:8px; margin-top:6px; }
#mr .cand-cmt .cc-edit { background:none; border:none; color:#6f6e76; cursor:pointer; font-size:12px; padding:0 4px; }
#mr .cand-cmt .cc-edit:hover { color:var(--glblue); }
/* agent sycophantic second-pass follow-up */
#mr .gl-cmt .agent-followup { border-top:1px solid #2c2b32; padding:10px 12px; }
#mr .agent-followup .cmsg { color:#e6b765; font-weight:600; font-size:13px; }
#mr .agent-followup .cbody { color:#c8c7ce; font-size:13px; margin-top:3px; }
#mr .agent-followup code { background:#26252b; border:1px solid var(--glbd); border-radius:4px; padding:0 5px; font-size:12px; color:#dcdce1; }
.recheck-prompt { background:#2a1f33; border:1px solid #4a3a63; border-radius:8px; padding:12px 14px; margin:10px 0 0; display:flex; align-items:center; gap:12px; flex-wrap:wrap; color:#d6c8f2; font-size:13.5px; }
#mr .autofix-card { background:var(--glpanel); border:1px solid var(--glbd); border-radius:8px; margin:10px 0 0; }
#mr .autofix-card .ch { display:flex; align-items:center; gap:8px; padding:9px 12px; border-bottom:1px solid #2c2b32; }
#mr .autofix-card .af-body { padding:10px 12px; }
#mr .autofix-card .af-note { color:#c8c7ce; font-size:13px; margin-bottom:8px; }
#mr .autofix-card .suggestion + .suggestion { margin-top:8px; }
/* overview thread previews */
.ov-thread { position:relative; border:1px solid var(--glbd); border-radius:8px; margin:10px 0; background:var(--glpanel); overflow:hidden; }
.ov-thread::before { content:''; position:absolute; left:-33px; top:16px; width:10px; height:10px; border-radius:50%; background:#2b2a31; border:2px solid #4a4951; }
.ov-thread .th-head { display:flex; align-items:center; gap:8px; padding:10px 12px; }
.ov-thread .th-file { padding:7px 12px; font-family:ui-monospace,monospace; font-size:12px; color:#dcdce1; background:var(--glhd); border-top:1px solid #2c2b32; border-bottom:1px solid #2c2b32; }
.ov-thread .th-diff { background:#161519; border-bottom:1px solid #2c2b32; }
.ov-thread .th-cmt { padding:11px 12px; }
.ov-thread .cmsg { font-weight:600; color:#fff; font-size:13.5px; } .ov-thread .cbody { color:#c8c7ce; font-size:13px; margin-top:3px; }
/* inline svg icons (GitLab-style, replace emoji) */
#mr .ico { width:14px; height:14px; display:inline-block; vertical-align:-2px; flex:none; }
#mr .ico.s12 { width:12px; height:12px; vertical-align:-1px; }
#mr .ico.s16 { width:16px; height:16px; vertical-align:-3px; }
#mr .ava .ico { width:60%; height:60%; vertical-align:0; }
#mr .threadnav .ico { vertical-align:-2px; }
/* interviewer-gated steps (released live from the interviewer console via the server) */
.gated-hidden { display:none !important; }
.esc-banner { margin:14px 20px 0; background:#2e2410; border:1px solid #6e5223; border-radius:8px; padding:14px 18px; color:#f0d9a8; font-size:15.5px; line-height:1.6; }
.esc-banner strong { color:#ffd479; }
/* candidate-authored inline comments + parallel (bot | you) layout */
#mr .dline { position:relative; }
#mr .dcmt-add { position:absolute; left:1px; top:0; width:22px; height:100%; padding:0; border:none; background:transparent; color:var(--accent); font-size:15px; font-weight:700; line-height:1; cursor:pointer; display:none; z-index:2; }
#mr #codefiles .dline[id]:hover > .dcmt-add { display:block; }
#mr .dcmt-add:hover { color:#a989f5; }
#mr .line-zone { display:flex; gap:10px; align-items:flex-start; padding:2px 12px 8px 0; background:#161519; }
#mr .lz-bot, #mr .lz-cand { flex:1 1 0; min-width:0; }
#mr .lz-bot:empty, #mr .lz-cand:empty { display:none; }
#mr .line-zone .gl-cmt { margin:8px 0 0 12px; }
#mr .cand-cmt { background:#1b2330; border:1px solid #2c3a52; border-radius:8px; margin:8px 0 0 12px; }
#mr .cand-cmt .ch { display:flex; align-items:center; gap:8px; padding:8px 12px; border-bottom:1px solid #243049; }
#mr .cand-cmt .who { font-weight:600; color:#fff; font-size:13px; }
#mr .cand-cmt .time { color:var(--glmut); font-size:12px; }
#mr .cand-cmt .cc-del { background:none; border:none; color:#6f6e76; cursor:pointer; font-size:16px; line-height:1; padding:0 2px; }
#mr .cand-cmt .cc-del:hover { color:var(--gldanger); }
#mr .cc-body { color:#cfd2da; font-size:13px; padding:8px 12px; white-space:pre-wrap; }
/* drag-to-select a multi-line range, and persistent highlight for a saved range comment */
#mr #codefiles.dragging { user-select:none; }
#mr #codefiles .dline.range-sel { background:rgba(169,137,245,.12); box-shadow: inset 3px 0 0 var(--glpurp); }
#mr #codefiles .dline.range-has { box-shadow: inset 3px 0 0 #2f5fb0; }
#mr .range-chip { display:inline-block; font-size:11px; font-weight:700; color:#a9c9f3; background:#1c2c44; border:1px solid #2c4366; border-radius:4px; padding:0 6px; margin-left:6px; }
#mr .cand-composer { margin:8px 0 0 12px; background:#161519; border:1px solid var(--glbd); border-radius:8px; padding:8px; }
#mr .cand-composer textarea { width:100%; box-sizing:border-box; background:#0e1117; border:1px solid var(--glbd); border-radius:6px; padding:7px 9px; color:var(--glfg); font-family:inherit; font-size:12.5px; resize:vertical; }
#mr .cand-composer .cc-actions { display:flex; gap:8px; margin-top:8px; }
#mr .cand-composer .btn { padding:5px 12px; font-size:12px; }
#mr .ava.you { background:#2f5fb0; font-size:9px; }
#mr .cand-thread { border:1px solid #2c3a52; border-radius:8px; margin:10px 0; background:var(--glpanel); overflow:hidden; }
#mr .cand-thread .th-head { display:flex; align-items:center; gap:8px; padding:10px 12px; }
#mr .cand-thread .th-file { padding:7px 12px; font-family:ui-monospace,monospace; font-size:12px; color:#dcdce1; background:var(--glhd); border-top:1px solid #2c2b32; border-bottom:1px solid #2c2b32; }
#mr .cand-thread .th-diff { background:#161519; border-bottom:1px solid #2c2b32; }
#mr .cand-thread .th-cmt { padding:6px 12px 11px; }
#mr .th-parallel { display:flex; }
#mr .th-parallel .th-col { flex:1 1 0; min-width:0; padding:10px 12px; }
#mr .th-parallel .th-col + .th-col { border-left:1px solid #2c2b32; }
#mr .th-parallel .col-h { display:flex; align-items:center; gap:6px; font-weight:600; color:#fff; font-size:12px; margin-bottom:6px; }
#mr .cand-thread .cmsg { font-weight:600; color:#fff; font-size:13px; } #mr .cand-thread .cbody { color:#c8c7ce; font-size:12.5px; margin-top:3px; }
/* responsiveness on smaller windows */
@media (max-width: 760px) {
  header { padding: 16px 16px 0; }
  main { padding: 16px; }
  .title { font-size: 17px; }
  .mr-title { font-size: 17px; line-height: 1.3; }
  .mr-tabs { overflow-x: auto; }
  .mr-tabs .tabset { flex: none; }
  .mr-status { font-size: 12.5px; }
  #mr .gl-cmt { margin-left: 12px; }
  #mr .line-zone { flex-direction: column; gap: 0; }
  #mr .th-parallel { flex-direction: column; }
  #mr .th-parallel .th-col + .th-col { border-left: none; border-top: 1px solid #2c2b32; }
  .dnum { width: 34px; min-width: 34px; padding: 0 6px 0 4px; }
  .esc-banner, .run-prompt, .recheck-prompt { font-size: 13px; }
}
@media (max-width: 480px) {
  .dnum { width: 26px; min-width: 26px; }
  #mr .gl-cmt, #mr .cand-cmt, #mr .cand-composer { margin-left: 6px; }
}