/* Radar Česka V5.9.17 — Unified Weather Polish
   Goal:
   - bring forecast detail cards closer to the approved polished place-card style
   - replace textual layer badges (especially ugly °C/℃ badges) with proper pictogram chips
   - add one final mobile pass so the sheet, hourly rail and mini facts feel cleaner and more premium
   Built on top of V5.9.16. No data / backend changes.
*/

:root{
  --rc5917-slate:#173c45;
  --rc5917-muted:#7f959b;
  --rc5917-line:rgba(22,61,72,.07);
  --rc5917-soft:#f7fafb;
}

/* ---------- DESKTOP / TABLET MODEL DETAIL ---------- */
@media (min-width:701px){
  .app-shell[data-mode="weather"] #modelPointCard.rc596-model-detail{
    --rc5917-tone:#0f9580;
    --rc5917-tone-strong:#173c45;
    --rc5917-soft-tint:#f4fbf9;
    --rc5917-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f9580' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2a8.8 8.8 0 1 0 8.8 8.8'/%3E%3Cpath d='M12 6.3v5.2l3 1.8'/%3E%3Ccircle cx='12' cy='12' r='1.1' fill='%230f9580' stroke='none'/%3E%3C/svg%3E");
    left:18px!important;
    top:136px!important;
    bottom:auto!important;
    width:min(332px,calc(100vw - 76px))!important;
    max-height:calc(100dvh - 156px)!important;
    border-radius:24px!important;
    border:1px solid rgba(20,61,72,.065)!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 20px 56px rgba(24,55,66,.11),0 2px 8px rgba(24,55,66,.04)!important;
    -webkit-backdrop-filter:blur(18px) saturate(145%);
    backdrop-filter:blur(18px) saturate(145%);
    overflow:auto!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(66,100,109,.22) transparent;
  }
  .app-shell[data-mode="weather"] #modelPointCard.rc596-model-detail::-webkit-scrollbar{width:5px}
  .app-shell[data-mode="weather"] #modelPointCard.rc596-model-detail::-webkit-scrollbar-thumb{background:rgba(66,100,109,.18);border-radius:999px}

  .app-shell[data-mode="weather"] #modelPointCard.rc596-model-detail .card-close{
    width:34px!important;height:34px!important;border-radius:12px!important;
    top:11px!important;margin:11px 11px -44px 0!important;
    font-size:18px!important;color:#729097!important;
    background:linear-gradient(180deg,#fbfdfd,#f3f7f8)!important;
    border:1px solid rgba(22,63,74,.08)!important;
    box-shadow:0 3px 12px rgba(24,55,66,.05)!important;
  }

  .app-shell[data-mode="weather"] #modelPointCard .model-point-head{
    display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;align-items:start!important;
    gap:10px!important;padding:14px 14px 11px!important;border-bottom:1px solid var(--rc5917-line)!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-kicker{
    display:block!important;margin-bottom:3px!important;font-size:7.1px!important;font-weight:900!important;
    letter-spacing:.14em!important;text-transform:uppercase!important;color:#7c9198!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-head h2{
    margin:0 28px 2px 0!important;font-size:18px!important;line-height:1.04!important;letter-spacing:-.04em!important;color:#11313c!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-title-link{color:inherit!important;text-decoration:none!important}
  .app-shell[data-mode="weather"] #modelPointCard .model-point-head small{
    display:block!important;font-size:8.2px!important;line-height:1.25!important;color:#87989e!important;font-weight:700!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-icon{
    position:relative!important;display:grid!important;place-items:center!important;overflow:hidden!important;
    width:44px!important;height:44px!important;border-radius:14px!important;
    border:1px solid rgba(24,66,78,.05)!important;
    background:linear-gradient(180deg,#fdfefe,#f3f8f9)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 4px 12px rgba(24,55,66,.045)!important;
    color:transparent!important;font-size:0!important;line-height:0!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-icon::before{
    content:'';width:24px;height:24px;display:block;background:center/contain no-repeat var(--rc5917-icon);
  }

  .app-shell[data-mode="weather"] #modelPointCard .model-point-primary{
    margin:0 12px!important;padding:12px 12px 11px!important;border:1px solid rgba(24,66,78,.05)!important;
    border-radius:16px!important;background:linear-gradient(180deg,#fcfefe,var(--rc5917-soft-tint))!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-primary>span{
    display:block!important;margin-bottom:4px!important;font-size:7.1px!important;font-weight:900!important;
    letter-spacing:.12em!important;text-transform:uppercase!important;color:#7d9298!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-primary>strong{
    display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    font-size:31px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.055em!important;
    color:var(--rc5917-tone-strong)!important;font-variant-numeric:tabular-nums;
  }
  .app-shell[data-mode="weather"] #modelPointCard[data-layer="temperature"] .model-point-primary>strong,
  .app-shell[data-mode="weather"] #modelPointCard[data-semantic="forecast"] .model-point-primary>strong{font-size:29px!important}
  .app-shell[data-mode="weather"] #modelPointCard .model-point-primary>small{
    display:block!important;margin-top:6px!important;font-size:8.3px!important;line-height:1.38!important;color:#607982!important;
  }

  .app-shell[data-mode="weather"] #modelPointCard .model-point-extras{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;
    margin:8px 12px 0!important;padding:0!important;border:0!important;background:transparent!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-extras>span{
    display:grid!important;gap:3px!important;min-height:48px!important;padding:8px 8px 8px!important;text-align:left!important;
    border:1px solid rgba(24,66,78,.045)!important;border-radius:11px!important;background:#f8fbfc!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-extras small{
    font-size:6.5px!important;color:#92a2a8!important;font-weight:800!important;letter-spacing:.025em!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-extras strong{
    font-size:9px!important;line-height:1.22!important;color:#173845!important;font-weight:850!important;
  }

  .app-shell[data-mode="weather"] #modelPointCard .model-point-trend{
    padding:11px 12px 10px!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-section-head{
    margin-bottom:6px!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-section-head strong{
    font-size:9.7px!important;color:#173845!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-section-head small{
    font-size:6.8px!important;color:#8d9ea4!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-trend-grid{
    display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:5px!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-trend-item{
    min-width:0!important;padding:7px 3px 6px!important;border-radius:10px!important;border:1px solid rgba(24,66,78,.04)!important;
    background:#f8fbfc!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-trend-item span{font-size:6.5px!important;color:#7f949a!important}
  .app-shell[data-mode="weather"] #modelPointCard .model-trend-item strong{margin-top:3px!important;font-size:8.6px!important;color:#173845!important}
  .app-shell[data-mode="weather"] #modelPointCard .model-trend-item small{font-size:6.1px!important;color:#5f7a83!important}

  .app-shell[data-mode="weather"] #modelPointCard .model-point-foot{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
    padding:9px 13px!important;border-top:1px solid rgba(24,66,78,.055)!important;
    font-size:7px!important;color:#7d9198!important;background:rgba(250,252,252,.68)!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-foot strong{font-size:7px!important;color:#3d6d78!important;letter-spacing:.02em!important}
  .app-shell[data-mode="weather"] #modelPointCard .model-point-note{
    padding:8px 13px 12px!important;font-size:7.8px!important;line-height:1.4!important;color:#627981!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-city-link{
    margin:0 12px 10px!important;height:33px!important;border-radius:11px!important;background:#edf8f5!important;border:1px solid rgba(9,143,120,.12)!important;
    color:#087b68!important;font-size:8px!important;font-weight:860!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-data-sources{
    margin:0 12px 12px!important;padding-top:6px!important;border-top:1px solid rgba(24,66,78,.05)!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard .model-point-data-sources summary{font-size:7.4px!important;color:#607982!important;cursor:pointer}
  .app-shell[data-mode="weather"] #modelPointCard .model-point-data-sources div{margin-top:5px!important;font-size:7.2px!important;color:#819298!important}

  /* Layer tones */
  .app-shell[data-mode="weather"] #modelPointCard[data-layer="temperature"]{
    --rc5917-tone:#c97e2d;--rc5917-tone-strong:#8a5d22;--rc5917-soft-tint:#fff8ee;
    --rc5917-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b77228' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14.5V6a2 2 0 1 1 4 0v8.5a4 4 0 1 1-4 0Z'/%3E%3Cpath d='M12 8.5v7'/%3E%3Cpath d='M12 18.5a1.3 1.3 0 0 0 0 .01'/%3E%3C/svg%3E");
  }
  .app-shell[data-mode="weather"] #modelPointCard[data-layer="precip"],
  .app-shell[data-mode="weather"] #modelPointCard[data-semantic="forecast"]{
    --rc5917-tone:#2a78b8;--rc5917-tone-strong:#2466a3;--rc5917-soft-tint:#f2f8fe;
    --rc5917-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232873b3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.8 13.3H17a3.8 3.8 0 0 0 .2-7.6 5.2 5.2 0 0 0-9.7 1.7 3.3 3.3 0 0 0 .3 5.9Z'/%3E%3Cpath d='m9 16.2-.8 2.2'/%3E%3Cpath d='m13 16.2-.8 2.2'/%3E%3Cpath d='m17 16.2-.8 2.2'/%3E%3C/svg%3E");
  }
  .app-shell[data-mode="weather"] #modelPointCard[data-layer="clouds"]{
    --rc5917-tone:#5f7582;--rc5917-tone-strong:#274957;--rc5917-soft-tint:#f4f7f9;
    --rc5917-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f7582' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 18H17a4 4 0 1 0-.8-7.92A5.4 5.4 0 0 0 6.25 11.4 3.6 3.6 0 0 0 7.5 18Z'/%3E%3C/svg%3E");
  }
  .app-shell[data-mode="weather"] #modelPointCard[data-layer="wind"]{
    --rc5917-tone:#18849a;--rc5917-tone-strong:#176d7f;--rc5917-soft-tint:#eef9fb;
    --rc5917-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23187f94' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5h11a2.5 2.5 0 1 0-2.35-3.35'/%3E%3Cpath d='M4 14h13a2 2 0 1 1-1.65 3.1'/%3E%3Cpath d='M4 18.5h8'/%3E%3C/svg%3E");
  }
  .app-shell[data-mode="weather"] #modelPointCard[data-layer="storms"]{
    --rc5917-tone:#8553aa;--rc5917-tone-strong:#76469d;--rc5917-soft-tint:#faf5ff;
    --rc5917-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238553aa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.8 13.3H17a3.8 3.8 0 0 0 .2-7.6 5.2 5.2 0 0 0-9.7 1.7 3.3 3.3 0 0 0 .3 5.9Z'/%3E%3Cpath d='m11 13.2 3-.05-1.8 3.1 3-.05-4.3 4.7 1.2-3.7-2.6.04Z'/%3E%3C/svg%3E");
  }
  .app-shell[data-mode="weather"] #modelPointCard[data-layer="storms"] .model-point-primary>strong{
    font-size:26px!important;letter-spacing:-.035em!important;text-transform:capitalize!important;
  }
  .app-shell[data-mode="weather"] #modelPointCard[data-layer="storms"] .model-trend-item strong{
    font-size:8.1px!important;text-transform:lowercase!important;
  }

  @media (min-width:701px) and (max-width:1100px){
    .app-shell[data-mode="weather"] #modelPointCard.rc596-model-detail{
      top:128px!important;width:min(320px,calc(100vw - 58px))!important;max-height:calc(100dvh - 148px)!important;
    }
    .app-shell[data-mode="weather"] #modelPointCard .model-point-head h2{font-size:17px!important}
    .app-shell[data-mode="weather"] #modelPointCard .model-point-primary>strong{font-size:28px!important}
    .app-shell[data-mode="weather"] #modelPointCard[data-layer="temperature"] .model-point-primary>strong,
    .app-shell[data-mode="weather"] #modelPointCard[data-semantic="forecast"] .model-point-primary>strong{font-size:26px!important}
    .app-shell[data-mode="weather"] #modelPointCard .model-point-trend-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  }
}

/* ---------- MOBILE / SMALL WIDTH ---------- */
@media (max-width:700px){
  #app[data-rc-weather-core="v574"]{
    --rc5917-mobile-surface:linear-gradient(180deg,rgba(255,255,255,.992),rgba(248,252,252,.985));
  }

  #app[data-rc-weather-core="v574"] #mobileSheet{
    border-radius:24px!important;
    box-shadow:0 16px 42px rgba(17,49,57,.16),0 3px 10px rgba(17,49,57,.05)!important;
    background:var(--rc5917-mobile-surface)!important;
  }
  #app[data-rc-weather-core="v574"] #mobileSheetToggle .sheet-handle{
    width:38px!important;height:4px!important;background:#bfd0d4!important;
  }
  #app[data-rc-weather-core="v574"] #mobileSheet .mobile-weather-head{
    min-height:62px!important;padding:5px 44px 8px 10px!important;gap:10px!important;
  }
  #app[data-rc-weather-core="v574"] .mobile-sheet.has-place .mobile-sheet-close{
    top:13px!important;right:10px!important;width:30px!important;height:30px!important;border-radius:11px!important;
    background:linear-gradient(180deg,#fbfdfd,#f3f7f8)!important;border:1px solid rgba(22,63,74,.08)!important;box-shadow:0 3px 12px rgba(24,55,66,.05)!important;
  }
  #app[data-rc-weather-core="v574"] #mobileSheet .mobile-status-icon{
    position:relative!important;overflow:hidden!important;width:42px!important;height:42px!important;min-width:42px!important;
    border-radius:14px!important;border:1px solid rgba(24,66,78,.05)!important;background:linear-gradient(180deg,#fdfefe,#f3f8f9)!important;box-shadow:none!important;
    color:transparent!important;font-size:0!important;line-height:0!important;
  }
  #app[data-rc-weather-core="v574"] #mobileSheet .mobile-status-icon::before{
    content:'';display:block;width:24px;height:24px;margin:auto;background:center/contain no-repeat;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f9580' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2a8.8 8.8 0 1 0 8.8 8.8'/%3E%3Cpath d='M12 6.3v5.2l3 1.8'/%3E%3Ccircle cx='12' cy='12' r='1.1' fill='%230f9580' stroke='none'/%3E%3C/svg%3E");
  }
  #app[data-rc-weather-core="v574"] #mobileStatusLabel{font-size:7.1px!important;letter-spacing:.12em!important;color:#778e95!important}
  #app[data-rc-weather-core="v574"] #mobileStatusTime{font-size:17px!important;letter-spacing:-.03em!important;color:#153943!important}
  #app[data-rc-weather-core="v574"] #mobileStatusSub{font-size:7.9px!important;line-height:1.2!important;color:#7d9196!important}

  #app[data-rc-weather-core="v574"] #mobileTodayRange{
    min-width:86px!important;max-width:90px!important;padding:4px 3px 4px 7px!important;
  }
  #app[data-rc-weather-core="v574"] #mobileTodayRange .rc574-day-range small{font-size:6.1px!important;color:#82959b!important}
  #app[data-rc-weather-core="v574"] #mobileTodayRange .rc574-day-range strong{font-size:10.4px!important;color:#234851!important}
  #app[data-rc-weather-core="v574"] #mobileTodayRange .rc574-day-range em{font-size:6.8px!important;color:#8a9aa0!important}

  #app[data-rc-weather-core="v574"] .mobile-meteo-detail{
    gap:5px!important;margin-bottom:8px!important;
  }
  #app[data-rc-weather-core="v574"] .mobile-meteo-detail>span{
    min-height:46px!important;padding:8px 7px!important;border-radius:11px!important;background:#f8fbfc!important;border:1px solid rgba(24,61,72,.05)!important;
  }
  #app[data-rc-weather-core="v574"] .mobile-meteo-detail small{font-size:6.5px!important;color:#90a0a6!important}
  #app[data-rc-weather-core="v574"] .mobile-meteo-detail strong{font-size:8.6px!important;color:#1f4350!important}

  #app[data-rc-weather-core="v574"] .mobile-forecast-head{margin:7px 1px 5px!important}
  #app[data-rc-weather-core="v574"] .mobile-forecast-head strong{font-size:9.6px!important;color:#1f4350!important}
  #app[data-rc-weather-core="v574"] .mobile-forecast-head small{font-size:6.7px!important;color:#95a4aa!important}
  #app[data-rc-weather-core="v574"] .mobile-hourly-strip{gap:5px!important;padding:1px 0 4px!important}
  #app[data-rc-weather-core="v574"] .mobile-hourly-strip .hourly-item{
    flex-basis:55px!important;min-width:55px!important;padding:7px 4px 6px!important;border-radius:11px!important;border:1px solid rgba(24,61,72,.05)!important;background:#fbfcfd!important;
  }
  #app[data-rc-weather-core="v574"] .mobile-hourly-strip .hourly-item:first-child{background:#eef9f6!important;border-color:rgba(11,167,142,.12)!important}
  #app[data-rc-weather-core="v574"] .mobile-hourly-strip .hourly-item>span{font-size:6.8px!important;color:#7f949a!important}
  #app[data-rc-weather-core="v574"] .mobile-hourly-strip .hourly-item i,
  #app[data-rc-weather-core="v574"] .mobile-hourly-strip .hourly-item i svg{width:20px!important;height:20px!important}
  #app[data-rc-weather-core="v574"] .mobile-hourly-strip .hourly-item strong{font-size:9.6px!important;color:#173845!important}
  #app[data-rc-weather-core="v574"] .mobile-hourly-strip .hourly-item small{font-size:6px!important;color:#6e8991!important;min-height:11px!important}

  #app[data-rc-weather-core="v574"] .mobile-daily-list{gap:5px!important;padding-bottom:4px!important}
  #app[data-rc-weather-core="v574"] .mobile-daily-list .daily-item{
    flex:0 0 64px!important;min-height:92px!important;padding:7px 5px!important;border-radius:12px!important;border:1px solid rgba(24,61,72,.05)!important;background:#fbfcfd!important;
  }
  #app[data-rc-weather-core="v574"] .mobile-daily-list .daily-item[data-day-index="0"]{background:#eef9f6!important;border-color:rgba(11,167,142,.12)!important}
  #app[data-rc-weather-core="v574"] .mobile-daily-list .daily-item>span{font-size:6.8px!important;color:#536a73!important;font-weight:850!important}
  #app[data-rc-weather-core="v574"] .mobile-daily-list .daily-item i,
  #app[data-rc-weather-core="v574"] .mobile-daily-list .daily-item i svg{width:19px!important;height:19px!important}
  #app[data-rc-weather-core="v574"] .mobile-daily-list .daily-item strong{font-size:8.8px!important;color:#173845!important}
  #app[data-rc-weather-core="v574"] .mobile-daily-list .daily-item strong em{font-size:6.7px!important;color:#80939a!important}
  #app[data-rc-weather-core="v574"] .mobile-daily-list .daily-item small{font-size:5.9px!important;line-height:1.15!important;color:#70858d!important}

  #app[data-rc-weather-core="v574"] .mobile-sun-line{
    padding:8px 9px!important;border-radius:12px!important;border:1px solid rgba(226,169,34,.14)!important;
    background:linear-gradient(180deg,rgba(255,248,229,.78),rgba(255,255,255,.9))!important;color:#8f6e12!important;
  }
  #app[data-rc-weather-core="v574"] .mobile-sun-line>span{font-size:15px!important}
  #app[data-rc-weather-core="v574"] .mobile-sun-line strong{font-size:8.8px!important;color:#7d6210!important}
  #app[data-rc-weather-core="v574"] .mobile-sun-line small{font-size:7.2px!important;color:#8f8a78!important}

  #app[data-rc-weather-core="v574"] .mobile-radar-summary{
    padding:9px 10px!important;border-radius:12px!important;border:1px solid rgba(11,167,142,.08)!important;background:#f5fbf9!important;
  }
  #app[data-rc-weather-core="v574"] .mobile-radar-summary strong{font-size:8.8px!important;color:#183f47!important}
  #app[data-rc-weather-core="v574"] .mobile-radar-summary span{font-size:7px!important;color:#58757b!important}

  #app[data-rc-weather-core="v574"] .mobile-data-sources{
    margin-top:8px!important;padding-top:6px!important;border-top:1px solid rgba(24,61,72,.05)!important;
  }
  #app[data-rc-weather-core="v574"] .mobile-data-sources summary{font-size:7.2px!important;color:#607982!important}
  #app[data-rc-weather-core="v574"] .mobile-data-sources p{font-size:7px!important}
  #app[data-rc-weather-core="v574"] .mobile-data-sources small{font-size:6.4px!important;color:#8b9ba0!important}

  /* Weather layer-aware status pictograms for mobile. */
  #app[data-rc-layer="temperature"] #mobileSheet .mobile-status-icon::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b77228' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14.5V6a2 2 0 1 1 4 0v8.5a4 4 0 1 1-4 0Z'/%3E%3Cpath d='M12 8.5v7'/%3E%3C/svg%3E");
  }
  #app[data-rc-layer="precip"] #mobileSheet .mobile-status-icon::before,
  #app[data-rc-layer="radar"] #mobileSheet .mobile-status-icon::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232873b3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.8 13.3H17a3.8 3.8 0 0 0 .2-7.6 5.2 5.2 0 0 0-9.7 1.7 3.3 3.3 0 0 0 .3 5.9Z'/%3E%3Cpath d='m9 16.2-.8 2.2'/%3E%3Cpath d='m13 16.2-.8 2.2'/%3E%3Cpath d='m17 16.2-.8 2.2'/%3E%3C/svg%3E");
  }
  #app[data-rc-layer="clouds"] #mobileSheet .mobile-status-icon::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f7582' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 18H17a4 4 0 1 0-.8-7.92A5.4 5.4 0 0 0 6.25 11.4 3.6 3.6 0 0 0 7.5 18Z'/%3E%3C/svg%3E");
  }
  #app[data-rc-layer="wind"] #mobileSheet .mobile-status-icon::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23187f94' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5h11a2.5 2.5 0 1 0-2.35-3.35'/%3E%3Cpath d='M4 14h13a2 2 0 1 1-1.65 3.1'/%3E%3Cpath d='M4 18.5h8'/%3E%3C/svg%3E");
  }
  #app[data-rc-layer="storms"] #mobileSheet .mobile-status-icon::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238553aa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.8 13.3H17a3.8 3.8 0 0 0 .2-7.6 5.2 5.2 0 0 0-9.7 1.7 3.3 3.3 0 0 0 .3 5.9Z'/%3E%3Cpath d='m11 13.2 3-.05-1.8 3.1 3-.05-4.3 4.7 1.2-3.7-2.6.04Z'/%3E%3C/svg%3E");
  }

  /* Mobile model detail cards inherit the same visual language. */
  .model-point-card.rc596-model-detail{
    left:8px!important;right:8px!important;bottom:84px!important;top:auto!important;max-height:min(66dvh,560px)!important;border-radius:23px!important;
    border:1px solid rgba(20,61,72,.065)!important;box-shadow:0 14px 38px rgba(24,55,66,.15),0 2px 8px rgba(24,55,66,.05)!important;background:rgba(255,255,255,.992)!important;
  }
  .model-point-card.rc596-model-detail .card-close{
    width:31px!important;height:31px!important;border-radius:11px!important;background:linear-gradient(180deg,#fbfdfd,#f3f7f8)!important;border:1px solid rgba(22,63,74,.08)!important;
  }
  .model-point-card.rc596-model-detail .model-point-head{padding:14px 14px 10px!important;gap:10px!important}
  .model-point-card.rc596-model-detail .model-point-head h2{font-size:17px!important;line-height:1.05!important}
  .model-point-card.rc596-model-detail .model-point-head small{font-size:8px!important}
  .model-point-card.rc596-model-detail .model-point-kicker{font-size:6.8px!important;letter-spacing:.12em!important}
  .model-point-card.rc596-model-detail .model-point-icon{font-size:0!important;color:transparent!important}
  .model-point-card.rc596-model-detail .model-point-primary{margin:0 12px!important;padding:11px 11px 10px!important;border-radius:15px!important;border:1px solid rgba(24,66,78,.05)!important;background:#fbfcfd!important}
  .model-point-card.rc596-model-detail .model-point-primary>span{font-size:6.8px!important;letter-spacing:.11em!important;text-transform:uppercase!important}
  .model-point-card.rc596-model-detail .model-point-primary>strong{font-size:27px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .model-point-card.rc596-model-detail[data-layer="temperature"] .model-point-primary>strong,
  .model-point-card.rc596-model-detail[data-semantic="forecast"] .model-point-primary>strong{font-size:25px!important}
  .model-point-card.rc596-model-detail .model-point-primary>small{font-size:8px!important;line-height:1.34!important}
  .model-point-card.rc596-model-detail .model-point-extras{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin:8px 12px 0!important;border:0!important}
  .model-point-card.rc596-model-detail .model-point-extras>span{padding:8px 7px!important;text-align:left!important;border:1px solid rgba(24,66,78,.045)!important;border-radius:10px!important;background:#f8fbfc!important}
  .model-point-card.rc596-model-detail .model-point-extras strong{font-size:8.7px!important}
  .model-point-card.rc596-model-detail .model-point-trend{padding:10px 12px 10px!important}
  .model-point-card.rc596-model-detail .model-point-trend-grid{grid-template-columns:repeat(6,54px)!important;gap:5px!important;overflow-x:auto!important;justify-content:start!important;scrollbar-width:none}
  .model-point-card.rc596-model-detail .model-point-trend-grid::-webkit-scrollbar{display:none}
  .model-point-card.rc596-model-detail .model-trend-item{padding:7px 3px 6px!important;border-radius:10px!important;border:1px solid rgba(24,66,78,.04)!important;background:#f8fbfc!important}
  .model-point-card.rc596-model-detail .model-point-foot{padding:8px 12px!important;font-size:6.7px!important}
  .model-point-card.rc596-model-detail .model-point-note{padding:7px 12px 11px!important;font-size:7.6px!important}
}

@media (max-width:390px){
  #app[data-rc-weather-core="v574"] #mobileStatusTime{font-size:16px!important}
  #app[data-rc-weather-core="v574"] .mobile-daily-list .daily-item{flex-basis:60px!important;min-height:88px!important}
  .model-point-card.rc596-model-detail .model-point-primary>strong{font-size:24px!important}
}


/* RADARCESKA_MOBILE_SELECTED_PLACE_REAL_ICON_V1
   Layer glyphs belong to the generic layer context only.
   Once a real place is selected, app.js owns the icon from
   current.condition.icon. Do not paint a Radar/Precip glyph over it. */
@media(max-width:700px){
  #app[data-rc-weather-core="v574"]
  #mobileSheet.has-place
  .mobile-status-icon::before{
    display:none;
    background-image:none;
  }

  #app[data-rc-weather-core="v574"]
  #mobileSheet.has-place
  .mobile-status-icon>svg{
    display:block;
    opacity:1;
    position:relative;
    z-index:1;
  }
}

/* RADARCESKA_MOBILE_SELECTED_PLACE_REAL_ICON_COLOR_V1
   Generic layer icon remains pseudo-element based.
   A selected place exposes the real weather SVG from app.js,
   therefore currentColor must no longer be transparent. */
@media(max-width:700px){
  #app[data-rc-weather-core="v574"]
  #mobileSheet.has-place
  .mobile-status-icon{
    color:#748991!important;
  }

  #app[data-rc-weather-core="v574"]
  #mobileSheet.has-place
  .mobile-status-icon[data-weather="sun"],
  #app[data-rc-weather-core="v574"]
  #mobileSheet.has-place
  .mobile-status-icon[data-weather="sun-cloud"],
  #app[data-rc-weather-core="v574"]
  #mobileSheet.has-place
  .mobile-status-icon[data-weather="cloud-sun"]{
    color:#d49a18!important;
  }

  #app[data-rc-weather-core="v574"]
  #mobileSheet.has-place
  .mobile-status-icon[data-weather="rain"],
  #app[data-rc-weather-core="v574"]
  #mobileSheet.has-place
  .mobile-status-icon[data-weather="showers"],
  #app[data-rc-weather-core="v574"]
  #mobileSheet.has-place
  .mobile-status-icon[data-weather="drizzle"]{
    color:#287fc5!important;
  }

  #app[data-rc-weather-core="v574"]
  #mobileSheet.has-place
  .mobile-status-icon[data-weather="storm"]{
    color:#7659c8!important;
  }

  #app[data-rc-weather-core="v574"]
  #mobileSheet.has-place
  .mobile-status-icon[data-weather="snow"]{
    color:#4e8daf!important;
  }

  #app[data-rc-weather-core="v574"]
  #mobileSheet.has-place
  .mobile-status-icon[data-weather="fog"],
  #app[data-rc-weather-core="v574"]
  #mobileSheet.has-place
  .mobile-status-icon[data-weather="cloud"]{
    color:#748991!important;
  }
}