.ccp-book-line {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.ccp-line-public,
.ccp-line-preview {
  display: flex;
  flex-wrap: wrap;        /* umožní zalamování popisku */
  align-items: flex-end;  /* tečky dole pod posledním řádkem */
  gap: 12px;
  width: 100%;
  margin-top: 10px;
}

.ccp-label {
  flex: 0 1 auto;
  white-space: normal;     /* povolí zalomení */
  min-width: 0;            /* nutné pro správné zalamování */
}

.ccp-dots-meta {
  display: flex;
  flex: 1 1 auto;
  align-items: flex-end;
  gap: 8px;
}

.ccp-dots {
  flex: 1 1 auto;
  border-bottom: 1px dotted currentColor;
  min-width: 20px;
  height: 1em; /* aby byl border vzdy videt */
  top: -5px;
  position: relative;
}

.ccp-meta {
  flex: 0 0 auto;
  display: flex;
  gap: 10px;
  align-items: center;
  white-space: nowrap;
}

.ccp-line-preview em {
  color: #888;
  font-style: italic;
}

.ccp-inputs {
  margin-bottom: 10px;
}

.ccp-separator {
  margin: 0; /* mezera kolem lomítka */
}