/* Lower dashboard mirrors reference: compact use-soon + image-first recipes */
#view .hq-grid>.hq-soon-panel{grid-column:1!important;min-height:0!important;height:auto!important}
#view .hq-grid>.hq-can-panel{grid-column:2!important;min-height:0!important;height:auto!important}
#view .hq-soon-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;align-items:start!important}
#view .hq-soon-item{display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;min-width:0!important;width:100%!important;padding:0!important;background:transparent!important;border:0!important;color:#1c3725!important;text-align:center!important}
#view .hq-soon-photo{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:112px!important;background:#f5f6f2!important;border-radius:15px!important;overflow:hidden!important}
#view .hq-soon-photo img{width:100%!important;height:100%!important;object-fit:contain!important;mix-blend-mode:multiply}
#view .hq-soon-photo.hq-photo-missing:after{content:'◌';font-size:28px;color:#aebfaf}
#view .hq-soon-item strong{font-size:12px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:break-word!important}
#view .hq-can-make{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:start!important}
#view .hq-make-recipe{display:flex!important;flex-direction:column!important;gap:7px!important;background:transparent!important;padding:0!important;border:0!important;min-width:0!important;width:100%!important;text-align:center!important;color:#233a29!important}
#view .hq-make-recipe img{display:block!important;width:100%!important;height:112px!important;object-fit:cover!important;object-position:center!important;border-radius:14px!important}
#view .hq-make-recipe strong{font-size:13px!important;line-height:1.2!important;overflow-wrap:break-word!important}
#view .hq-grid>.hq-can-panel,#view .hq-grid>.hq-soon-panel{align-self:stretch!important}
@media(max-width:1100px){#view .hq-grid>.hq-soon-panel,#view .hq-grid>.hq-can-panel{grid-column:1!important}}
@media(max-width:600px){#view .hq-soon-photo,#view .hq-make-recipe img{height:78px!important}#view .hq-soon-grid{gap:6px!important}#view .hq-can-make{gap:7px!important}}