/* New version */
#tp-pick .tpp-panel{padding:var(--s-4) var(--s-6)}
#tp-pick .tp-context{margin-bottom:var(--s-3);grid-template-columns:minmax(0,1fr) auto}
#tp-pick .tpp-side{display:flex;align-items:center;justify-content:flex-end;gap:var(--s-4);flex-wrap:wrap}
#tp-pick .tpp-side .tp-text-button{margin-top:0}
#tp-pick .tpp-mode{flex:none}
#tp-pick .tpp-incident{max-width:none;margin:0 0 var(--s-3);padding:var(--s-2) var(--s-4);border:1px solid var(--g-line2);border-radius:var(--r-tag);background:var(--g-raise);font:400 16px/1.5 var(--mono);color:var(--g-body)}
#tp-pick .tpp-incident b{font-weight:400;color:var(--g-mute);margin-right:var(--s-2)}
#tp-pick .tpp-incident span{color:var(--g-mute)}
#tp-pick .tpp-fixes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3);margin-bottom:var(--s-3)}
#tp-pick .tpp-fix{display:flex;flex-direction:column;padding:var(--s-3) var(--s-4)}
#tp-pick .tpp-fix .tp-customer-top{min-height:28px}
#tp-pick .tpp-tags{display:flex;gap:var(--s-2)}
#tp-pick .tpp-fix-foot{margin-top:auto;padding-top:var(--s-2);min-height:52px;display:flex;align-items:flex-end}
#tp-pick .tpp-fix-foot .tp-run{width:100%;justify-content:space-between}
#tp-pick .tpp-fix-foot .tp-run:disabled{opacity:.55;cursor:default}
#tp-pick .tpp-cost{margin:0!important;color:var(--g-hi)!important;animation:tp-fade-in .3s ease-out}
#tp-pick .tpp-result{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
#tp-pick .tpp-result:focus{outline:none}
#tp-pick .tpp-result:focus-visible{outline:3px solid #3269bf;outline-offset:3px}
#tp-pick .tpp-actions{display:flex;gap:var(--s-4);flex-wrap:wrap}
#tp-pick .tpp-tide-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}
#tp-pick .tpp-score{font:400 16px/1.4 var(--mono);color:var(--g-hi)}
#tp-pick .tpp-facts{font-size:16px;line-height:1.5;color:var(--g-body);min-height:48px}
#tp-pick .tpp-facts-label{color:var(--g-mute)}
#tp-pick .tpp-fact+.tpp-fact::before{content:"\00a0·\00a0";color:var(--g-mute)}
#tp-pick .tpp-tick{display:inline-block;animation:tp-fade-in .3s ease-out}
#tp-pick .tpp-stores{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:var(--s-3)}
#tp-pick .tpp-store{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-4)}
#tp-pick .tpp-store .tp-customer-top{margin:0}
#tp-pick .tpp-store p{margin:0!important}
#tp-pick .tpp-shared{color:var(--g-mute)!important}
#tp-pick .tpp-shared b,#tp-pick .tpp-miss b{font-weight:500;color:var(--g-hi)}
#tp-pick .tpp-store-body{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}
#tp-pick .tpp-count{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
#tp-pick .tpp-count strong{font-size:24px;line-height:1.2}
#tp-pick .tpp-count span{font:400 16px/1.5 var(--mono);color:var(--g-mute)}
#tp-pick .tpp-miss{min-height:124px;padding-top:var(--s-2);border-top:1px solid var(--g-line)}
#tp-pick .tpp-miss:focus{outline:none}
#tp-pick .tpp-miss:focus-visible{outline:3px solid #3269bf;outline-offset:3px}
#tp-pick .tpp-miss-head{font:400 16px/1.5 var(--mono);color:var(--g-mute)!important}
#tp-pick .tpp-note{color:var(--g-mute)!important}
#tp-pick .tpp-correct{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-top:var(--s-2)}
#tp-pick .tpp-correct .tp-run.tpp-pressed{background:var(--g-tint);box-shadow:inset 0 0 0 2px var(--g-lit)}
#tp-pick .tpp-correct .tp-run{width:auto;flex:1 1 auto;min-width:0;white-space:normal;text-align:left}

/* Dots: one per return request. Filled bead = right, hollow ring = missed, bead with a pip = fixed by a correction. */
#tp-pick .tpp-dots{display:flex;gap:6px;perspective:400px}
#tp-pick .tpp-col{display:flex;flex-direction:column;align-items:center;gap:4px;width:22px;padding:4px 0 0;border-radius:var(--r-tag);transition:background-color .2s}
#tp-pick .tpp-col.tpp-now{background:var(--g-tint)}
#tp-pick .tpp-wk{font:400 13px/1.4 var(--mono);color:var(--g-mute)}
#tp-pick .tpp-col.tpp-now .tpp-wk{color:var(--g-hi)}
#tp-pick .tpp-dot{position:relative;display:inline-block;flex:none;width:14px;height:14px;border-radius:50%;transition:opacity .25s,box-shadow .25s,background-color .25s}
#tp-pick .tpp-dot[data-state=right],#tp-pick .tpp-dot[data-state=fixed]{background:var(--g-lit);box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--g-bg) 40%,transparent),inset 0 2px 1px color-mix(in srgb,var(--g-hi) 35%,transparent)}
#tp-pick .tpp-dot[data-state=miss]{background:transparent;box-shadow:inset 0 0 0 2px var(--r-pink)}
#tp-pick .tpp-dot[data-state=fixed]::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--g-hi)}
#tp-pick .tpp-dot[data-state=later]{background:var(--g-tint);box-shadow:inset 0 0 0 1px var(--g-line)}
#tp-pick .tpp-dot[tabindex]{cursor:help}
#tp-pick .tpp-dot[tabindex]:focus-visible{outline:3px solid #3269bf;outline-offset:2px}
#tp-pick .tpp-dot.tpp-current{outline:2px solid var(--g-hi);outline-offset:2px;animation:tpp-pulse .7s ease-out}
@keyframes tpp-pulse{0%{outline-offset:7px;outline-color:transparent}100%{outline-offset:2px}}
#tp-pick .tpp-dot.tpp-pop{animation:tpp-dot-pop .3s ease-out both}
@keyframes tpp-dot-pop{0%{transform:scale(.4)}70%{transform:scale(1.15)}100%{transform:none}}
#tp-pick .tpp-store{position:relative}
#tp-pick .tpp-tip{position:absolute;z-index:5;max-width:300px;padding:var(--s-2) var(--s-3);background:var(--g-raise);color:var(--g-hi);border:1px solid var(--g-line2);border-radius:var(--r-tag);font-size:16px;line-height:1.4;pointer-events:none}
#tp-pick .tpp-dot.tpp-flip{animation:tpp-dot-flip .5s cubic-bezier(.3,1.4,.5,1) both}
@keyframes tpp-dot-flip{0%{transform:rotateY(180deg) scale(.6)}60%{transform:rotateY(0) scale(1.3)}100%{transform:none}}
#tp-pick .tpp-key{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);margin:0 0 var(--s-2);padding:0;list-style:none;font-size:16px;line-height:1.5;color:var(--g-mute)}
#tp-pick .tpp-key li{display:flex;align-items:center;gap:var(--s-2)}
#tp-pick .tpp-time{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-6);align-items:center}
#tp-pick .tpp-weeks input[type=range]{background:linear-gradient(var(--g-line2),var(--g-line2)) 50% 50%/100% 4px no-repeat}
#tp-pick .tpp-call-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-3)}
#tp-pick .tpp-call-head h3{font-size:23px;line-height:1.3}
#tp-pick .tpp-call-head h3:focus{outline:none}
#tp-pick .tpp-call-head .tp-text-button{margin-top:0}
#tp-pick .tpp-call-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}
#tp-pick .tpp-call pre{max-height:500px;overflow:auto}

@media(max-width:800px){
#tp-pick .tpp-fixes{grid-template-columns:minmax(0,1fr)}
#tp-pick .tpp-fix-foot{min-height:0}
#tp-pick .tpp-time,#tp-pick .tpp-call-grid,#tp-pick .tpp-result{grid-template-columns:minmax(0,1fr)}
#tp-pick .tpp-result article+article{border-left:0;border-top:1px solid var(--g-line)}
}
@media(max-width:580px){
#tp-pick .tpp-panel{padding:var(--s-4)}
#tp-pick .tp-context{grid-template-columns:minmax(0,1fr)}
#tp-pick .tpp-side{justify-content:flex-start}
#tp-pick .tpp-stores{grid-template-columns:minmax(0,1fr)}
#tp-pick .tpp-dots{width:100%;gap:2px}
#tp-pick .tpp-col{flex:1 1 0;width:auto;min-width:0}
#tp-pick .tpp-wk{font-size:12px}
#tp-pick .tpp-count{align-items:flex-start;text-align:left}
}
@media(prefers-reduced-motion:reduce){
#tp-pick .tpp-tick,#tp-pick .tpp-cost,#tp-pick .tpp-dot.tpp-flip,#tp-pick .tpp-dot.tpp-pop,#tp-pick .tpp-dot.tpp-current{animation:none}
#tp-pick .tpp-dot,#tp-pick .tpp-col{transition:none}
}