/* app.css — DutyLog custom styling.
   Layered on top of Bootstrap 5. Goal: a clean, readable digital logbook. */

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Agency logo in the navbar: constrain height, keep aspect ratio. */
.navbar-logo {
  height: 32px;
  width: auto;
  max-width: 160px;
  object-fit: contain;
}

/* Each entry reads like a line in a binder: time on the left, note on the right. */
.entry {
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--bs-border-color-translucent);
}
.entry:last-child {
  border-bottom: 0;
}

.entry-time {
  min-width: 3.25rem;
  font-variant-numeric: tabular-nums;
  font-size: 0.95rem;
  padding-top: 0.1rem;
}

.entry-text {
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.5;
}

/* Hide admin edit/delete links until you hover the entry (keeps it clean). */
.entry-actions {
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
.entry:hover .entry-actions {
  opacity: 1;
}
@media (max-width: 768px) {
  /* On touch devices, always show actions. */
  .entry-actions { opacity: 1; }
}

/* Same hover-reveal treatment for task admin actions. */
.task-actions {
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
.task-row:hover .task-actions {
  opacity: 1;
}
@media (max-width: 768px) {
  .task-actions { opacity: 1; }
}

.attachment-thumb {
  max-height: 220px;
}

.log-date-list {
  max-height: 70vh;
  overflow-y: auto;
}

/* Make sure anchored entries (from search "View") aren't hidden under navbar. */
.entry[id] {
  scroll-margin-top: 80px;
}

/* Subtle highlight when you jump to a specific entry. */
.entry:target {
  background: var(--bs-warning-bg-subtle);
  border-radius: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* Comment threads under entries. */
.entry-comments .comment {
  border-bottom: 1px dotted var(--bs-border-color-translucent);
}
.entry-comments .comment:last-child {
  border-bottom: 0;
}
.entry-comments .comment-text {
  word-break: break-word;
}