.chatCatalogFilters{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.chatCatalogFilters>input,.chatCatalogFilters>select,.chatCatalogFilters>label{flex:1;min-width:140px}.chatCatalogFilters label{display:flex;flex-direction:column;gap:5px}.chatCatalogGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:14px 0}.chatCatalogChoice,.chatCatalogAdminItem{min-width:0;border:1px solid var(--line);background:var(--card);color:var(--text);padding:10px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.chatCatalogChoice img,.chatCatalogAdminItem img{width:100%;height:120px;object-fit:contain}.chatCatalogChoice span{font-size:12px;overflow-wrap:anywhere}.chatCatalogGif{display:block;max-width:100%;width:auto;height:auto;max-height:280px;object-fit:contain}.chatCatalogMessage .personalSticker{width:150px;height:150px;object-fit:contain}.chatCatalogMessage{max-width:100%;margin:6px 0}form [data-cca-preview] img{max-height:180px;margin:12px 0}.chatCatalogAdminItem b{overflow-wrap:anywhere;max-width:100%}

.chatCatalogHeader{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);padding:0 0 8px}.chatCatalogHeader h3{margin:0;min-width:0}.chatCatalogClose{flex:none;margin-left:auto;min-width:44px;min-height:44px;font-size:28px;line-height:1}
.chatCatalogMessage{position:relative;padding-bottom:42px}.chatCatalogFavorite{border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--muted);width:40px;height:40px;min-width:40px;min-height:40px;font-size:25px;line-height:1;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.chatCatalogFavorite[aria-pressed="true"]{color:var(--amber,#f59e0b)}.chatCatalogFavorite:disabled{opacity:.5;cursor:wait}.chatCatalogFavorite:focus-visible{outline:2px solid var(--green);outline-offset:2px}.chatCatalogMessage>.chatCatalogFavorite{position:absolute;right:0;bottom:0}.chatCatalogTile{position:relative;min-width:0}.chatCatalogTile>.chatCatalogChoice{width:100%;height:100%;padding-top:45px}.chatCatalogTile>.chatCatalogFavorite{position:absolute;right:4px;top:4px}.chatCatalogTabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.chatCatalogTabs [aria-pressed="true"]{border-color:var(--green);color:var(--green2);background:var(--greenSoft)}



/* Reserve the full media slot before catalogue metadata and images arrive. */
.chatCatalogMessage{box-sizing:border-box;width:280px;max-width:100%;height:322px;display:flex;align-items:center;justify-content:center}.chatCatalogMessage>.chatCatalogGif{max-height:280px;max-width:100%;object-fit:contain}

/* The favorite control lives in the message menu; no footer slot is needed. */
.chatScreen .chatCatalogMessage{padding-bottom:0;height:280px}
.chatScreen .chatCatalogMessage:has(>img){height:auto;align-items:flex-start;margin-bottom:2px}