/* Logo cards only. Existing images are scaled for display, not re-encoded.
   Center the complete logo/actions/domain stack, not the logo by itself.
   Keep site.css (including owner-customized button transparency) untouched. */
.site-grid.logo-grid.logo-detail-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.site-card.logo-card.logo-detail-card{display:flex;align-items:center;justify-content:center;min-height:150px;padding:18px 11px;border-radius:18px;align-self:start}
.logo-detail-card .logo-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;color:inherit}
.logo-detail-card .logo-card-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit;border-radius:10px}
.logo-detail-card .logo-card-content .logo-well{width:48px;height:48px;flex-shrink:0;border-radius:10px}
.logo-detail-card .logo-card-content .logo-well img{width:48px;height:48px;max-width:48px;max-height:48px;object-fit:contain}
.logo-detail-card .logo-card-content .fallback-logo{width:48px;height:48px;font-size:22px}
.logo-detail-card .preview-actions{position:static;inset:auto;justify-content:center;flex-shrink:0;z-index:1}
.logo-detail-card .logo-card-domain{display:block;width:100%;max-width:100%;min-width:0;color:inherit;border-radius:3px}
.logo-detail-card .logo-card-content .site-domain{width:100%;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.logo-detail-card .logo-card-logo:focus-visible,.logo-detail-card .logo-card-domain:focus-visible{outline-offset:2px}
@media(max-width:1100px){.site-grid.logo-grid.logo-detail-grid{gap:13px}}
@media(max-width:1023px){.site-grid.logo-grid.logo-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.site-grid.logo-grid.logo-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.site-card.logo-card.logo-detail-card{border-radius:16px;padding-inline:9px}}