.sp_map_wrap{border:1px solid #e5e5e5;border-radius:10px;padding:16px;margin-top:18px;background:#fff}
.sp_map_header h3{margin:0 0 6px}
.sp_adminline{margin:8px 0 0}
.sp_export_link{display:inline-block;padding:6px 10px;border:1px solid #ddd;border-radius:8px;background:#f7f7f7;text-decoration:none}

.sp_map_stage{border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fafafa}
.sp_svg{width:100%;height:auto;display:block}
.sp_floor{fill:#ffffff}

.sp_table{cursor:pointer;outline:none}
.sp_table_top{fill:#e9e9e9;stroke:#cfcfcf;stroke-width:2}
.sp_table_label{font-size:12px;fill:#333;font-family:Arial, sans-serif}
.sp_chair{fill:#2ecc71}
.sp_table:hover .sp_table_top{stroke-width:3}
.sp_table:focus .sp_table_top{stroke-width:3}

/* Backdrop */
.sp_backdrop{
  position:fixed;
  top:0; left:0; right:0; bottom:0;
  background:rgba(0,0,0,.35);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
  z-index:9998;
}
.sp_backdrop.is_open{
  opacity:1;
  pointer-events:auto;
}

/* Modal panel */
.sp_panel{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) scale(.98);

  width:92vw;
  max-width:920px;
  max-height:72vh;
  overflow:auto;

  background:#fff;
  border:1px solid #ddd;
  border-radius:16px;
  padding:14px;
  box-shadow:0 20px 60px rgba(0,0,0,.25);

  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
  z-index:9999;
}
.sp_panel.is_open{
  opacity:1;
  pointer-events:auto;
  transform:translate(-50%,-50%) scale(1);
}

.sp_panel_head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.sp_panel_title{font-weight:800;font-size:16px}

/* Red close button */
.sp_panel_close{
  background:#e74c3c !important;
  border:1px solid #e74c3c !important;
  color:#fff !important;
  font-weight:900 !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  cursor:pointer !important;
}
.sp_panel_close:hover{background:#cf3f32 !important;border-color:#cf3f32 !important}

.sp_field label{display:block;font-size:13px;margin-bottom:6px;opacity:.85}
.sp_field input{width:100%;padding:10px;border-radius:10px;border:1px solid #ddd}

.sp_seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
@media (max-width:700px){
  .sp_seats{grid-template-columns:1fr}
  .sp_panel{max-height:82vh}
}

/* Buttons */
.sp_btn{padding:10px 14px;border-radius:10px;border:1px solid #ccc;background:#f7f7f7;cursor:pointer}
.sp_btn.sp_save{
  background:#2ecc71;
  border:1px solid #24b862;
  color:#fff;
  font-weight:800;
  padding:10px 16px;
  border-radius:12px;
}
.sp_btn.sp_save:hover{filter:brightness(.95)}
.sp_panel_actions{display:flex;gap:12px;align-items:center;margin-top:12px;padding-bottom:6px}
.sp_status{font-size:14px}