/* Полноэкранная карта осадков */
html,body.wcm-body{margin:0;padding:0;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;color:#ffffff;background:#1b2556}
.wcm{position:fixed;inset:0;--panel:300px;--tl:46px}
.wcm *{box-sizing:border-box}
.wcm-map{position:absolute;left:0;top:0;right:var(--panel);bottom:var(--tl);background:#1b2556}
.wcm-map .leaflet-container{font:inherit}
#wcm-canvas{position:absolute;left:0;top:0;pointer-events:none}

/* верхняя строка: назад + поиск */
.wcm-top{position:absolute;left:12px;top:10px;z-index:1000;display:flex;gap:8px;align-items:flex-start}
.wcm-back{display:inline-block;padding:8px 12px;background:#0c1540;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.25);color:#ffffff;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}
.wcm-search{position:relative;width:340px;max-width:40vw}
.wcm-search input{width:100%;height:32px;padding:0 10px;border:0;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.25);font-size:13px;background:#0c1540;color:#ffffff}
.wcm-results{position:absolute;left:0;right:0;top:34px;margin:0;padding:0;list-style:none;background:#0c1540;box-shadow:0 2px 8px rgba(0,0,0,.3);border-radius:3px;max-height:260px;overflow:auto}
.wcm-results li a{display:block;padding:8px 10px;color:#ffffff;text-decoration:none;font-size:13px}
.wcm-results li a:hover{background:#121b48}

/* меню слоёв */
.wcm-layers{position:absolute;right:calc(var(--panel) + 10px);top:10px;z-index:1000;background:#0c1540;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.25);padding:6px 4px;min-width:150px}
.wcm-layers button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:0;background:none;font:inherit;font-size:13px;color:#ffffff;text-align:left;cursor:pointer}
.wcm-layers button i{font-style:normal;width:16px;text-align:center;color:#8e98c0}
.wcm-layers button.is-active,.wcm-layers button.is-active i{color:#ffcc2e}
.wcm-layers button:hover{background:#121b48}

/* правая панель */
.wcm-panel{position:absolute;right:0;top:0;bottom:var(--tl);width:var(--panel);padding:16px 12px;background:#121b48;overflow:auto;z-index:1000}
.wcm-panel h1{font-size:20px;line-height:1.2;margin:4px 0 8px}
.wcm-sum{font-size:12px;line-height:1.45;margin:0 0 14px}
.wcm-now{display:flex;align-items:center;gap:10px;background:#0c1540;padding:12px;margin-bottom:8px;text-decoration:none;color:#ffffff}
.wcm-now-ic svg{display:block}
.wcm-now-tx{flex:1;display:flex;flex-direction:column;gap:2px}
.wcm-now-tx b{font-size:15px}
.wcm-now-tx small{font-size:12px;color:#8e98c0}
.wcm-chev{font-size:24px;line-height:1;color:#ffffff}
.wcm-links{display:flex;flex-direction:column;gap:4px}
.wcm-links a{display:flex;align-items:center;justify-content:space-between;background:#0c1540;padding:8px 10px;color:#ffffff;text-decoration:none;font-size:12px}
.wcm-links .wcm-chev{font-size:20px}
.wcm-upd{display:flex;gap:6px;align-items:flex-start;font-size:10.5px;color:#8e98c0;margin:12px 0 0;line-height:1.35}
.wcm-upd svg{flex:0 0 12px;margin-top:1px}

/* легенда */
.wcm-legend{position:absolute;right:calc(var(--panel) + 10px);bottom:calc(var(--tl) + 22px);z-index:1000;display:flex;align-items:stretch;background:#0c1540;box-shadow:0 1px 4px rgba(0,0,0,.25);font-size:9px;max-width:calc(100vw - var(--panel) - 20px);overflow:hidden}
.wcm-legend span{display:block;min-width:19px;padding:4px 3px;text-align:center;color:#ffffff;background:#0c1540}
.wcm-legend span.u{font-weight:700;padding:4px 6px}
.wcm-legend span.dk{color:#ffffff}

/* подсказка у курсора и сообщение */
.wcm-cursor{position:fixed;z-index:1100;pointer-events:none;background:rgba(0,0,0,.78);color:#ffffff;font-size:12px;padding:3px 7px;border-radius:3px;white-space:nowrap}
.wcm-msg{position:absolute;left:50%;top:60px;transform:translateX(-50%);z-index:1100;background:#0c1540;padding:8px 14px;border-radius:3px;box-shadow:0 1px 6px rgba(0,0,0,.3);font-size:13px}
.wcm-msg[hidden]{display:none}

/* подписи городов */
#wcm-map .wcm-chip,#wcm-map a.wcm-chip:link,#wcm-map a.wcm-chip:visited{position:absolute;background:rgba(40,40,40,.88);color:#ffffff;font-size:11px;line-height:1;padding:4px 6px;border-radius:2px;white-space:nowrap;text-decoration:none;display:block;transform:translate(-50%,-50%);box-shadow:0 1px 2px rgba(0,0,0,.25)}
#wcm-map a.wcm-chip:hover{background:#ffcc2e;color:#000000}
.wcm-pin{width:10px;height:10px;border-radius:50%;background:#ff3b30;border:2px solid #0c1540;box-shadow:0 0 3px rgba(0,0,0,.5)}

/* шкала времени */
.wcm-tl{position:absolute;left:0;right:var(--panel);bottom:0;height:var(--tl);background:#0c1540;border-top:1px solid #2f3b73;display:flex;align-items:stretch;z-index:1000}
.wcm-tl-scroll{flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.wcm-tl-scroll::-webkit-scrollbar{display:none}
.wcm-tl-track{position:relative;display:flex;height:100%;width:max-content}
.wcm-h{flex:0 0 60px;width:60px;border:0;border-left:1px solid #222c5e;background:none;padding:4px 0 0;font:inherit;font-size:11px;color:#ffffff;text-align:left;padding-left:5px;cursor:pointer;position:relative}
.wcm-h small{display:block;margin-top:3px;font-size:11px;font-weight:700;white-space:nowrap;position:absolute;left:5px;top:22px}
.wcm-h.is-day{border-left:1px solid #2f3b73}
.wcm-h.is-sel{color:#ffffff;font-weight:700}
#wcm-red{position:absolute;top:0;bottom:0;width:2px;background:#e53935;pointer-events:none;z-index:2}
.wcm-tl-btn{flex:0 0 34px;border:0;background:#0c1540;font-size:15px;color:#ffffff;cursor:pointer}
.wcm-tl-btn:hover{background:#121b48}

/* низ справа */
.wcm-foot{position:absolute;right:10px;bottom:6px;z-index:1200;display:flex;gap:10px;align-items:center}
.wcm-info{border:0;background:none;font-size:18px;color:#d6dbf5;cursor:pointer;padding:0}
.wcm-theme{border:0;background:#ffcc2e;color:#0a1030;font-size:12px;padding:7px 14px;border-radius:2px;cursor:pointer}
.wcm-infobox{position:absolute;right:10px;bottom:calc(var(--tl) + 4px);width:280px;z-index:1300;background:#0c1540;padding:10px 12px;font-size:12px;line-height:1.4;box-shadow:0 2px 8px rgba(0,0,0,.3);border-radius:3px}
.wcm-infobox[hidden]{display:none}

/* тёмная тема */
body.wcm-dark .wcm-panel,body.wcm-dark .wcm-tl{background:#1d1f22;color:#d6dbf5;border-color:#3a4580}
body.wcm-dark .wcm-panel h1{color:#ffffff}
body.wcm-dark .wcm-now,body.wcm-dark .wcm-links a{background:#2a2d31;color:#d6dbf5}
body.wcm-dark .wcm-chev,body.wcm-dark .wcm-now-tx small,body.wcm-dark .wcm-upd{color:#8e98c0}
body.wcm-dark .wcm-h{color:#d6dbf5;border-color:#3a4580}
body.wcm-dark .wcm-tl-btn{background:#1d1f22;color:#d6dbf5}
body.wcm-dark .wcm-layers,body.wcm-dark .wcm-back,body.wcm-dark .wcm-search input,body.wcm-dark .wcm-results,body.wcm-dark .wcm-infobox{background:#2a2d31;color:#d6dbf5}
body.wcm-dark .wcm-back,body.wcm-dark .wcm-layers button,body.wcm-dark .wcm-results li a{color:#d6dbf5}
body.wcm-dark .wcm-layers button:hover,body.wcm-dark .wcm-results li a:hover{background:#34383d}
body.wcm-dark .wcm-info{color:#d6dbf5}

/* мобильные */
@media (max-width:800px){
	.wcm{--panel:0px;--tl:54px}
	.wcm-panel{display:none}
	.wcm-top{right:8px;left:8px}
	.wcm-search{flex:1;max-width:none;width:auto}
	.wcm-layers{right:auto;left:8px;top:54px;display:flex;overflow-x:auto;max-width:calc(100vw - 16px);padding:2px}
	.wcm-layers button{width:auto;white-space:nowrap}
	.wcm-legend{right:8px;max-width:calc(100vw - 16px)}
}

/* OSM tiles: dark theme via filter (houses/roads visible when zoomed in) */