/* Emotes admin page (#emotes, roadmap item 65): one card per emote, built on the items-* page classes. */
.emotes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.emotes-card{display:grid;gap:10px;padding:14px}
.emotes-card-top{display:flex;gap:12px;align-items:center}
.emotes-preview-wrap{flex:0 0 auto;border-radius:10px;background:linear-gradient(#6f9b63,#4f7a48);padding:2px}
.emotes-preview{display:block;width:150px;height:110px}
.emotes-card-title{display:grid;gap:4px;min-width:0}
.emotes-card-title strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emotes-tag{justify-self:start;font-size:11px;padding:1px 7px;border-radius:999px;background:#e8e1c8;color:#4a3d1c}
.emotes-tag-draft{background:#f3d38b}
.emotes-tag-off{background:#d9d9d9;color:#555}
.emotes-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.emotes-fields .items-field{display:grid;gap:4px}
.emotes-fields .items-field:nth-child(4){grid-column:1/-1}
.emotes-fields .items-field[hidden]{display:none}
.emotes-picture{display:grid;gap:6px}
.emotes-asset{display:flex;gap:6px}
.emotes-asset input{flex:1;min-width:0}
.emotes-active{display:flex;gap:6px;align-items:center;align-self:end;justify-self:start}
.emotes-active input{width:auto;min-width:0;flex:0 0 auto;margin:0}
.emotes-active span{white-space:nowrap}
.emotes-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.emotes-removed{margin-top:12px}
.emotes-removed h3{font-size:14px;margin:0 0 4px}
@media(max-width:600px){.emotes-list{grid-template-columns:1fr}.emotes-fields{grid-template-columns:1fr}.emotes-card-top{flex-direction:column;align-items:flex-start}}