/* Sprint 25 — Onboarding & Go-live Assistido */
.service-onboarding-head{align-items:flex-start}
.service-onboarding-hero{
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);
  gap:18px;align-items:center;margin-bottom:14px;
  border:1px solid var(--line);border-left:5px solid var(--green);
  border-radius:16px;background:var(--panel);padding:20px 22px;
  box-shadow:0 16px 38px rgba(20,63,43,.05)
}
.service-onboarding-hero.attention{border-left-color:#d19a26}
.service-onboarding-hero.live{border-left-color:#12a66c}
.service-onboarding-score{
  display:grid;grid-template-columns:auto minmax(0,1fr);
  gap:18px;align-items:center
}
.service-onboarding-score-ring{
  --score:0;
  width:104px;height:104px;border-radius:50%;
  display:grid;place-items:center;align-content:center;
  background:
    radial-gradient(circle at center,var(--panel) 62%,transparent 64%),
    conic-gradient(var(--green) calc(var(--score)*1%), color-mix(in srgb,var(--line) 65%,transparent) 0);
  border:1px solid var(--line)
}
.service-onboarding-score.attention .service-onboarding-score-ring{
  background:
    radial-gradient(circle at center,var(--panel) 62%,transparent 64%),
    conic-gradient(#d19a26 calc(var(--score)*1%), color-mix(in srgb,var(--line) 65%,transparent) 0)
}
.service-onboarding-score.pending .service-onboarding-score-ring{
  background:
    radial-gradient(circle at center,var(--panel) 62%,transparent 64%),
    conic-gradient(#d95a62 calc(var(--score)*1%), color-mix(in srgb,var(--line) 65%,transparent) 0)
}
.service-onboarding-score-ring strong{font-size:29px;line-height:1}
.service-onboarding-score-ring span{font-size:11px;color:var(--muted);margin-top:3px}
.service-onboarding-score>div:last-child{display:grid;gap:4px}
.service-onboarding-score>div:last-child>span{
  color:var(--muted);font-size:9px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase
}
.service-onboarding-score h3{font-size:26px;margin:0}
.service-onboarding-score p{margin:0;color:var(--muted);max-width:650px}
.service-onboarding-readiness,
.service-onboarding-live{
  border:1px solid var(--line);border-radius:13px;
  padding:14px 16px;background:var(--panel2);
  display:grid;gap:5px
}
.service-onboarding-live{
  grid-template-columns:auto minmax(0,1fr);align-items:start
}
.service-onboarding-live .status-dot{margin-top:6px}
.service-onboarding-readiness b,.service-onboarding-live b{font-size:16px}
.service-onboarding-readiness p,.service-onboarding-live p,.service-onboarding-live small{
  margin:0;color:var(--muted)
}
.service-onboarding-kpis{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;margin-bottom:14px
}
.service-onboarding-kpis article{
  border:1px solid var(--line);border-radius:13px;background:var(--panel);
  padding:14px 15px;display:grid;gap:4px
}
.service-onboarding-kpis span{
  color:var(--muted);font-size:9px;font-weight:800;
  text-transform:uppercase;letter-spacing:.06em
}
.service-onboarding-kpis b{font-size:22px}
.service-onboarding-kpis small{color:var(--muted)}
.service-onboarding-grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px;margin-bottom:14px
}
.service-onboarding-list{padding:17px}
.service-onboarding-list-progress{text-align:right;display:grid;gap:2px}
.service-onboarding-list-progress b{font-size:15px}
.service-onboarding-list-progress span{color:var(--muted);font-size:11px}
.service-onboarding-mini-progress{
  height:6px;border-radius:999px;
  background:color-mix(in srgb,var(--line) 68%,transparent);
  overflow:hidden;margin:5px 0 13px
}
.service-onboarding-mini-progress span{
  display:block;height:100%;border-radius:999px;background:var(--green)
}
.service-onboarding-tasks{display:grid;gap:8px}
.service-onboarding-task{
  display:grid;grid-template-columns:34px minmax(0,1fr) auto;
  gap:10px;align-items:center;border:1px solid var(--line);
  border-radius:11px;padding:10px 11px;background:var(--panel2)
}
.service-onboarding-task-state{
  width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;font-weight:900;
  border:1px solid var(--line);background:var(--panel);color:var(--muted)
}
.service-onboarding-task.done .service-onboarding-task-state{
  background:#e7f8ef;color:#08794d;border-color:#bde8d3
}
.service-onboarding-task.pending .service-onboarding-task-state{
  background:#fff5df;color:#9b690d;border-color:#efd79a
}
.service-onboarding-task-copy{display:grid;gap:3px}
.service-onboarding-task-title{
  display:flex;justify-content:space-between;gap:10px;align-items:center
}
.service-onboarding-task-title span{
  color:var(--muted);font-size:10px;font-weight:800
}
.service-onboarding-task-copy p{
  margin:0;color:var(--muted);font-size:11px;line-height:1.35
}
.service-onboarding-guide{
  padding:17px 18px;display:flex;justify-content:space-between;
  gap:22px;align-items:center;border-left:4px solid var(--green)
}
.service-onboarding-guide>div:first-child{max-width:760px}
.service-onboarding-guide h3{margin:2px 0 4px}
.service-onboarding-guide p{margin:0;color:var(--muted)}
.service-onboarding-guide-flow{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end
}
.service-onboarding-guide-flow span{
  border:1px solid var(--line);border-radius:999px;padding:7px 10px;
  background:var(--panel2);font-size:10px;font-weight:800
}
.service-onboarding-guide-flow b{color:var(--green)}
.service-onboarding-dialog-note{
  border:1px solid var(--line);border-radius:10px;background:var(--panel2);
  padding:11px 12px;display:grid;gap:3px;margin-top:8px
}
.service-onboarding-dialog-note span{color:var(--muted);font-size:11px}

@media(max-width:1200px){
  .service-onboarding-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-onboarding-grid{grid-template-columns:1fr}
}
@media(max-width:800px){
  .service-onboarding-hero{grid-template-columns:1fr}
  .service-onboarding-score{grid-template-columns:1fr}
  .service-onboarding-kpis{grid-template-columns:1fr}
  .service-onboarding-task{grid-template-columns:34px minmax(0,1fr)}
  .service-onboarding-task .btn{grid-column:2;justify-self:start}
  .service-onboarding-guide{display:grid}
  .service-onboarding-guide-flow{justify-content:flex-start}
}