.jw-map-page{width:min(1440px,94vw);margin:24px auto}.jw-map-hero{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;margin-bottom:16px}.jw-map-hero h1{margin:0;font-size:clamp(30px,4vw,54px);line-height:1.02}.jw-map-hero p{max-width:820px;color:#475569;font-size:17px}.jw-map-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.jw-map-shell{display:grid;grid-template-columns:310px 1fr;gap:16px}.jw-map-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:16px;box-shadow:0 12px 34px rgba(15,23,42,.06)}.jw-map-sidebar h2{font-size:18px;margin:0 0 12px}.jw-map-layers{display:grid;gap:8px}.jw-layer-toggle{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc;font-weight:800;color:#334155}.jw-layer-toggle.locked{opacity:.6}.jw-layer-toggle input{width:17px;height:17px}.layer-color{display:inline-block;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #e5e7eb}.jw-map-legend{display:grid;gap:8px;margin-top:18px;color:#475569;font-size:14px}.jw-map-legend span{display:flex;align-items:center;gap:8px}.jw-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.jw-map-canvas-wrap{position:relative;min-height:680px;background:#e0f2fe;border-radius:26px;overflow:hidden;border:1px solid #dbeafe;box-shadow:0 18px 50px rgba(15,23,42,.10)}.jw-map-canvas{height:680px;width:100%}.jw-map-status{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.94);border:1px solid #e5e7eb;border-radius:999px;padding:8px 12px;font-weight:800;color:#334155;z-index:500}.jw-map-note{margin-top:12px;color:#64748b;font-size:13px}.jw-map-marker{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mcolor);border:3px solid #fff;box-shadow:0 10px 22px rgba(15,23,42,.32)}.jw-map-marker span{font-size:16px;line-height:1}.jw-cluster{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:3px solid #fff;color:#fff;font-weight:950;box-shadow:0 10px 26px rgba(15,23,42,.28)}.jw-cluster-info{background:#2563eb}.jw-cluster-bad{background:#dc2626}.jw-cluster-good{background:#16a34a}.jw-popup strong{font-size:15px}.jw-popup p{margin:6px 0}.jw-popup small{color:#64748b}@media(max-width:980px){.jw-map-hero{grid-template-columns:1fr}.jw-map-actions{justify-content:flex-start}.jw-map-shell{grid-template-columns:1fr}.jw-map-canvas-wrap{min-height:560px}.jw-map-canvas{height:560px}}@media(max-width:560px){.jw-map-page{width:94vw;margin:14px auto}.jw-map-sidebar{border-radius:18px}.jw-map-canvas-wrap{border-radius:18px;min-height:520px}.jw-map-canvas{height:520px}}
/* === Map layout V10: sidebar right desktop, below mobile === */
.jw-map-shell.right-sidebar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 18px;
  align-items: stretch;
}

.jw-map-shell.right-sidebar .jw-map-sidebar {
  order: 2;
}

.jw-map-shell.right-sidebar .jw-map-canvas-wrap {
  order: 1;
}

.jw-login-layer-message {
  margin-top: 14px;
  padding: 14px;
  border-radius: 16px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  font-weight: 700;
  line-height: 1.45;
}

.jw-login-layer-message .btn {
  margin-top: 10px;
  display: inline-flex;
}

.jw-layer-toggle input:disabled + .layer-color,
.jw-layer-toggle input:disabled ~ span {
  opacity: .55;
}

.jw-layer-toggle.locked {
  cursor: not-allowed;
  background: #f8fafc;
}

@media (max-width: 980px) {
  .jw-map-shell.right-sidebar {
    grid-template-columns: 1fr;
  }

  .jw-map-shell.right-sidebar .jw-map-sidebar {
    order: 2;
  }

  .jw-map-shell.right-sidebar .jw-map-canvas-wrap {
    order: 1;
  }
}