.ibro-visual{border:1px solid #d9e1ec;border-radius:12px;margin:16px 0;padding:14px;min-width:0}
.ibro-visual legend{font-weight:650;padding:0 7px}
.ibro-visual__grid{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:9px}
.ibro-visual__card{appearance:none;background:#fff;border:2px solid transparent;border-radius:12px;cursor:pointer;padding:3px;transition:border-color .15s,transform .15s}
.ibro-visual__card:hover{transform:translateY(-1px)}
.ibro-visual__card:focus-visible{outline:3px solid #75a7ff;outline-offset:2px}
.ibro-visual__card[aria-pressed="true"],.ibro-visual__card.is-selected{position:relative;border-color:#175cd3!important;background:#e8f1ff!important;box-shadow:0 0 0 3px rgba(23,92,211,.28)!important;transform:translateY(-1px)}
.ibro-visual__card[aria-pressed="true"]::after,.ibro-visual__card.is-selected::after{content:'✓';position:absolute;right:5px;top:5px;display:grid;place-items:center;width:25px;height:25px;border:2px solid #fff;border-radius:50%;background:#175cd3;color:#fff;font:bold 17px/1 Arial,sans-serif;box-shadow:0 1px 4px #0005}
.ibro-visual__card img{display:block;height:auto;width:100%}
.ibro-visual__refresh{background:none;border:0;color:#175cd3;cursor:pointer;margin-top:9px;padding:5px}
.ibro-visual__status{font-size:.9rem;margin:0 0 8px}
.ibro-visual__status:empty{display:none}
@media(max-width:420px){.ibro-visual__grid{gap:6px}
}