/* Final cleanup for the Connections screen. Loaded last on purpose. */
.ldp-connections-clean .ldp-provider-icon-clean::before,
.ldp-connections-clean .ldp-provider-icon-clean::after,
.ldp-connections-clean .ldp-provider-card-clean > div > div:first-child > div:first-child::before,
.ldp-connections-clean .ldp-provider-card-clean > div > div:first-child > div:first-child::after,
.ldp-connections-clean .ldp-provider-card-clean svg{
  content:none!important;
  display:none!important;
}

.ldp-connections-clean .ldp-provider-card-clean{
  min-height:74px!important;
  padding:14px 16px!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(17,39,68,.07)!important;
}

.ldp-connections-clean .ldp-provider-card-clean[data-provider="github"]{border-color:rgba(17,24,39,.20)!important;box-shadow:inset 3px 0 0 #171B22,0 10px 28px rgba(17,24,39,.06)!important}
.ldp-connections-clean .ldp-provider-card-clean[data-provider="supabase"]{border-color:rgba(62,207,142,.24)!important;box-shadow:inset 3px 0 0 #3ECF8E,0 10px 28px rgba(62,207,142,.08)!important}
.ldp-connections-clean .ldp-provider-card-clean[data-provider="openai"]{border-color:rgba(17,17,17,.14)!important;box-shadow:inset 3px 0 0 #111,0 10px 28px rgba(17,17,17,.05)!important}
.ldp-connections-clean .ldp-provider-card-clean[data-provider="anthropic"]{border-color:rgba(217,119,87,.24)!important;box-shadow:inset 3px 0 0 #D97757,0 10px 28px rgba(217,119,87,.08)!important}
.ldp-connections-clean .ldp-provider-card-clean[data-provider="gemini"]{border-color:rgba(75,107,251,.22)!important;box-shadow:inset 3px 0 0 #4B6BFB,0 10px 28px rgba(75,107,251,.08)!important}

.ldp-connections-clean .ldp-provider-icon-clean{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  flex:0 0 42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px!important;
  border:1px solid #E4EAF2!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.ldp-connections-clean .ldp-provider-icon-clean img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}

.ldp-connections-clean .ldp-provider-card-clean[data-provider="github"] .ldp-provider-icon-clean{
  padding:3px!important;
  background:#fff!important;
  border-color:#E2E5E9!important;
}

/* Supabase artwork fills almost the entire source canvas, so give it its own roomy frame. */
.ldp-connections-clean .ldp-provider-card-clean[data-provider="supabase"] .ldp-provider-icon-clean{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  flex-basis:46px!important;
  padding:2px!important;
  overflow:visible!important;
  background:#F1FFF8!important;
  border-color:#CBEFDC!important;
}
.ldp-connections-clean .ldp-provider-card-clean[data-provider="supabase"] .ldp-provider-icon-clean img{
  width:38px!important;
  height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  object-fit:contain!important;
  object-position:center!important;
}

.ldp-connections-clean .ldp-provider-card-clean > div{
  padding:0!important;
  gap:12px!important;
}

.ldp-connections-clean .ldp-provider-card-clean > div > div:first-child{
  gap:11px!important;
  min-width:0!important;
}

.ldp-connections-clean .ldp-provider-card-clean > div > div:first-child > div:nth-child(2) > div:first-child{
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
  color:#10233F!important;
}

.ldp-connections-clean .ldp-provider-card-clean > div > div:first-child > div:nth-child(2) > div:first-child::after{
  content:none!important;
  display:none!important;
}

.ldp-connections-clean .ldp-provider-card-clean > div > div:first-child > div:nth-child(2) > div:nth-child(2){
  margin-top:4px!important;
  font-size:9.5px!important;
  line-height:1.35!important;
  color:#738198!important;
}

.ldp-connections-clean .ldp-provider-card-clean button{
  min-width:98px!important;
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:800!important;
}

.ldp-connections-clean > section > .mt-7.space-y-3::after{
  content:none!important;
  display:none!important;
}

@media (max-width:720px){
  .ldp-connections-clean > section{
    padding:18px 10px 24px!important;
  }
  .ldp-connections-clean > section > .mt-7.space-y-3{
    margin-top:16px!important;
    padding:7px!important;
    border-radius:20px!important;
  }
  .ldp-connections-clean .ldp-provider-card-clean{
    min-height:70px!important;
    padding:12px!important;
    border-radius:15px!important;
  }
  .ldp-connections-clean .ldp-provider-icon-clean{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    flex-basis:38px!important;
    padding:6px!important;
    border-radius:11px!important;
  }
  .ldp-connections-clean .ldp-provider-card-clean[data-provider="supabase"] .ldp-provider-icon-clean{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex-basis:42px!important;
    padding:2px!important;
  }
  .ldp-connections-clean .ldp-provider-card-clean[data-provider="supabase"] .ldp-provider-icon-clean img{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
  }
  .ldp-connections-clean .ldp-provider-card-clean > div{
    gap:8px!important;
  }
  .ldp-connections-clean .ldp-provider-card-clean > div > div:first-child{
    gap:9px!important;
  }
  .ldp-connections-clean .ldp-provider-card-clean > div > div:first-child > div:nth-child(2) > div:first-child{
    font-size:12px!important;
  }
  .ldp-connections-clean .ldp-provider-card-clean > div > div:first-child > div:nth-child(2) > div:nth-child(2){
    font-size:8.5px!important;
  }
  .ldp-connections-clean .ldp-provider-card-clean button{
    min-width:82px!important;
    min-height:36px!important;
    padding:0 9px!important;
    font-size:9px!important;
  }
}

@media (max-width:380px){
  .ldp-connections-clean .ldp-provider-card-clean{
    padding:10px!important;
  }
  .ldp-connections-clean .ldp-provider-icon-clean{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex-basis:36px!important;
  }
  .ldp-connections-clean .ldp-provider-card-clean[data-provider="supabase"] .ldp-provider-icon-clean{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex-basis:40px!important;
  }
  .ldp-connections-clean .ldp-provider-card-clean[data-provider="supabase"] .ldp-provider-icon-clean img{
    width:32px!important;
    height:32px!important;
    max-width:32px!important;
    max-height:32px!important;
  }
  .ldp-connections-clean .ldp-provider-card-clean button{
    min-width:76px!important;
    padding:0 8px!important;
  }
}