/* ops-today: Today, Waiting on clients, Sessions, Quotes due, Capacity tabs, Close board, Integration health.
   Uses the tokens in portal.css. Pink marks "needs you" only. */

/* Today summary and risk strip */
.td-sum { color: var(--ink-2); font-size: 15px; }
.td-risks { margin-bottom: 20px; }
.td-risk { display: flex; align-items: center; gap: 14px; padding: 10px 16px; border-top: 1px solid var(--line); flex-wrap: wrap; }
.td-risk:first-child { border-top: 0; }
.td-risk > a { min-width: 190px; }
.td-risk .chips { flex: 1; }

/* Today sections */
.td-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.td-sec h4 > span:nth-of-type(2) { flex: 1; }
.td-n { min-width: 22px; height: 20px; padding: 0 6px; border-radius: 99px; display: inline-grid; place-items: center; font-size: 11.5px; font-weight: 600;
  color: var(--muted); background: var(--well); box-shadow: inset 0 0 0 1px var(--line); }
.td-n.attn { color: var(--pink-ink); background: var(--pink-soft); box-shadow: inset 0 0 0 1px var(--pink-line); }
.td-all { font-size: 12.5px; font-weight: 500; color: var(--muted); }
.td-all:hover { color: var(--ink); }
.td-list { display: flex; flex-direction: column; margin: 0 -8px; }
.td-row { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: var(--r-s); border-top: 1px solid var(--line); }
.td-row:first-child { border-top: 0; }
a.td-row:hover { background: var(--well); }
.td-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.td-main b { color: var(--ink); font-weight: 600; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.td-meta { display: flex; gap: 6px; flex: none; align-items: center; }
.td-empty { margin: 0; }

/* Close board ticks and crosses */
.ck { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; white-space: nowrap; }
.ck .ms-i { font-size: 18px; }
.ck.ok { color: var(--ok); }
.ck.no { color: var(--bad); }
.ck.na { color: var(--faint); }
.ck span:last-child { color: var(--ink-2); }
.ck.na span:last-child { color: var(--faint); }

/* Quote drawer */
.qt-scope { resize: vertical; min-height: 120px; line-height: 1.5; }

@media (max-width: 1180px) {
  .td-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 860px) {
  .td-risk > a { min-width: 0; }
  .td-row { flex-wrap: wrap; }
  .td-meta { width: 100%; padding-left: 32px; }
}