/* Offers made by the RFQ agent: blue on the Deal board until Bogdan opens them (lisa-agent-quotes.js). */
.k-card.aq-agent-new { background: color-mix(in srgb, var(--hb-info, #2563eb) 13%, var(--bg2, #fff)) !important; box-shadow: inset 3px 0 0 var(--hb-info, #2563eb); }
.aq-agent-chip { display: inline-flex; justify-self: start; align-self: flex-start; width: fit-content; align-items: center; margin: 8px 6px 12px 0; font: 650 11.5px var(--hb-font, inherit); color: var(--hb-info, #2563eb); }
.aq-agent-chip { max-width: 100%; }
.aq-agent-pill { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 3px 9px; border-radius: 999px; border: 1px solid var(--hb-info, #2563eb); background: var(--bg2, #fff); }
/* The line to the circle with the days the offer has waited, as on "N needs you" (lisa-drafts-module.css). */
.aq-agent-link { flex: none; width: 14px; height: 0; border-top: 1px solid var(--hb-info, #2563eb); }
.aq-agent-days { flex: none; display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 5px; box-sizing: border-box; border-radius: 999px;
  border: 1px solid var(--hb-info, #2563eb); background: var(--bg2, #fff); font-size: 11px; font-variant-numeric: tabular-nums; }
.aq-agent-days.is-warn { background: var(--hb-info, #2563eb); color: #fff; }
.aq-agent-days.is-alert { border-color: var(--hb-danger, #c2362f); background: var(--hb-danger, #c2362f); color: #fff; }
.aq-agent-chip:has(.aq-agent-days.is-alert) .aq-agent-link { border-top-color: var(--hb-danger, #c2362f); }

#view-quote > .aq-notes { margin: 0 0 14px; padding: 12px 16px; border: 1px solid color-mix(in srgb, var(--hb-info, #2563eb) 35%, transparent);
  border-left: 4px solid var(--hb-info, #2563eb); border-radius: 10px; background: color-mix(in srgb, var(--hb-info, #2563eb) 7%, var(--bg2, #fff));
  font: 13px/1.45 var(--hb-font, inherit); color: var(--text, #0f172a); }
#view-quote > .aq-notes .aq-notes-head { font-weight: 650; color: var(--hb-info, #2563eb); cursor: pointer; }
#view-quote > .aq-notes:not([open]) { padding-top: 8px; padding-bottom: 8px; }
#view-quote > .aq-notes .aq-notes-mail { margin-top: 6px; color: var(--muted, #64748b); }
#view-quote > .aq-notes ul { margin: 6px 0 0; padding-left: 18px; }
#view-quote > .aq-notes li { margin: 2px 0; }
#view-quote > .aq-notes .aq-notes-foot { margin-top: 6px; font-size: 11.5px; color: var(--muted, #64748b); }
@media print { #view-quote > .aq-notes { display: none !important; } }