/* SellX POS — Ozone Tech visual identity */
:root {
  --sellx-50: #fdf2f8;
  --sellx-100: #fce7f3;
  --sellx-400: #f472b6;
  --sellx-700: #9d174d;
  --sellx-800: #831843;
  --sellx-900: #500724;
}

.sellx-wordmark {
  display: block;
  width: auto;
  max-width: 100%;
}

.sellx-auth-footer {
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  letter-spacing: 0.02em;
  margin: 16px 0 4px;
  text-align: center;
}

.sellx-auth-footer a {
  color: #fff;
  font-weight: 600;
}

/* The core UI exposes its palette through these variables. */
.tw-bg-gradient-to-r.tw-from-indigo-600.tw-to-blue-500,
.tw-bg-gradient-to-r.tw-from-indigo-500.tw-to-blue-500 {
  background-image: linear-gradient(to right, var(--sellx-800), var(--sellx-700)) !important;
}

.tw-from-indigo-600:hover.tw-to-blue-500,
.tw-from-indigo-500:hover.tw-to-blue-500 {
  background-image: linear-gradient(to right, var(--sellx-900), var(--sellx-800)) !important;
}

.sellx-auth .tw-bg-gradient-to-r.tw-from-indigo-500.tw-to-blue-500,
.sellx-auth .tw-bg-gradient-to-r.tw-from-indigo-600.tw-to-blue-500 {
  background-image: linear-gradient(135deg, var(--sellx-900), var(--sellx-700)) !important;
}

.sellx-auth .tw-bg-clip-text {
  background-image: linear-gradient(to right, var(--sellx-800), var(--sellx-700)) !important;
}

.sellx-auth .hover\:tw-text-\[\#467BF5\]:hover {
  color: var(--sellx-700) !important;
}

.sellx-auth .focus\:tw-ring-blue-500:focus {
  --tw-ring-color: var(--sellx-700) !important;
}

.side-bar .sellx-business-name {
  color: rgba(255, 255, 255, 0.76);
  font-size: 11px;
  line-height: 1.2;
  margin-top: 2px;
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-bar .sellx-brand-lockup {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.side-bar .sellx-brand-lockup img {
  height: 28px;
  width: auto;
}

@media (max-width: 767px) {
  .sellx-auth-footer { margin-bottom: 0; }
}