/* Compact layout with softly coordinated finishes. Data logic is unchanged. */
.ods{--ods-ink:#263b36;--ods-muted:#65756f;box-sizing:border-box;width:100%;max-width:100%;margin:0 0 20px;padding:18px 22px 16px;border:1px solid #e2e8e5;border-radius:12px;background:linear-gradient(125deg,#f5faf8 0%,#fff 68%);color:var(--ods-ink);font-family:inherit;font-size:13px;line-height:1.6;text-align:left;overflow:hidden;box-shadow:0 8px 26px rgba(25,62,53,.055),inset 0 1px 0 rgba(255,255,255,.9)}
.ods *{box-sizing:border-box}
.ods .ods-heading-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 18px;margin:0 0 8px;padding:0 0 10px;border-bottom:1px solid #edf0ee}
.ods h2#ods-heading{font-size:18px;font-weight:650;line-height:1.45;letter-spacing:-.5px;margin:0;padding:0;color:var(--ods-ink);border:0;background:none;word-break:keep-all}
.ods .ods-notice{margin:0;color:#74634d;font-size:12px;line-height:1.6;word-break:keep-all}
.ods .ods-row{--ods-from:#b6d8d2;--ods-to:#69a99b;--ods-number:#44796d;display:grid;grid-template-columns:78px minmax(0,1fr) 58px;gap:14px;align-items:center;min-height:30px}
.ods .ods-row:nth-child(2){--ods-from:#91c8bc;--ods-to:#387d71;--ods-number:#356f62}
.ods .ods-row:nth-child(3){--ods-from:#abd0d5;--ods-to:#538892;--ods-number:#497985}
.ods .ods-row:nth-child(4){--ods-from:#b6c7d3;--ods-to:#728c9e;--ods-number:#637b8d}
.ods .ods-label{font-size:12px;font-weight:500;letter-spacing:-.15px;white-space:nowrap}
.ods .ods-track{height:8px;border-radius:4px;background:linear-gradient(180deg,#eaf0ed,#f0f4f2);box-shadow:inset 0 1px 2px rgba(32,66,54,.035);overflow:hidden}
.ods .ods-fill{position:relative;overflow:hidden;display:block;height:100%;min-width:0;border-radius:4px;background:linear-gradient(90deg,var(--ods-from),var(--ods-to));box-shadow:inset 0 1px 0 rgba(255,255,255,.22);transition:width 1.2s cubic-bezier(.22,.7,.2,1)}
.ods .ods-fill:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.3) 48%,transparent 76%);transform:translateX(-110%);animation:ods-sheen 7s ease-in-out infinite;pointer-events:none}
.ods .ods-row:nth-child(2) .ods-fill:after{animation-delay:.2s}.ods .ods-row:nth-child(3) .ods-fill:after{animation-delay:.4s}.ods .ods-row:nth-child(4) .ods-fill:after{animation-delay:.6s}.ods .ods-row-tail .ods-fill:after{animation-delay:.8s}
.ods .ods-value{text-align:right;font-size:17px;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums;letter-spacing:-.35px;color:var(--ods-number);white-space:nowrap}
.ods .ods-value small{font-size:11px;font-weight:400;padding-left:2px;color:var(--ods-muted);letter-spacing:0}
.ods .ods-row-tail{--ods-from:#deceac;--ods-to:#b09460;--ods-number:#897047;margin-top:4px;padding-top:4px;border-top:1px solid #edf0ee;min-height:34px}
.ods .ods-footer{margin:10px 0 0;padding:10px 0 0;border-top:1px solid #edf0ee;font-size:11px;color:var(--ods-muted);line-height:1.7;overflow-wrap:anywhere;word-break:keep-all}
.ods .ods-status{margin:8px 0 0;font-size:11px;line-height:1.6;color:#897047}
@media(max-width:760px){.ods{padding:14px 16px 12px;border-radius:8px;margin-bottom:16px}.ods .ods-heading-row{display:block;padding-bottom:9px;margin-bottom:6px}.ods h2#ods-heading{font-size:16px;letter-spacing:-.4px}.ods .ods-notice{margin-top:4px;font-size:12px}.ods .ods-row{grid-template-columns:64px minmax(0,1fr) 51px;gap:10px;min-height:29px}.ods .ods-value{font-size:16px}.ods .ods-row-tail{min-height:33px}.ods .ods-footer{margin-top:8px;padding-top:8px;font-size:11px}}
@media(max-width:380px){.ods{padding-right:12px;padding-left:12px}.ods .ods-row{grid-template-columns:61px minmax(0,1fr) 49px;gap:8px}}
.ods[data-paused=true] .ods-fill:after{animation-play-state:paused}
@keyframes ods-sheen{0%,20%{transform:translateX(-110%)}75%,100%{transform:translateX(110%)}}
@media(prefers-reduced-motion:reduce){.ods .ods-fill{transition:none}.ods .ods-fill:after{animation:none}}