:root {
  --cosmo-portal-accent: #111111;
  --cosmo-portal-accent-dark: #3a3a3d;
}

body.portal-v2 {
  --tblr-primary: #111111;
  --tblr-primary-rgb: 17, 17, 17;
  --tblr-primary-text-emphasis: #111111;
  --tblr-primary-bg-subtle: #f1f1f1;
  --tblr-primary-border-subtle: #e3e3e5;
  --tblr-link-color: #111111;
  --tblr-link-color-rgb: 17, 17, 17;
  --tblr-link-hover-color: #3a3a3d;
  --tblr-link-hover-color-rgb: 58, 58, 61;
}

.portal-v2 .btn-primary,
.portal-v2 .btn-outline-primary {
  --tblr-btn-disabled-bg: transparent;
  --tblr-btn-disabled-color: #111111;
  --tblr-btn-active-bg: #3a3a3d;
  --tblr-btn-active-border-color: #3a3a3d;
  --tblr-btn-active-color: #fff;
  --tblr-btn-disabled-bg: #111111;
  --tblr-btn-disabled-border-color: #111111;
  --tblr-btn-focus-shadow-rgb: 17, 17, 17;
}
.portal-v2 .btn-outline-primary {
  --tblr-btn-color: #111111;
  --tblr-btn-border-color: #111111;
  --tblr-btn-hover-bg: #111111;
  --tblr-btn-hover-border-color: #111111;
  --tblr-btn-hover-color: #fff;
}
.portal-v2 .form-check-input:checked {
  background-color: #111111;
  border-color: #111111;
  color: #fff;
}
.portal-v2 .form-control:focus,
.portal-v2 .form-select:focus {
  border-color: #3a3a3d;
}
.portal-v2 .navbar-vertical[data-bs-theme="dark"] .nav-link.active {
  color: #fff;
  background: #3a3a3d;
}
.portal-v2 .dropdown-item.active { background: #e3e3e5; }

html[dir="ltr"] body.portal-v2 {
  direction: ltr;
  text-align: left;
}

.portal-v2 .portal-notification-menu {
  position: relative;
}

.portal-v2 .portal-notification-menu #list {
  inset-inline-end: 0;
  inset-inline-start: auto;
  inset-block-start: calc(100% + .5rem);
  max-height: min(36rem, calc(100dvh - 5rem));
  max-width: calc(100vw - 1rem);
  min-width: 0;
  overflow: hidden;
  width: 24rem;
}

.portal-v2 .portal-notification-menu #list > .card {
  display: flex;
  flex-direction: column;
  max-height: min(36rem, calc(100dvh - 5rem));
  min-height: 0;
  overflow: hidden;
}

.portal-v2 .portal-notification-menu #list > .card > .card-header,
.portal-v2 .portal-notification-menu #list > .card > .card-body {
  flex: 0 0 auto;
}

.portal-v2 .portal-notification-menu #list > .card > .list-group {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

html[lang="ar"] .portal-v2 .portal-notification-menu #list {
  direction: rtl;
  text-align: right;
}

.portal-v2 .portal-notification-menu #list .list-group-item .row {
  flex-wrap: nowrap;
}

.portal-v2 .portal-notification-menu #list .list-group-item .col {
  min-width: 0;
}

.portal-v2 .portal-notification-menu #list .notification-title,
.portal-v2 .portal-notification-menu #list .notification-message {
  display: block;
  overflow-wrap: anywhere;
  white-space: normal;
}

.portal-v2 .portal-notification-menu #list .notification-title {
  font-weight: 600;
  line-height: 1.35;
}

.portal-v2 .portal-notification-menu #list .notification-message {
  display: -webkit-box;
  line-height: 1.35;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.portal-v2 .portal-notification-menu #list > .card > .card-body > .d-flex {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.portal-v2 .portal-notification-menu #list > .card > .card-body > .d-flex > [class*="col-"] {
  min-width: 0;
  width: auto;
}

.portal-v2 .portal-notification-menu #list .card-body .btn {
  height: 100%;
  min-width: 0;
  white-space: normal;
}

.portal-v2 .navbar-brand-image {
  width: auto;
  max-width: 150px;
  max-height: 42px;
  object-fit: contain;
}

.portal-v2 .login-logo .navbar-brand-image,
.portal-v2 .login-logo img {
  width: auto;
  max-width: 180px;
  max-height: 72px;
  object-fit: contain;
}

.portal-v2 .btn-primary {
  --tblr-btn-bg: var(--cosmo-portal-accent);
  --tblr-btn-border-color: var(--cosmo-portal-accent);
  --tblr-btn-hover-bg: var(--cosmo-portal-accent-dark);
  --tblr-btn-hover-border-color: var(--cosmo-portal-accent-dark);
}

.portal-v2 .portal-stock-action-list,
.portal-v2 .portal-stock-value-list {
  display: grid;
  gap: 0.5rem;
  width: 100%;
}

.portal-v2 .portal-stock-action-row,
.portal-v2 .portal-stock-value-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 2.25rem;
}

.portal-v2 .portal-stock-value {
  color: var(--tblr-body-color);
  font-weight: 700;
  line-height: 1.25;
}

.portal-v2 .portal-stock-edit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  color: #0ca678;
  background: rgba(12, 166, 120, 0.1);
  border-radius: 6px;
  font-size: 1rem;
  text-decoration: none;
}

.portal-v2 .portal-stock-edit-btn:hover,
.portal-v2 .portal-stock-edit-btn:focus {
  color: #087f5b;
  background: rgba(12, 166, 120, 0.16);
  text-decoration: none;
}

.portal-v2 .nav-link.active,
.portal-v2 .dropdown-item.active {
  color: var(--cosmo-portal-accent);
}

.portal-v2 .sidebar-search {
  min-height: 42px;
}

.portal-v2 .language-menu .dropdown-item[aria-current="true"] {
  color: var(--cosmo-portal-accent);
  font-weight: 600;
}

.portal-v2 .portal-user-menu {
  min-height: 40px;
}

.portal-v2 .portal-user-menu-rtl {
  flex-direction: row-reverse;
}

.portal-v2 .portal-user-meta {
  flex: 0 0 auto;
  line-height: 1.4;
  max-width: none;
  min-width: 0;
  overflow: visible;
  padding-block: .125rem;
}

.portal-v2 .portal-user-name,
.portal-v2 .portal-user-role {
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

.portal-v2 .portal-user-role {
  line-height: 1.45;
  padding-bottom: .0625rem;
}

.portal-v2 .page-center {
  min-height: 100vh;
}

.portal-v2 .page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.portal-v2 .page > .page-wrapper {
  flex: 1 0 auto;
}

.portal-v2 .portal-footer {
  background: #fff;
  border-top: 1px solid var(--tblr-border-color, #e6eaf0);
  flex: 0 0 auto;
  margin-top: auto;
  padding: 0;
}

.portal-v2 .portal-footer-inner {
  align-items: center;
  display: flex;
  gap: .75rem;
  justify-content: space-between;
  min-height: 56px;
  padding: .75rem 0;
}

.portal-v2 .portal-footer-copy {
  color: var(--tblr-secondary, #667085);
  font-size: .875rem;
  line-height: 1.4;
  text-align: end;
}

.portal-v2 .portal-footer-version {
  flex: 0 0 auto;
}

@media (min-width: 992px) {
  .portal-v2 .portal-footer {
    margin-left: 15rem;
  }

  /* Arabic: the sidebar sits on the right, so the footer clears it on that side. */
  html[dir="rtl"] .portal-v2 .portal-footer {
    margin-left: 0;
    margin-right: 15rem;
  }
}

.portal-v2 .portal-toast {
  top: 0;
  z-index: 1090;
  width: min(360px, calc(100vw - 1rem));
}

.portal-v2 #loading {
  align-items: center;
  background: rgba(255, 255, 255, 0.72);
  display: none;
  inset: 0;
  justify-content: center;
  position: fixed;
  z-index: 2000;
}

.portal-v2 .content-wrapper {
  background: transparent;
  margin: 0;
  min-height: auto;
}

.portal-v2 .ml-auto {
  margin-left: auto !important;
}

.portal-v2 .mr-2 {
  margin-right: .5rem !important;
}

.portal-v2 .text-right {
  text-align: right !important;
}

.portal-v2 .orders-filter-row .input-icon {
  max-width: 100%;
}

.portal-v2 .orders-filter-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.portal-v2 .orders-filter-actions .btn {
  align-items: center;
  display: inline-flex;
  gap: .4rem;
  justify-content: center;
  min-height: 46px;
  min-width: 7.25rem;
  padding-inline: 1rem;
  white-space: nowrap;
}

.portal-v2 .fixed-table-pagination .pagination {
  direction: ltr;
}

.portal-v2 .fixed-table-pagination .page-link {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-width: 2.25rem;
}

.portal-v2 .portal-product-main-image {
  max-height: 28rem;
  object-fit: contain;
  width: 100%;
}

.portal-v2 .portal-product-thumb {
  object-fit: cover;
}

.portal-v2 .faq-product-select .ts-dropdown-content {
  max-height: min(32rem, calc(100vh - 12rem));
}

.portal-v2 .portal-media-table td {
  vertical-align: middle;
}

.portal-v2 .portal-media-thumb {
  align-items: center;
  background: #FFFFFF;
  border: 1px solid var(--tblr-border-color, #e6eaf0);
  border-radius: 8px;
  display: flex;
  height: 76px;
  justify-content: center;
  overflow: hidden;
  width: 76px;
}

.portal-v2 .portal-media-thumb a {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.portal-v2 .portal-media-thumb img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.portal-v2 .portal-table-actions .dropdown-toggle {
  align-items: center;
  background: var(--tblr-bg-surface-secondary, #FFFFFF);
  border: 0;
  box-shadow: none;
  color: var(--tblr-secondary, #667085);
  display: inline-flex;
  height: 2.25rem;
  justify-content: center;
  padding: 0;
  width: 2.75rem;
}

.portal-v2 .portal-table-actions .dropdown-toggle:hover,
.portal-v2 .portal-table-actions .dropdown-toggle:focus,
.portal-v2 .portal-table-actions .dropdown-toggle.show {
  background: var(--tblr-bg-surface-secondary, #FFFFFF);
  border: 0;
  box-shadow: none;
  color: var(--tblr-body-color, #182433);
}

.portal-v2 .portal-table-actions .dropdown-toggle::after {
  display: none;
}

.portal-v2 .portal-table-actions .dropdown-menu {
  min-width: 12rem;
}

.portal-v2 .seller-quick-actions {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.portal-v2 .seller-dashboard-side-stack {
  display: flex;
  flex-direction: column;
}

.portal-v2 .seller-dashboard-side-stack > .card {
  width: 100%;
}

.portal-v2 .seller-quick-actions .btn {
  align-items: center;
  display: inline-flex;
  gap: .5rem;
  justify-content: center;
  min-height: 2.75rem;
  padding-inline: .75rem;
  white-space: normal;
}

.portal-v2 .seller-quick-actions .btn span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.portal-v2 .seller-quick-actions-card .seller-quick-actions {
  width: 100%;
}

.portal-v2 .dashboard-table-pair > [class*="col-"] {
  display: flex;
}

.portal-v2 .dashboard-table-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.portal-v2 .dashboard-table-card .table-responsive {
  display: flex;
  flex: 1 1 auto;
}

.portal-v2 .dashboard-table-card .card-table {
  height: 100%;
  margin-bottom: 0;
}

.portal-floating-table-menu {
  box-shadow: 0 12px 30px rgba(15, 23, 42, .14);
  margin: 0;
  max-width: 16rem;
  min-width: 12rem;
  right: auto !important;
  width: max-content;
}

.portal-floating-table-menu .dropdown-item {
  align-items: center;
  display: flex;
  gap: .5rem;
  white-space: nowrap;
}

.portal-v2 .portal-native-file-input {
  height: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 1px !important;
}

.portal-v2 .portal-file-input {
  align-items: stretch;
  cursor: pointer;
  display: flex;
  min-height: 3rem;
  overflow: hidden;
  padding: 0;
}

.portal-v2 .portal-file-input-button,
.portal-v2 .portal-file-input-name {
  align-items: center;
  display: inline-flex;
  min-width: 0;
  padding: .5625rem 1rem;
}

.portal-v2 .portal-file-input-button {
  background: var(--tblr-bg-surface-secondary);
  border-inline-end: var(--tblr-border-width) solid var(--tblr-border-color);
  flex: 0 0 auto;
  font-weight: 500;
}

.portal-v2 .portal-file-input-name {
  color: var(--tblr-body-color);
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[dir="rtl"] .portal-v2 .portal-file-input {
  direction: rtl;
}

@media (max-width: 575.98px) {
  .portal-v2 .portal-footer-inner {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 72px;
    text-align: center;
  }

  .portal-v2 .portal-footer-copy {
    text-align: center;
  }

  .portal-v2 .orders-filter-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .portal-v2 .orders-filter-actions .btn {
    min-width: 0;
    width: 100%;
  }

  .portal-v2 .seller-quick-actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991.98px) {
  .portal-v2 .navbar-vertical .navbar-collapse {
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
  }
}
.portal-v2 .bootstrap-table .fixed-table-body tbody td {
    vertical-align: middle;
}

.portal-v2 .bootstrap-table .fixed-table-body tbody td:has(img) {
    overflow: hidden;
    text-align: center !important;
}

.portal-v2 .bootstrap-table .image-box-100,
.portal-v2 .bootstrap-table .image-box-table {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: center;
    margin-inline: auto;
    max-width: 100%;
    overflow: hidden;
    width: min(100px, 100%);
}

.portal-v2 .bootstrap-table .image-box-100 > a,
.portal-v2 .bootstrap-table .image-box-table > a,
.portal-v2 .bootstrap-table .fixed-table-body tbody td > a:has(> img) {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    max-width: 100%;
    overflow: hidden;
    width: 100%;
}

.portal-v2 .bootstrap-table .fixed-table-body tbody td img {
    display: block;
    margin-inline: auto;
    max-height: 100px !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

.portal-v2 .seller-registration-container {
  max-width: 900px;
}

.portal-v2 .seller-registration-card {
  border: 0;
  box-shadow: 0 1rem 3rem rgba(15, 23, 42, .1);
}

.portal-v2 .seller-registration-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  position: relative;
}

.portal-v2 .seller-registration-steps::before {
  background: var(--tblr-border-color);
  content: "";
  height: 2px;
  inset-inline: 16.666%;
  position: absolute;
  top: 1.125rem;
}

.portal-v2 .seller-registration-step {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--tblr-secondary-color);
  display: flex;
  flex-direction: column;
  gap: .4rem;
  padding: 0 .5rem;
  position: relative;
  z-index: 1;
}

.portal-v2 .seller-registration-step span {
  align-items: center;
  background: var(--tblr-bg-surface);
  border: 2px solid var(--tblr-border-color);
  border-radius: 50%;
  display: flex;
  font-weight: 700;
  height: 2.25rem;
  justify-content: center;
  transition: .2s ease;
  width: 2.25rem;
}

.portal-v2 .seller-registration-step.active,
.portal-v2 .seller-registration-step.complete {
  color: var(--tblr-primary);
}

.portal-v2 .seller-registration-step.active span,
.portal-v2 .seller-registration-step.complete span {
  background: var(--tblr-primary);
  border-color: var(--tblr-primary);
  color: #fff;
}

.portal-v2 .seller-registration-panel[hidden],
.portal-v2 .seller-registration-actions [hidden] {
  display: none !important;
}

.portal-v2 .seller-registration-actions {
  align-items: center;
  display: flex;
  gap: .75rem;
}

.portal-v2 .seller-registration-auth .iti,
.portal-v2 .seller-registration-auth .intl-tel-input {
  direction: ltr;
  display: block;
  width: 100%;
}

.portal-v2 .seller-registration-auth .intl-tel-input input {
  direction: ltr;
  text-align: left;
  width: 100%;
}

.portal-v2 .portal-invoice {
  margin-inline: auto;
  max-width: 1320px;
  overflow: hidden;
}

.portal-v2 .portal-invoice-logo {
  display: block;
  height: auto;
  max-height: 72px;
  max-width: min(340px, 100%);
  object-fit: contain;
  object-position: left center;
}

.portal-v2 .portal-invoice-address {
  background: var(--tblr-bg-surface-secondary, #FFFFFF);
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius-lg, .5rem);
  overflow-wrap: anywhere;
  padding: 1.25rem;
}

.portal-v2 .portal-invoice-table {
  min-width: 900px;
}

.portal-v2 .portal-invoice-table th,
.portal-v2 .portal-invoice-table td {
  vertical-align: middle;
}

.portal-v2 .portal-invoice-summary > div {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: .65rem 0;
}

.portal-v2 .portal-invoice-summary > div + div {
  border-top: 1px solid var(--tblr-border-color);
}

.portal-v2 .portal-invoice-total {
  font-size: 1.125rem;
}

.portal-v2 .portal-invoice-signature {
  max-width: 260px;
}

.portal-v2 .portal-invoice-signature img {
  display: block;
  height: 72px;
  margin-inline: auto;
  max-width: 220px;
  object-fit: contain;
}

html[dir="rtl"] .portal-v2 .seller-step-next .ti-arrow-right,
html[dir="rtl"] .portal-v2 .seller-step-prev .ti-arrow-left {
  transform: rotate(180deg);
}

.portal-v2 .portal-login-form .input-group-flat > .togglePassword {
  justify-content: center;
  min-width: 2.75rem;
  padding: 0 !important;
  width: 2.75rem;
}

html[dir="rtl"] .portal-v2 .portal-login-form .input-group-flat > .form-control {
  border-left-width: 0;
  border-radius: 0 var(--tblr-border-radius) var(--tblr-border-radius) 0 !important;
  border-right: 1px solid var(--tblr-border-color);
}

html[dir="rtl"] .portal-v2 .portal-login-form .input-group-flat > .togglePassword {
  border-radius: var(--tblr-border-radius) 0 0 var(--tblr-border-radius) !important;
  margin-left: 0 !important;
  margin-right: -1px !important;
}

/* Fields that start with an icon box (e.g. forgot-password email): center the icon so it isn't jammed against the input. */
.portal-v2 .input-group-flat > .input-group-text:first-child {
  justify-content: center;
  min-width: 2.75rem;
  padding-inline: 0.75rem !important;
}

.portal-v2 .input-group-flat > .input-group-text:first-child + .form-control {
  border-inline-start-width: 0;
}

/* RTL fields that start with an icon box (e.g. forgot-password email): mirror the joined edge. */
html[dir="rtl"] .portal-v2 .input-group-flat > .input-group-text:first-child {
  border-radius: 0 var(--tblr-border-radius) var(--tblr-border-radius) 0 !important;
}

html[dir="rtl"] .portal-v2 .input-group-flat > .input-group-text:first-child + .form-control {
  border-left: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius) 0 0 var(--tblr-border-radius) !important;
  border-right-width: 0;
  margin-left: 0 !important;
  margin-right: -1px !important;
}

/* "Back to sign in" arrows on the sign-in pages point the reading direction's way. */
html[dir="rtl"] .portal-v2 .page-center .ti-arrow-left {
  display: inline-block;
  transform: scaleX(-1);
}

/* "Back to home" link on the portal sign-in pages, at the start side opposite the language menu (end-0). */
.portal-v2 .portal-home-link {
  inset-inline-start: 0;
  position: absolute;
  top: 0;
  z-index: 2;
}

@media (max-width: 575.98px) {
  .portal-v2 .portal-notification-menu #list {
    inset-inline: .5rem;
    max-height: calc(100dvh - 4.5rem);
    max-width: none;
    min-width: 0;
    overflow: hidden;
    position: fixed;
    top: 3.75rem;
    width: auto;
  }

  .portal-v2 .portal-notification-menu #list > .card {
    max-height: calc(100dvh - 4.5rem);
  }

  .portal-v2 .seller-registration-auth {
    padding-top: 4.5rem;
  }

  .portal-v2 .seller-registration-step strong {
    font-size: .75rem;
  }
}

@media print {
  @page {
    margin: 12mm;
    size: auto;
  }

  .portal-v2 .navbar,
  .portal-v2 .navbar-vertical,
  .portal-v2 .page-header,
  .portal-v2 footer {
    display: none !important;
  }

  .portal-v2 .page,
  .portal-v2 .page > .page-wrapper,
  .portal-v2 .portal-invoice-page,
  .portal-v2 .page-body,
  .portal-v2 .page-body > .container-fluid {
    margin: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .portal-v2 .portal-invoice {
    border: 0 !important;
    box-shadow: none !important;
    max-width: none;
  }

  .portal-v2 .portal-invoice > .card-body {
    padding: 0 !important;
  }

  .portal-v2 .portal-invoice-address {
    background: #fff !important;
  }

  .portal-v2 .portal-invoice .table-responsive {
    overflow: visible !important;
  }

  .portal-v2 .portal-invoice-table {
    font-size: 9pt;
    min-width: 0;
  }
}

/* Supplier sign-up uses the storefront purple instead of the portal green */
.portal-v2 .seller-registration-auth , .portal-v2 .supplier-auth {
  --tl-brand: #6D28D9;
  --tl-brand-press: #5B21B6;
  --tl-brand-soft: #EDE9FE;
  --tl-brand-fill: #6D28D9;
  --tl-ring: 0 0 0 3px rgba(109, 40, 217, .2);
  --cosmo-portal-accent: #6D28D9;
  --cosmo-portal-accent-dark: #5B21B6;
  --tblr-primary: #6D28D9;
  --tblr-primary-rgb: 109, 40, 217;
  --tblr-primary-text-emphasis: #5B21B6;
  --tblr-primary-bg-subtle: #EDE9FE;
  --tblr-primary-border-subtle: #DDD6FE;
  --tblr-primary-lt: #EDE9FE;
  --tblr-link-color: #6D28D9;
  --tblr-link-color-rgb: 109, 40, 217;
  --tblr-link-hover-color: #5B21B6;
  --tblr-link-hover-color-rgb: 91, 33, 182;
}
[data-bs-theme="dark"] .portal-v2 .seller-registration-auth,
[data-bs-theme="dark"] .portal-v2 .supplier-auth {
  --tl-brand: #8B5CF6;
  --tl-brand-press: #7C3AED;
  --tl-brand-soft: #2A2147;
  --tl-brand-fill: #7C3AED;
  --cosmo-portal-accent: #8B5CF6;
  --cosmo-portal-accent-dark: #7C3AED;
  --tblr-primary: #8B5CF6;
  --tblr-primary-rgb: 139, 92, 246;
  --tblr-primary-text-emphasis: #C4B5FD;
  --tblr-primary-bg-subtle: #2A2147;
  --tblr-primary-border-subtle: #4C3A8A;
  --tblr-primary-lt: #2A2147;
  --tblr-link-color: #A78BFA;
  --tblr-link-hover-color: #C4B5FD;
}
.portal-v2 .seller-registration-auth .portal-brand__mono , .portal-v2 .supplier-auth .portal-brand__mono { background: var(--tl-brand); }
.portal-v2 .seller-registration-auth .btn-primary:is(:hover,:focus,:active,:disabled),
.portal-v2 .supplier-auth .btn-primary:is(:hover,:focus,:active,:disabled),
.portal-v2 .seller-registration-auth .btn-primary.active , .portal-v2 .supplier-auth .btn-primary.active {
  background-color: var(--tl-brand-press) !important;
  border-color: var(--tl-brand-press) !important;
  color: #fff !important;
}
.portal-v2 .seller-registration-auth .btn-primary:focus-visible , .portal-v2 .supplier-auth .btn-primary:focus-visible { box-shadow: var(--tl-ring) !important; }
.portal-v2 .seller-registration-auth .form-control:focus, .portal-v2 .supplier-auth .form-control:focus,
.portal-v2 .seller-registration-auth .form-select:focus, .portal-v2 .supplier-auth .form-select:focus,
.portal-v2 .seller-registration-auth .ts-control.focus , .portal-v2 .supplier-auth .ts-control.focus { border-color: var(--tl-brand); box-shadow: var(--tl-ring); }
.portal-v2 .seller-registration-auth input:-webkit-autofill , .portal-v2 .supplier-auth input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px var(--tl-brand-soft) inset; }
.portal-v2 .supplier-auth .input-group:focus-within .input-group-text,
.portal-v2 .seller-registration-auth .input-group:focus-within .input-group-text { border-color: var(--tl-brand); background: var(--tl-brand-soft); color: var(--tl-brand); box-shadow: var(--tl-ring); }
.portal-v2 .supplier-auth .input-group:focus-within .form-control,
.portal-v2 .seller-registration-auth .input-group:focus-within .form-control { border-color: var(--tl-brand); box-shadow: var(--tl-ring); }
html .portal-v2 .supplier-auth .form-control:focus,
html .portal-v2 .supplier-auth .form-select:focus,
html .portal-v2 .seller-registration-auth .form-control:focus,
html .portal-v2 .seller-registration-auth .form-select:focus { border-color: var(--tl-brand) !important; box-shadow: var(--tl-ring) !important; outline: 0; }