/* Refined resident panels. Scoped to these sections so the rest of the concept stays stable. */
@media(min-width:1191px){.dashboard-grid{grid-template-columns:minmax(0,1.85fr) minmax(0,1.08fr) minmax(0,1.08fr)}}
#odpady,#pogoda{container-type:inline-size;position:relative;padding:15px 13px 13px;border-radius:17px;border:1px solid #d7e8bf24;background:radial-gradient(ellipse at 95% 0%,#43684b23,transparent 55%),linear-gradient(120deg,#163b2be8,#0c291fe8);box-shadow:inset 0 1px 0 #e4f1cd0d,0 8px 30px #001c111f;display:flex;flex-direction:column;min-width:0}
#odpady .utility-heading,#pogoda .utility-heading{display:grid;grid-template-columns:34px minmax(0,1fr) auto;column-gap:10px;row-gap:5px;align-items:center;min-height:57px;margin:0 1px 12px}
#odpady .utility-heading h2,#pogoda .utility-heading h2{grid-column:2;grid-row:1;font-size:clamp(24px,7.5cqi,32px);line-height:1.1;letter-spacing:-.85px;white-space:nowrap}
#odpady .utility-heading p,#pogoda .utility-heading p{grid-column:2 / -1;grid-row:2;color:#cbd8cc;font-size:clamp(10px,2.85cqi,12px);line-height:1.5;margin:0;align-self:start}
#odpady .utility-emblem,#pogoda .utility-emblem{grid-column:1;grid-row:1 / 3;display:grid;place-items:center;align-self:center;width:34px;height:40px}
#odpady .waste-emblem{color:#e2f3b1;background:radial-gradient(ellipse,#b6eb4c20,transparent 70%);filter:drop-shadow(0 0 7px #b5e85b38)}
#odpady .waste-emblem svg{width:27px;height:31px;stroke-width:1.6}
#pogoda .weather-heading{grid-template-columns:38px minmax(0,1fr);column-gap:12px}
#pogoda .weather-emblem{width:38px;height:42px}
#pogoda .weather-emblem svg{width:38px;height:40px}
#odpady .utility-more{grid-column:3;grid-row:1;min-height:33px;padding:7px 10px;gap:8px;font-size:10px;border-color:#c8dcc34d;box-shadow:inset 0 1px 0 #f3f9df0c;border-radius:10px}
#odpady .utility-more svg{width:13px;height:13px}
#odpady .bins-illustration{flex:none;position:relative;display:block;width:100%;aspect-ratio:3.42;height:auto;margin:0 0 10px;padding:0;overflow:hidden;border-radius:12px;border:1px solid #bbd4a50c;background:radial-gradient(ellipse at 50% 100%,#69824b40,transparent 65%),linear-gradient(#09281fd9,#072018);box-shadow:inset 0 -1px 8px #021a1259}
#odpady .bins-illustration>img{display:block;position:absolute;inset:3% 0 auto;width:100%;height:auto;max-width:none;object-fit:initial;filter:drop-shadow(0 3px 3px #00140b8c);transform:none;transition:filter .2s}
#odpady .bins-illustration:hover>img{filter:drop-shadow(0 3px 3px #00140b8c) brightness(1.05)}
#odpady .bin-labels{display:block;position:absolute;inset:0;pointer-events:none;font-size:9px;font-weight:800;line-height:1.15;color:#fffeed;text-shadow:0 1px 3px #152f24a6}
#odpady .bin-label{position:absolute;top:51%;transform:translateX(-50%);width:21%;display:flex;flex-direction:column;align-items:center;gap:4px;letter-spacing:.1px}
#odpady .bin-label:nth-child(1){left:14%}#odpady .bin-label:nth-child(2){left:37.5%;color:#333d18;text-shadow:0 1px 1px #fff2}#odpady .bin-label:nth-child(3){left:61%}#odpady .bin-label:nth-child(4){left:84.5%}
#odpady .bin-label>svg{width:21px;height:22px;stroke-width:1.7;filter:drop-shadow(0 1px 2px #152b2938)}
#odpady .bin-label>span{font-size:clamp(8px,2.5cqi,10px);text-align:center;display:block;color:inherit}
#odpady .utility-links{display:grid;gap:7px;margin:0;flex:1;align-content:start}
#odpady .utility-links>a{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:63px;border-radius:11px;padding:9px 11px;border:1px solid #cadcba3b;background:linear-gradient(120deg,#b8d2ae08,#d5e8c002);box-shadow:inset 0 1px 0 #e4eec206;transition:background .2s,border-color .2s,transform .2s}
#odpady .utility-links>a.utility-primary{background:linear-gradient(115deg,#79976128,#83a4770a);border-color:#d4e7bb54}
#odpady .utility-links>a:hover{background:#b8d7a71c;border-color:#d5e9bc89;transform:translateX(2px)}
#odpady .utility-icon{display:grid;place-items:center;width:34px;height:37px;border-radius:9px;border:1px solid #d4e3c31a;background:linear-gradient(135deg,#c0ddb70d,#c0ddb703);color:#edf7e6}
#odpady .utility-icon svg{width:23px;height:25px;stroke-width:1.5}
#odpady .utility-primary .utility-icon{border-color:#dbeac535;background:#c0ddb70f;color:#e7f3cd}
#odpady .utility-copy{display:block;min-width:0}
#odpady .utility-copy strong{font-size:12px;font-weight:650;line-height:1.4;display:block;color:#fbfff4}
#odpady .utility-copy small{font-size:10px;line-height:1.5;color:#c6d7c7;display:block;margin-top:3px}
#odpady .row-arrow{position:static;margin:0;width:15px;height:15px;transform:none;color:#dfecd0}
#pogoda .weather-widget{flex:none;position:relative;margin:0;padding:13px 14px 10px;min-height:0;border-radius:12px;border:1px solid #c0d4cb66;background:radial-gradient(ellipse at 3% 105%,#b1c7a56b,transparent 65%),linear-gradient(130deg,#102c30ed,#294b49bf);box-shadow:inset 0 1px 0 #e6f1e110,0 4px 20px #00110d15;overflow:hidden}
#pogoda .weather-widget[data-weather-is-day="0"]{background:radial-gradient(ellipse at 3% 105%,#819f9e50,transparent 65%),linear-gradient(125deg,#142c36eb,#294746c9)}
#pogoda .weather-place{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}
#pogoda .weather-place strong{font-weight:650;letter-spacing:-.15px}#pogoda .weather-place>span{font-size:9px;color:#c1d2ca}
#pogoda .weather-current{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:12px;align-items:center;margin:13px 0 14px}
#pogoda .weather-temperature{display:flex;gap:8px;align-items:center;min-width:0}
#pogoda [data-weather-icon]{display:grid;place-items:center;width:49px;height:54px;flex-shrink:0;color:#f7ce49}
#pogoda [data-weather-icon] svg{width:49px;height:54px;stroke-width:2.2;filter:drop-shadow(0 2px 5px #081c2154)}
#pogoda [data-weather-icon] svg.weather-illustration{stroke:none;fill:none}
#pogoda .temperature{font:46px/.95 var(--serif);letter-spacing:-2px;white-space:nowrap;display:flex;align-items:baseline}
#pogoda .temp-unit{font-size:30px;letter-spacing:-1px;margin-left:0}
#pogoda [data-weather-condition]{font-size:10px;line-height:1.4;margin-top:7px;max-width:140px;color:#f3f8ed}
#pogoda .weather-metrics{display:grid;gap:7px;margin:0;min-width:0;max-width:none;flex:initial;font-size:10px;line-height:1.3}
#pogoda .weather-metrics>div{display:grid;grid-template-columns:auto 1fr;gap:8px;margin:0;align-items:baseline}
#pogoda .weather-metrics dt{color:#c0d0c8}#pogoda .weather-metrics dd{font-size:10px;color:#fff;font-weight:550;text-align:right;white-space:nowrap;margin:0;font-variant-numeric:tabular-nums}
#pogoda .weather-widget-footer{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:0}
#pogoda .weather-widget-footer>.button{font-size:10px;min-height:34px;gap:12px;padding:7px 11px;border-radius:9px;border-color:#d6e6c54d;background:linear-gradient(120deg,#122f2a6b,#182e3042);box-shadow:inset 0 1px 0 #ebf5da0b}
#pogoda .weather-widget-footer>.button:hover{background:#b5d6b123;border-color:#e2eed282}
#pogoda .weather-refresh{width:32px;height:32px;background:transparent;border:1px solid transparent;color:#b9cec3;border-radius:9px;display:grid;place-items:center;flex:none}
#pogoda .weather-refresh:hover{background:#e1efc80b;border-color:#d2e4c236;color:#f1f8e6}#pogoda .weather-refresh:disabled{opacity:.5;cursor:wait}
#pogoda .weather-refresh svg{width:16px;height:16px}
#pogoda .weather-meta{margin-top:8px;min-height:12px}
#pogoda .weather-time{display:block;margin:0;font-size:8px;line-height:1.4;color:#bbcfc2;letter-spacing:.1px}
#pogoda .weather-status{font-size:10px;line-height:1.5;color:#dce7d8;margin:0}
#pogoda .weather-widget[data-weather-state=ready] .weather-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#pogoda .weather-widget[data-weather-state=error] .weather-current{opacity:.5}#pogoda .weather-widget[data-weather-state=error] .weather-time{margin-top:4px}
#pogoda .alert-card{isolation:isolate;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start;min-height:105px;margin:9px 0 0;padding:13px 14px;overflow:hidden;border:1px solid #cbdac24d;border-radius:12px;background:#102a2d;box-shadow:inset 0 1px 0 #edf4df0b}
#pogoda .alert-card:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/nature-v38/assets/storm-clouds-v2.png') right center/cover no-repeat;filter:none;opacity:1;transition:transform .5s}
#pogoda .alert-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b2529e0,#112a2bb3 46%,#10262b19 90%)}
#pogoda .alert-card:hover{border-color:#e3edce9c}#pogoda .alert-card:hover:before{transform:scale(1.025)}
#pogoda .alert-icon{display:grid;place-items:center;width:32px;height:34px;border-radius:50%;color:#fff0da;background:radial-gradient(ellipse,#a5573f4f,transparent 70%);filter:drop-shadow(0 0 6px #cf67433b);margin-top:1px}
#pogoda .alert-icon svg{width:25px;height:28px;stroke-width:1.7}
#pogoda .alert-content{display:block;min-width:0}
#pogoda .alert-content>strong{font-size:12px;font-weight:650;line-height:1.4;display:block;color:#fff}
#pogoda .alert-content>small{font-size:10px;line-height:1.5;display:block;color:#d0ddd4;margin-top:3px}
#pogoda .alert-link{display:inline-flex;align-items:center;gap:11px;font-size:10px;font-weight:550;line-height:1.4;padding:6px 11px;min-height:29px;border:1px solid #d0dfc653;border-radius:8px;background:linear-gradient(115deg,#718a7b38,#17333550);margin-top:9px;box-shadow:inset 0 1px 0 #f2f6df0b;color:#f4faeb}
#pogoda .alert-link svg{width:13px;height:13px}
#pogoda .weather-source{font-size:8px;color:#b1c6b6;margin:8px 1px 0;line-height:1.4}
@container (min-width:390px){
  #odpady .utility-links>a{min-height:67px;padding-inline:13px;grid-template-columns:38px minmax(0,1fr) 16px;gap:12px}
  #odpady .utility-icon{width:38px;height:40px}#odpady .utility-icon svg{width:26px;height:27px}
  #odpady .utility-copy strong{font-size:13px}#odpady .utility-copy small{font-size:11px}
  #odpady .bin-label>svg{width:25px;height:26px}#odpady .bin-label>span{font-size:10px}
  #pogoda .weather-widget{padding:15px 17px 12px}#pogoda .weather-current{margin:15px 0 16px;gap:18px}
  #pogoda [data-weather-icon],#pogoda [data-weather-icon] svg{width:60px;height:60px}#pogoda .temperature{font-size:52px}#pogoda .temp-unit{font-size:34px}
  #pogoda .weather-metrics,#pogoda .weather-metrics dd{font-size:11px}#pogoda .weather-metrics{gap:8px}
  #pogoda .alert-card{min-height:113px;padding:15px 17px;gap:12px}#pogoda .alert-content>strong{font-size:13px}#pogoda .alert-content>small{font-size:11px}
}
@container (max-width:319px){
  #odpady .utility-heading{column-gap:8px;grid-template-columns:29px minmax(0,1fr) auto}
  #odpady .utility-heading h2,#pogoda .utility-heading h2{font-size:24px}
  #odpady .utility-more{min-height:30px;padding:7px;gap:0}#odpady .utility-more>span{display:none}
  #odpady .utility-copy strong{font-size:11px}#odpady .utility-copy small{font-size:10px}#odpady .utility-links>a{grid-template-columns:29px minmax(0,1fr) 13px;gap:8px;padding:9px;min-height:68px}
  #odpady .utility-icon{width:29px;height:34px}#odpady .utility-icon svg{width:22px;height:24px}
  #odpady .bin-label{top:45%;gap:3px}#odpady .bin-label>svg{width:18px;height:20px}#odpady .bin-label>span{font-size:8px}
  #pogoda .weather-widget{padding:12px}#pogoda .weather-current{grid-template-columns:1fr;gap:14px;margin:14px 0}
  #pogoda .weather-temperature{gap:12px}#pogoda [data-weather-icon],#pogoda [data-weather-icon] svg{width:51px;height:54px}#pogoda .temperature{font-size:45px}
  #pogoda .weather-metrics{grid-template-columns:1fr 1fr;gap:8px 15px;padding-top:12px;border-top:1px solid #d0e0ce21}
  #pogoda .weather-metrics>div{grid-template-columns:1fr;gap:3px}#pogoda .weather-metrics dd{text-align:left;font-size:12px}#pogoda .weather-metrics dt{font-size:10px}
  #pogoda .alert-card{padding:12px;gap:8px;grid-template-columns:27px minmax(0,1fr)}#pogoda .alert-icon{width:27px}
}
@media(min-width:551px) and (max-width:680px){.dashboard-grid{grid-template-columns:1fr}.news-panel{grid-column:auto}}
@media(max-width:550px){#odpady,#pogoda{padding:16px 13px 14px}#odpady .utility-heading,#pogoda .utility-heading{margin-bottom:14px}#odpady .utility-copy small{font-size:11px}#odpady .utility-links>a{min-height:67px}#pogoda .weather-time,#pogoda .weather-source{font-size:9px}#pogoda .alert-card{margin-top:11px;min-height:111px}}
@media(prefers-reduced-motion:reduce){#odpady .utility-links>a:hover{transform:none}#pogoda .alert-card:hover:before{transform:none}}