/* Shared close control for profile, subscription, review and notification dialogs. */
body{--daystaff-close-ink:#25303b}
html body :is(dialog,#mission-dialog) :is(.close-dialog,.staff-close,.subscription-close,.notification-close,dialog button[aria-label^="Fermer"]):not(.menu){position:relative;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;margin:0!important;border:1px solid #e4e9ee!important;border-radius:50%!important;background:rgba(255,255,255,.95)!important;background-image:none!important;color:var(--daystaff-close-ink)!important;font-size:0!important;line-height:1!important;box-shadow:0 2px 8px #0e243b0a!important;outline:none!important;cursor:pointer;transform:none!important;transition:background .15s,border-color .15s,color .15s}
html body :is(dialog,#mission-dialog) :is(.close-dialog,.staff-close,.subscription-close,.notification-close,dialog button[aria-label^="Fermer"]):not(.menu)::before,html body :is(dialog,#mission-dialog) :is(.close-dialog,.staff-close,.subscription-close,.notification-close,dialog button[aria-label^="Fermer"]):not(.menu)::after{content:"";position:absolute;left:50%;top:50%;width:15px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}
html body :is(dialog,#mission-dialog) :is(.close-dialog,.staff-close,.subscription-close,.notification-close,dialog button[aria-label^="Fermer"]):not(.menu)::after{transform:translate(-50%,-50%) rotate(-45deg)}
html body :is(dialog,#mission-dialog) :is(.close-dialog,.staff-close,.subscription-close,.notification-close,dialog button[aria-label^="Fermer"]):not(.menu):hover{background:#edf5fb!important;border-color:#d2e1ef!important;color:#0768ad!important}
html body :is(dialog,#mission-dialog) :is(.close-dialog,.staff-close,.subscription-close,.notification-close,dialog button[aria-label^="Fermer"]):not(.menu):focus-visible{outline:2px solid #176eaf!important;outline-offset:3px!important;box-shadow:none!important}
body dialog>.staff-close,body dialog>.close-dialog,body dialog>button[aria-label^="Fermer"]{float:right!important;z-index:20}
body .subscription-close{position:absolute!important;top:14px;right:14px}
body .notification-close{position:relative!important}
@media(prefers-reduced-motion:reduce){html body :is(dialog,#mission-dialog) :is(.close-dialog,.staff-close,.subscription-close,.notification-close){transition:none}}