/* Operations, Version C "Bento". Scoped to [data-station="operations"].
   Queue (compact density): tabs and title beside six drill tiles, a one-line Deep Ink banner after a handoff,
   one dense table of tasks and tickets with filter, sort and scope chips.
   Task: white hero (8 by 2), Deep Ink household (4 by 2), Mist history (8), documents (4), sticky action bar. */

/* ---------- Markers and small marks ---------- */
[data-station="operations"] .ops-marker {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 36px; height: 36px; border-radius: 12px;
  background: var(--mist); color: var(--ink-2);
}
[data-station="operations"] .ops-marker.is-money { background: var(--deep-ink); color: #fff; box-shadow: 0 4px 10px rgba(16, 32, 48, 0.18); }
[data-station="operations"] .ops-marker.is-lg { width: 44px; height: 44px; border-radius: var(--radius); }
[data-station="operations"] .ops-marker.is-xs { width: 20px; height: 20px; border-radius: 6px; box-shadow: none; }
[data-station="operations"] .tile-ink .ops-marker { background: rgba(255, 255, 255, 0.1); color: #fff; }
[data-station="operations"] .tile-ink .ops-marker.is-money { background: #fff; color: var(--deep-ink); box-shadow: none; }

[data-station="operations"] .ops-new-dot {
  position: relative; display: inline-block; flex: none;
  width: 9px; height: 9px; border-radius: 50%; background: var(--avid-blue);
  box-shadow: 0 0 0 3px rgba(0, 145, 218, 0.18);
}

[data-station="operations"] .ops-source {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 12px; color: var(--ink-3); white-space: nowrap;
}
[data-station="operations"] .ops-source.is-meeting {
  height: 24px; padding: 0 10px 0 8px; border-radius: var(--radius-pill);
  background: var(--avid-blue-tint); color: var(--avid-blue-ink); font-weight: 600;
}

/* ---------- Handoff banner, Deep Ink ---------- */
[data-station="operations"] .ops-banner { min-height: var(--row); justify-content: center; overflow: hidden; }
[data-station="operations"] .ops-banner::after {
  content: ""; position: absolute; right: -80px; top: -120px; width: 360px; height: 360px; border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 145, 218, 0.35) 0%, rgba(0, 145, 218, 0) 70%);
  pointer-events: none;
}
[data-station="operations"] .ops-banner-inner { position: relative; z-index: 1; display: flex; align-items: center; gap: var(--space-3); }
[data-station="operations"] .ops-banner-count { display: flex; align-items: center; gap: 14px; flex: none; }
[data-station="operations"] .ops-banner-count .big { font-size: 64px; }
[data-station="operations"] .ops-banner-pulse {
  width: 14px; height: 14px; border-radius: 50%; background: var(--avid-blue);
  box-shadow: 0 0 0 0 rgba(0, 145, 218, 0.6);
  animation: ops-pulse 1.8s var(--ease) infinite;
}
@keyframes ops-pulse {
  0% { box-shadow: 0 0 0 0 rgba(0, 145, 218, 0.6); }
  70% { box-shadow: 0 0 0 12px rgba(0, 145, 218, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 145, 218, 0); }
}
[data-station="operations"] .ops-banner-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; padding-left: var(--space-3); border-left: 1px solid rgba(255, 255, 255, 0.14); }
[data-station="operations"] .ops-banner-text strong { font-size: 20px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.3; }
[data-station="operations"] .ops-banner-text > span { font-size: var(--fs-small); color: var(--on-dark-2); }
[data-station="operations"] .ops-banner .btn { flex: none; }

[data-station="operations"] .ops-empty-line {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 0 8px; font-size: var(--fs-small); color: var(--ink-2);
}
[data-station="operations"] .ops-empty-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 50%; background: var(--good-tint); color: var(--good-ink);
}

/* ---------- Queue: headline band (title at left, six drill tiles at right) ---------- */
[data-station="operations"] {
  /* mark, household, task, amount, source, case, owner, due, age, status */
  --ops-q-cols: 14px 150px minmax(0, 1fr) 84px 96px 168px 96px 88px 44px 150px;
  --ops-q-row-h: 25px;
}
[data-station="operations"] .ops-q-header { grid-column: 1 / -1; align-self: stretch; align-items: flex-end; }
[data-station="operations"] .ops-q-header .page-actions { padding-bottom: 2px; }
[data-station="operations"] .ops-q-stats {
  grid-column: span 8;
  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--gutter);
}
[data-station="operations"] .ops-q-stat { min-height: 0; padding: 10px 14px; }
[data-station="operations"] .ops-q-stat .tile-head { margin-bottom: 2px; }
[data-station="operations"] .ops-q-stat .tile-label { white-space: nowrap; }
[data-station="operations"] .ops-q-stat .big { font-size: 28px; line-height: 1.1; }
[data-station="operations"] .ops-q-stat .big-sub { margin-top: 2px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-station="operations"] .ops-q-stat.is-bad .big { color: var(--bad-ink); }
[data-station="operations"] .ops-q-stat.is-warn .big { color: var(--warn-ink); }

/* Tabs: Queue and Cases, a small segmented control in the eyebrow */
[data-station="operations"] .ops-tabs {
  display: inline-flex; gap: 2px; padding: 3px;
  background: var(--surface); border-radius: var(--radius-pill); box-shadow: var(--shadow-float);
  text-transform: none; letter-spacing: 0;
}
[data-station="operations"] .ops-tab {
  display: inline-flex; align-items: center; height: 26px; padding: 0 14px; border-radius: var(--radius-pill);
  font-size: 13px; font-weight: 600; color: var(--ink-2);
  transition: background var(--t), color var(--t);
}
[data-station="operations"] .ops-tab:hover { background: var(--mist); color: var(--ink); text-decoration: none; }
[data-station="operations"] .ops-tab.is-active { background: var(--deep-ink); color: #fff; }

/* ---------- Queue: one-line handoff banner ---------- */
[data-station="operations"] .ops-banner { min-height: 0; padding: 12px 12px 12px 20px; }
[data-station="operations"] .ops-banner-count .big { font-size: 32px; line-height: 1; }
[data-station="operations"] .ops-banner-count { gap: 10px; }
[data-station="operations"] .ops-banner-pulse { width: 10px; height: 10px; }
[data-station="operations"] .ops-banner-inner { gap: var(--space-2); }
[data-station="operations"] .ops-banner-text { gap: 1px; padding-left: var(--space-2); }
[data-station="operations"] .ops-banner-text strong { font-size: 15px; }
[data-station="operations"] .ops-banner-text > span { font-size: 13px; }
[data-station="operations"] .ops-banner-link { flex: none; font-size: 13px; font-weight: 600; color: var(--on-dark-2); padding: 0 8px; }
[data-station="operations"] .ops-banner-link:hover { color: #fff; }

/* ---------- Queue: the dense table ---------- */
[data-station="operations"] .ops-q-tile { min-height: 0; padding: 8px 0 6px; }
[data-station="operations"] .ops-q-tools {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px;
  padding: 0 16px 6px;
}
[data-station="operations"] .ops-q-tools .tile-label { flex: none; margin-right: 4px; }
[data-station="operations"] .ops-q-tools .tile-note { margin-left: auto; }
[data-station="operations"] .ops-q-tools-right { display: flex; align-items: center; gap: 14px; margin-left: auto; }
[data-station="operations"] .ops-chips { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
[data-station="operations"] .ops-chips.is-sort, [data-station="operations"] .ops-chips.is-scope { flex-wrap: nowrap; }
[data-station="operations"] .ops-chips.is-scope { padding-left: 14px; border-left: 1px solid var(--line-strong); }
[data-station="operations"] .ops-chips-label {
  font-size: var(--fs-label); font-weight: 600; letter-spacing: var(--tracking-label); text-transform: uppercase;
  color: var(--ink-3); margin-right: 4px;
}
[data-station="operations"] .ops-chip {
  display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px;
  border-radius: var(--radius-pill); background: var(--mist);
  font-size: 12px; font-weight: 600; color: var(--ink-2); white-space: nowrap;
  transition: background var(--t), color var(--t);
}
[data-station="operations"] .ops-chip:hover { background: var(--surface-3); color: var(--ink); }
[data-station="operations"] .ops-chip.is-active { background: var(--deep-ink); color: #fff; }
[data-station="operations"] .ops-chip-n { font-size: 11px; font-weight: 700; color: var(--ink-3); }
[data-station="operations"] .ops-chip.is-active .ops-chip-n { color: var(--on-dark-3); }

[data-station="operations"] .ops-q-table { display: flex; flex-direction: column; }
[data-station="operations"] .ops-q-row {
  position: relative;
  display: grid; grid-template-columns: var(--ops-q-cols); align-items: center; column-gap: 12px;
  height: var(--ops-q-row-h); padding: 0 16px;
  font-size: 13px; color: var(--ink); cursor: pointer;
  border-top: 1px solid var(--line);
}
[data-station="operations"] .ops-q-row > * { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-station="operations"] .ops-q-row.is-head {
  height: 24px; border-top: 0; cursor: default;
  font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3);
}
[data-station="operations"] .ops-th { display: inline-flex; align-items: center; gap: 3px; font: inherit; color: inherit; text-transform: inherit; letter-spacing: inherit; padding: 0; }
[data-station="operations"] button.ops-th { cursor: pointer; }
[data-station="operations"] button.ops-th:hover, [data-station="operations"] .ops-th.is-sorted { color: var(--ink); }
[data-station="operations"] .ops-th.is-num, [data-station="operations"] .ops-q-amount,
[data-station="operations"] .ops-q-due, [data-station="operations"] .ops-q-age { justify-content: flex-end; text-align: right; }
[data-station="operations"] .ops-q-row:not(.is-head):hover { background: var(--mist); }
[data-station="operations"] .ops-q-row:focus-visible { outline: none; box-shadow: inset 3px 0 0 var(--avid-blue); background: var(--mist); }
[data-station="operations"] .ops-q-row.is-new { background: linear-gradient(90deg, rgba(0, 145, 218, 0.1), rgba(0, 145, 218, 0) 60%); }
[data-station="operations"] .ops-q-row.is-new:hover { background: var(--avid-blue-tint); }
[data-station="operations"] .tile-mist .ops-q-row { border-top-color: #E1E8EF; }
[data-station="operations"] .tile-mist .ops-q-row:hover { background: var(--surface); }

[data-station="operations"] .ops-q-mark { display: inline-flex; align-items: center; justify-content: center; overflow: visible; }
[data-station="operations"] .ops-q-mark .ops-new-dot { width: 8px; height: 8px; }
[data-station="operations"] .ops-q-mark .ops-marker.is-xs { width: 14px; height: 14px; border-radius: 4px; }
[data-station="operations"] .ops-q-mark .ops-marker.is-xs svg { width: 9px; height: 9px; }
[data-station="operations"] .ops-q-hh { font-weight: 600; color: var(--ink-2); }
[data-station="operations"] .ops-q-title { display: flex; align-items: center; gap: 8px; }
[data-station="operations"] .ops-q-title-link { min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--ink); font-weight: 600; }
[data-station="operations"] .ops-q-title-link:hover { text-decoration: none; }
[data-station="operations"] .ops-q-row:hover .ops-q-title-link { color: var(--avid-blue-ink); }
[data-station="operations"] .ops-q-title .entity-tag { flex: none; transform: scale(0.85); transform-origin: left center; }
[data-station="operations"] .ops-q-row.is-ticket .ops-q-title-link { font-weight: 500; }
[data-station="operations"] .ops-q-amount { font-weight: 700; }
[data-station="operations"] .ops-q-source { display: inline-flex; align-items: center; gap: 5px; color: var(--ink-3); font-weight: 500; }
[data-station="operations"] .ops-q-source svg { flex: none; }
[data-station="operations"] .ops-q-source.is-meeting { color: var(--avid-blue-ink); font-weight: 600; }
[data-station="operations"] .ops-q-source.is-assistant { color: var(--deep-ink); font-weight: 600; }
[data-station="operations"] .ops-q-source.is-ticket { color: var(--ink-2); font-weight: 600; }
[data-station="operations"] .ops-q-case { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-2); min-width: 0; }
[data-station="operations"] .ops-q-case:hover { text-decoration: none; color: var(--avid-blue-ink); }
[data-station="operations"] .ops-q-case-id {
  flex: none; padding: 1px 6px; border-radius: 6px; background: var(--mist);
  font-size: 11px; font-weight: 700; color: var(--ink-2);
}
[data-station="operations"] .ops-q-case:hover .ops-q-case-id { background: var(--avid-blue-tint); color: var(--avid-blue-ink); }
[data-station="operations"] .ops-q-case-stage { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-station="operations"] .ops-q-case.is-closed .ops-q-case-stage { color: var(--good-ink); }
[data-station="operations"] .ops-q-none { color: var(--ink-disabled); }
[data-station="operations"] .ops-q-owner { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-2); }
[data-station="operations"] .ops-q-owner .avatar { width: 22px; height: 22px; font-size: 10px; flex: none; }
[data-station="operations"] .ops-q-due { font-weight: 600; color: var(--ink-2); }
[data-station="operations"] .ops-q-due.is-late { color: var(--bad-ink); }
[data-station="operations"] .ops-q-due.is-today { color: var(--ink); font-weight: 700; }
[data-station="operations"] .ops-q-age { color: var(--ink-3); }
[data-station="operations"] .ops-q-status .badge { font-size: 12px; gap: 6px; }
[data-station="operations"] .ops-q-status .badge.has-dot::before { width: 7px; height: 7px; }
[data-station="operations"] .ops-q-status .badge:not(.has-dot) { height: 18px; padding: 0 8px; font-size: 11px; }
[data-station="operations"] .ops-q-row.is-done .ops-q-title-link { color: var(--ink-2); font-weight: 500; }
[data-station="operations"] .ops-q-tile .ops-empty-line { padding: 12px 16px; border-top: 1px solid var(--line); }

/* Task detail: the parent case and the template the steps come from */
[data-station="operations"] .ops-case-fact { display: inline-flex; flex-direction: column; min-width: 0; }
[data-station="operations"] .ops-case-fact a { font-weight: 700; }
[data-station="operations"] .ops-case-fact-meta { font-size: 12px; font-weight: 500; color: var(--ink-3); }
[data-station="operations"] .ops-steps-from { margin-left: 10px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--ink-3); font-size: 12px; }

/* ---------- Task detail: headline ---------- */
[data-station="operations"] .ops-back {
  display: inline-flex; align-items: center; gap: 6px;
  color: var(--avid-blue-strong); font-weight: 700;
}
[data-station="operations"] .ops-back:hover { text-decoration: none; color: var(--avid-blue-ink); }
[data-station="operations"] .page-title { max-width: 1040px; }

/* ---------- Task detail: hero ---------- */
[data-station="operations"] .ops-hero { gap: 0; }
[data-station="operations"] .ops-hero .tile-head { align-items: center; margin-bottom: 18px; }
[data-station="operations"] .ops-hero-type { display: inline-flex; align-items: center; gap: 10px; color: var(--ink-2); }
[data-station="operations"] .ops-hero-tags { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
[data-station="operations"] .ops-new-pill {
  display: inline-flex; align-items: center; gap: 7px; height: 24px; padding: 0 10px 0 8px;
  border-radius: var(--radius-pill); background: var(--avid-blue-tint); color: var(--avid-blue-ink);
  font-size: 12px; font-weight: 700;
}

[data-station="operations"] .ops-hero-top {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: var(--space-4); align-items: end;
  padding-bottom: var(--space-3); border-bottom: var(--hairline);
}
[data-station="operations"] .ops-hero .big.is-late, [data-station="operations"] .ops-hero .big-sub.is-late { color: var(--bad-ink); }
[data-station="operations"] .ops-facts { display: grid; grid-template-columns: max-content 1fr; gap: 10px 20px; font-size: var(--fs-small); }
[data-station="operations"] .ops-fact { display: contents; }
[data-station="operations"] .ops-fact dt { color: var(--ink-3); font-weight: 500; align-self: center; }
[data-station="operations"] .ops-fact dd { font-weight: 600; min-width: 0; display: flex; align-items: center; }
[data-station="operations"] .ops-owner { display: inline-flex; align-items: center; gap: 8px; }

[data-station="operations"] .ops-task-detail { margin-top: var(--space-3); font-size: var(--fs-body); color: var(--ink-2); line-height: 1.6; max-width: 720px; }

[data-station="operations"] .ops-callout {
  display: flex; align-items: flex-start; gap: 12px;
  margin-top: var(--space-2); padding: 14px 16px; border-radius: var(--radius);
  font-size: var(--fs-small); line-height: 1.5;
}
[data-station="operations"] .ops-callout .dot { margin-top: 6px; }
[data-station="operations"] .ops-callout.is-warn { background: var(--warn-tint); color: var(--warn-ink); }
[data-station="operations"] .ops-callout.is-good { background: var(--good-tint); color: var(--good-ink); }
[data-station="operations"] .ops-callout strong { font-weight: 700; }

[data-station="operations"] .ops-why { margin-top: var(--space-3); display: flex; flex-direction: column; gap: 10px; }
[data-station="operations"] .ops-why .quote { font-size: 15px; padding: 16px 20px 16px 22px; }
[data-station="operations"] .ops-why-plain { font-size: var(--fs-small); color: var(--ink-2); }
[data-station="operations"] .ops-provenance { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: var(--ink-2); line-height: 1.5; }
[data-station="operations"] .ops-provenance svg { flex: none; color: var(--good); margin-top: 1px; }
[data-station="operations"] .ops-provenance strong { color: var(--ink); font-weight: 700; }

[data-station="operations"] .ops-steps { margin-top: var(--space-3); display: flex; flex-direction: column; gap: 10px; }
[data-station="operations"] .ops-steps-head { display: flex; align-items: center; justify-content: space-between; }
[data-station="operations"] .ops-steps-count { font-size: 12px; font-weight: 700; color: var(--ink-2); }
[data-station="operations"] .ops-steps .progress { height: 4px; }
[data-station="operations"] .ops-steps-list { display: flex; flex-direction: column; gap: 2px; margin: 4px -10px 0; }
[data-station="operations"] .ops-step label {
  display: flex; align-items: center; gap: 12px;
  padding: 9px 10px; border-radius: 12px; cursor: pointer;
  font-size: 14px; font-weight: 500; line-height: 1.45;
  transition: background var(--t);
}
[data-station="operations"] .ops-step label:hover { background: var(--mist); }
[data-station="operations"] .ops-step input { position: absolute; opacity: 0; pointer-events: none; }
[data-station="operations"] .ops-step-box {
  flex: none; width: 22px; height: 22px; border-radius: var(--radius-sm);
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: inset 0 0 0 1.5px var(--line-strong); color: transparent; background: var(--surface);
  transition: background var(--t), box-shadow var(--t), color var(--t);
}
[data-station="operations"] .ops-step input:focus-visible + .ops-step-box { box-shadow: inset 0 0 0 1.5px var(--avid-blue), var(--focus-ring); }
[data-station="operations"] .ops-step-num { flex: none; width: 20px; font-size: 11px; font-weight: 700; color: var(--ink-disabled); }
[data-station="operations"] .ops-step-text { min-width: 0; }
[data-station="operations"] .ops-step.is-checked .ops-step-box { background: var(--avid-blue-strong); box-shadow: none; color: #fff; }
[data-station="operations"] .ops-step.is-checked .ops-step-text { color: var(--ink-3); text-decoration: line-through; text-decoration-color: var(--line-strong); }
[data-station="operations"] .ops-step input:disabled ~ * { cursor: default; }

/* ---------- Task detail: household, Deep Ink ---------- */
[data-station="operations"] .ops-hh { gap: 0; }
[data-station="operations"] .ops-hh .tile-head { align-items: center; margin-bottom: 10px; }
[data-station="operations"] .ops-hh-name { font-size: 22px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.25; }
[data-station="operations"] .ops-hh-name a { color: #fff; }
[data-station="operations"] .ops-hh-sub { margin-top: 2px; font-size: var(--fs-small); color: var(--on-dark-3); }
[data-station="operations"] .ops-hh-aum { margin: 18px 0 4px; padding-bottom: 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
[data-station="operations"] .ops-hh-aum .big { font-size: 48px; }
[data-station="operations"] .ops-hh-aum .big-sub { margin-top: 4px; }
[data-station="operations"] .ops-hh-group { padding-top: 16px; }
[data-station="operations"] .ops-hh-group > .tile-label { margin-bottom: 8px; }
[data-station="operations"] .ops-hh-people { display: flex; flex-direction: column; gap: 10px; }
[data-station="operations"] .ops-hh-people li { display: flex; align-items: center; gap: 10px; }
[data-station="operations"] .ops-hh-list { display: flex; flex-direction: column; }
[data-station="operations"] .ops-hh-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 7px 0; }
[data-station="operations"] .ops-hh-list li + li { border-top: 1px solid rgba(255, 255, 255, 0.08); }
[data-station="operations"] .ops-hh-main { display: flex; flex-direction: column; min-width: 0; }
[data-station="operations"] .ops-hh-strong { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 600; color: #fff; line-height: 1.4; }
[data-station="operations"] .ops-hh-muted { font-size: 12px; color: var(--on-dark-3); }
[data-station="operations"] .ops-hh-bal { font-size: 13px; font-weight: 600; color: var(--on-dark-2); white-space: nowrap; }
[data-station="operations"] .ops-hh-list li.is-involved .ops-hh-bal { color: #fff; }
[data-station="operations"] .ops-hh-flag { width: 7px; height: 7px; border-radius: 50%; background: var(--avid-blue); box-shadow: 0 0 0 3px rgba(0, 145, 218, 0.3); flex: none; }
[data-station="operations"] .ops-hh-other a { display: flex; align-items: center; gap: 10px; color: #fff; min-width: 0; }
[data-station="operations"] .ops-hh-other a:hover { text-decoration: none; }
[data-station="operations"] .ops-hh-other a:hover .ops-hh-strong { text-decoration: underline; text-underline-offset: 3px; }
[data-station="operations"] .ops-hh-other .ops-marker { width: 28px; height: 28px; border-radius: 10px; }

/* ---------- Task detail: history, Mist ---------- */
[data-station="operations"] .ops-retention { display: inline-flex; align-items: center; gap: 6px; }
[data-station="operations"] .ops-history { position: relative; display: flex; flex-direction: column; gap: 0; }
[data-station="operations"] .ops-history li {
  position: relative; display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; align-items: baseline; gap: 14px;
  padding: 9px 0;
}
[data-station="operations"] .ops-history li + li::after {
  content: ""; position: absolute; left: 4px; top: -9px; height: 22px; width: 2px; background: #D7E0E8; border-radius: 2px;
}
[data-station="operations"] .ops-history-dot { width: 10px; height: 10px; border-radius: 50%; background: #C5D0DA; align-self: center; position: relative; z-index: 1; }
[data-station="operations"] .ops-history li.is-latest .ops-history-dot { background: var(--avid-blue); box-shadow: 0 0 0 4px rgba(0, 145, 218, 0.18); }
[data-station="operations"] .ops-history-what { font-size: 14px; font-weight: 600; }
[data-station="operations"] .ops-history-meta { font-size: 12px; color: var(--ink-3); white-space: nowrap; }

/* ---------- Task detail: documents ---------- */
[data-station="operations"] .ops-docs { display: flex; flex-direction: column; }
[data-station="operations"] .ops-docs li { display: flex; align-items: center; gap: 12px; padding: 9px 0; }
[data-station="operations"] .ops-docs li + li { border-top: var(--hairline); }
[data-station="operations"] .ops-doc-icon {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 32px; height: 32px; border-radius: 10px; background: var(--avid-blue-tint); color: var(--avid-blue-strong);
}
[data-station="operations"] .ops-docs li.is-walled .ops-doc-icon { background: var(--mist); color: var(--ink-3); }
[data-station="operations"] .ops-doc-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
[data-station="operations"] .ops-doc-name { font-size: 14px; font-weight: 600; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-station="operations"] .ops-doc-meta { font-size: 12px; color: var(--ink-3); line-height: 1.4; }
[data-station="operations"] .ops-docs li.is-walled .ops-doc-name { color: var(--ink-2); }
[data-station="operations"] .ops-doc-date { font-size: 12px; color: var(--ink-3); white-space: nowrap; }

/* ---------- Task detail: sticky action bar ---------- */
[data-station="operations"] .ops-bar {
  position: sticky; bottom: var(--space-2); z-index: 20;
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-2);
  min-height: 76px; padding: 12px 12px 12px var(--space-3);
  background: var(--surface);
  border-radius: var(--radius-pill);
  isolation: isolate;
  box-shadow: 0 18px 40px rgba(16, 32, 48, 0.18), 0 0 0 1px rgba(16, 32, 48, 0.04);
}
[data-station="operations"] .ops-bar-state { display: flex; align-items: center; gap: 14px; font-size: var(--fs-small); color: var(--ink-2); font-weight: 600; min-width: 0; }
[data-station="operations"] .ops-bar-sep { width: 1px; height: 18px; background: var(--line-strong); }
[data-station="operations"] .ops-started { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); }
[data-station="operations"] .ops-started.is-idle { color: var(--ink-2); }
[data-station="operations"] .ops-bar-actions { display: flex; align-items: center; gap: 12px; }
[data-station="operations"] .ops-bar-actions .btn-text { padding: 8px 10px; }
[data-station="operations"] .ops-bar-check {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 50%; background: var(--good-tint); color: var(--good-ink);
}
[data-station="operations"] .ops-bar.is-done .ops-bar-state strong { color: var(--ink); }

[data-station="operations"] .ops-reassign { position: relative; }
[data-station="operations"] .ops-reassign-menu {
  position: absolute; right: 0; bottom: calc(100% + 14px);
  width: 270px; padding: 8px;
  background: var(--surface); border-radius: var(--radius-lg);
  box-shadow: 0 16px 40px rgba(16, 32, 48, 0.2);
  opacity: 0; transform: translateY(4px); pointer-events: none;
  transition: opacity var(--t), transform var(--t);
}
[data-station="operations"] .ops-reassign-menu.is-open { opacity: 1; transform: none; pointer-events: auto; }
[data-station="operations"] .ops-reassign-label {
  padding: 8px 12px 6px; font-size: var(--fs-label); font-weight: 600;
  letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--ink-3);
}
[data-station="operations"] .ops-reassign-option {
  width: 100%; display: flex; align-items: center; gap: 10px;
  padding: 8px 12px; border-radius: 12px; text-align: left;
  font-size: var(--fs-small); font-weight: 600;
}
[data-station="operations"] .ops-reassign-option:hover { background: var(--mist); }
[data-station="operations"] .ops-reassign-option small { display: block; font-size: 12px; font-weight: 500; color: var(--ink-3); }

/* ---------- Narrower screens ---------- */

@media (max-width: 1400px) {
  [data-station="operations"] { --ops-q-cols: 14px 124px minmax(0, 1fr) 78px 86px 144px 86px 80px 38px 146px; }
  [data-station="operations"] .ops-q-header { grid-column: 1 / -1; }
  [data-station="operations"] .ops-q-stats { grid-column: span 9; gap: 10px; }
  [data-station="operations"] .ops-q-stat { padding: 10px 12px; }
  [data-station="operations"] .ops-q-stat .tile-label { font-size: 11px; letter-spacing: 0.06em; }
  [data-station="operations"] .ops-q-header { flex-wrap: wrap; row-gap: 8px; }
  [data-station="operations"] .ops-chips-label, [data-station="operations"] .ops-chip[data-sort="household"] { display: none; }
  [data-station="operations"] .ops-q-row { column-gap: 10px; padding: 0 14px; }
}
@media (max-width: 1240px) {
  [data-station="operations"] .ops-q-header, [data-station="operations"] .ops-q-stats { grid-column: 1 / -1; }
}
@media (max-width: 1100px) {
  [data-station="operations"] .ops-q-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-station="operations"] { --ops-q-cols: 14px 120px minmax(0, 1fr) 84px 84px 40px; }
  [data-station="operations"] .ops-q-source, [data-station="operations"] .ops-q-case, [data-station="operations"] .ops-q-none,
  [data-station="operations"] .ops-q-owner, [data-station="operations"] .ops-q-status,
  [data-station="operations"] .ops-q-row.is-head > :nth-child(5), [data-station="operations"] .ops-q-row.is-head > :nth-child(6),
  [data-station="operations"] .ops-q-row.is-head > :nth-child(7), [data-station="operations"] .ops-q-row.is-head > :nth-child(10) { display: none; }
  [data-station="operations"] .ops-hero-top { grid-template-columns: 1fr; }
}

/* ---------- Statement: the top card from design-18 (chart of the queue by state, then six figures) ---------- */
[data-station="operations"] .ops-top { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); overflow: hidden;
  background: var(--surface); border-radius: var(--r-lg); border: 1px solid rgba(43, 86, 114, 0.12); box-shadow: var(--shadow-2), inset 0 0 0 1px rgba(255, 255, 255, 0.9); }
[data-station="operations"] .ops-chart { padding: 18px 22px 12px; min-width: 0; }
[data-station="operations"] .ops-chart-sub { margin: 2px 0 0; font-size: 13px; color: var(--ink-2); }
[data-station="operations"] .ops-chart .chart { margin-top: 6px; }
[data-station="operations"] .ops-figs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-left: 1px solid var(--line); background: var(--surface-warm); }
[data-station="operations"] .ofig { padding: 14px 16px; display: flex; flex-direction: column; gap: 2px; color: inherit; transition: background .15s; min-width: 0; }
[data-station="operations"] .ofig:hover { background: #fff; text-decoration: none; }
[data-station="operations"] .ofig:nth-child(3n+2), [data-station="operations"] .ofig:nth-child(3n+3) { border-left: 1px solid var(--grid); }
[data-station="operations"] .ofig:nth-child(n+4) { border-top: 1px solid var(--grid); }
[data-station="operations"] .ofig-head { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-height: 24px; }
[data-station="operations"] .ofig-label { font-size: 11px; font-weight: 700; color: var(--slate); text-transform: uppercase; letter-spacing: 0.12em; white-space: nowrap; }
[data-station="operations"] .ofig-num { font-family: var(--serif); font-size: 36px; font-weight: 600; line-height: 1.1; color: var(--ink); font-variant-numeric: lining-nums tabular-nums; }
[data-station="operations"] .ofig-sub { font-size: 12px; color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-station="operations"] .ops-tabs { background: rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
[data-station="operations"] .ops-tab { color: rgba(255, 255, 255, 0.82); }
[data-station="operations"] .ops-tab:hover { background: rgba(255, 255, 255, 0.14); color: #fff; }
[data-station="operations"] .ops-tab.is-active { background: #fff; color: var(--slate-deep); }
/* The queue reads like design-18's: slate caps head on a slate wash, warm hairlines, Avid Blue chips for the active filter. */
[data-station="operations"] .ops-q-row.is-head { background: var(--slate-wash); border-bottom: 1px solid var(--line); }
[data-station="operations"] .ops-th { color: var(--slate); font-weight: 700; }
[data-station="operations"] .ops-chip { background: var(--canvas); }
[data-station="operations"] .ops-chip.is-active { background: var(--slate-deep); }
@media (max-width: 1100px) {
  [data-station="operations"] .ops-top { grid-template-columns: minmax(0, 1fr); }
  [data-station="operations"] .ops-figs { border-left: 0; border-top: 1px solid var(--line); }
}
@media (max-width: 700px) {
  [data-station="operations"] .ops-figs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-station="operations"] .ofig { border-left: 0 !important; border-top: 1px solid var(--grid); }
  [data-station="operations"] .ofig:nth-child(even) { border-left: 1px solid var(--grid) !important; }
  [data-station="operations"] .ofig-num { font-size: 28px; }
  [data-station="operations"] .ofig-sub { display: none; }
}