.recommendation-panel{padding:24px}.recommendation-panel .panel-description{margin:6px 0 0;max-width:850px}.recommendation-summary{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:16px 0;color:var(--muted);font-size:12px}.recommendation-summary strong{color:var(--ink)}.recommendation-filters{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end;max-width:660px;margin:20px 0 12px}.recommendation-table{min-width:790px}.recommendation-table .item-name{max-width:420px;white-space:normal}.recommendation-editor{margin-top:24px;border-top:1px solid var(--line);padding-top:22px}.recommendation-editor-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,.5fr) minmax(220px,1fr);gap:14px;align-items:end;max-width:900px;margin-top:16px}.recommendation-editor-grid .button{justify-self:start}.recommendation-banner-preview{display:block;width:min(100%,640px);aspect-ratio:32/9;object-fit:contain;background:#e9eded;border:1px solid var(--line);margin-top:10px}.recommendation-banner-note{font-size:11px;color:var(--muted);margin-top:7px}.recommendation-history{margin-top:26px;border-top:1px solid var(--line);padding-top:20px}.recommendation-history .table-scroll{margin-top:12px}.recommendation-history-table{min-width:720px}#recommendation-pending .button{margin-top:8px}@media(max-width:760px){.recommendation-panel{padding:17px}.recommendation-filters,.recommendation-editor-grid{grid-template-columns:1fr}.recommendation-editor-grid .button{width:100%}.recommendation-summary{align-items:flex-start;flex-direction:column;gap:6px}.recommendation-panel>.panel-heading{align-items:flex-start}}