/* VertexBazaar Loyalty Engine - Widget CSS (scoped) */

.vble-giftbox-widget{
  position:fixed;left:20px;bottom:20px;z-index:999999;
}

.vble-giftbox-btn{
  width:56px;height:56px;border-radius:50%;
  border:none;cursor:pointer;font-size:24px;
  background:linear-gradient(135deg,#ffb703,#fb8500);
  color:#000;box-shadow:0 6px 18px rgba(0,0,0,.25);
  animation:vble-pulse 2.5s infinite;
}

@keyframes vble-pulse{
  0%{box-shadow:0 0 0 0 rgba(251,133,0,.6)}
  70%{box-shadow:0 0 0 12px rgba(251,133,0,0)}
  100%{box-shadow:0 0 0 0 rgba(251,133,0,0)}
}

.vble-popup-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:999998;
}

.vble-popup{
  position:fixed;left:20px;bottom:90px;
  width:360px;max-height:75vh;background:#fff;
  border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.35);
  display:flex;flex-direction:column;overflow:hidden;z-index:999999;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

.vble-popup-header{
  display:flex;justify-content:space-between;align-items:center;
  padding:12px 14px;background:#111;color:#fff;
}

.vble-popup-title{font-weight:700}
.vble-popup-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}

.vble-popup-tabs{
  display:flex;overflow-x:auto;border-bottom:1px solid #eee;
}

.vble-tab{
  flex:1;padding:10px;font-size:13px;border:none;background:#f6f6f6;
  cursor:pointer;white-space:nowrap;
}

.vble-tab.is-active{
  background:#fff;font-weight:700;border-bottom:2px solid #fb8500;
}

.vble-popup-body{
  padding:14px;overflow-y:auto;
}

.vble-small-btn{
  margin-top:8px;
  padding:8px 10px;
  border:1px solid #ddd;
  background:#fff;
  cursor:pointer;
  border-radius:10px;
}