/* ===============================
   UPLOAD BOX inner page
================================ */

.upload-box{  
  padding:40px 30px;
  border:2px dashed var(--primary);
  border-radius:20px;
  background:rgba(17,24,39,0.8);
  backdrop-filter:blur(10px);
  text-align:center;
  transition:0.3s;
}

.upload-box:hover{
  box-shadow:0 0 30px var(--primary-soft);
}

.upload-icon{
  font-size:40px;
  margin-bottom:15px;
}

.upload-box h5{
  color:var(--primary);
  margin-bottom:8px;
}

.upload-box p{
  color:var(--text-muted);
  font-size:14px;
}

.upload-actions{
  margin-top:20px;
  display:flex;
  justify-content:center;
  gap:15px;
  flex-wrap:wrap;
}

.upload-main-btn{
  background:var(--primary);
  color:#000;
  border:none;
  padding:10px 22px;
  border-radius:30px;
  font-weight:600;
  cursor:pointer;
}

.upload-main-btn:hover{
  box-shadow:0 0 15px var(--primary);
}

/* Dropdown */

.upload-dropdown{
  position:relative;
}

.dropdown-toggle-btn{
  background:transparent;
  border:1px solid var(--primary);
  color:var(--primary);
  padding:10px 18px;
  border-radius:30px;
  cursor:pointer;
}

.upload-dropdown-menu{
  position:absolute;
  top:110%;
  left:0;
  background:#111827;
  border:1px solid var(--primary-soft);
  border-radius:10px;
  min-width:180px;
  display:none;
  flex-direction:column;
  margin-top: -4px;
}

.upload-dropdown-menu a{
  padding:10px 15px;
  color:#cdd7e0;
  font-size:14px;
}

.upload-dropdown-menu a:hover{
  background:var(--primary-soft);
}

.upload-dropdown:hover .upload-dropdown-menu{
  display:flex;
}
.upload-badge{
  display:inline-block;
  background:var(--primary-soft);
  color:var(--primary);
  padding:5px 14px;
  border-radius:20px;
  font-size:12px;
  margin-bottom:15px;
}