

@keyframes teamPawFadeIn{from{opacity:0}to{opacity:1}}
@keyframes teamPawSlideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes teamPawSpin{to{transform:rotate(360deg)}}

body:has(#team-dashboard) [data-team-paw-overlay],
body:has(#team-dashboard) [data-team-paw-iframe-overlay]{
  position:fixed!important;
  inset:0!important;
  z-index:100000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--aidc-backdrop)!important;
  backdrop-filter:blur(16px)!important;
  animation:teamPawFadeIn .2s ease!important
}

body:has(#team-dashboard) [data-team-paw-overlay] > div,
body:has(#team-dashboard) [data-team-paw-iframe-overlay] > div{
  position:relative!important;
  background:var(--aidc-bg-modal)!important;
  border:1px solid var(--aidc-border-default)!important;
  border-radius:20px!important;
  padding:28px 24px 24px!important;
  box-shadow:var(--aidc-shadow-modal)!important;
  color:var(--aidc-text-primary)!important;
  animation:teamPawSlideUp .25s ease!important
}

body:has(#team-dashboard) [data-team-paw-overlay] > div{
  max-width:440px!important;
  width:92vw!important
}

body:has(#team-dashboard) [data-team-paw-iframe-overlay] > div{
  max-width:520px!important;
  width:96vw!important
}

body:has(#team-dashboard) [data-team-paw-overlay] > div > div:first-child,
body:has(#team-dashboard) [data-team-paw-iframe-overlay] > div > div:first-child{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:16px!important
}

body:has(#team-dashboard) [data-team-paw-overlay] > div > div:first-child > div > div:first-child,
body:has(#team-dashboard) [data-team-paw-iframe-overlay] > div > div:first-child > div > div:first-child{
  color:var(--aidc-text-primary)!important
}

body:has(#team-dashboard) [data-team-paw-overlay] > div > div:first-child > div > div:nth-child(2),
body:has(#team-dashboard) [data-team-paw-iframe-overlay] > div > div:first-child > div > div:nth-child(2){
  color:var(--aidc-text-muted)!important
}

body:has(#team-dashboard) [data-team-paw-overlay] button,
body:has(#team-dashboard) [data-team-paw-iframe-overlay] button{
  background:var(--aidc-btn-secondary-bg)!important;
  border:1px solid var(--aidc-border-default)!important;
  color:var(--aidc-text-secondary)!important
}

body:has(#team-dashboard) [data-team-paw-overlay] button:hover,
body:has(#team-dashboard) [data-team-paw-overlay] button:focus-visible,
body:has(#team-dashboard) [data-team-paw-iframe-overlay] button:hover,
body:has(#team-dashboard) [data-team-paw-iframe-overlay] button:focus-visible{
  background:var(--aidc-btn-secondary-bg-hover)!important;
  border-color:var(--aidc-border-strong)!important;
  color:var(--aidc-text-primary)!important;
  outline:none
}

body:has(#team-dashboard) [data-team-paw-overlay] button svg path,
body:has(#team-dashboard) [data-team-paw-iframe-overlay] button svg path{
  stroke:currentColor!important
}

body:has(#team-dashboard) [data-team-paw-overlay] [id^="team-paw-payment-form-"]{
  border-radius:12px!important;
  overflow:hidden!important;
  min-height:220px!important
}

body:has(#team-dashboard) [data-team-paw-iframe-overlay] > div > div:nth-child(2){
  border-radius:12px!important;
  overflow:hidden!important;
  background:var(--aidc-text-inverse)!important;
  min-height:480px!important;
  position:relative!important
}

body:has(#team-dashboard) [data-team-paw-iframe-overlay] iframe{
  width:100%!important;
  min-height:480px!important;
  height:560px!important;
  border:none!important;
  display:block!important;
  position:relative!important;
  z-index:1!important
}

body:has(#team-dashboard) [data-team-paw-overlay] > div > div:last-child:not(:first-child),
body:has(#team-dashboard) [data-team-paw-iframe-overlay] > div > div:last-child:not(:first-child){
  color:var(--aidc-amber-500)!important
}

body:has(#team-dashboard) [data-team-paw-iframe-overlay] > div > div:nth-child(2) > div{
  background:color-mix(in srgb,var(--aidc-text-inverse) 96%,var(--aidc-violet-500) 4%)!important
}

body:has(#team-dashboard) [data-team-paw-iframe-overlay] > div > div:nth-child(2) > div > div > div:first-child{
  border-color:color-mix(in srgb,var(--aidc-violet-500) 22%,var(--aidc-border-default))!important;
  border-top-color:var(--aidc-violet-500)!important;
  animation:teamPawSpin .8s linear infinite!important
}

body:has(#team-dashboard) [data-team-paw-iframe-overlay] > div > div:nth-child(2) > div > div > div:last-child{
  color:var(--aidc-text-muted)!important
}
