/* Vesper Deal Desk: the platform's stylesheet does the work. Only what it lacks is here. No new colours: the accent is the text colour. */
body.vdd{--accent:var(--t1);--accent-hover:var(--t1);--accent-soft:rgba(127,133,150,.12);--accent-line:var(--line2);--info:var(--t2)}
body.vdd .btn:hover{background:var(--t1);color:var(--bg)}
body.vdd .btn.ghost:hover{background:transparent;color:var(--t1);border-color:var(--t1)}
body.vdd .pill.pending{border-style:dashed}
body.vdd .pill.solid{background:var(--t1);color:var(--bg);border-color:var(--t1)}
body.vdd .pill.struck{color:var(--t3);text-decoration:line-through;text-decoration-thickness:1px}
.ref{font-family:var(--mono);font-size:.72rem;letter-spacing:.02em;color:var(--t2);word-break:break-all}
.deal{display:block;border:1px solid var(--line);border-radius:var(--r-l);background:var(--panel);padding:1.4rem 1.5rem;margin-bottom:1rem}
.deal:hover{border-color:var(--line2)}
.deal h2{font-family:var(--display);font-weight:var(--h-weight);font-size:1.6rem;letter-spacing:-.02em;margin:.5rem 0 .2rem}
.deal .row{display:flex;gap:2.4rem;flex-wrap:wrap;margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--line)}
.deal .row div b{display:block;font-weight:400;font-size:1.05rem}.deal .row div span{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}
.who{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--line)}.who:last-child{border-bottom:0}
.who b{font-weight:400;display:block}.who small{color:var(--t2);font-size:.84em;display:block}
.dsteps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:1rem 0 1.4rem;list-style:none}
.dsteps li{border-top:2px solid var(--line2);padding-top:.6rem;color:var(--t3)}
.dsteps li b{display:block;font-weight:400;color:inherit}.dsteps li span{font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase}
.dsteps li.done{border-color:var(--ok);color:var(--t2)}.dsteps li.now{border-color:var(--t1);color:var(--t1)}
.f{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--t2);margin:1rem 0 .35rem}
.vdd input[type=text],.vdd input[type=email],.vdd textarea,.vdd select{width:100%;padding:.7rem .8rem;border:1px solid var(--line2);border-radius:var(--r-s);background:var(--field);color:var(--t1);font:inherit}
.vdd input[type=file]{font:inherit;color:var(--t2)}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 1rem}
.vdd .cols>*{min-width:0}
.dsteps li small{display:block;font-size:.8em;color:var(--t3)}
.note{border-left:2px solid var(--line2);padding:.2rem 0 .2rem .9rem;color:var(--t2);margin:.8rem 0}
.kv{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1.4rem;margin-top:.6rem}.kv dt{color:var(--t2)}.kv dd{word-break:break-word}
tr.detail td{background:var(--well);padding:1.1rem 1.2rem}
.rowbtn{cursor:pointer}
[hidden]{display:none!important}
@media(max-width:980px){.dsteps{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}