/* Measured settings/integrations/43. Independent of hashed Vue/Vuetify classes. */
.gmb-integration { color: #2b3134; font: 300 13px/19.5px var(--gmb-font-body); }
.gmb-integration .gmb-breadcrumbs { margin-bottom: 16px; gap: 5px; color: #858585; font: 400 13px/17px var(--gmb-font-heading); }
.gmb-integration__header { display: flex; }
.gmb-integration__logo { display: flex; flex: 0 1 auto; width: 275px; align-items: center; justify-content: center; min-height: 222px; margin-right: 25px; padding: 20px; border: 1px solid #b0bac3; border-radius: 8px; background: #fff; }
.gmb-integration__logo img { display: block; max-width: 180px; max-height: 100%; margin: auto; }
.gmb-integration__info { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; }
.gmb-integration__top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: auto; }
.gmb-integration__title { margin: 0 0 16px; color: #3a3a3a; font: 700 34px/40px var(--gmb-font-heading); }
.gmb-integration__type { margin: -7px 0 0; color: #5b5b5b; font: 300 13px/15px var(--gmb-font-body); }
.gmb-integration__support { text-align: right; }
.gmb-integration__support p { margin: 0 0 11px; font: 300 13px/15px var(--gmb-font-body); }
.gmb-integration__bottom { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; padding-top: 20px; border-top: 1px solid #e4e4e4; }
.gmb-integration__connection { display: flex; align-items: center; }
.gmb-integration__button { flex-shrink: 0; font-weight: 400; }
.gmb-integration__button--large { height: 44px; padding: 0 19.5556px; }
.gmb-integration__button--danger { border: 1px solid #ff5252; background: transparent; color: #ff5252; }
.gmb-integration__button--danger:hover:not(:disabled) { background: rgba(255,82,82,.08); }
.gmb-integration__price { margin-left: 20px; }
.gmb-integration__price p { margin: 4px 0 5px; color: #5b5b5b; font: 300 13px/15px var(--gmb-font-body); }
.gmb-integration__amount { display: flex; align-items: center; gap: 8px; }
.gmb-integration__amount strong { font: 700 22px/27px var(--gmb-font-body); }
.gmb-integration__help { width: 18px; height: 18px; padding: 0; border: 0; background: none; cursor: help; }
.gmb-integration__help img { display: block; width: 18px; height: 18px; }
.gmb-integration__status { display: flex; align-items: center; align-self: flex-start; white-space: nowrap; color: #585858; font: 300 13px/16px var(--gmb-font-body); }
.gmb-integration__status::after { width: 12px; height: 12px; margin-left: 7px; border-radius: 50%; background: #26b99a; content: ''; }
.gmb-integration__status--error::after { background: #d8553a; }
.gmb-integration__status--disconnected::after { background: #c7c7c7; }
.gmb-integration__tabs { display: flex; margin: 20px 0; border-bottom: 1px solid #e4e1e1; }
.gmb-integration__tab { position: relative; margin-right: 20px; padding: 0 0 10px; color: #999; font: 300 14px/16px var(--gmb-font-body); }
.gmb-integration__tab[aria-current] { color: #000; }
.gmb-integration__tab[aria-current]::after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: #e30611; content: ''; }
.gmb-integration__gallery { display: flex; gap: 20px; min-height: 207px; overflow-x: auto; }
.gmb-integration__image { flex-shrink: 0; height: 200px; margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.gmb-integration__image img { display: block; width: auto; max-width: 100%; height: 200px; border: 1px solid #f0f0f0; border-radius: 8px; transition: opacity .2s linear; }
.gmb-integration__image:hover img { opacity: .6; }
.gmb-integration__settings { display: flow-root; margin-top: 20px; }
.gmb-integration__heading { margin: 0 0 4px; font: 700 18px/normal var(--gmb-font-heading); }
.gmb-integration__hint { margin: 0 0 16px; color: #999; font: 400 12px/14px var(--gmb-font-body); }
.gmb-integration__field { margin-bottom: 15px; }
.gmb-integration__label { display: block; margin-bottom: 4px; color: #3a3a3a; font: 700 13px/17px var(--gmb-font-heading); }
.gmb-integration__field-row { display: flex; align-items: flex-start; }
.gmb-integration__input { flex: 1; min-width: 0; height: 36px; padding: 0 6px 0 12px; border: 1px solid #b0bac3; border-radius: 8px; background: #fff; color: #999; font: 500 13px/21px var(--gmb-font-body); }
.gmb-integration__input:hover { border-color: #858c92; }
.gmb-integration__input:focus { outline: 0; border-color: #26b99a; }
.gmb-integration__field-actions { display: flex; flex-shrink: 0; gap: 8px; margin: 0 0 4px 9px; }
.gmb-integration__button[data-integration-copy] { width: 120px; }
.gmb-integration__content { display: flex; flex-direction: column; gap: 16px; margin-top: 20px; padding: 16px; border: 1px solid #cdcdcd; border-radius: 8px; background: #fff; font: 400 13px/17px var(--gmb-font-body); }
.gmb-integration__content-section { display: flex; flex-direction: column; gap: 8px; }
.gmb-integration__content h2 { margin: 0; color: #000; font: 700 18px/normal var(--gmb-font-heading); }
.gmb-integration__features { margin: 0; padding-left: 20px; list-style: disc outside; }
.gmb-integration__instructions { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.gmb-integration__feedback:empty { display: none; }
.gmb-integration__feedback { margin: 8px 0 0; color: #555; font: 400 13px/17px var(--gmb-font-body); }
.gmb-integration__lightbox { max-width: min(90vw,1100px); max-height: 90vh; padding: 16px; border: 0; border-radius: 8px; }
.gmb-integration__lightbox::backdrop { background: rgba(0,0,0,.7); }
.gmb-integration__lightbox img { display: block; max-width: 100%; max-height: 75vh; margin: 12px auto 0; }
@media (max-width: 1000px) { .gmb-integration__field-actions { flex-wrap: wrap; } }
/* Source stacks its key actions at <=991px. */
@media (max-width: 991px) { .gmb-integration__field-row--key { flex-wrap: wrap; } .gmb-integration__field-row--key .gmb-integration__field-actions { flex-basis: 100%; margin: 8px 0 0; } }
@media (max-width: 767px) {
  .gmb-integration__header { flex-direction: column; }
  .gmb-integration__info, .gmb-integration__top { display: contents; }
  .gmb-integration__top > div:first-child { order: -1; margin-bottom: 20px; }
  .gmb-integration__logo { flex-basis: auto; width: 100%; height: 220px; margin: 0 0 25px; }
  .gmb-integration__support { text-align: left; }
  .gmb-integration__bottom { flex-direction: column; align-items: stretch; }
  .gmb-integration__status { display: none; }
  /* Local narrow-iframe adaptation: wrap all action rows, no overflowing keys. */
  .gmb-integration__field-row { flex-wrap: wrap; }
  .gmb-integration__field-actions { flex-basis: 100%; margin: 8px 0 0; }
  .gmb-integration__connection { flex-wrap: wrap; gap: 8px; }
  .gmb-integration__price { margin-left: 12px; }
}