/* ============================================================
   Lux Massage — Staff/Admin Portal Styles
   Staff PWA + Admin CMS
   ============================================================ */

/* Toast notification system */
@keyframes toastIn{
  from{transform:translateY(-100%);opacity:0}
  to{transform:translateY(0);opacity:1}
}
@keyframes toastOut{
  from{opacity:1}
  to{opacity:0;transform:translateY(-20px)}
}

.lux-toast{
  position:fixed;
  top:12px;
  left:50%;
  transform:translateX(-50%);
  width:calc(100% - 32px);
  max-width:400px;
  z-index:9999;
  animation:toastIn .3s ease;
  pointer-events:auto;
}
.lux-toast.hiding{
  animation:toastOut .3s ease forwards;
}
.lux-toast-inner{
  background:rgba(45,42,36,.95);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-radius:14px;
  padding:14px 16px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  box-shadow:0 8px 32px rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.08);
}
.lux-toast-icon{
  width:36px;
  height:36px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  flex-shrink:0;
}
.lux-toast-body{flex:1;min-width:0}
.lux-toast-title{color:#E8D5B0;font-size:13px;font-weight:700}
.lux-toast-msg{
  color:rgba(255,255,255,.7);
  font-size:12px;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lux-toast-close{
  color:rgba(255,255,255,.3);
  font-size:18px;
  cursor:pointer;
  padding:0 4px;
  line-height:1;
}

/* Admin CMS — desktop override to remove max-width constraint */
.admin-cms-root{
  max-width:none !important;
  box-shadow:none !important;
}