/* v8.22 — readable overlaps, accurate item markers, stable timeline position.
   This layer changes presentation only. The Notion data model stays untouched. */
:root{--titi-item-rule:#bab9b4}
/* Horizontal collision resolution is computed for each day independently.
   Events and Items in the same time range share the available lane width. */
.day-timeline-grid .time-block[data-overlap],
.week-track .time-block[data-overlap]{
  left:var(--titi-left)!important;
  width:var(--titi-width)!important;
  right:auto!important;
  max-width:none!important;
  box-sizing:border-box!important;
  min-width:0!important;
}
/* A readable Item may be taller than its mathematical 15-minute timeslot.
   Its marker is attached to the visible card rather than the timeslot. */
.time-block.check-card[data-entry],
.time-block.kind-task.check-card[data-entry],
.time-block.kind-log.check-card[data-entry],
.time-block.kind-wish.check-card[data-entry],
.time-block.kind-shopping.check-card[data-entry]{
  border-left:0!important;
  padding:0!important;
  background:transparent!important;
  display:block!important;
  overflow:visible!important;
  min-height:0!important;
}
.time-block.check-card .item-visual{
  display:flex!important;align-items:flex-start!important;
  box-sizing:border-box!important;
  width:100%!important;min-width:0!important;
  height:auto!important;
  border-left:2px solid var(--titi-item-rule)!important;
  padding-left:4px!important;
  gap:0!important;
}
.time-block.kind-log.check-card .item-visual{border-left-color:#aaa49b!important}
.time-block.kind-wish.check-card .item-visual{border-left-color:#b2a995!important}
.time-block.kind-shopping.check-card .item-visual{border-left-color:#a2a9a0!important}
.time-block.check-card .item-visual>.inline-edit{
  min-width:0!important;
  flex:1 1 0%!important;
  width:0!important;
  max-width:100%!important;
  margin:0!important;
}
.time-block.check-card .item-visual>input[type=checkbox]{flex-shrink:0!important}
/* Even on short blocks, both overlapping records must remain tappable. */
.week-track .time-block.check-card[data-overlap]{overflow:visible!important}
.time-block[data-overlap]:not([data-overlap="1"]){z-index:3!important}
.week-track .time-block[data-overlap]:not([data-overlap="1"]) .block-time,
.week-track .time-block[data-overlap]:not([data-overlap="1"]) .item-type{display:none!important}
.week-track.overview .time-block[data-overlap]:not([data-overlap="1"]) .block-title{
  font-size:8px!important;line-height:1.2!important;
}
/* In WEEK overlapping entries occupy full-width compact chips. Long Events
   keep their duration color behind the independent Items. */
.week-track .time-block.event-card[data-overlap]:not([data-overlap="1"]){z-index:3!important}
.week-track .time-block.check-card[data-overlap]:not([data-overlap="1"]){z-index:5!important}
.week-track .time-block[data-overlap]:not([data-overlap="1"]) .block-title{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
  white-space:normal!important;word-break:normal!important;
  overflow-wrap:anywhere!important;overflow:hidden!important;
  font-size:9px!important;line-height:1.18!important;
}
.week-track .time-block.check-card[data-overlap]:not([data-overlap="1"]) .item-visual{
  background:var(--folio-page)!important;
}
.week-track .time-block.check-card[data-overlap]:not([data-overlap="1"]) .inline-edit{
  max-height:38px!important;overflow:hidden!important;
}
.week-track .time-block.check-card[data-overlap]:not([data-overlap="1"]) input[type=checkbox]{
  width:11px!important;height:11px!important;min-width:11px!important;flex-basis:11px!important;
  margin-right:3px!important;
}