/* Compact pipeline cards: title and original creator stay visible. */
.shell .brain-card.brain-card-compact{padding:10px 12px;margin-bottom:8px;border-radius:14px}
.shell .brain-card-compact .brain-card-heading{gap:6px;align-items:center}
.brain-card-summary{flex:1;min-width:0}
.shell .brain-card-compact .brain-card-title{font-size:13px;line-height:1.4;font-weight:700;min-height:0;padding:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.shell .brain-card-compact .pipeline-creator{font-size:11px;line-height:1.4;margin-top:3px}
.shell .brain-card-compact .brain-card-disclosure{flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--ink,#30382f);cursor:pointer}
.brain-card-disclosure svg{transition:transform .18s ease}
.brain-card-disclosure[aria-expanded=true] svg{transform:rotate(90deg)}
.shell .brain-card-compact:has(.brain-card-disclosure[aria-expanded=true]) .brain-card-title{-webkit-line-clamp:unset}
.shell .brain-card-compact .brain-card-disclosure:hover{background:var(--hm-line,#e7e7e2)}
.shell .brain-card-compact .brain-card-disclosure:focus-visible,.shell .brain-card-compact .brain-card-title:focus-visible{outline:2px solid var(--ink,#30382f);outline-offset:3px}
.brain-card-details[hidden]{display:none!important}
.brain-card-details{border-top:1px solid var(--hm-line,#e7e7e2);margin-top:9px;padding-top:10px}
.shell .brain-card-compact .hm-card-format{margin:0;font-size:11px}
.shell .brain-card-compact .brain-card-details p{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.55;margin:8px 0 0}
.shell .brain-card-compact .brain-card-meta{margin:8px 0 0;padding-top:0;border-top:0}
.shell .brain-card-compact .brain-card-meta>span:empty{display:none}
@media(pointer:coarse),(max-width:700px){.shell .brain-card-compact .brain-card-disclosure{width:44px;height:44px}.shell .brain-card-compact .brain-card-title{min-height:28px;padding-block:3px}}
@media(prefers-reduced-motion:reduce){.brain-card-disclosure svg{transition:none}}

/* Keep item management visible beside the title on wide and narrow screens. */
#modal .pipeline-title-actions{flex-wrap:wrap;justify-content:flex-end;max-width:100%}
#modal .pipeline-title-actions>.btn{min-height:44px}
#modal .pipeline-title-actions .pipeline-next{white-space:normal}
@media(max-width:700px){#modal .pipeline-title-actions{justify-content:space-between}}