/* assets/css/vg-ui.css */
.vg-busy { cursor: not-allowed; opacity: .9; }
.vg-spinner{
  width:14px;height:14px;display:inline-block;vertical-align:middle;margin-right:8px;
  border:2px solid rgba(255,255,255,.5);border-top-color:rgba(255,255,255,1);
  border-radius:999px; animation: vgspin .8s linear infinite;
}
@keyframes vgspin{to{transform:rotate(360deg)}}

/* Message box */
#vg-msgbox{position:fixed;inset:0;z-index:200000;display:none}
#vg-msgbox.open{display:block}
#vg-msgbox .vg-msgbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
#vg-msgbox .vg-msgbox-card{
  position:relative; max-width:420px; width:calc(100% - 32px);
  margin:10vh auto 0; background:rgba(20,24,35,.92); color:#fff;
  border:1px solid rgba(255,255,255,.12); border-radius:14px;
  box-shadow:0 18px 60px rgba(0,0,0,.45);
  overflow:hidden;
}
#vg-msgbox[data-type="success"] .vg-msgbox-card{border-color:rgba(34,197,94,.35)}
#vg-msgbox[data-type="error"] .vg-msgbox-card{border-color:rgba(239,68,68,.35)}
#vg-msgbox .vg-msgbox-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.10);
}
#vg-msgbox .vg-msgbox-title{font-weight:900;font-size:14px}
#vg-msgbox .vg-msgbox-x{
  width:32px;height:32px;border-radius:10px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06); color:#fff; font-size:18px; line-height:1;
}
#vg-msgbox .vg-msgbox-body{padding:14px;font-size:13px;line-height:1.45;color:rgba(255,255,255,.92)}
#vg-msgbox .vg-msgbox-foot{
  padding:12px 14px; display:flex; justify-content:flex-end; gap:10px;
  border-top:1px solid rgba(255,255,255,.10);
}
.vg-btn{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font-weight:800}
.vg-btn-primary{background:rgba(99,102,241,.95);border-color:rgba(99,102,241,.65)}