/* LBTChat v10.1 - toast/snackbar + dialog konfirmasi. Gaya per level efek: html[data-fx] = low | mid | ultra */
#lbt{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:5000;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 12px;pointer-events:none}
body.chat #lbt{bottom:calc(env(safe-area-inset-bottom,0px) + 84px)}   /* di atas kolom ketik */
.lbt-i{--c:var(--accent);pointer-events:auto;position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;max-width:min(440px,100%);min-width:0;box-sizing:border-box;
  padding:11px 14px 11px 12px;border-radius:14px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-left:3px solid var(--c);
  box-shadow:0 6px 20px rgba(0,0,0,.18);font-size:14.5px;line-height:1.35;cursor:pointer;
  opacity:0;transform:translate3d(0,14px,0);transition:opacity .2s,transform .22s ease-out;-webkit-tap-highlight-color:transparent}
.lbt-i.in{opacity:1;transform:none}.lbt-i.out{opacity:0;transform:translate3d(0,8px,0)}
.lbt-error{--c:var(--red)}.lbt-success{--c:var(--green)}.lbt-info{--c:var(--accent)}.lbt-warning{--c:var(--orange)}
.lbt-dot{flex:none;position:relative;width:9px;height:9px;border-radius:50%;background:var(--c)}
.lbt-msg{flex:1;min-width:0;overflow-wrap:anywhere}
.lbt-x{flex:none;border:0;background:none;color:var(--muted);font-size:20px;line-height:1;padding:0 2px;cursor:pointer}
.lbt-bar{display:none}

/* MID: bubble melayang (hanya transform + opacity, ringan) */
html[data-fx="mid"] .lbt-i{border-radius:99px;border-left-width:1px;padding-left:14px}
html[data-fx="mid"] .lbt-i .lbt-dot{box-shadow:0 0 0 3px rgba(128,128,128,.22);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}

/* ULTRA: bubble + status pulse + bar progres */
html[data-fx="ultra"] .lbt-i{border-radius:99px;border-left-width:1px;padding-left:14px;transform:translate3d(0,26px,0) scale(.94);transition:opacity .22s,transform .42s cubic-bezier(.2,1.25,.4,1);
  box-shadow:0 10px 28px rgba(0,0,0,.22)}
html[data-fx="ultra"] .lbt-i{box-shadow:0 10px 28px rgba(0,0,0,.22),0 0 0 1px color-mix(in srgb,var(--c) 28%,transparent)}
html[data-fx="ultra"] .lbt-i.in{transform:none}
html[data-fx="ultra"] .lbt-i.out{transform:translate3d(0,10px,0) scale(.96);transition-duration:.18s}
html[data-fx="ultra"] .lbt-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--c);animation:lbtPulse 1.5s ease-out infinite}
html[data-fx="ultra"] .lbt-bar{display:block;position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--c);opacity:.65;transform-origin:left;animation:lbtBar linear forwards}
@keyframes lbtPulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(3);opacity:0}}
@keyframes lbtBar{from{transform:scaleX(1)}to{transform:scaleX(0)}}

/* LOW: snackbar polos, tanpa animasi/bayangan berat */
html[data-fx="low"] .lbt-i,html[data-fx="low"] #lbd,html[data-fx="low"] .lbd-c{transition:none!important;animation:none!important;transform:none!important;box-shadow:none!important}
html[data-fx="low"] .lbt-i{border-radius:8px;opacity:1}
html[data-fx="low"] .lbt-i.out{opacity:0}
html[data-fx="low"] .lbt-dot::after,html[data-fx="low"] .lbt-bar{display:none!important}
@media(prefers-reduced-motion:reduce){.lbt-i,#lbd,.lbd-c{transition:none!important;animation:none!important}.lbt-dot::after,.lbt-bar{display:none!important}}

/* ---------- dialog konfirmasi ---------- */
#lbd{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.45);opacity:0;transition:opacity .16s}
#lbd.in{opacity:1}#lbd.out{opacity:0}
.lbd-c{width:100%;max-width:340px;box-sizing:border-box;background:var(--panel);color:var(--text);border-radius:18px;padding:20px 18px 14px;box-shadow:0 12px 40px rgba(0,0,0,.3);transform:scale(.96);transition:transform .18s ease-out}
#lbd.in .lbd-c{transform:none}
.lbd-t{font-size:17px;font-weight:700;text-align:center;overflow-wrap:anywhere}
.lbd-p{margin-top:8px;font-size:14px;line-height:1.45;color:var(--muted);text-align:center;overflow-wrap:anywhere}
.lbd-r{display:flex;gap:10px;margin-top:18px}
.lbd-b{flex:1;border:0;border-radius:12px;padding:12px;font:inherit;font-weight:600;background:var(--field);color:var(--text);cursor:pointer}
.lbd-b.dng{background:var(--red);color:#fff}.lbd-b.pri{background:var(--accent);color:#fff}
.lbd-b:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* pengganti animate.css (CDN 70 KB dihapus): hanya animasi masuk kotak login/daftar */
.animate__animated{animation-duration:.5s;animation-fill-mode:both}
.animate__fadeInUp{animation-name:lbFadeInUp}
@keyframes lbFadeInUp{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}