/* Graphs fill their cards, with independent numeric scales and readable values. */
.readable-deck>.viz-panel{padding:14px 18px;container-type:inline-size}
.viz-panel .panel-heading{flex:none}.viz-panel .panel-body{display:flex;flex-direction:column;overflow:visible;gap:10px;min-height:0}
.viz-surface{font-size:18px;line-height:1.3;color:#29453d;font-variant-numeric:tabular-nums}
.viz-surface button{font:inherit;color:inherit}.viz-surface small{font-size:14px;color:#7a8c7d}.viz-panel .panel-foot{line-height:1.4;color:#7a8976}
.v-empty{display:flex;flex:1;min-height:80px;flex-direction:column;align-items:center;justify-content:center;color:#8b9b84;text-align:center;font-size:18px}.v-empty>span{font-size:50px}.v-empty>p{margin:10px 0}
.v-bars{display:flex;flex:1;min-height:0;flex-direction:column;gap:10px;padding:3px 0 0}
.v-bar-item{border:0;background:transparent;text-align:left;padding:0;display:flex;flex:1;min-height:0;flex-direction:column;justify-content:center;gap:7px;border-radius:6px;width:100%}.v-bar-item[data-v-action]:hover{background:#f1f5ec}
.v-bar-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:18px}.v-bar-label>b{font-size:23px;font-weight:600;white-space:nowrap}.v-bar-label b small{font-size:13px;font-weight:400}
.v-bar-track{height:clamp(14px,2.8vh,34px);flex:none;background:#edf1e8;border-radius:5px;overflow:hidden}.v-bar-track>i{display:block;height:100%;border-radius:5px;transition:width .25s ease}.v-bar-detail{display:block}
.v-axis-caption{display:flex;justify-content:space-between;font-size:13px;color:#8a9982;flex:none}
.v-column-chart{display:flex;flex:1;min-height:0;flex-direction:column;padding-bottom:4px}
.v-plot-legend{display:flex;flex:none;align-items:center;flex-wrap:wrap;gap:6px 16px;font-size:17px;color:#6c816f;margin:0 0 8px}.v-plot-legend>span{display:inline-flex;gap:7px;align-items:center}.v-plot-legend i{width:10px;height:10px;border-radius:3px}.v-plot-legend>small{margin-left:auto;font-size:14px}
.v-column-plot{position:relative;flex:1;min-height:115px;margin:30px 5px 38px 35px}
.v-gridlines{position:absolute;inset:0;pointer-events:none}.v-gridlines>div{position:absolute;left:0;right:0;border-top:1px dashed #dce4d5}.v-gridlines>div:first-child{border-top:1px solid #b8c8b5}.v-gridlines span{position:absolute;right:calc(100% + 8px);top:-9px;font-size:14px;color:#82917e;white-space:nowrap}
.v-column-groups{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--groups),minmax(0,1fr));gap:10px}
.v-column-group{position:relative;background:none;border:0;border-radius:5px;min-width:0;padding:0 8px;text-align:center;display:flex;align-items:stretch}.v-column-group:hover{background:#e5eddf66}.v-column-group:focus-visible{outline-offset:4px}
.v-column-bars{display:flex;align-items:flex-end;justify-content:center;gap:5px;width:100%;height:100%}
.v-column{position:relative;background:var(--bar-color);width:min(46%,62px);border-radius:6px 6px 0 0;min-width:12px;transition:height .3s ease}.v-column:only-child{width:min(70%,90px)}.v-column>strong{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);font-size:18px;white-space:nowrap;font-weight:600;color:#345d4d}
.v-column-label{position:absolute;top:calc(100% + 10px);left:-5px;right:-5px;white-space:nowrap;font-size:18px}.v-dim{opacity:.35}
.v-donut-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,1fr);gap:18px;align-items:center;min-height:0;flex:1}
.v-donut-visual{display:grid;place-items:center;min-height:0;height:100%}.v-donut{border-radius:50%;width:min(100%,320px);aspect-ratio:1;position:relative;box-shadow:0 2px 8px #264c3710}.v-donut>div{position:absolute;inset:20%;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.v-donut strong{font-size:clamp(30px,4vw,60px);line-height:1.1}.v-donut span{font-size:17px;color:#819078}
.v-donut-legend{display:flex;flex-direction:column;gap:12px}.v-donut-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:center;border:0;border-bottom:1px solid #e8ede1;background:none;text-align:left;padding:12px 0}.v-donut-row:hover{background:#f1f5ed}.v-donut-row>i{width:10px;height:10px;border-radius:50%}.v-donut-row>span{font-size:18px}.v-donut-row>b{text-align:right;font-size:25px}.v-donut-row small{display:block;font-size:14px;font-weight:400;margin-top:3px}
.v-check-rings{display:flex;flex:1;align-items:center;justify-content:space-evenly;gap:14px;min-height:0}.v-ratio{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;min-width:0;gap:7px}.v-ring{border-radius:50%;width:min(100%,210px);aspect-ratio:1;background:conic-gradient(var(--ring-color) var(--ring-rate),#e7eddf 0);position:relative}.v-ring>div{position:absolute;inset:12%;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center}.v-ring strong{font-size:clamp(22px,2.5vw,40px);letter-spacing:-1px}.v-ratio>b{font-size:18px;font-weight:550}.v-ratio>small{font-size:15px}
.v-modality-stack{display:flex;flex:1;flex-direction:column;justify-content:space-around;gap:8px;min-height:0}.v-modality-item{display:flex;flex:1;flex-direction:column;justify-content:center;gap:6px}.v-modality-track{display:flex;height:clamp(14px,2.5vh,30px);border-radius:5px;overflow:hidden;background:#edf1e7}.v-modality-track>i{display:block;background:#64947b}.v-modality-track>span{display:block;background:#e6ddc7}.v-not-applicable{color:#879582;font-size:15px}
.v-signal-list{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));flex:1;min-height:0;gap:10px}.v-signal-row{display:flex;flex-direction:column;gap:4px;padding-bottom:7px;border-bottom:1px solid #e2eadb;min-height:0}.v-signal-row:last-child{border:0;padding-bottom:0}.v-signal-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.v-signal-head b{font-size:19px;font-weight:550}.v-signal-head strong{font-size:25px;white-space:nowrap}.v-signal-meta{font-size:13px;color:#83927b}
.v-distribution{display:flex;flex:1;flex-direction:column;min-height:0;gap:4px}.v-distribution svg{height:100%;flex:1;min-height:18px;width:100%;overflow:visible}.v-distribution>div{display:flex;justify-content:space-between;gap:5px;font-size:12px;color:#829279;flex:none;white-space:nowrap}
.v-stage-panel .v-bar-item{display:grid;grid-template-columns:98px minmax(20px,1fr) 64px;align-items:center;gap:10px}.v-stage-panel .v-bar-label{display:contents}.v-stage-panel .v-bar-label>span{grid-column:1;grid-row:1;font-size:18px}.v-stage-panel .v-bar-label>b{grid-column:3;grid-row:1;text-align:right;font-size:20px}.v-stage-panel .v-bar-track{grid-column:2;grid-row:1;height:clamp(16px,3vh,32px)}
.v-time-panel{display:flex;flex-direction:column;flex:1;min-height:0;gap:12px}.v-time-distribution{display:flex;flex-direction:column;flex:1;min-height:70px;gap:5px}.v-time-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:none}.v-time-card{border-radius:7px;background:#f0f4e9;padding:10px;display:flex;flex-direction:column;gap:5px}.v-time-card strong{font-size:26px}.v-time-card strong small{font-size:13px}.v-time-card span{font-size:16px}.v-time-card small{font-size:12px}
.v-switch{display:flex;background:#edf2e6;border-radius:7px;padding:3px;gap:3px;flex:none}.v-switch button{border:0;background:none;color:#7c8b70;border-radius:5px;padding:5px 10px;font-size:16px}.v-switch .active{background:#fffefa;color:#305f49;box-shadow:0 1px 5px #294d2112}
.v-person-quality-list{display:flex;flex:1;flex-direction:column;min-height:0;gap:12px}.v-person-quality{display:flex;flex:1;flex-direction:column;justify-content:center;gap:5px;padding:0;border:0;background:none;text-align:left;border-radius:5px}.v-person-quality:hover{background:#f1f5ed}.v-person-quality>small{font-size:13px}
.v-stacked{height:clamp(19px,3vh,32px);display:flex;border-radius:5px;overflow:hidden;background:#e9eee1}.v-stacked>i{display:flex;align-items:center;justify-content:center;font-size:13px;font-style:normal;color:#183c2d;min-width:0;overflow:hidden}.v-person-quality-panel .v-plot-legend{margin:3px 0 0;font-size:14px}
.v-team-kpis{display:flex;flex:1;flex-direction:column;justify-content:space-evenly;gap:10px}.v-team-kpis>div{border-bottom:1px solid #e2eadb;padding:8px 0;display:flex;justify-content:space-between;align-items:baseline;gap:15px}.v-team-kpis>div:last-child{border:0}.v-team-kpis strong{font-size:42px;letter-spacing:-1px;color:#3e735d}.v-team-kpis span{font-size:18px;color:#829179}
.v-detail-summary{display:flex;gap:18px;align-items:center;padding:0 0 15px}.v-detail-summary>strong{font-size:36px}.v-detail-summary>span{font-size:20px}
@media(min-width:1800px){.readable-deck>.viz-panel{padding:22px 28px}.viz-panel .panel-heading{margin-bottom:15px}.viz-surface,.v-bar-label,.v-donut-row>span,.v-column-label{font-size:22px}.v-bar-label>b,.v-column>strong{font-size:26px}.v-gridlines span{font-size:17px}.v-plot-legend{font-size:20px}.v-donut-layout{gap:35px}.v-donut{width:min(100%,380px)}.v-ring{width:min(100%,250px)}.v-ratio>b{font-size:22px}.v-ratio>small{font-size:18px}.v-signal-head b{font-size:22px}.v-signal-head strong{font-size:30px}.v-signal-meta{font-size:16px}.v-distribution>div{font-size:15px}.v-stage-panel .v-bar-item{grid-template-columns:120px 1fr 80px}.v-stage-panel .v-bar-label>span{font-size:22px}.v-stage-panel .v-bar-label>b{font-size:26px}.v-person-quality>small{font-size:16px}}
@media(max-height:800px){.readable-deck>.viz-panel{padding:11px 14px}.viz-panel .panel-body{gap:6px}.v-bars{gap:6px}.v-bar-item{gap:4px}.v-bar-track{height:15px}.v-bar-label{font-size:17px}.v-bar-label>b{font-size:20px}.v-column-plot{margin-top:24px;margin-bottom:31px;min-height:80px}.v-column-label{font-size:16px}.v-plot-legend{font-size:15px;margin-bottom:3px}.v-column>strong{font-size:16px}.v-column-group{padding:0 4px}.v-donut-row{padding:6px 0}.v-donut-legend{gap:6px}.v-donut-row>b{font-size:23px}.v-donut span{font-size:15px}.v-signal-list{gap:5px}.v-signal-row{padding-bottom:3px;gap:2px}.v-signal-head b{font-size:16px}.v-signal-head strong{font-size:21px}.v-signal-meta{font-size:12px}.v-distribution>div{font-size:11px}.v-distribution svg{min-height:12px}.v-time-panel{gap:6px}.v-time-card{padding:6px}.v-time-card strong{font-size:22px}.v-time-card span{font-size:14px}.v-person-quality-list{gap:5px}.v-person-quality .v-bar-label{font-size:17px}.v-person-quality>small{font-size:12px}.v-stacked{height:18px}.v-person-quality-panel .v-plot-legend{font-size:12px}.v-switch button{padding:3px 8px;font-size:15px}.v-ring{max-width:160px}.v-ratio>b{font-size:16px}.v-ratio>small{font-size:14px}}
@container(max-width:430px){.v-donut-layout{grid-template-columns:1fr;grid-template-rows:minmax(80px,1fr) auto;gap:10px}.v-donut{max-width:160px;max-height:100%}.v-donut-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.v-donut-row{font-size:16px;gap:6px;padding:5px 0}.v-donut-row>span{font-size:15px}.v-donut-row>b{font-size:20px}.v-donut-row small{font-size:12px}.v-column-label{font-size:15px}.v-column-bars{gap:4px}.v-team-kpis>div{flex-direction:column;gap:3px}.v-team-kpis strong{font-size:32px}.v-column-plot{margin-left:27px}.v-time-card span{font-size:14px}}
@media(max-width:760px){.readable-deck>.viz-panel{padding:11px 12px}.v-check-rings{gap:8px}.v-ratio>b{font-size:16px}.v-bar-label{font-size:17px}.v-column>strong{font-size:15px}.v-column-group{padding:0 3px}.v-signal-head b{font-size:16px}.v-signal-head strong{font-size:21px}.v-stage-panel .v-bar-item{grid-template-columns:78px 1fr 55px;gap:7px}.v-stage-panel .v-bar-label>span{font-size:16px}.v-bar-label>b{font-size:20px}}
@media(prefers-reduced-motion:reduce){.v-column,.v-bar-track>i{transition:none}}
.v-signal-meta{display:flex;align-items:center;justify-content:space-between;gap:9px;flex:none}.v-signal-meta>div:first-child{min-width:0}.v-signal-meta b{font-size:18px;color:#355445;font-weight:550}.v-signal-meta small{display:block;font-size:13px;line-height:1.3;margin-top:3px}.v-signal-value{display:grid;grid-template-columns:auto auto;column-gap:4px;align-items:baseline;flex-shrink:0;text-align:right}.v-signal-value strong{font-size:25px;color:#2e5a48;line-height:1.1}.v-signal-value>span{font-size:14px}.v-signal-value>small{grid-column:1/-1;font-size:12px;margin:0}.v-signal-chart{flex:1;min-height:0;display:flex;flex-direction:column}.v-stage-panel .v-bar-detail{display:none}.v-empty>strong{font-size:20px}.v-empty>strong+span{font-size:15px;margin-top:8px}
.viz-panel .panel-body{overflow:auto;scrollbar-width:thin}.v-donut-layout{min-height:210px}.v-check-rings{min-height:150px}.v-signal-list{min-height:230px}.v-bars{min-height:140px}.v-modality-stack{min-height:180px}.v-person-quality-list{min-height:210px}
.v-person-quality-list{flex:1 0 auto;gap:8px;min-height:310px}.v-person-quality{min-height:0;gap:4px}.v-person-quality .v-stacked{height:22px;flex:none}.v-person-quality-panel .v-plot-legend{flex:none;margin-top:4px}
.v-modality-stack .v-bars{gap:9px}.v-modality-panel .v-bar-item{display:grid;grid-template-columns:110px minmax(40px,1fr) 64px;align-items:center;gap:4px 8px}.v-modality-panel .v-bar-label{display:contents}.v-modality-panel .v-bar-label>span{grid-row:1/3;grid-column:1;font-size:18px}.v-modality-panel .v-bar-label>b{grid-row:1;grid-column:3;font-size:20px;text-align:right}.v-modality-panel .v-bar-track{grid-row:1/3;grid-column:2;height:clamp(18px,3vh,36px)}.v-modality-panel .v-bar-detail{grid-row:2;grid-column:3;font-size:12px;white-space:nowrap;text-align:right}.v-modality-panel .v-axis-caption{display:none}
@media(max-height:800px){.v-signal-meta b{font-size:16px}.v-signal-meta small{font-size:11px;margin-top:1px}.v-signal-value strong{font-size:21px}.v-signal-value>small{font-size:10px}.v-modality-panel .v-bar-item{grid-template-columns:94px minmax(20px,1fr) 54px;gap:0 6px}.v-modality-panel .v-bar-label>span{font-size:16px}.v-modality-panel .v-bar-label>b{font-size:18px}.v-modality-panel .v-bar-detail{font-size:10px}.v-modality-panel .v-bar-track{height:18px}.v-modality-stack .v-bars{gap:4px}}