/* Service score card of the planning page. Tokens of _ds.css only: no colour, font or size of its own (12.10.2026, Nativ: the score as a prominent ring). */
.service-score-card{margin-top:var(--v-gap)}
.service-score-card .v-card__head{align-items:flex-start}
.service-score-card .v-card__head>div{min-width:0}
.service-score-card .v-card__head h3{margin:0}
.service-score-card .v-card__head p{margin:5px 0 0;color:var(--v-muted);font-size:var(--v-fs-cap);line-height:1.5}
.service-score-card .v-ai{padding:var(--v-pad-card);background:var(--v-surface-2)}
.service-score-card .v-ai__lab{display:none}
.service-score-card .v-ai__ok{font-size:var(--v-fs-body)}
.service-score-card .v-ai__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--v-gap);margin:8px 0 0;padding:0;list-style:none}

/* one card per manager; --svc is the colour of the band (the word decides it, never the number alone) */
.svc-card{--svc:var(--v-muted);position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:var(--v-pad-card);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-card);background:var(--v-surface);box-shadow:var(--v-sh-card);text-align:center}
.svc-card.is-ok{--svc:var(--v-good)}
.svc-card.is-info{--svc:var(--v-info)}
.svc-card.is-warn{--svc:var(--v-warn)}
.svc-card.is-bad{--svc:var(--v-bad)}
.svc-card.is-bad{border-color:var(--v-bad)}

.svc-rank{position:absolute;top:12px;inset-inline-start:12px;display:grid;place-items:center;min-width:24px;height:24px;border-radius:var(--v-r-chip);background:var(--v-blue-soft);color:var(--v-blue);font-size:var(--v-fs-cap);font-weight:700}
.svc-rank.is-empty{background:var(--v-surface-2);color:var(--v-muted)}

.svc-ring{position:relative;width:132px;height:132px;flex:none}
.svc-ring__svg{display:block;width:100%;height:100%}
.svc-ring__track{fill:none;stroke:var(--v-line);stroke-width:10}
.svc-ring__bar{fill:none;stroke:var(--svc);stroke-width:10;stroke-linecap:round;animation:svc-draw var(--v-norm) var(--v-ease) both}
.svc-ring__mid{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.svc-ring__mid b{display:block;font-size:var(--v-fs-kpi);line-height:1;font-weight:700;color:var(--svc);font-variant-numeric:tabular-nums}
.svc-ring__mid small{display:block;margin-top:3px;font-size:var(--v-fs-cap);color:var(--v-muted)}
@keyframes svc-draw{from{stroke-dasharray:0 100}}
@media (prefers-reduced-motion:reduce){.svc-ring__bar{animation:none}}

.svc-card__name{font-size:var(--v-fs-strong);color:var(--v-ink)}
.svc-card__fb{font-size:var(--v-fs-cap);color:var(--v-muted)}
.svc-card__go{margin:2px 0 0;font-size:var(--v-fs-body);line-height:1.5;color:var(--v-ink-2)}
.svc-card>small{display:block;font-size:var(--v-fs-cap);color:var(--v-muted)}
.svc-card [data-role="basis"]{margin-top:6px;padding-top:8px;border-top:var(--v-bw) solid var(--v-line);align-self:stretch}
.service-score-card [data-role="basis-all"]{margin-top:10px;padding-top:10px;border-top:var(--v-bw) solid var(--v-line)}