/* Продажи за период и советы по товарам */
#advice h3 { font-family: var(--font-display); font-size: 16px; margin: 0 0 8px; }
#advice .callouts { display: grid; gap: 8px; }
#advice .callout b { font-weight: 600; }
.mark.info { border-color: var(--info-border); background: var(--info-bg); }
td .neg { color: var(--bad-border); }
#advice .advice-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
#advice .callout-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.eye-btn.small { width: 26px; height: 26px; padding: 0; }
.eye-btn.small .eye { width: 16px; height: 16px; }
#advice .hidden-advice { margin-top: 16px; padding-top: 12px; border-top: 1px dashed var(--border); }
#advice .hidden-list { display: flex; flex-wrap: wrap; gap: 8px 12px; margin-top: 8px; }
#advice .hidden-item { display: inline-flex; align-items: center; gap: 4px; }
#advice tr.level-good td:first-child { box-shadow: inset 3px 0 0 var(--good-border); }
#advice tr.level-warn td:first-child { box-shadow: inset 3px 0 0 var(--warn-border); }
#advice tr.level-bad td:first-child { box-shadow: inset 3px 0 0 var(--bad-border); }