/* MINT-CASE-BRIEFING 2026-11-10. Layout only. Lanes, cards, the toggle, toolbar, search, select, counts,
   lane colours, avatars, skeleton, alert and empty state are the support board's own (css/ui/csa.css). */
.cbrief[hidden],.csa-workspace[hidden]{display:none}
.cbrief-ico{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* The row above the board: Tasks | Benefit cases. The cases tab carries the one number that matters. */
.cbrief-tabs{display:flex;align-items:center;margin:0 0 20px}
.cbrief-tabs .csa-toggle button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 14px;font-size:13px}
:where(.cbrief-badge,.cbrief-chip){--csa-lane-fill:#e8edee;--csa-stage-ink:#526b71}/* the host's default lane pair; its [data-status] rules still win */
.cbrief-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--csa-lane-fill);color:var(--csa-stage-ink);font-size:11px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}

/* The cases view: same skeleton as the task view, four lanes. */
.cbrief .csa-toolbar .csa-toggle button{min-height:32px}
.csa-board.cbrief-board{grid-template-columns:repeat(4,minmax(220px,1fr))}
.cbrief .csa-lane{min-width:0;min-height:0}
.cbrief .csa-lane-head{margin-top:0}
.cbrief-lane-empty{padding:18px 4px;font-size:12px;color:var(--csa-stage-ink)}
.cbrief-empty{margin:0;font-size:13px}

/* A case card is three lines: the company, the topic, who it is about. Everything else is in the case. */
a.cbrief-card{text-decoration:none;min-width:0;overflow:hidden}
.csa-workspace a.cbrief-card{min-height:0}/* the host's 112px floor is for task cards, which have a bottom row */
.cbrief-card .csa-card-company{min-width:0}
.cbrief-co{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cbrief-who{display:block;margin-top:2px;font-size:11px;color:#5d6f6c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Phone only: lanes stack, so a row of counts jumps to each one. */
.cbrief-jumps{display:none}
.cbrief .cbrief-chip{display:inline-flex;border:0;border-radius:7px;background:var(--csa-lane-fill);color:var(--csa-stage-ink);font-size:12px}
.cbrief-chip strong{font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}

/* Broker home: one link above Your Companies. */
.cbrief a.cbrief-line{display:inline-flex;align-items:center;gap:10px 12px;flex-wrap:wrap;margin:0 0 28px;min-height:36px;color:#203f40;text-decoration:none}
.cbrief-line-title{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600}
.cbrief a.cbrief-line:hover .cbrief-line-title{color:#006c65}
.cbrief-line .cbrief-badge{height:24px;padding:0 10px;border-radius:12px;font-size:12px}
.cbrief-line-rest{font-size:13px;color:#5d6f6c}

@media(max-width:1150px){.csa-board.cbrief-board{grid-template-columns:repeat(4,minmax(200px,1fr))}}
@media(max-width:700px){
  .cbrief-tabs .csa-toggle{width:100%}
  .cbrief-tabs .csa-toggle button{flex:1;justify-content:center;min-height:42px;white-space:nowrap;padding-left:8px;padding-right:8px}
  .cbrief .csa-toolbar .csa-toggle button{min-height:38px}
  .cbrief-jumps{display:flex;gap:8px;margin:0 0 16px}
  .cbrief .cbrief-chip{flex:1 1 0;min-width:0;flex-direction:column;align-items:flex-start;padding:8px 10px;min-height:48px}
  .cbrief .cbrief-chip span{font-size:11px;line-height:1.3;white-space:nowrap}
  .csa-board.cbrief-board{grid-template-columns:1fr;overflow:visible}
  .cbrief .csa-lane{scroll-margin-top:76px}
}
@media(max-width:700px){
  /* keep the first card high on a phone: the jump tiles already carry the counts, and the filter shares a row with Mine / Everyone */
  .cbrief #cbrief-counts{display:none}
  .cbrief .csa-toolbar{gap:8px}
  .cbrief .csa-toolbar .csa-select{flex:1 1 0;min-width:0}
  .cbrief .csa-toolbar-end{width:auto;margin-left:0;flex:none}
}
/* Show all / Show fewer at the foot of a column: the task board's own text button ("Load more tasks"). */
.cbrief .cbrief-more{justify-self:start;min-height:36px;padding:8px 4px;font-size:13px}
@media(max-width:700px){.cbrief .cbrief-more{min-height:42px}}