/* Fotoğrafın tamamını daire alanına yay; merkezde yazı kullanma. */
:is(#bakim-page-transition,.modal-backdrop,.q4-campaign-modal,.forgot-password-backdrop,.account-settings-backdrop,.inactive-company-backdrop,.vehicle-file-backdrop,.vehicle-history-backdrop,.appointment-modal,.stock-card-backdrop,dialog[open]:not(.header-live-monitor),#pw-root[data-bakim-popup] .pw-window)::before{
  content:''!important;
  width:min(208px,calc((100vw - 28px) * .634),calc((100dvh - 130px) * .634));
  height:min(208px,calc((100vw - 28px) * .634),calc((100dvh - 130px) * .634));
  background:var(--bakim-motion-avatar,url('../kullanici-resmi.php')) center / 100% 100% no-repeat #fff!important;
}
.bakim-motion-caption{position:absolute;top:calc(50% + min(190px,32dvh));left:50%;z-index:2147483647;transform:translateX(-50%);margin:0;padding:4px 16px;border-radius:10px;color:#fff;background:rgba(8,25,43,.85);font:850 30px/1.25 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.035em;white-space:nowrap;text-shadow:0 2px 12px #0008;pointer-events:none;animation:bakim-motion-caption-in 1s ease both}
dialog>.bakim-motion-caption{position:fixed}
@keyframes bakim-motion-caption-in{0%{opacity:0}18%,76%{opacity:1}100%{opacity:0}}
@media(max-width:480px){.bakim-motion-caption{font-size:26px}}
@media(prefers-reduced-motion:reduce){.bakim-motion-caption{display:none!important}}

:is(#bakim-page-transition,.modal-backdrop,.q4-campaign-modal,.forgot-password-backdrop,.account-settings-backdrop,.inactive-company-backdrop,.vehicle-file-backdrop,.vehicle-history-backdrop,.appointment-modal,.stock-card-backdrop,dialog[open]:not(.header-live-monitor),#pw-root[data-bakim-popup] .pw-window)::after{
  width:min(328px,calc(100vw - 28px),calc(100dvh - 130px));
  height:min(328px,calc(100vw - 28px),calc(100dvh - 130px));
}
#bakim-page-transition{position:fixed;inset:0;box-sizing:border-box;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;z-index:2147483647;background:rgba(7,18,33,.84);backdrop-filter:blur(9px);pointer-events:none}
#bakim-page-transition.is-running{display:block;opacity:1;pointer-events:auto}
#bakim-page-transition[hidden]{display:none!important}
#bakim-page-transition::backdrop{background:transparent}
#bakim-page-transition::before{position:absolute;top:50%;left:50%;z-index:2;display:block;border:1px solid #ffffffdd;border-radius:50%;box-shadow:0 0 0 7px #ffffff18,0 0 38px #ffffff70;animation:bakim-profile-center 1s cubic-bezier(.2,.78,.25,1) both}
#bakim-page-transition::after{content:'';position:absolute;top:50%;left:50%;z-index:3;border-radius:50%;background:conic-gradient(from -38deg,transparent 0 5%,#009246 5% 17%,transparent 17% 23%,#f4f5f0 23% 36%,transparent 36% 42%,#ce2b37 42% 56%,transparent 56% 63%,#009246 63% 76%,transparent 76% 82%,#ce2b37 82% 96%,transparent 96%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px));mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px));animation:bakim-profile-orbit 1s cubic-bezier(.2,.78,.25,1) both;pointer-events:none}
@keyframes bakim-profile-center{0%{opacity:0;transform:translate(-50%,-50%) scale(.48)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}76%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.82)}}
@keyframes bakim-profile-orbit{0%{opacity:0;transform:translate(-50%,-50%) scale(.48) rotate(-38deg)}16%{opacity:1}62%{opacity:1;transform:translate(-50%,-50%) scale(1.04) rotate(230deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(.92) rotate(340deg)}}
.bakim-motion-active :is(.modal-backdrop,.q4-campaign-modal,.forgot-password-backdrop,.account-settings-backdrop,.inactive-company-backdrop,.vehicle-file-backdrop,.vehicle-history-backdrop,.appointment-modal,.stock-card-backdrop,dialog,#pw-root .pw-window)::before,
.bakim-motion-active :is(.modal-backdrop,.q4-campaign-modal,.forgot-password-backdrop,.account-settings-backdrop,.inactive-company-backdrop,.vehicle-file-backdrop,.vehicle-history-backdrop,.appointment-modal,.stock-card-backdrop,dialog,#pw-root .pw-window)::after,
.bakim-motion-active .bakim-motion-caption{visibility:hidden}
.bakim-motion-active #bakim-page-transition>.bakim-motion-caption{visibility:visible}
@media(prefers-reduced-motion:reduce){#bakim-page-transition.is-running{display:none!important}}