@tapni/auth 1.0.6-5.dev → 1.0.6-6.dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/.vite/manifest.json +8 -8
  2. package/dist/{Apps-bboJZTK4.js → Apps-C4hIFJNW.js} +1 -1
  3. package/dist/{CustomApp-B9p4jwJX.js → CustomApp-o8yaijRq.js} +1 -1
  4. package/dist/{QR-BPCOPUBt.js → QR-D3LzljJa.js} +1 -1
  5. package/dist/TapniAuth.es.js +1 -1
  6. package/dist/TapniAuth.umd.js +1 -1
  7. package/dist/{install-BO0eOCKI.js → install-BUxLNF3h.js} +3 -3
  8. package/dist/style.css +1 -1
  9. package/package.json +1 -1
  10. package/src/views/Billing.vue +40 -40
package/dist/{install-BO0eOCKI.js → install-BUxLNF3h.js} RENAMED
@@ -6846,7 +6846,7 @@ Tanıştığınız herkesi etkileyin 😎 <br> Kendinize bir tane ayırın 👇`
6846
6846
  app_region: "Região",
6847
6847
  app_region_p: "Selecione sua região para experiência de faturamento e suporte personalizada"
6848
6848
  }
6849
- }, No = () => Promise.resolve().then(() => Ea), Aa = () => Promise.resolve().then(() => Nc), Ra = () => Promise.resolve().then(() => Ul), Pa = () => Promise.resolve().then(() => Wp), Ma = () => Promise.resolve().then(() => ul), Na = () => Promise.resolve().then(() => Xl), La = () => Promise.resolve().then(() => nh), Oa = () => import("./QR-BPCOPUBt.js"), za = () => Promise.resolve().then(() => Xu), xa = () => import("./Apps-bboJZTK4.js"), Ua = () => Promise.resolve().then(() => Od), Ba = () => import("./CustomApp-B9p4jwJX.js"), Da = () => Promise.resolve().then(() => wp), ja = [
6849
+ }, No = () => Promise.resolve().then(() => Ea), Aa = () => Promise.resolve().then(() => Nc), Ra = () => Promise.resolve().then(() => Ul), Pa = () => Promise.resolve().then(() => Wp), Ma = () => Promise.resolve().then(() => ul), Na = () => Promise.resolve().then(() => Xl), La = () => Promise.resolve().then(() => nh), Oa = () => import("./QR-D3LzljJa.js"), za = () => Promise.resolve().then(() => Xu), xa = () => import("./Apps-C4hIFJNW.js"), Ua = () => Promise.resolve().then(() => Od), Ba = () => import("./CustomApp-o8yaijRq.js"), Da = () => Promise.resolve().then(() => wp), ja = [
6850
6850
  {
6851
6851
  path: "/welcome",
6852
6852
  name: "AuthWelcome",
@@ -18953,7 +18953,7 @@ const ko = /* @__PURE__ */ Yt(Zl, [["render", Ju], ["__scopeId", "data-v-64ae251
18953
18953
  }
18954
18954
  }
18955
18955
  }
18956
- }, ed = { class: "page-login content-boxed content-boxed-padding" }, td = { class: "subheaderContainer full-top" }, nd = ["src"], rd = ["src"], od = {
18956
+ }, ed = { class: "page-login content-boxed content-boxed-padding tapni-auth-billing" }, td = { class: "subheaderContainer full-top" }, nd = ["src"], rd = ["src"], od = {
18957
18957
  class: "center-text",
18958
18958
  style: { "flex-grow": "1", "text-align": "center", margin: "0", "font-weight": "600" }
18959
18959
  }, id = { class: "container left-text" }, ad = { class: "center-text" }, sd = { class: "full-top" }, cd = {
@@ -19114,7 +19114,7 @@ function Ld(n, e, t, r, o, i) {
19114
19114
  ])) : ie("", !0)
19115
19115
  ]);
19116
19116
  }
19117
- const Co = /* @__PURE__ */ Yt(Zu, [["render", Ld], ["__scopeId", "data-v-a24cde36"]]), Od = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
19117
+ const Co = /* @__PURE__ */ Yt(Zu, [["render", Ld]]), Od = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
19118
19118
  __proto__: null,
19119
19119
  default: Co
19120
19120
  }, Symbol.toStringTag, { value: "Module" }));
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .app-store-icon[data-v-465df13a]{box-shadow:0 4px 10px #00000017;border-radius:12px}#codeInput[data-v-6ab8e3d4],#emailInput[data-v-6ab8e3d4]{text-align:center;padding-right:15%;font-size:17px}.firstRow img[data-v-64ae2517]{width:25px;height:25px;position:absolute;top:50%;right:0;transform:translate(-50%,-50%)}.withBackground[data-v-a24cde36]{height:50px}.no-subscriptions[data-v-a24cde36]{padding:40px 20px}.gray-text[data-v-a24cde36]{color:#666;font-size:16px}.subscription-card[data-v-a24cde36]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 4px #0000000d}.subscription-header[data-v-a24cde36]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.subscription-info[data-v-a24cde36]{flex:1}.subscription-name[data-v-a24cde36]{font-size:20px;font-weight:600;margin:0 0 8px;color:#000}.subscription-status[data-v-a24cde36]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-trialing[data-v-a24cde36]{background:#e3f2fd;color:#1976d2}.status-active[data-v-a24cde36]{background:#e8f5e9;color:#388e3c}.status-past_due[data-v-a24cde36]{background:#fff3e0;color:#f57c00}.status-canceled[data-v-a24cde36]{background:#ffebee;color:#d32f2f}.subscription-details[data-v-a24cde36]{margin-bottom:16px}.detail-row[data-v-a24cde36]{display:flex;justify-content:space-between;padding:8px 0;font-size:15px}.detail-label[data-v-a24cde36]{color:#666;font-weight:500}.detail-value[data-v-a24cde36]{color:#000;font-weight:600}.subscription-actions[data-v-a24cde36]{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid #f0f0f0}.cancel-button[data-v-a24cde36]{padding:10px 20px;background:#fff;color:#d32f2f;border:1px solid #d32f2f;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-button[data-v-a24cde36]:hover:not(:disabled){background:#d32f2f;color:#fff}.cancel-button[data-v-a24cde36]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-a24cde36]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content[data-v-a24cde36]{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-header[data-v-a24cde36]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e0e0}.modal-header h3[data-v-a24cde36]{margin:0;font-size:20px;font-weight:600;color:#000}.close-button[data-v-a24cde36]{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-button[data-v-a24cde36]:hover{background:#f0f0f0}.modal-body[data-v-a24cde36]{padding:24px}.modal-text[data-v-a24cde36]{font-size:16px;line-height:1.5;color:#333;margin-bottom:24px}.feedback-section[data-v-a24cde36]{margin-top:20px}.feedback-label[data-v-a24cde36]{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.feedback-textarea[data-v-a24cde36]{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s}.feedback-textarea[data-v-a24cde36]:focus{outline:none;border-color:#1976d2}.modal-footer[data-v-a24cde36]{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e0e0e0;justify-content:flex-end}.button-secondary[data-v-a24cde36]{padding:12px 24px;background:#fff;color:#333;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.button-secondary[data-v-a24cde36]:hover{background:#f5f5f5}.button-danger[data-v-a24cde36]{padding:12px 24px;background:#d32f2f;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.button-danger[data-v-a24cde36]:hover:not(:disabled){background:#b71c1c}.button-danger[data-v-a24cde36]:disabled{opacity:.5;cursor:not-allowed}#emailInput[data-v-707a4b16]{text-align:center;padding-right:15%;font-size:17px}html *{font-family:Inter,sans-serif}#bodyId{padding-top:3%;max-width:667px!important;margin:1.5% auto auto;height:95%!important;border-radius:20px}.action-block-top .default-text,.action-block-top .default-text:after{border-radius:50%;width:10em!important;height:10em!important}.action-block-top .default-text{margin:10px auto;font-size:3px;position:relative;text-indent:-9999em;border-left:.5em solid #000000;border-top:.5em solid rgba(0,0,0,.2);border-right:.5em solid rgba(0,0,0,.2);border-bottom:.5em solid rgba(0,0,0,.2);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.smartbanner-ios{background:linear-gradient(to bottom,#f4f4f4,#f4f4f4);box-shadow:0 0 #fff;border-bottom:1px solid #dddddd}.smartbanner-icon{border-radius:16px}.smartbanner-ios .smartbanner-button{font-size:13px;padding:9px 0;height:40px;border-radius:13px;background:#f4f4f4;color:#0a99d2;border:none;box-shadow:none;text-transform:uppercase}.snack-body{display:none;border-radius:40px;font-size:15px!important}#errorSnack{background-color:#fee3e3!important;border:2px solid #edd9d9!important;color:#000}#successSnack{background-color:#eff5eb!important;border:2px solid #e3ecd7!important;color:#000}.grecaptcha-badge{visibility:hidden}.header-logo{position:absolute;left:50%;transform:translate(-50%,-50%);margin-top:16px;z-index:2}.header-logo-img{height:40px;margin-top:10px}@media (max-width: 768px){#bodyId{margin-top:0;border-radius:0;height:100%!important}.header-logo{margin-top:16px}}.withBackground[data-v-2f7f5584],.withBackground[data-v-36b27d1f]{height:50px}
1
+ .app-store-icon[data-v-465df13a]{box-shadow:0 4px 10px #00000017;border-radius:12px}#codeInput[data-v-6ab8e3d4],#emailInput[data-v-6ab8e3d4]{text-align:center;padding-right:15%;font-size:17px}.firstRow img[data-v-64ae2517]{width:25px;height:25px;position:absolute;top:50%;right:0;transform:translate(-50%,-50%)}.tapni-auth-billing .withBackground{height:50px}.tapni-auth-billing .no-subscriptions{padding:40px 20px}.tapni-auth-billing .gray-text{color:#666;font-size:16px}.tapni-auth-billing .subscription-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 4px #0000000d}.tapni-auth-billing .subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.tapni-auth-billing .subscription-info{flex:1}.tapni-auth-billing .subscription-name{font-size:20px;font-weight:600;margin:0 0 8px;color:#000}.tapni-auth-billing .subscription-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.tapni-auth-billing .status-trialing{background:#e3f2fd;color:#1976d2}.tapni-auth-billing .status-active{background:#e8f5e9;color:#388e3c}.tapni-auth-billing .status-past_due{background:#fff3e0;color:#f57c00}.tapni-auth-billing .status-canceled{background:#ffebee;color:#d32f2f}.tapni-auth-billing .subscription-details{margin-bottom:16px}.tapni-auth-billing .detail-row{display:flex;justify-content:space-between;padding:8px 0;font-size:15px}.tapni-auth-billing .detail-label{color:#666;font-weight:500}.tapni-auth-billing .detail-value{color:#000;font-weight:600}.tapni-auth-billing .subscription-actions{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid #f0f0f0}.tapni-auth-billing .cancel-button{padding:10px 20px;background:#fff;color:#d32f2f;border:1px solid #d32f2f;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.tapni-auth-billing .cancel-button:hover:not(:disabled){background:#d32f2f;color:#fff}.tapni-auth-billing .cancel-button:disabled{opacity:.5;cursor:not-allowed}.tapni-auth-billing .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.tapni-auth-billing .modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.tapni-auth-billing .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e0e0}.tapni-auth-billing .modal-header h3{margin:0;font-size:20px;font-weight:600;color:#000}.tapni-auth-billing .close-button{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.tapni-auth-billing .close-button:hover{background:#f0f0f0}.tapni-auth-billing .modal-body{padding:24px}.tapni-auth-billing .modal-text{font-size:16px;line-height:1.5;color:#333;margin-bottom:24px}.tapni-auth-billing .feedback-section{margin-top:20px}.tapni-auth-billing .feedback-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.tapni-auth-billing .feedback-textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s}.tapni-auth-billing .feedback-textarea:focus{outline:none;border-color:#1976d2}.tapni-auth-billing .modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e0e0e0;justify-content:flex-end}.tapni-auth-billing .button-secondary{padding:12px 24px;background:#fff;color:#333;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.tapni-auth-billing .button-secondary:hover{background:#f5f5f5}.tapni-auth-billing .button-danger{padding:12px 24px;background:#d32f2f;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.tapni-auth-billing .button-danger:hover:not(:disabled){background:#b71c1c}.tapni-auth-billing .button-danger:disabled{opacity:.5;cursor:not-allowed}#emailInput[data-v-707a4b16]{text-align:center;padding-right:15%;font-size:17px}html *{font-family:Inter,sans-serif}#bodyId{padding-top:3%;max-width:667px!important;margin:1.5% auto auto;height:95%!important;border-radius:20px}.action-block-top .default-text,.action-block-top .default-text:after{border-radius:50%;width:10em!important;height:10em!important}.action-block-top .default-text{margin:10px auto;font-size:3px;position:relative;text-indent:-9999em;border-left:.5em solid #000000;border-top:.5em solid rgba(0,0,0,.2);border-right:.5em solid rgba(0,0,0,.2);border-bottom:.5em solid rgba(0,0,0,.2);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.smartbanner-ios{background:linear-gradient(to bottom,#f4f4f4,#f4f4f4);box-shadow:0 0 #fff;border-bottom:1px solid #dddddd}.smartbanner-icon{border-radius:16px}.smartbanner-ios .smartbanner-button{font-size:13px;padding:9px 0;height:40px;border-radius:13px;background:#f4f4f4;color:#0a99d2;border:none;box-shadow:none;text-transform:uppercase}.snack-body{display:none;border-radius:40px;font-size:15px!important}#errorSnack{background-color:#fee3e3!important;border:2px solid #edd9d9!important;color:#000}#successSnack{background-color:#eff5eb!important;border:2px solid #e3ecd7!important;color:#000}.grecaptcha-badge{visibility:hidden}.header-logo{position:absolute;left:50%;transform:translate(-50%,-50%);margin-top:16px;z-index:2}.header-logo-img{height:40px;margin-top:10px}@media (max-width: 768px){#bodyId{margin-top:0;border-radius:0;height:100%!important}.header-logo{margin-top:16px}}.withBackground[data-v-2f7f5584],.withBackground[data-v-36b27d1f]{height:50px}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tapni/auth",
3
- "version": "1.0.65.dev",
3
+ "version": "1.0.66.dev",
4
4
  "type": "module",
5
5
  "main": "./dist/TapniAuth.umd.js",
6
6
  "module": "./dist/TapniAuth.es.js",
package/src/views/Billing.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="page-login content-boxed content-boxed-padding">
2
+ <div class="page-login content-boxed content-boxed-padding tapni-auth-billing">
3
3
  <a v-if="isModal" @click="close" class="color-black pull-right pointer" style="margin-top: 0px; position: absolute; right: -20px; text-align: right;">
4
4
  <i class="font-17 color-black">
5
5
  <img src="https://cdn.tapni.co/icons/down-arrow.png" class="responsive-image" style="width: 35%;"/>
@@ -279,21 +279,21 @@ export default {
279
279
  };
280
280
  </script>
281
281
 
282
- <style scoped>
283
- .withBackground {
282
+ <style>
283
+ .tapni-auth-billing .withBackground {
284
284
  height: 50px;
285
285
  }
286
286
 
287
- .no-subscriptions {
287
+ .tapni-auth-billing .no-subscriptions {
288
288
  padding: 40px 20px;
289
289
  }
290
290
 
291
- .gray-text {
291
+ .tapni-auth-billing .gray-text {
292
292
  color: #666;
293
293
  font-size: 16px;
294
294
  }
295
295
 
296
- .subscription-card {
296
+ .tapni-auth-billing .subscription-card {
297
297
  background: #fff;
298
298
  border: 1px solid #e0e0e0;
299
299
  border-radius: 12px;
@@ -302,7 +302,7 @@ export default {
302
302
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
303
303
  }
304
304
 
305
- .subscription-header {
305
+ .tapni-auth-billing .subscription-header {
306
306
  display: flex;
307
307
  justify-content: space-between;
308
308
  align-items: flex-start;
@@ -311,18 +311,18 @@ export default {
311
311
  border-bottom: 1px solid #f0f0f0;
312
312
  }
313
313
 
314
- .subscription-info {
314
+ .tapni-auth-billing .subscription-info {
315
315
  flex: 1;
316
316
  }
317
317
 
318
- .subscription-name {
318
+ .tapni-auth-billing .subscription-name {
319
319
  font-size: 20px;
320
320
  font-weight: 600;
321
321
  margin: 0 0 8px 0;
322
322
  color: #000;
323
323
  }
324
324
 
325
- .subscription-status {
325
+ .tapni-auth-billing .subscription-status {
326
326
  display: inline-block;
327
327
  padding: 4px 12px;
328
328
  border-radius: 12px;
@@ -331,55 +331,55 @@ export default {
331
331
  text-transform: uppercase;
332
332
  }
333
333
 
334
- .status-trialing {
334
+ .tapni-auth-billing .status-trialing {
335
335
  background: #e3f2fd;
336
336
  color: #1976d2;
337
337
  }
338
338
 
339
- .status-active {
339
+ .tapni-auth-billing .status-active {
340
340
  background: #e8f5e9;
341
341
  color: #388e3c;
342
342
  }
343
343
 
344
- .status-past_due {
344
+ .tapni-auth-billing .status-past_due {
345
345
  background: #fff3e0;
346
346
  color: #f57c00;
347
347
  }
348
348
 
349
- .status-canceled {
349
+ .tapni-auth-billing .status-canceled {
350
350
  background: #ffebee;
351
351
  color: #d32f2f;
352
352
  }
353
353
 
354
- .subscription-details {
354
+ .tapni-auth-billing .subscription-details {
355
355
  margin-bottom: 16px;
356
356
  }
357
357
 
358
- .detail-row {
358
+ .tapni-auth-billing .detail-row {
359
359
  display: flex;
360
360
  justify-content: space-between;
361
361
  padding: 8px 0;
362
362
  font-size: 15px;
363
363
  }
364
364
 
365
- .detail-label {
365
+ .tapni-auth-billing .detail-label {
366
366
  color: #666;
367
367
  font-weight: 500;
368
368
  }
369
369
 
370
- .detail-value {
370
+ .tapni-auth-billing .detail-value {
371
371
  color: #000;
372
372
  font-weight: 600;
373
373
  }
374
374
 
375
- .subscription-actions {
375
+ .tapni-auth-billing .subscription-actions {
376
376
  display: flex;
377
377
  justify-content: flex-end;
378
378
  padding-top: 16px;
379
379
  border-top: 1px solid #f0f0f0;
380
380
  }
381
381
 
382
- .cancel-button {
382
+ .tapni-auth-billing .cancel-button {
383
383
  padding: 10px 20px;
384
384
  background: #fff;
385
385
  color: #d32f2f;
@@ -391,18 +391,18 @@ export default {
391
391
  transition: all 0.2s;
392
392
  }
393
393
 
394
- .cancel-button:hover:not(:disabled) {
394
+ .tapni-auth-billing .cancel-button:hover:not(:disabled) {
395
395
  background: #d32f2f;
396
396
  color: #fff;
397
397
  }
398
398
 
399
- .cancel-button:disabled {
399
+ .tapni-auth-billing .cancel-button:disabled {
400
400
  opacity: 0.5;
401
401
  cursor: not-allowed;
402
402
  }
403
403
 
404
404
  /* Modal Styles */
405
- .modal-overlay {
405
+ .tapni-auth-billing .modal-overlay {
406
406
  position: fixed;
407
407
  top: 0;
408
408
  left: 0;
@@ -416,7 +416,7 @@ export default {
416
416
  padding: 20px;
417
417
  }
418
418
 
419
- .modal-content {
419
+ .tapni-auth-billing .modal-content {
420
420
  background: #fff;
421
421
  border-radius: 16px;
422
422
  width: 100%;
@@ -426,7 +426,7 @@ export default {
426
426
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
427
427
  }
428
428
 
429
- .modal-header {
429
+ .tapni-auth-billing .modal-header {
430
430
  display: flex;
431
431
  justify-content: space-between;
432
432
  align-items: center;
@@ -434,14 +434,14 @@ export default {
434
434
  border-bottom: 1px solid #e0e0e0;
435
435
  }
436
436
 
437
- .modal-header h3 {
437
+ .tapni-auth-billing .modal-header h3 {
438
438
  margin: 0;
439
439
  font-size: 20px;
440
440
  font-weight: 600;
441
441
  color: #000;
442
442
  }
443
443
 
444
- .close-button {
444
+ .tapni-auth-billing .close-button {
445
445
  background: none;
446
446
  border: none;
447
447
  font-size: 28px;
@@ -457,26 +457,26 @@ export default {
457
457
  transition: background 0.2s;
458
458
  }
459
459
 
460
- .close-button:hover {
460
+ .tapni-auth-billing .close-button:hover {
461
461
  background: #f0f0f0;
462
462
  }
463
463
 
464
- .modal-body {
464
+ .tapni-auth-billing .modal-body {
465
465
  padding: 24px;
466
466
  }
467
467
 
468
- .modal-text {
468
+ .tapni-auth-billing .modal-text {
469
469
  font-size: 16px;
470
470
  line-height: 1.5;
471
471
  color: #333;
472
472
  margin-bottom: 24px;
473
473
  }
474
474
 
475
- .feedback-section {
475
+ .tapni-auth-billing .feedback-section {
476
476
  margin-top: 20px;
477
477
  }
478
478
 
479
- .feedback-label {
479
+ .tapni-auth-billing .feedback-label {
480
480
  display: block;
481
481
  font-size: 14px;
482
482
  font-weight: 600;
@@ -484,7 +484,7 @@ export default {
484
484
  margin-bottom: 8px;
485
485
  }
486
486
 
487
- .feedback-textarea {
487
+ .tapni-auth-billing .feedback-textarea {
488
488
  width: 100%;
489
489
  padding: 12px;
490
490
  border: 1px solid #e0e0e0;
@@ -495,12 +495,12 @@ export default {
495
495
  transition: border-color 0.2s;
496
496
  }
497
497
 
498
- .feedback-textarea:focus {
498
+ .tapni-auth-billing .feedback-textarea:focus {
499
499
  outline: none;
500
500
  border-color: #1976d2;
501
501
  }
502
502
 
503
- .modal-footer {
503
+ .tapni-auth-billing .modal-footer {
504
504
  display: flex;
505
505
  gap: 12px;
506
506
  padding: 20px 24px;
@@ -508,7 +508,7 @@ export default {
508
508
  justify-content: flex-end;
509
509
  }
510
510
 
511
- .button-secondary {
511
+ .tapni-auth-billing .button-secondary {
512
512
  padding: 12px 24px;
513
513
  background: #fff;
514
514
  color: #333;
@@ -520,11 +520,11 @@ export default {
520
520
  transition: all 0.2s;
521
521
  }
522
522
 
523
- .button-secondary:hover {
523
+ .tapni-auth-billing .button-secondary:hover {
524
524
  background: #f5f5f5;
525
525
  }
526
526
 
527
- .button-danger {
527
+ .tapni-auth-billing .button-danger {
528
528
  padding: 12px 24px;
529
529
  background: #d32f2f;
530
530
  color: #fff;
@@ -536,11 +536,11 @@ export default {
536
536
  transition: all 0.2s;
537
537
  }
538
538
 
539
- .button-danger:hover:not(:disabled) {
539
+ .tapni-auth-billing .button-danger:hover:not(:disabled) {
540
540
  background: #b71c1c;
541
541
  }
542
542
 
543
- .button-danger:disabled {
543
+ .tapni-auth-billing .button-danger:disabled {
544
544
  opacity: 0.5;
545
545
  cursor: not-allowed;
546
546
  }