/* Projektlogbuch in der Projekt-Übersicht (js/06m-logbuch.js) */
.plog-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.plog-head h3 { margin: 0; }
.plog-glance { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 10px 0 4px; padding: 7px 10px; border-radius: var(--radius);
  background: var(--bg-subtle); font-size: 12.5px; color: var(--text-2); }
.plog-glance b { color: var(--text); font-weight: 600; }
.plog-list { max-height: 460px; overflow-y: auto; margin-top: 6px; padding-right: 4px; }
.plog-day { position: sticky; top: 0; z-index: 1; background: var(--surface); padding: 8px 0 4px; font-size: 11.5px; font-weight: 600;
  text-transform: uppercase; letter-spacing: .04em; color: var(--text-2); border-bottom: 1px solid var(--border); margin-bottom: 4px; }
.plog-row { display: flex; gap: 9px; align-items: flex-start; padding: 6px 2px; border-bottom: 1px solid var(--border); }
.plog-row:last-child { border-bottom: 0; }
.plog-ic { flex: none; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  background: var(--bg-subtle); color: var(--text-2); margin-top: 1px; }
.plog-ic.done { background: var(--accent); color: #fff; }
.plog-ic.new { background: color-mix(in srgb, var(--accent) 18%, transparent); color: var(--accent); }
.plog-ic.mail { background: #4573d2; color: #fff; }
.plog-ic.cmt { background: color-mix(in srgb, #f1bd6c 35%, transparent); color: var(--text); }
.plog-body { min-width: 0; flex: 1; }
.plog-text { font-size: 13px; line-height: 1.4; color: var(--text-2); }
.plog-text b { color: var(--text); font-weight: 600; }
.plog-quote { font-size: 12.5px; color: var(--text); margin: 2px 0; padding-left: 8px; border-left: 2px solid var(--border-strong);
  overflow-wrap: anywhere; white-space: pre-line; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.plog-meta { display: flex; gap: 8px; align-items: baseline; font-size: 12px; color: var(--text-2); min-width: 0; }
.plog-task { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; font-size: 12px; }
.plog-time { margin-left: auto; flex: none; font-variant-numeric: tabular-nums; }
.plog-more { margin-top: 8px; }
.plog-hint { margin-top: 8px; }
@media (max-width: 768px) {
  .plog-list { max-height: none; }
  .plog-head .seg { width: 100%; }
}
/* Eigene Einträge */
.plog-compose { display: flex; gap: 8px; align-items: flex-end; margin: 10px 0 4px; }
.plog-input { flex: 1; min-width: 0; resize: none; min-height: 34px; padding: 7px 9px; border: 1px solid var(--border-strong); border-radius: var(--radius);
  background: var(--surface); color: inherit; font: inherit; font-size: 13px; line-height: 1.4; }
.plog-stand { display: flex; flex-direction: column; gap: 2px; flex-basis: 100%; padding-bottom: 6px; margin-bottom: 2px; border-bottom: 1px solid var(--border); }
.plog-stand-l { font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.plog-stand-t { color: var(--text); font-size: 13px; white-space: pre-line; overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.plog-ic.note { background: #f1bd6c; color: #3a2a06; }
.plog-note { background: color-mix(in srgb, #f1bd6c 10%, transparent); border-radius: var(--radius); padding-left: 6px; padding-right: 6px; }
.plog-notetext { font-size: 13px; color: var(--text); margin: 2px 0; white-space: pre-line; overflow-wrap: anywhere; }
.plog-del { font-size: 12px; }
/* Änderungen am Projekt selbst */
.plog-ic.proj { background: color-mix(in srgb, #8d84e8 22%, transparent); color: #6d63d6; }
