/* MOTwise Dashboard v2 — isolated MOT History Timeline card UI v24.
   Scope: collapsed timeline card only. Show-all content/layout is intentionally untouched. */

html body.v2-body #results.results:not(.hidden) article.v2-timeline-card{
  min-height:150px!important;
  padding:12px 16px 10px!important;
  overflow:hidden!important;
}
html body.v2-body #results.results:not(.hidden) article.v2-timeline-card .v2-section-head{
  align-items:flex-start!important;
  margin:0 0 8px!important;
}
html body.v2-body #results.results:not(.hidden) article.v2-timeline-card .v2-section-head>div{
  min-width:0!important;
}
html body.v2-body #results.results:not(.hidden) article.v2-timeline-card .v2-kicker{
  color:var(--d15-blue,var(--v10-blue,#0b63e6))!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
}
html body.v2-body #results.results:not(.hidden) article.v2-timeline-card .v2-section-head h2{
  display:block!important;
  margin:4px 0 0!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:0!important;
  color:var(--d15-muted,var(--v10-muted,#60738a))!important;
}
html body.v2-body #results.results:not(.hidden) article.v2-timeline-card .v2-section-head h2::after{
  content:none!important;
  display:none!important;
}
html body.v2-body #results.results:not(.hidden) article.v2-timeline-card #toggleTimelineButton{
  min-height:30px!important;
  height:30px!important;
  padding:0 11px!important;
  border:1px solid var(--d15-line,var(--v10-line,#d7e3ee))!important;
  border-radius:7px!important;
  background:var(--d15-surface,var(--v10-surface,#fff))!important;
  color:var(--d15-text,var(--v10-text,#0a1d37))!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

/* Unique timeline component: no legacy v2/v10 timeline classes are used. */
html body.v2-body #results.results:not(.hidden) #motTimeline.mw24-timeline{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:92px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
}
html body.v2-body #results.results:not(.hidden) #motTimeline.mw24-timeline::before,
html body.v2-body #results.results:not(.hidden) #motTimeline.mw24-timeline::after{
  content:none!important;
  display:none!important;
}
html body.v2-body #results.results:not(.hidden) #motTimeline .mw24-timeline-row{
  --mw24-count:6;
  --mw24-edge:8.333333%;
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(var(--mw24-count),minmax(0,1fr))!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:92px!important;
  margin:0!important;
  padding:0 4px!important;
  gap:0!important;
  align-items:start!important;
  justify-content:stretch!important;
}
html body.v2-body #results.results:not(.hidden) #motTimeline .mw24-timeline-row::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:var(--mw24-edge)!important;
  right:var(--mw24-edge)!important;
  top:14px!important;
  height:2px!important;
  border-radius:999px!important;
  background:var(--d15-line,var(--v10-line,#b9c8da))!important;
}
html body.v2-body #results.results:not(.hidden) #motTimeline .mw24-event{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:31px 16px auto auto!important;
  grid-template-areas:"dot" "date" "title" "note"!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0 6px!important;
  justify-items:center!important;
  align-items:start!important;
  text-align:center!important;
  color:var(--d15-text,var(--v10-text,#0a1d37))!important;
  background:transparent!important;
  border:0!important;
}
html body.v2-body #results.results:not(.hidden) #motTimeline .mw24-dot{
  --mw24-tone:var(--d15-green,var(--v10-green,#079548));
  grid-area:dot!important;
  width:28px!important;
  height:28px!important;
  margin:0!important;
  border:3px solid var(--d15-surface,var(--v10-surface,#fff))!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:var(--mw24-tone)!important;
  box-shadow:0 0 0 1px var(--mw24-tone)!important;
}
html body.v2-body #results.results:not(.hidden) #motTimeline .mw24-event.registration .mw24-dot,
html body.v2-body #results.results:not(.hidden) #motTimeline .mw24-event.latest .mw24-dot{
  --mw24-tone:var(--d15-blue,var(--v10-blue,#0b63e6));
}
html body.v2-body #results.results:not(.hidden) #motTimeline .mw24-event.advisory .mw24-dot{
  --mw24-tone:var(--d15-amber,var(--v10-amber,#f0a11a));
}
html body.v2-body #results.results:not(.hidden) #motTimeline .mw24-event.fail .mw24-dot{
  --mw24-tone:var(--d15-red,var(--v10-red,#d9534f));
}
html body.v2-body #results.results:not(.hidden) #motTimeline .mw24-dot svg{
  width:14px!important;
  height:14px!important;
  display:block!important;
  stroke:currentColor!important;
}
html body.v2-body #results.results:not(.hidden) #motTimeline .mw24-date{
  grid-area:date!important;
  display:block!important;
  width:100%!important;
  max-width:120px!important;
  margin:1px auto 0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--d15-muted,var(--v10-muted,#60738a))!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  font-weight:500!important;
}
html body.v2-body #results.results:not(.hidden) #motTimeline .mw24-title{
  grid-area:title!important;
  display:block!important;
  width:100%!important;
  max-width:128px!important;
  margin:2px auto 0!important;
  color:var(--d15-text,var(--v10-text,#0a1d37))!important;
  font-size:9.5px!important;
  line-height:1.15!important;
  font-weight:800!important;
  white-space:normal!important;
}
html body.v2-body #results.results:not(.hidden) #motTimeline .mw24-note{
  grid-area:note!important;
  display:-webkit-box!important;
  width:100%!important;
  max-width:128px!important;
  margin:2px auto 0!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  color:var(--d15-muted,var(--v10-muted,#60738a))!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:500!important;
  white-space:normal!important;
}

@media(max-width:1100px){
  html body.v2-body #results.results:not(.hidden) #motTimeline .mw24-timeline-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    row-gap:14px!important;
    min-height:0!important;
  }
  html body.v2-body #results.results:not(.hidden) #motTimeline .mw24-timeline-row::before{display:none!important}
}
@media(max-width:640px){
  html body.v2-body #results.results:not(.hidden) #motTimeline .mw24-timeline-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:440px){
  html body.v2-body #results.results:not(.hidden) #motTimeline .mw24-timeline-row{grid-template-columns:1fr!important}
}