/* ============================================================
   SAAJHI (SHARED) ORBIT-RING UPLOAD DESIGN — "Saral Orbit" jaisa hi,
   gol ring jisme documents chaaron taraf ghoomte hain, beech mein
   gol "Select" button. Pehle sirf generic PDF/Image tools (tool.css)
   mein tha — ab yeh saari website ke upload/selection-boxes mein
   istemal ho sakta hai, bina tool.css ko chhede.
   ============================================================ */
.orbit-upload-wrap{
  position:relative; width:110px; height:110px; margin:4px auto 12px;
  display:flex; align-items:center; justify-content:center;
}
.orbit-upload-ring{
  position:absolute; inset:0; animation:orbitUploadSpin 14s linear infinite;
}
.orbit-upload-doc{
  position:absolute; top:50%; left:50%; font-size:14px;
  transform:
    rotate(calc(var(--i) * 60deg))
    translate(50px)
    rotate(calc(var(--i) * -60deg));
  filter:drop-shadow(0 2px 4px rgba(0,0,0,0.15));
}
@keyframes orbitUploadSpin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}
/* Icons khud seedhe rahen (na ghoomein), sirf circle mein safar karein */
.orbit-upload-ring .orbit-upload-doc{ animation:orbitUploadCounterSpin 14s linear infinite; }
@keyframes orbitUploadCounterSpin{
  from{ transform:
    rotate(calc(var(--i) * 60deg)) translate(50px) rotate(calc(var(--i) * -60deg))
    rotate(0deg); }
  to{ transform:
    rotate(calc(var(--i) * 60deg)) translate(50px) rotate(calc(var(--i) * -60deg))
    rotate(-360deg); }
}

.orbit-upload-btn{
  position:relative; z-index:2; width:72px; height:72px; border-radius:50%;
  background:linear-gradient(135deg, var(--orange), #F2A33D);
  border:4px solid #fff; box-shadow:0 8px 20px rgba(242,120,47,0.4);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:1px; cursor:pointer; transition:transform .15s;
}
.orbit-upload-btn:hover{ transform:scale(1.05); }
.orbit-upload-btn:active{ transform:scale(0.96); }
.orbit-upload-btn .oub-icon{ font-size:16px; }
.orbit-upload-btn .oub-label{ font-size:10.5px; font-weight:800; color:#fff; text-transform:uppercase; letter-spacing:0.04em; }

.orbit-upload-btn.suck-in{ animation:orbitUploadSuckIn .45s ease; }
@keyframes orbitUploadSuckIn{
  0%{ transform:scale(1); }
  35%{ transform:scale(0.82); box-shadow:0 4px 14px rgba(242,120,47,0.5); }
  65%{ transform:scale(1.12); }
  100%{ transform:scale(1); }
}

@media(max-width:400px){
  .orbit-upload-wrap{ width:96px; height:96px; }
  .orbit-upload-doc{ transform: rotate(calc(var(--i) * 60deg)) translate(44px) rotate(calc(var(--i) * -60deg)); font-size:12px; }
  .orbit-upload-btn{ width:64px; height:64px; }
  .orbit-upload-btn .oub-icon{ font-size:14px; }
}

/* ============================================================
   COMPACT VARIANT — jahan jagah kam ho (jaise Front/Back side-by-
   side slots) — sirf gol orange badge, bina orbiting-icons ke, par
   wahi "Orbit" jaisa circular branding bana rehta hai.
   ============================================================ */
.orbit-upload-badge{
  width:52px;height:52px;border-radius:50%;
  background:linear-gradient(135deg, var(--orange), #F2A33D);
  border:3px solid #fff; box-shadow:0 5px 14px rgba(242,120,47,0.35);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;margin:0 auto 8px;
}