/* Live Notify V2 CSS v8 */

#live-popup-stack {
  position: fixed !important; top: 80px !important; right: 20px !important;
  z-index: 99999 !important; display: flex !important; flex-direction: column !important;
  gap: 12px !important; pointer-events: none !important; max-width: 380px !important;
}
.live-popup {
  background: #fff !important; border-left: 10px solid #6E1A24 !important;
  padding: 16px 20px !important; border-radius: 4px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.32), 0 4px 12px rgba(0,0,0,0.12) !important;
  width: 360px !important; pointer-events: auto !important;
  transform: translateX(120%) !important; opacity: 0 !important;
  transition: transform 0.45s cubic-bezier(0.2,0.8,0.2,1), opacity 0.3s ease !important;
  cursor: pointer !important; outline: none !important;
}
.live-popup.is-showing { transform: translateX(0) !important; opacity: 1 !important; }
.live-popup.is-leaving { transform: translateX(120%) !important; opacity: 0 !important; }
.live-popup--zimmer { border-left-color: #8E6E2E !important; }
.live-popup__type { font-family: 'Fraunces', serif; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: #6B5E50; margin-bottom: 6px; }
.live-popup__name { font-family: 'Fraunces', serif; font-size: 22px; color: #6E1A24; font-weight: 500; line-height: 1.2; margin-bottom: 6px; }
.live-popup--zimmer .live-popup__name { color: #8E6E2E; }
.live-popup__detail { font-size: 14px; color: #1A1410; line-height: 1.4; margin-bottom: 8px; }
.live-popup__hint { font-size: 11px; color: #6B5E50; font-style: italic; }
.live-popup.is-pulsing { box-shadow: 0 0 0 4px rgba(199,62,51,0.45), 0 12px 32px rgba(0,0,0,0.32) !important; }

.live-overlay-backdrop {
  position: fixed !important; inset: 0 !important; z-index: 100000 !important;
  background: rgba(20,14,10,0.55) !important; backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important; display: flex !important;
  align-items: center !important; justify-content: center !important;
  padding: 20px !important; opacity: 0 !important; transition: opacity 0.35s ease !important;
}
.live-overlay-backdrop.is-showing { opacity: 1 !important; }
.live-overlay-backdrop.is-leaving { opacity: 0 !important; }
.live-overlay {
  background: #fff !important; border-radius: 6px !important; width: 520px !important;
  max-width: 100% !important; padding: 32px 36px 28px !important;
  box-shadow: 0 30px 70px rgba(0,0,0,0.5) !important;
  border-top: 10px solid #6E1A24 !important; position: relative !important;
  transform: scale(0.96); transition: transform 0.35s cubic-bezier(0.2,0.8,0.2,1);
}
.live-overlay--zimmer { border-top-color: #8E6E2E !important; }
.live-overlay-backdrop.is-showing .live-overlay { transform: scale(1); }
.live-overlay__type { font-family: 'Fraunces', serif; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: #6B5E50; margin-bottom: 10px; }
.live-overlay__name { font-family: 'Fraunces', serif; font-size: 30px; color: #6E1A24; font-weight: 500; line-height: 1.15; margin-bottom: 24px; }
.live-overlay--zimmer .live-overlay__name { color: #8E6E2E; }
.live-overlay__rows { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 24px; margin-bottom: 28px; padding-bottom: 24px; border-bottom: 1px solid #C9B998; }
.live-overlay__row { display: flex; flex-direction: column; gap: 4px; }
.live-overlay__row--wide { grid-column: 1 / -1; }
.live-overlay__row span { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #6B5E50; }
.live-overlay__row b { font-size: 17px; color: #1A1410; font-weight: 500; font-family: 'Fraunces', serif; }
.live-overlay__actions { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
.live-overlay__btn { border: 2px solid #6E1A24; background: #6E1A24; color: #fff; font-family: 'Fraunces', serif; font-size: 14px; font-weight: 500; letter-spacing: 0.08em; padding: 14px 12px; border-radius: 4px; cursor: pointer; min-height: 52px; transition: all 0.2s ease; }
.live-overlay__btn:hover { transform: translateY(-1px); }
.live-overlay__btn--later { background: #fff; color: #1A1410; border-color: #C9B998; }
.live-overlay__btn--later:hover { background: #EFE6D2; }
.live-overlay__btn--cancel { background: #fff; color: #A02830; border-color: #A02830; }
.live-overlay__btn--cancel:hover { background: #fdebeb; }
.live-overlay__success { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; border-radius: 6px; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
.live-overlay.is-success .live-overlay__success { opacity: 1; }
.live-overlay__success-text { font-family: 'Fraunces', serif; font-size: 22px; color: #2E7D32; margin-top: 10px; font-weight: 500; }
.lo-check-circle { stroke-dasharray: 283; stroke-dashoffset: 283; }
.lo-check-path { stroke-dasharray: 90; stroke-dashoffset: 90; }
.live-overlay.is-success .lo-check-circle { animation: loCircleDraw 0.45s ease-out forwards; }
.live-overlay.is-success .lo-check-path { animation: loCheckDraw 0.4s ease-out 0.4s forwards; }
@keyframes loCircleDraw { to { stroke-dashoffset: 0; } }
@keyframes loCheckDraw { to { stroke-dashoffset: 0; } }

.live-tab-pending { font-weight: 600 !important; }
.live-tab-pending--tisch {
  background: #C73E33 !important; color: #fff !important; border-color: #C73E33 !important;
  font-weight: 600 !important; animation: liveTabPulseTisch 1.1s ease-in-out infinite;
}
.live-tab-pending--zimmer {
  background: #C9A24D !important; color: #1A1410 !important; border-color: #C9A24D !important;
  font-weight: 600 !important; animation: liveTabPulseZimmer 1.1s ease-in-out infinite;
}
@keyframes liveTabPulseTisch {
  0%, 100% { box-shadow: 0 0 0 0 rgba(199,62,51,0.85), 0 0 14px 0 rgba(199,62,51,0.5); transform: scale(1); }
  50% { box-shadow: 0 0 0 14px rgba(199,62,51,0), 0 0 24px 4px rgba(199,62,51,0.7); transform: scale(1.08); }
}
@keyframes liveTabPulseZimmer {
  0%, 100% { box-shadow: 0 0 0 0 rgba(201,162,77,0.85), 0 0 14px 0 rgba(201,162,77,0.6); transform: scale(1); }
  50% { box-shadow: 0 0 0 14px rgba(201,162,77,0), 0 0 24px 4px rgba(201,162,77,0.8); transform: scale(1.08); }
}

.live-confirm-backdrop {
  position: fixed !important; inset: 0 !important; z-index: 100001 !important;
  background: rgba(20,14,10,0.65) !important; backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important; display: flex !important;
  align-items: center !important; justify-content: center !important;
  padding: 20px !important; opacity: 0 !important; transition: opacity 0.3s ease !important;
}
.live-confirm-backdrop.is-showing { opacity: 1 !important; }
.live-confirm {
  background: #fff !important; border-radius: 6px !important; width: 440px !important;
  max-width: 100% !important; padding: 32px 32px 24px !important;
  border-top: 8px solid #A02830 !important;
  box-shadow: 0 30px 70px rgba(0,0,0,0.55) !important;
  transform: scale(0.92); transition: transform 0.3s cubic-bezier(0.2,0.8,0.2,1);
}
.live-confirm-backdrop.is-showing .live-confirm { transform: scale(1); }
.live-confirm__icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: #fdebeb; margin-bottom: 18px; }
.live-confirm__title { font-family: 'Fraunces', serif; font-size: 24px; color: #1A1410; font-weight: 500; margin-bottom: 8px; line-height: 1.2; }
.live-confirm__text { font-size: 15px; color: #6B5E50; line-height: 1.5; margin-bottom: 28px; }
.live-confirm__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.live-confirm__btn { border: 2px solid #C9B998; background: #fff; color: #1A1410; font-family: 'Fraunces', serif; font-size: 14px; font-weight: 500; letter-spacing: 0.08em; padding: 14px 16px; border-radius: 4px; cursor: pointer; text-transform: uppercase; min-height: 52px; transition: all 0.2s ease; }
.live-confirm__btn:hover { background: #EFE6D2; }
.live-confirm__btn--danger { background: #A02830; color: #fff; border-color: #A02830; }
.live-confirm__btn--danger:hover { background: #871f26; border-color: #871f26; transform: translateY(-1px); }

@media (max-width: 480px) {
  #live-popup-stack { top: 12px !important; right: 12px !important; left: 12px !important; max-width: none !important; }
  .live-popup { width: auto !important; }
  .live-overlay { width: 100% !important; padding: 24px 22px !important; }
  .live-overlay__name { font-size: 24px !important; }
  .live-overlay__rows { grid-template-columns: 1fr !important; gap: 12px !important; }
  .live-overlay__actions { grid-template-columns: 1fr !important; }
  .live-confirm { padding: 24px 22px 20px !important; }
  .live-confirm__title { font-size: 20px !important; }
  .live-confirm__actions { grid-template-columns: 1fr !important; }
}

/* Position Fix v8.1 - Pop ups unter Action Bar */
#live-popup-stack {
  top: 450px !important;
  max-height: calc(100vh - 470px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
@media (max-width: 480px) {
  #live-popup-stack {
    top: 12px !important;
    max-height: calc(100vh - 32px) !important;
  }
}