/* Final mobile cleanup — this file is intentionally loaded last. */

/* One logo only. Kill every legacy pseudo-mark, including the highly-specific ones
   from connections-premium.css and connections-brand-boost.css. */
.ldp-dark-shell:has(> header + section) > section > .mt-7.space-y-3 > .ldp-provider-card > div > div:first-child > .ldp-provider-icon-tile::before,
.ldp-dark-shell:has(> header + section) > section > .mt-7.space-y-3 > .ldp-provider-card > div > div:first-child > .ldp-provider-icon-tile::after,
.ldp-dark-shell:has(> header + section) > section > .mt-7.space-y-3 > div:nth-child(1) > div > div:first-child > div:first-child::before,
.ldp-dark-shell:has(> header + section) > section > .mt-7.space-y-3 > div:nth-child(1) > div > div:first-child > div:first-child::after,
.ldp-dark-shell:has(> header + section) > section > .mt-7.space-y-3 > div:nth-child(2) > div > div:first-child > div:first-child::before,
.ldp-dark-shell:has(> header + section) > section > .mt-7.space-y-3 > div:nth-child(2) > div > div:first-child > div:first-child::after,
.ldp-dark-shell:has(> header + section) > section > .mt-7.space-y-3 > div:nth-child(3) > div > div:first-child > div:first-child::before,
.ldp-dark-shell:has(> header + section) > section > .mt-7.space-y-3 > div:nth-child(3) > div > div:first-child > div:first-child::after,
.ldp-dark-shell:has(> header + section) > section > .mt-7.space-y-3 > div:nth-child(4) > div > div:first-child > div:first-child::before,
.ldp-dark-shell:has(> header + section) > section > .mt-7.space-y-3 > div:nth-child(4) > div > div:first-child > div:first-child::after,
.ldp-dark-shell:has(> header + section) > section > .mt-7.space-y-3 > div:nth-child(5) > div > div:first-child > div:first-child::before,
.ldp-dark-shell:has(> header + section) > section > .mt-7.space-y-3 > div:nth-child(5) > div > div:first-child > div:first-child::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  background:none!important;
  box-shadow:none!important;
}

.ldp-provider-icon-tile svg{display:none!important}
.ldp-provider-icon-tile{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  padding:8px!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid #E5EAF0!important;
  box-shadow:none!important;
}
.ldp-provider-icon-tile .ldp-provider-logo,
.ldp-provider-icon-tile img{
  display:block!important;
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  object-fit:contain!important;
  filter:none!important;
}
.ldp-provider-card[data-provider="github"] .ldp-provider-icon-tile{background:#fff!important;border-color:#D9DEE6!important}
.ldp-provider-card[data-provider="supabase"] .ldp-provider-icon-tile{background:#F1FFF8!important;border-color:#CBEFDC!important}
.ldp-provider-card[data-provider="openai"] .ldp-provider-icon-tile{background:#fff!important;border-color:#DDE3E8!important}
.ldp-provider-card[data-provider="anthropic"] .ldp-provider-icon-tile{background:#FFF7F3!important;border-color:#F3D8CD!important}
.ldp-provider-card[data-provider="gemini"] .ldp-provider-icon-tile{background:#F7F8FF!important;border-color:#DDE2FF!important}

/* Remove the extra Brazil strip inside the card group. */
.ldp-dark-shell:has(> header + section) > section > .mt-7.space-y-3::after{
  content:none!important;
  display:none!important;
}

/* Cleaner connection area. */
.ldp-dark-shell:has(> header + section) > section{
  max-width:820px!important;
}
.ldp-dark-shell:has(> header + section) > section > .mt-7.space-y-3{
  padding:12px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 18px 44px rgba(17,72,52,.10)!important;
  backdrop-filter:blur(14px)!important;
}
.ldp-provider-card{
  min-height:76px!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 5px 15px rgba(15,39,68,.055)!important;
}
.ldp-provider-card:hover{
  transform:none!important;
  box-shadow:0 8px 22px rgba(15,39,68,.08)!important;
}
.ldp-provider-card > div{
  padding:14px 16px!important;
  gap:14px!important;
}
.ldp-provider-card > div > div:first-child{
  min-width:0!important;
  gap:12px!important;
}
.ldp-provider-card > div > div:first-child > div:nth-child(2){
  min-width:0!important;
}
.ldp-provider-card > div > div:first-child > div:nth-child(2) > div:first-child{
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:800!important;
  color:#10233F!important;
}
.ldp-provider-card > div > div:first-child > div:nth-child(2) > div:nth-child(2){
  margin-top:4px!important;
  font-size:10px!important;
  line-height:1.35!important;
  color:#77859A!important;
}
.ldp-provider-card button{
  flex:0 0 auto!important;
  min-width:108px!important;
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:11px!important;
  background:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

/* Soften the oversized decorative green shape on Connections only. */
.ldp-dark-shell:has(> header + section)::before{
  inset:auto -12% -34% -8%!important;
  height:44%!important;
  opacity:.88!important;
  box-shadow:0 -7px 0 rgba(255,210,16,.48)!important;
}
.ldp-dark-shell:has(> header + section)::after{
  opacity:.045!important;
}

@media (max-width:768px){
  /* Dashboard: one primary CTA only. */
  .ldp-dashboard-topbar{
    min-height:82px!important;
    padding:7px 10px!important;
    gap:5px!important;
  }
  .ldp-dashboard-topbar > div:first-child{min-height:34px!important}
  .ldp-dashboard-topbar .ldp-tagline{display:none!important}
  .ldp-dashboard-topbar > div:last-child button:first-child{display:none!important}
  .ldp-dashboard-topbar > div:last-child{
    width:100%!important;
    justify-content:center!important;
    gap:6px!important;
  }
  .ldp-dashboard-topbar > div:last-child button:nth-child(2){min-width:100px!important;justify-content:center!important}
  .ldp-dashboard-surface{min-height:calc(100vh - 82px)!important;padding:9px!important}
  .ldp-dashboard-panel{min-height:calc(100vh - 100px)!important;padding:14px!important;border-radius:18px!important}
  .ldp-dashboard-panel > div:first-child > div:last-child{margin-top:0!important}
  .ldp-dashboard-panel > div:first-child > div:last-child button{min-height:42px!important}
  .ldp-dashboard-panel .mt-6.flex{margin-top:15px!important;gap:9px!important}
  .ldp-dashboard-panel .mt-6.flex > div:last-child{overflow-x:auto!important;scrollbar-width:none}
  .ldp-dashboard-panel .mt-6.flex > div:last-child::-webkit-scrollbar{display:none}

  /* Connections header. */
  .ldp-connections-screen > header,
  .ldp-dark-shell:has(> header + section) > header{
    min-height:60px!important;
    padding:8px 12px!important;
  }
  .ldp-connections-screen > header .ldp-tagline,
  .ldp-dark-shell:has(> header + section) > header .ldp-tagline{display:none!important}
  .ldp-connections-screen > header > div:last-child,
  .ldp-dark-shell:has(> header + section) > header > div:last-child{width:176px!important}
  .ldp-connections-screen > header .ldp-brand-icon,
  .ldp-dark-shell:has(> header + section) > header .ldp-brand-icon{width:31px!important;height:31px!important}
  .ldp-connections-screen > header .ldp-workspace-name,
  .ldp-dark-shell:has(> header + section) > header .ldp-workspace-name{font-size:11px!important;white-space:nowrap!important}

  .ldp-dark-shell:has(> header + section) > section{
    width:100%!important;
    max-width:520px!important;
    padding:18px 14px 26px!important;
  }
  .ldp-dark-shell:has(> header + section) > section > div:first-child h1{
    font-size:24px!important;
    line-height:1.12!important;
  }
  .ldp-dark-shell:has(> header + section) > section > div:first-child p{
    max-width:430px!important;
    font-size:11px!important;
    line-height:1.55!important;
  }
  .ldp-dark-shell:has(> header + section) > section > .mt-7.space-y-3{
    margin-top:16px!important;
    padding:8px!important;
    border-radius:20px!important;
  }
  .ldp-provider-card{
    min-height:72px!important;
    border-radius:15px!important;
  }
  .ldp-provider-card > div{
    padding:12px!important;
    gap:10px!important;
  }
  .ldp-provider-card > div > div:first-child{gap:10px!important}
  .ldp-provider-icon-tile{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
    padding:7px!important;
    border-radius:13px!important;
  }
  .ldp-provider-icon-tile .ldp-provider-logo,
  .ldp-provider-icon-tile img{
    width:28px!important;
    height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
  }
  .ldp-provider-card > div > div:first-child > div:nth-child(2) > div:first-child{font-size:12px!important}
  .ldp-provider-card > div > div:first-child > div:nth-child(2) > div:nth-child(2){font-size:9px!important}
  .ldp-provider-card button{
    min-width:92px!important;
    min-height:38px!important;
    padding:0 10px!important;
    font-size:9px!important;
  }
}

@media (max-width:390px){
  .ldp-dark-shell:has(> header + section) > section{padding-left:10px!important;padding-right:10px!important}
  .ldp-provider-card > div{padding:10px!important;gap:8px!important}
  .ldp-provider-card > div > div:first-child{gap:8px!important}
  .ldp-provider-icon-tile{width:40px!important;height:40px!important;flex-basis:40px!important;padding:6px!important}
  .ldp-provider-icon-tile .ldp-provider-logo,.ldp-provider-icon-tile img{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important}
  .ldp-provider-card button{min-width:82px!important;padding:0 8px!important;font-size:8.5px!important}
}