fix(ui): os devs do bb usaram classe com numero errado, ao atualizar p/ nova versão quebrou devido a cor padrão, remover classe p/ adaptar p/ tailwind4

src/components/BuyerSteps/BuyConfirmedComponent.vue

@@ -90,7 +90,7 @@ onMounted(async () => {
     </div>
     <div class="main-container">
       <div
-        class="flex flex-col w-full bg-white px-10 py-5 rounded-lg border-y-10"
+        class="flex flex-col w-full bg-white px-10 py-5 rounded-lg"
       >
         <div>
           <p>Tokens recebidos</p>

src/components/BuyerSteps/BuyerSearchComponent.vue

@@ -252,7 +252,7 @@ const handleSubmit = async (e: Event): Promise<void> => {
     <form class="main-container" @submit="handleSubmit">
       <div class="backdrop-blur -z-10 w-full h-full"></div>
       <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-5 rounded-lg border-y-10"
+        class="flex flex-col w-full bg-white sm:px-10 px-6 py-5 rounded-lg"
       >
         <div class="flex justify-between sm:w-full items-center">
           <input
@@ -387,7 +387,7 @@ const handleSubmit = async (e: Event): Promise<void> => {
       </div>
 
       <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg border-y-10"
+        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg"
       >
         <input
           type="text"

src/components/SellerSteps/SellerComponent.vue

@@ -113,7 +113,7 @@ const handleSelectedToken = (token: TokenEnum): void => {
     <form ref="formRef" @submit="handleSubmit" class="main-container">
       <!-- Offer input -->
       <div
-        class="flex justify-between items-center w-full bg-white sm:px-10 px-6 py-5 rounded-lg border-y-10 gap-4"
+        class="flex justify-between items-center w-full bg-white sm:px-10 px-6 py-5 rounded-lg gap-4"
       >
         <input
           type="number"
@@ -186,7 +186,7 @@ const handleSelectedToken = (token: TokenEnum): void => {
       </div>
       <!-- CPF or CNPJ input -->
       <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg border-y-10"
+        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg"
       >
         <input
           type="text"
@@ -201,7 +201,7 @@ const handleSelectedToken = (token: TokenEnum): void => {
       </div>
       <!-- Bank selection -->
       <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg border-y-10"
+        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg"
       >
         <div class="relative">
           <input
@@ -236,7 +236,7 @@ const handleSelectedToken = (token: TokenEnum): void => {
       </div>
       <!-- Account and Branch inputs -->
       <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg border-y-10"
+        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg"
       >
         <div class="flex gap-4">
           <div class="flex-1">
@@ -263,7 +263,7 @@ const handleSelectedToken = (token: TokenEnum): void => {
       </div>
       <!-- Account Type Selection -->
       <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg border-y-10"
+        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg"
       >
         <div class="flex gap-4">
           <div class="flex-1">
@@ -287,7 +287,7 @@ const handleSelectedToken = (token: TokenEnum): void => {
           v-if="accountType === '2'"
           type="text"
           v-model="savingsVariation"
-          class="border-none outline-none sm:text-lg text-sm text-gray-900 w-full bg-white sm:px-10 px-6 py-4 rounded-lg border-y-10"
+          class="border-none outline-none sm:text-lg text-sm text-gray-900 w-full bg-white sm:px-10 px-6 py-4 rounded-lg"
           :class="{ 'text-xl font-medium': savingsVariation }"
           placeholder="Variação da poupança"
           required

src/components/SellerSteps/SendNetwork.vue

@@ -28,7 +28,7 @@ const props = defineProps({
     </div>
     <div class="main-container">
       <div
-        class="flex flex-col w-full bg-white px-10 py-5 rounded-lg border-y-10"
+        class="flex flex-col w-full bg-white px-10 py-5 rounded-lg"
       >
         <div>
           <p>Tokens ofertados</p>

src/components/ui/LoadingComponent.vue

@@ -17,7 +17,7 @@ const props = defineProps({
     </div>
     <div class="main-container max-w-md">
       <div
-        class="flex flex-col w-full bg-white sm:px-10 px-4 py-5 rounded-lg border-y-10"
+        class="flex flex-col w-full bg-white sm:px-10 px-4 py-5 rounded-lg"
       >
         <div
           class="flex flex-col text-center justify-center w-full items-center p-2 px-3 rounded-3xl lg:min-w-fit gap-1"