/* KrainaGrzybow.pl — sekcja PROGNOZA (/prognoza/)
   Style spójne z resztą portalu: te same promienie, obramowania i akcenty co karty w style.css */

.wrap{max-width:820px;margin:0 auto;padding:100px 20px 60px}
@media(max-width:768px){.wrap{padding:90px 14px 40px}}
@media(max-width:480px){.wrap{padding:80px 10px 30px}}

.pg-hero{margin-bottom:28px}
.pg-hero h1{font-size:32px;font-weight:800;color:var(--text);letter-spacing:-.5px;margin-bottom:10px}
@media(max-width:768px){.pg-hero h1{font-size:26px}}
.pg-hero p{font-size:13px;color:var(--text-dim);line-height:1.7;max-width:620px}

.pg-controls{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 14px}
.pg-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:40px;border:1px solid var(--border);background:var(--card);color:var(--text);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}
.pg-btn:hover{border-color:rgba(82,183,136,.4)}
.pg-btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.8;fill:none}
.pg-btn-green{background:var(--green);border-color:var(--green);color:#fff}
.pg-btn-green:hover{background:var(--green-light);border-color:var(--green-light)}
.pg-select{flex:1;min-width:190px;padding:10px 14px;border-radius:40px;border:1px solid var(--border);background:var(--bg2);color:var(--text);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
.pg-select:focus{outline:none;border-color:rgba(82,183,136,.4)}

.pg-days{display:flex;gap:8px;margin-bottom:8px}
.pg-day{padding:7px 16px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:.2s}
.pg-day.s{background:rgba(82,183,136,.14);border-color:rgba(82,183,136,.45);color:var(--green-pale)}
.pg-updated{font-size:10px;color:var(--text-muted);min-height:14px}

.pg-note{display:flex;align-items:center;gap:10px;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--card);font-size:12px;color:var(--text-dim)}
/* atrybut hidden MUSI wygrac z display:flex powyzej — inaczej spinner zostaje po zaladowaniu */
[hidden]{display:none !important}
.pg-spinner{width:14px;height:14px;border:2px solid rgba(82,183,136,.25);border-top-color:var(--green-light);border-radius:50%;animation:pgspin .8s linear infinite;flex:0 0 auto}
@keyframes pgspin{to{transform:rotate(360deg)}}

.pg-block{margin-top:34px}
.pg-h2{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:800;color:var(--text);margin-bottom:14px}
.pg-h2 svg{width:17px;height:17px;stroke:var(--green-light);stroke-width:1.7;fill:none;flex:0 0 auto}
.pg-text{font-size:12.5px;color:var(--text-dim);line-height:1.75;margin-bottom:10px}
.pg-text-dim{color:var(--text-muted);font-size:12px}

.pg-list{display:flex;flex-direction:column;gap:8px}

.pg-row{position:relative;display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:var(--card);overflow:hidden}
.pg-bar{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(82,183,136,.16),rgba(82,183,136,0));pointer-events:none;transition:width .5s ease}
.pg-main{flex:1;min-width:0;position:relative;cursor:pointer}
.pg-name{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-meta{font-size:10.5px;color:var(--text-dim);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-forest{font-size:10px;color:var(--text-muted);margin-top:3px}
.pg-score{text-align:right;position:relative;flex:0 0 auto}
.pg-val{font-size:19px;font-weight:800;line-height:1}
.pg-cat{font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;margin-top:3px;color:var(--text-muted)}
.pg-good{font-size:9.5px;color:#7fb59a;margin-top:3px;white-space:nowrap}
.pg-hi .pg-val{color:var(--green-light)}
.pg-mid .pg-val{color:var(--green-pale)}
.pg-lo .pg-val{color:var(--text-dim)}
.pg-hi .pg-cat{color:rgba(82,183,136,.75)}
.pg-nav{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:rgba(82,183,136,.08);position:relative}
.pg-nav svg{width:16px;height:16px;stroke:var(--green-light);stroke-width:1.8;fill:none}
.pg-nav:hover{background:rgba(82,183,136,.2)}
.pg-rank{flex:0 0 auto;width:20px;font-size:11px;font-weight:800;color:var(--text-muted);text-align:center;position:relative}

.pg-days7{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:0 2px 2px;margin-top:-4px}
.pg-d7{border:1px solid var(--border);border-radius:0 0 12px 12px;background:rgba(255,255,255,.02);padding:8px 4px;text-align:center}
.pg-d7n{font-size:9px;color:var(--text-muted);text-transform:uppercase}
.pg-d7v{font-size:12px;font-weight:800;margin-top:3px}
.pg-d7.hi .pg-d7v{color:var(--green-light)}.pg-d7.mid .pg-d7v{color:var(--green-pale)}.pg-d7.lo .pg-d7v{color:var(--text-dim)}
.pg-d7p{font-size:8.5px;color:#6fa8dc;margin-top:2px;min-height:11px}
.pg-d7r{font-size:8px;color:var(--text-muted);margin-top:2px}
.pg-err{padding:16px 18px;border:1px solid rgba(231,76,60,.3);border-radius:14px;background:rgba(231,76,60,.06);font-size:12px;color:var(--text-dim);line-height:1.6}
.pg-explain{margin-top:14px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:rgba(82,183,136,.04)}
.pg-ex-t{font-size:11px;font-weight:800;color:var(--green-pale);margin-bottom:6px}
.pg-ex-d{font-size:11.5px;color:var(--text-dim);line-height:1.7}