/* Teefa Pro — multi-month slider. Additive styles; existing chat.css untouched. */
.duration-editor{max-width:570px;width:100%}
.duration-panel{padding:16px;border:1px solid #d0dfcb;border-radius:14px;background:linear-gradient(145deg,#f7fff1,#e7f5de);box-shadow:0 3px 14px rgba(50,80,33,.1)}
.duration-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:#3d6341}
.duration-top strong{color:#23592f;font-size:20px;white-space:nowrap}
.duration-range{display:block;width:100%;height:9px;cursor:pointer;margin:23px 0 12px;appearance:none;-webkit-appearance:none;border-radius:999px;outline:none;background:linear-gradient(90deg,#5b9a4d 0%,#5b9a4d var(--duration-progress,0%),#ceddc5 var(--duration-progress,0%),#ceddc5 100%)}
.duration-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:6px solid #4b8a40;box-shadow:0 2px 7px #24502d55;cursor:grab}
.duration-range::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:6px solid #4b8a40;box-shadow:0 2px 7px #24502d55;cursor:grab}
.duration-range:focus-visible{outline:3px solid #87be79;outline-offset:7px}
.duration-milestones{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:5px}
.duration-milestones button{border:1px solid #ccd9c6;border-radius:999px;padding:7px 10px;min-width:40px;background:rgba(255,255,255,.75);color:#4a6247;cursor:pointer;font-size:12px;font-weight:700;transition:background .14s,border-color .14s}
.duration-milestones button:hover{border-color:#5b9549;background:#edf8e6}
.duration-milestones button.selected{background:#4c8641;color:#fff;border-color:#4c8641}
.duration-milestones button:focus-visible{outline:2px solid #4c8641;outline-offset:2px}
.duration-price-card{margin-top:18px;padding:14px 15px;border-radius:11px;background:#fff;border:1px solid #dcebd5;text-align:center}
.duration-price-label{font-size:12px;color:#64725f;font-weight:600}
.duration-total{font-size:clamp(24px,6vw,32px);font-weight:850;letter-spacing:-.025em;color:#255d32;margin:3px 0 1px;overflow-wrap:anywhere}
.duration-breakdown{font-size:12px;color:#65725f;line-height:1.45}
.duration-action-row{display:flex;justify-content:flex-end;margin-top:12px}
.duration-action-row .send-button{min-width:130px}
@media(max-width:480px){.duration-panel{padding:13px}.duration-milestones button{min-width:37px;padding:8px 6px;font-size:11px}.duration-top strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.duration-milestones button{transition:none}}

.duration-once-note{font-size:11px;color:#6e8068;margin-top:8px}