/* Disclosure belongs only to the personal pipeline, keeping attention cards
   and ordinary record galleries fully visible. No scroll-triggered loading. */
.dashboard-page .section-title-with-control{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;flex:1}
.dashboard-page .section-title-with-control>h3{display:flex;align-items:center;gap:8px;margin:0;min-width:0}
.dashboard-page .section-title-with-control>h3>.work-heading-dot{margin-top:0}
.dashboard-page .section-title-with-control>.dashboard-process-filter{
  --record-select-height:30px;--record-select-icon-size:13px;--record-select-gap:5px;
  display:inline-flex;align-items:center;flex:0 1 auto;width:max-content;min-width:0;max-width:185px;
}
.dashboard-page .dashboard-process-filter .record-select{width:fit-content;max-width:100%;min-width:0;border:0;background:transparent}
.dashboard-page .dashboard-process-filter .record-select>summary.record-select-trigger{
  display:flex;align-items:center;gap:7px;width:fit-content;max-width:100%;min-width:0;min-height:30px;height:30px;
  box-sizing:border-box;padding:5px 8px;border:1px solid var(--glass-border,#ffffff1a);border-radius:7px;
  background:var(--glass-control,#ffffff04);color:var(--muted,#a6a6ad);font-size:10.5px;font-weight:500;line-height:1.4;list-style:none;
}
.dashboard-page .dashboard-process-filter .record-select>summary.record-select-trigger::before{display:none;content:none}
.dashboard-page .dashboard-process-filter .record-select>summary.record-select-trigger::-webkit-details-marker{display:none}
.dashboard-page .dashboard-process-filter .record-select>summary.record-select-trigger::after{
  content:"";display:block;flex:0 0 5px;width:5px;height:5px;margin:0 1px 3px 0;
  border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);opacity:.65;
}
.dashboard-page .dashboard-process-filter .record-select-trigger .record-select-value{flex:0 1 auto;min-width:0;max-width:100%}
.dashboard-page .dashboard-process-filter .record-select .record-select-option{font-size:13px;font-weight:400;line-height:1.4}
.dashboard-page .dashboard-process-filter .record-select>summary:is(:hover,:focus-visible){color:var(--ink,#eeeef0)}

.dashboard-page [data-dashboard-process-board] .kanban-cards{gap:12px;padding-bottom:12px}
.dashboard-page [data-dashboard-process-board] .process-stage-reveal{display:grid;grid-template-rows:0fr;min-width:0;margin-bottom:0}
.dashboard-page [data-dashboard-process-board] .process-stage-reveal-inner{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;overflow:hidden;opacity:0;visibility:hidden}
.dashboard-page [data-dashboard-process-board] .process-stage-reveal-inner>.is-collapsible-process:last-child{margin-bottom:12px}
.dashboard-page [data-dashboard-process-board] .process-stage-reveal.is-visible{grid-template-rows:1fr;margin-bottom:-12px}
.dashboard-page [data-dashboard-process-board] .process-stage-reveal.is-visible>.process-stage-reveal-inner{opacity:1;visibility:visible}
.dashboard-page [data-dashboard-process-board] .record-card.is-collapsible-process{
  --process-fold-surface:var(--surface-2,#1b1b1d);
  --process-fold-border:var(--glass-border,#ffffff1a);
  position:relative;gap:0;min-width:0;padding-bottom:20px;
}
.dashboard-page [data-dashboard-process-board] .record-card.is-collapsible-process.health-risk{
  --process-fold-surface:color-mix(in srgb,var(--surface-2,#1b1b1d) 91%,var(--warning,#c6ab58));
  --process-fold-border:color-mix(in srgb,var(--warning,#c6ab58) 32%,transparent);
}
.dashboard-page [data-dashboard-process-board] .record-card.is-collapsible-process.health-action_required{
  --process-fold-surface:color-mix(in srgb,var(--surface-2,#1b1b1d) 91%,var(--danger,#d38178));
  --process-fold-border:color-mix(in srgb,var(--danger,#d38178) 32%,transparent);
}
.dashboard-page [data-dashboard-process-board] .is-collapsible-process>.card-title{min-height:0;margin:0}
.dashboard-page [data-dashboard-process-board] .is-collapsible-process>.card-title .card-title-copy{min-height:3em}
.dashboard-page [data-dashboard-process-board] .is-collapsible-process.is-expanded>.card-title .card-title-copy{min-height:4.5em}
.dashboard-page [data-dashboard-process-board] .is-collapsible-process>.card-title .card-title-text{min-height:3em;-webkit-line-clamp:2}
.dashboard-page [data-dashboard-process-board] .is-collapsible-process.is-expanded>.card-title .card-title-text{-webkit-line-clamp:3}
.dashboard-page [data-dashboard-process-board] .process-card-fold-summary{
  min-width:0;max-height:3.2em;margin-top:8px;font-size:11px;line-height:1.6;overflow:hidden;overflow-wrap:anywhere;opacity:1;visibility:visible;
}
.dashboard-page [data-dashboard-process-board] .process-card-fold-summary :is(.record-state,.record-state-text,.process-health-label){font:inherit;line-height:inherit}
.dashboard-page [data-dashboard-process-board] .is-expanded>.process-card-fold-summary{max-height:0;margin-top:0;opacity:0;visibility:hidden}
.dashboard-page [data-dashboard-process-board] .process-card-details{display:grid;grid-template-rows:0fr;min-width:0;margin-top:0}
.dashboard-page [data-dashboard-process-board] .process-card-details-inner{
  display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0;overflow:hidden;opacity:0;visibility:hidden;
}
.dashboard-page [data-dashboard-process-board] .is-expanded>.process-card-details{grid-template-rows:1fr;margin-top:10px}
.dashboard-page [data-dashboard-process-board] .is-expanded>.process-card-details>.process-card-details-inner{opacity:1;visibility:visible}
.dashboard-page [data-dashboard-process-board] .process-card-details-inner:is([inert],[aria-hidden="true"]){pointer-events:none}

/* The quiet visual leg is smaller than its accessible click/touch target. It
   extends 12px below the card, exactly filling the gap without overlapping the
   following card. Batch reserve/compensation keeps unwrapping height stable. */
.dashboard-page [data-dashboard-process-board] .is-collapsible-process>.process-card-fold-toggle{
  position:absolute;left:50%;bottom:-12px;z-index:3;display:flex;align-items:center;justify-content:center;
  width:44px;min-width:44px;height:32px;min-height:32px;margin:0;padding:0;transform:translateX(-50%);
  border:0;border-radius:6px;background:transparent;color:var(--muted,#a6a6ad);cursor:pointer;touch-action:manipulation;
}
.dashboard-page [data-dashboard-process-board] .process-card-fold-toggle::before{
  content:"";position:absolute;left:8px;top:9px;width:28px;height:14px;box-sizing:border-box;
  border:1px solid var(--process-fold-border);border-radius:5px;background:var(--process-fold-surface);
  box-shadow:inset 0 1px 0 #ffffff05,0 2px 5px #0002;
}
.dashboard-page [data-dashboard-process-board] .process-card-fold-toggle>.icon{
  position:relative;z-index:1;display:block;flex:none;width:12px;height:12px;margin:0;transform:rotate(90deg);
}
.dashboard-page [data-dashboard-process-board] .process-card-fold-toggle[aria-expanded="true"]>.icon{transform:rotate(-90deg)}
.dashboard-page [data-dashboard-process-board] .process-card-fold-toggle:hover{color:var(--gold,#cfb573)}
.dashboard-page [data-dashboard-process-board] .process-card-fold-toggle:hover::before{border-color:color-mix(in srgb,var(--gold,#cfb573) 44%,transparent)}
.dashboard-page [data-dashboard-process-board] .process-card-fold-toggle:focus-visible{outline:2px solid var(--gold,#cfb573);outline-offset:2px}

/* A small opening cue runs twice and then rests. It never changes disclosure
   state; expanding or collapsing remains an explicit user action. */
@keyframes process-card-fold-hint{
  0%,25%,100%{transform:translateY(0) rotate(90deg)}
  60%{transform:translateY(2px) rotate(90deg)}
}

@media(prefers-reduced-motion:no-preference){
  .dashboard-page [data-dashboard-process-board] .process-stage-reveal{transition:grid-template-rows 360ms var(--motion-ease,ease),margin-bottom 360ms var(--motion-ease,ease)}
  .dashboard-page [data-dashboard-process-board] .process-stage-reveal-inner{transition:opacity 260ms ease,visibility 0s linear 0s}
  .dashboard-page [data-dashboard-process-board] .process-card-details{transition:grid-template-rows 220ms var(--motion-ease,ease),margin-top 220ms var(--motion-ease,ease)}
  .dashboard-page [data-dashboard-process-board] .process-card-details-inner{transition:opacity 160ms ease,visibility 0s linear 220ms}
  .dashboard-page [data-dashboard-process-board] .is-expanded>.process-card-details>.process-card-details-inner{transition:opacity 160ms ease,visibility 0s linear 0s}
  .dashboard-page [data-dashboard-process-board] .process-card-fold-toggle>.icon{transition:transform 180ms var(--motion-ease,ease)}
  .dashboard-page [data-dashboard-process-board] .process-card-fold-toggle[aria-expanded="false"]>.icon{animation:process-card-fold-hint 1400ms ease-in-out 2}
  .dashboard-page [data-dashboard-process-board] .process-card-fold-toggle[aria-expanded="true"]>.icon{animation:none}
  .dashboard-page [data-dashboard-process-board] .process-card-fold-toggle::before{transition:border-color 160ms ease}
  .dashboard-page [data-dashboard-process-board] .process-card-fold-summary{transition:max-height 220ms var(--motion-ease,ease),margin-top 220ms var(--motion-ease,ease),opacity 140ms ease,visibility 0s linear 0s}
  .dashboard-page [data-dashboard-process-board] .is-expanded>.process-card-fold-summary{transition:max-height 220ms var(--motion-ease,ease),margin-top 220ms var(--motion-ease,ease),opacity 140ms ease,visibility 0s linear 220ms}
}
@media(prefers-reduced-motion:reduce){
  .dashboard-page [data-dashboard-process-board] :is(.process-stage-reveal,.process-stage-reveal-inner,.process-card-details,.process-card-details-inner,.process-card-fold-summary,.process-card-fold-toggle>.icon,.process-card-fold-toggle::before){transition:none;animation:none}
}
@media(forced-colors:active){
  .dashboard-page [data-dashboard-process-board] .process-card-fold-toggle{color:ButtonText}
  .dashboard-page [data-dashboard-process-board] .process-card-fold-toggle::before{border-color:ButtonText;background:Canvas;box-shadow:none}
  .dashboard-page [data-dashboard-process-board] .process-card-fold-toggle:focus-visible{outline-color:Highlight}
}