/* Integration brand presentation. Logos are used only from verified official sources. */
.integration-card ul{gap:5px}
.integration-brand{min-height:26px;padding:5px 7px;border:1px solid #e7ebf4;border-radius:7px;background:#f8faff;display:flex;align-items:center;gap:7px;color:#343b54;font-size:10.5px;line-height:1.15;font-weight:650}
.integration-brand::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#6f7fe5;box-shadow:0 0 0 3px rgba(111,127,229,.09)}
.integration-brand:first-child{background:#f4f7ff;border-color:#dfe5f5;color:#222b48;font-weight:800}
.integration-brand--amo{position:relative;justify-content:flex-start;overflow:hidden;background:#f1fbff;border-color:#d8edf6}
.integration-brand--amo::before{display:none}
/* Official amoCRM source is supplied as a square press asset. Keep original paths and crop the wordmark with CSS. */
.integration-brand--amo img{position:absolute;display:block;width:125px;height:125px;max-width:none;left:-16px;top:-49px;object-fit:contain}
.integration-brand--moysklad{background:#f3f8ff;border-color:#dbe8fb;color:#2855af;font-weight:800}
.integration-brand--moysklad::before{display:none}
.integration-brand--moysklad svg{display:block;width:19px;height:19px;flex:0 0 19px}
.integrations-panel__action{display:inline-flex;align-items:center;gap:7px;margin-top:12px}
.integrations-panel__action svg{width:14px}

@media(min-width:1241px){
  .integration-card{min-height:132px}
  .integration-card h3{margin-bottom:7px}
  .integration-brand{min-height:27px;font-size:10.5px}
}

@media(max-width:640px){
  .integration-brand{min-height:30px;font-size:11px;padding:6px 7px}
  .integration-brand--amo img{width:132px;height:132px;left:-17px;top:-51px}
  .integration-brand--moysklad svg{width:20px;height:20px;flex-basis:20px}
  .integrations-panel__action{margin-top:14px}
}