/* JLJAM 7.13.31 | shared timeline layouts, scoped to five existing workspaces.
   The earlier generic .timeline-card uses three grid tracks irrespective of child count.
   Cards with text, links and action rows must use one flow column instead.
   Do not alter rank-card (.jnm-card) or Deal Board styling. */
#app #workspaceBody .timeline-list{min-width:0;max-width:100%}
#app #workspaceBody .timeline-list>.timeline-flow-card{
 box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
 justify-content:flex-start!important;align-items:stretch!important;
 gap:8px!important;grid-template-columns:none!important;
 min-width:0!important;max-width:100%!important;width:100%!important;
 min-height:0!important;height:auto!important;
 padding:clamp(14px,1.8vw,20px)!important;
 white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
 border-radius:18px!important;text-align:left!important;
}
#app #workspaceBody .timeline-list>.timeline-flow-card>:is(b,h3,p,small,details,div,a){
 box-sizing:border-box!important;min-width:0!important;max-width:100%!important;width:100%!important;
 margin:0!important;white-space:normal!important;word-break:normal!important;
 overflow-wrap:break-word!important;text-align:left!important;
}
#app #workspaceBody .timeline-list>.timeline-flow-card>b{
 display:block!important;font-size:clamp(15px,1.5vw,18px)!important;
 line-height:1.4!important;font-weight:800!important;color:#e8d2ff!important;
}
#app #workspaceBody .timeline-list>.timeline-flow-card>h3{
 display:block!important;font-size:clamp(19px,2vw,25px)!important;
 line-height:1.3!important;font-weight:800!important;letter-spacing:-.012em!important;
}
#app #workspaceBody .timeline-list>.timeline-flow-card>p,
#app #workspaceBody .timeline-list>.timeline-flow-card>details,
#app #workspaceBody .timeline-list>.timeline-flow-card>small{
 display:block!important;font-size:clamp(14px,1.3vw,17px)!important;
 line-height:1.47!important;color:#c5b8d6!important;
}
#app #workspaceBody .timeline-list>.timeline-flow-card>small{
 font-size:clamp(13px,1.2vw,15px)!important;color:#b7a7d0!important;
}
#app #workspaceBody .timeline-list>.timeline-flow-card>details{
 padding:8px 10px!important;background:rgba(41,28,72,.42)!important;
 border:1px solid rgba(174,139,242,.18)!important;border-radius:12px!important;
}
#app #workspaceBody .timeline-list>.timeline-flow-card>details summary{
 cursor:pointer;line-height:1.5!important;min-height:32px;
}
#app #workspaceBody .timeline-list>.timeline-flow-card>.action-row{
 display:flex!important;width:100%!important;flex-wrap:wrap!important;
 align-items:center!important;gap:9px!important;margin-top:3px!important;
}
#app #workspaceBody .timeline-list>.timeline-flow-card>.action-row .btn{
 min-height:44px!important;max-width:100%!important;white-space:normal!important;
 line-height:1.3!important;overflow-wrap:break-word!important;
}
#app #workspaceBody .timeline-list>.timeline-flow-card>a{
 display:inline-flex!important;align-items:center!important;align-self:flex-start!important;
 width:auto!important;max-width:100%!important;min-height:42px!important;
 overflow-wrap:anywhere!important;font-size:clamp(14px,1.4vw,16px)!important;
}
#app #workspaceBody .timeline-list>.timeline-flow-card:focus-visible{
 outline:3px solid #dfb3ff!important;outline-offset:3px!important;
}
/* Historical audit cards are deliberately 3 columns, but must not collapse the center text. */
#app #workspaceBody .timeline-list>.timeline-audit-card{
 box-sizing:border-box!important;display:grid!important;
 grid-template-columns:minmax(105px,150px) minmax(0,1fr) auto!important;
 align-items:start!important;gap:10px 16px!important;
 min-width:0!important;width:100%!important;max-width:100%!important;
 min-height:0!important;white-space:normal!important;
 border-radius:16px!important;
}
#app #workspaceBody .timeline-list>.timeline-audit-card>span:first-child{
 min-width:0!important;width:auto!important;font-size:clamp(13px,1.2vw,16px)!important;
 white-space:normal!important;overflow-wrap:break-word!important;line-height:1.4!important;
}
#app #workspaceBody .timeline-list>.timeline-audit-card>div{
 min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:break-word!important;
}
#app #workspaceBody .timeline-list>.timeline-audit-card>div b{
 font-size:clamp(15px,1.4vw,18px)!important;line-height:1.3!important;overflow-wrap:break-word!important;
}
#app #workspaceBody .timeline-list>.timeline-audit-card>div p{
 font-size:clamp(13px,1.3vw,16px)!important;line-height:1.4!important;overflow-wrap:break-word!important;
}
#app #workspaceBody .timeline-list>.timeline-audit-card>.btn{min-height:44px!important;white-space:normal!important;align-self:start!important}
@media(max-width:760px){
 #app #workspaceBody .timeline-list>.timeline-flow-card{padding:14px!important;gap:7px!important;}
 #app #workspaceBody .timeline-list>.timeline-audit-card{
  grid-template-columns:minmax(0,1fr)!important;gap:8px!important;
 }
 #app #workspaceBody .timeline-list>.timeline-audit-card>.btn{width:100%!important;min-width:0!important;}
 #app #workspaceBody .timeline-list>.timeline-flow-card>.action-row .btn{flex:1 1 150px!important;}
}
@media(prefers-reduced-motion:reduce){
 #app #workspaceBody .timeline-list>.timeline-flow-card,
 #app #workspaceBody .timeline-list>.timeline-audit-card{transition:none!important}
}