/* Diário cronológico compacto */
#diary-screen .table-card { overflow: visible; }
#diary-timeline.timeline {
  position: relative; width: 100%; max-width: none; margin: 10px 0 0;
  padding: 0 0 0 128px; display: flex; flex-direction: column; gap: 18px;
}
#diary-timeline.timeline::before {
  content: ''; position: absolute; top: 13px; bottom: 13px; left: 108px;
  width: 2px; border-radius: 2px; background: linear-gradient(to bottom, var(--primary-color), var(--border-color) 12%, var(--border-color) 88%, transparent);
}
#diary-timeline .timeline-item { position: relative; width: 100%; margin: 0; }
#diary-timeline .timeline-dot {
  position: absolute; top: 17px; left: -26px; width: 12px; height: 12px;
  border: 3px solid var(--bg-dark); border-radius: 50%; background: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(253,188,26,.2);
}
#diary-timeline .timeline-date-marker {
  position: absolute; top: 9px; right: calc(100% + 42px); width: 86px;
  display: flex; align-items: center; justify-content: flex-end; gap: 6px;
  color: var(--text-secondary); font-size: 10px; font-weight: 700; white-space: nowrap;
}
#diary-timeline .timeline-date-marker i { color: var(--primary-color); }
#diary-timeline .timeline-card {
  width: 100%; max-width: none; padding: 17px 18px; overflow: hidden;
  border: 1px solid var(--border-color); border-radius: 15px;
  transition: border-color var(--transition-speed), transform var(--transition-speed), box-shadow var(--transition-speed);
}
#diary-timeline .timeline-card:hover { border-color: rgba(253,188,26,.28); transform: translateY(-1px); box-shadow: 0 10px 24px rgba(0,0,0,.18); }
#diary-timeline .timeline-card-header {
  min-height: 30px; margin: 0 0 11px; padding: 0 0 10px;
  display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--border-color);
}
#diary-timeline .timeline-title-row { min-width: 0; flex: 1; flex-wrap: wrap; gap: 7px; }
#diary-timeline .timeline-title-row h4 { min-width: 0; font-size: 14px; line-height: 1.4; }
#diary-timeline .diary-stage-badge { flex-shrink: 0; border: 1px solid rgba(253,188,26,.2); background: rgba(253,188,26,.08); color: var(--primary-color); }
#diary-timeline .timeline-card-body { display: flex; min-width: 0; flex-direction: column; gap: 12px; }
#diary-timeline .timeline-copy { min-width: 0; }
#diary-timeline .timeline-description { color: var(--text-primary); font-size: 13px; line-height: 1.58; white-space: pre-line; }
#diary-timeline .timeline-notes { display: flex; flex-direction: column; gap: 3px; margin-top: 10px; padding: 9px 11px; }
#diary-timeline .timeline-notes strong { color: var(--primary-color); font-size: 9px; text-transform: uppercase; letter-spacing: .5px; }
#diary-timeline .timeline-notes span { line-height: 1.45; }
#diary-timeline .diary-photo-gallery {
  width: 100%; display: flex; gap: 8px; overflow-x: auto; overflow-y: hidden;
  padding: 1px 1px 5px; scrollbar-width: thin; scrollbar-color: rgba(253,188,26,.5) transparent;
}
#diary-timeline .diary-photo-thumb {
  position: relative; width: 118px; height: 82px; flex: 0 0 118px;
  padding: 0; overflow: hidden; border: 1px solid var(--border-color);
  border-radius: 9px; background: var(--bg-dark); cursor: pointer;
}
#diary-timeline .diary-photo-thumb img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 220ms ease, filter 220ms ease; }
#diary-timeline .diary-photo-thumb:hover img { transform: scale(1.05); }
#diary-timeline .diary-photo-zoom { position: absolute; right: 6px; bottom: 6px; width: 25px; height: 25px; display: grid; place-items: center; border-radius: 7px; background: rgba(0,0,0,.68); color: #fff; font-size: 9px; opacity: 0; transition: opacity var(--transition-speed); }
#diary-timeline .diary-photo-thumb:hover .diary-photo-zoom, #diary-timeline .diary-photo-thumb:focus-visible .diary-photo-zoom { opacity: 1; }
#diary-timeline .diary-photo-more { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 1px; background: rgba(0,0,0,.66); color: #fff; font-size: 21px; font-weight: 800; }
#diary-timeline .diary-photo-more small { font-size: 8px; font-weight: 700; letter-spacing: .35px; text-transform: uppercase; }
#diary-timeline .diary-photo-summary { display: flex; align-items: center; gap: 6px; margin-top: -5px; color: var(--text-muted); font-size: 10px; font-weight: 700; }
#diary-timeline .diary-manager-actions { margin-left: 0; }
@media (max-width: 760px) {
  #diary-timeline.timeline { max-width: none; padding-left: 26px; gap: 15px; }
  #diary-timeline.timeline::before { left: 6px; }
  #diary-timeline .timeline-dot { left: -25px; }
  #diary-timeline .timeline-date-marker { position: static; width: auto; margin: 0 0 7px; justify-content: flex-start; font-size: 10px; }
  #diary-timeline .timeline-card { width: 100%; padding: 15px; }
  #diary-timeline .diary-photo-thumb { width: 104px; height: 76px; flex-basis: 104px; }
}