/* An unboxed stage rail. Connectors share a lower layer than every dot. */
.workflow-progress{display:flex;list-style:none;margin:8px 0;padding:14px 4px 9px;overflow-x:auto;scrollbar-width:thin;isolation:isolate}
.workflow-progress>li{position:relative;flex:1;min-width:72px;text-align:center;color:#7c8596;font-size:11px;font-weight:550}
.workflow-progress>li:before,.workflow-progress>li:after{content:"";position:absolute;top:14px;left:-50%;width:100%;height:3px;z-index:0;border-radius:3px;background:#dfe5ef;pointer-events:none}
.workflow-progress>li:first-child:before,.workflow-progress>li:first-child:after{display:none}
.workflow-progress>li:after{background:linear-gradient(90deg,var(--previous-color),var(--step-color));transform:scaleX(0);transform-origin:left center}
.workflow-progress>li.is-past:after,.workflow-progress>li.is-current:after{transform:scaleX(1);animation:pipeline-fill .24s linear both;animation-delay:var(--step-delay)}
.workflow-progress .progress-step,.workflow-progress button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;min-height:52px;padding:0 2px;color:inherit;font:inherit;border:0;border-radius:10px;background:transparent;box-shadow:none}
.workflow-progress button{cursor:pointer}.workflow-progress button:focus-visible{outline:2px solid var(--step-color);outline-offset:3px}.workflow-progress button:disabled{cursor:default}
.workflow-progress .progress-node{position:relative;display:grid;place-items:center;flex:none;width:30px;height:30px;border:3px solid #fbfcff;border-radius:50%;background:#e8edf5;box-shadow:0 0 0 1px color-mix(in srgb,var(--step-color) 22%,#e0e7ef);font-size:11px;font-weight:750;line-height:1}
.progress-core{display:grid;place-items:center;position:absolute;inset:0;border-radius:inherit;color:transparent;background:linear-gradient(145deg,#fff,#e8edf5)}
.workflow-progress .is-past .progress-core,.workflow-progress .is-current .progress-core{color:white;background:radial-gradient(circle at 28% 18%,#ffffffad,transparent 55%),linear-gradient(135deg,var(--previous-color),var(--step-color) 62%,color-mix(in srgb,var(--step-color) 72%,#28325d));box-shadow:inset 0 1px 2px #fff9,0 2px 8px color-mix(in srgb,var(--step-color) 22%,transparent);animation:pipeline-node-fill .3s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--node-delay)}
.workflow-progress>.is-current{color:#24344d;font-weight:700}
.workflow-progress .is-current .progress-node:before{content:"";position:absolute;inset:-6px;border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--step-color) 15%,transparent),0 0 21px color-mix(in srgb,var(--step-color) 45%,transparent);pointer-events:none;animation:pipeline-halo .6s ease both;animation-delay:calc(var(--node-delay) + .2s)}
.workflow-progress .is-current .progress-core:after{content:"";width:6px;height:6px;border-radius:50%;background:white;box-shadow:0 0 5px #fff9}
.progress-label{max-width:100%;line-height:1.3;padding-bottom:2px}
.pipeline-stage-control{padding:0;margin:8px 0 19px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.pipeline-stage-control .workflow-progress{margin:0}.pipeline-stage-actions{margin:2px 0 0;gap:7px}.pipeline-stage-actions .btn{min-height:34px}.pipeline-stage-actions:empty{display:none}
.review-pipeline .workflow-progress{margin-top:6px}
.pipeline-detail-header{align-items:center;gap:18px}.pipeline-detail-header>div:first-child{min-width:0;flex:1}.pipeline-title-actions{display:flex;align-items:center;gap:10px;flex:none}.pipeline-title-actions .pipeline-next{min-height:42px;padding:10px 16px;font-size:12px;white-space:nowrap}.pipeline-title-actions .overflow-menu{flex:none}
.pipeline-section-tabs .btn{flex:0 0 auto;white-space:nowrap}
/* Dense cards: the full brief and stage rail are inside the item. */
.brain-column .brain-card,.brain-history .brain-card{padding:10px 12px;border-radius:14px;margin-bottom:8px;box-shadow:0 2px 6px #25354d05}
.brain-card-heading{display:flex;align-items:flex-start;gap:5px}.brain-card-heading .brain-card-title{min-width:0;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:1.4;font-weight:650;margin:0;padding:3px 0;text-align:left}
.brain-card-heading>.btn{flex:none;min-width:30px;min-height:30px;padding:3px;font-size:18px;border-radius:9px}
.brain-card>p{font-size:11px;line-height:1.5;margin:4px 0 7px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#788294}
.brain-card-meta{font-size:10px;gap:5px 8px;margin-top:5px;max-height:28px;overflow:hidden}.brain-card-meta>span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brain-card-meta>span:empty{display:none}
.brain-swipe{margin-bottom:8px;border-radius:14px}.brain-swipe .brain-card{margin-bottom:0}
@keyframes pipeline-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pipeline-node-fill{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes pipeline-halo{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){.pipeline-detail-header{flex-wrap:wrap;gap:10px}.pipeline-title-actions{width:100%;justify-content:space-between}.pipeline-title-actions .pipeline-next{min-height:44px}.brain-card-heading>.btn{min-width:40px;min-height:40px}.brain-card-heading .brain-card-title{min-height:40px;display:flex;align-items:center}.brain-card>p{-webkit-line-clamp:2}.brain-card-meta{font-size:10px}.pipeline-stage-control{padding:0;margin:4px 0 16px}}
@media(max-width:600px){.workflow-progress>li{min-width:48px;font-size:9px}.workflow-progress .progress-step,.workflow-progress button{gap:7px}.workflow-progress .progress-node{width:27px;height:27px}.workflow-progress>li:before,.workflow-progress>li:after{top:12px}.client-preview-bar small{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){.workflow-progress *,.workflow-progress *:before,.workflow-progress *:after{animation:none!important;transition:none!important}.workflow-progress>li.is-past:after,.workflow-progress>li.is-current:after{transform:scaleX(1)}}
@media(forced-colors:active){.workflow-progress .progress-node{border:2px solid ButtonText}.workflow-progress>.is-current .progress-node{outline:3px solid Highlight}.workflow-progress>li:before{background:CanvasText}.workflow-progress .is-current .progress-node:before{display:none}}
.client-preview-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 20px;padding:10px 14px;background:#edf2fc;border:1px solid #d7e2f5;border-radius:16px;color:#345785;font-size:12px}
.client-preview-bar>span{font-weight:650}.client-preview-bar select{min-height:36px;max-width:180px;border:1px solid #d0daeb;border-radius:10px;background:#fff;padding:6px 28px 6px 10px;color:#263d60;font:inherit}.client-preview-bar small{margin-left:auto;font-size:11px;color:#65768c}
.brain-card>p{-webkit-line-clamp:1;margin:3px 0 5px}
.brain-card .brain-card-meta{margin:3px 0 0;line-height:1.4;max-height:15px;flex-wrap:nowrap}
.brain-card .brain-card-meta>span{padding:0;border:0;border-radius:0;background:none;line-height:1.4}
.brain-card .brain-card-meta>span+span:before{content:'·';margin-right:8px;color:#a0a8b5}
@media(max-width:700px){.brain-card>p{-webkit-line-clamp:1}.brain-card-heading .brain-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding-block:4px}}