/* v0.4.26 UI shell: map settings + floating cell menu */
.mapper-floating-panel,
.mapper-cell-menu{position:fixed;z-index:2400;min-width:220px;max-width:340px;background:var(--bg-panel,#fffaf2);color:var(--text-main,#1b1a16);border:var(--border-soft,1px solid rgba(0,0,0,.15));border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.18);padding:8px;display:none}
.mapper-floating-panel.open,.mapper-cell-menu.open{display:block}.mapper-cell-menu-title,.mapper-panel-title{font-size:.95rem;font-weight:700;margin:0 0 8px 0}.mapper-cell-menu-actions{display:grid;grid-template-columns:1fr;gap:6px}.mapper-cell-menu button,.mapper-floating-panel button{cursor:pointer}.mapper-action-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:var(--bg-panel-soft,#f2eadc);color:inherit;text-align:left}.mapper-action-btn.danger{color:#9d1c1c;border-color:rgba(157,28,28,.25)}.mapper-map-settings-grid{display:grid;grid-template-columns:92px 1fr;gap:6px 8px;align-items:center}.mapper-map-settings-grid .wide{grid-column:1/-1}.mapper-map-settings-grid input,.mapper-map-settings-grid select,.mapper-map-settings-grid textarea,.mapper-floating-panel textarea{width:100%;border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:8px;padding:6px 8px;color:inherit}.mapper-palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.mapper-palette-slot{border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:6px;background:var(--bg-panel-soft,#f2eadc)}.mapper-palette-preview{width:100%;height:22px;border-radius:6px;border:1px solid rgba(0,0,0,.12);margin-bottom:6px}.mapper-palette-slot input[type="text"]{margin-bottom:6px}.mapper-palette-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mapper-palette-pick{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:6px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:var(--bg-panel-soft,#f2eadc)}.mapper-palette-swatch{height:24px;border-radius:6px;border:1px solid rgba(0,0,0,.12)}.mapper-palette-name{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapper-panel-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.mapper-note-editor{min-height:120px;resize:vertical}.mapper-menu-meta,.mapper-placeholder-note{font-size:.82rem;color:rgba(0,0,0,.65);margin-bottom:8px}


/* v0.4.26 debug overlay docking helpers */
#debug-overlay{
  right:12px;
  left:auto !important;
  top:12px;
  max-height:calc(100vh - 24px);
  overflow:auto;
  z-index:3500;
}
#debug-overlay .bk-debug-drag-handle{
  cursor:move;
}


/* v0.4.26 fix left debug overlay */
#debug-overlay{
  left:18px !important;
  top:102px !important;
  right:auto !important;
  bottom:auto !important;
  width:500px !important;
  max-width:500px !important;
  max-height:560px !important;
  overflow:auto !important;
  z-index:5000 !important;
}

/* v0.4.26 restore right status/debug panel size */
#debug-panel,
.mapper-debug-panel,
#mapper-debug-panel,
.mapper-side-debug,
.mapper-status-panel,
#mapper-status-panel{
  width:260px !important;
  max-width:260px !important;
  min-width:260px !important;
}


/* v0.4.26 actual left popup created by debug.mapper.js */
#bkMapperDebug{
  left: 12px !important;
  top: 12px !important;
  right: auto !important;
  bottom: auto !important;
  max-width: 520px !important;
  max-height: 70vh !important;
  overflow: auto !important;
  z-index: 99999 !important;
}
#bkMapperDebug > div:first-child{
  cursor: move !important;
  user-select: none !important;
}

/* v0.4.26 restore app debug/status overlay to lower-right and smaller */
#debug-overlay{
  left: auto !important;
  top: auto !important;
  right: 10px !important;
  bottom: 10px !important;
  width: 240px !important;
  max-width: 240px !important;
  max-height: 180px !important;
  overflow: hidden !important;
  z-index: 30000 !important;
  resize: none !important;
  pointer-events: none !important;
}


/* v0.4.26 strengthen drag behavior for left debug popup */
#bkMapperDebug{
  position: fixed !important;
  left: 12px !important;
  top: 12px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 99999 !important;
}
#bkMapperDebug > div:first-child{
  cursor: move !important;
  pointer-events: auto !important;
  touch-action: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}


/* v0.4.26 move actual Mapper Debug popup to upper-right by default */
#bkMapperDebug{
  left: auto !important;
  right: 12px !important;
  top: 12px !important;
  bottom: auto !important;
  z-index: 99999 !important;
  max-width: 520px !important;
  max-height: 70vh !important;
}
#bkMapperDebug > div:first-child{
  cursor: move !important;
}


/* v0.4.26 keep Mapper Debug popup in upper-right by default */
#bkMapperDebug{
  left: auto !important;
  right: 12px !important;
  top: 12px !important;
  bottom: auto !important;
  position: fixed !important;
  z-index: 99999 !important;
  max-width: 520px !important;
  max-height: 70vh !important;
  margin: 0 !important;
}
#bkMapperDebug > div:first-child{
  cursor: move !important;
  touch-action: none !important;
}


/* v0.4.26 interaction hardening */
.mapper-floating-panel,
.mapper-cell-menu,
#cell-color-panel,
#cell-feature-panel,
#cell-location-panel,
#cell-notes-panel,
#cell-action-menu{
  pointer-events: auto !important;
  z-index: 120000 !important;
}
.mapper-palette-picker-grid,
.mapper-palette-pick,
.mapper-palette-pick *{
  pointer-events: auto !important;
}


/* v0.5.10 compact map settings palette rows */
.mapper-palette-grid{grid-template-columns:1fr;gap:6px}.mapper-palette-slot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px}.mapper-palette-slot-name{min-width:0}.mapper-palette-slot-name input[type="text"]{margin:0}.mapper-palette-preview-btn{width:30px;height:30px;border-radius:6px;border:1px solid rgba(0,0,0,.18);padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.mapper-palette-preview-btn:focus-visible{outline:2px solid var(--accent-gold,#c79a2b);outline-offset:2px}

.mapper-palette-slot-name input[type="text"]{display:block;width:100%;height:30px;padding:4px 8px;border:1px solid rgba(0,0,0,.18);border-radius:6px;background:#fff;box-sizing:border-box}.mapper-palette-slot-name input[type="text"]:focus-visible{outline:2px solid var(--accent-gold,#c79a2b);outline-offset:1px}.mapper-palette-slot-name input[type="text"]::placeholder{color:rgba(0,0,0,.45)}

/* v0.5.14 native color input for compact palette rows */
.mapper-palette-native-color{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden}
.mapper-palette-slot{position:relative}