/* Client service overview: task progress is separate from contract fulfilment. */
.app-layout .dv-client-workspace .cd-progress{
  display:grid;gap:20px;min-width:0;padding:22px 26px;
  border:1px solid var(--border-default);border-radius:16px;
  background:linear-gradient(105deg,var(--surface-raised) 58%,#f1faff);
  box-shadow:var(--shadow-panel);
}
.dv-client-workspace .cd-progress-head{display:flex;align-items:center;gap:12px;min-width:0}
.dv-client-workspace .cd-progress-head-icon{
  display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;
  border:1px solid #cdeafa;border-radius:14px;background:#e8f7ff;color:var(--brand-strong);
}
.dv-client-workspace .cd-progress-head>div{min-width:0;flex:1}
.dv-client-workspace .cd-progress-head h2{margin:0;font-size:16px;line-height:1.4;color:var(--text-primary)}
.dv-client-workspace .cd-progress-head p{margin:3px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.55}
.dv-client-workspace .cd-progress-head>.btn{flex:0 0 auto;white-space:nowrap}
.dv-client-workspace .cd-progress-content{display:grid;grid-template-columns:124px minmax(0,1fr);align-items:center;gap:28px;min-width:0}
.dv-client-workspace .cd-progress-dial{position:relative;display:grid;place-items:center;width:124px;height:124px}
.dv-client-workspace .cd-progress-dial svg{display:block;width:124px;height:124px;transform:rotate(-90deg)}
.dv-client-workspace .cd-progress-dial circle{fill:none;stroke-width:10}
.dv-client-workspace .cd-progress-track{stroke:#e3eff6}
.dv-client-workspace .cd-progress-value{stroke:var(--brand-blue);stroke-linecap:round;transition:stroke-dasharray .18s ease}
.dv-client-workspace .cd-progress-dial>span{position:absolute;display:grid;justify-items:center;gap:1px;text-align:center}
.dv-client-workspace .cd-progress-dial strong{font-size:27px;font-weight:650;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--text-primary)}
.dv-client-workspace .cd-progress-dial small{font-size:11px;color:var(--text-secondary)}
.dv-client-workspace .cd-progress-detail{display:grid;gap:15px;min-width:0}
.dv-client-workspace .cd-progress-summary{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dv-client-workspace .cd-progress-summary strong{font-size:18px;line-height:1.35;color:var(--text-primary);font-variant-numeric:tabular-nums}
.dv-client-workspace .cd-progress-summary span{font-size:12px;color:var(--text-secondary)}
.dv-client-workspace .cd-progress-rail{display:flex;width:100%;height:11px;overflow:hidden;border-radius:999px;background:#e8eef4}
.dv-client-workspace .cd-progress-segment{display:block;height:100%;min-width:0}
.dv-client-workspace .cd-progress-segment[data-stage=waiting]{background:#b8c9d6}
.dv-client-workspace .cd-progress-segment[data-stage=active]{background:var(--brand-blue)}
.dv-client-workspace .cd-progress-segment[data-stage=verified]{background:var(--status-success,#16805d)}
.dv-client-workspace .cd-progress-legend{display:flex;gap:12px 22px;flex-wrap:wrap}
.dv-client-workspace .cd-progress-legend>span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);white-space:nowrap}
.dv-client-workspace .cd-progress-legend>span>strong{color:var(--text-primary);font-variant-numeric:tabular-nums}
.dv-client-workspace .cd-progress-legend i{width:8px;height:8px;border-radius:50%;background:#b8c9d6}
.dv-client-workspace .cd-progress-legend i[data-stage=active]{background:var(--brand-blue)}
.dv-client-workspace .cd-progress-legend i[data-stage=verified]{background:var(--status-success,#16805d)}
.app-layout .dv-client-workspace .dv-metrics>.dv-metric-shell:nth-child(3) .insight-icon{background:#e8f7ff!important;color:var(--brand-strong)!important}
.dv-client-workspace .dv-task-card[data-stage=waitingReview] .dv-task-symbol,
.dv-client-workspace .dv-task-card[data-stage=awaitingVerification] .dv-task-symbol{background:var(--status-warning-soft);border-color:#f4e6c4;color:var(--status-warning)}
.dv-client-workspace .dv-task-card[data-stage=inProgress] .dv-task-symbol,
.dv-client-workspace .dv-task-card[data-stage=waitingPublication] .dv-task-symbol{background:#eaf7ff;border-color:#cdeafa;color:var(--brand-strong)}
.dv-client-workspace .dv-task-actions .btn:focus-visible,
.dv-client-workspace .cd-progress-head .btn:focus-visible{outline:2px solid var(--brand-strong);outline-offset:3px}
@media(max-width:680px){
  .app-layout .dv-client-workspace .cd-progress{gap:17px;padding:18px}
  .dv-client-workspace .cd-progress-head{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start}
  .dv-client-workspace .cd-progress-head>.btn{grid-column:1/-1;justify-self:end;min-height:36px;margin:-6px 0 0}
  .dv-client-workspace .cd-progress-content{grid-template-columns:96px minmax(0,1fr);gap:18px}
  .dv-client-workspace .cd-progress-dial,.dv-client-workspace .cd-progress-dial svg{width:96px;height:96px}
  .dv-client-workspace .cd-progress-dial strong{font-size:22px}
  .dv-client-workspace .cd-progress-summary{display:grid;gap:3px}
  .dv-client-workspace .cd-progress-summary strong{font-size:15px}
  .dv-client-workspace .cd-progress-detail{gap:10px}
  .dv-client-workspace .cd-progress-legend{gap:5px 12px}
  .dv-client-workspace .dv-work-tabs{justify-content:flex-start;gap:10px;padding:0 10px;overflow-x:auto;scrollbar-width:thin}
  .dv-client-workspace .dv-work-tabs button{flex:0 0 auto;white-space:nowrap}
}
@media(max-width:360px){
  .app-layout .dv-client-workspace .dv-metrics .insight-icon{width:36px!important;height:36px!important;border-radius:11px!important}
  .app-layout .dv-client-workspace .dv-metrics .insight-icon svg{width:20px!important;height:20px!important}
  .dv-client-workspace .dv-work-tabs button{font-size:12px;gap:4px}
  .dv-client-workspace .cd-progress-content{grid-template-columns:1fr;justify-items:start}
  .dv-client-workspace .cd-progress-detail{width:100%}
  .dv-client-workspace .cd-progress-head>.btn{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.dv-client-workspace .cd-progress-value{transition:none}}