/* Shared with static/js/form_resilience.js */

.gla-loader-overlay{
  position:fixed; inset:0; z-index:9999;
  background:rgba(0,0,0,.65);
  display:flex; align-items:center; justify-content:center;
  opacity:0; pointer-events:none; transition:opacity .15s ease;
}
.gla-loader-overlay.is-active{ opacity:1; pointer-events:all; }
.gla-loader-box{ display:flex; flex-direction:column; align-items:center; gap:14px; color:#f5f5f5; font-size:14px; font-weight:600; }
.gla-spinner{
  width:38px; height:38px; border-radius:50%;
  border:3px solid rgba(255,255,255,.25); border-top-color:#a78bfa;
  animation:gla-spin .8s linear infinite;
}
.gla-spinner-inline{ width:14px; height:14px; border-width:2px; display:inline-block; vertical-align:-2px; margin-right:6px; }
@keyframes gla-spin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce){ .gla-spinner{ animation-duration:1.6s; } }

.gla-draft-banner{
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  background:#1a1a2e; border:1px solid #34345c; border-radius:12px;
  padding:12px 16px; margin-bottom:16px; font-size:13px; color:#e5e7eb;
}
.gla-draft-banner[hidden]{ display:none; }
.gla-draft-actions{ display:flex; gap:8px; flex-shrink:0; }
.gla-draft-continue, .gla-draft-discard{
  border:none; border-radius:8px; padding:7px 12px; font-size:12.5px; font-weight:700; cursor:pointer;
}
.gla-draft-continue{ background:linear-gradient(135deg,#a78bfa,#8b5cf6); color:#fff; }
.gla-draft-continue:hover{ filter:brightness(1.08); }
.gla-draft-discard{ background:#262626; color:#c7c7c7; }
.gla-draft-discard:hover{ background:#2f2f2f; }

/* Light-theme variant for public-facing pages (e.g. sell_car.html) */
.gla-draft-banner.gla-draft-light{
  background:#faf9f7; border-color:#e5ded0; color:#333;
}
.gla-draft-banner.gla-draft-light .gla-draft-discard{ background:#eee5d8; color:#555; }
.gla-draft-banner.gla-draft-light .gla-draft-continue{ background:#000; color:#fff; }