/* ── LOGBOOK ──────────────────────────────────── */
#page-logbook,#page-trash{padding:20px 16px;overflow-y:auto}
.logbook-empty{color:var(--t3);text-align:center;padding:40px 20px;font-size:13px}
.logbook-wrap{max-width:980px;margin:0 auto;padding:0 20px}
.logbook-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.logbook-heading{font-size:34px;font-weight:700;letter-spacing:-.05em;line-height:1.02;color:var(--t1)}
.logbook-sub{font-size:13px;color:var(--t2);max-width:520px;line-height:1.45}
.logbook-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.logbook-stat{
  padding:14px;border-radius:13px;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}
.logbook-stat-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}
.logbook-stat-value{margin-top:8px;font-size:28px;font-weight:700;letter-spacing:-.05em;color:var(--t1);line-height:1}
.logbook-stat-sub{margin-top:6px;font-size:12px;color:var(--t2)}
.logbook-heatmap-wrap{
  padding:16px 16px 14px;margin-bottom:14px;border-radius:13px;
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);
}
.logbook-heatmap-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.logbook-heatmap-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t2)}
.logbook-heatmap-note{font-size:11px;color:var(--t3)}
.logbook-heatmap{
  display:grid;grid-template-rows:repeat(7,10px);grid-auto-flow:column;gap:4px;
  overflow-x:auto;padding-bottom:4px;
}
.logbook-heat-cell{
  width:10px;height:10px;border-radius:3px;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.03);
}
.logbook-heat-cell[data-level="1"]{background:rgba(85,194,121,.22);border-color:rgba(85,194,121,.16)}
.logbook-heat-cell[data-level="2"]{background:rgba(85,194,121,.42);border-color:rgba(85,194,121,.22)}
.logbook-heat-cell[data-level="3"]{background:rgba(85,194,121,.62);border-color:rgba(85,194,121,.3)}
.logbook-heat-cell[data-level="4"]{background:rgba(85,194,121,.86);border-color:rgba(85,194,121,.4)}
.logbook-heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:10px;font-size:10px;color:var(--t3)}
.logbook-heatmap-legend i{display:block;width:10px;height:10px;border-radius:3px;background:rgba(255,255,255,.04)}
.logbook-heatmap-legend i[data-level="1"]{background:rgba(85,194,121,.22)}
.logbook-heatmap-legend i[data-level="2"]{background:rgba(85,194,121,.42)}
.logbook-heatmap-legend i[data-level="3"]{background:rgba(85,194,121,.62)}
.logbook-heatmap-legend i[data-level="4"]{background:rgba(85,194,121,.86)}
.logbook-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.logbook-filters{display:flex;flex-wrap:wrap;gap:8px}
.logbook-filter{
  padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);color:var(--t2);font-family:var(--font);
  font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,color .12s;
}
.logbook-filter.active{background:rgba(102,144,242,.12);border-color:rgba(102,144,242,.26);color:#c9d7ff}
.logbook-bars{display:flex;align-items:flex-end;gap:8px;height:74px;min-width:min(100%,260px)}
.logbook-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}
.logbook-bar{
  width:100%;max-width:24px;border-radius:999px 999px 6px 6px;
  background:linear-gradient(180deg,rgba(85,194,121,.88),rgba(85,194,121,.16));
  min-height:8px;
}
.logbook-bar-col span{font-size:10px;color:var(--t3)}
.logbook-section{margin-bottom:28px}
.logbook-title{font-size:13px;color:var(--t2);font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;padding-left:2px}
.logbook-list{display:flex;flex-direction:column;gap:8px}
.logbook-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:default;transition:background .15s,border-color .15s}
.logbook-item.is-clickable{cursor:pointer}
.logbook-item.is-clickable:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.logbook-item.kb-focus{background:rgba(255,255,255,.06);border-color:var(--acc);box-shadow:inset 2px 0 0 var(--acc)}
.logbook-text-wrap{flex:1;min-width:0}
.logbook-text{font-size:13px;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logbook-text-meta{display:flex;align-items:center;gap:8px;margin-top:4px;min-height:18px;line-height:18px}
.logbook-text-sub{margin-top:4px;font-size:11px;color:var(--t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logbook-text-meta .logbook-text-sub{margin-top:0;flex:1;min-width:0;line-height:18px}
.logbook-task-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:6px}
.logbook-kind{display:inline-flex;align-items:center;justify-content:center;height:18px;box-sizing:border-box;line-height:18px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--t2);white-space:nowrap}
.logbook-meta{flex-shrink:0;display:flex;gap:10px;align-items:center}
.logbook-meta-info{display:flex;gap:12px;font-size:11px;color:var(--t3);align-items:center}
.logbook-meta-info span{white-space:nowrap}
.logbook-meta-info span:first-child{color:var(--t2)}
.logbook-actions{display:flex;align-items:center;gap:6px}
.logbook-restore{
  min-height:30px;padding:0 10px;
  border-color:rgba(102,144,242,.16);
  color:#c9d5ff;
  background:rgba(102,144,242,.08);
}
.logbook-remove{width:30px;min-width:30px;height:30px;padding:0;color:var(--t3);display:inline-flex;align-items:center;justify-content:center;}
.logbook-remove svg{width:13px;height:13px}
.logbook-remove:hover{color:#e65b5b;border-color:rgba(228,58,58,.2);background:rgba(228,58,58,.06);}

/* ── INSTANT HOVER FEEDBACK ───────────────────── */
.logbook-filter,
.logbook-item{
  transition:none;
}
