/* Deal page (P-113): stage row, log box, timeline, right column. Colours and spacing from tokens.css. */
.dl-h1{margin:var(--s-3) 0 var(--s-1);font-size:var(--fs-xl);letter-spacing:-.02em}
.dl-stagerow{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-4)}
.dl-stages{display:flex;gap:var(--s-1);list-style:none;margin:0;padding:0;overflow-x:auto;max-width:100%}
.dl-stages li{padding:6px var(--s-3);border-radius:var(--r-pill);background:var(--surface3);color:var(--muted);font-size:var(--fs-sm);white-space:nowrap}
.dl-stages li.done{color:var(--ink2)}
.dl-stages li.on{background:var(--acc-soft);color:var(--acc-ink);font-weight:600;box-shadow:inset 0 0 0 1px var(--acc-line)}

.dl-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--s-5);align-items:start}
.dl-main{min-width:0}
.dl-side{display:grid;gap:var(--s-3);min-width:0}
.dl-sec{padding:var(--s-3) var(--s-4) var(--s-4)}
.dl-row{display:flex;justify-content:space-between;gap:var(--s-3);padding:var(--s-1) 0;align-items:baseline}
.dl-sec .btn{margin-top:var(--s-2)}

.dl-log{padding:var(--s-3) var(--s-4) var(--s-4);display:grid;gap:var(--s-2)}
.dl-tabs{display:flex;gap:var(--s-1);flex-wrap:wrap}
.dl-tab{height:32px;padding:0 var(--s-3);border:0;border-radius:var(--r-pill);background:var(--surface3);color:var(--ink2);font-size:var(--fs-sm);cursor:pointer}
.dl-tab.on{background:var(--acc-soft);color:var(--acc-ink);font-weight:600;box-shadow:inset 0 0 0 1px var(--acc-line)}
.dl-mk{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-base);cursor:pointer}
.dl-step{margin-top:var(--s-1)}.dl-step[hidden]{display:none}

.dl-tls{list-style:none;margin:0 0 var(--s-3);padding:0 0 0 var(--s-2)}
.dl-tl{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr);gap:var(--s-3);padding:0 0 var(--s-4)}
.dl-tl:before{content:"";position:absolute;left:6px;top:14px;bottom:0;width:1px;background:var(--edge)}
.dl-tl:last-child:before{display:none}
.dl-dot{width:11px;height:11px;margin-top:4px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 3px var(--bg)}
.dl-tl.sys .dl-dot{background:var(--bg);box-shadow:inset 0 0 0 2px var(--faint),0 0 0 3px var(--bg)}
.dl-tt b{font-weight:500}
.dl-body{margin:var(--s-1) 0;white-space:pre-wrap;overflow-wrap:anywhere}

@media (max-width:900px){.dl-grid{grid-template-columns:minmax(0,1fr)}.dl-side{order:-1}}