body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
textarea { resize: vertical; }

.field-text { white-space: pre-line; word-break: break-word; }

/* Truncated table cell content: max 3 lines with ellipsis, full text on hover title */
.cell-content {
  white-space: pre-line;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 220px;
  min-width: 140px;
  line-height: 1.35;
}

.data-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
.data-table th {
  text-align: left;
  font-weight: 600;
  padding: 0.65rem 0.75rem;
  background: rgb(241 245 249);
  position: sticky; top: 0;
  white-space: nowrap;
}
.data-table td {
  padding: 0.65rem 0.75rem;
  vertical-align: top;
  border-top: 1px solid rgb(226 232 240);
}
html.dark .data-table th { background: rgb(30 41 59); }
html.dark .data-table td { border-top-color: rgb(51 65 85); }

.detail-row { background: rgb(248 250 252); }
html.dark .detail-row { background: rgb(15 23 42); }

/* Expand button rotation */
.expand-toggle[data-open="true"] .caret { transform: rotate(90deg); }
.caret { display: inline-block; transition: transform 0.15s ease; }