/* bulletjournal.css — scoped styles for the drag-and-drop Journal Canvas */

.journal__toolbar {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-bottom: .5rem;
}

.journal__btn {
  border-radius: .75rem;
  padding: .375rem .75rem;
}

.journal__status {
  margin-top: .5rem;
  font-size: .95rem;
  color: #6c757d;
}

/* Canvas board holds absolutely positioned items */
.journal__canvas-board {
  min-height: 480px;
  border: 1px dashed #ced4da;
  background-color: #fff;
  position: relative;
}

/* Stickers/frames/text blocks placed on the board */
.journal-canvas-item {
  position: absolute;
  user-select: none;
  cursor: move;
  touch-action: none;
}

.journal-canvas-item.is-selected {
  outline: 2px solid #b08a48; /* brand gold highlight */
  outline-offset: 2px;
}

/* Text inputs inside the canvas */
.journal__field,
.journal__textarea {
  display: block;
  width: 100%;
  border: 1px solid #dee2e6;
  border-radius: .5rem;
  padding: .5rem .75rem;
  background: #fff;
}

.journal__field:focus,
.journal__textarea:focus {
  outline: none;
  border-color: #b08a48;
  box-shadow: 0 0 0 .2rem rgba(176,138,72,.15);
}

.journal__textarea {
  min-height: 160px;
  resize: vertical;
}

/* Small element chips/palette */
.elt-chip {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .25rem .5rem;
  border: 1px solid #e9ecef;
  border-radius: 999px;
  background: #fff;
  font-size: .9rem;
  line-height: 1.2;
}

/* Utility */
.is-hidden { display: none !important; }