/* Radar Česka V5.9.11 · Desktop Compact Inspector (derived from V5.7.5)
   Scope: desktop weather information surfaces only. Mobile V5.7.4 is untouched. */

@media (min-width:1101px){
  /* One visual grammar for the three desktop information surfaces. */
  .place-card,
  .model-point-card,
  .app-shell[data-mode="weather"] .live-feed{
    border-color:rgba(22,57,70,.085);
    background:rgba(255,255,255,.972);
    -webkit-backdrop-filter:blur(26px) saturate(150%);
    backdrop-filter:blur(26px) saturate(150%);
    box-shadow:0 22px 62px rgba(26,52,62,.145),0 2px 10px rgba(26,52,62,.055);
  }

  /* ---------- PLACE DETAIL: clear 1 → 2 → 3 hierarchy ---------- */
  .place-card{
    width:372px!important;
    max-height:calc(100dvh - 205px);
    padding:13px 14px 12px!important;
    border-radius:18px!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(57,91,101,.20) transparent;
  }
  .place-card.is-expanded{width:404px!important}
  .place-card::-webkit-scrollbar{width:5px}
  .place-card::-webkit-scrollbar-thumb{background:rgba(57,91,101,.18);border-radius:999px}

  .place-card .card-close{
    width:28px;height:28px;margin:-1px -1px -27px 9px!important;
    border:1px solid rgba(22,57,70,.065);border-radius:9px;
    background:rgba(246,249,250,.94)!important;
    color:#71878f;font-size:18px;
    box-shadow:none;
  }
  .place-card .card-close:hover{background:#eef5f5!important;color:#31545e}

  .place-kicker{gap:6px;font-size:7.1px!important;letter-spacing:.11em!important;color:#759098!important}
  .place-dot{width:7px;height:7px;box-shadow:0 0 0 4px rgba(11,191,156,.08)}
  .place-card h2{
    margin:6px 36px 1px 0!important;
    font-size:19px!important;line-height:1.08;letter-spacing:-.035em!important;color:#102f39!important;
  }
  .place-title-link{color:inherit;text-decoration:none}
  .place-title-link.is-linked:hover{text-decoration:none;color:#087f6c}
  .place-subtitle{min-height:12px;margin-top:2px;font-size:8.3px;font-weight:650;color:#87989e}

  /* Level 1: current conditions – one compact hero, not another dashboard. */
  .place-current{
    grid-template-columns:46px minmax(0,1fr) max-content!important;
    gap:9px!important;align-items:center;
    margin-top:8px;padding:6px 2px 7px!important;
    border:0!important;border-radius:0!important;
    background:transparent!important;
    box-shadow:none;
  }
  .place-weather-icon{
    width:44px!important;height:44px!important;border-radius:13px!important;
    background:rgba(241,249,249,.86)!important;
    box-shadow:inset 0 0 0 1px rgba(31,79,96,.035)!important;
  }
  .place-weather-icon svg{width:28px!important;height:28px!important}
  .place-current-copy{gap:0!important;min-width:0}
  .place-current-temp{font-size:24px!important;line-height:.98;font-weight:800;letter-spacing:-.045em;color:#143945}
  .place-current-condition{margin-top:3px;font-size:10px;font-weight:800;color:#385963}
  .place-current-copy small{margin-top:2px;font-size:7.5px!important;color:#80949b!important}
  .place-today-range{
    grid-template-columns:1fr 1fr;column-gap:8px;row-gap:3px;
    min-width:69px;padding-left:9px;border-left:1px solid rgba(33,74,86,.07)
  }
  .place-today-range>span{font-size:7px;font-weight:900;letter-spacing:.105em;color:#889ba1}
  .place-today-range strong,.place-today-range small{font-variant-numeric:tabular-nums}
  .place-today-range strong{font-size:11.5px;color:#24454f;text-align:right}
  .place-today-range small{font-size:9.5px;color:#899aa0;text-align:left}
  .place-today-range strong:before{content:'max ';font-size:6.4px;font-weight:800;color:#8b9da2;text-transform:uppercase}
  .place-today-range small:before{content:'min ';font-size:6.4px;font-weight:800;color:#9aa8ad;text-transform:uppercase}

  /* Level 2: Radar insight is the product's primary answer. */
  .smart-now-card{
    margin-top:7px!important;padding:10px 11px 10px 12px!important;
    border-radius:12px!important;box-shadow:none!important;
  }
  .smart-now-card:before{top:10px!important;bottom:10px!important;width:2px}
  .smart-now-head{margin-bottom:6px}
  .smart-now-head b{font-size:7.4px!important;letter-spacing:.07em}
  .smart-now-head em{font-size:6.7px!important;padding:3px 7px}
  .smart-now-card>strong{font-size:12.8px!important;line-height:1.2;letter-spacing:-.018em}
  .smart-now-card>p{max-width:330px;margin-top:4px;font-size:8.7px!important;line-height:1.4!important;color:#56717a}
  .smart-now-explain{margin-top:5px;font-size:7.1px;color:#53747d}
  .smart-now-signals{gap:6px;margin-top:10px}
  .smart-now-signals>span{padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.64)}
  .smart-now-signals small{font-size:6.7px}.smart-now-signals b{font-size:8.7px}

  /* Level 3: next hours – flat rail with strong now-state. */
  .place-hourly-preview{
    margin-top:9px!important;padding:0!important;
    border:0;background:transparent;
  }
  .place-hourly-preview .weather-section-head{margin:0 1px 5px!important}
  .weather-section-head strong{font-size:9.6px!important;color:#24444e}
  .weather-section-head small{font-size:7.6px!important;color:#91a0a5}
  .place-hourly-preview .hourly-strip{gap:6px!important;padding:0 0 2px}
  .place-hourly-preview .hourly-item{
    flex:1 0 54px!important;min-width:54px!important;
    min-height:60px;padding:6px 4px 5px!important;
    border:1px solid rgba(27,65,76,.06)!important;border-radius:11px!important;
    background:rgba(247,250,251,.88)!important;
  }
  .place-hourly-preview .hourly-item:first-child{
    background:#edf9f6!important;border-color:rgba(11,167,142,.12)!important;
    box-shadow:inset 0 0 0 1px rgba(11,167,142,.025);
  }
  .place-hourly-preview .hourly-item>span{font-size:7px!important;color:#718890}
  .place-hourly-preview .hourly-item strong{font-size:10px!important;color:#1d3d47}
  .place-hourly-preview .hourly-item small{font-size:6.5px!important;color:#4e819a!important}

  /* One unambiguous action row. */
  .place-actions{
    margin-top:7px;padding-top:7px;border-top:1px solid rgba(25,61,72,.055);
  }
  .place-card .place-actions .place-forecast-toggle{
    flex:1 1 auto;width:100%;height:31px!important;margin:0!important;
    border:1px solid rgba(20,85,82,.08);border-radius:11px!important;
    background:rgba(241,248,247,.88)!important;color:#28525a!important;
    font-size:9px!important;font-weight:820;
  }
  .place-card .place-actions .place-forecast-toggle:only-child{flex-basis:100%}
  .place-card .place-actions .place-forecast-toggle:hover{background:#eaf6f3!important;color:#0c7665!important}
  .place-forecast-toggle b{font-size:13px;color:#118a75}

  /* Expanded content: sections, not nested cards. */
  .place-expanded-details{padding-top:9px}
  .place-detail-section-head{margin:0 1px 8px}
  .place-detail-section-head strong{font-size:10.6px;color:#24444e}
  .place-detail-section-head small{font-size:7.5px;color:#92a0a5}
  .weather-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin:0!important}
  .weather-metrics div{
    min-height:40px;padding:6px 7px!important;border-radius:8px!important;
    border:1px solid rgba(28,65,76,.045);background:rgba(247,250,251,.78)!important;
  }
  .weather-metrics span{font-size:7px!important;color:#87999f}
  .weather-metrics strong{font-size:10px!important;color:#294951}
  .meteo-detail-line{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px!important;margin-top:6px!important}
  .meteo-detail-line>span{
    min-height:37px;padding:5px 6px!important;border-radius:8px!important;
    border:1px solid rgba(28,65,76,.04);background:rgba(250,252,252,.72)!important;
  }
  .meteo-detail-line small{font-size:6.8px;color:#8b9ba0}.meteo-detail-line strong{font-size:9.4px;color:#31515a}
  .sun-summary{margin-top:7px!important;padding:8px 10px!important;border-radius:10px!important;border-color:rgba(222,165,34,.10)}

  .place-expanded-details>.weather-forecast-section{
    margin-top:13px!important;padding-top:12px;border-top:1px solid rgba(24,61,72,.06)
  }
  .place-expanded-details .daily-forecast-list{gap:6px!important}
  .place-expanded-details .daily-item{
    border-color:rgba(27,65,76,.05)!important;background:rgba(247,250,251,.84)!important;border-radius:10px!important;
  }
  .place-expanded-details .daily-item[data-day-index="0"]{background:#edf9f6!important;border-color:rgba(11,167,142,.10)!important}

  /* Radar detail gets its own clear divider and useful time hierarchy. */
  .radar-place-head{margin-top:10px!important;padding-top:9px!important;border-top:1px solid rgba(24,61,72,.055)}
  .radar-place-head strong{font-size:10.7px!important;color:#24444e}
  .radar-place-head small{margin-top:2px;font-size:7.8px!important;color:#81949b}
  .radar-place-head b{padding:4px 7px!important;border-radius:999px;background:#edf8f5;color:#14806e;font-size:7px!important}
  .place-forecast-grid{gap:6px!important;margin-top:8px}
  .place-forecast-grid div{
    min-height:43px;padding:6px 5px!important;border:0;border-radius:8px!important;background:#f7fafb!important;
  }
  .place-forecast-grid span{font-size:7.4px!important;color:#81949b;font-variant-numeric:tabular-nums}
  .place-forecast-grid strong{margin-top:4px;font-size:9.3px!important;line-height:1.25;color:#294a53}
  .place-insight{
    margin-top:5px;padding:7px 8px!important;border:0;border-radius:8px!important;
    background:rgba(237,248,245,.55);font-size:8.2px!important;line-height:1.4!important;color:#4c6c73;
  }
  .place-data-sources{margin-top:9px;padding-top:7px}

  /* ---------- LIVE: a calm newsroom hierarchy ---------- */
  .app-shell[data-mode="weather"] .live-feed{
    right:70px;top:132px;width:284px;max-height:min(430px,calc(100dvh - 238px));
    padding:10px;border-radius:16px;
  }
  .live-feed-head{padding:1px 1px 7px}
  .live-feed-head>div{grid-template-columns:10px auto;column-gap:8px}
  .live-feed-head strong{font-size:12px;letter-spacing:-.02em;color:#173943}
  .live-feed-head small{margin-top:4px;font-size:7.8px;color:#81949a}
  .live-feed-head button{
    width:28px;height:28px;display:grid;place-items:center;padding:0;border-radius:9px;
    background:#f4f8f8;color:#7f9399;font-size:18px
  }
  .live-feed-head button:hover{background:#edf4f4;color:#315761}
  .live-feed-list{gap:6px;max-height:356px;padding-right:1px}
  .live-feed-item{
    grid-template-columns:35px minmax(0,1fr) 15px;gap:8px;
    padding:9px 8px;border-radius:12px;border-color:rgba(17,56,67,.06);background:rgba(250,252,253,.92)
  }
  .live-feed-item:first-child{background:rgba(239,249,247,.93);border-color:rgba(11,167,142,.10)}
  .live-feed-time{padding-top:2px;font-size:7.2px;color:#8a9b9f}
  .live-feed-copy{gap:3px}
  .live-feed-copy strong{font-size:9.6px;line-height:1.22;color:#294851;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .live-feed-copy span{font-size:8.1px;line-height:1.35;color:#667d84;-webkit-line-clamp:2}
  .live-feed-arrow{padding-top:5px;font-size:15px;color:#91a5aa}
  .live-feed-foot{margin-top:8px;padding:9px 2px 0;font-size:7.2px}
  .live-feed-foot a{font-size:7.8px;font-weight:850;color:#147f6d;text-decoration:none}
  .live-feed-foot a:hover{text-decoration:underline}

  /* ---------- MODEL POINT: same visual hierarchy as weather detail ---------- */
  .model-point-card{
    left:20px;top:174px;width:340px;max-height:calc(100dvh - 252px);
    border-radius:18px;overflow:auto;
  }
  .model-point-card .card-close{top:11px!important;margin:11px 11px -41px 0;width:31px;height:31px;border-radius:10px;box-shadow:none}
  .model-point-head{padding:13px 14px 9px;border-bottom:1px solid rgba(19,54,66,.05)}
  .model-point-head h2{margin-top:3px;font-size:18px;letter-spacing:-.03em;color:#143640}
  .model-point-head small{font-size:8px}.model-point-kicker{font-size:6.8px}
  .model-point-icon{width:36px;height:36px;border-radius:11px;font-size:17px;box-shadow:inset 0 0 0 1px rgba(25,65,75,.035)}
  .model-point-primary{padding:10px 14px 11px}
  .model-point-primary>span{font-size:8px;letter-spacing:.03em;text-transform:uppercase}
  .model-point-primary>strong{font-size:29px;letter-spacing:-.045em}
  .model-point-primary>small{margin-top:5px;font-size:8.8px;line-height:1.38}
  .model-point-extras{margin:0 12px;border:0;gap:0}
  .model-point-extras>span{padding:7px 6px;border:0!important;border-radius:0;background:transparent}
  .model-point-extras small{font-size:6.8px}.model-point-extras strong{font-size:9.8px}
  .model-point-trend{padding:10px 12px 9px}
  .model-point-section-head{margin-bottom:9px}.model-point-section-head strong{font-size:10.4px}.model-point-section-head small{font-size:7.3px}
  .model-trend-item{padding:8px 3px;border-radius:9px;background:#f6f9fa}
  .model-point-foot{padding:7px 12px;font-size:7px}
  .model-point-note{padding:7px 12px 9px;font-size:7.8px;line-height:1.38}
}