/* Sign-out confirm — native-style alert (admin + app; Bootstrap-safe buttons) */



.admin-shell-modal.edoor-logout-modal {

  align-items: center;

  justify-content: center;

  max-width: none;

}



.edoor-logout-modal {

  z-index: 2110;

  display: none;

  align-items: center;

  justify-content: center;

  padding: max(20px, env(safe-area-inset-top, 0px)) 18px max(20px, env(safe-area-inset-bottom, 0px));

  box-sizing: border-box;

  background: rgba(18, 18, 20, 0.45);

  backdrop-filter: blur(10px) saturate(1.15);

  -webkit-backdrop-filter: blur(10px) saturate(1.15);

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.32s cubic-bezier(0.22, 1, 0.36, 1);

}



.edoor-logout-modal:not(.hidden) {

  display: flex;

}



.edoor-logout-modal.is-open {

  opacity: 1;

  pointer-events: auto;

}



.shell-modal.edoor-logout-modal,

.app-overlays .edoor-logout-modal {

  position: fixed;

  inset: 0;

  width: 100%;

  max-width: none;

  margin: 0;

  align-items: center;

  justify-content: center;

  padding: max(24px, env(safe-area-inset-top, 0px)) 18px max(24px, env(safe-area-inset-bottom, 0px));

  background: rgba(18, 18, 20, 0.48);

  z-index: 480;

}



.shell-modal.edoor-logout-modal.hidden,

.app-overlays .edoor-logout-modal.hidden {

  display: none !important;

}



.edoor-logout-modal .edoor-logout-panel {

  position: relative;

  left: auto;

  bottom: auto;

  border-radius: 24px;

  max-height: min(calc(100dvh - 48px), 440px);

  width: 100%;

  max-width: 320px;

  margin: 0 auto;

  padding: 26px 20px calc(20px + env(safe-area-inset-bottom, 0px));

  text-align: center;

  background: linear-gradient(180deg, #ffffff 0%, #fff9f5 100%);

  border: 1px solid rgba(255, 255, 255, 0.85);

  box-shadow:

    0 0 0 1px rgba(246, 36, 64, 0.08),

    0 28px 70px rgba(15, 23, 42, 0.28);

  transform: scale(0.88) translateY(16px);

  opacity: 0;

  filter: blur(2px);

  transition:

    transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),

    opacity 0.32s ease,

    filter 0.32s ease;

  overflow: visible;

}



.edoor-logout-modal.is-open .edoor-logout-panel,

.shell-modal.edoor-logout-modal.is-open .sheet-modal.edoor-logout-panel,

.edoor-logout-modal.is-open .sheet-modal.edoor-logout-panel {

  transform: scale(1) translateY(0);

  opacity: 1;

  filter: blur(0);

}



.edoor-logout-icon {

  display: grid;

  place-items: center;

  width: 60px;

  height: 60px;

  margin: 0 auto 14px;

  border-radius: 50%;

  background: linear-gradient(145deg, rgba(246, 36, 64, 0.14) 0%, rgba(246, 36, 64, 0.06) 100%);

  color: #e11d48;

  box-shadow: inset 0 0 0 1px rgba(246, 36, 64, 0.12);

}



.edoor-logout-title {

  margin: 0 0 8px;

  font-size: 1.25rem;

  font-weight: 800;

  letter-spacing: -0.04em;

  color: #1c1c1e;

  line-height: 1.2;

}



.edoor-logout-text {

  margin: 0 0 22px;

  line-height: 1.5;

  font-size: 14px;

  font-weight: 500;

  color: #6e6e78;

  max-width: 28em;

  margin-left: auto;

  margin-right: auto;

}



.edoor-logout-actions {

  display: flex;

  flex-direction: column;

  gap: 10px;

  width: 100%;

}



/* Dedicated buttons — not Bootstrap .btn */

.edoor-logout-btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  min-height: 50px;

  margin: 0;

  padding: 0 18px;

  border: none;

  border-radius: 14px;

  font-family: inherit;

  font-size: 16px;

  font-weight: 700;

  letter-spacing: -0.02em;

  line-height: 1.2;

  cursor: pointer;

  -webkit-tap-highlight-color: transparent;

  transition: transform 0.14s ease, box-shadow 0.14s ease, background 0.14s ease, opacity 0.14s ease;

}



.edoor-logout-btn:focus-visible {

  outline: 2px solid rgba(246, 36, 64, 0.45);

  outline-offset: 2px;

}



.edoor-logout-btn--primary {

  color: #fff;

  background: linear-gradient(180deg, #ff4d6a 0%, #f62440 48%, #e01535 100%);

  box-shadow: 0 10px 24px rgba(246, 36, 64, 0.35);

}



.edoor-logout-btn--primary:active {

  transform: scale(0.98);

  box-shadow: 0 6px 16px rgba(246, 36, 64, 0.28);

}



.edoor-logout-btn--signout {

  color: #c8102e;

  background: rgba(246, 36, 64, 0.08);

  box-shadow: inset 0 0 0 1px rgba(246, 36, 64, 0.18);

}



.edoor-logout-btn--signout:active {

  transform: scale(0.98);

  background: rgba(246, 36, 64, 0.14);

}



body.edoor-logout-open {

  overflow: hidden;

  touch-action: none;

}



body.edoor-logout-open .app-phone {

  pointer-events: none;

}



body.edoor-logout-open .edoor-logout-modal.is-open,

body.edoor-logout-open #appLogoutConfirm.is-open,

body.edoor-logout-open #adminLogoutConfirm.is-open {

  pointer-events: auto;

}



body.modal-open .edoor-logout-modal.is-open,

body.modal-open #appLogoutConfirm.is-open {

  pointer-events: auto;

}



@media (prefers-reduced-motion: reduce) {

  .edoor-logout-modal,

  .edoor-logout-modal .edoor-logout-panel,

  .edoor-logout-btn {

    transition: none;

  }

  .edoor-logout-modal.is-open .edoor-logout-panel {

    transform: none;

    opacity: 1;

    filter: none;

  }

}