.danubemaps #danubemap-wrap { position: relative; }
.danubemaps #danubemap { height: 70vh; min-height: 420px; width: 100%; border-radius: 8px; }
.danubemaps #danubemaps-panel {
  position: absolute; top: 12px; right: 12px; z-index: 1000; background: #fff; border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,.25); padding: 10px 14px; font-size: 14px; max-width: 300px;
}
.danubemaps #danubemaps-panel h3 { margin: 0 0 8px; font-size: 15px; color: #1a73e8; }
.danubemaps #danubemaps-panel label { display: flex; align-items: center; gap: 7px; margin: 5px 0; cursor: pointer; }
.danubemaps #danubemaps-panel .sw { width: 15px; height: 15px; border-radius: 3px; border: 1px solid #888; display: inline-block; }
.danubemaps .dmb-shortcuts { margin-top: 8px; border-top: 1px solid #ddd; padding-top: 8px; display: flex; gap: 12px; }
.danubemaps .zone-detail h1, .danubemaps .item-detail h1, .danubemaps .list-page h1 { color: #16324f; }
.danubemaps .zone-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 14px; }
.danubemaps .badge { background: #eef2f6; border: 1px solid #d4dde5; border-radius: 20px; padding: 2px 10px; font-size: 13px; }
.danubemaps .badge.ok { background: #e7f6ec; border-color: #bfe6cc; }
.danubemaps .zone-img { max-width: 100%; border-radius: 8px; margin-bottom: 12px; }
.danubemaps .zone-body, .danubemaps .zone-rules { line-height: 1.6; }
.danubemaps .dmb-list { list-style: none; padding-left: 0; }
.danubemaps .dmb-list li { margin: 6px 0; }
.danubemaps .muted { color: #5f6368; }
.danubemaps #danubemaps-panel { max-height: calc(100vh - 40px); overflow-y: auto; }
.danubemaps .dmb-routes { margin-top: 8px; border-top: 1px solid #ddd; padding-top: 6px; max-height: 38vh; overflow-y: auto; }
.danubemaps .dmb-routes h4 { margin: 0 0 4px; font-size: 13px; color: #333; }
.danubemaps .dmb-routes-legend { margin: 6px 0 2px; font-size: 12px; font-weight: 600; color: #555; }
.danubemaps .dmb-route { display: flex; align-items: center; gap: 6px; margin: 3px 0 3px 10px; font-size: 13px; cursor: pointer; }
.danubemaps .dmb-desc { margin-top:4px; line-height:1.5; }
.danubemaps #danubemaps-panel .sw.sw-line { width: 18px; height: 5px; border-radius: 0; border: none; background: repeating-linear-gradient(90deg, #2e8437 0 6px, rgba(46,132,55,.22) 6px 10px); }
.danubemaps .dmb-readmore { display: inline-block; margin-top: 6px; font-weight: 600; }