/* price history, quote-request follow-ups (see app/extras.py) */
.trendcard svg { width: 100%; height: auto; max-height: 240px; display: block; margin: 8px 0 12px; }
.pill.trend-up { background: #fbe9e7; color: #9a2f1f; }
.pill.trend-down { background: #e6f2ec; color: #14513b; }
.pill.trend-flat { background: #f1f3f2; color: #46554e; }
.fu-alert { background: #fff6e0; color: #6b4a0e; border: 1px solid #ecd39a; }
.fu-row td { background: #fffaf0; }
.fu-days { color: #9a5b00; font-weight: 600; }
.fu-link { font-weight: 600; }
.rfqstat { margin-top: 10px; }
.spellfix { margin: 12px auto 0; max-width: 1100px; padding: 10px 16px; border-radius: 10px; background: #eef6f1; color: #14513b; font-size: .95rem; }
button.danger { color: #9a2f1f; border-color: #e3b5ad; }
button.danger:hover { background: #fbe9e7; }
.hidden-form { display: none; }
.supbulk { margin: 6px 0 10px; gap: 10px; align-items: center; }
.tag.tag-cat { background: #eef3f9; color: #24496e; text-decoration: none; display: inline-block; margin: 1px 0; white-space: nowrap; }
a.tag.tag-cat:hover { background: #dde8f4; }
.tagbox { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.tagbox label { font-weight: normal; display: inline-flex; gap: 4px; align-items: center; }
/* suppliers list: keep the organic certificate column narrow */
th.col-org, td.col-org { width: 7.5rem; max-width: 7.5rem; white-space: normal; }
td.col-org .tag, td.col-org .small { display: inline-block; white-space: normal; line-height: 1.25; font-size: .8rem; }
/* price change vs the same supplier's previous quote (app/pricechange.py) */
.pchg { display: block; width: fit-content; margin-top: 2px; padding: 1px 6px; border-radius: 6px; font-size: .75rem; font-weight: 600; white-space: nowrap; cursor: help; }
.pchg-up { background: #fbe9e7; color: #9a2f1f; }
.pchg-down { background: #e6f2ec; color: #14513b; }
.pchg-flat { background: #f1f3f2; color: #46554e; }