/* SuggestionCard «پیشنهاد سیستم» (Figma 46:2426) — «امروز» (278:5921) and record side columns (339:26449) */
.sugg-list { display: flex; flex-direction: column; gap: 12px; }
.sugg-sec { margin-top: 24px; }
.sugg-card { display: flex; flex-direction: column; gap: 12px; padding: 16px; background: var(--color-brand-amber-50); border: 1px solid var(--color-brand-amber); border-radius: 12px; }
.sugg-card__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 28px; }
.sugg-card__eyebrow { display: inline-flex; align-items: center; gap: 8px; font: 500 11px/16px var(--font-sans, inherit); color: var(--color-brand-orange); }
.sugg-card__icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: var(--color-surface-card); color: var(--color-brand-orange); }
.sugg-card__icon .icon { width: 16px; height: 16px; }
.sugg-card__rule { font: 500 11px/16px var(--font-sans, inherit); color: var(--color-gray-400, #94A3B8); text-align: left; }
.sugg-card__msg { margin: 0; font: 500 14px/24px var(--font-sans, inherit); color: var(--color-text-primary); }
.sugg-card__ctx { display: inline-flex; align-items: center; gap: 4px; align-self: flex-start; font: 400 12px/20px var(--font-sans, inherit); color: var(--color-info); }
.sugg-card__ctx .icon { width: 14px; height: 14px; }
a.sugg-card__ctx:hover { text-decoration: underline; }
.sugg-card__actions { display: flex; align-items: center; gap: 8px; }
.sugg-card__actions[hidden], .sugg-card__panel[hidden] { display: none; }
.sugg-card__actions form { margin: 0; }
.sugg-card__actions .btn-primary .icon, .sugg-card__actions .btn-danger .icon { color: #fff; }
.sugg-card__panel { display: flex; flex-direction: column; gap: 12px; margin: 0; }
.sugg-card__box { display: flex; flex-direction: column; gap: 12px; padding: 12px; background: var(--color-surface-card); border: 1px solid var(--color-border, #E2E8F0); border-radius: 8px; }
.sugg-card__box .field { margin: 0; }
.sugg-card__box .select, .sugg-card__box .input { width: 100%; }
.sugg-card__box .dt-field { display: flex; align-items: center; gap: 8px; }
.sugg-card__box .dt-field .jdp, .sugg-card__box .dt-field > .input:first-child { flex: 1; min-width: 0; }
.sugg-card__box .dt-field__time { width: 80px; flex: none; text-align: center; }
.sugg-card__box .dt-field__sep { font: var(--text-small); color: var(--color-text-secondary); }

/* side column of a record (opportunity workspace) */
.sugg-slot:empty { display: none; }
.sugg-slot.is-loaded { display: flex; flex-direction: column; gap: 12px; }
.sugg-slot .sugg-card__head { flex-wrap: wrap; }