/* Persik: панель прогнозу (калькулятор і картки) */
.pshd-panel{--pshd-head:inherit;position:relative;box-sizing:border-box;padding:22px 24px 20px;border-radius:12px;color:#e6dad3;line-height:1.4;
  background-color:#2e2826;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:18px 18px;background-position:-1px -1px}
.pshd-panel *{box-sizing:border-box}
.pshd-p-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.pshd-p-cap{font-size:13px;color:#c9b9b0}
.pshd-p-chip{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 11px;border-radius:13px;font-size:12px;font-weight:700;white-space:nowrap}
.pshd-p-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.pshd-p-chip.pshd-v-ok{background:rgba(134,214,166,.14);color:#86d6a6}
.pshd-p-chip.pshd-v-edge{background:rgba(242,198,111,.14);color:#f2c66f}
.pshd-p-chip.pshd-v-no{background:rgba(255,159,138,.14);color:#ff9f8a}
.pshd-p-big{margin:0 0 6px;line-height:1.1}
.pshd-p-big b{display:block;font-family:var(--pshd-head);font-size:34px;font-weight:700;color:#f3a982;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.pshd-p-big span{display:block;margin-top:5px;font-size:13px;color:#c9b9b0}
.pshd-p-empty{padding:30px 0;font-size:15px;color:#d9ccc4}

.pshd-chart{display:block;width:100%;height:auto;margin:8px 0 2px;overflow:visible}
.pshd-ch-grid{stroke:rgba(255,255,255,.07);stroke-width:1}
.pshd-ch-base{stroke:rgba(255,255,255,.22);stroke-width:1}
.pshd-ch-area{fill:rgba(232,144,104,.09)}
.pshd-ch-promise{fill:none;stroke:rgba(255,255,255,.6);stroke-width:2;stroke-dasharray:.016 .022;stroke-linecap:round}
.pshd-ch-real{fill:none;stroke:#f3a982;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pshd-ch-gap{stroke:#ff9f8a;stroke-width:1.5;stroke-dasharray:2 3}
.pshd-ch-dot{fill:#2e2826;stroke:#fff;stroke-width:2}
.pshd-ch-dot-p{stroke:rgba(255,255,255,.7)}
.pshd-ch-dot-r{fill:#f3a982;stroke:#2e2826;stroke-width:2.5}
.pshd-ch-l{font-family:inherit}
.pshd-ch-lb{font-size:13px;font-weight:700;fill:#fff}
.pshd-ch-l-r .pshd-ch-lb{fill:#f3a982}
.pshd-ch-ls{font-size:10.5px;fill:#b9a9a0}
.pshd-ch-x{font-size:10.5px;fill:#9d8f87;font-family:inherit}

.pshd-rows{list-style:none;margin:10px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.12)}
.pshd-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:auto 6px;column-gap:10px;row-gap:5px;align-items:center;margin:0 0 9px;padding:0}
.pshd-row::before{display:none}
.pshd-row-i{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.07)}
.pshd-row-i svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pshd-row-t{font-size:13px;color:#d9ccc4}
.pshd-row b{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.pshd-row-bar{grid-column:2/4;display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.pshd-row-bar i{display:block;height:100%;border-radius:3px;transform-origin:left center}
.pshd-row-water{color:#9cc8dd}.pshd-row-water .pshd-row-bar i{background:#8fbcd2}
.pshd-row-fat{color:#f3a982}.pshd-row-fat .pshd-row-bar i{background:#e89068}
.pshd-row-goal{color:#fff}.pshd-row-goal .pshd-row-bar i{background:repeating-linear-gradient(90deg,rgba(255,255,255,.75) 0 6px,rgba(255,255,255,.35) 6px 9px)}
.pshd-p-foot{display:flex;flex-wrap:wrap;gap:6px 18px;margin:4px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#d9ccc4}
.pshd-p-foot span{display:inline-flex;align-items:center;gap:7px}
.pshd-p-foot svg{flex:none;width:16px;height:16px;fill:none;stroke:#f3a982;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Одна анімація при першій появі */
.pshd-wait .pshd-ch-real{stroke-dasharray:1;stroke-dashoffset:1}
.pshd-wait .pshd-ch-promise,.pshd-wait .pshd-ch-area,.pshd-wait .pshd-ch-dot-r,.pshd-wait .pshd-ch-dot-p,.pshd-wait .pshd-ch-l,.pshd-wait .pshd-ch-gap{opacity:0}
.pshd-wait .pshd-row-bar i{transform:scaleX(0)}
.pshd-reveal .pshd-ch-promise{animation:pshd-fade .5s ease both}
.pshd-reveal .pshd-ch-real{stroke-dasharray:1;animation:pshd-draw 1.1s .35s cubic-bezier(.4,0,.2,1) both}
.pshd-reveal .pshd-ch-area{animation:pshd-fade .6s .9s ease both}
.pshd-reveal .pshd-ch-dot-p,.pshd-reveal .pshd-ch-l-p{animation:pshd-fade .4s .4s ease both}
.pshd-reveal .pshd-ch-dot-r,.pshd-reveal .pshd-ch-l-r,.pshd-reveal .pshd-ch-gap{animation:pshd-fade .4s 1.35s ease both}
.pshd-reveal .pshd-row-bar i{animation:pshd-grow .7s cubic-bezier(.3,.7,.3,1) both}
.pshd-reveal .pshd-row:nth-child(1) .pshd-row-bar i{animation-delay:1.1s}
.pshd-reveal .pshd-row:nth-child(2) .pshd-row-bar i{animation-delay:1.3s}
.pshd-reveal .pshd-row:nth-child(3) .pshd-row-bar i{animation-delay:1.5s}
@keyframes pshd-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes pshd-fade{from{opacity:0}to{opacity:1}}
@keyframes pshd-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.pshd-reveal *{animation:none!important}}
@media (max-width:560px){.pshd-panel{padding:18px 16px 16px}.pshd-p-big b{font-size:30px}}