/* Amara · notities en activiteit als één tijdlijn (alle schermformaten, alleen presentatie) */
html body #leadDossierOverlay #detail .notes-stream,
html body #leadDossierOverlay #detail .desa-activity-section{--tl-line:#E4E4E7;--tl-gold:#B29E84;--tl-ink:#1C1C1E;--tl-ink3:#71717A}

/* Notities: kaartjes worden tijdlijn */
html body #leadDossierOverlay #detail .notes-stream{position:relative!important;display:flex!important;flex-direction:column!important;gap:0!important;margin:4px 0 14px!important;padding:2px 0 2px 26px!important;background:none!important;border:0!important}
html body #leadDossierOverlay #detail .notes-stream::before{display:none!important}
html body #leadDossierOverlay #detail .notes-stream .note-entry{position:relative!important;display:flex!important;flex-direction:column!important;gap:3px!important;margin:0!important;padding:10px 0 12px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html body #leadDossierOverlay #detail .notes-stream .note-entry::before{display:block!important;content:''!important;position:absolute!important;left:-25px!important;top:14px!important;width:13px!important;height:13px!important;border-radius:50%!important;background:#fff!important;border:1.5px solid #D4D4D8!important;box-shadow:inset 0 0 0 3.5px #fff,inset 0 0 0 10px #D4D4D8!important;box-sizing:border-box!important;z-index:1!important}
html body #leadDossierOverlay #detail .notes-stream .note-entry:not(:last-child)::after{display:block!important;content:''!important;position:absolute!important;left:-19px!important;top:27px!important;bottom:-14px!important;width:1px!important;height:auto!important;border-radius:0!important;background:var(--tl-line)!important}
html body #leadDossierOverlay #detail .notes-stream .note-entry:first-child::before{border-color:var(--tl-gold)!important;box-shadow:inset 0 0 0 3.5px #fff,inset 0 0 0 10px var(--tl-gold)!important}
html body #leadDossierOverlay #detail .notes-stream .note-entry p{padding:0!important;margin:0!important;font-size:15px!important;line-height:1.45!important;font-weight:500!important;color:var(--tl-ink)!important;white-space:pre-wrap;overflow-wrap:anywhere}
html body #leadDossierOverlay #detail .notes-stream .note-entry time{margin:0!important;padding:0!important;font-size:12.5px!important;color:var(--tl-ink3)!important;font-variant-numeric:tabular-nums;font-weight:400!important}
html body #leadDossierOverlay #detail .note-pill{min-width:26px;height:24px;padding:0 8px!important;border:0!important;border-radius:999px!important;background:#F1ECE4!important;color:#7A6950!important;font-size:12px!important;font-weight:500!important;display:inline-grid!important;place-items:center}

/* Activiteit: zelfde stijl */
html body #leadDossierOverlay #detail .desa-activity-section{position:relative}
html body #leadDossierOverlay #detail .desa-activity-section .activity-row{position:relative!important;margin:0 0 0 26px!important;padding:10px 0 12px!important;border:0!important;background:none!important}
html body #leadDossierOverlay #detail .desa-activity-section .activity-row::before{content:''!important;position:absolute!important;left:-19px!important;top:0!important;bottom:0!important;width:1px!important;height:auto!important;background:var(--tl-line)!important;border:0!important;border-radius:0!important}
html body #leadDossierOverlay #detail .desa-activity-section .client-section-head+.activity-row::before{top:18px!important}
html body #leadDossierOverlay #detail .desa-activity-section .activity-row:last-child::before{bottom:auto!important;height:18px!important}
html body #leadDossierOverlay #detail .desa-activity-section .activity-dot{position:absolute!important;left:-25px!important;top:14px!important;width:13px!important;height:13px!important;border-radius:50%!important;background:#fff!important;border:1.5px solid #D4D4D8!important;box-shadow:inset 0 0 0 3.5px #fff,inset 0 0 0 10px #D4D4D8!important;box-sizing:border-box!important;margin:0!important;z-index:1}
html body #leadDossierOverlay #detail .desa-activity-section .client-section-head+.activity-row .activity-dot{border-color:var(--tl-gold)!important;box-shadow:inset 0 0 0 3.5px #fff,inset 0 0 0 10px var(--tl-gold)!important}
html body #leadDossierOverlay #detail .desa-activity-section .activity-row p{margin:0!important;font-size:15px!important;line-height:1.45!important;font-weight:500!important;color:var(--tl-ink)!important}
html body #leadDossierOverlay #detail .desa-activity-section .activity-row small{display:block;margin-top:3px;font-size:12.5px!important;color:var(--tl-ink3)!important;font-variant-numeric:tabular-nums}
html body #leadDossierOverlay #detail .desa-activity-section .activity-row small:empty{display:none}

/* Notitieveld onder de tijdlijn */
html body #leadDossierOverlay #detail .note-add-line{display:flex!important;flex-direction:column!important;gap:8px!important;padding-top:6px!important;border-top:0!important}
html body #leadDossierOverlay #detail .note-add-line textarea{min-height:76px!important;resize:vertical}
@media (min-width:801px){
  html body #leadDossierOverlay #detail .note-add-line{flex-direction:row!important;align-items:flex-end!important}
  html body #leadDossierOverlay #detail .note-add-line textarea{flex:1}
}

/* Tabs Notities / Vastgoed / Activiteit als rustige schakelaar */
html body #leadDossierOverlay #detail .desa-dossier-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important;padding:3px!important;background:#F4F4F5!important;border:0!important;border-radius:12px!important;box-shadow:none!important}
html body #leadDossierOverlay #detail .desa-dossier-tabs button{height:38px!important;min-height:38px!important;border:0!important;border-radius:9px!important;background:none!important;color:#52525B!important;font-size:13.5px!important;font-weight:500!important;box-shadow:none!important;transition:background .15s,color .15s}
html body #leadDossierOverlay #detail .desa-dossier-tabs button[aria-selected=true]{background:#fff!important;color:#1C1C1E!important;box-shadow:0 1px 2px rgba(16,16,20,.10)!important}

@media (prefers-reduced-motion:no-preference){
  html body #leadDossierOverlay #detail .notes-stream .note-entry:first-child{animation:tlIn .28s cubic-bezier(.22,1,.36,1) both}
  @keyframes tlIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
}

/* ---------- Eén tijdlijn ---------- */
html body #leadDossierOverlay #detail .a-tl-hidden{display:none!important}
html body #leadDossierOverlay #detail .a-tl-panel .notes-stream{display:none!important}
html body #leadDossierOverlay #detail .desa-dossier-tabs.a-tl-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body #leadDossierOverlay #detail .a-tl-panel .note-add-line{display:flex!important;flex-direction:column!important;gap:8px!important;margin:6px 0 4px!important;padding:12px!important;border:1px solid #E4E4E7!important;border-radius:16px!important;background:#FAFAFA!important;transition:border-color .15s,box-shadow .15s}
html body #leadDossierOverlay #detail .a-tl-panel .note-add-line:focus-within{border-color:#B29E84!important;box-shadow:0 0 0 4px rgba(178,158,132,.16)!important;background:#fff!important}
html body #leadDossierOverlay #detail .a-tl-panel .note-add-line textarea{min-height:56px!important;max-height:180px!important;padding:2px 2px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:15px!important;line-height:1.5!important;resize:none!important}
html body #leadDossierOverlay #detail .a-tl-panel .note-add-line .btn{align-self:flex-end!important;height:38px!important;min-height:38px!important;padding:0 16px!important;border-radius:10px!important;font-size:13.5px!important}
@media (min-width:801px){
  html body #leadDossierOverlay #detail .a-tl-panel .note-add-line{flex-direction:row!important;align-items:flex-end!important}
}
.a-tl{margin-top:14px}
.a-tl-seg{display:inline-flex;gap:2px;padding:3px;background:#F4F4F5;border-radius:12px;margin-bottom:10px}
.a-tl-seg button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:0;border-radius:9px;background:none;color:#52525B;font:500 13px 'Poppins',sans-serif;cursor:pointer;transition:background .15s,color .15s}
.a-tl-seg button b{font-weight:500;font-size:11.5px;color:#71717A;font-variant-numeric:tabular-nums}
.a-tl-seg button[aria-pressed=true]{background:#fff;color:#1C1C1E;box-shadow:0 1px 2px rgba(16,16,20,.10)}
.a-tl-list{list-style:none;margin:0;padding:0 0 0 26px;position:relative}
.a-tl-item{position:relative;padding:8px 0 10px}
.a-tl-item:not(:last-child)::after{content:'';position:absolute;left:-19px;top:24px;bottom:-10px;width:1px;background:#E4E4E7}
.a-tl-dot{position:absolute;left:-25px;top:12px;width:13px;height:13px;border-radius:50%;background:#fff;border:1.5px solid #D4D4D8;box-shadow:inset 0 0 0 3.5px #fff,inset 0 0 0 10px #D4D4D8;box-sizing:border-box;z-index:1}
.a-tl-item.event .a-tl-dot{left:-22.5px;top:15px;width:8px;height:8px;border:0;box-shadow:none;background:#d2d2d4}
.a-tl-item.first.note .a-tl-dot{border-color:#B29E84;box-shadow:inset 0 0 0 3.5px #fff,inset 0 0 0 10px #B29E84}
.a-tl-note{padding:12px 14px;background:#F6F6F7;border-radius:4px 14px 14px 14px}
.a-tl-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:11.5px;color:#71717A}
.a-tl-meta span{font-weight:500;color:#7A6950;letter-spacing:.02em}
.a-tl-meta time::before{content:'·';margin-right:8px;color:#D4D4D8}
.a-tl-note p{margin:0;font-size:15px;line-height:1.5;color:#1C1C1E;white-space:pre-wrap;overflow-wrap:anywhere}
.a-tl-event{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;padding-top:4px}
.a-tl-event p{margin:0;font-size:13.5px;line-height:1.4;color:#52525B}
.a-tl-event time{font-size:12px;color:#71717A;font-variant-numeric:tabular-nums;white-space:nowrap}
.a-tl-empty{padding:18px 4px;color:#71717A;font-size:13.5px;list-style:none;margin-left:-26px}
@media (prefers-reduced-motion:no-preference){
  .a-tl-item.first{animation:tlIn .28s cubic-bezier(.22,1,.36,1) both}
}

/* ---------- Formulierantwoorden: links uitgelijnd, vraag/antwoord ---------- */
html body #leadDossierOverlay #detail .desa-form-answer-list.a-fa{display:flex!important;flex-direction:column!important;gap:10px!important;text-align:left!important}
html body #leadDossierOverlay #detail .desa-form-answer-list.a-fa :is(.note-entry,.empty-note){margin:0!important;padding:0!important;min-height:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important;display:block!important}
html body #leadDossierOverlay #detail .desa-form-answer-list.a-fa :is(.note-entry,.empty-note)::before,html body #leadDossierOverlay #detail .desa-form-answer-list.a-fa :is(.note-entry,.empty-note)::after{display:none!important}
html body #leadDossierOverlay #detail .a-fa-dl{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0;border:1px solid #F4F4F5;border-radius:14px;overflow:hidden;background:#fff}
html body #leadDossierOverlay #detail .a-fa-dl>div{display:grid;grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:4px 16px;padding:11px 14px;border-top:1px solid #F1F1F3;text-align:left}
html body #leadDossierOverlay #detail .a-fa-dl>div:first-child{border-top:0}
html body #leadDossierOverlay #detail .a-fa-dl dt{margin:0;font-size:12.5px;line-height:1.45;color:#71717A;font-weight:400}
html body #leadDossierOverlay #detail .a-fa-dl dd{margin:0;font-size:14.5px;line-height:1.45;color:#1C1C1E;font-weight:500;overflow-wrap:anywhere}
html body #leadDossierOverlay #detail .a-fa-dl .a-fa-free{grid-template-columns:1fr}
html body #leadDossierOverlay #detail .a-fa-dl .a-fa-time dd{font-weight:400;color:#52525B;font-size:13px}
html body #leadDossierOverlay #detail .a-fa .a-fa-plain p{text-align:left!important;margin:0!important}
@media (max-width:480px){
  html body #leadDossierOverlay #detail .a-fa-dl>div{grid-template-columns:1fr;gap:2px}
}
html body #leadDossierOverlay #detail .a-fa-entry>:is(p,time){display:none!important}