/* Shrimp Breeder Online – vzhled rozšíření, nezasahuje do stávajícího layoutu */
.sbo-snail-shop{margin-top:18px}
.sbo-snail-shop>select{margin:8px 0 14px;max-width:360px;width:100%}
.sbo-snail-shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.sbo-shop-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;border:1px solid rgba(126,190,185,.3);border-radius:12px;padding:12px;background:rgba(100,170,175,.08)}
.sbo-shop-card img{width:100%;height:104px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
.sbo-shop-card p{margin:0 0 6px;font-size:.92rem;color:inherit;opacity:.8}
.sbo-shop-card button{width:100%;margin-top:auto}
.sbo-status{font-size:.9rem;margin-top:8px;color:#d6f3e8}
.sbo-snail-inventory{margin-top:20px}
.sbo-snail-inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:10px}
.sbo-snail-inventory-item{display:flex;align-items:center;gap:9px;min-width:0;padding:7px 10px;border-radius:9px;background:rgba(128,200,200,.08)}
.sbo-snail-inventory-item img{flex-shrink:0;width:74px;height:45px;object-fit:contain}
.sbo-snail-inventory-item span{font-size:.9rem}
#sbo-snail-visual-layer{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden}
.sbo-moving-snail{position:absolute;width:58px;height:44px;object-fit:contain;transform-origin:center center;will-change:left,top,transform;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
@media(max-width:650px){.sbo-snail-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sbo-shop-card{padding:8px}.sbo-shop-card img{height:80px}.sbo-moving-snail{width:42px;height:32px}}

/* V20: Native catalog unified modal; snails visible above gravel, below shrimp. */
#sbo-snail-visual-layer{z-index:35!important;}
#shop .game-shop-card:has(button) .species-shrimp-image{max-width:100%;}

/* v20.0.4 – šneci mají stejné individuální karty jako krevety. */
#tankShrimpList .sbo-snail-card{display:block;min-width:0}
#tankShrimpList .sbo-snail-card img{display:block;width:100%;height:125px;object-fit:contain}
#tankShrimpList .sbo-snail-card h3{overflow-wrap:anywhere}
#snailDetail .detail-picture img{width:100%;height:auto;max-height:280px;object-fit:contain}
#snailDetail .shrimp-name-editor{margin:12px 0 18px}
#snailDetail #snailActionStatus:not(:empty){margin-top:12px}