.feedLostDogAlertChip{
  position:relative;
}
.feedLostDogAlertChip.hasNew{
  border-color:rgba(239,68,68,.42);
  background:#fff7f7;
  color:#b91c1c;
}
.feedLostDogAlertChip.hasNew .feedLostDogAlertIcon{
  display:inline-flex;
  transform-origin:50% 20%;
  animation:dgLostDogShake .72s ease-in-out infinite;
}
.lostDogNewBadge{
  position:absolute;
  top:-8px;
  right:-6px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#ef4444;
  color:#fff;
  font-size:11px;
  font-weight:950;
  line-height:1;
  box-shadow:0 6px 14px rgba(239,68,68,.28);
}
@keyframes dgLostDogShake{
  0%,100%{transform:rotate(0deg)}
  18%{transform:rotate(-14deg)}
  36%{transform:rotate(12deg)}
  54%{transform:rotate(-9deg)}
  72%{transform:rotate(7deg)}
}
.feedMainDogCard .feedMainDogPhoto{
  cursor:default!important;
}
.feedDogsSectionHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:14px 0 10px;
}
.feedDogsSectionHead .sectionTitle{
  margin:0!important;
}
.feedDogsAddTopBtn{
  flex:0 0 auto;
  min-width:0!important;
  height:34px;
  padding:0 13px;
  border-radius:999px;
  border:1px solid rgba(124,92,255,.42);
  background:#fff;
  color:#4f46e5;
  font-weight:900;
  font-size:13px;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 20px rgba(79,70,229,.08);
}
.feedMainDogCardLink{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
.feedMainDogCardLink .feedMainDogPhoto{
  cursor:pointer!important;
}
.dogsFormFooter{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
}
.dogsFormFooter .dogsTips{
  min-width:0;
  margin:0!important;
}
.dogsInlineDeleteBtn{
  flex:0 0 auto!important;
  min-width:76px!important;
  height:34px!important;
  padding:0 12px!important;
  border-color:rgba(239,68,68,.34)!important;
  background:#fff!important;
  color:#dc2626!important;
  font-weight:900!important;
}
.dogManageTop{
  align-items:flex-start!important;
}
.dogManageCard{
  position:relative!important;
}
.dogManageBody{
  padding-right:42px!important;
}
.dogManageThumbWrap{
  width:86px!important;
  height:86px!important;
  flex:0 0 86px!important;
}
.dogsIntroCard .dogsIntroCount{
  display:none!important;
}
.dogManageThumb,
.dogManagePlaceholder{
  width:100%!important;
  height:100%!important;
}
.dogDefaultSwitch{
  position:absolute!important;
  top:20px!important;
  right:16px!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  min-width:0!important;
  width:34px!important;
  height:18px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#64748b!important;
  font-size:0!important;
  font-weight:950!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
  z-index:2!important;
}
.dogDefaultSwitch input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.dogDefaultSwitchText{
  display:none!important;
}
.dogDefaultSwitchTrack{
  position:relative!important;
  width:34px!important;
  height:18px!important;
  border-radius:999px!important;
  background:#e2e8f0!important;
  transition:background .16s ease!important;
}
.dogDefaultSwitchThumb{
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:12px!important;
  height:12px!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 2px 6px rgba(15,23,42,.22)!important;
  transition:left .16s ease!important;
}
.dogDefaultSwitch.isActive{
  border-color:transparent!important;
  color:#4f46e5!important;
  background:transparent!important;
}
.dogDefaultSwitch.isActive .dogDefaultSwitchTrack{
  background:linear-gradient(135deg,#6d5efc,#0ea5e9)!important;
}
.dogDefaultSwitch.isActive .dogDefaultSwitchThumb{
  left:19px!important;
}
.dogRecordFeatureActions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.dogRecordEditBtn{
  border-color:rgba(124,92,255,.42)!important;
  color:#4f46e5!important;
  background:#fff!important;
}
.dogManageMbtiLink{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:5px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.25!important;
  white-space:normal!important;
  word-break:keep-all!important;
}
.dogManageMbtiLink.hasResult{
  border:1px solid rgba(124,92,255,.32)!important;
  background:#f5f3ff!important;
  color:#4f46e5!important;
}
.dogManageMbtiLink.needsTest{
  border:1px solid rgba(14,165,233,.28)!important;
  background:#eff6ff!important;
  color:#0369a1!important;
}
.dogsIntroField .dogsFieldLabel{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.dogsIntroCount{
  flex:0 0 auto!important;
  font-style:normal!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:800!important;
}
.dogsIntroInput{
  width:100%!important;
  min-height:92px!important;
  padding:12px 14px!important;
  line-height:1.45!important;
  resize:vertical!important;
  border-radius:16px!important;
  background:#fff!important;
}
@media (max-width:380px){
  .dogsFormFooter{
    align-items:stretch;
    flex-direction:column;
  }
  .dogsInlineDeleteBtn{
    width:100%!important;
  }
  .dogDefaultSwitch{
    width:32px!important;
    height:17px!important;
    top:18px!important;
    right:14px!important;
  }
  .dogDefaultSwitchTrack{
    width:32px!important;
    height:17px!important;
  }
  .dogDefaultSwitchThumb{
    width:11px!important;
    height:11px!important;
  }
  .dogDefaultSwitch.isActive .dogDefaultSwitchThumb{
    left:18px!important;
  }
  .dogManageThumbWrap{
    width:82px!important;
    height:82px!important;
    flex-basis:82px!important;
  }
  .dogRecordFeatureActions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .dogRecordEditBtn{
    grid-column:1/-1!important;
  }
}
