﻿/* Messages panel: my cards that match the other person's wishlist (U2). */
.chat-panel-tabs{display:flex;gap:6px;margin:0 0 10px}
.chat-panel-tabs button{flex:1;min-height:44px;border-radius:999px;font-size:13px;font-weight:600;padding:6px 10px;background:#07263a;border:1px solid #43d7f466;color:#dffafc}
.chat-panel-tabs button[aria-selected=true]{background:#0b756f;border-color:#27e1d1;box-shadow:var(--cb-glow-active,0 0 14px #27e1d155)}
.chat-match-list{display:grid;gap:12px}
.chat-match{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:10px;border-radius:16px;background:linear-gradient(170deg,#0b2742f0,#041223f5);border:1px solid #43d7f455}
.chat-match-art{display:block;aspect-ratio:5/7;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #43d7f477,0 0 18px #27e1d133}
.chat-match-art img,.chat-match-art .no-image{width:100%;height:100%;object-fit:contain}
.chat-match-info{min-width:0;display:grid;gap:3px;align-content:start}
.chat-match-info strong{font-size:15px;overflow-wrap:anywhere}.chat-match-info small{color:#afcbd6}
.chat-match-rank{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7ee9df}
.chat-match-level{justify-self:start;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid #43d7f488;color:#dffafc}
.chat-match-level.level-exact_version{background:#0b756f;border-color:#27e1d1;color:#e6fffb}
.chat-match-level.level-same_pokemon{border-style:dashed}
.chat-match .compact-value{display:flex;justify-content:space-between;gap:5px;margin:3px 0 0;padding:2px 6px;border-radius:6px}
.chat-match-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chat-match-actions button{flex:1 1 110px;min-height:44px;border-radius:999px;font-size:12px;font-weight:600;background:#07263a;border-color:#43d7f466}
.chat-match-actions button:first-child{background:#0b756f;color:#e6fffb}
.chat-match-empty{padding:10px;border:1px dashed #43d7f466;border-radius:12px}.chat-match-empty ol{margin:6px 0 0;padding-left:22px}
@media(max-width:1099px){.page-club .chat-collection{max-height:none}.chat-match-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}
