/* Quotes graphics — light-native, token-driven; dark via html[data-theme="dark"] */
.rcg .qg{background:var(--g-bg,#fff);color:var(--g-ink,#111318);text-align:left;line-height:normal;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;--T:18s}.rcg .qg *{font-family:inherit;box-sizing:border-box;letter-spacing:0;text-transform:none}
.rcg .ab.qg[data-w="560"]{width:560px;height:420px}.rcg .ab.qg[data-w="800"]{width:800px;height:600px}
.rcg .qg .k,.rcg .qg .lbl{font-family:inherit!important;letter-spacing:.08em}
.rcg .qg .scene{position:absolute;inset:0;animation:qg-fade var(--T) linear infinite}@keyframes qg-fade{0%,1.5%{opacity:0}3%,94%{opacity:1}97%,100%{opacity:0}}
.rcg .qg .st{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:5px;border:1px solid var(--g-line,#e3e5ea);font-size:10px;font-weight:600;white-space:nowrap;background:var(--g-bg,#fff);color:var(--g-ink,#111318)}.rcg .qg .st::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--d,#1b64f3)}
.rcg .qg .sv{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:5px;border:1px solid var(--g-line,#e3e5ea);font-size:10px;font-weight:500;white-space:nowrap;color:var(--g-ink2,#3a3f4b)}.rcg .qg .sv::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--d,#1b64f3);opacity:.8}
.rcg .qg .num{font-variant-numeric:tabular-nums}
.rcg .qg .toast{position:absolute;right:20px;bottom:20px;background:#0c0d10;color:#fff;border-radius:10px;padding:10px 14px;display:flex;align-items:flex-start;gap:10px;opacity:0;box-shadow:0 20px 40px -18px rgba(0,0,0,.5);max-width:330px;z-index:3}.rcg .qg .toast .ok{width:22px;height:22px;border-radius:50%;background:#1f9d55;display:grid;place-items:center;flex:none}.rcg .qg .toast .ok svg{width:12px;height:12px;color:#fff}.rcg .qg .toast .t{font-size:12px;font-weight:700;white-space:nowrap}.rcg .qg .toast .s{font-size:10px;color:rgba(255,255,255,.65);margin-top:1px;line-height:1.35}
html[data-theme="dark"] .rcg .qg .toast{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 20px 40px -18px rgba(0,0,0,.6)}
.rcg .qg .brand{width:12px;height:12px;object-fit:contain;vertical-align:-2px;margin-right:5px}
.rcg .qg .cb{width:12px;height:12px;border:1.5px solid var(--g-mute3,#c9cdd5);border-radius:3px;display:inline-block}

/* ===== Q1 — quote list, one row moves Sent → Accepted → Paid (800×600) ===== */
.rcg .q1 .top{position:absolute;left:0;right:0;top:0;height:50px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--g-line,#eceef2)}.rcg .q1 .top .t{font-size:16px;font-weight:700}.rcg .q1 .top .s{font-size:10.5px;color:var(--g-mute,#7a8190);margin-top:1px}
.rcg .q1 .top .new{margin-left:auto;height:26px;padding:0 10px;border-radius:6px;background:#1b64f3;color:#fff;font-size:10.5px;font-weight:600;display:flex;align-items:center;gap:5px}
.rcg .q1 .bar{position:absolute;left:24px;right:24px;top:62px;display:flex;gap:8px;align-items:center}.rcg .q1 .bar .srch{flex:1;max-width:220px;height:26px;border:1px solid var(--g-line,#e3e5ea);border-radius:6px;display:flex;align-items:center;gap:6px;padding:0 9px;font-size:10px;color:var(--g-mute2,#9aa0ab)}.rcg .q1 .bar .srch svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2}.rcg .q1 .bar .tab{height:26px;padding:0 9px;border-radius:6px;border:1px solid var(--g-line,#e3e5ea);font-size:10px;font-weight:600;color:var(--g-ink2,#3a3f4b);display:flex;align-items:center;gap:5px}.rcg .q1 .bar .tab b{color:var(--g-mute,#7a8190);font-weight:500}
.rcg .q1 table{position:absolute;left:24px;top:104px;width:752px;border-collapse:collapse;table-layout:fixed}
.rcg .q1 th{font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--g-mute,#7a8190);text-align:left;padding:0 6px 8px 0;border-bottom:1px solid var(--g-line,#eceef2);white-space:nowrap}
.rcg .q1 td{height:52px;padding:0 6px 0 0;border-bottom:1px solid var(--g-line,#eceef2);font-size:11px;vertical-align:middle;white-space:nowrap;overflow:hidden}
.rcg .q1 .qn{font-weight:600;color:var(--g-ink,#111318)}.rcg .q1 .qn i{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:4px;background:var(--g-bluetint,#e8eefc);margin-right:6px;vertical-align:-4px}.rcg .q1 .qn i svg{width:9px;height:9px;stroke:#1b64f3;fill:none;stroke-width:2}
.rcg .q1 .nm{font-weight:600}.rcg .q1 .veh{font-size:10px;color:var(--g-mute,#7a8190);margin-top:2px;display:flex;align-items:center;gap:5px;white-space:nowrap}.rcg .q1 .veh .brand{flex:none}
.rcg .q1 .amt{font-weight:600;text-align:right}.rcg .q1 th.r{text-align:right}
.rcg .q1 .dash{color:var(--g-mute3,#c9cdd5)}
.rcg .q1 .stw{position:relative;display:inline-block;height:20px;min-width:80px;vertical-align:middle}.rcg .q1 .stw .st{position:absolute;left:0;top:0}
.rcg .q1 tr.live td{animation:q1hl var(--T) linear infinite}@keyframes q1hl{0%,22%{background:transparent}26%,88%{background:var(--g-hi,#f3f4f6)}94%,100%{background:transparent}}
.rcg .q1 .s1{animation:q1s1 var(--T) step-end infinite}.rcg .q1 .s2{opacity:0;animation:q1s2 var(--T) step-end infinite}.rcg .q1 .s3{opacity:0;animation:q1s3 var(--T) step-end infinite}
@keyframes q1s1{0%,30%{opacity:1}30.1%,100%{opacity:0}}@keyframes q1s2{0%,30%{opacity:0}30.1%,62%{opacity:1}62.1%,100%{opacity:0}}@keyframes q1s3{0%,62%{opacity:0}62.1%,100%{opacity:1}}
.rcg .q1 .d1{animation:q1s1 var(--T) step-end infinite}.rcg .q1 .d2{opacity:0;animation:q1d2 var(--T) step-end infinite}.rcg .q1 .d3{opacity:0;animation:q1s3 var(--T) step-end infinite}@keyframes q1d2{0%,30%{opacity:0}30.1%,62%{opacity:1}62.1%,100%{opacity:0}}
.rcg .q1 .sch{opacity:0;animation:q1s3 var(--T) step-end infinite}
.rcg .q1 .toast.t1{animation:q1t1 var(--T) ease-out infinite}.rcg .q1 .toast.t2{animation:q1t2 var(--T) ease-out infinite}
@keyframes q1t1{0%,29%{opacity:0;transform:translateY(10px)}32%,46%{opacity:1;transform:none}49%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes q1t2{0%,61%{opacity:0;transform:translateY(10px)}64%,86%{opacity:1;transform:none}89%,100%{opacity:0;transform:translateY(-6px)}}
/* customer pulse — phone bubble in corner */
.rcg .q1 .cust{position:absolute;right:20px;top:64px;width:190px;background:var(--g-bg,#fff);border:1px solid var(--g-line,#e3e5ea);border-radius:12px;padding:10px 12px;box-shadow:0 20px 40px -22px rgba(0,0,0,.35);opacity:0;animation:q1c var(--T) ease-out infinite;z-index:2}
.rcg .q1 .cust .h{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:600}.rcg .q1 .cust .h i{width:20px;height:20px;border-radius:50%;background:#7ea6f8;color:#0b0c0f;font-size:8.5px;font-weight:700;display:grid;place-items:center}.rcg .q1 .cust .h span{color:var(--g-mute,#7a8190);font-weight:500;margin-left:auto;font-size:9px}
.rcg .q1 .cust .b{margin-top:8px;font-size:10.5px;line-height:1.35;color:var(--g-ink2,#3a3f4b)}.rcg .q1 .cust .act{margin-top:8px;height:24px;border-radius:6px;background:#1b64f3;color:#fff;font-size:10px;font-weight:600;display:grid;place-items:center;position:relative;overflow:hidden}
.rcg .q1 .cust .act::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.35);transform:scaleX(0);transform-origin:left;animation:q1press var(--T) ease-out infinite}@keyframes q1press{0%,26%{transform:scaleX(0);opacity:1}29%{transform:scaleX(1);opacity:1}30%,100%{opacity:0}}
@keyframes q1c{0%,14%{opacity:0;transform:translateY(8px)}18%,29%{opacity:1;transform:none}32%,100%{opacity:0;transform:translateY(-6px)}}

/* ===== Q2 — real pricing: pick service → coverage → material, line composes (560×420) ===== */
.rcg .q2 .pane{position:absolute;inset:0;padding:20px 22px}
.rcg .q2 .hd{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.rcg .q2 .hd .st{margin-left:auto}
.rcg .q2 .lbl{font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g-mute,#7a8190);margin:16px 0 8px}
.rcg .q2 .opts{display:flex;gap:8px;flex-wrap:wrap}.rcg .q2 .opt{height:28px;padding:0 11px;border-radius:7px;border:1px solid var(--g-line,#e3e5ea);font-size:11px;font-weight:500;color:var(--g-ink2,#3a3f4b);display:inline-flex;align-items:center;gap:6px;background:var(--g-bg,#fff);position:relative}
.rcg .q2 .opt b{font-weight:600;color:var(--g-mute,#7a8190);font-size:10px}
.rcg .q2 .opt.pick{animation:q2pick var(--T) step-end infinite;animation-delay:var(--at)}@keyframes q2pick{0%{border-color:var(--g-line,#e3e5ea);background:var(--g-bg,#fff);color:var(--g-ink2,#3a3f4b)}8%,100%{border-color:#1b64f3;background:var(--g-bluetint,#e8eefc);color:#1b64f3}}
.rcg .q2 .opt.pick::after{content:"";position:absolute;inset:-4px;border-radius:10px;border:1.5px solid #1b64f3;opacity:0;animation:q2ring var(--T) ease-out infinite;animation-delay:var(--at)}@keyframes q2ring{0%{opacity:.9;transform:scale(.96)}8%{opacity:0;transform:scale(1.08)}100%{opacity:0}}
.rcg .q2 .line{position:absolute;left:22px;right:22px;bottom:20px;border:1px solid var(--g-line,#e3e5ea);border-radius:10px;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:center;background:var(--g-soft,#f7f8fa)}
.rcg .q2 .line .n{font-size:12px;font-weight:600;min-height:15px}.rcg .q2 .line .d{font-size:10px;color:var(--g-mute,#7a8190);grid-column:1;min-height:13px}.rcg .q2 .line .p{grid-column:2;grid-row:1/3;font-size:18px;font-weight:700;text-align:right;position:relative;min-width:96px}
.rcg .q2 .line .p span{position:absolute;right:0;top:0;opacity:0}.rcg .q2 .line .p .p0{animation:q2p0 var(--T) step-end infinite}.rcg .q2 .line .p .p1{animation:q2p1 var(--T) step-end infinite}.rcg .q2 .line .p .p2{animation:q2p2 var(--T) step-end infinite}.rcg .q2 .line .p .p3{animation:q2p3 var(--T) step-end infinite}
@keyframes q2p0{0%,20%{opacity:1}20.1%,100%{opacity:0}}@keyframes q2p1{0%,20%{opacity:0}20.1%,42%{opacity:1}42.1%,100%{opacity:0}}@keyframes q2p2{0%,42%{opacity:0}42.1%,64%{opacity:1}64.1%,100%{opacity:0}}@keyframes q2p3{0%,64%{opacity:0}64.1%,100%{opacity:1}}
.rcg .q2 .line .n span,.rcg .q2 .line .d span{opacity:0;animation:q2in var(--T) step-end infinite;animation-delay:var(--at)}@keyframes q2in{0%{opacity:0}1%,100%{opacity:1}}
.rcg .q2 .line .n .ph{opacity:1;animation:q2out var(--T) step-end infinite;color:var(--g-mute2,#9aa0ab);font-weight:500}@keyframes q2out{0%,20%{opacity:1}20.1%,100%{opacity:0}}
.rcg .q2 .mg{position:absolute;right:22px;top:20px;display:flex;align-items:center;gap:6px;font-size:10px;color:var(--g-mute,#7a8190)}.rcg .q2 .mg b{color:#16a34a;font-weight:700;position:relative;display:inline-block;min-width:34px;text-align:right}.rcg .q2 .mg b span{position:absolute;right:0;top:0;opacity:0}

/* ===== Q3 — AI quote: lead card → quote assembles + best slot (560×420) ===== */
.rcg .q3 .lead{position:absolute;left:20px;top:20px;width:200px;border:1px solid var(--g-line,#e3e5ea);border-radius:12px;padding:12px 14px;background:var(--g-bg,#fff)}
.rcg .q3 .lead .k{font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g-mute,#7a8190)}.rcg .q3 .lead .n{font-size:13px;font-weight:700;margin-top:4px}.rcg .q3 .lead .v{font-size:10.5px;color:var(--g-mute,#7a8190);margin-top:2px}.rcg .q3 .lead .q{margin-top:10px;font-size:10.5px;line-height:1.4;color:var(--g-ink2,#3a3f4b);background:var(--g-soft,#f0f1f4);border-radius:8px;padding:8px 10px}
.rcg .q3 .btn{margin-top:10px;height:26px;border-radius:7px;background:#1b64f3;color:#fff;font-size:10.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden}.rcg .q3 .btn img{width:11px;filter:brightness(0) invert(1)}
.rcg .q3 .btn::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.35);transform:scaleX(0);transform-origin:left;animation:q3press var(--T) ease-out infinite}@keyframes q3press{0%,10%{transform:scaleX(0);opacity:1}13%{transform:scaleX(1);opacity:1}14%,100%{opacity:0}}
.rcg .q3 .flow{position:absolute;left:220px;top:112px;width:36px;height:2px;background:linear-gradient(90deg,#1b64f3,rgba(27,100,243,0));opacity:0;animation:q3flow var(--T) ease-out infinite}@keyframes q3flow{0%,13%{opacity:0;transform:scaleX(0)}16%,92%{opacity:1;transform:none}96%,100%{opacity:0}}
.rcg .q3 .quote{position:absolute;left:256px;right:20px;top:20px;bottom:20px;border:1px solid var(--g-line,#e3e5ea);border-radius:12px;padding:14px 16px;background:var(--g-bg,#fff);opacity:0;animation:q3q var(--T) cubic-bezier(.2,.8,.2,1) infinite}@keyframes q3q{0%,14%{opacity:0;transform:translateY(8px)}18%,100%{opacity:1;transform:none}}
.rcg .q3 .quote .hd{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.rcg .q3 .quote .hd .st{margin-left:auto}
.rcg .q3 .row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--g-line,#eceef2);font-size:11px;opacity:0;animation:q3row var(--T) cubic-bezier(.2,.8,.2,1) infinite;animation-delay:var(--at)}@keyframes q3row{0%{opacity:0;transform:translateX(-6px)}3%,100%{opacity:1;transform:none}}
.rcg .q3 .row span{color:var(--g-mute,#7a8190);font-size:10px;display:block;margin-top:1px}.rcg .q3 .row b{font-weight:600}
.rcg .q3 .tot{display:flex;justify-content:space-between;padding-top:10px;font-size:13px;font-weight:700;opacity:0;animation:q3row var(--T) cubic-bezier(.2,.8,.2,1) infinite;animation-delay:var(--at)}
.rcg .q3 .slot{position:absolute;left:16px;right:16px;bottom:14px;border-radius:9px;background:var(--g-greentint,#eefaf1);border:1px solid var(--g-greenline,#cdeed8);padding:9px 11px;display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center;opacity:0;animation:q3row var(--T) cubic-bezier(.2,.8,.2,1) infinite;animation-delay:var(--at)}
.rcg .q3 .slot i{width:26px;height:26px;border-radius:50%;background:#16a34a;display:grid;place-items:center;grid-row:1/3}.rcg .q3 .slot i svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:2}.rcg .q3 .slot b{font-size:11px;font-weight:700;color:#15803d}.rcg .q3 .slot span{font-size:9.5px;color:#15803d;opacity:.85}
.rcg .q3 .tm{position:absolute;left:20px;bottom:20px;font-size:10px;color:var(--g-mute,#7a8190);display:flex;align-items:center;gap:6px}.rcg .q3 .tm b{font-weight:700;color:var(--g-ink,#111318);font-variant-numeric:tabular-nums}
html[data-theme="dark"] .rcg .q3 .slot b,html[data-theme="dark"] .rcg .q3 .slot span{color:#4ade80}

/* ===== Q4 — deposit: customer view, pay → status flips → shop notified (560×420) ===== */
.rcg .q4 .doc{position:absolute;left:20px;top:20px;width:330px;bottom:20px;border:1px solid var(--g-line,#e3e5ea);border-radius:12px;padding:16px;background:var(--g-bg,#fff);border-top:3px solid #1b64f3}
.rcg .q4 .doc .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.rcg .q4 .doc .qn{font-size:13px;font-weight:700;color:#1b64f3}.rcg .q4 .doc .vu{font-size:9.5px;color:var(--g-mute,#7a8190);margin-top:2px}.rcg .q4 .doc .tot{text-align:right;flex:none}.rcg .q4 .doc .tot span{font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--g-mute,#7a8190)}.rcg .q4 .doc .tot b{display:block;font-size:15px;font-weight:700;color:#1b64f3}
.rcg .q4 .doc .ln{display:flex;justify-content:space-between;font-size:10.5px;padding:7px 0;border-bottom:1px solid var(--g-line,#eceef2);color:var(--g-ink2,#3a3f4b)}.rcg .q4 .doc .ln b{color:var(--g-ink,#111318);font-weight:600}.rcg .q4 .doc .lns{margin-top:14px}
.rcg .q4 .dep{margin-top:14px;border-radius:9px;background:var(--g-hi,#eef3ff);border:1px solid var(--g-blueline,#c9d8fb);padding:10px 12px;display:flex;align-items:center;gap:10px}
.rcg .q4 .dep .l{flex:1}.rcg .q4 .dep .l b{font-size:11px;font-weight:700;white-space:nowrap}.rcg .q4 .dep .l b i{font-style:normal;color:#1b64f3;margin-left:6px}.rcg .q4 .dep .l span{display:block;font-size:9px;color:var(--g-mute,#7a8190);margin-top:2px}
.rcg .q4 .pay{height:28px;padding:0 12px;border-radius:7px;background:#1b64f3;color:#fff;font-size:10.5px;font-weight:600;display:flex;align-items:center;gap:6px;position:relative;overflow:hidden;white-space:nowrap}.rcg .q4 .pay::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.35);transform:scaleX(0);transform-origin:left;animation:q4press var(--T) ease-out infinite}@keyframes q4press{0%,24%{transform:scaleX(0);opacity:1}27%{transform:scaleX(1);opacity:1}28%,100%{opacity:0}}
.rcg .q4 .pay .a{animation:q4a var(--T) step-end infinite}.rcg .q4 .pay .b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;background:#16a34a;opacity:0;animation:q4b var(--T) step-end infinite}.rcg .q4 .pay .b svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2.5}
@keyframes q4a{0%,30%{opacity:1}30.1%,100%{opacity:0}}@keyframes q4b{0%,30%{opacity:0}30.1%,100%{opacity:1}}
.rcg .q4 .acc{margin-top:14px;height:30px;border-radius:7px;border:1px solid var(--g-line,#e3e5ea);color:var(--g-mute2,#9aa0ab);font-size:10.5px;font-weight:600;display:grid;place-items:center;animation:q4acc var(--T) step-end infinite}@keyframes q4acc{0%,32%{background:var(--g-soft,#f0f1f4);color:var(--g-mute2,#9aa0ab)}32.1%,100%{background:#0c0d10;color:#fff;border-color:#0c0d10}}
.rcg .q4 .side{position:absolute;left:370px;right:20px;top:20px;display:grid;gap:10px}
.rcg .qg .card,.rcg .q4 .card{position:relative;inset:auto;width:auto;box-shadow:none;transform:none;border:1px solid var(--g-line,#e3e5ea);border-radius:12px;padding:12px 14px;background:var(--g-bg,#fff);opacity:0;animation:q4card var(--T) cubic-bezier(.2,.8,.2,1) infinite;animation-delay:var(--at)}@keyframes q4card{0%{opacity:0;transform:translateY(8px)}3%,100%{opacity:1;transform:none}}
.rcg .q4 .card .k{font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g-mute,#7a8190)}.rcg .q4 .card .v{font-size:15px;font-weight:700;margin-top:4px}.rcg .q4 .card .s{font-size:10px;color:var(--g-mute,#7a8190);margin-top:2px}
.rcg .q4 .card .v.g{color:#16a34a}.rcg .q4 .card .row{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:10.5px}
.rcg .q4 .card.shop{opacity:1;animation:none}.rcg .q4 .card.shop .stw{position:relative;display:inline-block;height:20px;min-width:80px}.rcg .q4 .card.shop .stw .st{position:absolute;left:0;top:0}.rcg .q4 .card.shop .p1{animation:q4a var(--T) step-end infinite}.rcg .q4 .card.shop .p2{opacity:0;animation:q4b var(--T) step-end infinite}
.rcg .q4 .toast{animation:q4t var(--T) ease-out infinite}@keyframes q4t{0%,34%{opacity:0;transform:translateY(10px)}37%,80%{opacity:1;transform:none}84%,100%{opacity:0}}

/* ===== Q5 — add-ons: customer ticks upgrades, total climbs (560×420) ===== */
.rcg .q5 .pane{position:absolute;inset:0;padding:20px 22px}
.rcg .q5 .hd{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.rcg .q5 .hd i{width:18px;height:18px;border-radius:50%;background:#fff3d6;display:grid;place-items:center}.rcg .q5 .hd i svg{width:10px;height:10px;stroke:#d97706;fill:none;stroke-width:2}.rcg .q5 .hd span{color:var(--g-mute,#7a8190);font-weight:500;font-size:10.5px}
.rcg .q5 .sub{font-size:10.5px;color:var(--g-mute,#7a8190);margin-top:4px}
.rcg .q5 .ad{margin-top:10px;border:1px solid var(--g-line,#e3e5ea);border-radius:10px;padding:10px 12px;display:grid;grid-template-columns:18px 1fr auto;gap:0 10px;align-items:center;background:var(--g-bg,#fff);animation:q5ad var(--T) step-end infinite;animation-delay:var(--at)}
@keyframes q5ad{0%{border-color:var(--g-line,#e3e5ea);background:var(--g-bg,#fff)}1%,100%{border-color:#1b64f3;background:var(--g-hi,#eef3ff)}}
.rcg .q5 .ad.no{animation:none}
.rcg .q5 .ad .r{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--g-mute3,#c9cdd5);position:relative;grid-column:1;grid-row:1/3}.rcg .q5 .ad .r::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#1b64f3;transform:scale(0)}
.rcg .q5 .ad:not(.no) .r{animation:q5r var(--T) step-end infinite;animation-delay:var(--at)}.rcg .q5 .ad:not(.no) .r::after{animation:q5rd var(--T) cubic-bezier(.2,.8,.2,1) infinite;animation-delay:var(--at)}
@keyframes q5r{0%{border-color:var(--g-mute3,#c9cdd5)}1%,100%{border-color:#1b64f3}}@keyframes q5rd{0%{transform:scale(0)}3%,100%{transform:scale(1)}}
.rcg .q5 .ad b{font-size:11.5px;font-weight:600;grid-column:2;grid-row:1}.rcg .q5 .ad span{font-size:10px;color:var(--g-mute,#7a8190);grid-column:2;margin-top:1px;line-height:1.35}
.rcg .q5 .ad .pr{grid-column:3;grid-row:1/3;text-align:right;font-size:11.5px;font-weight:700;white-space:nowrap}.rcg .q5 .ad .pr s{display:block;font-size:9.5px;color:var(--g-mute2,#9aa0ab);font-weight:500}
.rcg .q5 .cur{position:absolute;width:14px;height:14px;pointer-events:none;opacity:0;animation:q5cur var(--T) cubic-bezier(.2,.8,.2,1) infinite}.rcg .q5 .cur svg{width:14px;height:14px;fill:#0c0d10;stroke:#fff;stroke-width:1.2}
html[data-theme="dark"] .rcg .q5 .cur svg{fill:#fff;stroke:#0c0d10}
@keyframes q5cur{0%,12%{opacity:0;left:300px;top:330px}18%{opacity:1;left:31px;top:118px}24%{left:31px;top:118px}26%{left:31px;top:118px;transform:scale(.85)}28%{transform:none}44%{left:31px;top:196px}48%{left:31px;top:196px;transform:scale(.85)}50%{transform:none}64%{opacity:1;left:420px;top:250px}70%,100%{opacity:0;left:420px;top:250px}}
.rcg .q5 .tot{position:absolute;left:22px;right:22px;bottom:20px;border-top:1px solid var(--g-line,#e3e5ea);padding-top:12px;display:flex;justify-content:space-between;align-items:baseline}
.rcg .q5 .tot span{font-size:11px;color:var(--g-mute,#7a8190)}.rcg .q5 .tot .v{position:relative;font-size:20px;font-weight:700;min-width:130px;text-align:right}.rcg .q5 .tot .v b{position:absolute;right:0;top:0;opacity:0;font-weight:700}
.rcg .q5 .tot .v .v0{animation:q5v0 var(--T) step-end infinite}.rcg .q5 .tot .v .v1{animation:q5v1 var(--T) step-end infinite}.rcg .q5 .tot .v .v2{animation:q5v2 var(--T) step-end infinite}
@keyframes q5v0{0%,26%{opacity:1}26.1%,100%{opacity:0}}@keyframes q5v1{0%,26%{opacity:0}26.1%,48%{opacity:1}48.1%,100%{opacity:0}}@keyframes q5v2{0%,48%{opacity:0}48.1%,100%{opacity:1}}
.rcg .q5 .up{position:absolute;right:22px;bottom:52px;font-size:10px;font-weight:600;color:#16a34a;opacity:0;animation:q5up var(--T) ease-out infinite}@keyframes q5up{0%,49%{opacity:0;transform:translateY(6px)}52%,92%{opacity:1;transform:none}96%,100%{opacity:0}}

/* ===== Q6 — last offer: lead goes cold → win-back agent → offer accepted (560×420) ===== */
.rcg .q6 .tl{position:absolute;left:20px;top:20px;width:236px;bottom:20px;border:1px solid var(--g-line,#e3e5ea);border-radius:12px;padding:14px;background:var(--g-bg,#fff)}
.rcg .q6 .tl .hd{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.rcg .q6 .tl .hd .st{margin-left:auto}
.rcg .q6 .tl .stw{position:relative;display:inline-block;height:20px;min-width:80px;margin-left:auto}.rcg .q6 .tl .stw .st{position:absolute;right:0;top:0}
.rcg .q6 .c1{animation:q6c1 var(--T) step-end infinite}.rcg .q6 .c2{opacity:0;animation:q6c2 var(--T) step-end infinite}.rcg .q6 .c3{opacity:0;animation:q6c3 var(--T) step-end infinite}
@keyframes q6c1{0%,18%{opacity:1}18.1%,100%{opacity:0}}@keyframes q6c2{0%,18%{opacity:0}18.1%,72%{opacity:1}72.1%,100%{opacity:0}}@keyframes q6c3{0%,72%{opacity:0}72.1%,100%{opacity:1}}
.rcg .q6 .ev{display:grid;grid-template-columns:16px 1fr;gap:0 10px;padding:9px 0;font-size:10.5px;line-height:1.35;position:relative}.rcg .q6 .ev::before{content:"";position:absolute;left:7px;top:26px;bottom:-6px;width:1px;background:var(--g-line,#eceef2)}.rcg .q6 .ev:last-child::before{display:none}
.rcg .q6 .ev i{width:16px;height:16px;border-radius:50%;background:var(--g-soft,#f0f1f4);display:grid;place-items:center;margin-top:1px}.rcg .q6 .ev i svg{width:9px;height:9px;stroke:var(--g-mute,#7a8190);fill:none;stroke-width:2}
.rcg .q6 .ev b{font-weight:600;display:block}.rcg .q6 .ev span{color:var(--g-mute,#7a8190);font-size:9.5px}
.rcg .q6 .ev.ai{box-shadow:none;background:transparent;border:0;border-radius:0}.rcg .q6 .ev.ai i{background:#1b64f3;box-shadow:none}.rcg .q6 .ev.ai i img{width:8px;filter:brightness(0) invert(1)}.rcg .q6 .ev.ok i{background:#16a34a}.rcg .q6 .ev.ok i svg{stroke:#fff}
.rcg .q6 .ev.late{opacity:0;animation:q6ev var(--T) cubic-bezier(.2,.8,.2,1) infinite;animation-delay:var(--at)}@keyframes q6ev{0%{opacity:0;transform:translateY(6px)}3%,100%{opacity:1;transform:none}}
.rcg .q6 .msg{position:absolute;left:276px;right:20px;top:20px;bottom:20px;border:1px solid var(--g-line,#e3e5ea);border-radius:18px;background:var(--g-soft,#f7f8fa);padding:14px 14px 46px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;overflow:hidden}
.rcg .q6 .msg .who{position:absolute;left:0;right:0;top:0;height:34px;border-bottom:1px solid var(--g-line,#eceef2);background:var(--g-bg,#fff);display:flex;align-items:center;gap:8px;padding:0 12px;font-size:10.5px;font-weight:600}.rcg .q6 .msg .who i{width:18px;height:18px;border-radius:50%;background:#7ea6f8;color:#0b0c0f;font-size:8px;font-weight:700;display:grid;place-items:center}.rcg .q6 .msg .who span{margin-left:auto;font-weight:500;color:var(--g-mute,#7a8190);font-size:9px}
.rcg .q6 .m{max-width:84%;font-size:10.5px;line-height:1.4;padding:8px 10px;border-radius:12px;opacity:0;animation:q6m var(--T) cubic-bezier(.2,.8,.2,1) infinite;animation-delay:var(--at)}@keyframes q6m{0%{opacity:0;transform:translateY(8px)}3%,100%{opacity:1;transform:none}}
.rcg .q6 .m.out{align-self:flex-end;background:#1b64f3;color:#fff;border-bottom-right-radius:4px}.rcg .q6 .m.in{align-self:flex-start;background:var(--g-bg,#fff);border:1px solid var(--g-line,#e3e5ea);border-bottom-left-radius:4px}
.rcg .q6 .m.out small{display:block;font-size:8.5px;opacity:.7;margin-top:3px;text-align:right}
.rcg .q6 .offer{align-self:flex-end;width:88%;background:var(--g-bg,#fff);border:1px solid #1b64f3;border-radius:10px;padding:10px 12px;opacity:0;animation:q6m var(--T) cubic-bezier(.2,.8,.2,1) infinite;animation-delay:var(--at)}
.rcg .q6 .offer .k{font-size:8.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#1b64f3}.rcg .q6 .offer .p{display:flex;align-items:baseline;gap:8px;margin-top:4px}.rcg .q6 .offer .p b{font-size:16px;font-weight:700}.rcg .q6 .offer .p s{font-size:10px;color:var(--g-mute2,#9aa0ab)}.rcg .q6 .offer .p i{font-style:normal;font-size:9px;font-weight:700;color:#16a34a;background:var(--g-greentint,#eefaf1);border-radius:4px;padding:2px 5px}
.rcg .q6 .offer .cta{margin-top:8px;height:24px;border-radius:6px;background:#1b64f3;color:#fff;font-size:10px;font-weight:600;display:grid;place-items:center;position:relative;overflow:hidden}.rcg .q6 .offer .cta::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.35);transform:scaleX(0);transform-origin:left;animation:q6press var(--T) ease-out infinite}@keyframes q6press{0%,68%{transform:scaleX(0);opacity:1}71%{transform:scaleX(1);opacity:1}72%,100%{opacity:0}}
.rcg .q6 .cap{position:absolute;left:0;right:0;bottom:0;height:32px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:var(--g-mute,#7a8190);background:var(--g-bg,#fff);border-top:1px solid var(--g-line,#eceef2)}.rcg .q6 .cap b{color:var(--g-ink,#111318);font-weight:600}.rcg .q6 .cap i{width:6px;height:6px;border-radius:50%;background:#22c55e}

/* dark tokens */
html[data-theme="dark"] .rcg .qg{--g-bg:#141821;--g-ink:#f4f5f7;--g-ink2:#c7ccd5;--g-mute:#9aa0ab;--g-mute2:#6b7280;--g-mute3:#4b5260;--g-line:#262b36;--g-soft:#1c1f26;--g-hi:rgba(255,255,255,.07);--g-bluetint:rgba(59,124,255,.2);--g-blueline:rgba(59,124,255,.4);--g-greentint:rgba(34,197,94,.14);--g-greenline:rgba(34,197,94,.35)}
html[data-theme="dark"] .rcg .q4 .acc{border-color:var(--g-line)}html[data-theme="dark"] .rcg .qg .cust,html[data-theme="dark"] .rcg .qg .quote,html[data-theme="dark"] .rcg .qg .card,html[data-theme="dark"] .rcg .qg .lead,html[data-theme="dark"] .rcg .qg .doc,html[data-theme="dark"] .rcg .qg .tl,html[data-theme="dark"] .rcg .qg .msg{box-shadow:none}