/* PORTED VERBATIM from vo-app-marketing-hub/apps/Marketing-Hub/marketing-hub-tasks.css, minus 11 rule(s)
   whose selectors name a class crm.css / ax-containers.css already own.
   DO NOT EDIT — node tools/port-marketing-hub.cjs */
/* This hub animates every .ph-sub on entry; the task panels are tall grids
   and the transform makes the sticky focus header jitter. */
[data-panel="tasks"] .ph-sub.is-active { animation: none; }

/* The focus panel scrolls internally in Work because that shell is a
   fixed-height flex column. This hub scrolls the page instead, so cap the
   panel and let it own its scroll — otherwise a long task list pushes the
   support rail off the bottom of the document. */
[data-panel="tasks"] .wk-focus-panel { max-height: calc(100vh - 240px); }

[data-panel="tasks"] .wk-support-stack { position: sticky; top: 8px; }

/* ── 3 · Inbox overview lost its focus panel ──────────────────────
   With "Recent Inbound" gone (it rendered site telemetry, never mail) the
   remaining rails should use the full width instead of hugging a 340px
   column beside an empty one. */
.mh-support-stack--wide {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 14px; align-items: start;
}

@media (max-width: 700px) {
.mh-support-stack--wide { grid-template-columns: 1fr; }
}