/* settings/integrations/list measured 2026-10-30.
   Reuses the mechanics card/grid and integration status; only variant differences here. */
.gmb-showcase-page { padding: 7px 10px 12px; }
.gmb-showcase-page > .gmb-breadcrumbs { margin: 0 0 16px; padding: 8px 0; gap: 5px; font: 400 13px/17px var(--gmb-font-heading); color: #858585; }
.gmb-showcase { display: flex; flex-direction: column; min-width: 0; }
.gmb-showcase .gmb-integration__status { display: flex; }
.gmb-showcase__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.gmb-mechanic--integration { min-height: 100px; color: #2b3134; transition: box-shadow .2s linear; }
.gmb-mechanic--integration:hover { box-shadow: 0 0 10px rgb(0 0 0 / 10%); }
.gmb-mechanic--integration .gmb-mechanic__icon { width: 64px; height: auto; max-height: 100px; object-fit: contain; }
.gmb-mechanic--integration .gmb-mechanic__body { flex: 1; gap: 0; }
.gmb-mechanic--integration .gmb-mechanic__title { margin: 0 0 7px; padding: 0; font: 700 16px/20px var(--gmb-font-body); }
.gmb-mechanic--integration .gmb-mechanic__title a:hover { color: inherit; text-decoration: none; }
.gmb-mechanic--integration .gmb-mechanic__description { color: #585858; font: 300 13px/16px var(--gmb-font-body); }
.gmb-mechanic--integration .gmb-integration__status { position: absolute; top: 10px; right: 10px; pointer-events: none; }
.gmb-showcase-scanner { position: relative; margin: 35px 0; padding: 20px 20px 20px 100px; border: 1px solid #ccc; border-radius: 8px; background: #fff; }
.gmb-showcase-scanner::before { position: absolute; bottom: 11px; left: 15px; width: 63px; height: 127px; background: url('./assets/integration-scanner.png') no-repeat; content: ''; }
.gmb-showcase-scanner__title { margin: 0 0 10px; font: 700 16px/20px var(--gmb-font-body); }
.gmb-showcase-scanner__content { display: flex; align-items: center; }
.gmb-showcase-scanner__content p { margin: 0 auto 0 0; font: 300 14px/16px var(--gmb-font-body); }
.gmb-showcase-scanner .gmb-button { flex-shrink: 0; margin-left: 20px; min-width: 107px; }
.gmb-showcase-scanner .gmb-button:hover { color: white; text-decoration: none; }
dialog.gmb-showcase-dialog { padding: 0; border: 0; color: var(--gmb-color-text); }
.gmb-showcase-dialog::backdrop { background: rgb(0 0 0 / 46%); }
.gmb-showcase-dialog__summary { display: flex; align-items: center; gap: 16px; }
.gmb-showcase-dialog__summary img { width: 64px; height: auto; max-height: 100px; object-fit: contain; }
.gmb-showcase-dialog__summary p { margin: 0; }
.gmb-showcase-dialog__summary .gmb-integration__status { margin-top: 12px; }
.gmb-showcase-dialog .gmb-field__hint { margin-top: 20px; }
@media (max-width: 767px) { .gmb-showcase__grid { grid-template-columns: minmax(0,1fr); row-gap: 15px; } }
@media (max-width: 600px) {
  .gmb-showcase-scanner::before { top: 0; bottom: 0; margin: auto; }
  .gmb-showcase-scanner__content { flex-direction: column; align-items: stretch; }
  .gmb-showcase-scanner .gmb-button { margin: 10px 0 0; }
}
@media (max-width: 500px) {
  .gmb-showcase-scanner::before { top: 15px; bottom: auto; margin: 0; }
  .gmb-mechanic--integration { padding-top: 36px; }
}
@media (prefers-reduced-motion: reduce) { .gmb-mechanic--integration { transition: none; } }