.project-log-section{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid var(--line);
}

.project-log-form{
  margin-bottom:14px;
  padding:16px;
  border:1px solid #34395b;
  border-radius:13px;
  background:linear-gradient(145deg,#12172c,#0e1325);
}

.project-log-form>label{
  display:block;
  margin-bottom:9px;
  color:#f5f1fa;
  font-size:11px;
  font-weight:800;
}

.project-log-form>div{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:end;
}

.project-log-form textarea{
  width:100%;
  min-height:78px;
  resize:vertical;
}

.project-log-form>small{
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-size:8px;
}

.project-log-list{display:grid;gap:9px}

.project-log-entry{
  display:grid;
  grid-template-columns:36px 1fr;
  gap:11px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#101529;
}

.project-log-avatar{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:11px;
  background:linear-gradient(135deg,#7a24c7,#315fd1);
  color:#fff;
  font-size:9px;
  font-weight:850;
}

.project-log-entry p{
  margin:1px 0 9px;
  color:#ebedf5;
  font-size:11px;
  line-height:1.55;
  white-space:pre-wrap;
}

.project-log-entry footer{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 10px;
}

.project-log-entry footer b{font-size:9px}
.project-log-entry footer span,.project-log-entry footer time{color:var(--muted);font-size:8px}
.project-log-entry footer time{margin-left:auto}

.project-log-empty{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:22px;
  text-align:center;
  border:1px dashed #3a405f;
  border-radius:12px;
  color:var(--muted);
}

.project-log-empty b{color:#dfe2ed;font-size:10px}
.project-log-empty span{font-size:9px}

@media(max-width:560px){
  .project-log-form>div{grid-template-columns:1fr}
  .project-log-form button{width:100%}
  .project-log-entry footer time{width:100%;margin-left:0}
}