.show-entry-details {
  border-radius: 10px!important; /* Adjust as needed */
}
.entry_list_item {
    font-size: small;
}

.entry_list_item p {
    font-size: small;
}

/* Bulletproof view styles for entry modal (.fr-view) */

/* Quotes */
.fr-view blockquote {
  border-left: 4px solid #e5e7eb; /* gray-200 */
  background: #f9fafb;            /* gray-50 */
  padding: 10px 12px;
  border-radius: 6px;
  margin: 12px 0;
}
.fr-view blockquote p { margin: 0; }
.fr-view blockquote cite {
  display: block;
  margin-top: 6px;
  font-style: italic;
  color: #6b7280; /* gray-500 */
}

/* Callouts (new and legacy class names) */
.fr-view .jl-callout,
.fr-view .jl-warning {
  border-left: 4px solid #93c5fd; /* blue-300 */
  background: #eff6ff;           /* blue-50 */
  padding: 10px 12px;
  border-radius: 6px;
  margin: 12px 0;
}
.fr-view .jl-callout__title,
.fr-view .jl-warning__title { font-weight: 600; margin-bottom: 4px; }
.fr-view .jl-callout__message,
.fr-view .jl-warning__message { margin: 0; }

/* Tables (jl-table and legacy tables) */
.fr-view table,
.fr-view .jl-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.fr-view table td,
.fr-view table th,
.fr-view .jl-table td,
.fr-view .jl-table th {
  border: 1px solid #e5e7eb; /* gray-200 */
  padding: 8px 10px;
}
.fr-view table tr:nth-child(even) td,
.fr-view .jl-table tr:nth-child(even) td { background: #fafafa; }

/* Checklists */
.fr-view .jl-checklist { list-style: none; padding-left: 0; margin: 6px 0; }
.fr-view .jl-checklist li { margin: 6px 0; }
.fr-view .jl-checklist input[type="checkbox"] { margin-right: 8px; }

/* Attachments */
.fr-view .jl-attach a { text-decoration: none; color: #2563eb; }
.fr-view .jl-attach a:hover { text-decoration: underline; }

/* Entry viewer image safety:
   force oversized synced images to stay within the content panel even when
   HTML includes width/height attributes or inline styles from upstream data. */
.fr-view {
  overflow-x: hidden;
}

.fr-view img,
.fr-view figure img,
.fr-view p img,
.fr-view a img {
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  display: block;
}

.fr-view figure {
  max-width: 100%;
  margin: 12px 0;
}