/*.popup-body {*/
/*  margin: 0;*/
/*  padding-left: 10px;*/
/*  padding-top: 10px;*/
/*}*/

.popup {
  display:none;
  position: absolute;
  top: 120px;
  left: 120px;
  width: 430px;
  background: #f4f4f4;
  border: 2px solid #999;
  border-radius: 6px;
  font-family: 'Courier New', monospace;
  box-shadow: 4px 4px 0 #333;
  z-index: 1000;
}

.popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(to right, #ccc, #eee);
  padding: 6px 10px;
  cursor: move;
  border-bottom: 2px solid #999;
}

.popup-title {
  font-weight: bold;
  font-size: 14px;
}

.popup-buttons {
  display: flex;
  gap: 4px;
}

.btn {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: none;
}

.red { background: #e33; }
.yellow { background: #fc3; }
.green { background: #3c3; }

.popup-content {
  padding: 12px;
  font-size: 13px;
  color: #222;
}