.su-acc h3 { margin: 1.2em 0 .2em; }
.su-acc-note { color: #666; margin: 0 0 .8em; font-size: .95em; }
.su-acc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.su-acc-card { border: 1px solid #ddd; border-radius: 8px; background: #fff; overflow: hidden; display: flex; flex-direction: column; }
.su-acc-card img { display: block; width: 100%; height: 160px; object-fit: contain; background: #f6f6f6; }
.su-acc-noimg { height: 160px; display: grid; place-items: center; background: #f6f6f6; color: #999; font-size: .9em; }
.su-acc-body { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 4px; }
.su-acc-body small { color: #777; }
.su-acc-actions { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.su-acc-actions .button { padding: 6px 12px !important; font-size: .9em !important; }
.su-acc-empty { min-height: 120px; display: grid; place-items: center; color: #999; border-style: dashed; }