/* v675 - viewing drawer: broker / company links, tappable stages + stage sheet. Roll back: remove this <link> in index.html. */

/* broker + company links: no underline, a soft gold sheen sweeps over the name now and then to hint that it is tappable */
html body #vcDetailModal .vcb-who strong.d329-link, html body #vcDetailModal .vcb-who small.d329-link, html body #vcDetailModal .vc-history-item .bhl-name u{text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body #vcDetailModal .vcb-who strong.d329-link::after{content:none!important}
html body #vcDetailModal .vcb-who strong.d329-link:active, html body #vcDetailModal .vcb-who small.d329-link:active{opacity:.7}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  html body #vcDetailModal .vcb-who strong.d329-link{background-image:linear-gradient(105deg,#16294A 0%,#16294A 42%,#D9A740 50%,#16294A 58%,#16294A 100%);background-size:260% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:d329sheen 5s ease-in-out 1s infinite}
  html body #vcDetailModal .vcb-who small.d329-link{background-image:linear-gradient(105deg,#6B7A93 0%,#6B7A93 42%,#C9962F 50%,#6B7A93 58%,#6B7A93 100%);background-size:260% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:d329sheen 5s ease-in-out 1.6s infinite}
}
@keyframes d329sheen{0%{background-position:120% 0}28%,100%{background-position:-20% 0}}
html body #vcDetailModal .vcb-mono.d329-link{cursor:pointer;animation:d329ring 5s ease-out 1.3s infinite}
html body #vcDetailModal .vcb-mono.d329-link:active{transform:scale(.95)}
@keyframes d329ring{0%{box-shadow:0 0 0 0 rgba(217,167,64,.55)}22%,100%{box-shadow:0 0 0 9px rgba(217,167,64,0)}}
@media (prefers-reduced-motion:reduce){html body #vcDetailModal .vcb-who strong.d329-link,html body #vcDetailModal .vcb-who small.d329-link,html body #vcDetailModal .vcb-mono.d329-link{animation:none}}

/* the broker's round photo is not shown inside the Activity log (his name stays a link) */
html body #vcDetailModal .vc-history-item .bhl-mini{display:none!important}
html body #vcDetailModal .vc-history-item .bhl-name{padding-left:2px}

/* stage tracker: every step is tappable */
html body #vcDetailModal .vc-step.d329-step{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}
html body #vcDetailModal .vc-step.d329-step:active{transform:scale(.9)}
html body #vcDetailModal .vc-step.d329-step:focus-visible{outline:2px solid #B8862B;outline-offset:2px;border-radius:12px}
@media (hover:hover){html body #vcDetailModal .vc-step.d329-step:hover .vc-step-dot{box-shadow:0 0 0 3px rgba(200,155,60,.28)}}

/* stage sheet */
.d329-wrap{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-end;justify-content:center}
.d329-back{position:absolute;inset:0;background:rgba(10,20,40,.42);animation:d329f .18s ease both}
.d329-sheet{position:relative;width:min(560px,100%);max-height:78dvh;overflow-y:auto;overscroll-behavior:contain;background:#fff;color:#16294A;border-radius:22px 22px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px rgba(10,20,40,.28);animation:d329u .22s cubic-bezier(.2,.8,.2,1) both}
@media (min-width:721px){.d329-wrap{align-items:center}.d329-sheet{border-radius:22px;padding-bottom:18px}}
.d329-grab{display:block;width:40px;height:4px;border-radius:4px;background:#D5DBE5;margin:2px auto 10px}
.d329-head{display:flex;align-items:center;gap:12px}
.d329-ic{flex:0 0 auto;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#EEF2F8;color:#16294A;font-size:17px}
.d329-current .d329-ic{background:#16294A;color:#fff}
.d329-done .d329-ic{background:#E5F5EC;color:#1E8A4C}
.d329-closed .d329-ic{background:#FCE9E7;color:#C0392B}
.d329-ttl{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.d329-ttl b{font-size:17px;font-weight:800;line-height:1.2}
.d329-chip{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.02em;padding:2px 9px;border-radius:999px;background:#EEF2F8;color:#4A5B78}
.d329-current .d329-chip{background:#FFF1D6;color:#8A6416}
.d329-done .d329-chip{background:#E5F5EC;color:#1E8A4C}
.d329-closed .d329-chip{background:#FCE9E7;color:#C0392B}
.d329-x{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid #E3E8EF;background:#fff;color:#16294A;display:grid;place-items:center;cursor:pointer}
.d329-fact{margin-top:12px;font-size:13px;font-weight:700;color:#16294A}
.d329-help{margin:6px 0 0;font-size:13px;line-height:1.45;color:#5B6B85}
.d329-sec{margin:16px 0 8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8A97AD}
.d329-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.d329-act{display:flex;align-items:center;gap:9px;min-height:46px;padding:8px 12px;border-radius:14px;border:1px solid #E3E8EF;background:#fff;color:#16294A;font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer}
.d329-act i{flex:0 0 auto;width:18px;text-align:center;color:#B8862B}
.d329-act:active{background:#F3F6FB}
.d329-move{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;border:0;border-radius:15px;background:#16294A;color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.d329-move.is-skip{background:linear-gradient(135deg,#B8862B,#D9A740);color:#16294A}
.d329-move:active{transform:scale(.98)}
.d329-skip{margin-top:8px;font-size:12px;line-height:1.4;color:#8A6416;background:#FFF7E6;border-radius:10px;padding:7px 10px}
.d329-ask{margin-top:2px;padding:12px;border-radius:14px;background:#F3F6FB;display:flex;flex-direction:column;gap:10px;font-size:13px}
.d329-ask[hidden]{display:none}
.d329-ask>div{display:flex;gap:8px}
.d329-no,.d329-yes{flex:1 1 0;min-height:44px;border-radius:13px;font:inherit;font-weight:800;font-size:14px;cursor:pointer;border:1px solid #D5DBE5;background:#fff;color:#16294A}
.d329-yes{background:#16294A;color:#fff;border-color:#16294A}
.d329-yes.is-busy{opacity:.6}
.d329-block{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#F3F6FB;color:#5B6B85;font-size:12.5px;line-height:1.4}
@keyframes d329f{from{opacity:0}to{opacity:1}}
@keyframes d329u{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.d329-back,.d329-sheet{animation:none}}