:root {
  --urs-shadow-sm: 0 2px 4px rgba(15, 23, 42, 0.04);
  --urs-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
  --urs-primary: #fff1eb /*#f28163*/;
  --urs-primary-hover: #f28163 /*#e06a4c*/;
  --urs-primary-hover-soft: rgba(242, 129, 99, 0.12);
  --urs-primary-light: #fff1eb;
  --urs-primary-dark: #fff1eb /*#c85f44*/;
  --urs-primary-soft: #fff1eb /*rgba(242, 129, 99, 0.1)*/;
  --urs-primary-soft-20: #fff1eb /*rgba(242, 129, 99, 0.2)*/;
  --urs-secondary: #c7eeea /*#48cab2*/;
  --urs-secondary-hover: #48cab2 /*#3db7a1*/;
  --urs-bg: #f5f7fa;
  --urs-text: #202020;
  --urs-text-reverse: #fff;
  --urs-muted: #6d7788;
  --urs-border: #dce2ea;
  --urs-shadow: 0 8px 8px rgba(24, 37, 56, 0.08);
}

.urs-landing,
.urs-auth,
.urs-dashboard {
  color: var(--urs-text);
}

.urs-guard {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.urs-guard__card {
  width: min(760px, 100%);
  border: 1px solid var(--urs-border);
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--urs-shadow);
  padding: 30px;
  text-align: center;
}

.urs-guard__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  border: 1px solid rgba(242, 129, 99, 0.24);
  background: rgba(242, 129, 99, 0.12);
  color: var(--urs-text);
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 14px;
}

.urs-guard__card h2 {
  margin: 0;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.2;
}

.urs-guard__card p {
  margin: 12px auto 20px;
  max-width: 560px;
  color: #647085;
  font-size: 16px;
}

.urs-btn {
  border: 1px solid var(--urs-text);
  font-size: 0.9rem;
  border-radius: 14px;
  padding: 12px 18px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  background: #e8edf3;
  color: var(--urs-text);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  text-decoration: none !important;
}

.urs-btn:hover {
  transform: translateY(-1px);
  color: var(--urs-text-reverse);
  background: var(--urs-text);
}

.urs-btn:disabled,
.urs-btn.is-loading,
.urs-social-btn:disabled,
.urs-code-resend-icon:disabled,
.urs-auth-link:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  transform: none !important;
  box-shadow: none !important;
}

.urs-btn-spinner {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: urs-spin 0.8s linear infinite;
  flex: 0 0 14px;
}

@keyframes urs-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.urs-btn--primary {
  background: var(--urs-primary);
  color: #c85f45;
  border: 1px solid var(--urs-primary-hover);
}

.urs-btn--primary:hover,
.urs-btn--primary:focus {
  background: var(--urs-primary-hover);
  color: var(--urs-text-reverse);
  border: var(--urs-text-reverse);
}

.urs-btn--secondary {
  background: var(--urs-secondary);
  color: #176f6b;
  border-color: #176f6b;
}

.urs-btn--ghost {
  background: var(--urs-muted) !important;
  color: var(--urs-text-reverse);
  border: 1px solid #dce4ee;
}

.urs-btn--ghost:hover,
.urs-btn--ghost:focus {
  background: var(--urs-text) !important;
  color: var(--urs-text-reverse);
  border-color: #cbd5e1;
}

.urs-btn--small {
  padding: 8px 14px;
  font-size: 13px;
  border-radius: 10px;
}

.urs-btn--secondary:hover,
.urs-btn--secondary:focus {
  background: var(--urs-secondary-hover);
  color: var(--urs-text-reverse);
  border: var(--urs-text-reverse);
  text-decoration: none;
}

.urs-card {
  background: #fff;
  border: 1px solid var(--urs-border);
  border-radius: 18px;
  box-shadow: var(--urs-shadow);
  padding: 20px;
}

.urs-muted {
  color: var(--urs-muted);
  font-size: 14px;
}

.is-hidden {
  display: none !important;
}

.urs-landing {
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  overflow: hidden;
  padding: 32px;
  background: linear-gradient(125deg, #fff7f3, #e4fffa);
}

.urs-landing__overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(242, 129, 99, 0.2),
      transparent 40%
    ),
    radial-gradient(circle at 85% 80%, rgba(72, 202, 178, 0.2), transparent 40%);
}

.urs-landing__content {
  position: relative;
  z-index: 1;
  max-width: 640px;
  text-align: center;
}

.urs-landing h1 {
  font-size: clamp(30px, 4vw, 48px);
  margin: 0 0 12px;
}

.urs-landing p {
  margin: 0 0 20px;
}

.urs-chip {
  display: inline-block;
  background: #fff;
  border: 1px solid var(--urs-border);
  padding: 8px 12px;
  border-radius: 999px;
  margin-bottom: 12px;
}

.urs-auth {
  display: flex;
  justify-content: center;
  padding: 30px 0;
}

.urs-auth__card {
  width: 100%;
  max-width: 460px;
}

.urs-auth-shell {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 28px;
  min-height: min(860px, calc(100vh - 40px));
  padding: 24px;
  background:
    radial-gradient(
      circle at top left,
      rgba(242, 129, 99, 0.12),
      transparent 28%
    ),
    linear-gradient(135deg, #fffaf7, #ffffff 55%, #fff6f2);
  border: 1px solid #f0e3db;
  border-radius: 28px;
  box-shadow: 0 4px 12px rgba(31, 37, 51, 0.06);
}

.urs-auth-shell__brand {
  position: relative;
  overflow: hidden;
  padding: 28px;
  border-radius: 24px;
  background:
    radial-gradient(
      circle at 20% 20%,
      rgba(242, 129, 99, 0.16),
      transparent 25%
    ),
    radial-gradient(
      circle at 85% 0%,
      rgba(72, 202, 178, 0.12),
      transparent 25%
    ),
    linear-gradient(145deg, #fff, #fff8f4);
  border: 1px solid #f1e7e2;
}

.urs-auth-shell__logo {
  max-width: 220px;
  width: 100%;
  height: auto;
}

.urs-auth-shell__wordmark {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.urs-auth-shell__intro {
  max-width: 520px;
  margin-top: 72px;
}

.urs-auth-shell__pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(242, 129, 99, 0.25);
  color: var(--urs-primary);
  background: rgba(242, 129, 99, 0.08);
  font-weight: 600;
}

.urs-auth-shell__intro h2 {
  margin: 18px 0 14px;
  font-size: clamp(36px, 4vw, 58px);
  line-height: 1.06;
  letter-spacing: -0.04em;
}

.urs-auth-shell__intro p {
  margin: 0;
  max-width: 520px;
  font-size: 18px;
  line-height: 1.65;
  color: #596579;
}

.urs-auth-shell__benefits {
  padding: 0;
  margin: 28px 0 0;
  list-style: none;
  display: grid;
  gap: 14px;
}

.urs-auth-shell__benefits li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 500;
  color: #334155;
}

.urs-auth-shell__benefits i {
  color: var(--urs-primary-hover);
}

.urs-auth-card {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #f1e7e2;
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 6px 16px rgba(31, 37, 51, 0.07);
  backdrop-filter: blur(10px);
}

.urs-auth-card__header {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 22px;
}

.urs-auth-card__icon {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  color: var(--urs-text);
  background: linear-gradient(
    135deg,
    var(--urs-primary),
    var(--urs-primary-hover)
  );
  box-shadow: 0 6px 16px rgba(242, 129, 99, 0.18);
}

.urs-auth-card__header h3 {
  margin: 0 0 6px;
  font-size: 28px;
  letter-spacing: -0.03em;
}

.urs-auth-card__header p {
  margin: 0;
  color: #667085;
  line-height: 1.55;
}

.urs-auth-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 6px;
  margin-bottom: 22px;
  border-radius: 18px;
  background: #f7f5f4;
  border: 1px solid #f0e5df;
}

.urs-auth-tab {
  border: 0;
  background: transparent;
  border-radius: 14px;
  padding: 12px 16px;
  font-size: 15px;
  font-weight: 700;
  color: #667085;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease;
}

.urs-auth-tab.is-active {
  color: var(--urs-primary);
  background: #fff;
  box-shadow: 0 6px 18px rgba(31, 37, 51, 0.06);
}

#urs-auth-reset-form input {
  border-radius: 6px;
}

.urs-auth-panels {
  position: relative;
  transition: height 280ms ease;
}

.urs-auth-panel {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(28px) translateY(8px);
  transition:
    opacity 260ms ease,
    transform 320ms ease,
    visibility 0s linear 320ms;
}

.urs-auth-panel.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0) translateY(0);
  transition:
    opacity 260ms ease,
    transform 320ms ease,
    visibility 0s linear 0s;
}

.urs-auth-form {
  margin-top: 0;
}

.urs-auth-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.urs-auth-flex {
  display: flex;
  gap: 12px;
  flex-direction: column;
}

.urs-input-wrap {
  position: relative;
}

.urs-input-wrap > i:first-child {
  position: absolute;
  top: 41%;
  left: 14px;
  transform: translateY(-50%);
  color: #98a2b3;
  pointer-events: none;
}

.urs-input-wrap input,
.urs-input-wrap select {
  padding-left: 42px;
}

.urs-input-wrap input:focus,
.urs-input-wrap select:focus,
.urs-input-wrap textarea:focus {
  outline: none;
  border-color: rgba(242, 129, 99, 0.55);
  box-shadow: 0 0 0 4px rgba(242, 129, 99, 0.12);
}

.urs-password-toggle {
  position: absolute;
  top: 46%;
  right: 4px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: #fff;
  color: #98a2b3;
  cursor: pointer;
}

.urs-password-toggle::before,
.urs-password-toggle::after {
  content: none !important;
}

.urs-password-toggle i {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  line-height: 1;
}

.urs-field-help {
  margin: -2px 0 2px;
  font-size: 12px;
  line-height: 1.5;
  color: #7b8794;
}

.urs-auth-form-alert {
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.55;
  border: 1px solid transparent;
}

.urs-auth-form-alert.is-error {
  color: #b42318;
  background: #fff4f2;
  border-color: #fecaca;
}

.urs-auth-form-alert.is-success {
  color: #027a48;
  background: #ecfdf3;
  border-color: #abefc6;
}

.urs-auth-inline-feedback {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.45;
  color: #7b8794;
}

.urs-auth-inline-feedback:empty {
  display: none;
}

.urs-auth-inline-feedback.is-invalid {
  color: #b42318;
}

.urs-auth-inline-feedback.is-valid {
  color: #027a48;
}

.urs-password-meter {
  display: grid;
  gap: 8px;
  margin-top: 4px;
}

.urs-password-meter__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.urs-password-meter__label,
.urs-password-meter__text {
  font-size: 13px;
  color: #667085;
}

.urs-password-help {
  position: relative;
}

.urs-password-help__btn {
  width: 22px;
  height: 22px;
  border: 0;
  background: transparent;
  color: var(--urs-primary);
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.urs-password-help__tooltip {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: 250px;
  border: 1px solid #dbe3ee;
  border-radius: 10px;
  background: #fff;
  color: #243247;
  box-shadow: 0 4px 12px rgba(16, 29, 48, 0.08);
  padding: 12px;
  font-size: 12px;
  line-height: 1.5;
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition:
    opacity 0.18s ease,
    transform 0.18s ease;
  z-index: 30;
}

.urs-password-help__tooltip strong {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
}

.urs-password-help__tooltip ul {
  margin: 0;
  padding-left: 16px;
}

.urs-password-help__tooltip li {
  margin: 0;
}

.urs-password-help:hover .urs-password-help__tooltip,
.urs-password-help:focus-within .urs-password-help__tooltip,
.urs-password-help.is-open .urs-password-help__tooltip {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.urs-password-meter__track {
  width: 100%;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #edf1f6;
}

.urs-password-meter__track span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  transition:
    width 0.2s ease,
    background-color 0.2s ease;
}

.urs-btn--full {
  justify-content: center;
  width: 100%;
}

.urs-auth-link {
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--urs-primary);
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}

.urs-auth-actions {
  display: grid;
  gap: 12px;
}

.urs-auth-feedback {
  min-height: 24px;
  margin-top: 16px;
  font-size: 14px;
  color: #667085;
}

.urs-auth-feedback.is-success {
  color: #1f9d7a;
}

.urs-auth-feedback.is-error {
  color: #dc2626;
}

.urs-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 14px;
}

.urs-form input,
.urs-form select,
.urs-form textarea {
  width: 100%;
  border-radius: 12px;
  border: 1px solid var(--urs-border);
  padding: 12px 13px;
  font-size: 14px;
  background: #fff;
}

.urs-dashboard {
  display: grid;
  grid-template-columns: 256px 1fr;
  height: 100vh;
  min-height: 100vh;
  background: var(--urs-bg);
  border: 1px solid #d7dde7;
  border-radius: 0;
  overflow: hidden;
  transition: grid-template-columns 0.28s ease;
  font-size: 1.1em !important;
}

.urs-dashboard .urs-nav-link,
.urs-dashboard .urs-topbar,
.urs-dashboard .urs-hero,
.urs-dashboard .urs-tab,
.urs-dashboard .urs-home,
.urs-dashboard .urs-overview,
.urs-dashboard .urs-stat,
.urs-dashboard .urs-card,
.urs-dashboard .urs-setup,
.urs-dashboard .urs-todo,
.urs-dashboard .urs-finance,
.urs-dashboard h1, .urs-dashboard h2, .urs-dashboard h3,
.urs-dashboard h4, .urs-dashboard h5, .urs-dashboard h6,
.urs-dashboard p, .urs-dashboard span, .urs-dashboard strong,
.urs-dashboard small, .urs-dashboard em,
.urs-dashboard button, .urs-dashboard a,
.urs-dashboard .urs-btn,
.urs-dashboard .urs-badge,
.urs-dashboard .urs-progress,
.urs-dashboard .urs-ranking,
.urs-dashboard .urs-ranking-card,
.urs-dashboard input,
.urs-dashboard select,
.urs-dashboard textarea,
.urs-dashboard label {
  zoom: 0.95;
}

.urs-dashboard .urs-nav-link__label {
  font-size: 0.95em !important;
}

.urs-dashboard.is-sidebar-collapsed {
  grid-template-columns: 86px 1fr;
}

.urs-sidebar {
  background: #fff;
  border-right: 1px solid #d7dde7;
  display: flex;
  flex-direction: column;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow-y: auto;
  z-index: 5;
  transition:
    padding 0.28s ease,
    border-color 0.28s ease;
}

.urs-brand {
  padding: 8px 22px;
  font-size: 22px;
  font-weight: 800;
  border-bottom: 1px solid #f5f6f6;
  letter-spacing: -0.02em;
  display: flex;
  align-items: center;
  min-height: 70px;
  transition: padding 0.28s ease;
}

.urs-brand__link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.urs-brand img {
  max-height: 60px;
  width: auto;
  object-fit: contain;
  transition:
    max-width 0.28s ease,
    opacity 0.22s ease,
    transform 0.28s ease;
}

.urs-brand__logo--compact {
  display: none;
}

.urs-brand__text {
  display: inline-block;
  transition:
    opacity 0.18s ease,
    transform 0.28s ease;
}

.urs-sidebar-toggle {
  width: 36px;
  height: 36px;
  border: 1px solid #dfe5ee;
  border-radius: 999px !important;
  background: #fff;
  color: #748197;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
  box-shadow: 0 4px 10px rgba(24, 37, 56, 0.08);
  padding: 0px !important;
}

.urs-sidebar-toggle i {
  transition: transform 0.28s ease;
}

.urs-sidebar-backdrop {
  display: none;
}

.urs-side-nav {
  padding: 22px 16px;
  display: grid;
  gap: 4px;
  transition: padding 0.28s ease;
}

.urs-nav-link {
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  border-radius: 12px;
  cursor: pointer;
  pointer-events: auto;
  color: #202020;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 11px;
  text-transform: capitalize;
  transition:
    padding 0.28s ease,
    gap 0.28s ease,
    background-color 0.2s ease,
    color 0.2s ease,
    justify-content 0.28s ease;
  position: relative;
}

.urs-nav-link i {
  width: 18px;
  color: #202020;
  transition:
    width 0.28s ease,
    font-size 0.28s ease,
    color 0.2s ease,
    transform 0.28s ease;
}

.urs-nav-link__label {
  min-width: 0;
  display: inline-block;
  white-space: nowrap;
  opacity: 1;
  transform: translateX(0);
  max-width: 180px;
  overflow: hidden;
  font-weight: 400;
  transition:
    opacity 0.18s ease,
    transform 0.28s ease,
    max-width 0.28s ease;
}

#urs-dashboard-root > aside > nav > button.urs-nav-link.is-active > .urs-nav-link__label {
    font-weight: 500;
}

.urs-nav-link__alert {
  margin-left: auto;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff2ee;
  color: #f2553d;
  border: 1px solid rgba(242, 129, 99, 0.45);
  box-shadow: 0 4px 10px rgba(242, 129, 99, 0.18);
  font-size: 12px;
}

.urs-nav-link.is-alert {
  background: #ffecec;
  color: #d92d20;
  border: 1px solid rgba(217, 45, 32, 0.42);
  animation: urs-alert-bounce 1.1s ease-in-out infinite;
}

.urs-nav-link.is-alert i {
  color: #d92d20;
}

@keyframes urs-alert-bounce {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
}

.urs-nav-link.is-active {
  background: var(--urs-primary);
  color: var(--urs-text);
  font-weight: bold;
}

.urs-privacy-policy,
.urs-terms-of-use {
  padding: 48px 28px;
  max-width: 1180px;
  margin: 0 auto;
  color: var(--urs-text);
}

.urs-privacy-policy__hero,
.urs-terms-of-use__hero {
  padding: 40px;
  border-radius: 28px;
  background: rgba(255, 246, 238, 0.8);
  border: 1px solid rgba(241, 129, 99, 0.18);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.06);
  margin-bottom: 40px;
}

.urs-privacy-policy__hero-copy,
.urs-terms-of-use__hero-copy {
  max-width: 980px;
}

.urs-privacy-policy__badge,
.urs-terms-of-use__badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0.01em;
  font-size: 0.98rem;
  margin-bottom: 16px;
  background: rgba(14, 165, 233, 0.14);
  color: #0369a1;
}

.urs-terms-of-use__badge {
  background: rgba(79, 70, 229, 0.14);
  color: #4338ca;
}

.urs-privacy-policy__hero h1,
.urs-terms-of-use__hero h1 {
  font-size: clamp(2.25rem, 2.3vw, 3rem);
  line-height: 1.05;
  margin: 0 0 16px;
}

.urs-privacy-policy__hero p,
.urs-terms-of-use__hero p {
  margin: 0;
  color: var(--urs-muted);
  font-size: 1rem;
  line-height: 1.8;
}

.urs-privacy-policy__content,
.urs-terms-of-use__content {
  display: grid;
  gap: 34px;
}

.urs-privacy-policy__content article,
.urs-terms-of-use__content article {
  padding: 30px;
  border-radius: 22px;
  border: 1px solid rgba(222, 226, 234, 0.8);
  background: #ffffff;
}

.urs-privacy-policy__content h2,
.urs-terms-of-use__content h2 {
  margin-top: 0;
  font-size: 1.4rem;
  color: var(--urs-text);
}

.urs-privacy-policy__content h3,
.urs-terms-of-use__content h3 {
  margin: 1.6rem 0 0.75rem;
  color: var(--urs-text);
}

.urs-privacy-policy__content p,
.urs-terms-of-use__content p,
.urs-privacy-policy__content li,
.urs-terms-of-use__content li {
  color: #475569;
  font-size: 1rem;
  line-height: 1.9;
}

.urs-privacy-policy__content ul,
.urs-terms-of-use__content ul {
  padding-left: 1.2rem;
  margin: 1rem 0;
}

.urs-privacy-policy__content li,
.urs-terms-of-use__content li {
  margin-bottom: 0.7rem;
}

.urs-privacy-policy__content a,
.urs-terms-of-use__content a {
  color: #0c4a6e;
  text-decoration: underline;
}

.urs-nav-link.is-active i {
  color: var(--urs-text);
}

.urs-sidebar-footer {
  margin-top: auto;
  border-top: 1px solid #e1e6ee;
  padding: 18px;
  transition: padding 0.28s ease;
}

.urs-sidebar-footer a {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  color: #4d5b70;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  transition:
    gap 0.28s ease,
    justify-content 0.28s ease;
}

.urs-sidebar-footer a:hover {
  color: #ff4040;
}

.urs-nav-link:hover {
  color: #202020;
  background: #ededed;
}

.urs-dashboard.is-sidebar-collapsed .urs-brand {
  padding: 18px 14px;
}

.urs-dashboard.is-sidebar-collapsed .urs-brand img {
  max-width: 42px;
  margin-left: 10px;
}

.urs-dashboard.is-sidebar-collapsed .urs-brand__logo--default {
  display: none;
}

.urs-dashboard.is-sidebar-collapsed .urs-brand__logo--compact {
  display: block;
}

.urs-dashboard.is-sidebar-collapsed .urs-brand__text,
.urs-dashboard.is-sidebar-collapsed .urs-nav-link__label {
  opacity: 0;
  transform: translateX(-8px);
  max-width: 0;
  pointer-events: none;
}

.urs-dashboard.is-sidebar-collapsed .urs-side-nav {
  padding: 22px 10px;
}

.urs-dashboard.is-sidebar-collapsed .urs-nav-link {
  justify-content: center;
  padding: 12px 10px;
  gap: 0;
}

.urs-dashboard.is-sidebar-collapsed .urs-nav-link i {
  width: auto;
  font-size: 18px;
}

.urs-dashboard.is-sidebar-collapsed .urs-nav-link__alert {
  position: absolute;
  right: 6px;
  top: 6px;
  margin-left: 0;
  width: 14px;
  height: 14px;
  font-size: 9px;
}

.urs-dashboard.is-sidebar-collapsed .urs-sidebar-footer {
  padding: 18px 10px;
}

.urs-dashboard.is-sidebar-collapsed .urs-sidebar-footer a {
  justify-content: center;
  width: 100%;
  gap: 0;
}

.urs-dashboard.is-sidebar-collapsed .urs-sidebar-toggle i {
  transform: rotate(180deg);
}

.urs-main-wrap {
  min-width: 0;
  min-height: 0;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.urs-topbar {
  min-height: 64px;
  border-bottom: 1px solid #e8edf4;
  background: #fff;
  padding: 10px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  box-shadow: var(--urs-shadow);
  position: sticky;
  top: 0;
  z-index: 10;
}

.urs-topbar h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #1f4f61;
  line-height: 1.2;
}

.urs-topbar-left {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.urs-topbar-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
}

.urs-balance-menu {
  position: relative;
}

.urs-topbar-welcome {
  min-width: 0;
}

.urs-topbar-title {
  min-width: 0;
}

.urs-wave {
  font-size: 18px;
}

.urs-balance-card {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border: 1px solid #dfe5ee !important;
  border-radius: 16px !important;
  background: #fff;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
  color: #6b7280;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

.urs-balance-card:hover,
.urs-profile-chip:hover {
  transform: translateY(-1px) !important;
  box-shadow: var(--urs-shadow) !important;
  border-color: #dfe5ee !important;
}

.urs-balance-card__icon {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: #e9fbf4;
  color: #36b37e;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.urs-balance-card__content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1.1;
}

.urs-balance-card__content span {
  font-size: 13px;
}

.urs-balance-card__content strong {
  color: #1f2937;
  font-weight: 700;
}

.urs-balance-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  width: 290px;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 16px;
  box-shadow: var(--urs-shadow);
  padding: 10px;
  display: none;
  z-index: 30;
}

.urs-balance-menu.is-open .urs-balance-dropdown {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

.urs-balance-dropdown__head {
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  background: #f8fffc;
  margin-bottom: 10px;
}

.urs-balance-dropdown__head span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #6f7b8f;
  font-size: 12px;
  font-weight: 700;
}

.urs-balance-dropdown__head span i {
  color: #48cab2;
  font-size: 8px;
}

.urs-balance-dropdown__head strong {
  display: block;
  margin-top: 8px;
  font-size: 28px;
  line-height: 1;
  font-weight: bold;
}

.urs-balance-dropdown__pending {
  display: block;
  margin-top: 7px;
  color: var(--urs-muted);
  font-size: 11px;
  line-height: 1.35;
}

.urs-balance-dropdown__pending i {
  color: var(--urs-primary);
}

.urs-balance-dropdown__pending b {
  color: var(--urs-text);
  font-weight: 800;
}

.urs-transactions-row .is-neutral {
  color: var(--urs-muted);
  font-weight: 700;
}

/* GTranslate injects an inline bottom-left position. Keep its globe available
   on the reseller platform without covering the left navigation. */
.gtranslate_wrapper .gt_switcher_wrapper {
  right: max(16px, env(safe-area-inset-right)) !important;
  bottom: max(16px, env(safe-area-inset-bottom)) !important;
  left: auto !important;
  z-index: 100000 !important;
}

@media (max-width: 640px) {
  .gtranslate_wrapper .gt_switcher_wrapper {
    right: max(12px, env(safe-area-inset-right)) !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
  }
}

.urs-balance-payment-alert > p:nth-child(2) {
  color: rgb(22 163 74);
}

.urs-balance-dropdown__add {
  width: 80%;
  border-color: #16a34a;
  border-radius: 12px !important;
  background: #16a34a;
  color: #fff;
  font-weight: 700;
  min-height: 40px;
  cursor: pointer;
  margin-bottom: 12px;
  text-transform: none;
  margin-left: auto;
  margin-right: auto;
}

.urs-balance-dropdown__item {
  width: 100%;
  border: 0;
  background: #fff;
  border-radius: 12px !important;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  cursor: pointer;
  color: #2c384b;
  text-transform: none;
}

#urs-balance-dropdown > hr:nth-child(3) {
  width: 120%;
  margin-left: -14px;
  margin-bottom: 8px;
  background: #ededed;
  color: #b31d1d;
  border: 0;
  height: 1px;
}

.urs-balance-dropdown__item i {
  width: 26px;
  height: 26px;
  border-radius: 10px;
  background: #f1f5f9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--urs-primary-hover);
}

.urs-balance-dropdown__item:hover {
  background: #e0e4e8;
}

.urs-balance-modal {
  width: min(640px, 100%);
  border-radius: 16px;
  padding: 0;
  overflow: hidden;
}

.urs-balance-dropdown__add.js-urs-open-balance-modal:hover {
  border: 1px solid;
}

.urs-balance-modal__head {
  padding: 24px 24px 16px;
  text-align: center;
}

.urs-balance-modal__head > span {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  background: var(--urs-primary-light);
  color: var(--urs-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.urs-balance-modal__head h3 {
  margin: 14px 0 8px;
  font-size: 42px;
}

.urs-balance-modal__head p {
  margin: 0;
  color: #6d788a;
}

.urs-balance-modal__infos {
  display: grid;
  gap: 12px;
  padding: 0 24px;
}

.urs-balance-modal__infos article {
  border-radius: 12px;
  padding: 12px 14px;
  border: 1px solid #dbe5f2;
}

.urs-balance-modal__infos article p {
  margin: 0;
  line-height: 1.6;
}

.urs-balance-modal__infos .is-info {
  border-color: #80b7eb;
  background: #eef7ff;
}

.urs-balance-modal__infos .is-success {
  border-color: #8bdfbf;
  background: #f0fff8;
}

.urs-balance-modal__form {
  padding: 18px 24px 24px;
  display: grid;
  gap: 14px;
}

.urs-balance-modal__form label span {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}

.urs-balance-modal__amount-wrap {
  display: grid;
  grid-template-columns: 1fr auto;
  border: 1px solid #dbe2eb;
  border-radius: 12px;
  overflow: hidden;
  background-color: #fff;
}

.urs-balance-modal__amount-wrap input {
  border: 0;
  padding: 12px 14px;
}

.urs-balance-modal__amount-wrap em {
  font-style: normal;
  padding: 16px 14px;
  color: #6f7b90;
  border-left: 1px solid #e2e8f0;
}

.urs-balance-modal__actions button {
  display: block;
}

.urs-balance-modal__form select {
  border: 1px solid #dbe2eb;
  border-radius: 12px;
  min-height: 46px;
  padding: 0 12px;
}

.urs-balance-modal__form small {
  color: #6f7b90;
}

.urs-balance-payment-detail {
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  padding: 12px;
  background: #f8fafc;
}

.urs-balance-payment-logos {
  font-weight: 700;
  color: #2f3b4c;
  margin-bottom: 8px;
}

.urs-payment-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

.urs-payment-logos img {
  max-height: 34px;
  width: auto;
  object-fit: contain;
}

.urs-card-payment-notice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  margin-top: 12px;
  padding: 11px 12px;
  border-radius: 10px;
  background: #fff;
  color: var(--urs-text);
}

.urs-card-payment-notice > i {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border-radius: 9px;
  background: var(--urs-secondary);
  color: var(--urs-text);
}

.urs-card-payment-notice strong,
.urs-card-payment-notice p,
.urs-card-payment-notice small {
  display: block;
}

.urs-card-payment-summary {
  margin-top: 10px;
  overflow: hidden;
  border: 1px solid var(--urs-border);
  border-radius: 10px;
  background: var(--urs-bg);
}

.urs-card-payment-summary__title {
  margin: 0;
  padding: 9px 11px;
  border-bottom: 1px solid var(--urs-border);
  color: var(--urs-text);
  font-size: 12px;
  font-weight: 800;
}

.urs-card-payment-summary__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 11px;
  color: var(--urs-muted);
  font-size: 12px;
}

.urs-card-payment-summary__row strong {
  color: var(--urs-text);
  font-weight: 800;
  white-space: nowrap;
}

.urs-card-payment-summary__row.is-total {
  border-top: 1px solid var(--urs-border);
  background: #fff;
  color: var(--urs-text);
  font-weight: 700;
}

.urs-card-payment-summary__row.is-total strong {
  color: var(--urs-primary-hover);
  font-size: 13px;
}

.urs-card-payment-notice strong {
  font-size: 12px;
  font-weight: 800;
}

.urs-card-payment-notice p {
  margin: 3px 0 0;
  color: var(--urs-muted);
  font-size: 12px;
  line-height: 1.45;
}

.urs-card-payment-notice small {
  margin-top: 5px;
  color: var(--urs-primary-hover);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}

.urs-balance-payment-alert {
  border-left: 3px solid #f87171;
  background: #fff3f3;
  padding: 8px 10px;
}

.urs-balance-payment-alert p {
  margin: 0;
  line-height: 1.6;
}

.urs-bank-box {
  border: 1px solid #dbe2eb;
  border-radius: 12px;
  padding: 10px;
  background: #fff;
}

.urs-bank-box p {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px dashed #e6ecf3;
}

.urs-bank-box p:last-child {
  border-bottom: 0;
  padding-bottom: 2px;
}

.urs-bank-box p span {
  color: #253247;
  word-break: break-word;
}

.urs-bank-box p em {
  font-style: normal;
}

.urs-bank-copy-btn {
  flex: 0 0 auto;
  border: 1px solid var(--urs-border);
  background: #fff;
  color: var(--urs-primary-hover);
  border-radius: 999px !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 6px 10px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.urs-bank-copy-btn:hover {
  border-color: var(--urs-primary);
  background: rgba(242, 129, 99, 0.1);
}

.urs-bank-copy-btn.is-copied {
  color: #0e9f6e;
  border-color: #0e9f6e;
  background: rgba(16, 185, 129, 0.12);
}

.urs-balance-modal__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 4px;
}

.urs-balance-receipt-modal {
  width: min(760px, 100%);
  border-radius: 18px;
  padding: 22px;
}

.urs-balance-receipt-modal__alert {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: start;
  border: 1px solid #ffd2d2;
  background: #fff1f1;
  color: #b83c3c;
  border-radius: 12px;
  padding: 12px 14px;
}

.urs-balance-receipt-modal__alert i {
  margin-top: 3px;
}

.urs-balance-receipt-modal__alert p {
  margin: 0;
  line-height: 1.5;
}

.urs-balance-receipt-modal__hero {
  text-align: center;
  margin: 18px 0 20px;
}

.urs-balance-receipt-modal__hero span {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: #fff9e8;
  color: #d58a20;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

.urs-balance-receipt-modal__hero h3 {
  margin: 12px 0 0;
  font-size: 40px;
  color: #d58a20;
}

.urs-balance-receipt-modal__card {
  border: 1px solid #e6ecf3;
  border-radius: 14px;
  padding: 18px;
  background: #fff;
}

.urs-balance-receipt-modal__card h4 {
  margin: 0 0 6px;
  font-size: 34px;
}

.urs-balance-receipt-modal__card p {
  margin: 0 0 14px;
  color: #66758b;
}

.urs-balance-receipt-dropzone {
  min-height: 230px;
  border: 2px dashed #78bddf;
  border-radius: 12px;
  background: #f7fcff;
  color: #3c4a5f;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 16px;
}

.urs-balance-receipt-dropzone i {
  font-size: 40px;
  color: #8ea3be;
}

.urs-balance-receipt-dropzone strong {
  font-size: 32px;
}

.urs-balance-receipt-dropzone span {
  color: #6b7a92;
}

.urs-balance-receipt-dropzone em {
  font-style: normal;
  color: var(--urs-primary-hover);
  font-weight: 600;
}

.urs-balance-receipt-dropzone.is-drag,
.urs-balance-receipt-dropzone:hover {
  border-color: var(--urs-primary-hover);
  background: #fff7f4;
}

.urs-balance-receipt-modal__actions {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.urs-balance-purchases-grid {
  margin-top: 26px;
}

.urs-balance-empty {
  min-height: 270px;
  border: 1px solid #dfe5ee;
  border-radius: 20px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  padding: 24px;
}

.urs-balance-empty i {
  font-size: 48px;
}

.urs-balance-empty strong {
  font-size: 22px;
}

.urs-balance-table {
  border: 1px solid var(--urs-border);
  border-radius: 16px;
  overflow: visible;
  background: #fff;
  box-shadow: var(--urs-shadow);
}

.urs-balance-table__head,
.urs-balance-table__row {
  display: grid;
  grid-template-columns: 1fr 1fr 1.1fr 1.4fr 1.4fr auto;
  gap: 16px;
  align-items: center;
  padding: 14px 18px;
}

.urs-balance-table__head {
  border-bottom: 1px solid var(--urs-border);
  background: #fff9f6;
  color: #1f2937;
  font-weight: 700;
}

.urs-balance-table__head span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.urs-balance-table__head i {
  color: var(--urs-primary-hover);
}

.urs-balance-table__row + .urs-balance-table__row {
  border-top: 1px solid var(--urs-border);
}

.urs-balance-table__row > span small {
  display: block;
  color: #6d7c93;
}

.urs-balance-status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
}

.urs-balance-status.is-pending {
  color: var(--urs-text);
  background: var(--urs-primary);
}

.urs-balance-status.is-cancelled {
  color: #b91c1c;
  background: #fef2f2;
}

.urs-balance-status.is-completed {
  color: #047857;
  background: #dcfce7;
}

.urs-balance-table__actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

.urs-icon-btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid var(--urs-border);
  background: #fff;
  color: var(--urs-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.urs-balance-cancel-btn {
  border: 1px solid #fecaca;
  color: #ef4444;
  background: #fff;
  border-radius: 8px;
  padding: 6px 10px;
  font-weight: 600;
}

.urs-balance-cancel-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.urs-balance-more-menu {
  position: absolute;
  top: auto;
  bottom: calc(100% + 8px);
  right: 0;
  min-width: 190px;
  background: #fff;
  border: 1px solid var(--urs-border);
  border-radius: 12px;
  box-shadow: var(--urs-shadow);
  padding: 8px;
  z-index: 1200;
}

.urs-balance-more-menu button {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 8px 10px;
  border-radius: 8px;
  color: #1f2937;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.urs-balance-more-menu button:hover {
  background: #fff5f1;
  color: var(--urs-primary-hover);
}

.urs-balance-payment-modal {
  width: min(620px, 100%);
  border-radius: 16px;
  padding: 22px;
}

.urs-balance-payment-modal__status {
  text-align: center;
  margin-bottom: 14px;
}

.urs-balance-payment-modal__status span {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--urs-primary);
  color: var(--urs-primary-hover);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

.urs-balance-payment-modal__status h4 {
  margin: 10px 0 6px;
  font-size: 34px;
}

.urs-balance-payment-modal__status p {
  margin: 0 0 12px;
  color: #66758b;
}

.urs-balance-payment-modal__status.is-completed span {
  background: #dcfce7;
  color: #047857;
}

.urs-balance-payment-modal__status.is-cancelled span {
  background: #fef2f2;
  color: #b91c1c;
}

.urs-balance-payment-modal__box {
  border: 1px solid var(--urs-border);
  border-radius: 12px;
  background: #fff;
  padding: 14px;
}

.urs-balance-payment-modal__box h5 {
  margin: 0 0 10px;
  font-size: 26px;
}

.urs-balance-payment-modal__grid p {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  padding: 7px 0;
}

.urs-points-kpis {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.urs-points-kpi {
  border: 1px solid #dfe5ee;
  border-radius: 16px;
  background: #fff;
  padding: 16px;
  display: flex;
  gap: 12px;
}

.urs-points-kpi > i {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--urs-primary-hover);
  color: var(--urs-text-reverse);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.urs-points-kpi strong {
  display: block;
  font-size: 44px;
  line-height: 1;
}

.urs-points-kpi span {
  color: #4f5d72;
}

.urs-points-kpi p {
  margin: 6px 0 0;
  color: #6f7b90;
}

.urs-points-skeleton {
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 999px;
  background: #e8edf4;
}

.urs-points-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.82),
    transparent
  );
  animation: ursPointsSkeleton 1.25s ease-in-out infinite;
}

.urs-points-skeleton--value {
  width: 120px;
  height: 40px;
}

.urs-points-skeleton--line {
  width: 220px;
  height: 14px;
  border-radius: 8px;
}

.urs-points-skeleton--row {
  display: block;
  width: 100%;
  height: 72px;
  border-radius: 16px;
}

.urs-points-panel-skeleton {
  display: grid;
  gap: 12px;
}

@keyframes ursPointsSkeleton {
  100% {
    transform: translateX(100%);
  }
}

.urs-points-tabs {
  margin-top: 22px;
  display: flex;
  width: fit-content;
  gap: 8px;
  padding: 6px;
  margin-left: auto !important;
  margin-right: auto !important;
  border: 1px solid #dfe5ee;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}

.urs-points-tab {
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #64748b;
  padding: 11px 16px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.02em;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.urs-points-tab:hover,
.urs-points-tab.is-active {
  background: var(--urs-bg);
  color: var(--urs-primary-hover);
}

.urs-points-tab.is-active {
  box-shadow: inset 0 0 0 1px
    color-mix(in srgb, var(--urs-primary) 22%, transparent);
}

.urs-points-panel {
  display: none;
}

.urs-points-panel.is-active {
  display: block;
}

.urs-points-history {
  margin-top: 18px;
  border: 1px solid #dfe5ee;
  border-radius: 18px;
  background: #fff;
  padding: 16px;
}

.urs-points-history h4 {
  margin: 4px 0px 28px;
  font-size: 30px;
}

.urs-points-requests-table {
  display: grid;
  gap: 10px;
}

.urs-points-requests-head,
.urs-points-requests-row {
  display: grid;
  grid-template-columns: 1.1fr 0.8fr 0.9fr 0.9fr 1fr;
  gap: 16px;
  align-items: center;
}

.urs-points-requests-head {
  padding: 14px 18px;
  border-radius: 14px;
  background: #fbfcfe;
  border: 1px solid #e8edf4;
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.urs-points-requests-head span,
.urs-points-requests-row span,
.urs-points-requests-row strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.urs-points-requests-head i {
  color: var(--urs-primary-hover);
}

.urs-points-requests-row {
  padding: 16px 18px;
  border: 1px solid #e5ebf2;
  border-radius: 14px;
  background: #fff;
  color: #334155;
}

.urs-points-request-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 104px;
  padding: 8px 12px;
  border-radius: 999px;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}

.urs-points-request-status.is-pending {
  background: #fff7ed;
  color: #c2410c;
}

.urs-points-request-status.is-completed {
  background: #dcfce7;
  color: #15803d;
}

.urs-points-request-status.is-cancelled {
  background: #fee2e2;
  color: #b91c1c;
}

.urs-points-convert-modal {
  width: min(880px, 100%);
  border-radius: 20px;
  padding: 24px;
}

.urs-points-convert-modal__hero {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}

.urs-points-convert-modal__hero > span {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  background: linear-gradient(
    135deg,
    var(--urs-primary),
    var(--urs-primary-dark)
  );
  color: var(--urs-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--urs-primary) 28%, transparent);
}

.urs-points-convert-modal__hero h3 {
  margin: 0;
  font-size: 38px;
}

.urs-points-convert-modal__hero p {
  margin: 3px 0 0;
  color: #6f7b90;
}

.urs-points-convert-modal__kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}

.urs-points-convert-modal__kpis article {
  border: 1px solid #dfe5ee;
  border-radius: 14px;
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
}

.urs-points-convert-modal__kpis article i {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--urs-primary-light);
  color: var(--urs-primary-hover);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.urs-points-convert-modal__kpis article strong {
  display: block;
  font-size: 32px;
  line-height: 1;
}

.urs-points-convert-modal__kpis article span {
  color: #627187;
}

.urs-points-convert-modal__form {
  border: 1px solid #dfe5ee;
  border-radius: 14px;
  padding: 18px;
  display: grid;
  gap: 12px;
  background: #fff;
}

.urs-points-convert-modal__form h4 {
  margin: 0;
  font-size: 22px;
}

.urs-points-convert-modal__form label {
  font-weight: 600;
  color: #39485e;
}

.urs-points-convert-modal__form input {
  border: 1px solid #d6dfeb;
  border-radius: 12px;
  min-height: 48px;
  padding: 0 14px;
}

.urs-points-convert-modal__form small {
  color: #6f7b90;
}

.urs-points-convert-modal__preview {
  border: var(--urs-border);
  background: var(--urs-primary-light);
  border-radius: 12px;
  padding: 12px 14px;
  display: grid;
  gap: 8px;
}

#urs-points-convert-input {
  border-radius: 6px !important;
}

.urs-points-convert-modal__preview strong {
  color: var(--urs-primary-hover);
}

.urs-points-convert-modal__preview > div {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  font-size: 30px;
  font-weight: 700;
  color: var(--urs-primary-hover);
}

.urs-points-convert-modal__preview > div em {
  font-style: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--urs-primary-hover);
}

.urs-points-convert-modal__actions {
  display: grid;
  grid-template-columns: 1fr 180px;
  gap: 10px;
  margin-top: 4px;
}

#urs-points-convert-submit[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
}

@media (max-width: 900px) {
  .urs-points-kpis {
    grid-template-columns: 1fr;
  }

  .urs-points-tabs {
    display: grid;
    width: 100%;
  }

  .urs-points-tab {
    justify-content: center;
  }

  .urs-points-requests-head {
    display: none;
  }

  .urs-points-requests-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .urs-points-convert-modal {
    padding: 18px;
  }

  .urs-points-convert-modal__kpis {
    grid-template-columns: 1fr;
  }

  .urs-points-convert-modal__preview > div {
    font-size: 24px;
  }

  .urs-points-convert-modal__actions {
    grid-template-columns: 1fr;
  }
}

.urs-flag {
  font-size: 22px;
  line-height: 1;
}

.urs-pill {
  border: 1px solid #e2e7ef;
  border-radius: 12px;
  background: #f6f8fb;
  padding: 6px 12px;
  font-size: 14px;
  color: #748197;
}

.urs-pill strong {
  color: #202633;
  margin-left: 4px;
}

.urs-icon-btn {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #69768b;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
}

.urs-notifications-menu {
  position: relative;
}

.urs-notifications-badge {
  position: absolute;
  top: -4px;
  right: -2px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #ef4444;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 14px rgba(239, 68, 68, 0.28);
}

.urs-notifications-dropdown {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  width: min(420px, calc(100vw - 32px));
  max-height: 70vh;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe6ef;
  border-radius: 20px;
  box-shadow: 0 6px 14px rgba(31, 37, 51, 0.06);
  z-index: 50;
}

.urs-notifications-dropdown__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid #eef2f7;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%);
}

.urs-notifications-dropdown__head strong {
  display: block;
  color: #121926;
  font-size: 16px;
}

.urs-notifications-dropdown__head span {
  display: block;
  margin-top: 4px;
  color: #728095;
  font-size: 13px;
  line-height: 1.45;
}

.urs-notifications-dropdown__mark {
  border: 0;
  background: transparent;
  color: var(--urs-primary-hover);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}

.urs-notifications-dropdown__list {
  max-height: calc(70vh - 78px);
  overflow: auto;
  padding: 10px;
  display: grid;
  gap: 8px;
}

.urs-notification-item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  width: 100%;
  padding: 14px;
  border: 1px solid #e6ebf2;
  border-radius: 16px;
  background: #fff;
  font: inherit;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
}

.urs-notification-item:hover {
  transform: translateY(-1px);
  border-color: #d6deea;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06);
  background: #fcfdff;
}

.urs-notification-item.is-unread {
  border-color: #ffd8cb;
  background: #fff9f7;
}

.urs-notification-item__icon {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: #f4f7fb;
  color: #5b6b82;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.urs-notification-item[data-type="news"] .urs-notification-item__icon {
  background: #eff6ff;
  color: #2563eb;
}

.urs-notification-item__body {
  min-width: 0;
}

.urs-notification-item__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 6px;
}

.urs-notification-item__meta strong {
  color: #121926;
  font-size: 14px;
  line-height: 1.4;
}

.urs-notification-item__meta time {
  color: #8a95a7;
  font-size: 11px;
  white-space: nowrap;
}

.urs-notification-item__body p {
  margin: 0;
  color: #667387;
  font-size: 13px;
  line-height: 1.55;
}

.urs-notifications-empty {
  padding: 34px 18px;
  text-align: center;
  color: #7a8698;
}

.urs-notifications-empty i {
  font-size: 24px;
  margin-bottom: 10px;
  color: #b3bdcb;
}

.urs-notifications-empty strong {
  display: block;
  color: #233045;
  margin-bottom: 6px;
}

.urs-notification-details-modal__content {
  width: min(560px, 100%);
  padding: 30px;
  background: #fff;
  border: 1px solid #dfe6ef;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.2);
}

.urs-notification-details-modal__header {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding-right: 34px;
}

.urs-notification-details-modal__icon {
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff1eb;
  color: var(--urs-primary-hover);
  font-size: 21px;
}

.urs-notification-details-modal__eyebrow {
  display: block;
  margin-bottom: 5px;
  color: var(--urs-primary-hover);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.urs-notification-details-modal__header h4 {
  margin: 0;
  color: #121926;
  font-size: 20px;
  line-height: 1.35;
}

.urs-notification-details-modal__header time {
  display: block;
  margin-top: 6px;
  color: #8a95a7;
  font-size: 12px;
}

.urs-notification-details-modal__message {
  margin-top: 24px;
  padding: 18px;
  border: 1px solid #e6ebf2;
  border-radius: 14px;
  background: #f8fafc;
  color: #52627a;
  font-size: 14px;
  line-height: 1.7;
  white-space: pre-wrap;
}

.urs-notification-details-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 24px;
}

@media (max-width: 560px) {
  .urs-notification-details-modal__content {
    padding: 24px 18px 18px;
  }

  .urs-notification-details-modal__actions {
    flex-direction: column-reverse;
  }

  .urs-notification-details-modal__actions .urs-btn {
    width: 100%;
  }
}

.urs-avatar {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #f6e4df;
  color: #e36f55;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
}

.urs-avatar--image {
  object-fit: cover;
  display: block;
}

.urs-avatar--violet {
  width: 36px;
  height: 36px;
  background: var(--urs-secondary);
  color: var(--urs-text);
  font-size: 14px;
  box-shadow: var(--urs-shadow);
}

.urs-profile-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 4px 12px 4px 4px;
  border: 1px solid #dfe5ee;
  border-radius: 999px !important;
  background: #fff;
  color: #1f2937;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
}

.urs-profile-chip__name {
  font-size: 14px;
  font-weight: 500;
}

.urs-profile-menu {
  position: relative;
}

.urs-profile-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 286px;
  background: #fff;
  border: 1px solid #ddd9e8;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
  overflow: hidden;
  display: none;
  z-index: 40;
}

.urs-profile-menu.is-open .urs-profile-dropdown {
  display: block;
}

.urs-profile-dropdown__head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  background: linear-gradient(135deg, var(--urs-primary-light), var(--urs-bg));
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.urs-avatar--lg {
  width: 48px;
  height: 48px;
  font-size: 20px;
}

.urs-profile-dropdown__identity {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.urs-profile-dropdown__tier {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 2px 8px;
  border-radius: 999px;
  width: fit-content;
  margin-top: 2px;
}
.urs-tier--architecte { background: #6366f1; color: #fff; }
.urs-tier--bronze { background: #d97706; color: #fff; }
.urs-tier--silver { background: #64748b; color: #fff; }
.urs-tier--gold { background: #f59e0b; color: #fff; }

.urs-profile-dropdown__status,
.urs-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  min-height: 28px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 1;
  white-space: nowrap;
  box-shadow: inset 0 0 0 1px transparent;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.urs-profile-dropdown__status {
  margin-top: 4px;
}

.urs-status--verified {
  background: rgba(22, 163, 74, 0.12);
  color: #166534;
  border-color: rgba(22, 163, 74, 0.25);
}

.urs-status--pending {
  background: rgba(245, 158, 11, 0.12);
  color: #92400e;
  border-color: rgba(245, 158, 11, 0.25);
}

.urs-status--refused {
  background: rgba(220, 38, 38, 0.12);
  color: #881337;
  border-color: rgba(220, 38, 38, 0.25);
}

.urs-status--none {
  background: rgba(148, 163, 184, 0.12);
  color: #0f172a;
  border-color: rgba(148, 163, 184, 0.25);
}

.urs-profile-dropdown__identity strong {
  font-size: 16px;
  font-weight: 600;
  color: #202020;
}

.urs-profile-dropdown__identity span {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.urs-profile-dropdown__item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 0 !important;
  background: #fff;
  color: #374151;
  text-decoration: none;
  font-size: 16px;
  text-align: left;
  cursor: pointer;
  border-bottom: 1px solid #edf1f6;
}

.urs-profile-dropdown__item:last-child {
  border-bottom: 0 !important;
}

.urs-profile-dropdown__item i {
  width: 18px;
  text-align: center;
  color: #6b7280;
}

.urs-profile-dropdown__item:hover {
  background: #ececec;
  border: 0px;
}

.urs-profile-dropdown__item.is-logout {
  color: #111827;
}

.urs-profile-dropdown__item.is-logout i {
  color: #ef4444;
}

.urs-main {
  padding: 20px 22px;
  min-height: calc(100vh - 64px);
}

.urs-tab > :not(.urs-hero),
.urs-main > .urs-support-banner {
  margin-left: 120px;
  margin-right: 120px;
}

.urs-editor-page > * {
  margin-left: 0;
  margin-right: 0;
}

#urs-editor-close {
  margin-bottom: 12px;
}

.urs-account {
  padding: 0px 40px 0px 40px;
}

.urs-account__intro h3 {
  margin: 0 0 8px;
  font-size: 36px;
  color: var(--urs-primary-hover);
}

.urs-account__intro p {
  margin: 0 0 26px;
  color: #667085;
}

.urs-account__switch {
  width: fit-content;
  margin: 0 auto 26px;
  background: #fff;
  border: 1px solid #e6ebf2;
  border-radius: 6px;
  padding: 4px;
  display: flex;
  gap: 4px;
  position: relative;
  z-index: 2;
  pointer-events: auto;
}

.urs-pack-page {
  display: grid;
  gap: 24px;
}

.urs-pack-page__hero
{
  background: #fff;
  border: 1px solid var(--urs-border);
  border-radius: 20px;
  box-shadow: var(--urs-shadow);
}

.urs-pack-page__hero {
  padding: 22px 24px;
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(242, 129, 99, 0.08), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
}

.urs-pack-page__hero-title {
  display: flex;
  align-items: center;
  gap: 14px;
}

.urs-pack-page__hero-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--urs-primary);
  color: var(--urs-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.urs-pack-page__hero h3 {
  margin: 0 0 4px;
  font-size: clamp(28px, 2.8vw, 36px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #19212f;
}

.urs-pack-page__hero p {
  margin: 0;
  color: #5f6c7f;
  font-size: 16px;
  line-height: 1.6;
}

.urs-pack-page__tabs {
  display: flex;
  gap: 10px;
  border-bottom: 1px solid #e9edf2;
  padding: 2px 26px 0;
  background: #fff;
  border: 1px solid var(--urs-border);
  border-radius: 20px;
  box-shadow: var(--urs-shadow);
}

.urs-pack-page__tab {
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #697487;
  font-weight: 600;
  padding: 12px 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 0 !important;
}

.urs-pack-page__left input {
  border-radius: 6px !important;
}

.urs-pack-page__tab.is-active {
  color: var(--urs-primary-hover);
  border-bottom-color: var(--urs-primary-hover);
}

.urs-pack-page__pane {
  display: none;
  padding: 24px;
}

.urs-pack-page__pane.is-active {
  display: block;
}

.urs-pack-page__top {
  border: 1px solid #e7ebf1;
  border-radius: 22px;
  padding: 20px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: #fff;
}

.urs-pack-page__top-copy {
  display: grid;
  gap: 6px;
}

.urs-pack-page__eyebrow {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #f4f7fb;
  color: #677489;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.urs-pack-page__top h4,
.urs-pack-page__notif h4 {
  margin: 0;
  color: #151b26;
  font-size: clamp(24px, 2.5vw, 32px);
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.urs-pack-page__top p,
.urs-pack-page__notif > p {
  margin: 0;
  color: #65748b;
  font-size: 16px;
  margin-bottom: 16px;
}

.urs-pack-page__top-actions {
  display: flex;
  justify-content: flex-end;
}

.urs-pack-page__top-actions .urs-btn--primary {
  min-height: 54px;
  border-radius: 16px;
  padding: 0 24px;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.urs-pack-page__top-actions .urs-btn--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(242, 129, 99, 0.2);
}

.urs-pack-studio {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(360px, 0.94fr);
  gap: 22px;
  margin-top: 22px;
}

.urs-pack-studio__form-panel,
.urs-pack-studio__preview-panel {
  min-width: 0;
}

.urs-pack-studio__form-panel {
  display: grid;
  gap: 18px;
}

.urs-pack-section,
.urs-pack-preview-card {
  border: 1px solid #e8ecf2;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
}

.urs-pack-section {
  padding: 22px;
}

.urs-pack-section__head {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 18px;
}

.urs-pack-section__index {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: #f3f6fa;
  color: #6b7688;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.urs-pack-section__head h5 {
  margin: 0 0 4px;
  color: #121926;
  font-size: 19px;
}

.urs-pack-section__head p {
  margin: 0;
  color: #697587;
  font-size: 14px;
  line-height: 1.55;
}

.urs-pack-upload-zone {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 18px;
  border: 1.5px dashed #d4dce7;
  border-radius: 22px;
  background:
    radial-gradient(circle at top left, rgba(58, 123, 213, 0.08), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
  cursor: pointer;
}

.urs-pack-upload-zone:hover,
.urs-pack-upload-zone:focus-within,
.urs-pack-upload-zone.is-dragover {
  border-color: #78a7ff;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.08);
  transform: translateY(-1px);
}

.urs-pack-upload-zone__preview {
  width: 112px;
  height: 112px;
  border-radius: 24px;
  border: 1px solid #dbe2ec;
  background:
    linear-gradient(135deg, #f6f8fb, #eef3f8);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.urs-pack-upload-zone__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.urs-pack-upload-zone__placeholder {
  display: grid;
  gap: 10px;
  justify-items: center;
  color: #92a0b2;
}

.urs-pack-upload-zone__placeholder i {
  font-size: 26px;
}

.urs-pack-upload-zone__placeholder strong {
  font-size: 13px;
  letter-spacing: 0.08em;
}

.urs-pack-upload-zone__content {
  display: grid;
  gap: 8px;
}

.urs-pack-upload-zone__badge {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #eff5ff;
  color: #3f6db5;
  font-size: 12px;
  font-weight: 700;
}

.urs-pack-upload-zone__content h6 {
  margin: 0;
  color: #121926;
  font-size: 22px;
  line-height: 1.1;
}

.urs-pack-upload-zone__content p {
  margin: 0;
  color: #677489;
  font-size: 14px;
  line-height: 1.6;
}

.urs-pack-upload-zone__content .urs-btn {
  width: fit-content;
  margin-top: 4px;
}

.urs-pack-form-grid {
  display: grid;
  gap: 16px;
}

.urs-pack-form-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.urs-pack-form-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.urs-pack-field {
  display: grid;
  gap: 8px;
}

.urs-pack-field--span-2 {
  grid-column: span 2;
}

.urs-pack-field__label {
  color: #5f6d82;
  font-size: 13px;
  font-weight: 700;
}

.urs-pack-field input,
.urs-pack-field select {
  width: 100%;
  min-height: 54px;
  border: 1px solid #d9e1eb;
  border-radius: 16px;
  padding: 0 16px;
  background: #fff;
  color: #121926;
  font-size: 15px;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.urs-pack-field input:focus,
.urs-pack-field select:focus {
  outline: none;
  border-color: #86a8ff;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
  transform: translateY(-1px);
}

.urs-pack-field.is-valid input,
.urs-pack-field.is-valid select {
  border-color: #6ac89a;
  box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.11);
}

.urs-pack-field.is-invalid input,
.urs-pack-field.is-invalid select {
  border-color: #f28b82;
  box-shadow: 0 0 0 4px rgba(248, 113, 113, 0.11);
}

input.urs-platform-detail {
    border-radius: 16px !important;
}

.urs-pack-field__hint {
  margin: 0;
  color: #7a8698;
  font-size: 13px;
  line-height: 1.5;
  transition: color 0.18s ease;
}

.urs-pack-field.is-valid .urs-pack-field__hint {
  color: #1f9d62;
}

.urs-pack-field.is-invalid .urs-pack-field__hint {
  color: #d64545;
}

.urs-pack-preview-card {
  padding: 22px;
  position: sticky;
  top: 85px;
}

i.fa-regular.fa-credit-card {
    color: var(--urs-primary-hover);
}

.urs-pack-preview-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}

.urs-pack-preview-card__eyebrow {
  display: inline-flex;
  margin-bottom: 8px;
  color: #8a94a6;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.urs-pack-preview-card__head h5 {
  margin: 0;
  color: #121926;
  font-size: 24px;
}

.urs-pack-preview-card__meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.urs-pack-preview-card__chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #f5f7fb;
  color: #627086;
  font-size: 12px;
  font-weight: 700;
}

.urs-pack-label-preview {
  position: relative;
  background: #fff;
  border: 2px solid #1a1a1a;
  font-size: 12px;
}

.urs-pack-label-preview--cathedis {
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}

.urs-pack-label__header {
  display: grid;
  grid-template-columns: 80px 1fr 100px;
  gap: 12px;
  align-items: flex-start;
  padding: 12px;
  border-bottom: 2px solid #1a1a1a;
}

.urs-pack-label__header-logo {
  width: 80px;
  height: 80px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9f9f9;
  font-size: 10px;
  font-weight: 700;
  color: #666;
}

.urs-pack-label__header-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 4px;
}

.urs-pack-label__header-meta {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
}

.urs-pack-label__tracking-id {
  font-size: 11px;
  font-weight: 700;
  color: #000;
  letter-spacing: 0.05em;
}

.urs-pack-label__tracking-cmd {
  font-size: 10px;
  color: #333;
}

.urs-pack-label__header-qr {
  width: 100px;
  height: 100px;
  border: 1px solid #ddd;
  background: #f9f9f9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.urs-pack-label__qr-box {
  width: 85px;
  height: 85px;
  background: repeating-linear-gradient(
    45deg,
    #000,
    #000 2px,
    #fff 2px,
    #fff 4px
  );
}

.urs-pack-label__divider {
  height: 1px;
  background: #1a1a1a;
}

.urs-pack-label__sections {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-bottom: 2px solid #1a1a1a;
}

.urs-pack-label__section {
  border-right: 2px solid #1a1a1a;
  padding: 12px;
}

.urs-pack-label__section:last-child {
  border-right: none;
}

.urs-pack-label__section-title {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
  color: #000;
}

.urs-pack-label__section-content {
  display: flex;
  gap: 8px;
  font-size: 11px;
  line-height: 1.5;
}

.urs-pack-label__sender-logo {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 2px;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
}

.urs-pack-label__section-content strong {
  display: block;
  font-weight: 700;
  color: #000;
  font-size: 12px;
  margin-bottom: 2px;
}

.urs-pack-label__section-content div {
  color: #333;
  font-size: 10px;
  line-height: 1.4;
}

.urs-pack-label__hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px;
  border-bottom: 2px solid #1a1a1a;
}

.urs-pack-label__price-display {
  display: flex;
  align-items: center;
  gap: 20px;
}

.urs-pack-label__price-amount {
  font-size: 48px;
  font-weight: 700;
  color: #000;
  line-height: 1;
  letter-spacing: -0.02em;
}

.urs-pack-label__price-amount span {
  font-size: 16px;
  font-weight: 700;
  margin-left: 4px;
}

.urs-pack-label__price-code {
  font-size: 28px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

.urs-pack-label__barcode {
  padding: 12px;
  text-align: center;
  border-bottom: 2px solid #1a1a1a;
}

.urs-pack-label__barcode-visual {
  height: 48px;
  margin-bottom: 6px;
  background: repeating-linear-gradient(
    90deg,
    #000 0,
    #000 2px,
    #fff 2px,
    #fff 3px,
    #000 3px,
    #000 5px,
    #fff 5px,
    #fff 6px,
    #000 6px,
    #000 8px,
    #fff 8px,
    #fff 9px,
    #000 9px,
    #000 11px,
    #fff 11px,
    #fff 12px
  );
}

.urs-pack-label__barcode-text {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #000;
}

.urs-pack-label__footer {
  padding: 12px;
  display: grid;
  gap: 8px;
}

.urs-pack-label__commentary {
  margin-bottom: 4px;
}

.urs-pack-label__commentary-title {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #000;
  margin-bottom: 2px;
}

.urs-pack-label__commentary-text {
  font-size: 11px;
  color: #333;
}

.urs-pack-label__disclaimer {
  font-size: 9px;
  line-height: 1.4;
  color: #666;
  border-top: 1px solid #ddd;
  padding-top: 8px;
}

.urs-pack-label__disclaimer span {
  display: block;
  font-size: 8px;
  margin-top: 2px;
}

#urs-orders-search {
  border: 0;
  margin-bottom: 0px;
}

.urs-pack-page__notif {
  max-width: 760px;
}

.urs-pack-page__notif label {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 16px 0;
  border-bottom: 1px solid #edf1f5;
}

.urs-pack-page__notif label strong {
  display: block;
  margin-bottom: 4px;
}

.urs-pack-page__notif label span {
  color: #6c7788;
  font-size: 14px;
}

.urs-pack-page__notif input[type="checkbox"] {
  width: 42px;
  height: 22px;
  accent-color: var(--urs-primary);
}

.urs-pack-page__notif-actions {
  padding-top: 16px;
}

.urs-pack-gate {
  width: min(560px, 100%);
  padding: 0;
  border-radius: 18px;
  overflow: hidden;
}

.urs-pack-gate__hero {
  padding: 20px 22px;
  color: var(--urs-text);
}

.urs-pack-gate__hero h4 {
  margin: 0 0 8px;
  font-size: 24px;
  color: var(--urs-text);
}

.urs-pack-gate__hero p {
  margin: 0;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.96);
}

.urs-pack-gate__body {
  padding: 20px 22px 22px;
}

.urs-pack-gate__body p {
  margin: 0;
  color: #49566d;
  line-height: 1.65;
}

.urs-pack-gate__actions {
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 980px) {
  .urs-pack-page__top {
    flex-direction: column;
    align-items: flex-start;
  }

  .urs-pack-page__top h4 {
    font-size: 32px;
  }

  .urs-pack-studio {
    grid-template-columns: 1fr;
  }

  .urs-pack-preview-card {
    position: static;
  }

  .urs-pack-form-grid--2,
  .urs-pack-form-grid--3,
  .urs-pack-label-preview__grid,
  .urs-pack-label-preview__footer {
    grid-template-columns: 1fr;
  }

  .urs-pack-field--span-2 {
    grid-column: auto;
  }

  .urs-pack-upload-zone {
    grid-template-columns: 1fr;
  }

  .urs-pack-upload-zone__preview {
    width: 100%;
    max-width: 140px;
  }

  .urs-pack-label-preview__hero {
    flex-direction: column;
    align-items: flex-start;
  }
}

.urs-account__switch-btn {
  border: 0;
  background: transparent;
  color: #667085;
  border-radius: 6px;
  padding: 12px 24px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  pointer-events: auto;
}

.urs-account__switch-btn.is-active {
  background: var(--urs-primary-light);
  color: var(--urs-primary-hover);
}

.urs-settings-view {
  display: none;
}

.urs-settings-view.is-active {
  display: block;
}

.urs-account__layout {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.urs-account__card {
  background: #fff;
  border: 1px solid #e4e9f1;
  border-radius: 18px;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06);
  padding: 20px;
}

.urs-account__card-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  font-size: 18px;
  color: #1f2937;
}

.urs-account__iconbox {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: var(--urs-primary-light);
  color: var(--urs-primary-hover);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.urs-account__iconbox.is-primary {
  background: rgba(72, 202, 178, 0.12);
  color: #23a88d;
}

.urs-account__iconbox.is-danger {
  background: #fff1f2;
  color: var(--urs-primary-hover);
}

.urs-account__avatar-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 10px 0 18px;
}

.urs-account__avatar-wrap.is-uploading::after {
  content: "";
  position: absolute;
  inset: 10px auto 18px;
  width: 92px;
  height: 92px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.35);
  pointer-events: none;
}

.urs-account__avatar-loader {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 92px;
  height: 92px;
  margin-left: -46px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  pointer-events: none;
}

.urs-account__avatar-loader .urs-btn-spinner {
  border-top-color: #fff;
  border-right-color: rgba(255, 255, 255, 0.35);
  border-bottom-color: rgba(255, 255, 255, 0.35);
  border-left-color: rgba(255, 255, 255, 0.35);
}

.urs-account__avatar {
  width: 92px;
  height: 92px;
  border-radius: 999px;
  background: var(--urs-primary);
  color: var(--urs-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  font-weight: 700;
}

.urs-account__avatar-image {
  width: 92px;
  height: 92px;
  border-radius: 999px;
  object-fit: cover;
  display: block;
}

.urs-account__upload {
  width: 100%;
  border: 1px solid #dbe3ee;
  border-radius: 6px;
  background: #fff;
  padding: 11px 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  color: #334155;
}

.urs-account__section-tag {
  width: fit-content;
  margin: 2px auto 18px;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--urs-primary-light);
  color: var(--urs-primary-hover);
  font-size: 13px;
  font-weight: 600;
}

.urs-account__section-tag.is-soft {
  background: rgba(72, 202, 178, 0.12);
  color: #199d86;
}

.urs-account__section-tag.is-light {
  background: rgba(242, 129, 99, 0.12);
  color: var(--urs-primary-hover);
}

.urs-account__grid {
  display: grid;
  gap: 18px;
  margin-bottom: 22px;
}

.urs-account__grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.urs-tier-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  width: fit-content;
  margin-top: 4px;
}
.urs-tier--none {
  background: #f1f5f9;
  color: #94a3b8;
}

.urs-account__grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.urs-account__grid label {
  display: block;
  margin-bottom: 8px;
  color: #475467;
  font-size: 14px;
}

.urs-account__grid input,
.urs-account__grid select,
.urs-account__grid textarea,
#urs-profile-form input,
#urs-profile-form select,
#urs-security-form input {
  width: 100%;
  min-height: 48px;
  border: 1px solid #d8e0ea;
  border-radius: 6px;
  padding: 12px 14px;
  background: #fff;
}

.urs-account__footer {
  margin-top: 12px;
  padding-top: 18px;
  border-top: 1px solid #ebeff5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.urs-account__footer p {
  margin: 0;
  color: #667085;
  font-size: 14px;
}

.urs-account__footer--single {
  justify-content: flex-end;
}

.urs-account__security {
  display: flex;
  justify-content: center;
}

.urs-account__card--security {
  width: 100%;
  max-width: 520px;
}

.urs-account__card--bank {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}

.urs-account__card--company {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}

.urs-account__company-fields.is-hidden {
  display: none;
}

.urs-account__checkline {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 6px;
  padding: 14px 0 2px;
  border-top: 1px solid #ebeff5;
}

.urs-account__checkline input[type="checkbox"] {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-top: 1px;
  accent-color: var(--urs-primary);
}

.urs-account__checkline strong {
  display: block;
  color: #1f2937;
  margin-bottom: 4px;
  font-size: 18px;
}

.urs-account__checkline small {
  color: #98a2b3;
  font-size: 14px;
  line-height: 1.4;
}

.urs-account__security-copy {
  margin: -4px 0 18px;
  color: #667085;
}

.urs-support-banner {
  margin-top: 28px;
  padding: 26px 34px;
  border-radius: 24px;
  background: linear-gradient(
    135deg,
    var(--urs-primary-dark),
    var(--urs-primary)
  );
  color: var(--urs-text);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  overflow: hidden;
}

.urs-support-banner__copy {
  max-width: 720px;
}

.urs-support-banner__eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 10px 18px;
  border-radius: 999px;
  background: var(--urs-bg);
  font-size: 14px;
  font-weight: 600;
}

#urs-balance-amount {
  border: none;
  background: transparent;
  height: 100%;
}

.urs-support-banner h3 {
  margin: 18px 0 10px;
  font-size: clamp(30px, 3vw, 48px);
  line-height: 1.12;
  color: var(--urs-text);
}

.urs-support-banner p {
  margin: 0;
  max-width: 720px;
  color: var(--urs-text);
  font-size: 18px;
  line-height: 1.6;
}

.urs-support-banner__actions {
  margin-top: 26px;
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.urs-support-banner__button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 0 24px;
  border-radius: 16px;
  background: #fff;
  color: var(--urs-text);
  text-decoration: none;
  font-size: 20px;
  font-weight: 600;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.urs-support-banner__button:hover,
.urs-support-banner__button:focus {
  background-color: var(--urs-primary-hover);
  color: var(--urs-text-reverse);
  text-decoration: none;
}

.urs-support-banner__socials {
  display: flex;
  align-items: center;
  gap: 14px;
}

.urs-support-banner__socials a {
  width: 58px;
  height: 58px;
  border-radius: 18px !important;
  background: var(--urs-text-reverse);
  color: var(--urs-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  text-decoration: none;
}

.urs-support-banner__socials a:hover,
.urs-support-banner__socials a:focus{
  background: var(--urs-primary-hover);
  color: var(--urs-text-reverse);
}

.urs-support-banner__visual {
  flex: 0 0 180px;
  display: flex;
  justify-content: center;
}

.urs-support-banner__shape {
  width: 150px;
  height: 150px;
  border-radius: 26px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: var(--urs-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
  transform: rotate(12deg);
}

.urs-dashboard-home {
  display: grid;
  gap: 22px;
}

.urs-home-page {
  display: grid;
  gap: 22px;
}

.urs-home-page__hero {
  border: 1px solid #dbe2eb;
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(242, 129, 99, 0.14), transparent 26%),
    radial-gradient(circle at bottom left, rgba(72, 202, 178, 0.12), transparent 22%),
    linear-gradient(145deg, #fffefb 0%, #f9fbff 100%);
  box-shadow: 0 4px 10px rgba(24, 37, 56, 0.06);
}

.urs-home-page__panel {
  margin-bottom: 0;
}

.urs-home-page__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(242, 129, 99, 0.12);
  color: #7f3d2b;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.urs-home-page__story,
.urs-home-page__launch-grid,
.urs-home-page__support-strip {
  display: grid;
  gap: 18px;
}

.urs-home-page__story,
.urs-home-page__launch-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
}

.urs-home-page__welcome-card,
.urs-home-page__focus-card,
.urs-home-page__launch-panel,
.urs-home-page__support-card {
  border: 1px solid #e4ebf3;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 4px 10px rgba(24, 37, 56, 0.06);
}

.urs-home-page__welcome-card,
.urs-home-page__focus-card,
.urs-home-page__launch-panel {
  padding: 24px;
}

.urs-home-page__card-kicker {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eef7ff;
  color: #25638c;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.urs-home-page__welcome-card h4,
.urs-home-page__focus-card strong,
.urs-home-page__launch-head h4 {
  margin: 14px 0 10px;
  color: #1f2937;
}

.urs-home-page__welcome-card h4 {
  font-size: 28px;
  line-height: 1.15;
}

.urs-home-page__welcome-card p,
.urs-home-page__launch-head p {
  margin: 0;
  color: #637287;
  line-height: 1.7;
}

.urs-home-page__hero-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.urs-home-page__focus-card {
  background:
    radial-gradient(circle at top right, rgba(72, 202, 178, 0.12), transparent 24%),
    linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%);
  color: #1f2937;
}

.urs-home-page__focus-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #4b6986;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.urs-home-page__focus-head i {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(41, 101, 142, 0.1);
  color: #29658e;
}

.urs-home-page__focus-list {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

.urs-home-page__focus-list li {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(41, 101, 142, 0.1);
}

.urs-home-page__focus-list strong {
  font-size: 16px;
  color: #1f2937;
}

.urs-home-page__focus-list span {
  color: #6b7b8f;
  line-height: 1.55;
}

.urs-home-page__launch-panel {
  background:
    linear-gradient(180deg, #fff 0%, #fcfdff 100%);
}

.urs-home-page__launch-head {
  margin-bottom: 16px;
}

.urs-home-page__pathways {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.urs-home-page__pathway {
  border: 1px solid #e5ecf4;
  border-radius: 20px;
  background: #fbfcfe;
  padding: 18px;
  display: grid;
  gap: 10px;
  text-align: left;
  color: #223149;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}

.urs-home-page__pathway:hover {
  transform: translateY(-2px);
  border-color: rgba(242, 129, 99, 0.35);
  box-shadow: 0 4px 10px rgba(24, 37, 56, 0.06);
}

.urs-home-page__pathway-icon {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: #fff1ea;
  color: var(--urs-primary-hover);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
}

.urs-home-page__pathway strong {
  font-size: 16px;
}

.urs-home-page__pathway em {
  color: #738198;
  font-style: normal;
  line-height: 1.55;
}

.urs-home-page__support-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.urs-home-page__support-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 20px 22px;
  background: linear-gradient(180deg, #fff 0%, #fafcfe 100%);
}

.urs-home-page__support-card > span {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: #eef7ff;
  color: #29658e;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.urs-home-page__support-card h4 {
  margin: 2px 0 6px;
  color: #1f2937;
  font-size: 18px;
}

.urs-home-page__support-card p {
  margin: 0;
  color: #69778d;
  line-height: 1.65;
}

.urs-homev2 {
  display: grid;
  gap: 22px;
}

.urs-homev2__header h2,
.urs-homev2__section > h3 {
  margin: 0;
  color: var(--urs-text);
  letter-spacing: -0.02em;
}

.urs-homev2__section {
  display: grid;
  gap: 12px;
}

.urs-homev2__section-desc {
  margin: 0;
  color: var(--urs-muted);
  font-size: 14px;
}

.urs-homev2__card {
  border: 1px solid var(--urs-border);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--urs-shadow);
}

.urs-homev2__card--checklist {
  padding: 30px;
}

.urs-homev2__checklist-head h3 {
  margin: 0;
  line-height: 1.12;
  color: var(--urs-text);
}

.urs-homev2__checklist-head p {
  margin: 12px 0 0;
  max-width: 760px;
  line-height: 1.7;
  color: var(--urs-muted);
}

.urs-homev2__checklist-body {
  margin-top: 20px;
}

.urs-homev2__steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

.urs-homev2__steps li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px dashed var(--urs-border);
}

.urs-homev2__steps li:last-child {
  border-bottom: none;
}

.urs-homev2__step-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--urs-secondary-hover);
  color: var(--urs-text-reverse);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.urs-homev2__step-copy strong {
  display: block;
  line-height: 1.1;
  color: var(--urs-text);
}

.urs-homev2__step-copy small {
  color: var(--urs-muted);
}

.urs-homev2__step-copy p {
  margin: 6px 0 0;
  color: var(--urs-muted);
}

.urs-homev2__action {
  border: 0;
  font-size: 0.9rem;
  min-width: 150px;
  padding: 12px 10px;
  background: var(--urs-text);
  color: var(--urs-text-reverse);
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.18s ease, background 0.18s ease, opacity 0.18s ease;
}

.urs-homev2__action:hover,
.urs-homev2__action:focus {
  background: #4a4f58;
  color: var(--urs-text-reverse);
  transform: translateY(-1px);
}

.urs-homev2__action.is-done {
  background: var(--urs-muted);
  color: var(--urs-text-reverse);
  cursor: default;
  pointer-events: none;
  transform: none;
}

.urs-homev2__action.is-done:hover {
  background: var(--urs-muted);
  color: var(--urs-text-reverse);
  transform: none;
}

.urs-homev2__integrations {
  padding: 26px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}

.urs-homev2__integration-item {
  border: 0;
  border-radius: 16px;
  background: transparent;
  padding: 10px;
  display: grid;
  justify-items: center;
  gap: 10px;
  cursor: pointer;
}

.urs-homev2__integration-logo {
  width: 56px;
  height: 56px;
  border-radius: 15px;
  background: var(--urs-bg);
  color: var(--urs-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.urs-homev2__integration-logo img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  display: block;
}

.urs-homev2__integration-logo.is-shopify { color: var(--urs-secondary-hover); }
.urs-homev2__integration-logo.is-etsy { color: var(--urs-primary-hover); }
.urs-homev2__integration-logo.is-wix { color: var(--urs-text); }
.urs-homev2__integration-logo.is-woo { color: var(--urs-secondary-hover); }
.urs-homev2__integration-logo.is-shop { color: var(--urs-primary-hover); }
.urs-homev2__integration-logo.is-api { color: var(--urs-text); }

.urs-homev2__integration-item strong {
  color: var(--urs-text);
}

.urs-homev2__integration-foot {
  grid-column: 1 / -1;
  margin: 8px 0 0;
  color: var(--urs-muted);
}

/* ====== STORES / BOUTIQUES ====== */
.urs-stores {
  display: grid;
  gap: 24px;
}

.urs-stores__header h2 {
  margin: 0 0 6px;
  font-size: 24px;
  color: var(--urs-text);
}

.urs-stores__header p {
  margin: 0;
  color: var(--urs-muted);
  font-size: 15px;
}

.urs-stores__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
}

.urs-stores__card {
  background: #fff;
  border: 1px solid var(--urs-border);
  border-radius: 16px;
  padding: 44px 24px 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  cursor: pointer;
}

.urs-stores__card:hover {
  box-shadow: 0 4px 10px rgba(15,23,42,0.06);
  transform: translateY(-2px);
}

.urs-stores__card-logo {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
}

.urs-stores__card-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.urs-stores__card-logo i {
  font-size: 36px;
  color: var(--urs-muted);
}

.urs-stores__card-icon {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  border-radius: 18px;
  background: #f4f6f8;
  font-size: 34px;
}

.urs-stores__card-icon.is-shopify {
  color: #95bf47;
  background: #f0f7e8;
}

.urs-stores__card-icon.is-etsy {
  color: #d5641c;
  background: #fef1e8;
}

.urs-stores__card-icon.is-wix {
  color: #0c6efc;
  background: #e8f1ff;
}

.urs-stores__card-icon.is-woocommerce {
  color: #7f54b3;
  background: #f1edf8;
}

.urs-stores__card-icon.is-api-icon {
  color: #6b7280;
  background: #f3f4f6;
  font-size: 30px;
}

.urs-stores__card h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  color: var(--urs-text);
}

.urs-stores__card p {
  margin: 0;
  font-size: 13px;
  color: var(--urs-muted);
  line-height: 1.4;
}

.urs-stores__card .urs-btn {
  margin-top: 6px;
}

.urs-stores__card.is-api {
  border-style: dashed;
  background: #f9fafb;
}

/* =========== API DOCUMENTATION PAGE =========== */
.urs-api-docs {
  display: grid;
  gap: 22px;
}

.urs-api-docs__hero {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  overflow: hidden;
  padding: 28px 32px;
  border: 1px solid var(--urs-border);
  border-radius: 22px;
  background: linear-gradient(120deg, #fff 0%, #fff8f4 68%, #eefbf8 100%);
}

.urs-api-docs__hero-copy {
  min-width: 0;
}

.urs-api-docs__back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 24px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--urs-muted);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
}

.urs-api-docs__back:hover {
  color: var(--urs-primary-hover);
}

.urs-api-docs__eyebrow,
.urs-api-docs__section-kicker {
  color: var(--urs-primary-hover);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.urs-api-docs__hero h2 {
  margin: 8px 0 8px;
  color: var(--urs-text);
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1.12;
}

.urs-api-docs__hero p {
  max-width: 650px;
  margin: 0;
  color: var(--urs-muted);
  font-size: 15px;
  line-height: 1.65;
}

.urs-api-docs__hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 22px;
}

.urs-api-docs__hero-actions .urs-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
}

.urs-api-docs__status {
  color: var(--urs-muted);
  font-size: 12px;
}

.urs-api-docs__status i {
  color: #20ad83;
  margin-right: 4px;
}

.urs-api-docs__hero-mark {
  display: flex;
  width: 150px;
  min-width: 150px;
  height: 150px;
  align-items: center;
  justify-content: center;
  align-self: center;
  border: 1px solid rgba(244, 124, 97, .2);
  border-radius: 42px;
  background: rgba(255,255,255,.75);
  color: var(--urs-primary-hover);
  transform: rotate(8deg);
  flex-direction: column;
  gap: 4px;
}

.urs-api-docs__hero-mark i { font-size: 48px; }
.urs-api-docs__hero-mark span { font-size: 16px; font-weight: 800; letter-spacing: .12em; }

.urs-api-docs__layout {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  align-items: start;
  gap: 22px;
}

.urs-api-docs__sidebar,
.urs-api-docs__content {
  border: 1px solid var(--urs-border);
  border-radius: 18px;
  background: #fff;
}

.urs-api-docs__sidebar {
  position: sticky;
  top: 80px;
  display: grid;
  gap: 4px;
  padding: 16px;
}

.urs-api-docs__sidebar-title {
  margin: 3px 8px 10px;
  color: var(--urs-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.urs-api-docs__sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 11px;
  border-radius: 10px;
  color: var(--urs-muted);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.urs-api-docs__sidebar a:hover,
.urs-api-docs__sidebar a.is-active {
  color: var(--urs-primary-hover);
  background: var(--urs-primary-hover-soft, #fff0ea);
}

.urs-api-docs__sidebar-note {
  display: flex;
  gap: 9px;
  margin-top: 16px;
  padding: 12px;
  border-radius: 12px;
  background: #f2fbf9;
  color: var(--urs-muted);
  font-size: 11px;
  line-height: 1.5;
}

.urs-api-docs__sidebar-note i { color: var(--urs-primary-hover); font-size: 15px; }
.urs-api-docs__sidebar-note p { margin: 0; }

.urs-api-docs__content {
  overflow: hidden;
}

.urs-api-docs__section {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px;
  padding: 28px 30px;
  scroll-margin-top: 24px;
}

.urs-api-docs__section + .urs-api-docs__section { border-top: 1px solid var(--urs-border); }
.urs-api-docs__section-kicker { padding-top: 5px; }
.urs-api-docs__section h3 { margin: 0 0 8px; color: var(--urs-text); font-size: 20px; }
.urs-api-docs__section p { margin: 0 0 18px; color: var(--urs-muted); font-size: 14px; line-height: 1.7; }

.urs-api-docs__feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 8px 0px;
}

.urs-api-docs__feature-grid article {
  display: grid;
  gap: 5px;
  padding: 14px;
  border: 1px solid var(--urs-border);
  border-radius: 12px;
  background: #fbfcfd;
}

.urs-api-docs__feature-grid i { color: var(--urs-primary-hover); font-size: 17px; }
.urs-api-docs__feature-grid strong { color: var(--urs-text); font-size: 13px; }
.urs-api-docs__feature-grid span { color: var(--urs-muted); font-size: 11px; line-height: 1.45; }

.urs-api-docs__callout {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 16px 0;
  padding: 13px 15px;
  border-radius: 11px;
  font-size: 12px;
  line-height: 1.55;
}

.urs-api-docs__callout i { margin-top: 2px; }
.urs-api-docs__callout.is-warning { background: #fff8e8; color: #8a661b; }
.urs-api-docs__callout.is-info { background: #eef8ff; color: #38627e; }
.urs-api-docs__checklist { margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.urs-api-docs__checklist li { position: relative; padding-left: 24px; color: #53657c; font-size: 13px; }
.urs-api-docs__checklist li::before { content: "✓"; position: absolute; left: 0; color: #1bb889; font-weight: 800; }

.urs-api-docs__code {
  overflow-x: auto;
  margin: 12px 0 0;
  padding: 15px 17px;
  border: 1px solid #e4eaf1;
  border-radius: 10px;
  background: #f6f8fb;
  color: #334155;
  font: 12px/1.7 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  white-space: pre;
}

.urs-api-docs__endpoint {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--urs-border);
  border-radius: 10px;
  background: #fbfcfd;
}

.urs-api-docs__endpoint span {
  padding: 4px 7px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 800;
}

.urs-api-docs__endpoint .is-get { color: #087d65; background: #e1f7f0; }
.urs-api-docs__endpoint .is-post { color: #bb5c39; background: #fff0e9; }
.urs-api-docs__endpoint code { color: var(--urs-text); font-size: 12px; }
.urs-api-docs__endpoint small { margin-left: auto; color: var(--urs-muted); font-size: 11px; }

.urs-api-docs__key-display {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0 0;
}

.urs-api-docs__key-masked {
  flex: 1 1 auto;
  padding: 10px 12px;
  background: #f6f8fb;
  border: 1px solid #e4eaf1;
  border-radius: 10px;
  color: #24344a;
  font: 11px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.urs-api-docs .urs-btn--ghost {
  background: #ffffff !important;
  color: #2b6cb0 !important;
  border-color: #d7e8ff !important;
}

.urs-api-docs .urs-btn--ghost:hover,
.urs-api-docs .urs-btn--ghost:focus {
  background: #eef6ff !important;
  color: #1b4f8a !important;
  border-color: #b3d6ff !important;
}

.urs-api-docs .urs-btn--ghost i {
  color: #2b6cb0 !important;
}

#urs-api-key-generate.is-hidden,
#urs-api-key-revoke.is-hidden,
#urs-api-key-display.is-hidden,
#urs-api-key-actions.is-hidden {
  display: none !important;
}

.urs-api-docs__webhook-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }
.urs-api-docs__webhook-list span { padding: 10px 12px; border: 1px solid var(--urs-border); border-radius: 9px; color: var(--urs-muted); font: 12px ui-monospace, SFMono-Regular, Menlo, monospace; }
.urs-api-docs__webhook-list i { color: var(--urs-primary-hover); font-size: 7px; vertical-align: middle; margin-right: 7px; }

@media (max-width: 800px) {
  .urs-api-docs__hero { padding: 22px; }
  .urs-api-docs__hero-mark { display: none; }
  .urs-api-docs__layout { grid-template-columns: 1fr; }
  .urs-api-docs__sidebar { position: static; display: flex; overflow-x: auto; gap: 4px; padding: 10px; }
  .urs-api-docs__sidebar-title, .urs-api-docs__sidebar-note { display: none; }
  .urs-api-docs__sidebar a { flex: 0 0 auto; white-space: nowrap; }
  .urs-api-docs__section { grid-template-columns: 30px minmax(0, 1fr); padding: 22px 18px; }
  .urs-api-docs__feature-grid, .urs-api-docs__webhook-list { grid-template-columns: 1fr; }
  .urs-api-docs__endpoint { align-items: flex-start; flex-wrap: wrap; }
  .urs-api-docs__endpoint small { width: 100%; margin-left: 0; }
}

@media (max-width: 640px) {
  .urs-stores__grid {
    grid-template-columns: 1fr;
  }
}

.urs-homev2__media-grid {
  padding: 22px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.urs-homev2__media-item {
  display: grid;
  gap: 10px;
  cursor: pointer;
  border-radius: 16px;
  outline: none;
  transition: transform .22s ease, filter .22s ease;
}

.urs-homev2__media-thumb {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  background: var(--urs-bg);
  aspect-ratio: 4 / 3;
}

.urs-homev2__media-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .32s ease, filter .32s ease;
}

.urs-homev2__media-item:hover,
.urs-homev2__media-item:focus-visible,
.urs-homev2__article:hover,
.urs-homev2__article:focus-visible {
  transform: translateY(-4px);
  filter: drop-shadow(0 12px 18px rgba(28, 48, 66, .12));
}

.urs-homev2__media-item:hover .urs-homev2__media-thumb img,
.urs-homev2__media-item:focus-visible .urs-homev2__media-thumb img,
.urs-homev2__article:hover img,
.urs-homev2__article:focus-visible img {
  transform: scale(1.035);
}

.urs-homev2__play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 74px;
  height: 74px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.8);
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.urs-homev2__media-thumb--map {
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 35% 40%, var(--urs-primary-soft-20), transparent 35%),
    linear-gradient(180deg, #fff 0%, var(--urs-bg) 100%);
  color: var(--urs-primary-hover);
}

.urs-homev2__media-item h4 {
  margin: 0;
  color: var(--urs-text);
}

.urs-homev2__article-grid {
  padding: 22px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.urs-homev2__article {
  display: grid;
  gap: 10px;
  cursor: pointer;
  border-radius: 16px;
  outline: none;
  transition: transform .22s ease, filter .22s ease;
}

.urs-homev2__article img {
  width: 100%;
  border-radius: 14px;
  aspect-ratio: 16 / 8;
  object-fit: cover;
  display: block;
  transition: transform .32s ease, filter .32s ease;
}

.urs-homev2__article h4 {
  margin: 0;
  color: var(--urs-text);
  line-height: 1.35;
}

.urs-homev2__article p {
  margin: 0;
  line-height: 1.65;
  color: var(--urs-muted);
}

.urs-homev2__more {
  grid-column: 1 / -1;
  justify-self: end;
  align-self: center;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: var(--urs-text);
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* =========== GUIDES PAGE =========== */
.urs-guides__page {
  display: grid;
  gap: 24px;
}

.urs-detail__back {
  display: flex;
}

.urs-detail__back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 6px 14px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  color: var(--urs-primary);
  background: var(--urs-primary-hover, rgba(72, 202, 178, 0.1));
  transition: background 0.2s;
}

.urs-detail__back-btn:hover {
  background: var(--urs-primary, #48CAB2);
  color: var(--urs-primary-hover, #fff);
}

.urs-guides__header {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.urs-guides__header-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--urs-primary-hover);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
}

.urs-guides__header h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}

.urs-guides__header-desc {
  margin: 4px 0 0;
  color: var(--urs-muted);
  font-size: 14px;
}

.urs-guides__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.urs-guides__card {
  background: #fff;
  border: 1px solid var(--urs-border);
  border-radius: 16px;
  overflow: hidden;
  transition: box-shadow 0.25s, transform 0.25s;
}

.urs-guides__card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
  cursor: pointer;
}

.urs-guides__card-thumb {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--urs-bg);
}

.urs-guides__card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s;
}

.urs-guides__card:hover .urs-guides__card-thumb img {
  transform: scale(1.05);
}

.urs-guides__card-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  backdrop-filter: blur(2px);
  transition: background 0.25s, transform 0.25s;
}

.urs-guides__card:hover .urs-guides__card-play {
  background: var(--urs-primary-hover);
  border-color: var(--urs-primary-hover);
  transform: translate(-50%, -50%) scale(1.1);
}

.urs-guides__card-duration {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 6px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.urs-guides__card-body {
  padding: 14px 16px 18px;
}

.urs-guides__card-body h4 {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--urs-text);
}

.urs-guides__card-body p {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--urs-muted);
}

/* =========== ARTICLES PAGE =========== */
.urs-articles__page {
  display: grid;
  gap: 24px;
}

.urs-articles__header {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.urs-articles__header-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--urs-primary-hover);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
}

.urs-articles__header h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}

.urs-articles__header-desc {
  margin: 4px 0 0;
  color: var(--urs-muted);
  font-size: 14px;
}

.urs-articles__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.urs-articles__card {
  background: #fff;
  border: 1px solid var(--urs-border);
  border-radius: 16px;
  overflow: hidden;
  transition: box-shadow 0.25s, transform 0.25s;
}

.urs-articles__card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
  cursor: pointer;
}

.urs-articles__card-thumb {
  aspect-ratio: 16 / 8;
  overflow: hidden;
  background: var(--urs-bg);
}

.urs-articles__card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s;
}

.urs-articles__card:hover .urs-articles__card-thumb img {
  transform: scale(1.05);
}

.urs-articles__card-body {
  padding: 16px 18px 20px;
}

.urs-articles__card-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--urs-primary-hover);
  margin-bottom: 8px;
}

.urs-articles__card-body h4 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--urs-text);
}

.urs-articles__card-body p {
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
  color: var(--urs-muted);
}

/* =========== GUIDES / ARTICLES RESPONSIVE =========== */
@media (max-width: 1024px) {
  .urs-guides__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .urs-articles__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .urs-guides__grid {
    grid-template-columns: 1fr;
  }
  .urs-articles__grid {
    grid-template-columns: 1fr;
  }
}

.urs-referrals {
  display: grid;
  gap: 18px;
}

.urs-referrals__hero,
.urs-referrals__how,
.urs-referrals__table-card,
.urs-referrals__invite-card,
.urs-referrals__note,
.urs-referrals__stat-card {
  border: 1px solid var(--urs-border);
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--urs-shadow);
}

.urs-referrals__link-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.urs-referrals__link-row input {
  border: 1px solid var(--urs-border);
  border-radius: 12px;
  background: #fff;
  color: var(--urs-text);
  font-size: 16px;
  padding: 14px 16px;
}

/* ====== PARRAINAGE HERO ====== */
.urs-referrals__hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 380px;
  padding: 60px 50px;
  background: url(https://urbanart.sharebnb.ma/wp-content/uploads/2026/06/promotion.png) center / cover no-repeat;
  border-radius: 20px;
  overflow: hidden;
}

.urs-referrals__hero-content {
  position: relative;
  z-index: 1;
  max-width: 720px;
  width: 100%;
  padding: 34px 36px;
}

.urs-referrals__hero-content h3 {
  margin: 0 0 14px;
  font-size: clamp(24px, 2.8vw, 34px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: var(--urs-text);
}

.urs-referrals__hero-content h3 span {
  color: var(--urs-primary-hover);
}

.urs-referrals__hero-content p {
  margin: 0 0 20px;
  color: var(--urs-muted);
  font-size: 15px;
  line-height: 1.7;
  max-width: 600px;
}

.urs-referrals__hero-content label {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 14px;
  color: var(--urs-text);
}

.urs-referrals__hero-content label i {
  color: var(--urs-primary-hover);
}

button#urs-referral-copy-btn {
  background: var(--urs-primary-hover) !important;
  color: #fff !important;
  border-radius: 12px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.03em;
  padding: 14px 22px;
}

button#urs-referral-copy-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(242,129,99,0.2);
}

@media (max-width: 640px) {
  .urs-referrals__hero {
    padding: 24px 16px;
    min-height: auto;
  }

  .urs-referrals__hero-content {
    padding: 22px 20px;
  }

  .urs-referrals__link-row {
    grid-template-columns: 1fr;
  }
}

.urs-referrals__how {
  padding: 24px;
}

.urs-referrals__how h4,
.urs-referrals__table-card h4,
.urs-referrals__invite-card h4 {
  margin: 0 0 14px;
  line-height: 1.2;
  color: var(--urs-text);
}

.urs-referrals__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.urs-referrals__steps article {
  display: grid;
  gap: 6px;
  padding: 4px 6px;
}

.urs-referrals__steps span {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: var(--urs-primary-soft);
  color: var(--urs-primary-hover);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.urs-referrals__steps strong {
  color: var(--urs-text);
  font-size: 18px;
}

.urs-referrals__steps p {
  margin: 0;
  color: var(--urs-muted);
  font-size: 16px;
  line-height: 1.6;
}

.urs-referrals__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.urs-referrals__stat-card {
  padding: 22px;
}

.urs-referrals__stat-card.is-credit {
  background:
    radial-gradient(circle at top right, var(--urs-primary-soft-20), transparent 30%),
    linear-gradient(180deg, #fff 0%, var(--urs-primary-soft) 100%);
}

.urs-referrals__stat-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--urs-primary-soft);
  color: var(--urs-primary-hover);
  font-size: 20px;
}

.urs-referrals__stat-card small {
  display: block;
  margin-top: 16px;
  color: var(--urs-muted);
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.04em;
  font-weight: 700;
}

.urs-referrals__stat-card strong {
  display: block;
  margin-top: 2px;
  color: var(--urs-text);
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.02em;
}

.urs-referrals__stat-card p {
  margin: 8px 0 0;
  color: var(--urs-muted);
  font-size: 15px;
}

.urs-referrals__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.6fr);
  gap: 16px;
}

.urs-referrals__table-card {
  padding: 24px;
}

.urs-referrals__table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.urs-referrals__table th,
.urs-referrals__table td {
  border-top: 1px solid var(--urs-border);
  padding: 14px 12px;
  text-align: left;
}

.urs-referrals__table th {
  color: var(--urs-muted);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.urs-referrals__table td {
  color: var(--urs-text);
  font-size: 16px;
}

.urs-referrals__table tbody tr.is-empty td {
  text-align: center;
  color: var(--urs-muted);
  padding: 24px 14px !important;
}

.urs-referrals__invite-card {
  padding: 24px;
}

.urs-referrals__invite-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--urs-primary-soft);
  color: var(--urs-primary-hover);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.urs-referrals__invite-card p {
  margin: 0 0 12px;
  color: var(--urs-muted);
  font-size: 17px;
  line-height: 1.6;
}

.urs-referrals__invite-card input {
  width: 100%;
  border: 1px solid var(--urs-border);
  border-radius: 12px;
  background: #fff;
  color: var(--urs-text);
  padding: 13px 14px;
  font-size: 16px;
  margin-bottom: 12px;
}

.urs-referrals__note {
  padding: 20px 24px;
  background:
    linear-gradient(180deg, #fff 0%, var(--urs-primary-soft) 100%);
}

.urs-referrals__note h4 {
  margin: 0 0 8px;
  color: var(--urs-text);
}

.urs-referrals__note h4 i {
  color: var(--urs-primary-hover);
}

.urs-referrals__note p {
  margin: 0;
  color: var(--urs-muted);
  line-height: 1.7;
}

input#urs-referral-link {
  border-radius: 8px;
  margin-bottom: 0;
}

input#urs-referrals-email {
    border-radius: 6px;
    margin: 0px 0px 16px 0px;
}

.urs-dashboard-home--insights {
  gap: 18px;
}

.urs-dashboard-home__hero--insights {
  background: #fff;
  border-color: #dce6f1;
  box-shadow: 0 4px 10px rgba(24, 37, 56, 0.05);
}

.urs-dashboard-home__hero--insights .urs-dashboard-home__eyebrow {
  background: rgba(41, 101, 142, 0.1);
  color: #2e5d86;
}

.urs-dashboard-home__hero--insights .urs-dashboard-home__hero-copy h3,
.urs-dashboard-home__hero--insights .urs-dashboard-home__hero-copy p,
.urs-dashboard-home__hero--insights .urs-dashboard-home__status-card strong,
.urs-dashboard-home__hero--insights .urs-dashboard-home__status-card p,
.urs-dashboard-home__hero--insights .urs-dashboard-home__hero-metrics strong {
  color: #1f2937;
}

.urs-dashboard-home__hero--insights .urs-dashboard-home__hero-copy p,
.urs-dashboard-home__hero--insights .urs-dashboard-home__hero-metrics span {
  color: #607086;
}

.urs-dashboard-home__hero--insights .urs-dashboard-home__status-card,
.urs-dashboard-home__hero--insights .urs-dashboard-home__hero-metrics article {
  background: rgba(255, 255, 255, 0.86);
  border-color: rgba(41, 101, 142, 0.12);
}

.urs-dashboard-home__hero--insights .urs-dashboard-home__status-label {
  background: rgba(41, 101, 142, 0.1);
  color: #2e5d86;
}

.urs-dashboard-home__spotlight {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.urs-dashboard-home__spotlight-card {
  border: 1px solid #dde5ef;
  border-radius: 22px;
  background: linear-gradient(180deg, #fff 0%, #f8fbfe 100%);
  padding: 18px 18px 20px;
  box-shadow: 0 4px 12px rgba(24, 37, 56, 0.05);
}

.urs-dashboard-home__spotlight-label {
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: #edf4fb;
  color: #35526e;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.urs-dashboard-home__spotlight-card strong {
  display: block;
  margin: 14px 0 8px;
  color: #1f2937;
  font-size: 18px;
  line-height: 1.35;
}

.urs-dashboard-home__spotlight-card p {
  margin: 0;
  color: #69778d;
  line-height: 1.65;
}

.urs-dashboard-home__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.8fr);
  gap: 20px;
  padding: 28px 30px;
  border-radius: 28px;
  border: 1px solid #e4ebf3;
  box-shadow: 0 4px 12px rgba(24, 37, 56, 0.05);
}

.urs-dashboard-home__eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  background: #fff3ee;
  color: var(--urs-text);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 14px;
}

.urs-dashboard-home__hero-copy h3 {
  margin: 0 0 10px;
  font-size: 38px;
  line-height: 1.08;
  color: #1f2937;
}

.urs-dashboard-home__hero-copy p {
  margin: 0;
  color: #5f6d81;
  font-size: 15px;
  line-height: 1.75;
  max-width: 720px;
}

.urs-dashboard-home__hero-actions {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}

.urs-dashboard-home__hero-aside {
  display: grid;
  gap: 14px;
}

.urs-dashboard-home__status-card {
  padding: 18px;
  border: 1px solid #e5edf6;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.86);
}

.urs-dashboard-home__status-label {
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eef7ff;
  color: #28618f;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 12px;
}

.urs-dashboard-home__status-card strong {
  display: block;
  font-size: 22px;
  line-height: 1.15;
  color: #1f2937;
}

.urs-dashboard-home__status-card p {
  margin: 8px 0 0;
  color: #64748b;
  line-height: 1.6;
}

.urs-dashboard-home__hero-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.urs-dashboard-home__hero-metrics article {
  padding: 16px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #edf2f7;
}

.urs-dashboard-home__hero-metrics span {
  display: block;
  color: #7a879a;
  font-size: 13px;
  margin-bottom: 8px;
}

.urs-dashboard-home__hero-metrics strong {
  display: block;
  color: #1f2937;
  font-size: 24px;
  line-height: 1.1;
}

.urs-dashboard-home__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 18px;
}

.urs-dashboard-home__grid--secondary {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
}

.urs-dashboard-home__panel {
  padding: 22px 24px;
  border-radius: 24px;
  border: 1px solid #e4ebf3;
  background: #fff;
  box-shadow: 0 12px 30px rgba(24, 37, 56, 0.05);
}

.urs-dashboard-home__panel-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}

.urs-dashboard-home__panel-head h4 {
  margin: 0 0 4px;
  font-size: 20px;
  color: #1f2937;
}

.urs-dashboard-home__panel-head p {
  margin: 0;
  color: #6a7890;
  line-height: 1.6;
}

.urs-dashboard-home__todo-list,
.urs-dashboard-home__activity {
  display: grid;
  gap: 12px;
}

.urs-dashboard-home__todo,
.urs-dashboard-home__activity-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border: 1px solid #e7edf5;
  border-radius: 18px;
  background: #fbfcfe;
}

.urs-dashboard-home__todo.is-warning {
  background: #fffaf3;
}

.urs-dashboard-home__todo.is-success,
.urs-dashboard-home__todo.is-done {
  background: #f4fcf8;
}

.urs-dashboard-home__todo.is-info {
  background: #f8fbff;
}

.urs-dashboard-home__todo-icon,
.urs-dashboard-home__activity-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff3ee;
  color: var(--urs-primary-hover);
  font-size: 18px;
}

.urs-dashboard-home__activity-icon {
  background: #eef7ff;
  color: #2d6ea2;
}

.urs-dashboard-home__todo-copy,
.urs-dashboard-home__activity-copy {
  min-width: 0;
}

.urs-dashboard-home__todo-copy strong,
.urs-dashboard-home__activity-copy strong {
  display: block;
  color: #1f2937;
  font-size: 15px;
  line-height: 1.35;
}

.urs-dashboard-home__todo-copy p,
.urs-dashboard-home__activity-copy p {
  margin: 4px 0 0;
  color: #69778d;
  line-height: 1.55;
}

.urs-dashboard-home__activity-copy span {
  display: block;
  margin-top: 6px;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 600;
}

.urs-dashboard-home__finance {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.urs-dashboard-home__finance article {
  padding: 16px;
  border-radius: 18px;
  border: 1px solid #e7edf5;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
}

.urs-dashboard-home__finance span {
  display: block;
  color: #7a879a;
  font-size: 13px;
  margin-bottom: 8px;
}

.urs-dashboard-home__finance strong {
  display: block;
  color: #1f2937;
  font-size: 24px;
  line-height: 1.1;
}

.urs-dashboard-home__products {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.urs-dashboard-home__product-card {
  border: 1px solid #e7edf5;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.urs-dashboard-home__product-media {
  position: relative;
  height: 180px;
  background: #edf2f7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.urs-dashboard-home__product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.urs-dashboard-home__product-fallback {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background: var(--urs-primary-hover);
  color: var(--urs-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}

.urs-dashboard-home__product-status {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #304055;
  font-size: 12px;
  font-weight: 700;
}

.urs-dashboard-home__product-copy {
  padding: 14px 16px 10px;
}

.urs-dashboard-home__product-copy strong {
  display: block;
  color: #1f2937;
  line-height: 1.35;
}

.urs-dashboard-home__product-copy p {
  margin: 5px 0 0;
  color: var(--urs-primary-hover);
  font-weight: 700;
}

.urs-dashboard-home__product-copy span {
  display: block;
  margin-top: 6px;
  color: #7a879a;
  font-size: 13px;
}

.urs-dashboard-home__product-foot {
  margin-top: auto;
  padding: 0 16px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.urs-dashboard-home__product-foot em {
  color: #24334c;
  font-style: normal;
  font-size: 16px;
  font-weight: 800;
}

.urs-dashboard-home__quick-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.urs-dashboard-home__quick-action {
  min-height: 96px;
  padding: 18px 16px;
  border-radius: 18px;
  border: 1px solid #e6ecf4;
  background: #fbfcfe;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  color: #24334c;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}

.urs-dashboard-home__quick-action:hover {
  transform: translateY(-2px);
  border-color: rgba(242, 129, 99, 0.35);
  box-shadow: 0 6px 14px rgba(24, 37, 56, 0.05);
}

.urs-dashboard-home__quick-action i {
  font-size: 20px;
  color: var(--urs-text);
}

.urs-dashboard-home__quick-action span {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
}

.urs-dashboard-home__empty {
  min-height: 220px;
  border: 1px dashed #d8e0ea;
  border-radius: 18px;
  background: #fbfcfe;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  padding: 24px;
}

.urs-dashboard-home__empty i {
  font-size: 40px;
  color: #9aa8bc;
}

.urs-dashboard-home__empty strong {
  color: #24334c;
  font-size: 18px;
}

.urs-dashboard-home__empty p {
  margin: 0;
  color: #7a879a;
  max-width: 360px;
}

.urs-home-skeleton {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  border-radius: 999px;
  background: #edf2f7;
}

.urs-home-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.7) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: ursProductsSkeleton 1.35s ease-in-out infinite;
}

.urs-home-skeleton--icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
}

.urs-home-skeleton--title {
  display: block;
  width: 180px;
  height: 16px;
  border-radius: 10px;
  margin-bottom: 8px;
}

.urs-home-skeleton--line {
  display: block;
  width: 240px;
  max-width: 100%;
  height: 12px;
  border-radius: 10px;
}

.urs-home-skeleton--product-image {
  display: block;
  width: 100%;
  height: 180px;
  border-radius: 0;
}

.urs-tab {
  display: none;
}

.urs-tab.is-active {
  display: block !important;
  max-width: 85%;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 40px;
}

/* Keep static pages visible when their tab is opened from a Home action. */
#urs-dashboard-root[data-active-tab="guides"] .urs-tab[data-tab-content="guides"],
#urs-dashboard-root[data-active-tab="articles"] .urs-tab[data-tab-content="articles"] {
  display: block !important;
}

.urs-hero {
  overflow: hidden;
  padding: 24px 28px;
  position: relative;
  margin-bottom: 20px;
}

.urs-hero-badges {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
}

.urs-hero-alert {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: var(--urs-primary);
  font-size: 15px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.urs-hero-alert:hover {
  transform: translateY(-1px);
}

.urs-hero h3 {
  margin: 0;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #19212f;
  margin-left: 100px;
}

.urs-hero p {
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.6;
  color: #5f6b7e;
  max-width: 560px;
  margin-left: 100px;
}

.urs-hero-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
  flex-wrap: wrap;
  margin-right: 100px;
}

.urs-kpis {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 20px;
}

.urs-kpi-card {
  background: #fff;
  border: 1px solid #dbe2eb;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 2px 6px rgba(23, 35, 54, 0.05);
}

.urs-kpi-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #778398;
  font-size: 14px;
}

.urs-kpi-head i {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: #eef3f8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.urs-kpi-card strong {
  display: block;
  margin-top: 12px;
  font-size: 42px;
  font-weight: 800;
  line-height: 1;
}

.urs-kpi-card p {
  margin: 8px 0 0;
  color: #93a0b4;
  font-size: 13px;
}

.urs-setup {
  border: 1px solid #dbe2eb;
  border-radius: 16px;
  background: #fff;
  padding: 18px;
}

.urs-setup h4 {
  margin: 0;
  font-size: 36px;
}

.urs-setup > p {
  margin: 6px 0 16px;
  color: #6f7b90;
  font-size: 16px;
}

.urs-setup-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.urs-setup-card {
  border: 1px solid #e0e6ef;
  border-radius: 16px;
  padding: 16px;
  background: #fafcfe;
}

.urs-setup-card i {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: #edf2f8;
  color: var(--urs-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.urs-setup-card h5 {
  margin: 12px 0 6px;
  font-size: 21px;
}

.urs-setup-card p {
  margin: 0;
  color: #6f7b90;
  font-size: 14px;
  line-height: 1.4;
}

.urs-setup-card.is-done {
  background: #f1fbf9;
  border-color: #bde9df;
}

.urs-setup-card.is-done i {
  background: var(--urs-text);
  color: var(--urs-text-reverse);
}

.urs-setup-card span {
  display: inline-block;
  margin-top: 10px;
  padding: 5px 10px;
  border-radius: 999px;
  background:var(--urs-text);
  color: var(--urs-text-reverse);
  font-size: 11px;
  font-weight: 700;
}

.urs-setup-card .urs-btn {
  margin-top: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 13px;
}

.urs-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  align-items: stretch;
}

.urs-grid > * {
  height: 100%;
}

#urs-products-search {
  border: 0px;
  margin-top: 6px;
}

.urs-product-card {
  border: 1px solid #dbe2eb;
  border-radius: 14px;
  padding: 14px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(23, 35, 54, 0.05);
}

.urs-product-card h4 {
  margin: 0 0 6px;
  font-size: 20px;
}

.urs-product-card p {
  margin: 4px 0;
}

.urs-product-card__preview {
  height: 140px;
  background: linear-gradient(
    45deg,
    rgba(242, 129, 99, 0.15),
    rgba(72, 202, 178, 0.15)
  );
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 10px;
  color: #66748b;
}

.urs-product-card__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.urs-card-actions {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.urs-card-actions .urs-btn {
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 10px;
  justify-content: center;
  background: var(--urs-primary-soft);
  color: var(--urs-primary-hover);
}

.urs-card-actions .urs-btn:hover {
  background: var(--urs-primary);
  color: var(--urs-text-reverse);
}

.urs-revenue-box {
  background: #fff;
  border: 1px solid #dbe2eb;
  border-radius: 16px;
  padding: 16px;
}

.urs-revenue-box h3 {
  margin: 0;
  color: #66748b;
  font-size: 14px;
}

.urs-revenue-box strong {
  display: block;
  margin-top: 8px;
  font-size: 44px;
}

.urs-modal {
  position: fixed;
  inset: 0;
  background: rgba(18, 29, 44, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999999;
  padding: 18px;
}

.urs-page-hero.urs-page-hero--returns {
  display: flex !important;
  flex-direction: column;
  align-items: inherit !important;
}

.urs-page-hero.urs-page-hero--withdrawals {
  display: flex !important;
  flex-direction: column;
}

.urs-modal__content {
  width: min(800px, 100%);
  max-height: 92vh;
  overflow: auto;
  background: #fff;
  border-radius: 16px;
  padding: 20px;
  position: relative;
}

.urs-modal__close {
  position: absolute;
  right: 12px;
  top: 10px;
  border: 0;
  width: 34px;
  height: 34px;
  border-radius: 50% !important;
  cursor: pointer;
  padding: 0;
}

.urs-validation-status-modal {
  width: min(520px, 100%) !important;
  padding: 28px 28px 24px;
  text-align: center;
}

.urs-validation-status-modal__icon {
  width: 68px;
  height: 68px;
  margin: 0 auto 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #fff2d6 0%, #ffe6b3 100%);
  color: #b7791f;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}

.urs-validation-status-modal h4 {
  margin: 0 0 12px;
  color: #1f2937;
  font-size: 24px;
  line-height: 1.15;
}

.urs-validation-status-modal p {
  margin: 0;
  color: #5b6472;
  font-size: 15px;
  line-height: 1.7;
}

.urs-validation-status-modal__remember {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  color: #667085;
  font-size: 12px;
  cursor: pointer;
}

.urs-validation-status-modal__remember input {
  width: 14px;
  height: 14px;
  accent-color: var(--urs-primary);
}

.urs-validation-status-modal__actions {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}

.urs-reverification-modal__actions {
  gap: 10px;
}

.urs-publish-modal__icon {
  width: 68px;
  height: 68px;
  margin: 0 auto 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  background: #f1f5f9;
  color: #64748b;
}

.urs-publish-modal__progress {
  margin: 16px auto 0;
  width: 80%;
  max-width: 240px;
  height: 6px;
  background: #e2e8f0;
  border-radius: 3px;
  overflow: hidden;
}
.urs-publish-modal__progress-bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #3b82f6, #6366f1);
  border-radius: 3px;
  transition: width 0.3s ease;
}

.urs-publish-modal__actions {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}

.urs-restricted-action-modal__list {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
  text-align: left;
}

.urs-restricted-action-modal__list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #374151;
  font-size: 14px;
  line-height: 1.5;
}

/* --- Loading Overlay (Full-screen sign-up submit) --- */
.urs-loading-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.urs-loading-overlay__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.7);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.urs-loading-overlay__card {
  position: relative;
  background: #fff;
  border-radius: 20px;
  padding: 44px 52px 36px;
  max-width: 380px;
  width: 92%;
  text-align: center;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  animation: urs-loading-card-in 0.35s ease-out;
}

@keyframes urs-loading-card-in {
  from {
    opacity: 0;
    transform: scale(0.92) translateY(12px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.urs-loading-overlay__svg {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
}

.urs-loading-overlay__svg object {
  width: 200px;
  height: 150px;
}

.urs-loading-overlay__progress {
  text-align: center;
}

.urs-loading-overlay__progress-bar {
  height: 6px;
  background: #e2e8f0;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 10px;
}

.urs-loading-overlay__progress-fill {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--urs-primary, #d1520a), var(--urs-primary-hover, #e06b28));
  border-radius: 3px;
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.urs-loading-overlay__progress-text {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #64748b;
  font-weight: 500;
}

/* --- */

.urs-restricted-action-modal__list i {
  color: var(--urs-primary-hover);
  margin-top: 3px;
  flex: 0 0 auto;
}

.urs-restricted-action-modal__actions {
  gap: 12px;
  flex-wrap: wrap;
}

.urs-intro-modal {
  width: min(620px, 100%);
  max-height: 92vh;
  background: #fff;
  padding: 12px;
  border-radius: 18px;
  overflow: auto;
}

.urs-intro-modal__progress {
  height: 8px;
  background: #edf2f7;
  border-radius: 999px;
  overflow: hidden;
  margin: 2px 36px 12px 8px;
}

.urs-intro-modal__progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--urs-primary);
  transform-origin: left center;
}

.urs-intro-modal__close {
  top: 4px;
  right: 4px;
  background: #fff1f2;
  color: #f28163;
  display: flex;
  align-self: center;
  justify-content: center;
}

.urs-intro-modal__hero {
  background: linear-gradient(
    135deg,
    var(--urs-primary),
    var(--urs-primary-hover)
  );
  color: var(--urs-text);
  border-radius: 18px 18px 0 0;
  padding: 28px 28px 24px;
}

.urs-intro-modal__hero h3 {
  margin: 0 0 10px;
  font-size: 30px;
  line-height: 1.15;
  font-weight: 800;
  color: var(--urs-bg);
}

.urs-intro-modal__hero p {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
}

.urs-intro-modal__body {
  padding: 30px 26px 24px;
  background: #fff;
  border-radius: 0 0 18px 18px;
}

.urs-intro-modal__body > p {
  margin: 0 0 18px;
  font-size: 17px;
  line-height: 1.8;
  color: #344054;
}

.urs-intro-modal__body h4 {
  margin: 24px 0 18px;
  font-size: 24px;
  color: var(--urs-primary);
}

.urs-intro-modal__list {
  display: grid;
  gap: 14px;
}

.urs-intro-modal__card {
  padding: 18px 20px;
  border-radius: 14px;
  background: #fff7f3;
  border-right: 4px solid var(--urs-primary);
}

.urs-intro-modal__card strong {
  display: block;
  margin-bottom: 8px;
  font-size: 21px;
  color: #243041;
}

.urs-intro-modal__card p {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #445160;
}

.urs-stepper {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
}

.urs-step {
  border: 1px solid var(--urs-border);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 13px;
}

.urs-step.is-active {
  border-color: transparent;
  background: var(--urs-secondary);
  color: var(--urs-text);
}

.urs-editor-layout {
  display: grid;
  grid-template-columns: 80px 1fr 280px;
  gap: 14px;
}

.urs-editor-left {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.urs-tool {
  border: 1px solid var(--urs-border);
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  cursor: pointer;
}

.urs-editor-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.urs-canvas {
  width: 100%;
  min-height: 260px;
  border-radius: 12px;
  border: 2px dashed var(--urs-border);
  display: flex;
  align-items: center;
  justify-content: center;
}

.urs-editor-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 14px 0;
}

.urs-orientation-group {
  display: flex;
  gap: 8px;
}

.urs-orientation {
  border: 1px solid var(--urs-border);
  background: #fff;
  border-radius: 10px;
  padding: 8px 12px;
  cursor: pointer;
}

.urs-orientation.is-active {
  background: rgba(72, 202, 178, 0.15);
  border-color: var(--urs-secondary);
}

.urs-action-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.urs-revenue-chart {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  align-items: end;
  gap: 8px;
  min-height: 190px;
  margin-top: 14px;
  padding-bottom: 26px;
}

.urs-bar {
  background: linear-gradient(180deg, var(--urs-secondary), #2fa48f);
  border-radius: 10px 10px 0 0;
  position: relative;
  min-height: 18px;
}

.urs-bar span {
  position: absolute;
  bottom: -22px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 11px;
}

/* .urs-toast-stack {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
} */

input#urs-wiz-review-title {
    border-radius: 6px !important;
    margin: 0;
}

.urs-toast {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 300px;
  max-width: 430px;
  padding: 14px 16px;
  background: #effdf5;
  color: #166534;
  border: 1px solid #a7f3d0;
  border-radius: 14px;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
}

.urs-toast__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 18px;
  flex: 0 0 18px;
  background-color: #d1fae5;
  color: #166534;
}

.urs-toast__text {
  flex: 1;
  font-size: 14px;
  line-height: 1.5;
  color: #166534;
}

.urs-toast__close {
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.75;
  padding: 0;
  flex: 0 0 auto;
  color: #166534;
}

.urs-toast__close:hover {
  opacity: 1;
}

.urs-toast.is-success {
  background: #effdf5;
  color: #166534;
  border-color: #a7f3d0;
}

.urs-toast.is-pending {
  background: #effdf5;
  color: #166534;
  border-color: #a7f3d0;
}

.urs-toast.is-error {
  background: #fff1f2;
  color: #991b1b;
  border-color: #fecdd3;
}

@media (max-width: 640px) {
  .urs-toast-stack {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }

  .urs-toast {
    min-width: 0;
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 1200px) {
  .urs-tab > :not(.urs-hero),
  .urs-main > .urs-support-banner {
    margin-left: 48px;
    margin-right: 48px;
  }

  .urs-kpis,
  .urs-setup-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .urs-hero-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 1024px) {
  .urs-auth-shell {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .urs-auth-shell__intro {
    margin-top: 28px;
  }

  .urs-dashboard {
    grid-template-columns: 1fr;
    height: 100vh;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
  }

  .urs-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: min(82vw, 320px);
    max-width: 320px;
    height: 100vh;
    z-index: 90;
    border-right: 1px solid #d7dde7;
    border-bottom: 0;
    transform: translateX(-102%);
    transition: transform 0.28s ease;
    box-shadow: 4px 0 12px rgba(16, 24, 40, 0.08);
    overflow-y: auto;
  }

  .urs-dashboard.is-mobile-sidebar-open .urs-sidebar {
    transform: translateX(0);
  }

  .urs-dashboard.is-sidebar-collapsed .urs-sidebar {
    width: min(82vw, 320px);
  }

  .urs-dashboard.is-sidebar-collapsed .urs-brand {
    padding: 18px 22px;
  }

  .urs-dashboard.is-sidebar-collapsed .urs-brand img {
    max-width: none;
    margin-left: 0;
  }

  .urs-dashboard.is-sidebar-collapsed .urs-brand__logo--default {
    display: block;
  }

  .urs-dashboard.is-sidebar-collapsed .urs-brand__logo--compact {
    display: none;
  }

  .urs-dashboard.is-sidebar-collapsed .urs-brand__text,
  .urs-dashboard.is-sidebar-collapsed .urs-nav-link__label {
    opacity: 1;
    transform: none;
    max-width: 180px;
    pointer-events: auto;
  }

  .urs-dashboard.is-sidebar-collapsed .urs-side-nav {
    padding: 22px 16px;
  }

  .urs-dashboard.is-sidebar-collapsed .urs-nav-link {
    justify-content: flex-start;
    padding: 12px 14px;
    gap: 11px;
  }

  .urs-dashboard.is-sidebar-collapsed .urs-nav-link i {
    width: 18px;
    font-size: inherit;
  }

  .urs-dashboard.is-sidebar-collapsed .urs-nav-link__alert {
    position: static;
    margin-left: auto;
    width: 20px;
    height: 20px;
    font-size: 12px;
  }

  .urs-dashboard.is-sidebar-collapsed .urs-sidebar-footer {
    padding: 18px;
  }

  .urs-dashboard.is-sidebar-collapsed .urs-sidebar-footer a {
    justify-content: flex-start;
    width: auto;
    gap: 9px;
  }

  .urs-sidebar-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background: rgba(15, 23, 42, 0.45);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 80;
  }

  .urs-dashboard.is-mobile-sidebar-open .urs-sidebar-backdrop {
    opacity: 1;
    pointer-events: auto;
  }

  .urs-main-wrap {
    height: 100vh;
    min-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .urs-editor-layout {
    grid-template-columns: 1fr;
  }

  .urs-topbar {
    flex-direction: row;
    height: auto;
    padding: 10px 12px;
    align-items: center;
  }

  .urs-topbar-actions {
    width: auto;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 8px;
  }

  .urs-topbar-title h2 {
    font-size: 18px;
  }

  .urs-sidebar-toggle {
    width: 38px;
    height: 38px;
  }

  .urs-sidebar-toggle i::before {
    content: "\f0c9";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
  }

  .urs-dashboard.is-mobile-sidebar-open .urs-sidebar-toggle i::before {
    content: "\f00d";
  }

  .urs-dashboard.is-mobile-sidebar-open .urs-sidebar-toggle i {
    transform: none !important;
  }

  .urs-dashboard.is-sidebar-collapsed .urs-sidebar-toggle i {
    transform: none;
  }

  .urs-account__layout {
    grid-template-columns: 1fr;
  }

  .urs-support-banner {
    flex-direction: column;
    align-items: flex-start;
  }

  .urs-support-banner__visual {
    display: none;
  }

  .urs-main {
    padding: 0;
  }

  .urs-tab > :not(.urs-hero),
  .urs-main > .urs-support-banner {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    padding-top: 16px;
  }

  .urs-account__switch {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (max-width: 640px) {
  .urs-topbar-left {
    gap: 10px;
  }

  .urs-topbar-title h2 {
    font-size: 16px;
  }

  .urs-icon-btn {
    width: 36px;
    height: 36px;
  }

  .urs-balance-card {
    padding: 7px 10px;
    border-radius: 12px !important;
    gap: 8px;
  }

  .urs-balance-card__content span {
    display: none;
  }

  .urs-balance-card__content strong {
    font-size: 14px;
  }

  .urs-profile-chip__name {
    display: none;
  }

  .urs-auth-card,
  .urs-auth-shell__brand,
  .urs-auth-shell {
    padding: 18px;
  }

  .urs-auth-grid {
    grid-template-columns: 1fr;
  }

  .urs-auth-card__header h3 {
    font-size: 24px;
  }

  .urs-kpis,
  .urs-setup-grid {
    grid-template-columns: 1fr;
  }

  .urs-account__grid--2,
  .urs-account__grid--3 {
    grid-template-columns: 1fr;
  }

  .urs-account__footer {
    flex-direction: column;
    align-items: stretch;
  }

  .urs-support-banner {
    padding: 22px 18px;
  }

  .urs-support-banner__button {
    width: 100%;
    justify-content: center;
  }

  .urs-support-banner__socials a {
    width: 50px;
    height: 50px;
    border-radius: 14px;
    font-size: 22px;
  }
}

/* ===== Products Redesign Overrides ===== */
.urs-products-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 18px;
}
.urs-products-head h3 {
  margin: 0;
  font-size: 40px;
  line-height: 1.1;
}
.urs-products-head p {
  margin: 6px 0 0;
  color: #6f7b90;
  font-size: 15px;
}

.urs-page-hero,
.urs-media-library__hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px !important;
  padding: 28px 30px !important;
}

.urs-media-library {
  display: grid;
  gap: 34px;
}


@keyframes urs-media-float-one {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  25% {
    transform: translate3d(-10px, 8px, 0) scale(1.04);
  }
  50% {
    transform: translate3d(-18px, 20px, 0) scale(0.98);
  }
  75% {
    transform: translate3d(-6px, 28px, 0) scale(1.03);
  }
  100% {
    transform: translate3d(-14px, 12px, 0) scale(1);
  }
}

@keyframes urs-media-float-two {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  20% {
    transform: translate3d(14px, -8px, 0) scale(1.02);
  }
  45% {
    transform: translate3d(24px, -18px, 0) scale(0.97);
  }
  70% {
    transform: translate3d(10px, -30px, 0) scale(1.05);
  }
  100% {
    transform: translate3d(18px, -14px, 0) scale(1);
  }
}

.urs-page-hero__copy,
.urs-page-hero__actions,
.urs-media-library__hero-copy,
.urs-media-library__hero-actions {
  position: relative;
  z-index: 1;
}

.urs-page-hero__copy,
.urs-media-library__hero-copy {
  flex: 1 1 auto;
  min-width: 0;
}

.urs-page-hero__title,
.urs-media-library__title {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}

.urs-page-hero__icon,
.urs-media-library__icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: var(--urs-primary-hover);
  color: var(--urs-text-reverse);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  box-shadow: 0 4px 12px rgba(242, 129, 99, 0.15);
}

.urs-page-hero__title h3,
.urs-media-library__title h3 {
  margin: 0;
  font-size: clamp(26px, 2.8vw, 38px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #1a2231;
}

.urs-page-hero__title p,
.urs-media-library__title p {
  margin: 8px 0 0;
  color: #4f5d72;
  font-size: 15px;
  line-height: 1.6;
  max-width: 620px;
}

.urs-page-hero__actions {
  flex: 0 0 auto;
  display: grid;
  gap: 18px;
  justify-items: end;
  align-self: center;
}

.urs-page-hero__note {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 18px;
  border-radius: 16px;
  background: var(--urs-primary-light);
  color: var(--urs-primary-dark);
  font-size: 14px;
  font-weight: 600;
}

.urs-page-hero__metric {
  min-width: 240px;
  padding: 18px 22px;
  border: 1px solid rgba(242, 129, 99, 0.18);
  border-radius: 18px;
  background: linear-gradient(180deg, #fff, #fff6f2);
  box-shadow: 0 12px 24px rgba(242, 129, 99, 0.08);
  text-align: right;
}

.urs-page-hero__metric span {
  display: block;
  color: #6c7788;
  font-size: 13px;
}

.urs-page-hero__metric strong {
  display: block;
  margin-top: 8px;
  color: var(--urs-primary-hover);
  font-size: 34px;
  line-height: 1;
}

.urs-page-hero--returns {
  display: grid;
  gap: 20px;
}

.urs-returns-hero__top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
}

.urs-returns-policy-btn {
  min-height: 48px;
  padding: 0 20px;
  border-radius: 14px !important;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--urs-text);
  background: var(--urs-primary);
  box-shadow: 0 10px 18px var(--urs-primary-soft-20);
  font-weight: 700;
}

.urs-returns-policy-btn:hover,
.urs-returns-policy-btn:focus {
  color: var(--urs-text-reverse);
  background: var(--urs-primary-hover);
  text-decoration: none;
  filter: brightness(1.03);
}

.urs-returns-policy {
  min-height: 100vh;
  padding: 28px;
  background:
    radial-gradient(circle at top left, rgba(72, 202, 178, 0.08), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #f2f6fc 100%);
}

.urs-returns-policy.is-standalone {
  padding-top: 36px;
}

.urs-returns-policy__hero,
.urs-returns-policy__content {
  width: min(1320px, 100%);
  margin: 0 auto;
}

.urs-returns-policy__hero {
  position: relative;
  overflow: hidden;
  margin-bottom: 28px;
  border: 1px solid var(--urs-border);
  border-radius: 24px;
  padding: 28px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--urs-shadow);
}

.urs-returns-policy__hero::before,
.urs-returns-policy__hero::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  background: rgba(72, 202, 178, 0.12);
  animation: ursFloatingBlob 12s ease-in-out infinite;
}

.urs-returns-policy__hero::before {
  width: 150px;
  height: 150px;
  right: -24px;
  top: 10px;
}

.urs-returns-policy__hero::after {
  width: 92px;
  height: 92px;
  left: -20px;
  bottom: 22px;
  animation-delay: -3s;
}

.urs-returns-policy__topbar,
.urs-returns-policy__hero-grid {
  position: relative;
  z-index: 1;
}

.urs-returns-policy__topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 28px;
}

.urs-returns-policy__brand img {
  width: auto;
  height: 58px;
  display: block;
}

.urs-returns-policy__actions,
.urs-returns-policy__hero-buttons {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.urs-returns-policy__primary,
.urs-returns-policy__ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 20px;
  border-radius: 16px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background-color 0.18s ease,
    color 0.18s ease;
}

.urs-returns-policy__primary {
  background: var(--urs-primary-hover);
  color: var(--urs-text-reverse);
  box-shadow: 0 4px 12px rgba(242, 129, 99, 0.18);
}

.urs-returns-policy__ghost {
  border: 1px solid var(--urs-border);
  background: #fff;
  color: var(--urs-text);
}

.urs-returns-policy__primary:hover,
.urs-returns-policy__primary:focus{
  transform: translateY(-1px);
  text-decoration: none;
  background: var(--urs-primary-hover);
  color: var(--urs-text-reverse);
}
.urs-returns-policy__ghost:hover,
.urs-returns-policy__ghost:focus {
  transform: translateY(-1px);
  text-decoration: none;
  border: 1px solid var(--urs-border);
  background: #fff;
  color: var(--urs-text);
}

.urs-returns-policy__hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.9fr);
  gap: 28px;
  align-items: start;
}

.urs-returns-policy__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #fff5f0;
  color: var(--urs-primary-hover);
  font-size: 13px;
  font-weight: 700;
}

.urs-returns-policy__copy h1 {
  margin: 0 0 16px;
  color: #202020;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.urs-returns-policy__copy p {
  max-width: 780px;
  margin: 0 0 22px;
  color: #5f6d83;
  font-size: 16px;
  line-height: 1.65;
}

.urs-returns-policy__summary {
  display: grid;
  gap: 16px;
}

.urs-returns-policy__summary-card,
.urs-returns-policy__panel,
.urs-returns-policy__info-card,
.urs-returns-policy__option {
  border: 1px solid var(--urs-border);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--urs-shadow);
}

.urs-returns-policy__summary-card {
  padding: 20px 22px;
}

.urs-returns-policy__summary-card small {
  display: block;
  margin-bottom: 8px;
  color: #7b8aa3;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.urs-returns-policy__summary-card strong {
  display: block;
  margin-bottom: 6px;
  color: #202020;
  font-size: 30px;
  line-height: 1.1;
}

.urs-returns-policy__summary-card span {
  color: #64748b;
  font-size: 14px;
  line-height: 1.6;
}

.urs-returns-policy__content {
  display: grid;
  gap: 24px;
}

.urs-returns-policy__panel {
  padding: 28px !important;
  text-align: initial !important;
}

.urs-returns-policy__panel-head {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 22px;
}

.urs-returns-policy__icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: #fff5f0;
  color: var(--urs-primary-hover);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex: 0 0 auto;
}

.urs-returns-policy__panel-head h2 {
  margin: 0 0 8px;
  color: #202020;
  font-size: 30px;
  line-height: 1.2;
}

.urs-returns-policy__panel-head p {
  margin: 0;
  color: #64748b;
  font-size: 17px;
  line-height: 1.7;
}

.urs-returns-policy__list,
.urs-returns-policy__steps,
.urs-returns-policy__option ul {
  margin: 0;
  padding-left: 20px;
  color: #334155;
  line-height: 1.8;
}

.urs-returns-policy__options,
.urs-returns-policy__info-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.urs-returns-policy__option,
.urs-returns-policy__info-card {
  padding: 24px;
}

.urs-returns-policy__option-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: var(--urs-primary);
  color: var(--urs-text);
  font-weight: 800;
}

.urs-returns-policy__option h3,
.urs-returns-policy__info-card strong {
  display: block;
  margin-bottom: 10px;
  color: #202020;
  font-size: 22px;
  line-height: 1.3;
}

.urs-returns-policy__option p,
.urs-returns-policy__info-card p {
  margin: 0 0 12px;
  color: #64748b;
  font-size: 15px;
  line-height: 1.75;
}

.urs-returns-policy__steps li + li,
.urs-returns-policy__list li + li,
.urs-returns-policy__option ul li + li {
  margin-top: 8px;
}

@media (max-width: 980px) {
  .urs-returns-policy__hero-grid,
  .urs-returns-policy__options,
  .urs-returns-policy__info-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .urs-returns-policy {
    padding: 16px;
  }

  .urs-returns-policy__hero,
  .urs-returns-policy__panel {
    padding: 22px;
  }

  .urs-returns-policy__topbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .urs-returns-policy__copy h1 {
    font-size: 36px;
  }

  .urs-returns-policy__copy p {
    font-size: 17px;
  }
}

.urs-returns-hero__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(220px, 1fr));
  gap: 18px;
  grid-column: 1 / -1;
  justify-items: stretch;
  align-items: stretch;
}

.urs-returns-hero__stat-card {
  background: #fff;
  border: 1px solid #dce4ee;
  border-radius: 20px;
  min-height: 108px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  box-shadow: 0 8px 20px rgba(24, 37, 56, 0.06);
}

.urs-returns-hero__stat-icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.urs-returns-hero__stat-icon.is-available {
  background: var(--urs-primary-soft);
  color: var(--urs-primary-hover);
}

.urs-returns-hero__stat-icon.is-sold {
  background: #e8f6ef;
  color: #16a34a;
}

.urs-returns-hero__stat-icon.is-total {
  background: #fff4df;
  color: #d97706;
}

.urs-returns-hero__stat-icon.is-value {
  background: var(--urs-primary-soft);
  color: var(--urs-primary-hover);
}

.urs-returns-hero__stat-copy small {
  display: block;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #8b98aa;
  font-weight: 700;
  font-size: 12px;
}

.urs-returns-hero__stat-copy strong {
  display: block;
  margin-top: 8px;
  color: #111827;
  font-size: 40px;
  line-height: 1;
}

.urs-page-hero--withdrawals {
  display: grid;
  gap: 20px;
}

.urs-withdrawals-hero__top {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
  width: 100%;
}

#urs-withdrawal-amount {
  margin-bottom: 0;
}

#urs-withdrawal-go-bank-details {
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.urs-withdrawals-hero__actions {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.urs-withdrawals-hero__stats,
.urs-withdrawals-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  gap: 14px;
  justify-items: stretch;
  align-items: stretch;
  margin-bottom: 24px;
}

.urs-withdrawals-hero__stat-card {
  background: #fff;
  border: 1px solid #dce4ee;
  border-radius: 20px;
  min-height: 96px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  box-shadow: 0 8px 20px rgba(24, 37, 56, 0.06);
}

.urs-withdrawals-hero__stat-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.urs-withdrawals-hero__stat-icon.is-available {
  background: var(--urs-primary-soft);
  color: var(--urs-primary-hover);
}

.urs-withdrawals-hero__stat-icon.is-total {
  background: #e8f6ef;
  color: #16a34a;
}

.urs-withdrawals-hero__stat-icon.is-pending {
  background: #fff4df;
  color: #d97706;
}

.urs-withdrawals-hero__stat-copy small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #8b98aa;
  font-weight: 700;
  font-size: 12px;
}

.urs-withdrawals-hero__stat-copy strong {
  display: block;
  margin-top: 6px;
  color: #111827;
  font-size: 36px;
  line-height: 1;
}

.urs-withdrawals-info {
  margin-top: 16px;
  padding: 20px 22px;
  border: 1px solid rgba(72, 202, 178, 0.45);
  border-radius: 18px;
  background: rgba(72, 202, 178, 0.06);
}

.urs-withdrawals-info__title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #1f2937;
  font-size: 18px;
}

.urs-withdrawals-info__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(72, 202, 178, 0.18);
  color: var(--urs-secondary-hover);
  font-size: 16px;
}

.urs-withdrawals-info__list {
  margin: 14px 0 0;
  padding: 0 0 0 44px;
  list-style: none;
  display: grid;
  gap: 10px;
}

.urs-withdrawals-info__list li {
  position: relative;
  color: #46556b;
  font-size: 16px;
  line-height: 1.45;
  list-style: none;
}

.urs-withdrawals-info__list li i {
  position: absolute;
  left: -28px;
  top: 5px;
  color: var(--urs-secondary-hover);
  font-size: 14px;
}

.urs-withdrawals-info__list > li:nth-child(2) > i:nth-child(1) {
  top: 13px;
}

.urs-withdrawal-modal {
  width: min(760px, calc(100vw - 24px));
}

.urs-withdrawal-modal__head {
  text-align: center;
  padding-bottom: 12px;
}

.urs-withdrawal-modal__head > span {
  width: 62px;
  height: 62px;
  border-radius: 18px;
  margin: 0 auto 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--urs-primary-soft);
  color: var(--urs-primary-hover);
  font-size: 26px;
}

.urs-withdrawal-modal__head h3 {
  margin: 0;
  font-size: 38px;
  line-height: 1.08;
}

.urs-withdrawal-modal__head p {
  margin: 8px 0 0;
  color: #6d7788;
  font-size: 16px;
}

.urs-withdrawal-modal__form {
  display: grid;
  gap: 14px;
}

.urs-withdrawal-modal__bank,
.urs-withdrawal-modal__bank-missing {
  border: 1px solid #dce4ee;
  border-radius: 14px;
  padding: 14px 16px;
  background: #fff;
}

.urs-withdrawal-modal__bank h4 {
  margin: 0 0 10px;
  font-size: 17px;
}

.urs-withdrawal-modal__bank ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

.urs-withdrawal-modal__bank li {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 10px;
}

.urs-withdrawal-modal__bank li span {
  color: #6d7788;
}

.urs-withdrawal-modal__bank li strong {
  color: #1f2533;
  word-break: break-word;
}

.urs-withdrawal-modal__bank-missing {
  border-color: rgba(242, 129, 99, 0.35);
  background: var(--urs-primary-light);
}

.urs-withdrawal-modal__bank-missing p {
  margin: 0 0 10px;
  text-align: center;
}

.urs-withdrawal-modal__row label {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 700;
  color: #334155;
}

.urs-withdrawal-modal__amount {
  border: 1px solid #dce4ee;
  border-radius: 12px;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  background: #fff;
}

.urs-withdrawal-modal__amount input {
  border: 0 !important;
  border-radius: 0 !important;
  min-height: 52px;
  font-size: 20px;
  font-weight: 700;
  padding: 0 14px;
}

.urs-withdrawal-modal__amount span {
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  border-left: 1px solid #dce4ee;
  color: #64748b;
  font-weight: 700;
}

.urs-withdrawal-modal__amount.is-invalid {
  border-color: #ef4444;
}

.urs-withdrawal-modal__row small {
  display: block;
  margin-top: 8px;
  color: #64748b;
}

.urs-withdrawal-modal__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.urs-transactions-head {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 20px;
  align-items: center;
  padding: 18px 28px;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 18px;
  color: #47566d;
  font-size: 15px;
  font-weight: 600;
  margin-top: 40px;
}

.urs-withdrawals-head {
  grid-template-columns: 0.9fr 0.9fr 1fr 1fr 1fr;
}

#urs-withdrawals-grid .urs-transactions-row {
  grid-template-columns: 0.9fr 0.9fr 1fr 1fr 1fr;
}

#urs-orders-grid,
#urs-products-grid {
  margin-top: 40px;
}

.urs-products-loading__intro {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border: 1px solid #e3e9f1;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
  color: #516077;
  font-size: 14px;
  font-weight: 600;
  width: fit-content;
  grid-column: 1 / -1;
  margin-bottom: 2px;
}

.urs-model-card--loading {
  pointer-events: none;
}

.urs-model-card--loading .urs-model-card__preview {
  position: relative;
}

.urs-model-card--loading .urs-model-card__content {
  gap: 14px;
}

.urs-products-skeleton {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  border-radius: 999px;
  background: #eef3f8;
}

.urs-products-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.75) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: ursProductsSkeleton 1.35s ease-in-out infinite;
}

.urs-products-skeleton--menu {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  z-index: 2;
}

.urs-products-skeleton--image {
  width: 100%;
  height: 100%;
  border-radius: 18px;
}

.urs-products-skeleton--size {
  position: absolute;
  right: 14px;
  bottom: 14px;
  width: 84px;
  height: 34px;
  z-index: 2;
}

.urs-products-skeleton--meta {
  width: 130px;
  max-width: calc(50% - 6px);
  height: 18px;
}

.urs-products-skeleton--title {
  display: block;
  width: 72%;
  height: 28px;
  border-radius: 12px;
}

.urs-products-skeleton--subtitle {
  display: block;
  width: 58%;
  height: 18px;
  border-radius: 10px;
}

.urs-products-skeleton--pill {
  width: 86px;
  height: 34px;
}

.urs-products-skeleton--tag {
  width: 74px;
  height: 30px;
}

.urs-products-skeleton--note {
  width: 122px;
  height: 16px;
  border-radius: 8px;
}

@keyframes ursProductsSkeleton {
  100% {
    transform: translateX(100%);
  }
}

.urs-orders-panel {
  position: relative;
}

.urs-orders-panel__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding-bottom: 18px;
  position: relative;
  z-index: 1;
}

.urs-orders-panel__title-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
}

.urs-orders-panel__icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: var(--urs-primary-hover);
  color: var(--urs-text-reverse);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.urs-orders-panel__title-wrap h3 {
  margin: 0;
  font-size: clamp(26px, 2.8vw, 38px);
  font-weight: 700;
  line-height: 1.05;
}

.urs-orders-panel__title-wrap p {
  margin: 8px 0 0;
  color: #4f5d72;
  font-size: 18px;
}

.urs-orders-create-btn {
  color: var(--urs-text);
  border-radius: 16px;
  min-height: 58px;
  padding: 0 28px;
  font-size: 16px;
  box-shadow: 0 10px 24px var(--urs-primary-soft-20);
  justify-self: end;
}

.urs-orders-create-btn:hover,
.urs-orders-create-btn:focus {
  background: linear-gradient(
    135deg,
    var(--urs-primary-hover),
    var(--urs-primary-hover)
  );
  color: var(--urs-text-reverse);
}

.urs-orders-toolbar {
  padding-top: 18px;
  display: grid;
  grid-template-columns: 1.5fr auto auto;
  gap: 14px;
  align-items: center;
  position: relative;
  z-index: 1;
}

.urs-orders-search,
.urs-orders-filter,
.urs-orders-export {
  border: 1px solid #dce5ef;
  border-radius: 14px;
  background: #fff;
  min-height: 54px;
}

.urs-orders-search {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
}

.urs-orders-search i {
  color: #95a1b3;
}

.urs-orders-search input {
  border: 0;
  outline: 0;
  width: 100%;
  background: transparent;
  color: #3c495d;
  font-size: 16px;
}

.urs-orders-filter {
  position: relative;
}

.urs-orders-filter__trigger {
  width: 100%;
  min-height: 54px;
  border: 0;
  background: transparent;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #39485e;
  font-size: 15px;
  cursor: pointer;
}

.urs-orders-filter__icon {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--urs-primary-soft);
  color: var(--urs-primary-hover);
}

.urs-orders-filter__trigger .fa-chevron-down {
  margin-left: auto;
  font-size: 12px;
  color: #8e9bb0;
  transition: transform 0.2s ease;
}

.urs-orders-filter.is-open .urs-orders-filter__trigger .fa-chevron-down {
  transform: rotate(180deg);
}

.urs-orders-filter__menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  min-width: 290px;
  border: 1px solid #dce5ef;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
  z-index: 20;
  display: none;
}

.urs-orders-filter.is-open .urs-orders-filter__menu {
  display: block;
}

.urs-orders-filter__search {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid #e7edf5;
}

.urs-orders-filter__search i {
  color: #9aa7b9;
  font-size: 14px;
}

.urs-orders-filter__search input {
  border: 0;
  outline: 0;
  width: 100%;
  background: transparent;
  color: #5f6f85;
  font-size: 15px;
}

.urs-orders-filter__list {
  max-height: 360px;
  overflow-y: auto;
  padding: 6px;
}

.urs-orders-filter__item {
  width: 100%;
  border: 0;
  background: transparent;
  border-radius: 8px !important;
  padding: 9px 8px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #1f2937;
  font-size: 15px;
  text-align: left;
  cursor: pointer;
  text-transform: none;
}

.urs-orders-filter__item:hover,
.urs-orders-filter__item.is-active {
  background: linear-gradient(90deg, var(--urs-primary-soft), #fff);
}

.urs-orders-filter__dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  flex: 0 0 8px;
}

.urs-orders-filter__dot.is-filter {
  background: var(--urs-primary);
}
.urs-orders-filter__dot.is-awaiting-payment {
  background: #f97316;
}
.urs-orders-filter__dot.is-in-progress {
  background: #3b4f84;
}
.urs-orders-filter__dot.is-printing {
  background: #5cd6b7;
}
.urs-orders-filter__dot.is-cancel-requested {
  background: #a855f7;
}
.urs-orders-filter__dot.is-cancelled {
  background: #ef4444;
}
.urs-orders-filter__dot.is-completed {
  background: #16a34a;
}
.urs-orders-filter__dot.is-shipped {
  background: #0ea5e9;
}
.urs-orders-filter__dot.is-awaiting-fulfillment {
  background: #4f63d2;
}
.urs-orders-filter__dot.is-awaiting-shipment {
  background: #4f63d2;
}
.urs-orders-filter__dot.is-awaiting-pickup {
  background: #4f63d2;
}
.urs-orders-filter__dot.is-partially-shipped {
  background: #0ea5e9;
}
.urs-orders-filter__dot.is-declined {
  background: #dc2626;
}
.urs-orders-filter__dot.is-refunded {
  background: #64748b;
}

.urs-orders-filter__item.is-hidden {
  display: none;
}

.urs-orders-export {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  color: #39485e;
  font-size: 15px;
  font-weight: 600;
}

.urs-orders-export span {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--urs-primary-soft);
  color: var(--urs-primary-hover);
}

#urs-orders-grid {
  margin-top: 32px;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#urs-orders-grid.has-data {
  display: block;
  min-height: 0;
}

.urs-orders-empty {
  width: min(450px, 100%);
  margin: 0 auto;
  min-height: 280px;
  border: 1px solid #e6ebf3;
  border-radius: 18px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  padding: 24px;
}

.urs-orders-empty i {
  font-size: 32px;
}

.urs-orders-empty strong {
  font-size: 32px;
  color: #344255;
}

#urs-orders-filter-search {
  border: 0;
  margin-bottom: 0;
}

.urs-orders-empty p {
  margin: 0 0 8px;
  font-size: 15px;
  color: #718198;
}

.urs-orders-empty .urs-btn {
  border-radius: 12px;
}

.urs-orders-loading {
  width: min(450px, 100%);
  min-height: 180px;
  border: 1px solid #e6ebf3;
  border-radius: 18px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #5f6f86;
}

.urs-orders-loading .urs-btn-spinner {
  width: 22px !important;
  height: 22px !important;
  margin-right: 0;
  color: var(--urs-primary);
}

.urs-orders-loading strong {
  font-size: 15px;
  color: #2b3648;
}

.urs-order-create {
  margin-top: 26px;
  padding: 20px;
}

.urs-order-create__head {
  text-align: center;
  margin-bottom: 16px;
}

.urs-order-create__head h4 {
  margin: 0;
  font-size: 38px;
  color: #1f2937;
}

.urs-order-create__head p {
  margin: 8px auto 0;
  max-width: 900px;
  color: #5d6b80;
  font-size: 15px;
}

.urs-order-create.is-step4 .urs-order-create__head {
  display: none;
}

.urs-order-step {
  display: none;
  border: 1px solid #dfe6ef;
  border-radius: 14px;
  overflow: hidden;
  background-color: #fff;
}

.urs-order-step-confirm {
  border: none;
  background-color: transparent;
}

.urs-order-step.is-active {
  display: block;
}

.urs-order-step__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: #f8fbff;
  border-bottom: 1px solid #dfe6ef;
  padding: 12px 16px;
}

.urs-order-step__title {
  display: flex;
  align-items: center;
  gap: 12px;
}

.urs-order-step__title > span {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: var(--urs-primary-soft);
  color: var(--urs-primary-hover);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.urs-order-step__title strong {
  display: block;
  font-size: 17px;
  line-height: 1.25;
  color: #283447;
}

.urs-order-step__title small {
  display: block;
  color: #68788f;
  font-size: 13px;
  margin-top: 2px;
}

.urs-order-step__bar em {
  --urs-step-progress: 0.25;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 3px solid transparent;
  color: var(--urs-primary-hover);
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(#fff, #fff) padding-box,
    conic-gradient(
        var(--urs-primary-hover) calc(var(--urs-step-progress) * 360deg),
        #d6dee9 0
      )
      border-box;
}

.urs-order-step__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-top: 1px solid #e5ecf4;
}

.urs-order-next {
  background: var(--urs-primary);
  color: #c85f45;
  border: 1px solid var(--urs-primary-hover);
  margin-left: auto;
}

.urs-order-next:hover {
  background: var(--urs-primary-hover);
  color: var(--urs-text-reverse);
  border-color: var(--urs-primary-hover);

}

.urs-order-form__grid input {
  border-radius: 6px !important;
}

.urs-order-form__grid textarea {
  border-radius: 6px !important;
}

#urs-order-note {
  border-radius: 6px !important;
}

.urs-order-next.is-disabled {
  background: #c4ccd8;
  color: #6f7d92;
  border-color: #c4ccd8;
  box-shadow: none;
}

.urs-order-cart-empty {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 8px;
  padding: 34px 20px;
}

.urs-order-cart-empty i {
  width: 70px;
  height: 70px;
  border-radius: 16px;
  background: #f3f5f9;
  color: #a7b2c2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 2px;
}

.urs-order-cart-empty strong {
  font-size: 52px;
  line-height: 1.1;
  color: #29364b;
}

.urs-order-cart-empty p {
  margin: 0;
  color: #6d7c92;
  font-size: 17px;
  line-height: 1.35;
  max-width: 620px;
}

.urs-order-cart-empty .urs-btn {
  margin-top: 4px;
}

.urs-order-cart-table__head,
.urs-order-cart-row,
.urs-order-cart-table__footer {
  display: grid;
  grid-template-columns: 1.6fr 0.8fr 0.7fr 0.8fr 0.2fr;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
}

.urs-order-cart-table__head {
  background: #f8fbff;
  color: #4e5d73;
  font-size: 14px;
  font-weight: 700;
}

.urs-order-cart-table__head span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.urs-order-cart-table__head i {
  color: var(--urs-primary-hover);
  font-size: 13px;
}

.urs-order-cart-row {
  border-top: 1px solid #edf2f8;
}

.urs-order-cart-row--variant-required {
  background: linear-gradient(90deg, rgba(255, 249, 232, 0.42), transparent 42%);
  box-shadow: inset 3px 0 0 #db9206;
}

.urs-order-cart-row__product {
  display: flex;
  align-items: center;
  gap: 12px;
}

.urs-order-cart-row__img {
  width: 74px;
  height: 74px;
  border-radius: 10px;
  overflow: hidden;
  background: #f5f6f9;
}

.urs-order-cart-row__img img,
.urs-order-confirm__product img,
.urs-order-review__prod img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.urs-order-cart__img-empty {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #a8b3c3;
}

.urs-order-cart-row__product strong {
  display: block;
  color: #1f2a3c;
  font-size: 16px;
}

.urs-order-variant-required-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
  padding: 4px 8px;
  border: 1px solid #f3b638;
  border-radius: 999px;
  background: #fff4cf;
  color: #8a5b00;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.urs-order-variant-required-badge i {
  color: #e49a08;
}

.urs-order-cart-row__product p {
  margin: 4px 0 0;
  font-size: 13px;
  color: #6f7f94;
}

.urs-order-cart-row__variant-summary {
  max-width: 330px;
}

.urs-order-variant-edit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 7px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--urs-primary-hover);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.urs-order-variant-edit:hover {
  color: var(--urs-primary-hover);
  text-decoration: underline;
}

.urs-order-cart-row__price {
  min-width: 0;
  display: flex;
  align-items: center;
}

.urs-order-cart-price-discount {
  display: grid;
  gap: 2px;
  justify-items: start;
  line-height: 1.15;
}

.urs-order-cart-price-discount del {
  color: #8b95a5;
  font-size: 12px;
  text-decoration-thickness: 1px;
}

.urs-order-cart-price-discount strong {
  color: var(--urs-primary-hover, #f28163);
  font-size: 14px;
  font-weight: 800;
}

.urs-order-cart-price-discount small {
  display: inline-flex;
  padding: 2px 6px;
  border-radius: 999px;
  background: #fff1eb;
  color: #c85f45;
  font-size: 10px;
  font-weight: 800;
}

.urs-order-variant-required {
  width: 100%;
  min-width: 0;
  min-height: 62px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 3px 8px;
  padding: 10px;
  border: 1px solid #db9206;
  border-radius: 10px !important;
  background: #fff9e8;
  color: #7b5a12;
  font-family: inherit;
  font-size: 11px;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
  appearance: none;
  transition: background-color 160ms ease, box-shadow 160ms ease;
}

.urs-order-variant-required:hover,
.urs-order-variant-required:focus-visible {
  background: #fff2c8;
  box-shadow: 0 0 0 2px rgba(216, 138, 0, 0.18);
  outline: none;
  border: 1px solid #db9206;
}

.urs-order-variant-required > span {
  position: relative;
  grid-row: span 2;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #fff0bd;
  color: #d88a00;
}

.urs-order-variant-required__dot {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 9px;
  height: 9px;
  border: 2px solid #fff9e8;
  border-radius: 50%;
  background: #ef4444;
  box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.55);
  animation: urs-order-variant-required-pulse 1.8s ease-out infinite;
}

@keyframes urs-order-variant-required-pulse {
  0%,
  55%,
  100% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.55);
  }
  25% {
    box-shadow: 0 0 0 5px rgba(239, 68, 68, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .urs-order-variant-required__dot {
    animation: none;
  }
}

.urs-order-variant-required strong,
.urs-order-variant-required small {
  display: block;
  line-height: 1.2;
}

.urs-order-variant-required strong {
  color: #684700;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.urs-order-variant-required small {
  color: #a07b2d;
  font-size: 10px;
}

.urs-order-cart-row__total {
  font-weight: 700;
  color: #263246;
}

.urs-order-qty {
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
}

.urs-order-qty button {
  border: 0;
  background: #f7f9fc;
  width: 30px;
  height: 30px;
  color: #64758a;
  font-size: 18px;
  padding: 0;
}

.urs-order-qty em {
  width: 32px;
  text-align: center;
  font-style: normal;
  font-weight: 700;
}

.urs-order-remove {
  width: 34px;
  height: 34px;
  border: 1px solid #ffd5d5;
  border-radius: 10px !important;
  color: #ef4444;
  background: #fff2f2;
  padding: 0px;
}

.urs-order-cart-table__footer {
  border-top: 1px solid #e5ecf4;
  grid-template-columns: auto auto 1fr;
}

.urs-order-cart-table__footer strong {
  justify-self: end;
  color: #1f2937;
}

.urs-order-form {
  padding: 16px;
}

.urs-order-form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: start;
}

.urs-order-form label,
.urs-order-note {
  display: grid;
  gap: 8px;
  font-size: 14px;
  color: #202020;
  align-content: start;
}

.urs-order-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  line-height: 1.2;
}

.urs-order-label > i {
  color: var(--urs-primary-hover);
  font-size: 13px;
  width: 14px;
  text-align: center;
}

#urs-order-pay-amount {
  margin-bottom: 0;
  border-radius: 6px 0px 0px 6px !important;
}

.urs-order-form input:not([type="radio"]):not([type="checkbox"]),
.urs-order-form select,
.urs-order-form textarea {
  border: 1px solid #d8e1ec;
  border-radius: 8px;
  padding: 11px 12px;
  font-size: 14px;
}

.urs-order-form select {
  min-height: 46px;
  appearance: none;
  -webkit-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #64748b 50%),
    linear-gradient(135deg, #64748b 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 12px) calc(50% - 3px);
  background-size:
    6px 6px,
    6px 6px;
  background-repeat: no-repeat;
  padding-right: 34px;
}

#urs-order-client-address {
  min-height: 56px;
  resize: vertical;
  height: 56px;
}

#urs-order-note {
  min-height: 100px;
  height: 100px !important;
  width: calc(100% - 0px) !important;
}

#urs-order-pay-amount-wrap #urs-order-pay-amount {
  border-radius: 6px !important;
}

.urs-city-picker {
  position: relative;
}

.urs-city-picker__trigger {
  width: 100%;
  border: 1px solid #d8e1ec;
  border-radius: 10px;
  background: #fff;
  min-height: 46px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 10px;
  text-align: left;
  color: #1f2a3c;
}

.urs-city-picker__trigger-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.urs-city-picker__trigger-price {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #eef2f7;
  color: #506079;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
}

.urs-city-picker__trigger i {
  color: #64748b;
  font-size: 13px;
}

.urs-city-picker__menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  border: 1px solid #d8e1ec;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
  z-index: 24;
  padding: 8px;
}

.urs-city-picker__menu.is-hidden {
  display: none;
}

.urs-order-form .urs-city-picker__search {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 8px;
  border: 1px solid #d8e1ec;
  border-radius: 8px;
  padding: 8px 10px;
  margin-bottom: 8px;
  background: #fff;
  color: #64748b;
}

.urs-order-form .urs-city-picker__search i {
  color: #94a3b8;
  font-size: 13px;
  width: 14px;
  text-align: center;
  flex: 0 0 14px;
}

.urs-order-form .urs-city-picker__search input {
  border: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.urs-city-picker__list {
  max-height: 260px;
  overflow: auto;
  border-top: 1px solid #edf2f7;
}

.urs-city-picker__item {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #edf2f7;
  background: #fff;
  padding: 10px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-align: left;
  color: #1f2a3c;
}

.urs-city-picker__item:hover {
  background: #f8fbff;
}

.urs-city-picker__item em {
  font-style: normal;
  border-radius: 999px;
  background: #eef2f7;
  color: #506079;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.urs-city-picker__loading,
.urs-city-picker__empty {
  padding: 16px 10px;
  color: #64748b;
  font-size: 13px;
}

.urs-city-picker__loading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.urs-order-pay {
  margin-top: 14px;
  border: 1px solid #d8e1ec;
  border-radius: 10px;
  padding: 12px;
}

.urs-order-pay h5 {
  margin: 0 0 10px;
  color: #334155;
  font-size: 15px;
}

.urs-order-radio {
  border: 1px solid #d8e1ec;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.urs-order-radio input[type="radio"] {
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  flex: 0 0 auto;
}

.urs-order-radio + .urs-order-radio {
  margin-top: 8px;
}

.urs-order-radio.is-active {
  border-color: var(--urs-primary);
  box-shadow: 0 0 0 2px var(--urs-primary-soft);
}

.urs-order-radio strong {
  display: block;
}

.urs-order-radio small {
  color: #6b7b90;
}

.urs-order-pay__amount {
  margin-top: 10px;
}

.urs-order-pay__amount div {
  display: grid;
  grid-template-columns: 1fr auto;
}

.urs-order-pay__amount span {
  border-left: 0;
  border-radius: 0 8px 8px 0;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  color: #202020;
}

.urs-order-pay__amount small {
  display: inline-flex;
  width: fit-content;
  margin-top: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #e3f8ee;
  color: #169a55;
  font-weight: 700;
}

.urs-order-note {
  margin-top: 12px;
}

.urs-order-exchange {
  margin-top: 12px;
  border: 1px solid #d8e1ec;
  border-radius: 10px;
  padding: 12px 10px;
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  background: #fff;
}

.urs-order-exchange input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  flex: 0 0 auto;
}

.urs-order-exchange strong {
  display: block;
  font-size: 15px;
  color: #2f3d52;
}

.urs-order-exchange small {
  display: block;
  margin-top: 2px;
  color: #6f7f94;
}

.urs-order-review {
  padding: 16px;
  display: grid;
  gap: 12px;
}

.urs-order-review__card,
.urs-order-confirm__card {
  border: 1px solid #dfe6ef;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

.urs-order-review__card h5,
.urs-order-confirm__card h5 {
  margin: 0;
  padding: 10px 12px;
  border-bottom: 1px solid #e6edf6;
  background: #f8fbff;
  font-size: 16px;
}

.urs-order-review__line,
.urs-order-review__sum,
.urs-order-confirm__sum {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
}

.urs-order-review__line + .urs-order-review__line,
.urs-order-review__sum + .urs-order-review__sum,
.urs-order-confirm__sum + .urs-order-confirm__sum {
  border-top: 1px solid #edf2f8;
}

.urs-order-review__prod,
.urs-order-confirm__product {
  display: flex;
  align-items: center;
  gap: 10px;
}

.urs-order-review__prod img,
.urs-order-confirm__product img {
  width: 48px;
  height: 48px;
  border-radius: 8px;
}

.urs-order-review__sum.is-total strong {
  color: #fff;
  font-weight: bold;
}

.urs-order-review__sum.is-total,
.urs-order-confirm__sum.is-total {
  background: var(--urs-primary-hover);
  color: var(--urs-text-reverse);
  font-weight: 700;
}

.urs-order-confirm__sum.is-discount {
  background: #fff1eb;
  color: #c2410c;
  font-weight: 600;
}

.urs-order-confirm__sum.is-solde {
  background: #e9f9f5;
  color: #0f766e;
  font-weight: 600;
}

.urs-order-review__sum.is-gain,
.urs-order-confirm__sum.is-gain {
  background: #e9f9f5;
  color: #0f766e;
  font-weight: 600;
}

.urs-order-review__sum.is-gain strong,
.urs-order-confirm__sum.is-gain strong {
  color: #48cab2;
}

.urs-order-service-options {
  padding: 0;
}

.urs-order-service-options h5 {
  margin: 0;
}

.urs-order-service-options__required {
  display: inline-block;
  margin-left: 7px;
  padding: 3px 7px;
  border-radius: 999px;
  color: var(--urs-primary-hover);
  background: #fff1ed;
  font-size: 11px;
  font-weight: 700;
  vertical-align: middle;
}

.urs-order-service-options__hint {
  margin: 5px 12px 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
}

.urs-order-service-options.is-invalid {
  border-color: var(--urs-primary-hover);
  box-shadow: 0 0 0 2px rgba(244, 122, 96, .12);
}

.urs-order-service-option {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto 28px;
  align-items: start;
  gap: 12px;
  margin: 10px 12px;
  padding: 14px;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.urs-order-service-option:hover {
  border-color: #f2a28f;
}

.urs-order-service-option.is-selected {
  border-color: var(--urs-primary-hover);
  background: #fff4f0;
  box-shadow: 0 2px 8px rgba(232, 103, 74, .10);
}

.urs-order-service-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.urs-order-service-option__icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 10px;
  color: #94a3b8;
  background: #f1f5f9;
  font-size: 17px;
}

.urs-order-service-option.is-selected .urs-order-service-option__icon {
  color: #fff;
  background: var(--urs-primary-hover);
}

.urs-order-service-option__content {
  min-width: 0;
}

.urs-order-service-option strong,
.urs-order-service-option small {
  display: block;
}

.urs-order-service-option small {
  margin-top: 3px;
  color: #6f7f94;
  line-height: 1.45;
}

.urs-order-service-option b {
  align-self: start;
  white-space: nowrap;
  color: var(--urs-primary-hover);
}

.urs-order-service-option__state {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 2px solid #cbd5e1;
  border-radius: 50%;
  color: transparent;
  background: #fff;
  font-size: 12px;
}

.urs-order-service-option.is-selected .urs-order-service-option__state {
  border-color: var(--urs-primary-hover);
  color: #fff;
  background: var(--urs-primary-hover);
}

@media (max-width: 560px) {
  .urs-order-service-option {
    grid-template-columns: 38px minmax(0, 1fr) 24px;
    gap: 10px;
    padding: 12px;
  }

  .urs-order-service-option__icon {
    width: 38px;
    height: 38px;
  }

  .urs-order-service-option b {
    grid-column: 2;
    grid-row: 2;
    margin-top: 3px;
    font-size: 13px;
  }

  .urs-order-service-option__state {
    grid-column: 3;
    grid-row: 1;
  }
}

.urs-btn--text {
  background: transparent !important;
  border: 1px dashed #cbd5e1;
  color: var(--urs-primary-hover, #48cab2);
  font-weight: 600;
}

.urs-btn--text:hover,
.urs-btn--text:focus {
  background: rgba(72, 202, 178, 0.08) !important;
  border-color: var(--urs-primary-hover, #48cab2);
  color: var(--urs-primary-hover, #48cab2);
}

.urs-order-review__client-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 12px;
}

.urs-order-review__client-grid p {
  margin: 0;
  background: #f7f9fc;
  border-radius: 8px;
  padding: 10px;
}

.urs-order-review__client-grid strong {
  display: block;
  color: #65758b;
  font-size: 12px;
}

.urs-order-review__client-grid span {
  display: block;
  margin-top: 4px;
  font-weight: 700;
}

.urs-order-review__card.is-payment {
  text-align: center;
  padding-bottom: 10px;
}

.urs-order-review__card.is-payment strong {
  display: block;
  font-size: 32px;
  color: var(--urs-primary-hover);
  padding: 8px 0 4px;
}

.urs-order-review__card.is-note textarea {
  margin: 10px 12px 12px;
  width: calc(100% - 24px) !important;
  border: 1px solid #d8e1ec;
  border-radius: 8px;
  padding: 10px;
  border-radius: 6px !important;
  min-height: 50px !important;
}

#urs-order-coupon-box > div:nth-child(1) > input:nth-child(1) {
  border-radius: 6px !important;
  margin-bottom: 0;
}

.urs-order-confirm-loading {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.urs-order-confirm-loading strong {
  font-size: 24px;
}

.urs-order-confirm {
  padding: 16px;
  display: grid;
  gap: 12px;
}

.urs-order-confirm__sum.is-total strong {
  color: #fff;
  font-weight: bold;
}

.urs-order-confirm__title {
  text-align: center;
}

.urs-order-confirm__title h4 {
  margin: 0;
  font-size: 34px;
}

.urs-order-confirm__title p {
  margin: 6px 0 0;
  color: #6c7a90;
}

.urs-order-confirm__product {
  padding: 10px 12px;
  justify-content: space-between;
}

.urs-order-coupon-toggle {
  margin: 12px auto;
  border: 0;
  border-radius: 10px;
  background: var(--urs-secondary);
  color: var(--urs-text);
  padding: 10px 14px;
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  font-weight: 700;
}

.urs-order-coupon button:hover,
.urs-order-coupon button:focus {
  background-color: var(--urs-secondary-hover);
}

.urs-order-coupon-toggle .fa-angle-down.is-rotated {
  transform: rotate(180deg);
}

.urs-order-coupon {
  padding: 0 12px 12px;
}

.urs-order-coupon > div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
}

.urs-order-coupon input {
  border: 1px solid #d8e1ec;
  border-radius: 8px;
  padding: 10px 12px;
}

.urs-order-coupon button {
  border: 0;
  border-radius: 8px;
  background: var(--urs-secondary);
  color: var(--urs-text);
  padding: 0 14px;
}

.urs-order-coupon small {
  display: block;
  margin-top: 8px;
  color: #c97b00;
}

.urs-order-secure-logos {
  padding: 12px;
  text-align: center;
  font-weight: 700;
  color: #3b4a60;
}

.urs-order-secure-req {
  margin: 0 12px 12px;
  border: 1px solid #d6e7f7;
  border-radius: 8px;
  background: #f6fbff;
  padding: 8px 10px;
}

.urs-order-secure-req p {
  margin: 4px 0;
}

.urs-order-confirm__actions {
  padding: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.urs-order-confirm__actions.is-single {
  grid-template-columns: 1fr;
}

.urs-order-balance-confirm-modal {
  width: min(620px, 100%);
  border-radius: 16px;
  padding: 18px;
}

.urs-order-balance-confirm__hero {
  text-align: center;
  margin-bottom: 14px;
}

.urs-order-balance-confirm__hero span {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: var(--urs-primary-light);
  color: var(--urs-primary-hover);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

.urs-order-balance-confirm__hero h4 {
  margin: 10px 0 6px;
  font-size: 34px;
}

.urs-order-balance-confirm__hero p {
  margin: 0;
  color: #6e7d93;
}

.urs-order-balance-confirm__box {
  border: 1px solid #dfe7f1;
  border-radius: 12px;
  background: #fff9f6;
  padding: 12px;
  margin-bottom: 12px;
}

.urs-order-balance-confirm__box p {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 2px;
}

.urs-order-balance-confirm__box p + p {
  border-top: 1px solid #f0dcd4;
}

.urs-order-balance-confirm__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.urs-order-modal {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(73, 81, 96, 0.62);
  z-index: 9999;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.urs-order-modal__dialog {
  width: min(1320px, 100%);
  height: calc(100vh - 36px);
  background: #fff;
  border-radius: 14px;
  border: 1px solid #dce5ef;
  display: grid;
  grid-template-rows: auto auto auto 1fr;
}

body.urs-modal-open {
  overflow: hidden;
}

.urs-order-modal__head {
  padding: 12px 14px;
  border-bottom: 1px solid #e6edf6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.urs-order-modal__head h4 {
  margin: 0;
}

.urs-order-modal__head button {
  border: 0;
  background: transparent;
  font-size: 20px;
  color: #8b97ab;
  margin-left: auto;
}

.urs-order-modal__search {
  margin: 12px 14px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #dce5ef;
  border-radius: 10px;
  padding: 10px 12px;
}

.urs-order-modal__search input {
  border: 0;
  outline: 0;
  width: 100%;
}

.urs-order-modal__tabs {
  margin-top: 12px;
  border-bottom: 1px solid #e6edf6;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.urs-order-modal__tabs button {
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  padding: 8px 12px 10px;
  color: #607089;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.urs-order-modal__tabs button.is-active {
  color: var(--urs-primary-hover);
  border-bottom-color: var(--urs-primary-hover);
  font-weight: 700;
  border-radius: 0 !important;
}

#urs-order-modal-search {
  border: 0;
  margin-bottom: 0;
}

.js-urs-go-products > i:nth-child(1) {
  color: #fff;
}

#urs-order-add-products > i:nth-child(1) {
  height: 38px;
  width: 38px;
  background: transparent;
  color: #c85f45;
}

#urs-order-add-products:hover,
#urs-order-add-products:focus-visible {
  background: var(--urs-primary-hover);
  color: #fff;
  box-shadow: 0 8px 18px rgba(226, 100, 72, 0.22);
}

#urs-order-add-products:hover > i:nth-child(1),
#urs-order-add-products:focus-visible > i:nth-child(1) {
  color: #fff;
}

.urs-order-modal__body {
  overflow: auto;
  padding: 14px;
}

.urs-order-modal__pane {
  display: none;
}

.urs-order-modal__pane.is-active {
  display: block;
}

.urs-order-modal__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.urs-order-modal__card {
  border: 1px solid #dce5ef;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.urs-order-modal__img {
  height: 180px;
  background: #f4f6f9;
}

.urs-order-modal__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.urs-order-modal__img-empty {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #99a6bb;
  font-size: 28px;
}

.urs-order-modal__meta {
  padding: 10px;
  display: grid;
  gap: 4px;
}

.urs-order-modal__meta p,
.urs-order-modal__meta small {
  margin: 0;
  color: #65758b;
}

.urs-order-modal__card .urs-btn {
  margin: 0 10px 10px;
}

.urs-order-modal__empty {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 8px;
}

.urs-order-modal__empty i {
  font-size: 34px;
  color: #9eabbe !important;
}

.urs-order-modal__loading {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  color: #607089;
}

.urs-order-modal__loading .urs-btn-spinner {
  width: 22px;
  height: 22px;
  margin-right: 0;
  border-width: 2px;
  color: var(--urs-primary);
}

.urs-order-modal__loading strong {
  font-size: 16px;
  font-weight: 700;
  color: #2b3648;
}

.urs-order-variation-modal__dialog {
  width: min(820px, 100%);
  height: min(800px, calc(100vh - 36px));
  grid-template-rows: auto 1fr auto;
}

.urs-order-variation-modal__dialog .urs-order-modal__head {
  padding: 18px 22px;
}

.urs-order-variation-modal__dialog .urs-order-modal__head h4 {
  color: #243147;
  font-size: 20px;
}

.urs-order-variation-modal__dialog .urs-order-modal__head p {
  margin: 4px 0 0;
  color: #718098;
  font-size: 13px;
}

.urs-order-variation-modal__body {
  overflow: auto;
  padding: 20px 22px;
  background: #f8fafc;
}

.urs-order-variation-intro {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.urs-order-variation-intro__icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #fff0e9;
  color: var(--urs-primary-hover);
  font-size: 17px;
}

.urs-order-variation-intro strong {
  display: block;
  color: #263246;
  font-size: 15px;
}

.urs-order-variation-intro p {
  margin: 3px 0 0;
  color: #718098;
  font-size: 13px;
}

.urs-order-variation-list {
  display: grid;
  gap: 9px;
}

.urs-order-variation-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  padding: 16px;
  border: 1px solid #e1e8f1;
  border-radius: 12px;
  background: #fff;
}

.urs-order-variation-visual-group {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.urs-order-variation-visual-label {
  color: #5e6d83;
  font-size: 12px;
  font-weight: 700;
}

.urs-order-variation-visual-options {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}

.urs-order-variation-visual-option {
  min-width: 0;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 11px 4px 5px;
  border: 1px solid #d4dfeb;
  border-radius: 999px;
  background: #fbfcfe;
  color: #28354a;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
  appearance: none;
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.urs-order-variation-visual-option:hover,
.urs-order-variation-visual-option.is-selected {
  border-color: var(--urs-primary-hover);
  background: #fff8f5;
  box-shadow: 0 0 0 2px rgba(232, 111, 82, .1);
}

.urs-order-variation-visual-option:focus-visible {
  outline: none;
  border-color: var(--urs-primary-hover);
  box-shadow: 0 0 0 3px rgba(232, 111, 82, .18);
}

.urs-order-variation-visual-option__image {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  object-fit: cover;
  background: #eef2f7;
  color: #8c9aae;
  font-size: 11px;
  overflow: hidden;
}

.urs-order-variation-visual-option__swatch {
  border: 1px solid #dbe3ed;
}

.urs-order-variation-visual-option__placeholder {
  background: #f1f5f9;
}

.urs-order-variation-visual-option__text {
  min-width: 0;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.urs-order-variation-visual-option__check {
  display: inline-block;
  flex: 0 0 auto;
  color: var(--urs-primary-hover);
  font-size: 11px;
}

.urs-order-variation-field {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.urs-order-variation-field > span {
  color: #5e6d83;
  font-size: 12px;
  font-weight: 700;
}

.urs-order-variation-field select {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid #d4dfeb;
  border-radius: 8px;
  background: #fbfcfe;
  color: #28354a;
  font-size: 13px;
  outline: 0;
}

.urs-order-variation-field select:focus {
  border-color: var(--urs-primary-hover);
  box-shadow: 0 0 0 3px rgba(232, 111, 82, .12);
}

.urs-order-variation-selected {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid #f2c7b9;
  border-radius: 11px;
  background: #fff8f5;
}

.urs-order-variation-selected span,
.urs-order-variation-selected strong {
  display: block;
}

.urs-order-variation-selected span {
  margin-bottom: 4px;
  color: #8b98aa;
  font-size: 11px;
}

.urs-order-variation-selected strong {
  color: #2b384c;
  font-size: 13px;
}

.urs-order-variation-selected b {
  color: var(--urs-primary-hover);
  white-space: nowrap;
  font-size: 15px;
}

.urs-order-variation-option {
  width: 100%;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border: 1px solid #dce5ef;
  border-radius: 11px;
  background: #fff;
  color: #28354a;
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.urs-order-variation-option:hover,
.urs-order-variation-option.is-selected {
  border-color: var(--urs-primary-hover);
  background: #fffaf7;
  box-shadow: 0 4px 14px rgba(232, 111, 82, .12);
}

.urs-order-variation-option__check {
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cbd6e5;
  border-radius: 50%;
  color: transparent;
  font-size: 11px;
}

.urs-order-variation-option.is-selected .urs-order-variation-option__check {
  border-color: var(--urs-primary-hover);
  background: var(--urs-primary-hover);
  color: #fff;
}

.urs-order-variation-option__content > strong {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
}

.urs-order-variation-option__content > span {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.urs-order-variation-chip {
  padding: 4px 7px;
  border-radius: 5px;
  background: #f1f5f9;
  color: #65758b;
  font-size: 11px;
  font-style: normal;
  line-height: 1.2;
}

.urs-order-variation-option__price {
  color: var(--urs-primary-hover);
  white-space: nowrap;
  font-size: 14px;
}

.urs-order-variation-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 22px;
  border-top: 1px solid #e6edf6;
  background: #fff;
  border-radius: 16px;
}

.urs-order-variation-modal__footer .urs-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.urs-orders-table {
  background: #fff;
  border: 1px solid #e2e9f2;
  border-radius: 16px;
  overflow: visible;
  position: relative;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.urs-orders-table--loading {
  overflow: hidden;
}

.urs-orders-table__head,
.urs-orders-table__row {
  display: grid;
  grid-template-columns: 0.9fr 1.5fr 1.15fr 0.95fr 1fr 0.9fr;
  gap: 12px;
  align-items: center;
  padding: 14px 16px;
  min-width: 900px;
}

.urs-orders-table__head {
  font-size: 13px;
  font-weight: 700;
  color: #6a778d;
  border-bottom: 1px solid #e6edf6;
  text-transform: uppercase;
}

.urs-orders-table__row {
  font-size: 14px;
  color: #2f3a4d;
}

.urs-orders-table__row--loading {
  pointer-events: none;
}

.urs-orders-table__row--loading .urs-order-client-cell,
.urs-orders-table__row--loading .urs-order-total-cell {
  display: grid;
  gap: 8px;
  width: 100%;
}

.urs-orders-skeleton {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 999px;
  background: #e8eef6;
}

.urs-orders-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.78) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: ursOrdersSkeleton 1.4s ease-in-out infinite;
}

.urs-orders-skeleton--text {
  height: 12px;
}

.urs-orders-skeleton--short {
  width: 72px;
}

.urs-orders-skeleton--medium {
  width: 126px;
}

.urs-orders-skeleton--pill {
  width: 92px;
  height: 32px;
  border-radius: 999px;
}

.urs-orders-skeleton--icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
}

.urs-orders-loading-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 16px 22px;
  color: #607089;
}

.urs-orders-loading-note strong {
  font-size: 14px;
  font-weight: 700;
  color: #3b4658;
}

@keyframes ursOrdersSkeleton {
  100% {
    transform: translateX(100%);
  }
}

.urs-order-client-cell strong,
.urs-order-total-cell strong {
  display: block;
  font-size: 15px;
  color: #1f2d41;
  line-height: 1.2;
}

.urs-order-client-cell small,
.urs-order-total-cell small {
  display: block;
  color: #6a7890;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 2px;
}

.urs-order-client-cell small i,
.urs-order-total-cell small i {
  width: 12px;
  color: var(--urs-primary-hover);
  margin-right: 6px;
}

.urs-orders-table__row + .urs-orders-table__row {
  border-top: 1px solid #edf2f8;
}

.urs-order-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  border: 0;
  cursor: default;
}

.urs-order-status.js-urs-order-reopen {
  cursor: pointer;
}

.urs-order-row-actions {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.urs-order-icon-btn {
  border: 0;
  background: transparent;
  color: #4f5e77;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.urs-order-icon-btn:hover {
  background: #f1f5fb;
  color: var(--urs-primary-hover);
}

.urs-order-row-total {
  margin-left: 4px;
  color: #344154;
  font-weight: 700;
}

.urs-order-row-menu {
  position: absolute;
  top: auto;
  bottom: calc(100% + 8px);
  right: 0;
  min-width: 240px;
  border: 1px solid #dfe6ef;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(24, 39, 75, 0.08);
  padding: 6px;
  z-index: 1200;
  display: none;
}

.urs-order-row-menu.is-open {
  display: block;
}

.urs-order-row-menu button {
  width: 100%;
  border: 0;
  background: #fff;
  text-align: left;
  padding: 10px 10px;
  border-radius: 8px;
  color: #2f3a4d;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.urs-order-row-menu button.is-disabled {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}

.urs-order-row-menu hr {
  border: 0;
  border-top: 1px solid #edf2f8;
  margin: 4px 0;
}

.urs-order-row-menu button:hover {
  background: #f6f9fc;
}

.urs-order-row-menu .js-urs-order-cancel {
  color: #cf6f00;
}

.urs-order-row-menu .js-urs-order-delete {
  color: #d33d3d;
}

#urs-packaging-logo-upload {
  background: #fff;
  color: var(--urs-primary-hover);
  border: 1px solid var(--urs-primary-hover);
}

.urs-order-details-modal {
  position: fixed;
  inset: 0;
  background: rgba(39, 46, 61, 0.6);
  z-index: 9999999999;
  padding: 22px;
  display: flex;
  align-items: start;
  justify-content: center;
  padding-top: 100px;
}

.urs-order-details-modal.is-hidden {
  display: none;
}

.urs-order-details-modal__dialog {
  width: min(940px, 100%);
  max-height: calc(85vh - 44px);
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid #dfe6ef;
  background: #fff;
  display: grid;
  grid-template-rows: auto auto 1fr;
}

.urs-order-details-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid #e6edf6;
}

.urs-order-details-modal__head h4 {
  margin: 0;
  font-size: 33px;
  line-height: 1.25;
}

.urs-order-details-modal__head button {
  border: 0;
  background: transparent;
  color: #7f8da4;
  font-size: 22px;
  margin-left: auto;
}

.urs-order-details-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid #e6edf6;
  overflow-x: auto;
}

.urs-order-details-tabs button {
  border: 0;
  background: transparent;
  color: #68788f;
  padding: 8px 10px;
  border-bottom: 2px solid transparent;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  text-transform: none;
}

.urs-order-details-tabs button.is-active {
  color: var(--urs-primary-hover);
  border-bottom-color: var(--urs-primary-hover);
  border-radius: 0px !important;
}

.urs-order-details-body {
  overflow: auto;
  padding: 16px;
  background: #f9fbfe;
}

.urs-od-panel {
  border: 1px solid #e1e8f2;
  border-radius: 12px;
  background: #fff;
  padding: 14px;
}

.urs-od-panel h5 {
  margin: 0 0 12px;
  font-size: 17px;
  color: var(--urs-primary-hover);
  display: flex;
  align-items: center;
  gap: 10px;
}

.urs-od-banner {
  border-radius: 12px;
  border: 1px solid #cdeedc;
  background: linear-gradient(90deg, #e8f9f0 0%, #dff4ea 100%);
  color: #0a8a64;
  font-size: 29px;
  font-weight: 700;
  padding: 10px 12px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.urs-od-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.urs-od-grid article {
  border: 1px solid #e6edf6;
  border-radius: 10px;
  padding: 10px 12px;
}

.urs-od-grid small {
  display: block;
  color: #6f7f94;
  margin-bottom: 4px;
}

.urs-od-label {
  display: flex !important;
  align-items: center;
  gap: 7px;
}

.urs-od-label i {
  color: var(--urs-primary-hover);
  font-size: 12px;
  width: 14px;
  text-align: center;
}

.urs-od-grid strong {
  font-size: 31px;
  color: #1e293b;
}

.urs-od-grid strong .urs-order-status {
  font-size: 12px;
}

.urs-od-product {
  border: 1px solid #e6edf6;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.urs-od-product + .urs-od-product {
  margin-top: 10px;
}

.urs-od-product-main {
  display: flex;
  align-items: center;
  gap: 10px;
}

.urs-od-config-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
}

.urs-od-config {
  display: inline-block;
  padding: 3px 7px;
  border-radius: 6px;
  background: #f1f5f9;
  color: #475569;
  font-size: 12px;
  line-height: 1.35;
}

.urs-od-config b {
  font-weight: 600;
}

.urs-od-product-main img,
.urs-od-img-empty {
  width: 70px;
  height: 70px;
  border-radius: 8px;
  background: #f2f5f9;
  object-fit: cover;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #9aabc0;
}

.urs-od-history {
  border: 1px solid #e6edf6;
  border-radius: 10px;
  padding: 12px;
}

.urs-od-history + .urs-od-history {
  margin-top: 10px;
}

.urs-od-history strong {
  display: block;
  color: #0b9a62;
}

.urs-od-history strong i {
  font-size: 9px;
  margin-right: 8px;
  vertical-align: middle;
}

.urs-od-history small {
  color: #66758b;
}

.urs-od-history.is-pending {
  background: #f8fafc;
  border-color: #e6edf6;
}

.urs-od-history.is-pending strong {
  color: #8ea0b7;
}

.urs-od-history.is-done {
  background: #f6fffb;
  border-color: #d6f5e6;
}

.urs-od-history.is-done strong {
  color: #0b9a62;
}

.urs-od-history.is-current {
  background: #fff6f3;
  border-color: color-mix(in srgb, var(--urs-primary) 35%, white);
}

.urs-od-history.is-current strong {
  color: var(--urs-primary-hover);
}

.urs-od-empty {
  margin: 0;
  color: #66758b;
}

.urs-od-printed-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
}

.urs-od-printed-item {
  margin: 0;
  position: relative;
}

.urs-od-printed-grid img {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #e6edf6;
  background: #fff;
  object-fit: cover;
  aspect-ratio: 1/1;
}

.urs-od-printed-fullscreen {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.75);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    background 0.2s ease;
}

.urs-od-printed-fullscreen:hover {
  transform: scale(1.06);
  background: rgba(15, 23, 42, 0.9);
  color: #fff;
}

.urs-printed-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999999999;
  background: rgba(2, 6, 23, 0.92);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 24px;
}

.urs-printed-lightbox.is-hidden {
  display: none;
}

.urs-printed-lightbox__stage {
  max-width: min(88vw, 1320px);
  max-height: 88vh;
  display: grid;
  justify-items: center;
  gap: 12px;
}

.urs-printed-lightbox__stage img {
  max-width: 100%;
  max-height: calc(88vh - 40px);
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
  transform: translateX(0) scale(0.985);
  opacity: 0.72;
  transition:
    transform 0.25s ease,
    opacity 0.25s ease;
  border-radius: 0 !important;
}

.urs-printed-lightbox__stage img.is-enter {
  transform: translateX(0) scale(1);
  opacity: 1;
}

.urs-printed-lightbox__counter {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.urs-printed-lightbox__close,
.urs-printed-lightbox__nav {
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition:
    background 0.2s ease,
    transform 0.2s ease;
}

.urs-printed-lightbox__close {
  position: fixed;
  top: 20px;
  right: 20px;
}

.urs-printed-lightbox__close:hover,
.urs-printed-lightbox__nav:hover {
  background: rgba(255, 255, 255, 0.28);
  transform: scale(1.06);
  color: #fff;
}

@media (max-width: 900px) {
  .urs-printed-lightbox {
    padding: 14px;
    gap: 10px;
  }

  .urs-printed-lightbox__close,
  .urs-printed-lightbox__nav {
    width: 42px;
    height: 42px;
    font-size: 16px;
  }
}

.urs-order-status.is-pending {
  background: #fff3dd;
  color: #c07800;
}

.urs-order-status.is-awaiting_payment {
  background: #fff4e6;
  color: #d96b00;
}

.urs-order-status.is-processing {
  background: var(--urs-primary-light);
  color: var(--urs-primary);
}

.urs-order-status.is-in_progress {
  background: #e7f0ff;
  color: #2c5aa0;
}

.urs-order-status.is-printing {
  background: #e8fbf5;
  color: #0f8b6f;
}

.urs-order-status.is-cancel_requested {
  background: #f4ecff;
  color: #7b46c5;
}

.urs-order-status.is-completed {
  background: #eafaf0;
  color: #1c8f52;
}

.urs-order-status.is-shipped,
.urs-order-status.is-partially_shipped {
  background: #e8f6ff;
  color: #0f7eb0;
}

.urs-order-status.is-awaiting_fulfillment,
.urs-order-status.is-awaiting_shipment,
.urs-order-status.is-awaiting_pickup {
  background: #f2ecff;
  color: #6d4ecf;
}

.urs-order-status.is-awaiting_fulfillment {
  background: #eef1ff;
  color: #5869c9;
}

.urs-order-status.is-awaiting_pickup {
  background: #fff0fb;
  color: #b2498e;
}

.urs-order-status.is-partially_shipped {
  background: #e8f2ff;
  color: #4469c8;
}

.urs-order-status.is-cancelled {
  background: #ffe7e7;
  color: #ca3a3a;
}

.urs-order-status.is-declined {
  background: #fdecef;
  color: #b83b5d;
}

.urs-order-status.is-refunded {
  background: #edf1f7;
  color: #5f6c86;
}

@media (max-width: 980px) {
  .urs-orders-panel {
    padding: 18px;
  }

  .urs-orders-panel__head {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  .urs-orders-panel__title-wrap h3 {
    font-size: 34px;
  }

  .urs-orders-toolbar {
    grid-template-columns: 1fr;
  }

  .urs-returns-hero__top {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  .urs-returns-policy-btn {
    width: 100%;
    justify-content: center;
  }

  .urs-returns-hero__stats {
    grid-template-columns: 1fr;
  }

  .urs-withdrawals-hero__stats,
  .urs-withdrawals-stats {
    grid-template-columns: 1fr;
  }

  .urs-withdrawals-hero__top {
    grid-template-columns: 1fr;
  }

  .urs-withdrawals-hero__actions {
    justify-content: flex-start;
  }

  .urs-withdrawals-info__title {
    font-size: 22px;
  }

  .urs-withdrawals-info__list li {
    font-size: 16px;
  }

  .hero-stats {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }

  .hero-stat {
    padding: 0.5rem;
    border-right: none;
    border-bottom: 1px solid #dce4ee;
  }

  .hero-stat:last-child {
    border-bottom: none;
  }

  .urs-withdrawal-modal__head h3 {
    font-size: 30px;
  }

  .urs-withdrawal-modal__bank li {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .urs-withdrawal-modal__actions {
    grid-template-columns: 1fr;
  }

  .urs-orders-filter__trigger {
    width: 100%;
  }

  .urs-orders-create,
  #urs-orders-create {
    width: 100%;
    justify-content: center;
    justify-self: stretch;
  }

  .urs-order-create__head h4 {
    font-size: 28px;
  }

  .urs-order-step__title strong {
    font-size: 16px;
  }

  .urs-order-step__title small {
    font-size: 12px;
  }

  .urs-order-cart-empty strong {
    font-size: 34px;
  }

  .urs-order-cart-empty p {
    font-size: 15px;
  }

  .urs-order-cart-table__head,
  .urs-order-cart-row {
    grid-template-columns: 1fr;
  }

  .urs-order-cart-table__footer {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .urs-order-cart-table__footer strong {
    justify-self: start;
  }

  .urs-order-form__grid,
  .urs-order-review__client-grid,
  .urs-order-confirm__actions,
  .urs-order-modal__cards {
    grid-template-columns: 1fr;
  }

  .urs-order-modal {
    padding: 8px;
  }

  .urs-order-modal__dialog {
    height: calc(100vh - 16px);
  }

  .urs-order-variation-modal__dialog {
    height: calc(100vh - 16px);
  }

  .urs-order-variation-option {
    grid-template-columns: 25px minmax(0, 1fr);
    gap: 9px;
  }

  .urs-order-variation-option__price {
    grid-column: 2;
    justify-self: start;
  }

  .urs-order-variation-modal__footer {
    flex-wrap: wrap;
  }

  .urs-order-variation-fields {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .urs-order-variation-modal__footer .urs-btn {
    flex: 1 1 140px;
  }
}

.urs-transactions-head span,
.urs-transactions-row span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.urs-transactions-head i {
  color: var(--urs-primary-hover);
}

.urs-transactions-body {
  margin-top: 14px;
}

.urs-transactions-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 20px;
  align-items: center;
  padding: 18px 28px;
  background: #fff;
  border: 1px solid #e5ebf2;
  border-radius: 16px;
  color: #334155;
}

.urs-returns-head,
#urs-returns-grid .urs-transactions-row {
  grid-template-columns: 1fr 1.35fr .65fr 1.35fr 1fr 1.8fr;
}

.urs-transactions-row + .urs-transactions-row {
  margin-top: 12px;
}

.urs-transactions-row .is-credit {
  color: #15803d;
  font-weight: 700;
}

.urs-transactions-row .is-debit {
  color: #b91c1c;
  font-weight: 700;
}

.urs-transactions-empty {
  min-height: 370px;
  background: #fff;
  border: 1px solid #e4eaf1;
  border-radius: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
  color: #6f7b90;
  padding: 36px;
}

.urs-transactions-empty i {
  font-size: 78px;
  color: #7f7f7f;
}

.urs-transactions-empty strong {
  font-size: 22px;
  color: #202633;
  font-weight: 500;
}

.urs-transactions-empty p {
  margin: 0;
  font-size: 15px;
}

.urs-media-library__stats {
  display: grid;
  gap: 18px;
  max-width: 720px;
}

.urs-media-library__quota {
  display: grid;
  grid-template-columns: auto auto auto 1fr;
  align-items: center;
  gap: 18px;
  padding: 22px;
  border: 1px solid #dfe5ee;
  border-radius: 18px;
  background: linear-gradient(180deg, #fff, #fbfdff);
}

.urs-media-library__quota-ring {
  width: 52px;
  height: 52px;
  border-radius: 999px;
  border: 4px solid #eff5fb;
  color: var(--urs-primary-hover);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.urs-media-library__quota-copy span {
  display: block;
  color: #4d5a70;
  font-size: 14px;
}

.urs-media-library__quota-copy strong {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 6px;
  color: var(--urs-primary-hover);
  font-size: 34px;
  line-height: 1;
}

.urs-media-library__quota-copy strong span:last-child {
  color: #6f7b90;
  font-size: 17px;
}

.urs-media-library__quota-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: #dff7e7;
  color: #259a56;
  font-size: 14px;
  font-weight: 700;
}

.urs-media-library__quota p {
  margin: 0;
  color: #526179;
  font-size: 16px;
}

.urs-media-library__quota p strong {
  color: var(--urs-primary);
}

.urs-media-library__usage {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #556379;
  font-size: 15px;
}

.urs-media-library__usage strong {
  color: var(--urs-primary);
}

.urs-media-library__hero-actions {
  flex: 0 0 290px;
  display: grid;
  gap: 18px;
  justify-items: end;
  align-self: center;
}

.urs-media-library__upload {
  min-width: 288px;
  border-radius: 18px !important;
  padding: 18px 26px;
  background: var(--urs-primary);
  color: #c85f45;
  border: 1px solid var(--urs-primary-hover);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 0 6px 20px rgba(242, 129, 99, 0.15);
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.urs-media-library__upload:hover,
.urs-media-library__upload:focus {
  background: var(--urs-primary-hover);
  color: var(--urs-text-reverse);
  border-color: var(--urs-text-reverse);
  transform: translateY(-1px);
  box-shadow: var(--urs-shadow);
}

.urs-media-library__upload i {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.14);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.urs-media-library__hero-actions p {
  margin: 0;
  color: #5d6a80;
  font-size: 14px;
}

.urs-media-library__hero-actions p i {
  color: var(--urs-primary-hover);
  margin-right: 8px;
}

.urs-media-library__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 26px;
}

.urs-media-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 22px;
  box-shadow: 0 4px 10px rgba(24, 37, 56, 0.06);
}

.urs-media-card__preview {
  aspect-ratio: 1 / 0.8;
  background:
    linear-gradient(45deg, #eef3f7 25%, transparent 25%),
    linear-gradient(-45deg, #eef3f7 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #eef3f7 75%),
    linear-gradient(-45deg, transparent 75%, #eef3f7 75%);
  background-size: 22px 22px;
  background-position:
    0 0,
    0 11px,
    11px -11px,
    -11px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.urs-media-card__preview img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 10px;
}

.urs-media-card__body {
  padding: 18px 18px 16px;
}

.urs-media-card__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #455368;
}

.urs-media-card__meta i {
  color: var(--urs-primary-hover);
}

.urs-media-card__meta strong {
  display: block;
  font-size: 16px;
  line-height: 1.1;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.urs-media-card__facts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 16px;
  color: #4b5a70;
  font-size: 14px;
}

.urs-media-card__facts span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.urs-media-card__facts i {
  color: var(--urs-primary-hover);
}

.urs-media-card__quality {
  position: relative;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #edf2f7;
  min-height: 96px;
}

.urs-media-card__quality-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.urs-media-card__quality-row span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #4b5a70;
  font-size: 14px;
}

.urs-media-card__quality-row span:first-child i {
  color: var(--urs-primary-hover);
}

.urs-media-card__quality-info {
  margin-left: auto;
  position: relative;
}

.urs-media-card__quality-info-btn {
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 999px;
  background: #1fa85c;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  cursor: pointer;
}

.urs-media-card__quality-tooltip {
  position: absolute;
  right: -6px;
  bottom: calc(100% + 10px);
  width: 220px;
  background: #ffffff;
  color: #1f2533;
  border: 1px solid #dbe3ee;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(26, 39, 58, 0.08);
  padding: 12px;
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  transition:
    opacity 0.18s ease,
    transform 0.18s ease;
  z-index: 40;
}

.urs-media-card__quality-tooltip::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 100%;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ffffff;
}

.urs-media-card__quality-info:hover .urs-media-card__quality-tooltip,
.urs-media-card__quality-info:focus-within .urs-media-card__quality-tooltip,
.urs-media-card__quality-info.is-pinned .urs-media-card__quality-tooltip {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.urs-media-card__quality-tooltip p {
  margin: 0 0 6px;
  font-size: 14px;
  line-height: 1.45;
  color: #1f2533;
}

.urs-media-card__quality-tooltip strong.is-good {
  color: #1cc76a;
  font-weight: 700;
}

.urs-media-card__quality-tooltip strong.is-low {
  color: #ff4d4d;
  font-weight: 700;
}

.urs-media-card__quality-tooltip-sep {
  height: 1px;
  background: #dbe3ee;
  margin: 10px 0 8px;
}

.urs-media-card__quality-tooltip-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  margin-bottom: 8px;
}

.urs-media-card__quality-tooltip-total.is-good strong {
  color: #f7c745;
}

.urs-media-card__quality-tooltip-total.is-low strong {
  color: #ff4d4d;
}

.urs-media-card__quality-tooltip-total span {
  color: #75839a;
}

.urs-media-card__quality-tooltip-progress {
  width: 100%;
  height: 8px;
  background: #d9dde3;
  border-radius: 999px;
  overflow: hidden;
}

.urs-media-card__quality-tooltip-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #1cc76a;
}

.urs-media-card__quality-tooltip-total.is-low
  + .urs-media-card__quality-tooltip-progress
  span {
  background: #ff4d4d;
}

.urs-media-card__quality-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
}

.urs-media-card__quality-badge.is-high {
  background: #dff7e7;
  color: #1f9f50;
}

.urs-media-card__quality-badge.is-medium {
  background: #fff3d5;
  color: #cf8a14;
}

.urs-media-card__quality-badge.is-low {
  background: #ffe0dd;
  color: #de4f45;
}

.urs-media-card__quality p {
  max-width: calc(100% - 56px);
  margin: 10px 0 0;
  color: #657187;
  font-size: 13px;
  line-height: 1.5;
}

.urs-media-card__delete {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 34px;
  height: 34px;
  border: 1px solid #ffd3d0;
  border-radius: 10px;
  background: #fff6f5;
  color: #e5554c;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.urs-media-empty {
  min-height: 280px;
  border: 1px dashed #d5dde8;
  border-radius: 24px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
  color: #66758a;
  padding: 32px;
}

.urs-media-empty i {
  font-size: 38px;
  color: var(--urs-primary-hover);
}

.urs-media-loading {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #66758a;
  font-size: 14px;
}

.urs-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 1.5rem 0 1rem;
  flex-wrap: wrap;
}

.urs-pagination__btn {
  min-width: 36px;
  height: 36px;
  border: 1px solid #d5dde8;
  border-radius: 8px;
  background: #fff;
  color: #333;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  transition: all 0.15s ease;
}

.urs-pagination__btn:hover:not(:disabled):not(.is-active) {
  background: #f0f4f8;
  border-color: #b0bcc8;
}

.urs-pagination__btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.urs-pagination__btn.is-active {
  background: var(--urs-primary-hover);
  border-color: var(--urs-primary-hover);
  color: #fff;
}

.urs-pagination__dots {
  color: #999;
  font-size: 14px;
  padding: 0 4px;
}

.urs-pagination__info {
  font-size: 12px;
  color: #66758a;
  margin-left: 12px;
}

.urs-media-empty strong {
  font-size: 24px;
  color: #223047;
}

.urs-media-empty p {
  max-width: 520px;
  margin: 0;
}

.urs-models-quota {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  gap: 18px;
  margin-top: 12px;
  padding: 20px 22px;
  border: 1px solid #dfe5ee;
  border-radius: 16px;
  background: #fff;
}

.urs-models-quota__ring {
  width: 52px;
  height: 52px;
  border-radius: 999px;
  border: 4px solid #f3f5f7;
  color: var(--urs-primary-hover);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.urs-models-quota__count span {
  display: block;
  color: #5f6c82;
}

.urs-models-quota__count strong {
  display: block;
  margin-top: 4px;
  color: var(--urs-primary);
  font-size: 30px;
  line-height: 1;
}

.urs-models-quota__count strong span:last-child {
  color: #8b97a9;
  font-size: 16px;
}

.urs-models-quota p {
  margin: 0;
  color: #57647a;
}

.urs-models-quota p strong {
  color: var(--urs-primary);
}

.urs-models-toolbar {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) auto;
  gap: 14px;
  margin: 14px 0 24px;
  align-items: center;
}

.urs-models-select-all {
  border: 1px solid #dfe5ee;
  border-radius: 14px !important;
  background: #fff;
  color: #3f4d63;
  padding: 0 18px;
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-weight: 500;
}

.urs-models-check {
  width: 20px;
  height: 20px;
  border: 1px solid #cfd7e3;
  border-radius: 6px;
  background: #fff;
}

.urs-models-select-all.is-active .urs-models-check {
  background: var(--urs-primary);
  border-color: var(--urs-primary);
}

.urs-models-search {
  min-height: 54px;
  border: 1px solid #dfe5ee;
  border-radius: 14px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
  color: #7a879a;
  width: 100%;
}

.urs-models-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.urs-models-select {
  min-height: 54px;
  border: 1px solid #dfe5ee;
  border-radius: 14px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  color: #7a879a;
  min-width: 180px;
}

.urs-models-select select {
  border: 0;
  outline: 0;
  width: 100%;
  min-height: 52px;
  background: transparent;
  color: #364559;
  font-size: 15px;
  cursor: pointer;
}

.urs-models-search input {
  border: 0;
  outline: 0;
  width: 100%;
  background: transparent;
  color: #364559;
  font-size: 16px;
}

.urs-model-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 18px;
  box-shadow: 0 4px 10px rgba(20, 32, 49, 0.06);
  display: flex;
  flex-direction: column;
  min-height: 500px;
  height: 100%;
}

.urs-model-card__preview {
  position: relative;
  height: 270px;
  background: #eceff3;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}

.urs-model-card__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

.urs-model-card__menu-toggle {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
  cursor: pointer;
  color: var(--urs-primary-hover);
  z-index: 3;
}

.urs-model-card__menu-toggle:hover {
  background: #fff3ee;
}

.urs-model-card__menu {
  position: absolute;
  top: 56px;
  right: 12px;
  min-width: 168px;
  padding: 8px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid #e7edf5;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
  display: none;
  z-index: 4;
}

.urs-model-card__menu.is-open {
  display: grid;
  gap: 4px;
}

.urs-model-card__menu button {
  width: 100%;
  border: 0;
  background: transparent;
  border-radius: 10px;
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  color: #304055;
  cursor: pointer;
  text-align: left;
}

.urs-model-card__menu button:hover {
  background: #fff4ef;
  color: var(--urs-primary-hover);
}

.urs-model-card__size {
  position: absolute;
  right: 14px;
  bottom: 12px;
  background: rgba(255, 255, 255, 0.92);
  color: #38475f;
  font-size: 13px;
  border-radius: 999px;
  padding: 6px 10px;
}

.urs-model-card__empty {
  width: 82px;
  height: 82px;
  border-radius: 18px;
  background: rgba(242, 129, 99, 0.14);
  color: var(--urs-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
}

.urs-model-card__content {
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 230px;
}

.urs-model-card__meta {
  display: flex;
  gap: 18px;
  align-items: center;
  color: #536279;
  font-size: 14px;
  flex-wrap: wrap;
}

.urs-model-card__meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.urs-model-card__meta i {
  color: var(--urs-primary-hover);
}

.urs-model-card__meta strong {
  color: #24334c;
  font-weight: 700;
}

.urs-model-card__title {
  margin: 12px 0 0 !important;
  color: var(--urs-primary-hover);
  font-size: 19px !important;
  line-height: 1.18;
  min-height: 44px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.urs-model-card__subtitle {
  margin: 6px 0 0;
  color: #4f5d73;
  font-size: 14px;
  min-height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.urs-model-card__attributes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  margin-bottom: 12px;
  min-height: 64px;
  max-height: 64px;
  align-content: flex-start;
  overflow: hidden;
}

.urs-model-card__attribute {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #f4f7fb;
  border: 1px solid #e4ebf3;
  color: #536279;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.urs-model-card__footer {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid #eef2f6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.urs-model-card__tag {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  border-radius: 999px;
  border: 1px solid rgba(242, 129, 99, 0.35);
  background: rgba(242, 129, 99, 0.08);
  color: var(--urs-primary-hover);
  padding: 0 12px;
  font-size: 13px;
}

/* ===== PRODUCTS TABLE ===== */
.urs-products {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.urs-products__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.urs-products__header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.urs-products__header h2 {
  margin: 0 0 4px;
  font-size: 22px;
  color: #1a2332;
}

.urs-products__header p {
  margin: 0;
  font-size: 14px;
  color: #6b7a8f;
}

.urs-page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.urs-page-header:after{
  display: none;
}

.urs-page-header h2 {
  margin: 0 0 4px;
  font-size: 22px;
  color: #1a2332;
}

.urs-page-header p {
  margin: 0;
  font-size: 14px;
  color: #6b7a8f;
}

.urs-page-header__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.urs-orders-revendeur-cart {
  border-color: #f28163;
  background: #fff;
  color: #c85f45;
}

.urs-orders-revendeur-cart:hover,
.urs-orders-revendeur-cart:focus {
  border-color: #f28163;
  background: #fff1eb;
  color: #c85f45;
}

.urs-orders-revendeur-cart b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 999px;
  background: #f28163;
  color: #fff;
  font-size: 10px;
  line-height: 1;
}

@media (max-width: 640px) {
  .urs-page-header { align-items: flex-start; gap: 14px; }
  .urs-page-header__actions { gap: 6px; }
  .urs-page-header__actions .urs-btn { padding: 10px 12px; font-size: 12px; }
}

.urs-page-header__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.urs-page-header__meta small {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6b7a8f;
}

.urs-page-header__meta strong {
  font-size: 20px;
  font-weight: 800;
  color: #1a2332;
}

.hero-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  background: #fff;
  padding: 1.5rem;
  border-radius: 32px;
  border: 1px solid #dce4ee;
  margin-bottom: 24px;
}

.hero-stat {
  min-width: 0;
  padding: 0 1.5rem;
  border-right: 1px solid #dce4ee;
}

.hero-stat:first-child { padding-left: 0; }
.hero-stat:last-child { border-right: none; }

.hero-stat-label {
  font-size: 0.65rem;
  font-weight: 700;
  color: #6b7a8f;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.hero-stat-value {
  font-size: 1.15rem;
  font-weight: 900;
  color: #1a2332;
  margin-top: 2px;
}

.hero-stat-value.green { color: #16a34a; }
.hero-stat-value small { font-weight: 400; font-size: 0.8rem; color: #6b7a8f; }

.hero-btns { display: flex; gap: 0.75rem; flex-wrap: wrap; align-items: center; }

.urs-products__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.urs-products__tabs {
  display: flex;
  gap: 4px;
  background: #f0f3f7;
  border-radius: 10px;
  padding: 3px;
}

.urs-products__tab {
  padding: 7px 16px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #4a5a72;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  white-space: nowrap;
}

.urs-products__tab:hover {
  color: #1a2332;
}

.urs-products__tab.is-active {
  background: #fff;
  color: #1a2332;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.urs-products__controls {
  display: flex;
  align-items: center;
  gap: 10px;
}

.urs-products__search {
  position: relative;
  display: flex;
  align-items: center;
}

.urs-products__search i {
  position: absolute;
  left: 0px;
  color: #9aa8bc;
  font-size: 14px;
  pointer-events: none;
}

.urs-products__search input {
  width: 220px;
  height: 38px;
  padding: 0 12px 0 34px;
  border: 1px solid #e0e6ef;
  border-radius: 10px;
  background: #fff;
  font-size: 13px;
  color: #1a2332;
  outline: none;
  transition: border-color 0.15s;
}

.urs-products__search input:focus {
  border-color: var(--urs-primary-hover);
  box-shadow: 0 0 0 3px rgba(242, 129, 99, 0.1);
}

.urs-products__search input::placeholder {
  color: #9aa8bc;
}

.urs-products__sort select {
  height: 38px;
  padding: 0 32px 0 12px;
  border: 1px solid #e0e6ef;
  border-radius: 10px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa8bc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;
  font-size: 13px;
  color: #4a5a72;
  cursor: pointer;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}

.urs-products__sort select:focus {
  border-color: var(--urs-primary-hover);
}

.urs-products__bulk {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #fef9f6;
  border: 1px solid #f5e6dc;
  border-radius: 10px;
  font-size: 13px;
  color: #1a2332;
}

.urs-products__bulk .urs-btn--ghost {
  font-size: 12px;
  padding: 4px 12px;
  min-height: 30px;
}

.urs-products__bulk .urs-btn--ghost.is-danger {
  color: #fff;
  background-color: #dc2626 !important;
}

.urs-products__count {
  font-size: 13px;
  color: #6b7a8f;
  font-weight: 500;
}

.urs-products__table-wrap {
  overflow-x: auto;
  border: 1px solid #e6ecf3;
  border-radius: 12px;
  background: #fff;
}

.urs-products__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.urs-products__table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}

.urs-products__table thead th {
  padding: 12px 14px;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  color: #5a6b82;
  background: #f8fafc;
  border-bottom: 1px solid #e6ecf3;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.urs-products__table tbody tr {
  transition: background 0.1s;
}

.urs-products__table tbody tr:hover {
  background: #f8fafc;
}

.urs-products__table tbody tr + tr td {
  border-top: 1px solid #f0f4f9;
}

.urs-products__table tbody td {
  padding: 12px 14px;
  vertical-align: middle;
  color: #2a3a50;
}

.urs-table__check {
  width: 36px;
  text-align: center !important;
}

.urs-table__check input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: var(--urs-primary-hover);
  cursor: pointer;
}

.urs-table__product {
  min-width: 220px;
}

.urs-table__product-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}

.urs-table__thumb {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #f0f4f9;
}

.urs-table__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.urs-table__thumb-empty {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c5d0de;
  font-size: 20px;
}

.urs-table__product-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.urs-table__product-title {
  font-size: 14px;
  font-weight: 600;
  color: #1a2332;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.urs-table__product-dims {
  font-size: 11px;
  color: #9aa8bc;
  margin-top: 1px;
}

.urs-table__status-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

.urs-table__status-badge.is-ready {
  background: #fef6f0;
  color: #b45c1a;
}

.urs-table__status-badge.is-draft {
  background: #f0f3f7;
  color: #5a6b82;
}

.urs-table__status-badge.is-archived {
  background: #fef3e7;
  color: #b45c1a;
}

.urs-table__status-badge.is-pending {
  background: #e6f7ee;
  color: #0a7c42;
}

.urs-table__cat,
.urs-table__category,
.urs-table__dims,
.urs-table__price {
  font-size: 13px;
  color: #2a3a50;
  white-space: nowrap;
}

.urs-table__channel-icons {
  display: flex;
  gap: 6px;
  align-items: center;
}

.urs-channel-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #f0f4f9;
  color: #5a6b82;
  font-size: 15px;
  cursor: default;
}

.urs-table__btn-group {
  display: flex;
  gap: 2px;
  align-items: center;
}

.urs-table__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #6b7a8f;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}

.urs-table__btn:hover {
  background: #f0f4f9;
  color: #1a2332;
}

.urs-table__btn.js-urs-delete:hover {
  background: #fef2f2;
  color: #dc2626;
}
.urs-table__btn.js-urs-download-mockups {
  color: #059669;
}
.urs-table__btn.js-urs-download-mockups:hover {
  background: #d1fae5;
  color: #065f46;
}

.urs-products__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
  border: 1px dashed #d5dde8;
  border-radius: 12px;
  background: #fff;
}

.urs-products__empty i {
  font-size: 36px;
  color: var(--urs-primary-hover);
  margin-bottom: 12px;
}

.urs-products__empty strong {
  font-size: 18px;
  color: #1a2332;
  margin-bottom: 4px;
}

.urs-products__empty p {
  font-size: 13px;
  color: #6b7a8f;
  margin: 0;
}

.urs-products__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-size: 13px;
  color: #5a6b82;
}

.urs-products__pagination .urs-btn--ghost {
  font-size: 13px;
  padding: 6px 14px;
  min-height: 36px;
}

.urs-products__pagination .urs-btn--ghost:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.urs-skel {
  background: linear-gradient(90deg, #eef2f7 25%, #e2e8f0 50%, #eef2f7 75%);
  background-size: 200% 100%;
  animation: urs-shimmer 1.4s infinite;
}

@keyframes urs-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.urs-editor-topline {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 18px;
}
.urs-editor-topline.is-highlight {
  background: #fff;
  border: 1px solid var(--urs-border);
  border-radius: 18px;
  padding: 20px;
  box-shadow: var(--urs-shadow);
}
.urs-editor-page__inner:has(
    .urs-editor-step[data-step-pane="1"]:not(.is-hidden)
  )
  .urs-editor-topline,
.urs-editor-page__inner:has(
    .urs-editor-step[data-step-pane="2"]:not(.is-hidden)
  )
  .urs-editor-topline {
  background: #fff;
  border: 1px solid var(--urs-border);
  border-radius: 18px;
  padding: 20px;
  box-shadow: var(--urs-shadow);
}
.urs-editor-topline h3 {
  margin: 0;
  font-size: 42px;
}
.urs-editor-topline p {
  margin: 12px 6px 0;
  font-size: 15px;
  color: #6f7b90;
}
.urs-editor-back-btn {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 999px;
  background: #eff3f8;
  color: #415067;
  cursor: pointer;
}

.urs-category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 22px;
  width: 100%;
  align-items: stretch;
}
.urs-category-card {
  border: 1px solid #dce3eb;
  border-radius: 18px;
  background: #f8fafc;
  min-height: 420px;
  padding: 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: 0;
  cursor: default;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.18s ease;
  box-shadow: var(--urs-shadow);
}
.urs-category-card.is-active {
  border-color: rgba(242, 129, 99, 0.45);
  box-shadow: 0 4px 10px rgba(35, 48, 69, 0.08);
  transform: translateY(-2px);
}

.urs-category-card__media {
  height: 330px;
  border-bottom: 1px solid #e3e8ef;
  border-radius: 18px 18px 0 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(180deg, #eef3f8, #dce4ee);
}

.urs-category-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.urs-category-card__fallback {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  color: rgba(78, 92, 115, 0.55);
}

.urs-category-card__chips {
  position: absolute;
  left: 14px;
  bottom: 12px;
  display: flex;
  gap: 8px;
}

.urs-category-card__chips span {
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #4a586f;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
}

.urs-category-card__body {
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: 14px;
  min-height: 160px;
  text-align: left;
}

.urs-category-card strong {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: #1e293b;
  text-align: center;
}

.urs-category-card__vendor {
  color: #5f6f88;
  font-size: 13px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
}

.urs-category-card__cta {
  margin-top: auto;
  width: 100%;
  min-height: 48px;
  border: 0 !important;
  border-radius: 12px;
  background: var(--urs-primary);
  color: var(--urs-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 600;
  font-size: 15px;
}

.urs-editor-step[data-step-pane="1"] {
  width: 100%;
}

.urs-category-card__cta:hover,
.urs-category-card.is-active .urs-category-card__cta {
  background: var(--urs-primary-hover);
  color: var(--urs-text-reverse);
  box-shadow: var(--urs-shadow);
}

.urs-product-detail {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 22px;
}

.urs-product-detail__main {
  border: 1px solid #dde4ec;
  border-radius: 16px;
  overflow: hidden;
  background: #f3f5f7;
}

.urs-product-detail__left {
  position: sticky;
  top: 110px;
  align-self: start;
}

.urs-product-detail__main img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.urs-product-detail__thumbs {
  margin-top: 12px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.urs-product-detail__thumb {
  width: 72px;
  height: 72px;
  border: 1px solid #dbe3ec;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  padding: 0;
  cursor: pointer;
}

.urs-product-detail__thumb.is-active {
  border-color: var(--urs-primary);
  box-shadow: 0 0 0 2px var(--urs-primary-soft);
}

.urs-product-detail__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.urs-product-detail__right h3 {
  margin: 0;
  font-size: 30px;
  line-height: 1.14;
  margin-top: 16px;
}

.urs-product-detail__vendor {
  margin: 10px 0 0;
  color: #68778c;
  margin-bottom: 20px;
}

.urs-product-detail__vendor span {
  border: 1px solid #dfe6ee;
  border-radius: 999px;
  padding: 2px 10px;
  background: #f7fafc;
  font-size: 13px;
}

.urs-product-detail__price {
  display: block;
  margin: 12px 0 0;
  font-size: 44px;
  color: #111827;
}

.urs-product-detail__sizes {
  padding-top: 20px;
  border-top: 1px solid #e6ecf3;
  padding-bottom: 20px;
}

.urs-product-detail__sizes h4 {
  margin: 0 0 16px;
  font-size: 18px;
}

.urs-product-detail__size-grid {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 2fr;
  gap: 8px 12px;
  align-items: center;
}

.urs-product-detail__size-grid input {
  border-radius: 6px !important;
}

.urs-number-field {
  position: relative;
}

.urs-number-field input {
  width: 100%;
  padding-right: 38px;
}

.urs-number-field__controls {
  position: absolute;
  right: 9px;
  top: 42%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.urs-number-field__btn {
  width: 22px;
  height: 16px;
  border: 1px solid #d7dfea;
  background: #fff;
  border-radius: 6px;
  color: #5f6f85;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}

.urs-number-field__btn:hover {
  border-color: var(--urs-primary);
  color: var(--urs-primary);
}

.urs-number-field__btn i {
  font-size: 10px;
}

.urs-product-detail__size-grid label {
  font-size: 13px;
  color: #5d6b80;
}

.urs-product-detail__desc {
  margin-top: 18px;
  border-top: 1px solid #e6ecf3;
  padding-top: 14px;
  color: #344258;
}

.urs-product-detail__readmore {
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--urs-primary);
  font-weight: 700;
  box-shadow: none;
  transform: none !important;
}

.urs-product-detail__readmore:hover {
  color: var(--urs-primary-dark);
  text-decoration: none;
  box-shadow: none;
}

.urs-product-detail__readmore i {
  font-size: 12px;
  transition: transform 0.2s ease;
}

.urs-product-detail__readmore.is-open i {
  transform: rotate(180deg);
}

.urs-product-detail__extra {
  display: none;
}

.urs-product-detail__desc h4 {
  margin: 0 0 10px;
  font-size: 16px;
}

.urs-product-detail__lead {
  font-weight: 700;
  color: #1f2937;
}

.urs-passpartout {
  margin-top: 18px !important;
  display: flex;
  align-items: center;
  gap: 46px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.urs-passpartout__label {
  font-size: 18px;
  font-weight: 600;
  color: #2a3447;
}

.urs-passpartout__actions {
  display: flex;
  gap: 10px;
}

.urs-passpartout__btn {
  min-height: 44px;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid #101010;
  background: #fff;
  color: #101010;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.urs-passpartout__btn.is-active {
  background: #101010;
  border-color: #101010;
  color: #fff;
}

.urs-passpartout__btn:hover {
  border-color: #101010;
}

.urs-passpartout--inline {
  margin-top: 12px;
}

.urs-link-inline {
  color: var(--urs-primary);
  font-weight: 700;
  text-decoration: underline;
}

.urs-product-detail__desc h5 {
  margin: 14px 0 6px;
  font-size: 15px;
}

/* Product-details mockup fullscreen viewer */
.urs-pd-mockup-lightbox {
  position: fixed;
  inset: 0;
  z-index: 10000000001;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.94);
}

.urs-pd-mockup-lightbox.is-open {
  display: flex;
}

.urs-pd-mockup-lightbox__content {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.urs-pd-mockup-lightbox__image {
  display: block;
  width: 100vw;
  height: 100vh;
  object-fit: contain;
}

.urs-pd-mockup-lightbox__close,
.urs-pd-mockup-lightbox__prev,
.urs-pd-mockup-lightbox__next {
  position: absolute;
  z-index: 2;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.78);
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.urs-pd-mockup-lightbox__close:hover,
.urs-pd-mockup-lightbox__prev:hover,
.urs-pd-mockup-lightbox__next:hover {
  background: rgba(15, 23, 42, 1);
  transform: scale(1.05);
}

.urs-pd-mockup-lightbox__close {
  top: 24px;
  right: 24px;
}

.urs-pd-mockup-lightbox__prev {
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
}

.urs-pd-mockup-lightbox__next {
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}

.urs-pd-mockup-lightbox__prev:hover,
.urs-pd-mockup-lightbox__next:hover {
  transform: translateY(-50%) scale(1.05);
}

.urs-pd-mockup-lightbox__counter {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.78);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.urs-pd-mockup-thumb {
  width: 100%;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  aspect-ratio: 1;
  background: #fff;
  cursor: zoom-in;
}

.urs-pd-mockup-thumb:hover {
  border-color: var(--urs-primary);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.14);
}

.urs-product-detail__desc ul {
  margin: 0;
  padding-left: 18px;
}

.urs-modal__content {
  width: min(800px, 100%);
  background: #f4f7fb;
}
.urs-editor-layout {
  background: #fff;
  border: 1px solid #dbe2eb;
  border-radius: 16px;
  overflow: hidden;
  grid-template-columns: 68px 1fr 300px;
}
.urs-editor-left {
  background: #f8fafc;
  border-right: 1px solid #edf2f7;
  padding: 16px 10px;
}
.urs-tool {
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  color: #66748a;
}
.urs-tool span {
  font-size: 11px;
}
.urs-editor-center {
  background: #f0f4f9;
  min-height: 470px;
  padding: 24px;
}
.urs-canvas {
  background: transparent;
  border: 0;
}
.urs-canvas-frame {
  border: 16px solid #202020;
  width: min(400px, 90%);
  margin: 0 auto;
  background: #fff;
}
.urs-canvas-inner {
  min-height: 230px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #1d2a3a;
}
.urs-canvas-logo {
  font-size: 50px;
  font-weight: 800;
}
.urs-canvas-logo span {
  color: #f28163;
  font-style: italic;
}
.urs-canvas-sub {
  margin-top: 8px;
  color: #8a95a8;
  font-size: 13px;
}
.urs-editor-right {
  margin-top: 0;
  padding: 16px;
}
.urs-editor-right h4 {
  margin: 0 0 8px;
  font-size: 14px;
  letter-spacing: 0.06em;
  color: #2c394f;
}
.urs-editor-right h4 i {
  color: #f28163;
  margin-right: 5px;
}
.urs-editor-confirm {
  margin-top: 6px;
  justify-content: center;
  background: #1f2839;
  border: 1px solid #f28163;
}

.urs-editor-bottom {
  background: #fff;
  border: 1px solid #dbe2eb;
  border-radius: 16px;
  padding: 12px 16px;
  margin-top: 10px;
}
.urs-orientation {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.urs-editor-summary {
  text-align: center;
  min-width: 260px;
}
.urs-editor-summary strong {
  display: block;
  font-size: 20px;
}
.urs-editor-summary span {
  color: #f07b5a;
  font-weight: 700;
}

/* Premium operational overview refresh. */
.urs-dashboard-home--insights .urs-dashboard-home__eyebrow,
.urs-dashboard-home--insights .urs-dashboard-home__status-label,
.urs-dashboard-home--insights .urs-rank-progression__eyebrow { color: var(--urs-primary-hover) !important; }
.urs-dashboard-home--insights .urs-dashboard-home__status-steps .is-complete i,
.urs-dashboard-home--insights .urs-dashboard-home__hero-metrics span i,
.urs-dashboard-home--insights .urs-dashboard-home__recommended-icon,
.urs-dashboard-home--insights .urs-kpi-head i { color: var(--urs-primary-hover) !important; }
.urs-dashboard-home--insights .urs-dashboard-home__status-steps .is-complete i { background: var(--urs-primary-hover) !important; color: #fff !important; }
.urs-dashboard-home--insights { max-width: 1480px; margin: 0 auto; gap: 16px; }
.urs-dashboard-home__hero--insights { grid-template-columns: minmax(0, 1.58fr) minmax(330px, .82fr); gap: 18px; padding: 26px 28px; border-radius: 18px; background: #fff; border: 1px solid #e8edf2; box-shadow: 0 8px 24px rgba(32,39,51,.045); }
.urs-dashboard-home__hero--insights .urs-dashboard-home__eyebrow, .urs-dashboard-home__status-label { padding: 0; margin-bottom: 9px; background: none; color: var(--urs-primary); font-size: 11px; letter-spacing: .07em; }
.urs-dashboard-home__hero-copy h3 { margin-bottom: 8px; color: #202733; font-size: 36px; letter-spacing: -.035em; }
.urs-dashboard-home__hero-copy p { max-width: 650px; color: #66758f; font-size: 14px; line-height: 1.65; }
.urs-dashboard-home__hero-actions { gap: 9px; margin-top: 18px; }
.urs-dashboard-home__hero-actions .urs-btn { min-height: 40px; padding: 10px 16px; border-radius: 7px; font-size: 12px; font-weight: 800; letter-spacing: .02em; }
.urs-dashboard-home__hero-actions .urs-btn--primary { background: #fff3ee; color: #c85f45; border: 1px solid #f5d3c7; }
.urs-dashboard-home__hero-actions .urs-btn--secondary { background: #dff5f2; color: #176f6b; border-color: #176f6b; }
.urs-dashboard-home__hero-actions .urs-btn--ghost { background: #202733; color: #fff; border-color: #202733; }
.urs-dashboard-home__hero-aside { gap: 10px; }
.urs-dashboard-home__status-card { position: relative; padding: 20px 20px 17px 76px; min-height: 174px; border: 1px solid #f3cfc4; border-radius: 18px; background: #fffaf8; }
.urs-dashboard-home__status-icon { position: absolute; top: 20px; left: 20px; width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff0ea; color: var(--urs-text); font-size: 22px; }
.urs-dashboard-home__status-card strong { color: #202733; font-size: 20px; }
.urs-dashboard-home__status-card p { margin-top: 7px; color: #66758f; font-size: 12px; line-height: 1.5; }
.urs-dashboard-home__status-steps { display: flex; justify-content: space-between; gap: 8px; position: relative; margin: 23px 0 0; }
.urs-dashboard-home__status-steps::before { content: ""; position: absolute; top: 9px; left: 10px; right: 10px; border-top: 1px dashed #c7d0d9; }
.urs-dashboard-home__status-steps span { position: relative; z-index: 1; display: grid; justify-items: center; gap: 5px; color: #9aa6b5; font-size: 10px; }
.urs-dashboard-home__status-steps i { width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #e9edf0; font-size: 9px; }
.urs-dashboard-home__status-steps .is-complete i { background: var(--urs-primary-hover); color: #fff; }
.urs-dashboard-home__status-steps .is-current i { background: var(--urs-text); color: #fff; }
.urs-dashboard-home__status-steps b { color: #4a5565; font-size: 10px; font-weight: 700; }
.urs-dashboard-home__hero-metrics { gap: 8px; }
.urs-dashboard-home__hero-metrics article { padding: 13px; border-radius: 14px; border-color: #e8edf2; }
.urs-dashboard-home__hero-metrics span { display: flex; align-items: center; gap: 6px; margin-bottom: 7px; font-size: 11px; }
.urs-dashboard-home__hero-metrics span i { color: var(--urs-primary-hover); }
.urs-dashboard-home__hero-metrics strong { font-size: 19px; }
.urs-rank-progression__timeline { margin-top: 22px; padding: 18px 18px 12px; border: 1px solid #e8edf2; border-radius: 16px; background: #fff; }
.urs-rank-progression__heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.urs-rank-progression__eyebrow { color: var(--urs-primary-hover); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.urs-rank-progression__ca { display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 6px; background: #e4f7ef; color: #148764; font-size: 11px; font-weight: 800; }
.urs-dashboard-home__recommended { border: 1px solid #e8edf2; border-radius: 18px; background: #fff; overflow: hidden; }
.urs-dashboard-home__recommended-heading { padding: 16px 22px 4px; }
.urs-dashboard-home__recommended-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.urs-dashboard-home__recommended-item { display: grid; grid-template-columns: 50px minmax(0, 1fr) auto; align-items: center; gap: 14px; min-width: 0; padding: 16px 22px; border: 0; border-right: 1px solid #edf0f3; background: #fff; text-align: left; cursor: pointer; transition: background .18s ease; }
.urs-dashboard-home__recommended-item:last-child { border-right: 0; }
.urs-dashboard-home__recommended-item:hover { background: #fbfdfd; }
.urs-dashboard-home__recommended-icon { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 11px; background: var(--urs-primary); color: var(--urs-primary-hover); font-size: 20px; }
.urs-dashboard-home__recommended-item strong { display: block; color: #202733; font-size: 14px; }
.urs-dashboard-home__recommended-item small { display: block; margin-top: 4px; color: #66758f; font-size: 11px; line-height: 1.45; }
.urs-dashboard-home__recommended-item > i { color: #202733; font-size: 13px; }
.urs-kpis { gap: 12px; margin-bottom: 0; }
.urs-kpi-card { min-height: 124px; padding: 17px 18px; border-radius: 16px; border-color: #e8edf2; box-shadow: 0 5px 16px rgba(32,39,51,.035); }
.urs-kpi-head { color: #66758f; font-size: 13px; }
.urs-kpi-head i { background: var(--urs-primary); color: var(--urs-primary-hover); }
.urs-kpi-card strong { margin-top: 14px; color: #202733; font-size: 29px; }
.urs-kpi-card p { margin-top: 7px; color: #66758f; font-size: 11px; }
@media (max-width: 900px) { .urs-dashboard-home__recommended-grid { grid-template-columns: 1fr; } .urs-dashboard-home__recommended-item { border-right: 0; border-bottom: 1px solid #edf0f3; } .urs-dashboard-home__recommended-item:last-child { border-bottom: 0; } }
@media (max-width: 640px) { .urs-dashboard-home--insights { padding: 0 10px; } .urs-dashboard-home__hero--insights { padding: 20px 16px; } .urs-dashboard-home__hero-copy h3 { font-size: 29px; } .urs-dashboard-home__status-card { padding-left: 68px; } .urs-rank-progression__timeline { overflow-x: auto; } .urs-rank-progression__heading, .urs-rank-progression__timeline .urs-timeline__track { min-width: 390px; } }
@media (prefers-reduced-motion: reduce) { .urs-dashboard-home__recommended-item { transition: none; } }

/* Lower overview panels: compact operational cards and visual empty states. */
.urs-dashboard-home--insights .urs-dashboard-home__grid {
  grid-template-columns: minmax(0, 1.16fr) minmax(350px, .84fr);
  gap: 16px;
}
.urs-dashboard-home--insights .urs-dashboard-home__grid--secondary {
  grid-template-columns: minmax(0, 1.16fr) minmax(350px, .84fr);
}
.urs-dashboard-home--insights .urs-dashboard-home__panel {
  padding: 22px;
  border-radius: 18px;
  border-color: #dce6f1;
  box-shadow: 0 6px 18px rgba(32,39,51,.035);
}
.urs-dashboard-home--insights .urs-dashboard-home__panel-head { margin-bottom: 14px; }
.urs-dashboard-home--insights .urs-dashboard-home__panel-head h4 { color: #202733; font-size: 20px; letter-spacing: -.02em; }
.urs-dashboard-home--insights .urs-dashboard-home__panel-head p { max-width: 520px; color: #66758f; font-size: 12px; line-height: 1.5; }
.urs-dashboard-home--insights .urs-dashboard-home__panel-head .urs-btn {
  min-height: 40px;
  padding: 10px 15px;
  border-radius: 6px;
  background: #142033;
  border-color: #142033;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}
.urs-dashboard-home--insights .urs-dashboard-home__todo-list { gap: 9px; }
.urs-dashboard-home--insights .urs-dashboard-home__todo {
  grid-template-columns: 48px 30px minmax(0, 1fr) minmax(150px, auto);
  gap: 10px;
  min-height: 86px;
  padding: 11px 12px;
  border-radius: 13px;
  background: #f8fbfd;
  border-color: #e1eaf1;
}
.urs-dashboard-home--insights .urs-dashboard-home__todo.is-warning { background: #fffaf7; border-color: #f7e2da; }
.urs-dashboard-home--insights .urs-dashboard-home__todo.is-success,
.urs-dashboard-home--insights .urs-dashboard-home__todo.is-done { background: #f5fcfb; }
.urs-dashboard-home--insights .urs-dashboard-home__todo-icon { width: 48px; height: 48px; border: 1px solid #ccefeb; border-radius: 50%; background: #fff; color: var(--urs-primary-hover); }
.urs-dashboard-home--insights .urs-dashboard-home__todo.is-warning .urs-dashboard-home__todo-icon { border-color: #f4cabc; color: #ed7455; background: #fff; }
.urs-dashboard-home--insights .urs-dashboard-home__todo-step { width: 30px; height: 30px; align-self: center; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #dff5f2; color: #176f6b; font-size: 12px; font-weight: 800; }
.urs-dashboard-home--insights .urs-dashboard-home__todo.is-warning .urs-dashboard-home__todo-step { background: #fde2d8; color: #c85f45; }
.urs-dashboard-home--insights .urs-dashboard-home__todo-copy strong { color: #202733; font-size: 13px; }
.urs-dashboard-home--insights .urs-dashboard-home__todo-copy p { color: #66758f; font-size: 11px; line-height: 1.45; }
.urs-dashboard-home--insights .urs-dashboard-home__todo .urs-btn,
.urs-dashboard-home--insights .urs-dashboard-home__activity-item .urs-btn { min-height: 36px; padding: 9px 12px; border-radius: 5px; background: #142033; border-color: #142033; color: #fff; font-size: 10px; font-weight: 800; text-transform: uppercase; white-space: nowrap; }
.urs-dashboard-home--insights .urs-dashboard-home__todo.is-success .urs-btn { background: var(--urs-primary-hover); border-color: var(--urs-primary-hover); }
.urs-dashboard-home--insights .urs-dashboard-home__finance { gap: 12px; }
.urs-dashboard-home--insights .urs-dashboard-home__finance article { min-height: 100px; padding: 15px 15px 15px 18px; border-radius: 12px; border: 1px solid #dce6f1; border-left: 2px solid var(--urs-primary-hover); background: #fff; }
.urs-dashboard-home--insights .urs-dashboard-home__finance span { display: flex; align-items: center; gap: 8px; color: #66758f; font-size: 11px; }
.urs-dashboard-home--insights .urs-dashboard-home__finance span i { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(70,181,174,.09); color: var(--urs-primary-hover); font-size: 17px; }
.urs-dashboard-home--insights .urs-dashboard-home__finance strong { margin: 10px 0 0 46px; color: #202733; font-size: 20px; }
.urs-dashboard-home--insights .urs-dashboard-home__products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.urs-dashboard-home--insights .urs-dashboard-home__product-card { border-radius: 13px; border-color: #dce6f1; }
.urs-dashboard-home--insights .urs-dashboard-home__product-media { height: 132px; }
.urs-dashboard-home--insights .urs-dashboard-home__empty { min-height: 220px; border: 0; border-radius: 12px; background: #fff; flex-direction: row; justify-content: center; gap: 26px; text-align: left; }
.urs-dashboard-home--insights .urs-dashboard-home__empty--products { display: grid; grid-template-columns: minmax(205px, .95fr) minmax(190px, 1fr); align-items: center; justify-content: stretch; gap: 24px; padding: 20px 26px; }
.urs-dashboard-home--insights .urs-dashboard-home__empty svg { width: 230px; height: 140px; flex: 0 0 230px; overflow: visible; fill: none; stroke: var(--urs-primary-hover); stroke-width: 2; opacity: .82; }
.urs-dashboard-home--insights .urs-dashboard-home__empty--products svg { width: 100%; max-width: 230px; height: auto; justify-self: center; }
.urs-dashboard-home--insights .urs-dashboard-home__empty svg rect { fill: rgba(70,181,174,.06); }
.urs-dashboard-home--insights .urs-dashboard-home__empty--products > div { min-width: 0; max-width: 250px; }
.urs-dashboard-home--insights .urs-dashboard-home__empty strong { color: #202733; font-size: 18px; }
.urs-dashboard-home--insights .urs-dashboard-home__empty p { margin: 7px 0 14px; color: #66758f; font-size: 12px; line-height: 1.5; }
.urs-dashboard-home--insights .urs-dashboard-home__empty .urs-btn { display: inline-flex; width: auto; min-width: 148px; min-height: 38px; padding: 10px 14px; border-radius: 5px; background: #fff1eb; border-color: #fff1eb; color: #c85f45; font-size: 11px; font-weight: 800; text-transform: uppercase; white-space: nowrap; }
.urs-dashboard-home--insights .urs-dashboard-home__empty--activity svg { width: 210px; flex-basis: 210px; }
.urs-dashboard-home--insights .urs-dashboard-home__empty--activity svg circle { fill: rgba(70,181,174,.06); }
.urs-dashboard-home--insights .urs-dashboard-home__activity { gap: 0; }
.urs-dashboard-home--insights .urs-dashboard-home__activity-item { grid-template-columns: 40px minmax(0, 1fr) auto; min-height: 68px; padding: 10px 0; border: 0; border-bottom: 1px solid #edf1f4; border-radius: 0; background: transparent; }
.urs-dashboard-home--insights .urs-dashboard-home__activity-item:last-child { border-bottom: 0; }
.urs-dashboard-home--insights .urs-dashboard-home__activity-icon { width: 34px; height: 34px; border-radius: 50%; background: #fff4ef; color: #ed7455; }
.urs-dashboard-home--insights .urs-dashboard-home__activity-copy strong { font-size: 12px; }
.urs-dashboard-home--insights .urs-dashboard-home__activity-copy p { font-size: 10px; }
.urs-dashboard-home--insights .urs-dashboard-home__activity-copy span { font-size: 10px; }
@media (max-width: 1200px) { .urs-dashboard-home--insights .urs-dashboard-home__grid, .urs-dashboard-home--insights .urs-dashboard-home__grid--secondary { grid-template-columns: 1fr; } }
@media (max-width: 860px) { .urs-dashboard-home--insights .urs-dashboard-home__todo { grid-template-columns: 48px 30px minmax(0, 1fr); } .urs-dashboard-home--insights .urs-dashboard-home__todo .urs-btn { grid-column: 3; justify-self: start; min-width: 150px; } }
@media (max-width: 640px) { .urs-dashboard-home--insights .urs-dashboard-home__products, .urs-dashboard-home--insights .urs-dashboard-home__finance { grid-template-columns: 1fr; } .urs-dashboard-home--insights .urs-dashboard-home__empty, .urs-dashboard-home--insights .urs-dashboard-home__empty--products { display: flex; flex-direction: column; gap: 8px; text-align: center; } .urs-dashboard-home--insights .urs-dashboard-home__empty svg { width: 190px; flex-basis: 115px; } .urs-dashboard-home--insights .urs-dashboard-home__empty--activity svg { width: 180px; flex-basis: 110px; } .urs-dashboard-home--insights .urs-dashboard-home__empty--products > div { max-width: 320px; } .urs-dashboard-home--insights .urs-dashboard-home__todo { grid-template-columns: 44px 30px minmax(0, 1fr); } .urs-dashboard-home--insights .urs-dashboard-home__todo-icon { width: 44px; height: 44px; } .urs-dashboard-home--insights .urs-dashboard-home__todo .urs-btn { grid-column: 3; width: 100%; min-width: 0; } }

@media (max-width: 1200px) {
  .urs-page-hero,
  .urs-media-library__hero {
    flex-direction: column;
    align-items: stretch;
  }

  .urs-dashboard-home__hero,
  .urs-dashboard-home__grid,
  .urs-dashboard-home__grid--secondary {
    grid-template-columns: 1fr;
  }

  .urs-dashboard-home__quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .urs-page-hero__actions,
  .urs-media-library__hero-actions {
    flex: 0 0 auto;
    justify-items: start;
  }

  .urs-models-toolbar {
    grid-template-columns: 1fr;
  }

  .urs-models-controls {
    justify-content: stretch;
  }

  .urs-models-select {
    width: 100%;
    min-width: 0;
  }

  .urs-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  .urs-transactions-head,
  .urs-transactions-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .urs-home-page__story,
  .urs-home-page__launch-grid,
  .urs-dashboard-home__spotlight,
  .urs-home-page__support-strip {
    grid-template-columns: 1fr;
  }

  .urs-home-page__pathways {
    grid-template-columns: 1fr 1fr;
  }

  .urs-homev2__card--checklist {
    padding: 22px;
  }

  .urs-homev2__steps li {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .urs-homev2__action {
    grid-column: 2 / 3;
    justify-self: start;
  }

  .urs-homev2__integrations {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .urs-homev2__media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .urs-homev2__article-grid {
    grid-template-columns: 1fr;
  }

  .urs-referrals__hero,
  .urs-referrals__stats,
  .urs-referrals__steps,
  .urs-referrals__grid {
    grid-template-columns: 1fr;
  }

  .urs-media-library__quota {
    grid-template-columns: auto 1fr;
  }

  .urs-media-library__quota p {
    grid-column: 1 / -1;
  }

  .urs-editor-layout {
    grid-template-columns: 1fr;
  }
  .urs-editor-left {
    border-right: 0;
    border-bottom: 1px solid #edf2f7;
    flex-direction: row;
    justify-content: center;
  }
  .urs-editor-bottom {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 640px) {
  .urs-transactions-head,
  .urs-transactions-row {
    grid-template-columns: 1fr;
    padding: 16px 18px;
  }

  .urs-page-hero,
  .urs-media-library__hero {
    padding: 22px 18px;
    border-radius: 22px;
  }

  .urs-page-hero__title,
  .urs-media-library__title {
    align-items: flex-start;
  }

  .urs-page-hero__title h3,
  .urs-media-library__title h3 {
    font-size: 22px;
  }

  .urs-page-hero__title p,
  .urs-media-library__title p {
    font-size: 14px;
  }

  .urs-home-page__welcome-card,
  .urs-home-page__focus-card,
  .urs-home-page__launch-panel {
    padding: 20px 18px;
  }

  .urs-home-page__welcome-card h4 {
    font-size: 24px;
  }

  .urs-home-page__pathways,
  .urs-home-page__support-card {
    grid-template-columns: 1fr;
  }

  .urs-homev2 {
    gap: 16px;
  }

  .urs-homev2__steps li {
    padding: 12px 0;
  }

  .urs-homev2__action {
    min-width: 0;
    width: 100%;
  }

  .urs-homev2__integrations {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 18px;
  }

  .urs-homev2__media-grid {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .urs-homev2__article-grid {
    padding: 18px;
  }

  .urs-referrals__hero-copy {
    padding: 22px 18px;
  }

  .urs-referrals__hero-copy h3 {
    font-size: 32px;
  }

  .urs-referrals__hero-copy p,
  .urs-referrals__note p {
    font-size: 16px;
  }

  .urs-referrals__how h4,
  .urs-referrals__table-card h4,
  .urs-referrals__invite-card h4,
  .urs-referrals__note h4 {
    font-size: 28px;
  }

  .urs-referrals__stat-card strong {
    font-size: 42px;
  }

  .urs-referrals__link-row {
    grid-template-columns: 1fr;
  }

  .urs-page-hero__metric {
    min-width: 0;
    width: 100%;
    text-align: left;
  }

  .urs-media-library__quota {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .urs-media-library__upload {
    min-width: 0;
    width: 100%;
  }

  .urs-media-library__grid {
    grid-template-columns: 1fr;
  }

  .urs-media-card__body {
    padding: 12px 8px 12px;
  }

  .urs-models-quota {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .urs-model-card__preview {
    height: 220px;
  }

  .urs-model-card__meta {
    flex-wrap: wrap;
    gap: 8px 14px;
  }

  .urs-model-card__title {
    font-size: 24px;
  }

  .urs-model-card__footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .urs-model-card__menu {
    right: 10px;
    left: 10px;
    min-width: 0;
  }

  .urs-category-grid {
    grid-template-columns: 1fr;
  }

  /* Dashboard main layout — single column on mobile */
  .urs-dashboard {
    grid-template-columns: 1fr !important;
  }

  .urs-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    transform: translateX(-100%);
    transition: transform 0.28s ease;
    box-shadow: 4px 0 24px rgba(0,0,0,0.15);
  }

  .is-mobile-sidebar-open .urs-sidebar {
    transform: translateX(0);
  }

  #urs-sidebar-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 999;
    background: rgba(0,0,0,0.4);
  }

  .is-mobile-sidebar-open #urs-sidebar-backdrop {
    display: block;
  }

  .urs-sidebar-toggle {
    display: inline-flex !important;
  }

  .urs-dashboard .urs-topbar {
    padding: 8px 12px;
    gap: 8px;
  }

  .urs-dashboard .urs-topbar__search {
    display: none;
  }

  .urs-dashboard .urs-topbar__actions {
    gap: 6px;
  }

  .urs-dashboard .urs-tab {
    padding: 0px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .urs-dashboard .urs-overview__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .urs-dashboard .urs-overview__activity {
    grid-template-columns: 1fr;
  }

  .urs-dashboard .urs-stat-card {
    padding: 14px;
  }

  .urs-dashboard .urs-progress-track {
    flex-direction: column;
    gap: 12px;
  }

  .urs-dashboard .urs-ranking-card {
    min-width: 0;
  }

  .urs-dashboard .urs-hero {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .urs-dashboard .urs-hero__actions {
    flex-wrap: wrap;
  }

  .urs-dashboard .urs-hero__actions .urs-btn {
    flex: 1;
    min-width: 0;
  }

  /* Home page / overview mobile */
  .urs-dashboard-home__hero,
  .urs-dashboard-home__grid,
  .urs-dashboard-home__grid--secondary {
    grid-template-columns: 1fr;
  }

  .urs-dashboard-home__quick-actions {
    grid-template-columns: 1fr 1fr;
  }

  .urs-home-page__story,
  .urs-home-page__launch-grid {
    grid-template-columns: 1fr;
  }

  .urs-home-page__welcome-card,
  .urs-home-page__focus-card,
  .urs-home-page__launch-panel {
    padding: 20px 16px;
  }

  .urs-home-page__welcome-card h4 {
    font-size: 22px;
  }

  .urs-home-page__pathways,
  .urs-home-page__support-card {
    grid-template-columns: 1fr;
  }

  .urs-overview__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .urs-overview__activity {
    grid-template-columns: 1fr;
  }

  .urs-overview__quick-actions {
    grid-template-columns: 1fr;
  }

  /* Overview page hero mobile */
  .urs-dashboard-home__hero {
    padding: 20px 16px;
    gap: 16px;
  }

  .urs-dashboard-home__hero-copy h3 {
    font-size: 24px;
  }

  .urs-dashboard-home__hero-copy p {
    font-size: 13px;
  }

  .urs-dashboard-home__hero-actions {
    flex-direction: column;
    gap: 8px;
  }

  .urs-dashboard-home__hero-actions .urs-btn {
    width: 100%;
    justify-content: center;
  }

  .urs-dashboard-home__panel {
    padding: 18px 16px;
  }

  .urs-dashboard-home__panel-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .urs-dashboard-home__panel-head h4 {
    font-size: 18px;
  }

  .urs-dashboard-home__panel-head p {
    font-size: 13px;
  }

  .urs-kpi-card {
    padding: 12px;
  }

  .urs-kpi-card strong {
    font-size: 22px;
  }

  .urs-rank-progression__timeline {
    padding: 10px;
  }

  /* Products page: table → cards on mobile */
  .urs-products__table-wrap {
    overflow-x: visible;
    border: none;
    border-radius: 0;
    background: transparent;
  }

  .urs-products__table {
    display: block;
  }

  .urs-products__table thead {
    display: none;
  }

  .urs-products__table tbody {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .urs-products__table tbody tr {
    display: block;
    background: #fff;
    border: 1px solid #e6ecf3;
    border-radius: 12px;
    padding: 14px;
    box-shadow: 0 2px 6px rgba(23,35,54,0.05);
  }

  .urs-products__table tbody tr + tr td {
    border-top: none;
  }

  .urs-products__table tbody td {
    display: block;
    padding: 4px 0;
    border: none !important;
  }

  .urs-products__table tbody td.urs-table__check {
    display: none;
  }

  .urs-products__table tbody td.urs-table__product {
    min-width: 0;
    padding: 0;
  }

  .urs-products__table tbody td.urs-table__status {
    padding-top: 8px;
  }

  .urs-products__table tbody td.urs-table__category {
    font-size: 12px;
    color: #6b7a8f;
  }

  .urs-products__table tbody td.urs-table__dims {
    font-size: 12px;
    color: #6b7a8f;
  }

  .urs-products__table tbody td.urs-table__price {
    font-size: 15px;
    font-weight: 700;
    color: #1a2332;
  }

  .urs-products__table tbody td.urs-table__actions {
    padding-top: 10px;
  }

  .urs-table__btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .urs-table__btn {
    flex: 1;
    min-width: 0;
    height: 42px;
    justify-content: center;
    font-size: 13px;
  }

  .urs-table__btn i {
    font-size: 16px;
  }

  /* Referrals page mobile */
  .urs-referrals__hero {
    min-height: auto;
    padding: 32px 20px;
  }

  .urs-referrals__hero-content h3 {
    font-size: 22px;
    line-height: 1.3;
  }

  .urs-referrals__hero-content p {
    font-size: 14px;
    line-height: 1.6;
  }

  .urs-referrals__hero-content label {
    font-size: 13px;
    margin-top: 16px;
  }

  .urs-referrals__link-row {
    grid-template-columns: 1fr;
  }

  .urs-referrals__link-row input {
    font-size: 13px;
    padding: 12px 14px;
  }

  .urs-referrals__link-row .urs-btn {
    height: 50px;
    font-size: 14px;
    justify-content: center;
  }

  .urs-referrals__steps {
    grid-template-columns: 1fr;
  }

  .urs-referrals__steps article {
    padding: 16px;
  }

  .urs-referrals__steps h4 {
    font-size: 20px;
  }

  .urs-referrals__stats {
    grid-template-columns: 1fr;
  }

  .urs-referrals__stat-card {
    padding: 16px;
  }

  .urs-referrals__stat-card strong {
    font-size: 28px;
  }

  .urs-referrals__stat-card p {
    font-size: 12px;
  }

  .urs-referrals__grid {
    grid-template-columns: 1fr;
  }

  /* Tab container full width on mobile */
  .urs-tab.is-active {
    max-width: 100%;
    padding: 0 12px 40px;
  }

  /* Referrals card spacing */
  .urs-referrals {
    gap: 12px;
  }

  .urs-referrals__hero {
    border-radius: 14px;
  }

  .urs-referrals__hero-content h3 {
    font-size: 20px;
  }

  .urs-referrals__link-row .urs-btn {
    white-space: nowrap;
  }

  .urs-referrals__steps article {
    padding: 14px;
  }

  .urs-referrals__steps strong {
    font-size: 15px;
  }

  .urs-referrals__steps p {
    font-size: 13px;
    line-height: 1.5;
  }

  .urs-referrals__how h4,
  .urs-referrals__table-card h4,
  .urs-referrals__invite-card h4 {
    font-size: 20px;
  }

  .urs-referrals__table-card,
  .urs-referrals__invite-card,
  .urs-referrals__note {
    padding: 16px;
  }

  /* Referrals table → cards on mobile */
  .urs-referrals__table {
    display: block;
  }

  .urs-referrals__table thead {
    display: none;
  }

  .urs-referrals__table tbody {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .urs-referrals__table tbody tr {
    display: block;
    background: #f8fafc;
    border: 1px solid #e6ecf3;
    border-radius: 12px;
    padding: 12px;
  }

  .urs-referrals__table tbody td {
    display: block;
    padding: 3px 0;
    border: none !important;
    font-size: 14px;
  }

  .urs-referrals__table tbody td::before {
    content: attr(data-label);
    display: inline-block;
    font-weight: 600;
    color: #64748b;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-right: 6px;
    min-width: 80px;
  }

  .urs-referrals__table tbody tr.is-empty td::before {
    display: none;
  }

  .urs-referrals__table tbody tr.is-empty td {
    text-align: center;
  }

  .urs-referrals__invite-card .urs-btn {
    width: 100%;
    justify-content: center;
    height: 50px;
  }

  .urs-referrals__invite-card input {
    font-size: 16px;
    padding: 12px 14px;
    margin-bottom: 10px;
  }

  /* Product creator / wizard mobile */
  .urs-wizard {
    padding: 12px !important;
  }

  .urs-wizard__steps {
    gap: 4px;
    padding: 8px 10px;
    margin-bottom: 16px;
    justify-content: flex-start;
  }

  .urs-wizard__step {
    font-size: 0.7rem;
    gap: 3px;
  }

  .urs-wstep__num {
    width: 22px !important;
    height: 22px !important;
    font-size: 0.65rem !important;
  }

  .urs-wizard__pane {
    padding: 0;
  }

  div#urs-wiz-crop {
    justify-content: center;
    align-items: center;
  }

  .urs-wizard__pane-header {
    padding: 16px 0;
  }

  .urs-wizard__pane-header h3 {
    font-size: 20px;
  }

  .urs-wizard__pane-header p {
    font-size: 13px;
  }

  .urs-wiz-cat-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    min-height: auto;
    padding: 12px;
  }

  .urs-wiz-cat-card__media {
    height: 200px;
  }

  .urs-wiz-cat-card__body {
    padding: 10px 12px;
  }

  .urs-wiz-cat-card__body strong {
    font-size: 15px;
  }

  .urs-wiz-cat-card__body p {
    font-size: 12px;
  }

  .urs-wizard__footer {
    flex-direction: column;
    gap: 8px;
  }

  .urs-wizard__footer .urs-btn {
    width: 100%;
    justify-content: center;
  }

  /* Product details modal mobile */
  .urs-publish-modal[style*="width:min(900px,96%)"] {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 16px !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto;
  }
  #urs-pd-modal-body {
    padding: 16px !important;
    min-height: auto !important;
  }
  #urs-pd-modal-body > div[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    width: 100% !important;
  }
  #urs-pd-modal-body > div[style*="grid-template-columns"] > div:last-child {
    max-height: 40vh !important;
    overflow-y: auto !important;
  }
  #urs-pd-modal-body > div[style*="grid-template-columns"] > div:first-child {
    max-width: 100%;
    aspect-ratio: auto;
  }

  .urs-pd-mockup-thumb {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .urs-pd-mockup-thumb:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
  }
  .urs-pd-mockup-fullscreen {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.92);
    z-index: 10000000001;
    align-items: center;
    justify-content: center;
    padding: 1rem;
  }
  .urs-pd-mockup-fullscreen.is-open {
    display: flex;
  }
  .urs-pd-mockup-fullscreen__content {
    position: relative;
    width: min(95vw, 1200px);
    max-height: 95vh;
    border-radius: 18px;
    overflow: hidden;
    background: rgba(255,255,255,0.05);
    box-shadow: 0 20px 80px rgba(0, 0, 0, 0.35);
  }
  .urs-pd-mockup-thumb img {
    pointer-events: none;
  }
  .urs-pd-mockup-fullscreen__close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.85);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease;
  }
  .urs-pd-mockup-fullscreen__close:hover {
    background: rgba(15, 23, 42, 1);
  }
  .urs-pd-mockup-fullscreen__img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 95vh;
    object-fit: contain;
    background: #111;
  }

  .urs-publish-modal .urs-publish-modal__icon i {
    font-size: 2rem;
  }

  /* Pricing step 7 — card layout on mobile */
  .urs-wiz-pricing__table {
    display: block;
  }
  .urs-wiz-pricing__table thead {
    display: none;
  }
  .urs-wiz-pricing__table tbody {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .urs-wiz-pricing__table tbody tr {
    display: block;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  }
  .urs-wiz-pricing__table tbody td {
    display: block;
    border: none !important;
    padding: 4px 0;
  }
  .urs-wiz-pricing__table .urs-wiz-pricing__cell-name {
    font-weight: 600;
    font-size: 12px;
    color: #1e293b;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f5f9 !important;
    margin-bottom: 8px;
    word-break: break-word;
    overflow-wrap: break-word;
    line-height: 1.3;
  }
  .urs-wiz-pricing__table .urs-wiz-col-price {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 0;
    width: 90%;
  }
  .urs-wiz-pricing__table .urs-wiz-col-price .urs-wiz-pricing__price-wrap {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    flex-wrap: nowrap;
  }
  .urs-wiz-pricing__table .urs-wiz-col-price input {
    width: 100%;
    max-width: 130px;
    font-size: 18px;
    font-weight: 700;
    padding: 8px 10px;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
    flex-shrink: 0;
  }
  .urs-wiz-pricing__currency {
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .urs-wiz-pricing__table .urs-wiz-col-reseller,
  .urs-wiz-pricing__table .urs-wiz-col-profit,
  .urs-wiz-pricing__table .urs-wiz-col-margin {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    font-size: 13px;
    color: #475569;
    width: 100%;
  }
  .urs-wiz-pricing__table .urs-wiz-col-reseller::before,
  .urs-wiz-pricing__table .urs-wiz-col-profit::before,
  .urs-wiz-pricing__table .urs-wiz-col-margin::before,
  .urs-wiz-pricing__table .urs-wiz-col-price::before {
    content: "";
  }
  .urs-wiz-pricing__table .urs-wiz-col-price::before {
    content: "Prix de vente conseillé :\00a0";
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
  }
  .urs-wiz-pricing__table .urs-wiz-col-reseller::before {
    content: "Prix revendeur :\00a0";
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
  }
  .urs-wiz-pricing__table .urs-wiz-col-profit::before {
    content: "Profit :\00a0";
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
  }
  .urs-wiz-pricing__table .urs-wiz-col-margin::before {
    content: "Marge :\00a0";
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
  }
  .urs-wiz-pricing__profit {
    font-weight: 700;
    color: #059669;
    background: #d1fae5;
    padding: 2px 10px;
    border-radius: 6px;
    font-size: 13px;
  }
  .urs-wiz-pricing__reseller {
    font-size: 13px;
  }
  .urs-wiz-pricing__discount-badge {
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 999px;
    margin-left: 4px;
  }
  .urs-wiz-pricing__pct {
    font-weight: 600;
    color: #059669;
  }
  .urs-wiz-pricing__group-body {
    padding: 0;
  }
  .urs-wiz-pricing__group {
    margin-bottom: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
    overflow: hidden;
  }
  .urs-wiz-pricing__group-header {
    padding: 12px 14px;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
  }
  .urs-wiz-pricing__group-body.is-open {
    padding: 10px;
  }
}

/* Auth redesign overrides */
.urs-auth-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 16px 24px 16px;
  background: #fff;
}

.urs-auth-page__brand {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  min-height: 60px;
  margin: -16px -24px 0px;
  padding: 8px 24px;
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid #e2e8f0;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(8px);
}

.urs-auth-page__brand img {
  width: 230px;
  height: 60px;
  object-fit: contain;
}

.urs-auth-page__brand a {
  display: inline-flex;
  text-decoration: none;
}

.urs-auth-page__wordmark {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

@media (max-width: 640px) {
  .urs-auth-page__brand {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.urs-auth-centered {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.urs-auth-simple-card {
  width: 100%;
  max-width: 420px;
}

.urs-auth-simple-card.urs-auth-simple-card--signup-wide {
  max-width: 980px;
}

.urs-auth-card__header--center {
  justify-content: center;
  text-align: center;
  margin-bottom: 22px;
}

.urs-auth-card__header--center h3 {
  margin: 0 0 24px;
  font-size: 28px;
  text-align: center;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
  transition:
    opacity 180ms ease,
    transform 180ms ease;
  color: #202020;
}

.urs-auth-card__header--center p {
  display: none;
}

.urs-auth-card__header--center h3:empty,
.urs-auth-card__header--center p:empty {
  display: none;
  margin: 0;
}

.urs-social-stack {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

.urs-social-btn {
  width: 100%;
  height: 54px;
  border-radius: 8px;
  border: 1px solid #111;
  background: #fff;
  color: #4a4a4a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  text-transform: capitalize;
}

.urs-social-btn:hover,
.urs-social-btn:focus {
  box-shadow: none !important;
  background: #eff1f5 !important;
  border-color: #ccd2dc !important;
}

#urs-login-email,
#urs-login-password,
#urs-forgot-email,
#urs-signup-start-email,
#urs-signup-code,
#urs-bank-details-form input,
#urs-auth-signup-form input {
  border-radius: 6px !important;
}

.urs-social-btn i {
  font-size: 31px;
}

.urs-social-btn img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex: 0 0 28px;
}

.urs-social-btn .fa-google {
  color: #ea4335;
}
.urs-social-btn .fa-apple {
  color: #111111;
}
.urs-social-btn .fa-facebook {
  color: #1877f2;
}

.urs-auth-divider {
  position: relative;
  margin: 18px 0 22px;
  text-align: center;
  color: #777;
}

.urs-auth-divider::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 1px solid #e1e5ea;
}

.urs-auth-divider span {
  position: relative;
  padding: 0 12px;
  background: #fff;
}

.urs-auth-form--compact {
  gap: 12px;
}

#urs-auth-signup-start-form .urs-auth-divider {
  position: relative;
  margin: 0px;
  margin-bottom: 0px;
  text-align: center;
  color: #777;
  margin-bottom: 10px;
}

.urs-auth-form--compact .urs-input-wrap input,
.urs-auth-form--compact .urs-input-wrap select {
  min-height: 52px;
}

.urs-auth-form--compact .urs-input-wrap > i:first-child {
  display: none;
}

.urs-auth-form--compact .urs-input-wrap input,
.urs-auth-form--compact .urs-input-wrap select {
  padding-left: 14px;
  border-color: #d3d8de;
}

.urs-auth-form--compact .urs-btn--full {
  min-height: 54px;
  border-radius: 8px;
  background: var(--urs-primary-hover);
  color: #fff;
  box-shadow: none;
  letter-spacing: 0.03em;
}

.urs-auth-form--compact .urs-btn--full:hover {
  background: var(--urs-primary-hover);
  color: var(--urs-bg);
  box-shadow: var(--urs-shadow);
}

.urs-btn--dark {
  background: #242424 !important;
  color: #fff !important;
  border-color: #242424 !important;
}

.urs-btn--dark:hover {
  background: #111 !important;
  color: #fff !important;
  box-shadow: none !important;
}

#urs-auth-signup-form {
  display: grid;
  gap: 16px;
}

#urs-auth-signup-form .urs-auth-signup-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
}

#urs-auth-signup-form.is-company-enabled .urs-auth-signup-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
  gap: 24px;
  align-items: start;
}

#urs-auth-signup-form .urs-auth-signup-main {
  display: grid;
  gap: 16px;
}

#urs-auth-signup-form .urs-auth-grid {
  gap: 14px;
}

#urs-auth-signup-form .urs-input-wrap > i:first-child {
  left: 15px;
  font-size: 15px;
}

#urs-auth-signup-form .urs-input-wrap input {
  min-height: 52px;
  padding-left: 42px;
  padding-right: 42px;
  border-color: #cfd6df;
}

#urs-auth-signup-form .urs-password-toggle {
  right: 10px;
  width: 28px;
  height: 28px;
}

#urs-auth-signup-form .urs-field-help {
  margin-top: -4px;
}

#urs-auth-signup-form .urs-btn--full {
  min-height: 50px;
  border-radius: 8px;
  background-color: var(--urs-primary-hover);
  color: #fff;
}

.urs-auth-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 2px 0;
  color: #1f2937;
  font-weight: 600;
}

.urs-auth-checkbox input {
  width: 18px;
  height: 18px;
  accent-color: var(--urs-primary);
}

.urs-auth-checkbox.is-invalid {
  color: #b42318;
}

.urs-input-wrap.is-invalid input,
.urs-input-wrap.is-invalid textarea,
.urs-input-wrap.is-invalid select {
  border-color: #fda29b !important;
  background: #fff7f7;
  box-shadow: 0 0 0 4px rgba(240, 68, 56, 0.08);
}

.urs-input-wrap.is-valid input,
.urs-input-wrap.is-valid textarea,
.urs-input-wrap.is-valid select {
  border-color: #6ce9a6 !important;
  background: #f7fffb;
}

.urs-auth-company-fields {
  display: block;
}

.urs-auth-company-fields__card {
  display: grid;
  gap: 14px;
  padding: 20px;
  border: 1px solid #e4e8ef;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
}

.urs-auth-company-fields__title {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #1f2937;
}

.urs-auth-company-fields.is-hidden {
  display: none;
}

#urs-auth-signup-form .urs-input-wrap--textarea {
  align-items: flex-start;
  min-height: 112px;
}

#urs-auth-signup-form .urs-input-wrap--textarea > i:first-child {
  top: 20px;
  transform: none;
}

#urs-auth-signup-form .urs-input-wrap--textarea textarea {
  display: block;
  width: 100%;
  min-height: 112px;
  border-radius: 6px !important;
  outline: none;
  resize: vertical;
  background: transparent;
  color: #111827;
  font: inherit;
  line-height: 1.5;
  padding: 16px 16px 16px 42px;
  box-sizing: border-box;
}

@media (max-width: 860px) {
  .urs-dashboard-home__hero {
    padding: 22px 20px;
  }

  .urs-dashboard-home__hero-copy h3 {
    font-size: 30px;
  }

  .urs-dashboard-home__hero-metrics,
  .urs-dashboard-home__finance,
  .urs-dashboard-home__products,
  .urs-dashboard-home__quick-actions {
    grid-template-columns: 1fr;
  }

  .urs-dashboard-home__todo,
  .urs-dashboard-home__activity-item {
    grid-template-columns: auto 1fr;
  }

  .urs-dashboard-home__todo .urs-btn,
  .urs-dashboard-home__activity-item .urs-btn {
    grid-column: 1 / -1;
    justify-self: center;
  }
  .urs-products__header,
  .urs-page-header{
    flex-wrap: balance;
  }

  .urs-products__tabs{
    overflow-x: auto;
  }

  .urs-auth-simple-card.urs-auth-simple-card--signup-wide {
    max-width: 420px;
  }

  #urs-auth-signup-form.is-company-enabled .urs-auth-signup-layout {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .urs-auth-company-fields__card {
    padding: 16px;
  }
}

.urs-auth-legal {
  margin: 0;
  text-align: center;
  color: #777;
  font-size: 13px;
  line-height: 1.6;
}

.urs-auth-legal a {
  color: inherit;
  text-decoration: underline;
}

.urs-auth-legal a:hover,
.urs-auth-legal a:focus {
  color: var(--urs-primary-hover);
}

.urs-auth-verify-head h4 {
  margin: 0 0 10px;
  font-size: 26px;
  line-height: 1.1;
  font-weight: 700;
  color: #202020;
}

.urs-auth-verify-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  color: #6b7280;
  font-size: 14px;
}

.urs-input-wrap--code input {
  padding-right: 48px;
}

.urs-code-resend-icon {
  position: absolute;
  top: 46%;
  right: -12px;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #a6adb8;
  cursor: pointer;
  font-size: 18px;
}

.urs-auth-link--accent {
  color: #48cab2;
}

.urs-auth-bottom-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.urs-auth-bottom-links--single {
  justify-content: center;
}

.urs-auth-bottom-links--stack {
  flex-direction: column;
  justify-content: center;
}

.urs-auth-link {
  color: #232323;
  text-decoration: underline;
  font-weight: 600;
  text-transform: none;
}

.urs-auth-link:hover,
.urs-auth-link:focus {
  color: var(--urs-primary-hover);
}

.urs-auth-tabs {
  display: none;
}

.urs-auth-page .urs-input-wrap > i:first-child {
  color: #a2a9b5;
}

.urs-auth-page .urs-password-toggle {
  color: #333;
}

.urs-auth-feedback {
  text-align: center;
  margin-top: 18px;
}

.urs-auth-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 18px 22px;
  padding-top: 26px;
  font-size: 13px;
  color: #6b7280;
}

.urs-auth-footer__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

.urs-auth-footer__links a,
.urs-auth-footer__links span {
  color: inherit;
  text-decoration: none;
}

.urs-auth-footer__links a:hover,
.urs-auth-footer__links a:focus {
  text-decoration: underline;
  color: var(--urs-primary-hover);
}

div#urs-company-fields input,
div#urs-company-fields textarea {
    border-radius: 6px !important;
}

div#urs-company-fields {
    margin-top: 20px;
}

.urs-pack-form-grid.urs-pack-form-grid--2 input,
input#platform-detail {
    border-radius: 6px !important;
    margin-bottom: 0;
}

button.urs-model-card__menu-toggle {
    margin: 0px;
    padding: 0px !important;
}

#urs-signup-company-address {
  max-height: 300px;
}

@media (max-width: 640px) {
  .urs-auth-page {
    padding: 18px 16px 24px;
  }

  .urs-auth-page__brand img {
    max-width: 160px;
  }

  .urs-auth-card__header--center h3 {
    font-size: 24px;
  }

  .urs-auth-bottom-links {
    flex-direction: column;
  }
}

/* ---- RESPONSIVE: TABLES TO CARDS ---- */
/* Shared responsive table-to-card styles for all dashboard tables */

@media (max-width: 1400px) {
  /* ── Orders Table → Cards ── */
  .urs-orders-table__head {
    display: none !important;
  }

  .urs-orders-table {
    background: transparent;
    border: none;
    box-shadow: none;
    min-width: 0 !important;
  }

  .urs-orders-table__row {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid #e2e9f2;
    border-radius: 16px;
    margin-bottom: 12px;
    min-width: 0 !important;
    box-shadow: 0 2px 8px rgba(24, 37, 56, 0.05);
    position: relative;
  }

  .urs-orders-table__row + .urs-orders-table__row {
    border-top: 1px solid #e2e9f2;
    margin-top: 0;
  }


  .urs-order-row-actions {
    display: flex !important;
    grid-template-columns: 96px minmax(0, 1fr);
    flex-wrap: wrap;
    justify-content: flex-end !important;
    align-items: center !important;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #edf2f8;
    width: 100%;
  }

  .urs-order-row-actions::before {
    width: auto;
    margin-bottom: 0;
    margin-right: auto;
    padding-top: 0;
  }

  .urs-orders-table__row > span {
    display: grid ;
    grid-template-columns: 96px minmax(0, 1fr);
    align-items: start;
    column-gap: 12px;
    row-gap: 2px;
    font-size: 13px;
    width: 100%;
    text-align: left;
  }

  /* Label fallback: column order = Référence, Client, Montant total, Statut, Date, Actions */
  .urs-orders-table__row > span:nth-child(1)::before { content: "Référence"; }
  .urs-orders-table__row > span:nth-child(2)::before { content: "Client"; }
  .urs-orders-table__row > span:nth-child(3)::before { content: "Montant total"; }
  .urs-orders-table__row > span:nth-child(4)::before { content: "Statut"; }
  .urs-orders-table__row > span:nth-child(5)::before { content: "Date"; }
  .urs-orders-table__row > span:nth-child(6)::before { content: "Actions"; }

  .urs-orders-table__row > span::before {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #8a99b0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    min-width: 0;
    width: auto;
    margin-right: 0;
    padding-top: 3px;
  }

  .urs-order-client-cell {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr);
    justify-items: flex-start;
    gap: 4px !important;
  }

  .urs-order-client-cell::before {
    margin-bottom: 2px;
  }

  .urs-order-client-cell strong {
    grid-column: 2;
    font-size: 15px;
    line-height: 1.3;
  }

  .urs-order-client-cell small {
    display: flex !important;
    grid-column: 2;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #6a7890;
    line-height: 1.4;
    text-align: left;
  }

  .urs-order-client-cell small i {
    width: 12px;
    color: var(--urs-primary-hover);
  }

  .urs-order-total-cell {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr);
    justify-items: flex-start;
    gap: 4px !important;
  }

  .urs-order-total-cell::before {
    margin-bottom: 2px;
  }

  .urs-order-total-cell strong {
    grid-column: 2;
    font-size: 15px;
    line-height: 1.3;
  }

  .urs-order-total-cell small {
    display: flex !important;
    grid-column: 2;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #6a7890;
    line-height: 1.4;
  }

  .urs-order-total-cell small i {
    width: 12px;
    color: var(--urs-primary-hover);
  }

  .urs-order-row-menu {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 0;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -8px 30px rgba(24, 39, 75, 0.18);
    padding: 10px 6px 16px;
    z-index: 1300;
  }

  /* ── Transactions, Returns, Withdrawals → Cards ── */
  .urs-transactions-head {
    display: none !important;
  }

  .urs-transactions-body {
    margin-top: 0;
  }

  #urs-orders-grid,
  #urs-products-grid {
    margin-top: 20px;
  }


  .urs-transactions-row {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid #e5ebf2;
    border-radius: 16px;
    margin-bottom: 12px;
    box-shadow: 0 2px 8px rgba(24, 37, 56, 0.05);
  }

  .urs-transactions-row + .urs-transactions-row {
    margin-top: 0;
  }

  .urs-transactions-row span {
    display: flex !important;
    align-items: center;
    gap: 8px;
    font-size: 13px;
  }

  /* Transactions: Source | Solde | Montant | Libellé | Date */
  .urs-transactions-row span:nth-child(1)::before { content: "Source"; }
  .urs-transactions-row span:nth-child(2)::before { content: "Nouveau solde"; }
  .urs-transactions-row span:nth-child(3)::before { content: "Montant"; }
  .urs-transactions-row span:nth-child(4)::before { content: attr(data-label); }
  .urs-transactions-row span:nth-child(5)::before { content: "Date"; }

  .urs-transactions-row span::before {
    font-size: 11px;
    font-weight: 700;
    color: #8a99b0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    min-width: 80px;
    flex-shrink: 0;
    margin-right: 6px;
  }

  .urs-transactions-empty {
    min-height: 240px;
    border-radius: 16px;
    padding: 30px 24px;
  }

  .urs-transactions-empty i {
    font-size: 56px;
  }

  .urs-transactions-empty strong {
    font-size: 18px;
  }

  /* ── Returns → Cards ── */
  .urs-returns-head {
    display: none !important;
  }

  #urs-returns-grid .urs-transactions-row span:nth-child(1)::before { content: "Commande"; }
  #urs-returns-grid .urs-transactions-row span:nth-child(2)::before { content: "Produit"; }
  #urs-returns-grid .urs-transactions-row span:nth-child(3)::before { content: "Quantité"; }
  #urs-returns-grid .urs-transactions-row span:nth-child(4)::before { content: "Motif"; }
  #urs-returns-grid .urs-transactions-row span:nth-child(5)::before { content: "Date"; }
  #urs-returns-grid .urs-transactions-row span:nth-child(6)::before { content: "Prochaine étape"; }

  /* ── Withdrawals → Cards ── */
  #urs-withdrawals-grid .urs-transactions-row {
    grid-template-columns: none;
  }

  #urs-withdrawals-grid .urs-transactions-row span:nth-child(1)::before { content: "Référence"; }
  #urs-withdrawals-grid .urs-transactions-row span:nth-child(2)::before { content: "Montant"; }
  #urs-withdrawals-grid .urs-transactions-row span:nth-child(3)::before { content: "Méthode"; }
  #urs-withdrawals-grid .urs-transactions-row span:nth-child(4)::before { content: "Statut"; }
  #urs-withdrawals-grid .urs-transactions-row span:nth-child(5)::before { content: "Date"; }

  /* ── Balance purchases table → Cards ── */
  .urs-balance-table__head {
    display: none !important;
  }

  .urs-balance-table__row {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid #e5ebf2;
    border-radius: 16px;
    margin-bottom: 12px;
    box-shadow: 0 2px 8px rgba(24, 37, 56, 0.05);
  }

  .urs-balance-table__row > span,
  .urs-balance-table__row > strong {
    display: flex !important;
    align-items: center;
    gap: 8px;
    font-size: 13px;
  }

  /* Référence | Montant | Statut | Mode | Date | Actions */
  .urs-balance-table__row > strong:nth-child(1)::before { content: "Référence"; }
  .urs-balance-table__row > span:nth-child(2)::before { content: "Montant"; }
  .urs-balance-table__row > span:nth-child(3)::before { content: "Statut"; }
  .urs-balance-table__row > span:nth-child(4)::before { content: "Mode de paiement"; }
  .urs-balance-table__row > span:nth-child(5)::before { content: "Date"; }
  .urs-balance-table__row > div:nth-child(6)::before { content: "Actions"; }

  .urs-balance-table__row > span::before,
  .urs-balance-table__row > strong::before,
  .urs-balance-table__row > div::before {
    font-size: 11px;
    font-weight: 700;
    color: #8a99b0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    min-width: 80px;
    flex-shrink: 0;
    margin-right: 6px;
  }

  .urs-balance-table__row > div {
    display: flex !important;
    align-items: center;
    gap: 8px;
    font-size: 13px;
  }

  .urs-balance-table__actions {
    margin-top: 4px;
  }

  .urs-balance-more-menu {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 0;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -8px 30px rgba(24, 39, 75, 0.18);
    padding: 10px 6px 16px;
    z-index: 1300;
  }

  /* ── Points Requests → Cards ── */
  .urs-points-requests-head {
    display: none !important;
  }

  .urs-points-requests-row {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid #e5ebf2;
    border-radius: 16px;
    margin-bottom: 12px;
    box-shadow: 0 2px 8px rgba(24, 37, 56, 0.05);
  }

  .urs-points-requests-row > span,
  .urs-points-requests-row > strong {
    display: flex !important;
    align-items: center;
    gap: 8px;
    font-size: 13px;
  }

  /* Référence | Points | Montant | Statut | Date */
  .urs-points-requests-row > strong:nth-child(1)::before { content: "Référence"; }
  .urs-points-requests-row > span:nth-child(2)::before { content: "Points"; }
  .urs-points-requests-row > span:nth-child(3)::before { content: "Montant"; }
  .urs-points-requests-row > span:nth-child(4)::before { content: "Statut"; }
  .urs-points-requests-row > span:nth-child(5)::before { content: "Date"; }

  .urs-points-requests-row > span::before,
  .urs-points-requests-row > strong::before {
    font-size: 11px;
    font-weight: 700;
    color: #8a99b0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    min-width: 80px;
    flex-shrink: 0;
    margin-right: 6px;
  }

  /* ── Points transactions → Cards ── */
  #urs-points-transactions .urs-transactions-row span:nth-child(1)::before { content: "Points"; }
  #urs-points-transactions .urs-transactions-row span:nth-child(2)::before { content: "Date"; }
  #urs-points-transactions .urs-transactions-row span:nth-child(3)::before { content: "Source"; }
  #urs-points-transactions .urs-transactions-row span:nth-child(4)::before { content: "Montant"; }
  #urs-points-transactions .urs-transactions-row span:nth-child(5)::before { content: "Statut"; }

  .kpi-grid{
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ── Tablet & mobile: same single-column card layout ── */
@media (min-width: 640px) and (max-width: 1400px) {
  .urs-returns-hero__stats{
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
}


.urs-model-card__footer-note {
  color: #7b8798;
  font-size: 12px;
  font-weight: 600;
}

.urs-models-toolbar--compact {
  grid-template-columns: minmax(360px, 1fr) auto;
}

.urs-models-toolbar--compact .urs-models-search {
  min-width: 0;
  max-width: none;
}

/* ===============================================================
   URS WIZARD – 8-STEP PRODUCT CREATION
   =============================================================== */

/* ----- Global Wizard Container ----- */
.urs-wizard {
  margin: 0 auto ;
  /* background: #fff;
  border-radius: 16px;
  box-shadow: var(--urs-shadow, 0 2px 8px rgba(15,23,42,0.05)); */
  padding: 24px !important;
}

/* ----- Steps Progress Bar ----- */
.urs-wizard__steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 28px;
  padding: 12px 16px;
  background: #f8fafc;
  border-radius: 12px;
  overflow-x: auto;
}
td.urs-table__dims{
  max-width: 300px;
  overflow-y: auto;
}
.urs-wizard__step {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  color: #94a3b8;
  white-space: nowrap;
  transition: color 0.25s;
  flex-shrink: 0;
}
.urs-wizard__step.is-active {
  color: #1e293b;
  font-weight: 600;
}
.urs-wizard__step.is-done {
  color: #10b981;
}
.urs-wstep__num {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 700;
  background: #e2e8f0;
  color: #64748b;
  transition: all 0.25s;
  flex-shrink: 0;
}
.urs-wizard__step.is-active .urs-wstep__num {
  background: #f28163;
  color: #fff;
}
.urs-wizard__step.is-done .urs-wstep__num {
  background: #10b981;
  color: #fff;
}
.urs-wstep__label {
  display: none;
}
@media (min-width: 768px) {
  .urs-wstep__label { display: inline; }
}
.urs-wstep__line {
  width: 20px;
  height: 2px;
  background: #e2e8f0;
  flex-shrink: 0;
  transition: background 0.25s;
}
@media (min-width: 768px) {
  .urs-wstep__line { width: 28px; }
}
.urs-wstep__line.is-done {
  background: #10b981;
}

/* ----- Panes ----- */
.urs-wizard__pane {
  display: none;
}
.urs-wizard__pane.is-active {
  display: block;
  animation: ursWizFadeIn 0.3s ease;
}
@keyframes ursWizFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

.urs-wizard__pane-header {
  text-align: center;
  margin-bottom: 24px;
}
.urs-wizard__pane-header h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 4px;
}
.urs-wizard__pane-header p {
  font-size: 0.9rem;
  color: #64748b;
  margin: 0;
}

/* ----- Wizard Footer ----- */
.urs-wizard__footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #e2e8f0;
}
.urs-wizard__footer .urs-wizard__back {
  margin-right: auto;
}

/* Media gallery in step 3 */
.urs-wiz-media-gallery{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}
.urs-wiz-media-gallery__header{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem}
.urs-wiz-media-gallery__header h4{margin:0;font-size:0.9rem;font-weight:600;color:#1e293b}
.urs-wiz-media-gallery__count{font-size:0.8rem;color:#64748b;background:#f1f5f9;padding:0.15rem 0.6rem;border-radius:999px}
.urs-wiz-media-gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0.5rem;overflow-y:auto}
.urs-wiz-media-card{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s,box-shadow .2s;aspect-ratio:1}
.urs-wiz-media-card img{width:100%;height:100%;object-fit:cover;display:block}
.urs-wiz-media-card:hover{border-color:#94a3b8}
.urs-wiz-media-card.is-selected{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.2)}
.urs-wiz-media-card__size{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;font-size:0.65rem;padding:1.5rem 0.3rem 0.3rem;text-align:center;line-height:1}
.urs-wiz-media-gallery__loading,.urs-wiz-media-gallery__empty{grid-column:1/-1;text-align:center;padding:2rem 1rem;color:#94a3b8;font-size:0.85rem}

/* ===============================================================
   STEP 1 – CATEGORY GRID
   =============================================================== */
.urs-wiz-cat-grid {
  /* display: grid;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  gap: 14px; */
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin: 0 auto;
  min-height: 600px;
  padding: 40px;
}
@media (min-width: 769px) {
  .urs-wiz-cat-grid.is-agency {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.urs-wiz-cat-card {
  border: 2px solid #e2e8f0;
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #fff;
  user-select: none;
  display: flex;
  flex-direction: column;
}
.urs-wiz-cat-card:hover {
  border-color: #f28163;
  box-shadow: 0 4px 14px rgba(242,129,99,0.12);
  transform: translateY(-2px);
}
.urs-wiz-cat-card.is-selected {
  border-color: #f28163;
  background: #fff5f2;
  box-shadow: 0 4px 14px rgba(242,129,99,0.12);
}
.urs-wiz-cat-card__media {
  height: 500px;
  overflow: hidden;
  background: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.urs-wiz-cat-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.urs-wiz-cat-card__fallback {
  font-size: 2rem;
  color: #94a3b8;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.urs-wiz-cat-card__body {
  padding: 12px 14px 14px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.urs-wiz-cat-card__title {
  font-size: 0.9rem;
  color: #1e293b;
}
.urs-wiz-cat-card__desc {
  font-size: 0.78rem;
  color: #64748b;
  line-height: 1.4;
  margin: 0;
  flex: 1;
}
.urs-wiz-cat-card__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  padding-top: 6px;
  border-top: 1px solid #f1f5f9;
}
.urs-wiz-cat-card__price {
  font-weight: 700;
  color: #f28163;
}
.urs-wiz-cat-card__countries {
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* ===============================================================
   STEP 2 – MODE SELECTION
   =============================================================== */
.urs-wiz-mode-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin: 0 auto;
  min-height: 600px;
  padding: 40px;
}
.urs-wiz-mode-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 24px;
  border: 2px solid #e2e8f0;
  border-radius: 18px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  background: #fff;
  gap: 14px;
  user-select: none;
  justify-content: center;
}
.urs-wiz-mode-card:hover {
  border-color: #f28163;
  box-shadow: 0 4px 16px rgba(242,129,99,0.12);
  transform: translateY(-2px);
}
.urs-wiz-mode-card.is-selected {
  border-color: #f28163;
  background: #fff5f2;
  box-shadow: 0 4px 16px rgba(242,129,99,0.12);
}
.urs-wiz-mode-card__icon {
  font-size: 3.5rem;
}
.urs-wiz-mode-card__title {
  font-size: 1.55rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}
.urs-wiz-mode-card__desc {
  font-size: 1.1rem;
  color: #64748b;
  line-height: 1.5;
  margin: 0;
}

/* ===============================================================
   STEP 3 – IMAGE UPLOAD
   =============================================================== */
.urs-wiz-upload {
  max-width: 520px;
  margin: 0 auto;
  position: relative;
}
/* ── Upload loading overlay ── */
.urs-wiz-upload__loading {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  backdrop-filter: blur(4px);
}
.urs-wiz-upload__loading.is-visible {
  display: flex;
}
.urs-wiz-upload__loading-spinner {
  font-size: 2rem;
  color: var(--urs-primary-hover, #f28163);
}
.urs-wiz-upload__loading-text {
  font-size: 0.85rem;
  font-weight: 500;
  color: #475569;
}
.urs-wiz-upload__dropzone {
  border: 2px dashed #cbd5e1;
  border-radius: 16px;
  padding: 48px 24px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
  background: #fafbfc;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.urs-wiz-upload__dropzone:hover,
.urs-wiz-upload__dropzone.is-dragover {
  border-color: #f28163;
  background: #fff5f2;
}
.urs-wiz-upload__dropzone i {
  font-size: 2.5rem;
  color: #94a3b8;
}
.urs-wiz-upload__dropzone:hover i {
  color: #f28163;
}
.urs-wiz-upload__dropzone strong {
  font-size: 1rem;
  color: #1e293b;
}
.urs-wiz-upload__dropzone span {
  font-size: 0.85rem;
  color: #64748b;
}
.urs-wiz-upload__dropzone em {
  font-size: 0.75rem;
  color: #94a3b8;
  font-style: normal;
}
.urs-wiz-upload__preview {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.urs-wiz-upload__preview img {
  max-width: 100%;
  max-height: 340px;
  border-radius: 12px;
  box-shadow: var(--urs-shadow, 0 2px 8px rgba(15,23,42,0.05));
}
.urs-wiz-upload__info {
  display: flex;
  gap: 16px;
  font-size: 0.82rem;
  color: #64748b;
}
.urs-wiz-upload.is-uploaded .urs-wiz-upload__dropzone {
  display: none;
}
.urs-wiz-upload.is-uploaded .urs-wiz-upload__preview {
  display: flex;
}

/* STEP 4 — Image Review */
.urs-wiz-review-img{display:flex;gap:1.25rem;align-items:flex-start}
.urs-wiz-review-img__preview{flex:1;background:#1e293b;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:500px;padding:1rem}
.urs-wiz-review-img__preview img{max-width:100%;max-height:320px;border-radius:8px;display:block;box-shadow:0 2px 12px rgba(0,0,0,.3)}
.urs-wiz-upload__details{margin-top:1rem;display:flex;flex-wrap:wrap;gap:0.75rem}
.urs-wiz-upload-detail__card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:0.75rem 1rem;flex:1 1 180px}
.urs-wiz-upload-detail__label{display:flex;align-items:center;gap:0.4rem;font-size:0.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:0.2rem}
.urs-wiz-upload-detail__card strong{font-size:0.9rem;color:#1e293b;display:block}
.urs-wiz-upload-detail__card strong.is-high{color:#10b981}
.urs-wiz-upload-detail__card strong.is-good{color:#f59e0b}
.urs-wiz-upload-detail__card strong.is-medium{color:#f97316}
.urs-wiz-upload-detail__card strong.is-low{color:#ef4444}
.urs-wiz-review-img__details{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:0.75rem}
.urs-wiz-review-img__card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:0.9rem 1rem}
.urs-wiz-review-img__label{display:flex;align-items:center;gap:0.4rem;font-size:0.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:0.25rem}
.urs-wiz-review-img__card strong{font-size:1rem;color:#1e293b;display:block}
.urs-wiz-review-img__card strong.is-high{color:#10b981}
.urs-wiz-review-img__card strong.is-good{color:#f59e0b}
.urs-wiz-review-img__card strong.is-medium{color:#f97316}
.urs-wiz-review-img__card strong.is-low{color:#ef4444}




/* ===============================================================
   STEP 5 – PRODUCT CONFIGURATION
   =============================================================== */
.urs-wiz-config {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 20px;
}
.urs-wiz-config__left {
  min-height: 300px;
  position: sticky;
  top: 1rem;
  align-self: flex-start;
}
.urs-wiz-config__frame-selector {
  background: #f5f5f5;
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.urs-wiz-config__mockup {
  position: relative;
  background: #e5e5e5;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  padding: 40px 0px;
  box-shadow: inset 0 2px 8px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.08);
}
.urs-wiz-config__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: var(--urs-primary-hover);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
  z-index: 5;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  box-shadow: 0 1px 4px rgba(0,0,0,0.12);
  pointer-events: none;
}
.urs-wiz-config__mockup-overlay-badges {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.urs-wiz-config__mockup-badge {
  background: var(--urs-primary-hover);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
  letter-spacing: 0.3px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.12);
  pointer-events: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.urs-wiz-badge-swatch {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(255,255,255,0.5);
  vertical-align: middle;
}
.urs-wiz-config__mockup-inner {
  position: relative;
  width: 100%;
  max-width: 580px;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.08));
}
.urs-wiz-config__mockup-inner img {
  max-width: 100%;
  max-height: 400px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  z-index: 1;
  box-shadow: 0px 0px 24px rgba(20, 20, 20, 1);
}
.urs-wiz-config__mockup-inner.is-white-frame img:not(.urs-wiz-config__frame-overlay) {
  box-shadow: 0px 0px 24px rgba(161, 161, 161, 0.75);
}
.urs-wiz-config__mockup-inner.is-framed {
  padding: 0;
  overflow: visible;
}
.urs-wiz-config__mockup-inner.is-framed .urs-wiz-config__mockup-artwrap {
  box-sizing: content-box;
}
.urs-wiz-config__loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  border-radius: 12px;
  z-index: 10;
  color: #64748b;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.urs-wiz-config__loading .urs-spinner {
  width: 18px;
  height: 18px;
  border: 2px solid #e2e8f0;
  border-top-color: var(--urs-primary);
  border-radius: 50%;
  animation: ursSpin 0.6s linear infinite;
}
.urs-wiz-config__mockup-inner .urs-wiz-config__frame-overlay {
  display: none;
}
.urs-wiz-config__mockup-inner.is-encastre img:not(.urs-wiz-config__frame-overlay) {
  box-shadow:
    inset 0 0 0 4px #e2e8f0,
    inset 0 0 0 8px #cbd5e1,
    inset 0 0 0 12px #f1f5f9,
    0 2px 6px rgba(0,0,0,0.1);
  border-radius: 2px;
}
.urs-wiz-config__mockup-inner.is-frame-noir img:not(.urs-wiz-config__frame-overlay) {
  box-shadow: 0 0 0 6px #1e293b, 0 0 0 8px #e2e8f0, 0 4px 12px rgba(0,0,0,0.15);
  border-radius: 1px;
}
.urs-wiz-config__mockup-inner.is-encastre-color img:not(.urs-wiz-config__frame-overlay) {
  box-shadow:
    inset 0 0 0 3px var(--encastre-color, #94a3b8),
    inset 0 0 0 5px rgba(0,0,0,0.08),
    0 2px 8px rgba(0,0,0,0.1);
  border-radius: 2px;
}
.urs-wiz-config__mockup-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #94a3b8;
  padding: 48px;
}
.urs-wiz-config__mockup-placeholder i {
  font-size: 2.5rem;
}

/* Variations slider under mockup */
.urs-wiz-config__variations-slider {
  max-width: 1070px;
  margin-top: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
  padding: 4px 0;
}
.urs-wiz-config__variations-slider::-webkit-scrollbar {
  height: 4px;
}
.urs-wiz-config__variations-slider::-webkit-scrollbar-track {
  background: transparent;
}
.urs-wiz-config__variations-slider::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
.urs-wiz-variations-slider__track {
  display: flex;
  gap: 6px;
  width: max-content;
}
.urs-wiz-variations-slider__item {
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  box-sizing: border-box;
  padding: 7px;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  background: #f8fafc;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.urs-wiz-variations-slider__item:hover {
  border-color: var(--urs-primary);
}
.urs-wiz-variations-slider__item.is-active {
  border-color: var(--urs-primary);
  box-shadow: 0 0 0 2px rgba(var(--urs-primary-rgb, 59,130,246), 0.25);
}
.urs-wiz-variations-slider__item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.urs-wiz-variations-slider__item.is-loading {
  cursor: wait;
  border-color: #e2e8f0;
  background: linear-gradient(110deg, #f8fafc 8%, #eef2f7 18%, #f8fafc 33%);
  background-size: 200% 100%;
  animation: ursWizThumbShimmer 1.25s linear infinite;
}
.urs-wiz-variations-slider__item.is-loading img {
  visibility: hidden;
}
.urs-wiz-variations-slider__loading {
  position: absolute;
  inset: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  pointer-events: none;
}
.urs-wiz-variations-slider__loading .urs-spinner {
  width: 18px;
  height: 18px;
  border: 2px solid #dbe4ee;
  border-top-color: var(--urs-primary);
  border-radius: 50%;
  animation: ursSpin 0.7s linear infinite;
}
@keyframes ursWizThumbShimmer {
  to { background-position: -200% 0; }
}
.urs-wiz-variations-slider__item-swatch {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  border: 2px solid #e5e7eb;
  margin: 0 auto 4px;
  flex-shrink: 0;
}
.urs-wiz-variations-slider__item-label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(15, 23, 42, 0.75);
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding: 4px 2px;
  line-height: 1.1;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
}

.urs-wiz-config__right {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.urs-wiz-config__section {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 12px 14px;
  background: #fff;
}
.urs-wiz-config__section-title {
  font-size: 0.82rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  user-select: none;
}
.urs-wiz-config__section-title i {
  font-size: 0.7rem;
  color: #94a3b8;
  transition: transform 0.2s;
}
.urs-wiz-config__help-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-left: auto;
  padding: 0;
  border-radius: 999px;
  background: #e2e8f0;
  color: #64748b;
  font-size: 10px;
  cursor: pointer;
  transition: all .15s;
  vertical-align: middle;
}
.urs-wiz-config__help-btn:hover {
  background: #cbd5e1;
  color: #334155;
}
.urs-wiz-config__help-popup {
  display: none;
  position: fixed;
  z-index: 99999;
  max-width: 320px;
  background: #1e293b;
  color: #f1f5f9;
  border-radius: 10px;
  padding: 14px 16px;
  font-size: 12px;
  line-height: 1.6;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
}
.urs-wiz-config__help-popup-content strong {
  color: #fff;
}
.urs-wiz-config__help-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: none;
  padding: 0;
  border-radius: 999px !important;
  background: rgba(255,255,255,.1);
  color: #94a3b8;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .15s;
}
.urs-wiz-config__help-close:hover {
  background: rgba(255,255,255,.2);
  color: #fff;
}
.urs-wiz-config__section.is-collapsed .urs-wiz-config__section-title i {
  transform: rotate(-90deg);
}
.urs-wiz-config__section.is-collapsed .urs-wiz-config__sizes,
.urs-wiz-config__section.is-collapsed .urs-wiz-config__styles,
.urs-wiz-config__section.is-collapsed .urs-wiz-config__frames,
.urs-wiz-config__section.is-collapsed .urs-wiz-config__wraps,
.urs-wiz-config__section.is-collapsed .urs-wiz-config__frame-weight,
.urs-wiz-config__section.is-collapsed .urs-wiz-config__mat,
.urs-wiz-config__section.is-collapsed .urs-wiz-config__retouche {
  display: none;
}

/* Chips */
.urs-wiz-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 40px;
  border: 1.5px solid #e2e8f0;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s;
  user-select: none;
  background: #fff;
}
.urs-wiz-chip:hover {
  border-color: #94a3b8;
}
.urs-wiz-chip.is-active {
  border-color: #f28163;
  background: #fff5f2;
  color: #1e293b;
}
.urs-wiz-chip input {
  display: none;
}
.urs-wiz-chip__badge {
  font-size: 0.65rem;
  padding: 1px 6px;
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
}
.urs-wiz-chip__badge.is-great { background: #d1fae5; color: #065f46; }
.urs-wiz-chip__badge.is-good  { background: #dbeafe; color: #1e40af; }
.urs-wiz-chip__badge.is-average { background: #fef3c7; color: #92400e; }
.urs-wiz-chip__badge.is-poor { background: #fee2e2; color: #991b1b; }
/* Dynamic DPI quality badges */
.urs-wiz-chip__badge.is-excellent { background: #d1fae5; color: #065f46; }
.urs-wiz-chip__badge.is-very-good { background: #dcfce7; color: #15803d; }
.urs-wiz-chip__badge.is-good { background: #dbeafe; color: #1e40af; }
.urs-wiz-chip__badge.is-acceptable { background: #ffedd5; color: #9a3412; }
.urs-wiz-chip__badge.is-low { background: #fee2e2; color: #b91c1c; }
.urs-wiz-chip__badge.is-poor { background: #fecaca; color: #7f1d1d; }

.urs-wiz-config__sizes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Animation chip */
.urs-wiz-chip--animation {
  background: #f0f9ff;
  border: 1.5px solid #bae6fd;
}
.urs-wiz-chip--animation.is-active {
  background: #e0f2fe;
  border-color: #38bdf8;
}
.urs-wiz-chip--animation i {
  color: #0ea5e9;
}

/* Animation preview container */
.urs-wiz-config__animation-preview {
  margin-top: 12px;
  padding: 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
}
.urs-wiz-animation-svg {
  max-width: 200px;
  max-height: 150px;
  width: auto;
  height: auto;
}

/* Frame swatches */
.urs-wiz-frame-chip {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px 18px;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.15s;
  user-select: none;
  background: #fff;
  min-width: 64px;
}
.urs-wiz-frame-chip:hover {
  border-color: #94a3b8;
}
.urs-wiz-frame-chip.is-active {
  border-color: #f28163;
  background: #fff5f2;
}
.urs-wiz-frame-chip__swatch {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: block;
}
.urs-wiz-style-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  cursor: pointer;
  pointer-events: auto;
  background: #fff;
  transition: border-color .2s, box-shadow .2s;
  min-width: 80px;
  text-align: center;
}
.urs-wiz-style-chip img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  display: block;
  border-radius: 4px;
}
.urs-wiz-style-chip span {
  font-size: 0.72rem;
  color: #1e293b;
  line-height: 1.1;
}
.urs-wiz-style-chip:hover {
  border-color: #94a3b8;
}
.urs-wiz-style-chip.is-active {
  border-color: var(--urs-primary-hover);
  box-shadow: 0 0 0 3px rgba(242, 129, 99, 0.2);
}
.urs-wiz-config__section.is-collapsed .urs-wiz-config__styles,
.urs-wiz-config__section.is-collapsed .urs-wiz-config__frames,
.urs-wiz-config__section.is-collapsed .urs-wiz-config__mat,
.urs-wiz-config__section.is-collapsed .urs-wiz-config__wraps {
  display: none;
}
.urs-wiz-config__styles {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.urs-wiz-config__mat {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.urs-wiz-mat-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  cursor: pointer;
  pointer-events: auto;
  background: #fff;
  transition: border-color .2s, box-shadow .2s;
  min-width: 80px;
  text-align: center;
}
.urs-wiz-mat-chip img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  display: block;
  border-radius: 4px;
}
.urs-wiz-mat-chip span {
  font-size: 0.72rem;
  color: #1e293b;
  line-height: 1.1;
}
.urs-wiz-mat-chip:hover {
  border-color: #94a3b8;
}
.urs-wiz-mat-chip.is-active {
  border-color: var(--urs-primary-hover);
  box-shadow: 0 0 0 3px rgba(242, 129, 99, 0.2);
}
.urs-wiz-mat-chip.is-disabled,
.urs-wiz-mat-chip.is-disabled:hover {
  opacity: 0.48;
  cursor: not-allowed;
  border-color: #e2e8f0;
  box-shadow: none;
}
.urs-wiz-mat-chip.is-disabled span {
  color: #94a3b8;
}

/* --- Frame weight chips (posters) --- */
.urs-wiz-frame-weight-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  cursor: pointer;
  pointer-events: auto;
  background: #fff;
  transition: border-color .2s, box-shadow .2s;
  min-width: 80px;
  text-align: center;
}
.urs-wiz-style-chip input[type="checkbox"] {
    display: none;
}
input.urs-wiz-pricing-retail{
  margin: 0;
}
.urs-wiz-frame-weight-chip img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  display: block;
}
.urs-wiz-frame-weight-chip span {
  font-size: 12px;
  font-weight: 600;
  color: #475569;
}
.urs-wiz-frame-weight-chip:hover {
  border-color: #94a3b8;
}
.urs-wiz-frame-weight-chip.is-active {
  border-color: var(--urs-primary-hover);
  box-shadow: 0 0 0 3px rgba(242, 129, 99, 0.2);
}
.urs-wiz-frame-weight-chip.is-active img {
  border-color: var(--urs-primary-hover);
}
label.urs-wiz-frame-weight-chip input[type="radio"],
.urs-wiz-frame-chip input[type="checkbox"] {
  display: none;
}
.urs-wiz-frame-weight-chip input[type="checkbox"] {
    display: none;
}
.urs-wiz-config__frame-weight {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.urs-wiz-style-chip {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  cursor: pointer;
  pointer-events: auto;
  background: #fff;
  font-size: 0.72rem;
  color: #1e293b;
  transition: border-color .2s, box-shadow .2s;
  line-height: 1.2;
  min-width: 77px;
}
.urs-wiz-style-chip:hover {
  border-color: #94a3b8;
}
.urs-wiz-style-chip.is-active {
  border-color: var(--urs-primary-hover);
  box-shadow: 0 0 0 2px rgba(242, 129, 99, .2);
}
.urs-wiz-style-chip img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  display: block;
  border-radius: 4px;
}
.urs-wiz-config__styles {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.urs-wiz-frame-chip span:last-child {
  font-size: 0.72rem;
  color: #1e293b;
}
.urs-wiz-frame-chip {
  font-size: 0.72rem;
  color: #1e293b;
}
.urs-wiz-config__frames,
.urs-wiz-config__wraps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width: 900px) {
  .urs-wiz-config {
    grid-template-columns: 1fr;
    gap: 16px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 12px;
    box-sizing: border-box;
  }

  .urs-wiz-config__left {
    position: static;
    top: auto;
    min-height: auto;
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .urs-wiz-config__mockup {
    width: 100%;
    max-width: 100%;
    min-height: 320px;
    padding: 28px 0;
    overflow: hidden;
    aspect-ratio: 4 / 3;
  }

  .urs-wiz-config__mockup-inner {
    width: 100%;
    max-width: 100%;
    min-height: 280px;
    padding: 0 10px;
    box-sizing: border-box;
  }

  .urs-wiz-config__mockup-inner img,
  .urs-wiz-config__mockup__frame-overlay {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
    display: block;
  }

  .urs-wiz-config__mockup-inner img {
    min-height: 160px;
  }

  .urs-wiz-config__mockup-overlay-badges {
    right: 8px;
    top: 8px;
    gap: 6px;
    max-width: calc(100% - 16px);
  }

  .urs-wiz-config__mockup-badge {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }

  .urs-wiz-config__variations-slider {
    max-width: 100%;
    margin-top: 10px;
    padding: 4px 0 6px;
  }

  .urs-wiz-variations-slider__track {
    gap: 8px;
  }

  .urs-wiz-variations-slider__item {
    flex: 0 0 110px;
    width: 110px;
  }

  .urs-wiz-config__right {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    min-width: 0;
  }

  .urs-wiz-config__section {
    width: 100%;
    padding: 14px 12px;
    min-width: 0;
    overflow-x: hidden;
  }

  .urs-wiz-config__section-title {
    font-size: 0.84rem;
    word-break: break-word;
  }

  .urs-wiz-config__sizes {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    min-width: 0;
  }

  .urs-wiz-chip {
    width: 100%;
    min-width: 0;
    padding: 12px 14px;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
  }

  .urs-wiz-chip span {
    white-space: normal;
    word-break: break-word;
    flex: 1 1 auto;
    min-width: 0;
  }

  .urs-wiz-chip__badge {
    display: block;
    width: 100%;
    margin-top: 6px;
    text-align: left;
    white-space: normal;
    word-break: break-word;
  }

  .urs-wiz-config__styles,
  .urs-wiz-config__frames,
  .urs-wiz-config__mat,
  .urs-wiz-config__frame-weight,
  .urs-wiz-config__retouche .urs-wiz-retouche__cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    gap: 10px;
    width: 100%;
    min-width: 0;
  }

  .urs-wiz-style-chip,
  .urs-wiz-frame-chip,
  .urs-wiz-mat-chip,
  .urs-wiz-frame-weight-chip,
  .urs-wiz-retouche-card {
    flex: none;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
  }

  .urs-wiz-style-chip,
  .urs-wiz-frame-chip span,
  .urs-wiz-style-chip span {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    word-break: break-word;
  }

  .urs-wiz-style-chip {
    padding: 10px;
  }

  .urs-wiz-style-chip img,
  .urs-wiz-mat-chip img,
  .urs-wiz-frame-weight-chip img,
  .urs-wiz-retouche-card__img {
    width: 100%;
    height: auto;
  }

  .urs-wiz-config__help-popup {
    max-width: 90vw;
  }

  .urs-wiz-config__section--retouche .urs-wiz-retouche__cards {
    gap: 10px;
  }

  .urs-wiz-config__section--retouche .urs-wiz-retouche-card {
    width: 100%;
  }

  .urs-wiz-config__mockup-badge,
  .urs-wiz-config__mockup-overlay-badges {
    max-width: calc(100% - 16px);
    overflow: hidden;
  }

  .urs-wizard,
  .urs-wizard__pane,
  .urs-wiz-config,
  .urs-wiz-config__left,
  .urs-wiz-config__right,
  .urs-wiz-config__mockup,
  .urs-wiz-config__mockup-inner,
  .urs-wiz-config__section {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .urs-wizard,
  .urs-wizard__pane,
  .urs-wiz-config__right {
    overflow-x: hidden;
  }

  .urs-wiz-config__left,
  .urs-wiz-config__right {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
  }
}

/* ===============================================================
   STEP 6 – MOCKUP SCENES
   =============================================================== */
.urs-wiz-mockup {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.urs-wiz-mockup__sidebar {
  flex: 0 0 280px;
  position: sticky;
  top: 20px;
  align-self: flex-start;
  background: #f8fafc;
  border-radius: 14px;
  padding: 18px;
  border: 1px solid #e2e8f0;
  max-height: calc(100vh - 180px);
  overflow-y: auto;
}
.urs-wiz-mockup__sidebar h4 {
  font-size: 0.9rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.urs-wiz-mockup__sidebar h4 i {
  color: #f28163;
  font-size: 1rem;
}
.urs-wiz-mockup__selected {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.urs-wiz-mockup__empty {
  font-size: 0.8rem;
  color: #94a3b8;
  text-align: center;
  padding: 28px 10px;
  line-height: 1.5;
}
.urs-wiz-mockup__selected-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  background: #fff;
  border-radius: 10px;
  font-size: 0.8rem;
  color: #1e293b;
  border: 1px solid #e2e8f0;
  transition: box-shadow .2s, border-color .2s;
}
.urs-wiz-mockup__selected-item:hover {
  border-color: #cbd5e1;
  box-shadow: 0 2px 8px rgba(15,23,42,0.05);
}
.urs-wiz-mockup__selected-thumb {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  background: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.urs-wiz-mockup__selected-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.urs-wiz-mockup__selected-thumb i {
  font-size: 1.1rem;
  color: #94a3b8;
}
.urs-wiz-mockup__selected-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  gap: 2px;
}
.urs-wiz-mockup__selected-name {
  font-weight: 600;
  font-size: 0.8rem;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.urs-wiz-mockup__selected-frame {
  font-size: 0.72rem;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.urs-wiz-mockup__selected-item .urs-wiz-mockup__badge {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f28163;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 700;
  flex-shrink: 0;
}
.urs-wiz-mockup__selected-remove {
  margin-left: auto;
  cursor: pointer;
  color: #94a3b8;
  font-size: 0.95rem;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: background .15s, color .15s;
  flex-shrink: 0;
}
.urs-wiz-mockup__selected-remove:hover {
  color: #ef4444;
  background: #fee2e2;
}

/* ---- Main area ---- */
.urs-wiz-mockup__main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ---- Toolbar (filters + search) ---- */
.urs-wiz-mockup__toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 12px 16px;
}
.urs-wiz-mockup__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex: 1;
}
.urs-wiz-mockup__filter {
  padding: 6px 14px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #475569;
  font-size: 0.82rem;
  font-weight: 500;
  cursor: pointer;
  transition: all .15s;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.urs-wiz-mockup__filter i {
  font-size: 0.78rem;
}
.urs-wiz-mockup__filter:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
}
.urs-wiz-mockup__filter.is-active {
  background: #1e293b;
  color: #fff;
  border-color: #1e293b;
}
.urs-wiz-mockup__search {
  position: relative;
  flex: 0 0 220px;
}
.urs-wiz-mockup__search i {
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: 0.85rem;
  pointer-events: none;
}
input#urs-onb-language-other {
    margin: 0;
}
.urs-wiz-mockup__search input,
input#urs-wiz-mockup-search {
    margin: 0;
    width: 100%;
    padding: 7px 10px 7px 32px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.82rem;
    color: #1e293b;
    background: #f8fafc;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
}
.urs-wiz-mockup__search input:focus,
input#urs-wiz-mockup-search:focus {
  border-color: #f28163;
  box-shadow: 0 0 0 3px rgba(242,129,99,0.12);
}
.urs-wiz-mockup__search input::placeholder,
input#urs-wiz-mockup-search::placeholder {
  color: #94a3b8;
}

/* ---- Content wrapper (mockup grid area) ---- */
.urs-wiz-mockup__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
  min-width: 0;
}

/* ---- Grid ---- */
.urs-wiz-mockup__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}

.urs-wiz-mockup__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
  padding: 12px 0;
}
.urs-wiz-mockup__page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid var(--urs-border, #e5e7eb);
  background: var(--urs-surface, #fff);
  color: var(--urs-text, #1e293b);
  cursor: pointer;
  font-size: 14px;
  transition: all 0.15s ease;
}
.urs-wiz-mockup__page-btn:hover:not(:disabled) {
  background: var(--urs-primary-light, #f5f3ff);
  border-color: var(--urs-primary, #7c3aed);
}
.urs-wiz-mockup__page-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.urs-wiz-mockup__page-info {
  font-size: 13px;
  color: var(--urs-muted, #94a3b8);
  font-weight: 500;
}

/* ---- Scene Card ---- */
.urs-wiz-mockup__scene {
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  background: #f1f5f9;
  border: 2px solid transparent;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  min-height: 320px;
  box-shadow: 0 2px 8px rgba(15,23,42,0.05);
}
.urs-wiz-mockup__scene:hover {
  border-color: #cbd5e1;
  box-shadow: 0 4px 12px rgba(15,23,42,0.07);
  transform: translateY(-2px);
}
.urs-wiz-mockup__scene.is-selected {
  border-color: #f28163;
  box-shadow: 0 0 0 3px rgba(242,129,99,0.15);
}
.urs-wiz-mockup__scene.is-selected:hover {
  transform: translateY(-2px);
}
.urs-wiz-mockup__scene-media {
  position: relative;
  flex: 1;
  min-height: 220px;
  background: #e2e8f0;
  overflow: hidden;
}
.urs-wiz-mockup__scene-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.urs-wiz-mockup__fallback {
  display: none;
}
.urs-wiz-mockup__scene-media img:not([src]),
.urs-wiz-mockup__scene-media img[src=""] {
  display: none;
}
.urs-wiz-mockup__scene-media img:not([src]) ~ .urs-wiz-mockup__fallback,
.urs-wiz-mockup__scene-media img[src=""] ~ .urs-wiz-mockup__fallback {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 0.8rem;
  color: #94a3b8;
  position: absolute;
  inset: 0;
}
.urs-wiz-mockup__fallback i {
  font-size: 1.8rem;
}

/* ---- Skeleton State ---- */
.urs-wiz-mockup__scene.is-skeleton .urs-wiz-mockup__scene-media {
  background: #e2e8f0;
}
.urs-wiz-mockup__skeleton-shimmer {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
  background-size: 200% 100%;
  animation: urs-shimmer 1.4s ease-in-out infinite;
}
@keyframes urs-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
.urs-wiz-mockup__skeleton-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #cbd5e1;
  color: transparent;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 6px;
  line-height: 1.4;
}
.urs-wiz-mockup__skeleton-text {
  height: 14px;
  background: #e2e8f0;
  border-radius: 4px;
  margin: 4px 0;
  width: 60%;
}

/* ---- Scene Info Footer ---- */
.urs-wiz-mockup__scene-info {
  padding: 12px 14px;
  background: #fff;
  border-top: 1px solid #f1f5f9;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.urs-wiz-mockup__scene-title {
  font-size: 0.85rem;
  font-weight: 600;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.urs-wiz-mockup__scene-meta {
  font-size: 0.75rem;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ---- Selection Badge ---- */
.urs-wiz-mockup__check {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f28163;
  color: #fff;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  z-index: 2;
  box-shadow: 0 2px 6px rgba(242,129,99,0.35);
}
.urs-wiz-mockup__scene.is-selected .urs-wiz-mockup__check {
  display: flex;
}
.urs-wiz-mockup__order-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  min-width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #1e293b;
  color: #fff;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  z-index: 2;
  padding: 0 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.urs-wiz-mockup__scene.is-selected .urs-wiz-mockup__order-badge {
  display: flex;
}

/* ---- Frame Variation Badge ---- */
.urs-wiz-mockup__frame-badge {
  position: absolute;
  bottom: 60px;
  left: 10px;
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(4px);
  color: #e2e8f0;
  font-size: 0.7rem;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 6px;
  line-height: 1.4;
  z-index: 3;
  pointer-events: none;
  white-space: nowrap;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ---- Debug Info Overlay ---- */
.urs-wiz-mockup__debug-info {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.78);
  color: #e2e8f0;
  padding: 6px 8px;
  font-size: 10px;
  line-height: 1.5;
  pointer-events: none;
  z-index: 5;
}
.urs-wiz-mockup__debug-line {
  display: block;
}
.urs-wiz-mockup__debug-line strong {
  color: #a5f3fc;
  font-weight: 600;
}

/* ---- Loading Bar ---- */
.urs-wiz-mockup__loading-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: #f8fafc;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  font-size: 0.8rem;
  color: #64748b;
}
.urs-wiz-mockup__loading-text {
  font-weight: 500;
}
.urs-wiz-mockup__loading-progress {
  font-variant-numeric: tabular-nums;
}

/* ---- Debug Toggle Bar ---- */
.urs-wiz-mockup__debug-bar {
  text-align: right;
}
.urs-wiz-mockup__debug-toggle {
  background: none;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 3px 10px;
  font-size: 11px;
  color: #6b7280;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.15s;
}
.urs-wiz-mockup__debug-toggle:hover {
  opacity: 1;
  border-color: #9ca3af;
}

/* Composited mockup scene image */
.urs-wiz-mockup__composite {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ===============================================================
   STEP 6 — Pricing & Profit (Moroccan Marketplace v2)
   =============================================================== */
.urs-wiz-pricing__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  background: #f8fafc;
  border-radius: 10px;
  margin-bottom: 16px;
  flex-wrap: wrap;
  position: sticky;
  top: 0;
  z-index: 10;
  border: 1px solid #e2e8f0;
}
.urs-wiz-pricing__toolbar-left {
  display: flex;
  align-items: center;
}
.urs-wiz-pricing__toolbar-label {
  font-size: 0.85rem;
  font-weight: 600;
  color: #1e293b;
  white-space: nowrap;
}
.urs-wiz-pricing__toolbar-right {
  display: flex;
  align-items: center;
  gap: 8px;
  /* flex-wrap: wrap; */
}
.urs-wiz-pricing__select {
  padding: 6px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 0.82rem;
  background: #fff;
  color: #1e293b;
  cursor: pointer;
}
.urs-wiz-pricing__input {
  width: 100px !important;
  padding: 6px 10px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  font-size: 0.82rem !important;
  margin: 0;
}

.urs-onboard__field-error {
    color: #f73d3d;
}

#urs-onb-reseller-cards > label.urs-onboard__card > input[type=radio] {
    display: none;
}

/* Summary Panel */
.urs-wiz-pricing__summary {
  display: flex;
  gap: 12px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}
.urs-wiz-pricing__summary-item {
  flex: 1;
  min-width: 120px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.urs-wiz-pricing__summary-num {
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 2px;
}
.urs-wiz-pricing__summary-label {
  display: block;
  font-size: 0.72rem;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* Grouped sections */
.urs-wiz-pricing__group {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  margin-bottom: 12px;
  overflow: hidden;
}
.urs-wiz-pricing__group-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  cursor: pointer;
  user-select: none;
  border-bottom: 1px solid #f1f5f9;
  transition: background 0.15s;
}
.urs-wiz-pricing__group-header:hover {
  background: #f8fafc;
}
.urs-wiz-pricing__group-header.is-collapsed {
  border-bottom-color: transparent;
}
.urs-wiz-pricing__group-title {
  font-size: 0.9rem;
  font-weight: 700;
  color: #0f172a;
  flex: 1;
  padding-left: 20px;
}
.urs-wiz-pricing__group-count {
  font-size: 0.72rem;
  color: #64748b;
  font-weight: 500;
  margin-left: 4px;
}
.urs-wiz-pricing__group-arrow {
  color: #94a3b8;
  font-size: 0.78rem;
  transition: transform 0.2s;
}
.urs-wiz-pricing__group-header.is-collapsed .urs-wiz-pricing__group-arrow i {
  transform: rotate(-90deg);
}
.urs-wiz-pricing__group-arrow i {
  transition: transform 0.2s;
}
.urs-wiz-pricing__group-body {
  overflow: hidden;
  max-height: 2000px;
  transition: max-height 0.3s ease;
}
.urs-wiz-pricing__group-body:not(.is-open) {
  max-height: 0;
}

/* Pricing table within groups */
.urs-wiz-pricing__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
}
.urs-wiz-pricing__table th {
  text-align: left;
  padding: 10px 14px;
  background: #f8fafc;
  color: #64748b;
  font-weight: 600;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border-bottom: 1px solid #e2e8f0;
}
.urs-wiz-pricing__table td {
  padding: 10px 14px;
  border-bottom: 1px solid #f1f5f9;
  color: #1e293b;
}
.urs-wiz-pricing__table tr:last-child td {
  border-bottom: none;
}
.urs-wiz-pricing__row:hover {
  background: #fafbfc;
}
.urs-wiz-pricing__cell-name {
  font-weight: 600;
  color: #0f172a;
  white-space: nowrap;
}
.urs-wiz-pricing__table th:first-child span,
.urs-wiz-pricing__table td:first-child span {
  display: inline-block;
  padding: 2px 0 2px 40px;
}

/* Column widths */
.urs-wiz-col-price {
  width: 140px;
}
.urs-wiz-col-reseller {
  width: 130px;
  text-align: center;
}
.urs-wiz-pricing__reseller {
  font-weight: 600;
  color: #059669;
}
.urs-wiz-pricing__discount-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  background: #059669;
  padding: 1px 6px;
  border-radius: 999px;
  margin-left: 4px;
  vertical-align: middle;
}
.urs-wiz-col-profit {
  width: 110px;
}
.urs-wiz-col-margin {
  width: 150px;
}

/* Price input */
.urs-wiz-pricing__price-wrap {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.urs-wiz-pricing__price-wrap input {
  width: 95px !important;
  padding: 5px 8px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  text-align: right !important;
}
.urs-wiz-pricing__price-wrap input:focus {
  border-color: #3b82f6;
  outline: none;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}
.urs-wiz-pricing__currency {
  font-size: 0.78rem;
  font-weight: 600;
  color: #475569;
}
.urs-wiz-pricing__currency-secondary {
  font-size: 0.72rem;
  font-weight: 400;
  color: #94a3b8;
}

/* Profit */
.urs-wiz-pricing__profit {
  font-weight: 700;
  color: #10b981;
}
.urs-wiz-pricing__profit--neg {
  color: #ef4444;
}
.urs-wiz-pricing__pct {
  font-weight: 400;
  color: #64748b;
  font-size: 0.72rem;
}

/* Profit Badges */
.urs-wiz-pricing__badge {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 20px;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-right: 4px;
  display: none;
}
.urs-wiz-pricing__badge.is-excellent {
  background: #d1fae5;
  color: #065f46;
}
.urs-wiz-pricing__badge.is-good {
  background: #dbeafe;
  color: #1e40af;
}
.urs-wiz-pricing__badge.is-low {
  background: #fef3c7;
  color: #92400e;
}
.urs-wiz-pricing__badge.is-warning {
  background: #fce7f3;
  color: #9d174d;
}
.urs-wiz-pricing__badge.is-negative {
  background: #fca5a5;
  color: #7f1d1d;
}

/* Empty state */
.urs-wiz-pricing__empty {
  text-align: center;
  padding: 40px 20px;
  color: #94a3b8;
  font-size: 0.9rem;
  background: #fff;
  border: 1px dashed #e2e8f0;
  border-radius: 10px;
}

/* ===============================================================
   STEP 8 – REVIEW & PUBLISH
   /* ----- Review / Publish Step (Step 7) ----- */
   .urs-wiz-review {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 28px;
     align-items: start;
   }
   .urs-wiz-review__left {
     display: flex;
     flex-direction: column;
     gap: 14px;
     position: sticky;
     top: 16px;
   }
   .urs-wiz-review__preview {
     background: #1e293b;
     border-radius: 14px;
     min-height: 420px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     padding: 16px;
     border: 1px solid #334155;
   }
   .urs-wiz-review__preview img {
     max-width: 100%;
     max-height: 380px;
     border-radius: 8px;
     display: block;
     box-shadow: 0 4px 20px rgba(0,0,0,0.35);
     transition: opacity 0.3s ease;
   }
   .urs-wiz-review__preview-placeholder {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 10px;
     color: #64748b;
     padding: 48px;
   }
   .urs-wiz-review__preview-placeholder i {
     font-size: 2.8rem;
     color: #475569;
   }
   .urs-wiz-review__preview-placeholder span {
     font-size: 0.85rem;
   }
   .urs-wiz-review__gallery {
     display: flex;
     gap: 8px;
     flex-wrap: wrap;
   }
   .urs-wiz-review__gallery-item {
     width: 64px;
     height: 64px;
     border-radius: 8px;
     overflow: hidden;
     cursor: pointer;
     border: 2px solid transparent;
     background: #f1f5f9;
     transition: all 0.15s ease;
     flex-shrink: 0;
   }
   .urs-wiz-review__gallery-item:hover {
     border-color: #cbd5e1;
   }
   .urs-wiz-review__gallery-item.is-active {
     border-color: #f28163;
     box-shadow: 0 0 0 2px rgba(242,129,99,0.2);
   }
   .urs-wiz-review__gallery-item img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
   }
   .urs-wiz-review__right {
     display: flex;
     flex-direction: column;
     gap: 16px;
   }
   .urs-wiz-review__field {
     display: flex;
     flex-direction: column;
     gap: 5px;
   }
   .urs-wiz-review__field label {
     font-size: 0.82rem;
     font-weight: 600;
     color: #1e293b;
   }
   .urs-required {
     color: #ef4444;
   }
   .urs-wiz-review__field input {
     padding: 10px 12px;
     border: 1px solid #e2e8f0;
     border-radius: 8px;
     font-size: 0.9rem;
     transition: border-color 0.15s;
   }
   .urs-wiz-review__field input:focus {
     border-color: #f28163;
     outline: none;
     box-shadow: 0 0 0 3px rgba(242,129,99,0.12);
   }
   .urs-wiz-review__toolbar {
     display: flex;
     gap: 4px;
     padding: 6px;
     background: #f8fafc;
     border: 1px solid #e2e8f0;
     border-bottom: none;
     border-radius: 8px 8px 0 0;
   }
   .urs-wiz-review__toolbar button {
     width: 30px;
     height: 30px;
     border: none;
     background: transparent;
     border-radius: 4px;
     cursor: pointer;
     color: #64748b;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 0.8rem;
     transition: all 0.15s;
   }
   .urs-wiz-review__toolbar button:hover {
     background: #e2e8f0;
     color: #1e293b;
   }
   .urs-wiz-review__editor {
     min-height: 130px;
     padding: 10px 12px;
     border: 1px solid #e2e8f0;
     border-radius: 0 0 8px 8px;
     font-size: 0.88rem;
     line-height: 1.6;
     color: #1e293b;
     outline: none;
     cursor: text;
   }
   .urs-wiz-review__editor:focus {
     border-color: #f28163;
     box-shadow: 0 0 0 3px rgba(242,129,99,0.12);
   }
   .urs-wiz-review__editor:empty:before {
     content: attr(data-placeholder);
     color: #94a3b8;
   }
   /* Summary Card */
   .urs-wiz-review__summary-card {
     background: #fff;
     border: 1px solid #e2e8f0;
     border-radius: 12px;
     padding: 16px;
   }
   .urs-wiz-review__summary-card h4 {
     font-size: 0.85rem;
     font-weight: 700;
     color: #0f172a;
     margin: 0 0 12px 0;
     padding-bottom: 10px;
     border-bottom: 1px solid #f1f5f9;
   }
   .urs-wiz-review__summary-row {
     display: flex;
     align-items: flex-start;
     gap: 10px;
     padding: 6px 0;
   }
   .urs-wiz-review__summary-row + .urs-wiz-review__summary-row {
     border-top: 1px solid #f8fafc;
   }
   .urs-wiz-review__summary-label {
     font-size: 0.76rem;
     color: #64748b;
     min-width: 110px;
     flex-shrink: 0;
     padding-top: 2px;
   }
   .urs-wiz-review__summary-value {
     font-weight: 700;
     font-size: 0.92rem;
     color: #f28163;
   }
   .urs-wiz-review__badge-group {
     display: flex;
     flex-wrap: wrap;
     gap: 6px;
   }
   .urs-wiz-review__badge {
     font-size: 0.75rem;
     padding: 3px 10px;
     background: #f1f5f9;
     border-radius: 20px;
     color: #334155;
     font-weight: 500;
     white-space: nowrap;
     border: 1px solid #e2e8f0;
   }
   .urs-wiz-review__badge-icon {
     margin-right: 4px;
     font-size: 0.65rem;
   }
   .urs-wiz-review__swatch-group {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
   }
   .urs-wiz-review__swatch {
     display: inline-flex;
     align-items: center;
     gap: 5px;
     font-size: 0.78rem;
     color: #334155;
     font-weight: 500;
   }
   .urs-wiz-review__swatch-dot {
     width: 18px;
     height: 18px;
     border-radius: 50%;
     border: 2px solid #e2e8f0;
     flex-shrink: 0;
     display: inline-block;
     vertical-align: middle;
     box-shadow: inset 0 1px 2px rgba(0,0,0,0.08);
   }
   .urs-wiz-review__mockup-list {
     display: flex;
     flex-direction: column;
     gap: 3px;
   }
   .urs-wiz-review__mockup-item {
     font-size: 0.78rem;
     color: #475569;
     padding: 2px 0;
   }
   .urs-wiz-review__mockup-item::before {
     content: "·";
     margin-right: 6px;
     color: #94a3b8;
   }
   /* Variations Collapsible */
   .urs-wiz-review__variations {
     border: 1px solid #e2e8f0;
     border-radius: 10px;
     overflow: hidden;
   }
   .urs-wiz-review__variations-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 12px 14px;
     cursor: pointer;
     background: #fafbfc;
     font-size: 0.85rem;
     font-weight: 600;
     color: #1e293b;
     user-select: none;
     transition: background 0.15s;
   }
   .urs-wiz-review__variations-header:hover {
     background: #f1f5f9;
   }
   .urs-wiz-review__variations-header i {
     font-size: 0.75rem;
     color: #94a3b8;
     transition: transform 0.2s;
   }
   .urs-wiz-review__variations-header.is-collapsed i {
     transform: rotate(-90deg);
   }
   .urs-wiz-review__variations-body {
     max-height: 600px;
     overflow-y: auto;
     transition: max-height 0.25s ease;
   }
   .urs-wiz-review__variations-body.is-collapsed {
     max-height: 0;
     overflow: hidden;
   }
   .urs-wiz-review__variations-list {
     padding: 10px 14px 14px;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 4px 12px;
   }
   .urs-wiz-review__variations-item {
     font-size: 0.88rem;
     color: #475569;
     padding: 2px 0;
     display: flex;
     justify-content: space-around;
     align-items: center;
     gap: 8px;
   }
   .urs-wiz-review__variations-price {
     color: #0f172a;
     font-weight: 600;
     white-space: nowrap;
   }
   /* Validation Warning */
   .urs-wiz-review__validation {
     display: flex;
     align-items: center;
     gap: 8px;
     padding: 10px 14px;
     background: #fef2f2;
     border: 1px solid #fecaca;
     border-radius: 8px;
     color: #b91c1c;
     font-size: 0.82rem;
     font-weight: 500;
   }
   .urs-wiz-review__validation i {
     font-size: 1rem;
     color: #ef4444;
     flex-shrink: 0;
   }
   /* Footer / Publish Button */
   .urs-wiz-review__footer {
     position: sticky;
     bottom: 0;
     background: #fff;
     padding: 12px 0 0;
     border-top: 1px solid #f1f5f9;
     margin-top: 4px;
   }
   .urs-wiz-review__publish {
     padding: 14px !important;
     font-size: 1rem !important;
     color: #fff !important;
     background: var(--urs-primary-hover) !important;
     font-weight: 700 !important;
     letter-spacing: 0.03em;
   }

/* ----- Loading / Toast ----- */
.urs-wiz-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px;
  color: #64748b;
}
.urs-wiz-loading .urs-spinner {
  width: 20px;
  height: 20px;
  border: 2px solid #e2e8f0;
  border-top-color: #f28163;
  border-radius: 50%;
  animation: ursSpin 0.6s linear infinite;
}
@keyframes ursSpin {
  to { transform: rotate(360deg); }
}

/* Toast Stack */
/* .urs-toast-stack {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 360px;
} */
.urs-toast {
  color: #fff;
  padding: 12px 18px;
  border-radius: 10px;
  font-size: 0.85rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  animation: ursToastIn 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}
.urs-toast--out {
  animation: ursToastOut 0.4s ease forwards;
}
button#urs-wiz-pricing-apply {
    min-width: max-content;
}
@keyframes ursToastIn {
  from { opacity: 0; transform: translateX(40px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes ursToastOut {
  from { opacity: 1; transform: translateX(0); }
  to   { opacity: 0; transform: translateX(40px); }
}

/* Utility */
.is-hidden { display: none !important; }

/* ----- Responsive ----- */
@media (max-width: 768px) {
  .urs-wiz-cat-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 12px;
    min-height: auto;
  }
  .urs-wiz-cat-card__media {
    height: 200px;
  }
  .urs-wiz-cat-card__body {
    padding: 10px 12px;
  }
  .urs-wiz-cat-card__body strong {
    font-size: 15px;
  }
  .urs-wiz-cat-card__body p {
    font-size: 12px;
  }
  .urs-wiz-mode-grid {
    grid-template-columns: 1fr;
  }
  .urs-wiz-crop {
    flex-direction: column;
  }
  .urs-wiz-crop__sidebar {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .urs-wiz-config {
    grid-template-columns: 1fr;
  }
  .urs-wiz-mockup {
    flex-direction: column;
  }
  .urs-wiz-mockup__sidebar {
    position: static;
    flex: 1 1 auto;
    width: 100%;
    max-height: none;
    order: 2;
  }
  .urs-wiz-mockup__main {
    order: 1;
  }
  .urs-wiz-mockup__toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .urs-wiz-mockup__search {
    flex: 1 1 auto;
    width: 100%;
  }
  .urs-wiz-mockup__grid {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
  .urs-wiz-review {
    grid-template-columns: 1fr;
  }
  .urs-wiz-pricing__toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .urs-wiz-pricing__toolbar-left,
  .urs-wiz-pricing__toolbar-right {
    width: 100%;
  }
  .urs-wiz-pricing__toolbar-right {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .urs-wiz-pricing__toolbar-right > * {
    flex: 1 1 auto;
    min-width: 0;
  }
  .urs-wiz-pricing__summary {
    flex-direction: column;
  }
  .urs-wiz-pricing__summary-item {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
  }
  .urs-wiz-pricing__group-body {
    overflow-x: auto;
  }
  .urs-wiz-pricing__table {
    width: 100%;
    table-layout: fixed;
  }
  .urs-wiz-pricing__table th,
  .urs-wiz-pricing__table td {
    white-space: normal;
    word-break: break-word;
  }
  .urs-wiz-pricing__group-header {
    gap: 8px;
  }
  .urs-wiz-review__left {
    position: static;
    top: auto;
  }
  .urs-wiz-review__preview {
    min-height: 320px;
  }
  .urs-wiz-pricing__group-title {
    min-width: 0;
  }
  .urs-wiz-pricing__group-count {
    flex-shrink: 0;
  }
  .urs-wiz-pricing__price-wrap {
    width: 100%;
  }
  .urs-wiz-pricing__price-wrap input {
    width: 100% !important;
    max-width: 100%;
  }
  .urs-wiz-pricing__group-body::-webkit-scrollbar {
    height: 8px;
  }
  .urs-wiz-pricing__group-body::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.6);
    border-radius: 999px;
  }
  .urs-wiz-review__summary-row {
    flex-wrap: wrap;
  }
  .urs-wiz-review__summary-label {
    min-width: 0;
    flex: 1 1 100%;
  }
  .urs-wiz-review__summary-value {
    width: 100%;
  }
  .urs-wiz-review__variations-list {
    grid-template-columns: 1fr;
  }
  .urs-wiz-review__variations-item {
    justify-content: space-between;
  }
  .urs-wiz-review__variations-price {
    white-space: normal;
  }
  .urs-wizard__steps {
    justify-content: flex-start;
  }
}

/* Retouche à la main section */
.urs-wiz-config__section--retouche .urs-wiz-retouche__cards {
  display: flex;
  gap: 12px;
  margin-top: 8px;
}
.urs-wiz-retouche-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 8px;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  flex: 1;
  max-width: 180px;
  position: relative;
  background: #fff;
}
.urs-wiz-retouche-card:hover {
  border-color: var(--urs-primary);
  background: #f8fafc;
}
.urs-wiz-retouche-card.is-active {
  border-color: var(--urs-primary-hover);
  background: rgba(var(--urs-primary-hover, 59,130,246), 0.06);
  box-shadow: 0 0 0 1px var(--urs-primary-hover);
}
label.urs-wiz-retouche-card input[type^="checkbox"] {
    display: none;
}
.urs-wiz-retouche-card.is-active::after {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
  background: var(--urs-primary-hover);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}
.urs-wiz-retouche-card__img {
  width: 100%;
  height: 80px;
  object-fit: contain;
  border-radius: 6px;
}
.urs-wiz-retouche-card__label {
  font-size: 12px;
  font-weight: 600;
  color: #334155;
  text-align: center;
}
.urs-wiz-config__section--retouche .urs-wiz-retouche__cost {
  margin-top: 12px;
  padding: 8px 12px;
  background: #f8fafc;
  border-radius: 8px;
  font-size: 13px;
  color: #475569;
}
.urs-wiz-config__section--retouche .urs-wiz-retouche__cost strong {
  color: var(--urs-primary);
}

/* ===============================================================
   STEP 6 – Pricing Enhancements (cost tooltip + enhanced KPI)
   =============================================================== */


/* ===============================================================
   PRICING SUMMARY STATS CARDS
   =============================================================== */

/* Enhanced summary display */
.urs-wiz-pricing__summary-pct {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  color: var(--urs-primary-hover);
  background: rgba(99, 102, 241, 0.08);
  padding: 1px 6px;
  border-radius: 4px;
  margin-left: 4px;
}

/* ================================================
   PRICE MASKING — Non-verified reseller overlay
   ================================================ */
.urs-price-mask {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  color: #94a3b8;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: not-allowed;
  user-select: none;
}
.urs-price-mask i {
  font-size: 1rem;
  color: #f59e0b;
}
.urs-price-mask__tooltip {
  display: none;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: #1e293b;
  color: #f8fafc;
  font-size: 0.78rem;
  font-weight: 400;
  line-height: 1.4;
  padding: 10px 14px;
  border-radius: 8px;
  white-space: nowrap;
  z-index: 100;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: none;
}
.urs-price-mask__tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #1e293b;
}
.urs-price-mask:hover .urs-price-mask__tooltip,
.urs-price-mask:focus .urs-price-mask__tooltip {
  display: block;
}
/* Blurred row in pricing table for non-verified */
.urs-wiz-pricing__row--masked .urs-wiz-col-price,
.urs-wiz-pricing__row--masked .urs-wiz-col-reseller,
.urs-wiz-pricing__row--masked .urs-wiz-col-profit,
.urs-wiz-pricing__row--masked .urs-wiz-col-margin {
  filter: blur(3px);
  user-select: none;
  pointer-events: auto;
  position: relative;
  cursor: pointer;
}
.urs-wiz-pricing__row--masked .urs-wiz-pricing-retail {
  pointer-events: none;
}
.urs-wiz-pricing__row--loss {
  background: #fef2f2 !important;
}
.urs-wiz-pricing__row--loss .urs-wiz-col-price input {
  border-color: #ef4444;
  background: #fff;
  color: #dc2626;
}
.urs-wiz-pricing__row--loss .urs-wiz-pricing__profit {
  color: #dc2626;
}
.urs-wiz-pricing__row--masked .urs-wiz-col-price::after,
.urs-wiz-pricing__row--masked .urs-wiz-col-reseller::after,
.urs-wiz-pricing__row--masked .urs-wiz-col-profit::after,
.urs-wiz-pricing__row--masked .urs-wiz-col-margin::after {
  content: "(000)";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 6px;
  color: #94a3b8;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 1px;
  z-index: 2;
  pointer-events: auto;
  cursor: help;
  backdrop-filter: blur(2px);
}
/* Summary row price masking in step 7 */
.urs-wiz-review__summary-value--masked {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  color: #94a3b8;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: help;
}
/* Variation item price masking in step 7 */
.urs-wiz-review__variations-price--masked {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  border: 1px dashed #cbd5e1;
  border-radius: 6px;
  color: #94a3b8;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: help;
}
/* Price-mask click modal */
.urs-price-mask-modal {
  position: fixed;
  inset: 0;
  background: rgba(18, 29, 44, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999999;
  padding: 18px;
}
.urs-price-mask-modal__inner {
  background: #fff;
  border-radius: 16px;
  padding: 32px 28px;
  max-width: 420px;
  width: 100%;
  text-align: center;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
  animation: ursFadeIn 0.2s ease;
}
.urs-price-mask-modal__icon {
  font-size: 2.4rem;
  color: #f59e0b;
  margin-bottom: 14px;
}
.urs-price-mask-modal__title {
  font-size: 1.05rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 8px;
}
.urs-price-mask-modal__msg {
  font-size: 0.88rem;
  line-height: 1.5;
  color: #64748b;
  margin: 0 0 20px;
}
.urs-price-mask-modal__btn {
  display: inline-block;
  padding: 8px 22px;
  background: var(--urs-primary-hover);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.urs-price-mask-modal__btn:hover {
  background: var(--urs-primary);
}

/* ==============================================
   ONBOARDING WIZARD — Premium Two-Column Design
   ============================================== */

/* --- Widen auth page for onboarding --- */
.urs-auth-page:has([data-auth-panel="onboarding"].is-active) {
  padding: 24px 40px;
}

.urs-auth-centered:has([data-auth-panel="onboarding"].is-active) {
  align-items: flex-start;
  overflow: visible;
  /* padding-top: 24px; */
}

.urs-auth-simple-card:has([data-auth-panel="onboarding"].is-active) {
  max-width: 2600px;
  width: 100%;
  padding: 0;
  box-shadow: none;
  background: transparent;
}

.urs-auth-simple-card:has([data-auth-panel="onboarding"].is-active) .urs-auth-card__header {
  display: none;
}

/* --- Layout (full-width desktop container) --- */
.urs-onboard {
  width: 100%;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
  overflow: clip;
}

.urs-onboard__layout {
  display: flex;
  min-height: 540px;
}

/* --- Sidebar (35%) --- */
.urs-onboard__sidebar {
  width: 35%;
  flex-shrink: 0;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  padding: 44px 36px;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 8vh;
  align-self: flex-start;
  border-right: 1px solid #e2e8f0;
  height: 92vh;
}

.urs-onboard__sidebar-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
}

.urs-onboard__sidebar-logo {
  margin-bottom: 6px;
}

.urs-onboard__sidebar-text {
  font-size: 14px;
  line-height: 1.65;
  color: #475569;
  margin: 0;
}

.urs-onboard__sidebar-benefits {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.urs-onboard__sidebar-benefits li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #334155;
}

.urs-onboard__sidebar-title {
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
  color: #1e293b;
  margin: 0 0 8px;
  letter-spacing: -0.5px;
}

.urs-onboard__sidebar-check {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.1);
  color: #10b981;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  flex-shrink: 0;
}

.urs-onboard__sidebar-progress {
  margin-top: auto;
  padding-top: 16px;
}

.urs-onboard__sidebar-progress-label {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  margin-bottom: 8px;
}

.urs-onboard__sidebar-progress-count {
  font-weight: 600;
  color: #1e293b;
}

.urs-onboard__sidebar-progress-track {
  height: 4px;
  background: #e2e8f0;
  border-radius: 4px;
  overflow: hidden;
}

.urs-onboard__sidebar-progress-bar {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #10b981, var(--urs-primary-hover));
  border-radius: 4px;
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.urs-onboard__sidebar-art {
  margin-top: 12px;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 172px;
}

.urs-sidebar-svg {
  position: absolute;
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
  will-change: opacity;
}

.urs-sidebar-svg--active {
  position: relative;
  opacity: 1;
  pointer-events: auto;
}

/* --- Main Form Area (65%) --- */
.urs-onboard__main {
  flex: 1;
  padding: 40px 48px 36px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* --- Premium Reseller Rank Progression --- */
.urs-rank-progression {
  display: none;
  background: #fff;
  border-radius: 16px;
  border: 1px solid #eef2f6;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
  padding: 16px 20px;
  margin-bottom: 28px;
  transition: box-shadow 0.2s;
}

.urs-rank-progression__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.urs-rank-progression__title {
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.urs-rank-progression__current {
  font-size: 12px;
  color: #94a3b8;
}
.urs-rank-progression__current strong {
  color: #CD7F32;
  font-weight: 700;
}

.urs-rank-progression__tiers {
  display: flex;
  align-items: stretch;
  gap: 0;
}

.urs-rank-progression__card {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid transparent;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04);
  transition: all 0.25s ease;
  cursor: default;
  position: relative;
}
.urs-rank-progression__card:hover {
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
  transform: translateY(-2px);
  background: #fff;
}
.urs-rank-progression__card.is-active {
  background: #fff;
  border-color: #CD7F32;
  box-shadow: 0 2px 8px rgba(205, 127, 50, 0.12), 0 2px 6px rgba(15, 23, 42, 0.04);
}
.urs-rank-progression__card.is-active:hover {
  box-shadow: 0 8px 20px rgba(205, 127, 50, 0.15), 0 4px 12px rgba(15, 23, 42, 0.06);
}

.urs-rank-progression__card--gold {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border-color: #fcd34d;
}
.urs-rank-progression__card--gold:hover {
  box-shadow: 0 6px 20px rgba(245, 158, 11, 0.25), 0 4px 12px rgba(15, 23, 42, 0.06);
  border-color: #f59e0b;
}
.urs-rank-progression__card--gold .urs-rank-progression__card-icon svg circle:last-child {
  filter: drop-shadow(0 0 4px rgba(245, 158, 11, 0.4));
}

.urs-rank-progression__card-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.urs-rank-progression__card-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.urs-rank-progression__card-name {
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
  line-height: 1.2;
}

.urs-rank-progression__card-desc {
  font-size: 11px;
  color: #94a3b8;
  line-height: 1.3;
  white-space: nowrap;
}
.urs-rank-progression__card--gold .urs-rank-progression__card-desc {
  color: #92400e;
}

.urs-rank-progression__card-badge {
  font-size: 10px;
  font-weight: 700;
  color: #94a3b8;
  background: #f1f5f9;
  padding: 3px 8px;
  border-radius: 6px;
  margin-left: auto;
  white-space: nowrap;
  flex-shrink: 0;
}
.urs-rank-progression__card-badge.is-current {
  background: #cbd5e1;
  color: #475569;
}
.urs-rank-progression__card--gold .urs-rank-progression__card-badge {
  background: #fde68a;
  color: #92400e;
}

.urs-rank-progression__divider {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  color: #cbd5e1;
}

/* --- Panels Container --- */
.urs-onboard__panels {
  position: relative;
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

.urs-onboard__panel {
  display: none;
  animation: ursOnboardFadeIn 0.35s ease;
}

.urs-onboard__panel.is-active {
  display: flex;
  flex-direction: column;
}

@keyframes ursOnboardFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* --- Panel Head --- */
.urs-onboard__field--other {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}
.urs-onboard__field--other input {
  flex: 1;
}
.urs-onboard__branding-header {
  margin-bottom: 24px;
}

.urs-onboard__panel-title {
  font-size: 20px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 4px;
  letter-spacing: -0.3px;
}

.urs-onboard__panel-desc {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  line-height: 1.5;
}

/* --- Panel Body (Premium Card) --- */
.urs-onboard__panel-body {
  background: #fff;
  border-radius: 14px;
  padding: 32px 36px;
  margin-bottom: 20px;
}

/* --- Form Row (2-column grid) --- */
.urs-onboard__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 0;
}

/* --- Field --- */
.urs-onboard__field {
  margin-bottom: 16px;
}

.urs-onboard__field:last-child {
  margin-bottom: 0;
}

/* --- Label --- */
.urs-onboard__label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 6px;
}

.urs-req {
  color: #ef4444;
}

/* --- Input Wrap (48-52px height inputs) --- */
.urs-onboard__input-wrap {
  position: relative;
}

.urs-onboard__input-wrap .fa-solid,
.urs-onboard__input-wrap .fa-regular,
.urs-onboard__input-wrap .fa-brands,
.urs-onboard__input-wrap .fa-regular {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 14px;
  color: #94a3b8;
  font-size: 14px;
  z-index: 1;
  pointer-events: none;
}

.urs-onboard__input-wrap input[type="text"],
.urs-onboard__input-wrap input[type="email"],
.urs-onboard__input-wrap input[type="password"],
.urs-onboard__input-wrap input[type="tel"],
.urs-onboard__input-wrap input[type="url"],
.urs-onboard__input-wrap input[type="number"],
.urs-onboard__input-wrap select,
.urs-onboard__input-wrap textarea {
  width: 100%;
  height: 48px;
  padding: 0 14px 0 42px;
  font-size: 14px;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  color: #1e293b;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

.urs-onboard__input-wrap textarea {
  height: auto;
  min-height: 48px;
  padding: 12px 14px 12px 42px;
  resize: vertical;
  border-radius: 6px !important;
}

.urs-onboard__input-wrap select {
  padding-right: 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px;
}

.urs-onboard__input-wrap input:focus,
.urs-onboard__input-wrap select:focus,
.urs-onboard__input-wrap textarea:focus {
  outline: none;
  border-color: var(--urs-primary-hover);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.urs-onboard__input-wrap input.input-error,
.urs-onboard__input-wrap select.input-error,
.urs-onboard__input-wrap textarea.input-error {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08);
}

.urs-onboard__input-wrap input:read-only {
  background: #f8fafc;
  cursor: not-allowed;
  color: #64748b;
}

/* Password toggle */
.urs-password-toggle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  background: none;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  font-size: 14px;
  padding: 4px;
  z-index: 2;
}

.urs-password-toggle:hover {
  color: #64748b;
}

/* Override generic absolute positioning from .urs-onboard__input-wrap .fa-solid
   that misplaces the eye icon inside the toggle button */
.urs-onboard__input-wrap .urs-password-toggle i,
.urs-onboard__input-wrap .urs-password-toggle .fa-solid,
.urs-onboard__input-wrap .urs-password-toggle .fa-regular,
.urs-onboard__input-wrap .urs-password-toggle .fa-brands {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  pointer-events: auto !important;
}

/* --- Password Strength Meter (Redesigned) --- */
.urs-onboard__password-meter {
  margin-top: 4px;
  padding: 16px 20px;
  background: #f8fafc;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
}

.urs-onboard__password-meter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.urs-onboard__password-meter-label {
  font-size: 12px;
  font-weight: 600;
  color: #475569;
}

.urs-onboard__password-meter-track {
  height: 6px;
  background: #e2e8f0;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 8px;
}

.urs-onboard__password-meter-track span {
  display: block;
  height: 100%;
  border-radius: 4px;
  width: 0%;
  transition: width 0.3s, background 0.3s;
}

.urs-onboard__password-meter-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.urs-onboard__password-meter-text {
  font-size: 12px;
  font-weight: 500;
  color: #94a3b8;
}

.urs-onboard__password-meter-feedback {
  font-size: 11px;
  color: #94a3b8;
  text-align: right;
}

/* Password help tooltip */
.urs-password-help {
  position: relative;
}

.urs-password-help__btn {
  background: none;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  font-size: 16px;
  padding: 0;
  line-height: 1;
}

.urs-password-help__btn:hover {
  color: var(--urs-primary-hover);
}

.urs-password-help__tooltip {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 8px;
  background: #1e293b;
  color: #f1f5f9;
  border-radius: 10px;
  padding: 14px 18px;
  min-width: 200px;
  font-size: 12px;
  z-index: 50;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.14);
}

.urs-password-help__tooltip strong {
  display: block;
  margin-bottom: 6px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #94a3b8;
}

.urs-password-help__tooltip ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.urs-password-help__tooltip ul li {
  padding: 2px 0;
  padding-left: 14px;
  position: relative;
}

.urs-password-help__tooltip ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--urs-primary-hover);
}

.urs-password-help:hover .urs-password-help__tooltip,
.urs-password-help__btn:focus + .urs-password-help__tooltip {
  display: block;
}

/* --- Buttons --- */
.urs-onboard__panel-foot {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  padding-top: 4px;
}

.urs-onboard__login-link {
  margin-right: auto;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 13px;
  color: #64748b;
  text-decoration: underline;
  font-weight: 500;
  padding: 8px 0;
  transition: color 0.2s;
}
.urs-onboard__login-link:hover {
  color: #1e293b;
}

.urs-onboard__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 24px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px;
  border: 1.5px solid transparent;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}

.urs-onboard__btn--primary {
  background: var(--urs-primary-hover);
  color: #fff;
  border-color: var(--urs-primary-hover);
}

.urs-onboard__btn--primary:hover:not(:disabled) {
  background: var(--urs-primary-hover);
  border-color: var(--urs-primary-hover);
  color: #fff;
  box-shadow: 0 4px 12px rgb(241 181 99 / 25%);
}

.urs-onboard__btn--primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.urs-onboard__btn--ghost {
  background: transparent;
  color: #64748b;
  border-color: #e2e8f0;
}

.urs-onboard__btn--ghost:hover {
  background: #f8fafc;
  color: #1e293b;
  border-color: #cbd5e1;
}

/* --- Reseller Type Cards --- */
.urs-onboard__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.urs-onboard__card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 18px;
  border: 1.5px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
}

.urs-onboard__card:hover {
  border-color: var(--urs-primary-hover);
  background: #f8fafc;
}

.urs-onboard__card.is-selected {
  border-color: var(--urs-primary-hover);
  background: #eef2ff;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.urs-onboard__card-icon {
  font-size: 20px;
  color: var(--urs-primary-hover);
  line-height: 1;
}

.urs-onboard__card-title {
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
}

.urs-onboard__card-desc {
  font-size: 12px;
  color: #64748b;
  line-height: 1.4;
}

.urs-onboard__card-badge {
  display: inline-block;
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--urs-primary-hover);
  background: rgba(99, 102, 241, 0.08);
  padding: 2px 8px;
  border-radius: 4px;
  margin-top: 2px;
}

/* Disabled card (coming soon) */
.urs-onboard__card--disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: auto;
  position: relative;
  background: #fafafa;
  border-style: dashed;
}
.urs-onboard__card--disabled:hover {
  border-color: #e2e8f0;
  background: #fafafa;
}
.urs-onboard__card--disabled.is-selected {
  border-color: #e2e8f0;
  box-shadow: none;
  background: #fafafa;
}

/* Badge variants */
.urs-onboard__card-badge--soon {
  color: #f59e0b;
  background: rgba(245, 158, 11, 0.1);
}
.urs-onboard__card-badge--bronze {
  background: var(--urs-primary);
  color: var(--urs-primary-hover);
}
.urs-onboard__card-badge--silver {
  background: var(--urs-primary);
  color: var(--urs-primary-hover);
}
.urs-onboard__card-badge--gold {
  background: var(--urs-primary);
  color: var(--urs-primary-hover);
}
.urs-onboard__card-badge--architecte {
  background: var(--urs-primary);
  color: var(--urs-primary-hover);
}

/* Badges container */
.urs-onboard__card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}
.urs-onboard__card-badges .urs-onboard__card-badge {
  margin-top: 0;
}

.urs-onboard__conditional {
  margin-top: 16px;
  padding: 16px 20px;
  background: #f8fafc;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
}

/* --- Pricing Error --- */
.urs-onboard__pricing-error {
  margin-top: 12px;
  padding: 10px 16px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  color: #dc2626;
  font-size: 13px;
  font-weight: 500;
}

/* --- Separator --- */
.urs-onboard__separator {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0 16px;
  font-size: 13px;
  font-weight: 700;
  color: var(--urs-primary-hover);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.urs-onboard__separator span {
  background: #fff;
  padding: 0px 10px;
}
.urs-onboard__separator::before,
.urs-onboard__separator::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #e5e7eb;
}

/* ── Platform Selector (Step 3) ── */
.urs-platform-selector {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}
.urs-platform-card {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all .15s ease;
}
.urs-platform-card i {
    font-size: 16px;
    width: 20px;
    text-align: center;
}
.urs-platform-card:hover {
    border-color: var(--urs-primary-hover, #7c3aed);
    color: var(--urs-primary-hover, #7c3aed);
    background: var(--urs-primary-light, #f5f3ff);
}
.urs-platform-card.is-active {
    border-color: var(--urs-primary-hover, #7c3aed);
    background: var(--urs-primary-hover, #7c3aed);
    color: #fff;
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.18);
}
.urs-platform-card.is-active:hover {
    background: var(--urs-primary-hover, #6d28d9);
    border-color: var(--urs-primary-hover, #6d28d9);
    color: #fff;
}
.urs-platform-error {
    margin-top: 8px;
    padding: 8px 14px;
    border-radius: 8px;
    background: #fef2f2;
    color: #dc2626;
    font-size: 13px;
    font-weight: 500;
}
.urs-platform-error i {
    margin-right: 4px;
}

/* ── Interest Cards (Step 4) ── */
.urs-interest-selector {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}
.urs-interest-card {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all .15s ease;
}
.urs-interest-card i {
    font-size: 16px;
    width: 20px;
    text-align: center;
}
.urs-interest-card:hover {
    border-color: var(--urs-primary-hover, #7c3aed);
    color: var(--urs-primary-hover, #7c3aed);
    background: var(--urs-primary-light, #f5f3ff);
}
.urs-interest-card.is-active {
    border-color: var(--urs-primary-hover, #7c3aed);
    background: var(--urs-primary-hover, #7c3aed);
    color: #fff;
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.18);
}
.urs-interest-card.is-active:hover {
    background: var(--urs-primary-hover, #6d28d9);
    border-color: var(--urs-primary-hover, #6d28d9);
    color: #fff;
}
.urs-interest-error {
    margin-top: 8px;
    padding: 8px 14px;
    border-radius: 8px;
    background: #fef2f2;
    color: #dc2626;
    font-size: 13px;
    font-weight: 500;
}
.urs-interest-error i {
    margin-right: 4px;
}

/* ── Client Cards (Step 2) ── */
.urs-client-selector {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}
.urs-client-card {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all .15s ease;
}
.urs-client-card i {
    font-size: 16px;
    width: 20px;
    text-align: center;
}
.urs-client-card:hover {
    border-color: var(--urs-primary-hover, #7c3aed);
    color: var(--urs-primary-hover, #7c3aed);
    background: var(--urs-primary-light, #f5f3ff);
}
.urs-client-card.is-active {
    border-color: var(--urs-primary-hover, #7c3aed);
    background: var(--urs-primary-hover, #7c3aed);
    color: #fff;
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.18);
}
.urs-client-card.is-active:hover {
    background: var(--urs-primary-hover, #6d28d9);
    border-color: var(--urs-primary-hover, #6d28d9);
    color: #fff;
}
.urs-client-error {
    margin-top: 8px;
    padding: 8px 14px;
    border-radius: 8px;
    background: #fef2f2;
    color: #dc2626;
    font-size: 13px;
    font-weight: 500;
}
.urs-client-error i {
    margin-right: 4px;
}

/* Dynamic platform field blocks */
.urs-platform-fields {
    margin-top: 16px;
}
.urs-platform-field-group {
    padding: 14px 16px;
    margin-bottom: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fafafa;
    animation: ursSlideIn .2s ease;
}
@keyframes ursSlideIn {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}
.urs-platform-field-group__header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    color: var(--urs-primary-hover);
}
.urs-platform-field-group__header i {
    font-size: 15px;
}
.urs-platform-field-group .urs-onboard__input-wrap {
    background: #fff;
}
.urs-platform-field-error {
    margin-top: 4px;
    padding: 4px 8px;
    font-size: 12px;
    color: #dc2626;
    font-weight: 500;
}
.urs-onboard__field-hint {
    margin: 2px 0 0;
    font-size: 12px;
    color: #94a3b8;
    line-height: 1.4;
}

/* --- Pricing Panel --- */
/* ===== PRICING PANEL — MODERN SAAS REWORK ===== */
.urs-onboard__pricing-panel {
  margin-top: 24px;
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  /* display: flex;
  flex-direction: column;
  gap: 14px; */
}

/* --- Header --- */
.urs-onboard__pricing-title {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 4px;
  letter-spacing: -0.3px;
}
.urs-onboard__pricing-title i {
  color: var(--urs-primary-hover);
  margin-right: 8px;
}

/* --- Premium Pricing Grid (3 cards) --- */
.urs-pricing__header {
  padding: 24px 28px 0;
}
.urs-pricing__title {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 4px;
  letter-spacing: -0.3px;
}
.urs-pricing__title i {
  color: var(--urs-primary-hover);
  margin-right: 8px;
}
.urs-pricing__subtitle {
  font-size: 14px;
  color: #64748b;
  margin: 0 0 20px;
  line-height: 1.6;
}

.urs-pricing__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  padding: 0 24px 24px;
}

/* --- Individual Card --- */
.urs-pricing__card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px 22px;
  border-radius: 20px;
  box-shadow: 0 1px 3px rgba(15,23,42,0.06), 0 1px 2px rgba(15,23,42,0.04);
  transition: transform 0.2s ease, box-shadow 0.25s ease;
  border: 1px solid #f1f5f9;
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(15,23,42,0.08), 0 4px 8px rgba(15,23,42,0.04);
}

/* Bronze card */
.urs-pricing__card--bronze {
  background: linear-gradient(145deg, #fffaf5, #fef3eb);
  border-top: 3px solid #CD7F32;
}
.urs-pricing__card--bronze .urs-pricing__card-name { color: #8B5E3C; }
.urs-pricing__card--bronze .urs-pricing__card-icon { color: #CD7F32; }

/* Silver card */
.urs-pricing__card--silver {
  background: linear-gradient(145deg, #fafafa, #f4f4f6);
  border-top: 3px solid #A8A8B0;
}
.urs-pricing__card--silver .urs-pricing__card-name { color: #4a5568; }
.urs-pricing__card--silver .urs-pricing__card-icon { color: #88909c; }

/* Gold card — featured, slightly larger highlight */
.urs-pricing__card--gold {
  background: linear-gradient(145deg, #fffcf0, #fef7e0);
  border-top: 3px solid #D4AF37;
  box-shadow: 0 4px 12px rgba(212,175,55,0.12), 0 1px 3px rgba(15,23,42,0.06);
  transform: scale(1.02);
  z-index: 1;
}
.urs-pricing__card--gold:hover {
  transform: scale(1.02) translateY(-3px);
  box-shadow: 0 16px 32px rgba(212,175,55,0.18), 0 4px 8px rgba(15,23,42,0.04);
}
.urs-pricing__card--gold .urs-pricing__card-name { color: #8B6914; }
.urs-pricing__card--gold .urs-pricing__card-icon { color: #D4AF37; }

.urs-pricing__grid--professional{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.urs-pricing__card--pro{background:linear-gradient(145deg,#fffaf7,#fff4ef);border-top:3px solid #f28163; margin: 20px 80px;}
.urs-pricing__card--pro .urs-pricing__card-name,.urs-pricing__card--pro .urs-pricing__card-icon{color:#e56f54}
.urs-pricing__card--pro .urs-pricing__card-badge{background:rgba(242,129,99,.12);color:#d45d45}
.urs-pricing__card--pro .urs-pricing__discount-value{color:#e56f54}
.urs-pricing__card--elite{background:linear-gradient(145deg,#fffdf5,#fff7dc);border-top:3px solid #d4af37; margin: 20px 80px;box-shadow:0 4px 12px rgba(212,175,55,.12),0 1px 3px rgba(15,23,42,.06);transform:scale(1.02);z-index:1}
.urs-pricing__card--elite:hover{transform:scale(1.02) translateY(-3px);box-shadow:0 16px 32px rgba(212,175,55,.18),0 4px 8px rgba(15,23,42,.04)}
.urs-pricing__card--elite .urs-pricing__card-name,.urs-pricing__card--elite .urs-pricing__card-icon{color:#9a7115}
.urs-pricing__card--elite .urs-pricing__card-badge{background:rgba(212,175,55,.15);color:#8b6914}
.urs-pricing__card--elite .urs-pricing__discount-value{color:#9a7115}

/* Card top: icon + name */
.urs-pricing__card-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.urs-pricing__card-icon {
  font-size: 22px;
  line-height: 1;
}
.urs-pricing__card-name {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.3px;
}

/* Badge (qualification requirement) */
.urs-pricing__card-badge {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 14px;
  background: rgba(15,23,42,0.06);
  color: #475569;
}
.urs-pricing__card--bronze .urs-pricing__card-badge {
  background: rgba(205,127,50,0.12);
  color: #8B5E3C;
}
.urs-pricing__card--silver .urs-pricing__card-badge {
  background: rgba(168,168,176,0.15);
  color: #4a5568;
}
.urs-pricing__card--gold .urs-pricing__card-badge {
  background: rgba(212,175,55,0.15);
  color: #8B6914;
}

/* Discount — primary focal point */
.urs-pricing__card-discount {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(15,23,42,0.06);
}
.urs-pricing__discount-value {
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -1px;
  line-height: 1;
  color: #0f172a;
}
.urs-pricing__card--bronze .urs-pricing__discount-value { color: #8B5E3C; }
.urs-pricing__card--silver .urs-pricing__discount-value { color: #4a5568; }
.urs-pricing__card--gold .urs-pricing__discount-value { color: #8B6914; }

.urs-pricing__discount-to {
  font-size: 14px;
  color: #94a3b8;
  font-weight: 500;
}

/* Benefits list */
.urs-pricing__card-benefits {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.urs-pricing__card-benefits li {
  font-size: 13px;
  color: #334155;
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1.4;
}
.urs-pricing__card-benefits li i {
  color: #10b981;
  font-size: 12px;
  flex-shrink: 0;
}

/* ===== PREMIUM MILESTONE JOURNEY (replaces old progress bar) ===== */
.urs-pricing__evolution {
  padding: 0 24px 28px;
}
.urs-pricing__evolution-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  color: #6366f1;
  background: rgba(99, 102, 241, 0.08);
  padding: 3px 10px;
  border-radius: 999px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.urs-pricing__evolution-head {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 4px;
}
.urs-pricing__evolution-head i {
  color: var(--urs-primary-hover);
  font-size: 16px;
}
.urs-pricing__evolution-desc {
  font-size: 13px;
  color: #64748b;
  margin: 0 0 28px;
  line-height: 1.5;
}
.urs-pricing__evolution-note {
  font-size: 12px;
  color: #94a3b8;
  margin: 16px 0 0;
  text-align: center;
}

/* --- Milestone Journey --- */
.urs-evolution__journey {
  display: flex;
  align-items: flex-start;
  gap: 0;
  padding: 0 4px;
}

/* --- Connector bar (between milestones) --- */
.urs-evolution__connector {
  flex: 1;
  height: 4px;
  background: #e2e8f0;
  border-radius: 2px;
  margin-top: 28px;
  position: relative;
  overflow: hidden;
}
.urs-evolution__connector-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(90deg, #CD7F32, #A0AEC0 60%, #F59E0B);
  border-radius: 2px;
  transition: width 0.6s ease;
}

/* --- Milestone --- */
.urs-evolution__milestone {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  position: relative;
}

/* Circular ring */
.urs-evolution__milestone-ring {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f5f9;
  border: 2px solid #e2e8f0;
  transition: all 0.3s ease;
  position: relative;
}
.urs-evolution__milestone:hover .urs-evolution__milestone-ring {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
}

/* Active milestone */
.urs-evolution__milestone.is-active .urs-evolution__milestone-ring {
  border-color: #CD7F32;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(205, 127, 50, 0.15), 0 2px 8px rgba(205, 127, 50, 0.1);
  animation: urs-evolution-pulse 2.5s ease-in-out infinite;
}
@keyframes urs-evolution-pulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(205, 127, 50, 0.15), 0 2px 8px rgba(205, 127, 50, 0.1); }
  50% { box-shadow: 0 0 0 8px rgba(205, 127, 50, 0.06), 0 2px 8px rgba(205, 127, 50, 0.1); }
}

/* Gold tier special glow */
.urs-evolution__milestone[data-tier="gold"] .urs-evolution__milestone-ring {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border-color: #fcd34d;
}
.urs-evolution__milestone[data-tier="gold"]:hover .urs-evolution__milestone-ring {
  box-shadow: 0 6px 20px rgba(245, 158, 11, 0.3), 0 4px 12px rgba(15, 23, 42, 0.06);
  border-color: #f59e0b;
}
.urs-evolution__milestone[data-tier="gold"] .urs-evolution__milestone-icon svg {
  filter: drop-shadow(0 0 3px rgba(245, 158, 11, 0.3));
}

/* Milestone icon */
.urs-evolution__milestone-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.urs-evolution__milestone-icon i {
  font-size: 24px;
  line-height: 1;
}
.urs-evolution__milestone[data-tier="bronze"] .urs-evolution__milestone-icon { color: #cd7f32; }
.urs-evolution__milestone[data-tier="silver"] .urs-evolution__milestone-icon { color: #64748b; }
.urs-evolution__milestone[data-tier="gold"] .urs-evolution__milestone-icon { color: #d4af37; }

/* Info below ring */
.urs-evolution__milestone-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.urs-evolution__milestone-name {
  font-size: 13px;
  font-weight: 700;
  color: #1e293b;
  line-height: 1.2;
}
.urs-evolution__milestone.is-active .urs-evolution__milestone-name {
  color: #CD7F32;
}
.urs-evolution__milestone[data-tier="gold"] .urs-evolution__milestone-name {
  background: linear-gradient(135deg, #b45309, #d97706);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.urs-evolution__milestone-revenue {
  font-size: 11px;
  color: #94a3b8;
  font-weight: 500;
  white-space: nowrap;
}
.urs-evolution__milestone.is-active .urs-evolution__milestone-revenue {
  color: #CD7F32;
  font-weight: 600;
}
.urs-pricing__evolution--professional .urs-evolution__milestone[data-tier="pro"].is-active .urs-evolution__milestone-ring {
  border-color:#f28163;
  box-shadow:0 0 0 4px rgba(242,129,99,.15),0 2px 8px rgba(242,129,99,.1);
}
.urs-pricing__evolution--professional .urs-evolution__milestone[data-tier="pro"].is-active .urs-evolution__milestone-name,
.urs-pricing__evolution--professional .urs-evolution__milestone[data-tier="pro"].is-active .urs-evolution__milestone-revenue {
  color:#e56f54;
}
.urs-pricing__evolution--professional .urs-evolution__milestone[data-tier="elite"] .urs-evolution__milestone-ring {
  background:linear-gradient(135deg,#fffdf5 0%,#fef3c7 100%);
  border-color:#fcd34d;
}
.urs-pricing__evolution--professional .urs-evolution__milestone[data-tier="elite"] .urs-evolution__milestone-name,
.urs-pricing__evolution--professional .urs-evolution__milestone[data-tier="elite"] .urs-evolution__milestone-icon {
  color:#9a7115;
}

/* ===== AGENCY SECTION — Updated Premium Style ===== */
.urs-onboard__tier {
  margin: 0 24px 24px;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #f1f5f9;
  border-radius: 20px;
  box-shadow: 0 1px 3px rgba(15,23,42,0.06), 0 1px 2px rgba(15,23,42,0.04);
  transition: transform 0.2s ease, box-shadow 0.25s ease;
}
.urs-onboard__tier:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(15,23,42,0.08), 0 4px 8px rgba(15,23,42,0.04);
}

.urs-onboard__tier-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.urs-onboard__tier-name {
  font-size: 17px;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.3px;
}
.urs-onboard__tier-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.urs-onboard__tier-badge--bronze {
  background: rgba(205,127,50,0.12);
  color: #8B5E3C;
}
.urs-onboard__tier-badge--silver {
  background: rgba(168,168,176,0.15);
  color: #4a5568;
}
.urs-onboard__tier-badge--gold {
  background: rgba(212,175,55,0.15);
  color: #8B6914;
}
.urs-onboard__tier-badge--pro {
  background: rgba(242,129,99,0.12);
  color: #c96a4e;
}

/* Discounts in agency */
.urs-onboard__tier-discounts {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.urs-onboard__discount {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px 16px;
  background: linear-gradient(145deg, #fafafa, #f4f4f6);
  border-radius: 12px;
  text-align: center;
}
.urs-onboard__discount-label {
  font-size: 12px;
  color: #64748b;
  font-weight: 600;
  margin-bottom: 4px;
}
.urs-onboard__discount-value {
  font-size: 22px;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.5px;
}

/* Agency benefits */
.urs-onboard__tier-benefits {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.urs-onboard__tier-benefits li {
  font-size: 13px;
  color: #334155;
  display: flex;
  align-items: center;
  gap: 8px;
}
.urs-onboard__tier-benefits li i {
  color: #10b981;
  font-size: 12px;
}

/* Agency tags */
.urs-onboard__tier-section {
  margin: 0 24px 16px;
}
.urs-onboard__tier-section-title {
  font-size: 13px;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 10px;
}

.urs-professional-rank{margin-top:22px;padding:20px;border:1px solid #dbe5f0;border-radius:16px;background:linear-gradient(135deg,#fff8f3,#fff);box-shadow:0 8px 24px rgba(15,23,42,.05)}
.urs-professional-rank__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.urs-professional-rank h4{margin:4px 0;color:#1e293b;font-size:20px}
.urs-professional-rank p{margin:0;color:#64748b;font-size:13px;line-height:1.5}
.urs-professional-rank__discount{color:#f0785f;font-size:28px;white-space:nowrap}
.urs-professional-rank__progress-head{display:flex;justify-content:space-between;gap:12px;margin-top:18px;color:#64748b;font-size:12px}
.urs-professional-rank__progress-head strong{color:#334155}
.urs-professional-rank__progress{height:8px;margin-top:8px;overflow:hidden;border-radius:999px;background:#e8edf3}
.urs-professional-rank__progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f28163,#e1ad45)}
.urs-professional-rank__status{margin-top:10px!important;font-size:12px!important}
.urs-professional-rank__status i{color:#10b981;margin-right:5px}
.urs-professional-rank__features{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 0;padding:0;list-style:none}
.urs-professional-rank__features li{color:#334155;font-size:12px}
.urs-professional-rank__features li:before{content:'\2713';color:#10b981;font-weight:700;margin-right:6px}
.urs-onboard__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.urs-onboard__tag {
  display: inline-block;
  padding: 5px 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 12px;
  color: #475569;
  font-weight: 500;
  transition: all 0.2s ease;
}
.urs-onboard__tag:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .urs-pricing__grid {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 0 16px 20px;
  }
  .urs-pricing__card--gold {
    transform: none;
  }
  .urs-pricing__card--gold:hover {
    transform: translateY(-3px);
  }
  .urs-pricing__card--elite {
    transform: none;
  }
  .urs-pricing__card--elite:hover {
    transform: translateY(-3px);
  }
  .urs-pricing__header {
    padding: 20px 16px 0;
  }
  .urs-pricing__discount-value {
    font-size: 28px;
  }
  .urs-pricing__evolution {
    padding: 0 16px 24px;
  }
  .urs-evolution__milestone-ring {
    width: 46px;
    height: 46px;
  }
  .urs-evolution__milestone-icon svg {
    width: 22px;
    height: 22px;
  }
  .urs-evolution__milestone-name {
    font-size: 12px;
  }
  .urs-evolution__milestone-revenue {
    font-size: 10px;
  }
  .urs-evolution__connector {
    margin-top: 23px;
  }

  /* Agency responsive */
  .urs-onboard__tier {
    margin: 0 16px 20px;
    padding: 20px;
  }
  .urs-onboard__tier-section {
    margin: 0 16px 12px;
  }
  .urs-onboard__tier-benefits {
    grid-template-columns: 1fr;
  }
}

/* --- Toggle Buttons --- */
.urs-onboard__toggles {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

.urs-onboard__toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s;
}

.urs-onboard__toggle:hover {
  border-color: var(--urs-primary-hover);
  color: #1e293b;
}

.urs-onboard__toggle.is-active {
  border-color: var(--urs-primary-hover);
  background: #eef2ff;
  color: var(--urs-primary-hover);
}

.urs-onboard__toggles--sm .urs-onboard__toggle {
  padding: 8px 16px;
  font-size: 12px;
}

/* --- Company fields --- */
.urs-onboard__company-fields {
  margin-bottom: 16px;
  padding: 16px 20px;
  background: #f8fafc;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
}

/* --- Separator --- */
.urs-onboard__separator {
  height: 1px;
  background: #e2e8f0;
  margin: 20px 0;
}

/* --- Subsection title --- */
.urs-onboard__subsection-title {
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 14px;
  padding-bottom: 6px;
  border-bottom: 2px solid rgba(99, 102, 241, 0.1);
}

/* --- File upload --- */
.urs-onboard__upload {
  margin-bottom: 14px;
}

.urs-onboard__upload-drop {
  border: 2px dashed #dce2ea;
  border-radius: 12px;
  padding: 28px 20px;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s, transform 0.2s;
  background: rgba(245, 247, 250, 0.4);
  position: relative;
  min-height: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.urs-onboard__upload-drop:hover,
.urs-onboard__upload-drop.is-dragover {
  border-color: var(--urs-primary-hover);
  background: rgba(99, 102, 241, 0.06);
  transform: scale(1.01);
}

.urs-onboard__upload-drop .fa-solid {
  font-size: 28px;
  color: #94a3b8;
  margin-bottom: 8px;
  display: block;
}

.urs-onboard__upload-drop span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #475569;
}

.urs-onboard__upload-drop small {
  display: block;
  font-size: 11px;
  color: #94a3b8;
  margin-top: 4px;
}

.urs-onboard__upload-drop input[type="file"] {
  display: none;
}

/* Upload preview — after successful upload */
.urs-onboard__upload-preview {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
}
.urs-upload-preview__info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.urs-upload-preview__thumb {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  object-fit: cover;
  background: #f1f5f9;
  flex-shrink: 0;
}
.urs-upload-preview__details {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
}
.urs-upload-preview__name {
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  text-align: left;
}
.urs-upload-preview__size {
  font-size: 11px;
  color: #94a3b8;
}
.urs-upload-preview__remove {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: none;
  background: #fee2e2;
  color: #ef4444;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.urs-upload-preview__remove:hover {
  background: #fecaca;
}

/* Drop area states */
.urs-onboard__upload-drop.is-uploading {
  pointer-events: none;
  opacity: 0.7;
}
.urs-onboard__upload-drop.has-file {
  border-style: solid;
  border-color: #a5b4fc;
  background: rgba(99, 102, 241, 0.04);
  padding: 16px 20px;
  min-height: auto;
}

.urs-onboard__upload-label {
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 6px;
  display: block;
}

.urs-onboard__upload-status {
  display: none;
  font-size: 12px;
  font-weight: 500;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(16, 185, 129, 0.08);
  color: #10b981;
}

.urs-onboard__upload-status.is-uploaded,
.urs-onboard__upload-status.is-uploading {
  display: inline-block;
}

.urs-onboard__upload-status.is-uploading {
  background: rgba(59, 130, 246, 0.08);
  color: #3b82f6;
}

/* --- Checkbox line --- */
.urs-onboard__checkbox-line {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  padding: 12px 16px;
  background: #f8fafc;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
}

.urs-onboard__checkbox-line input[type="checkbox"] {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1.5px solid #cbd5e1;
  accent-color: var(--urs-primary-hover);
  flex-shrink: 0;
  cursor: pointer;
  margin: 0;
}

.urs-onboard__checkbox-line label {
  font-size: 13px;
  font-weight: 500;
  color: #475569;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

/* --- Review summary --- */
.urs-onboard__review-summary {
  margin-bottom: 8px;
}

.urs-onboard__review-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 24px;
}

.urs-onboard__review-item {
  padding: 6px 0;
  border-bottom: 1px solid #f1f5f9;
}

.urs-onboard__review-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #94a3b8;
  margin-bottom: 1px;
}

.urs-onboard__review-value {
  font-size: 14px;
  font-weight: 500;
  color: #1e293b;
}

.urs-onboard__review-section {
  margin-bottom: 16px;
}

.urs-onboard__review-section-title {
  font-size: 13px;
  font-weight: 700;
  color: #1e293b;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
  padding-bottom: 6px;
  border-bottom: 2px solid rgba(99, 102, 241, 0.1);
}

/* --- Error message --- */
.urs-onboard__error {
  display: none;
  padding: 12px 16px;
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 10px;
  color: #ef4444;
  font-size: 13px;
  font-weight: 500;
  margin-top: 12px;
}

/* --- Loading / busy state --- */
.urs-btn.is-busy {
  position: relative;
  pointer-events: none;
  color: transparent !important;
}

.urs-btn.is-busy::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: ursSpin 0.6s linear infinite;
}

@keyframes ursSpin {
  to { transform: rotate(360deg); }
}

/* --- Responsive --- */
@media (max-width: 1280px) {
  .urs-auth-page:has([data-auth-panel="onboarding"].is-active) {
    padding: 20px 28px;
  }

  .urs-onboard__sidebar {
    padding: 36px 28px;
  }

  .urs-onboard__main {
    padding: 32px 32px 32px;
  }

  .urs-onboard__sidebar-title {
    font-size: 24px;
  }

  .urs-onboard__panel-body {
    padding: 24px 24px;
  }
}

@media (max-width: 900px) {
  .urs-auth-page:has([data-auth-panel="onboarding"].is-active) {
    padding: 16px;
  }

  .urs-auth-simple-card:has([data-auth-panel="onboarding"].is-active) {
    width: 100%;
  }

  .urs-onboard__layout {
    flex-direction: column;
  }

  .urs-onboard__sidebar {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #e2e8f0;
    padding: 24px 24px 20px;
  }

  .urs-onboard__sidebar-title {
    font-size: 22px;
  }

  .urs-onboard__sidebar-art {
    display: none;
  }

  .urs-onboard__sidebar-progress {
    margin-top: 8px;
  }

  .urs-onboard__main {
    padding: 24px 20px 24px;
  }

  .urs-onboard__row {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .urs-onboard__cards {
    grid-template-columns: 1fr;
  }

  .urs-onboard__review-grid {
    grid-template-columns: 1fr;
  }

  .urs-onboard__panel-body {
    padding: 20px 16px;
  }

  .urs-onboard__panel-foot {
    flex-direction: column;
  }

  .urs-onboard__btn {
    width: 100%;
    justify-content: center;
  }

  .urs-rank-progression__card {
    padding: 8px 10px;
    gap: 8px;
  }
  .urs-rank-progression__card-name {
    font-size: 12px;
  }
  .urs-rank-progression__card-desc {
    font-size: 10px;
  }
  .urs-rank-progression__card-badge {
    font-size: 9px;
    padding: 2px 6px;
  }
}

/* ── Mobile: hide sidebar, show only active step ── */
@media (max-width: 768px) {
  .urs-onboard__sidebar {
    display: none !important;
  }

  .urs-onboard__layout {
    flex-direction: column;
  }

  .urs-onboard__main {
    width: 100%;
  }
}

/* ── Rank Progression responsive ── */
@media (max-width: 768px) {
  .urs-rank-progression {
    padding: 12px 14px;
  }
  .urs-rank-progression__header {
    margin-bottom: 10px;
  }
  .urs-rank-progression__tiers {
    flex-wrap: wrap;
    gap: 8px;
  }
  .urs-rank-progression__card {
    flex: 1;
    min-width: 0;
  }
  .urs-rank-progression__divider {
    display: none;
  }
}

/* ============================================================================= */
/* NEW: Horizontal Timeline Design - "Votre progression revendeur" */
/* ============================================================================= */

/* Timeline Track Container */
.urs-timeline__track {
  position: relative;
  margin-top: 40px;
}

/* Background progress line */
.urs-timeline__line-bg {
  position: absolute;
  top: 24px;
  left: 28px;
  right: 28px;
  height: 6px;
  background: linear-gradient(90deg, 
    #e2e8f0 0%, 
    #cbd5e1 50%, 
    #e2e8f0 100%);
  border-radius: 999px;
  z-index: 0;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.04);
}

/* Active progress line fill */
.urs-timeline__line-fill {
  position: absolute;
  top: 24px;
  left: 28px;
  height: 6px;
  background: linear-gradient(90deg, 
    #10b981 0%, 
    #059669 50%,
    #047857 100%);
  border-radius: 999px;
  z-index: 1;
  transition: width 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  box-shadow: 
    0 0 0 2px rgba(16, 185, 129, .1),
    0 2px 8px rgba(16, 185, 129, .2);
}
.urs-timeline__line-fill-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -60px;
  right: 0;
  transform: translateX(50%);
  background: linear-gradient(135deg, #059669, #10b981);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 6px;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(5, 150, 105, .3);
  letter-spacing: -.01em;
}

/* Nodes Container */
.urs-timeline__nodes {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 2;
  gap: 24px;
}

/* Individual Timeline Node */
.urs-timeline__node {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 auto;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.urs-timeline__node:hover .urs-timeline__node-circle {
  transform: translateY(-4px) scale(1.08);
}

/* Node Circle (the dot on the timeline) */
.urs-timeline__node-circle {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  position: relative;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  border: 2.5px solid transparent;
  box-shadow: 0 2px 12px rgba(0,0,0,.08);
}

/* SVG Icon styling */
.urs-timeline__icon {
  color: currentColor;
  width: 28px;
  height: 28px;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  filter: drop-shadow(0 1px 3px rgba(0,0,0,.1));
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.urs-timeline__node:hover .urs-timeline__icon {
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.15));
}

/* Node Label (name, desc, badge) */
.urs-timeline__node-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
  min-width: 100%;
  animation: urs-fade-in 0.6s ease-out forwards;
  animation-delay: var(--node-delay, 0s);
}

@keyframes urs-fade-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.urs-timeline__node[data-tier="bronze"] .urs-timeline__node-label {
  --node-delay: 0.1s;
}

.urs-timeline__node[data-tier="silver"] .urs-timeline__node-label {
  --node-delay: 0.2s;
}

.urs-timeline__node[data-tier="gold"] .urs-timeline__node-label {
  --node-delay: 0.3s;
}

.urs-timeline__node-label strong {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  line-height: 1.3;
  letter-spacing: -0.3px;
}

.urs-timeline__node-label span:not(.urs-timeline__badge) {
  font-size: 12px;
  color: #64748b;
  line-height: 1.4;
  font-weight: 500;
}

/* Badge (Actuel, Complété) */
.urs-timeline__badge {
  display: inline-block;
  margin-top: 8px;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 8px;
  background: var(--urs-primary-hover-soft);
  color: var(--urs-primary-hover);
  white-space: nowrap;
  border: 1px solid rgba(242, 129, 99, .25);
  box-shadow: 
    0 2px 4px rgba(242, 129, 99, .12),
    inset 0 1px 2px rgba(255, 255, 255, .5);
  transition: all 0.3s ease;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  animation: urs-badge-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  transform-origin: center;
}

@keyframes urs-badge-pop {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.urs-timeline__node:hover .urs-timeline__badge {
  transform: translateY(-2px);
  box-shadow: 
    0 4px 8px rgba(79, 70, 229, .15),
    inset 0 1px 2px rgba(255, 255, 255, .5);
}

.urs-timeline__badge.is-completed {
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  color: #047857;
  border-color: rgba(4, 120, 87, .15);
  box-shadow: 
    0 2px 4px rgba(4, 120, 87, .1),
    inset 0 1px 2px rgba(255, 255, 255, .5);
}

/* ---- Bronze Tier States ---- */
.urs-timeline__node[data-tier="bronze"].is-active .urs-timeline__node-circle {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 50%, #fcd34d 100%);
  border-color: #d97706;
  box-shadow: 
    0 0 0 6px rgba(217, 119, 6, 0.12),
    0 2px 12px rgba(217, 119, 6, 0.2),
    inset 0 1px 3px rgba(255, 255, 255, .6),
    inset 0 -2px 6px rgba(0, 0, 0, .05);
  transform: scale(1.16);
}

.urs-timeline__node[data-tier="bronze"].is-active .urs-timeline__icon {
  color: #d97706;
  text-shadow: 0 2px 4px rgba(217, 119, 6, .3);
}

.urs-timeline__node[data-tier="bronze"].is-done .urs-timeline__node-circle {
  background: linear-gradient(135deg, #fef9c3 0%, #fef3c7 100%);
  border-color: #fde68a;
  opacity: 0.8;
  box-shadow: 
    0 2px 8px rgba(217, 119, 6, .06),
    inset 0 1px 2px rgba(255, 255, 255, .4);
}

.urs-timeline__node[data-tier="bronze"].is-done .urs-timeline__icon {
  color: #ca8a04;
  opacity: 0.8;
}

.urs-timeline__node[data-tier="bronze"].is-locked .urs-timeline__node-circle {
  background: linear-gradient(135deg, #fef3c7 0%, #fef0b8 100%);
  border-color: #fde68a;
  border-style: dashed;
  box-shadow: 
    0 2px 6px rgba(217, 119, 6, .06),
    inset 0 1px 2px rgba(255, 255, 255, .4);
  opacity: 0.72;
}

.urs-timeline__node[data-tier="bronze"].is-locked .urs-timeline__icon {
  color: #d4a574;
  opacity: 0.6;
}

/* ---- Silver Tier States ---- */
.urs-timeline__node[data-tier="silver"].is-active .urs-timeline__node-circle {
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 50%, #cbd5e1 100%);
  border-color: #64748b;
  box-shadow: 
    0 0 0 6px rgba(100, 116, 139, 0.12),
    0 2px 12px rgba(100, 116, 139, 0.2),
    inset 0 1px 3px rgba(255, 255, 255, .6),
    inset 0 -2px 6px rgba(0, 0, 0, .04);
  transform: scale(1.16);
}

.urs-timeline__node[data-tier="silver"].is-active .urs-timeline__icon {
  color: #64748b;
  text-shadow: 0 2px 4px rgba(100, 116, 139, .2);
}

.urs-timeline__node[data-tier="silver"].is-done .urs-timeline__node-circle {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-color: #cbd5e1;
  opacity: 0.8;
  box-shadow: 
    0 2px 8px rgba(100, 116, 139, .06),
    inset 0 1px 2px rgba(255, 255, 255, .4);
}

.urs-timeline__node[data-tier="silver"].is-done .urs-timeline__icon {
  color: #475569;
  opacity: 0.8;
}

.urs-timeline__node[data-tier="silver"].is-locked .urs-timeline__node-circle {
  background: linear-gradient(135deg, #ffffff 0%, #e8ecf1 100%);
  border-color: #cbd5e1;
  border-style: dashed;
  box-shadow: 
    0 2px 6px rgba(100, 116, 139, .08),
    inset 0 1px 2px rgba(255, 255, 255, .6);
  opacity: 0.85;
}

.urs-timeline__node[data-tier="silver"].is-locked .urs-timeline__icon {
  color: #a0aec0;
  opacity: 0.7;
}

/* ---- Gold Tier States ---- */
.urs-timeline__node[data-tier="gold"].is-active .urs-timeline__node-circle {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 50%, #fcd34d 100%);
  border-color: #f59e0b;
  box-shadow: 
    0 0 0 6px rgba(245, 158, 11, 0.12),
    0 2px 12px rgba(245, 158, 11, 0.2),
    inset 0 1px 3px rgba(255, 255, 255, .6),
    inset 0 -2px 6px rgba(0, 0, 0, .05);
  transform: scale(1.16);
}

.urs-timeline__node[data-tier="gold"].is-active .urs-timeline__icon {
  color: #f59e0b;
  text-shadow: 0 2px 4px rgba(245, 158, 11, .3);
}

.urs-timeline__node[data-tier="gold"].is-done .urs-timeline__node-circle {
  background: linear-gradient(135deg, #fef9c3 0%, #fef3c7 100%);
  border-color: #fcd34d;
  opacity: 0.8;
  box-shadow: 
    0 2px 8px rgba(245, 158, 11, .06),
    inset 0 1px 2px rgba(255, 255, 255, .4);
}

.urs-timeline__node[data-tier="gold"].is-done .urs-timeline__icon {
  color: #d97706;
  opacity: 0.8;
}

.urs-timeline__node[data-tier="gold"].is-locked .urs-timeline__node-circle {
  background: linear-gradient(135deg, #fef3c7 0%, #fef0b8 100%);
  border-color: #fde68a;
  border-style: dashed;
  box-shadow: 
    0 2px 6px rgba(245, 158, 11, .06),
    inset 0 1px 2px rgba(255, 255, 255, .4);
  opacity: 0.72;
}

.urs-timeline__node[data-tier="gold"].is-locked .urs-timeline__icon {
  color: #d4a574;
  opacity: 0.6;
}

/* ---- Pro Tier States ---- */
.urs-timeline__node[data-tier="pro"].is-active .urs-timeline__node-circle {
  background: linear-gradient(135deg, #dbeafe 0%, #93c5fd 50%, #60a5fa 100%);
  border-color: #2563eb;
  box-shadow:
    0 0 0 6px rgba(37, 99, 235, 0.12),
    0 2px 12px rgba(37, 99, 235, 0.2),
    inset 0 1px 3px rgba(255, 255, 255, .6),
    inset 0 -2px 6px rgba(0, 0, 0, .05);
  transform: scale(1.16);
}
.urs-timeline__node[data-tier="pro"].is-active .urs-timeline__icon {
  color: #2563eb;
  text-shadow: 0 2px 4px rgba(37, 99, 235, .3);
}
.urs-timeline__node[data-tier="pro"].is-done .urs-timeline__node-circle {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  border-color: #93c5fd;
  opacity: 0.8;
  box-shadow:
    0 2px 8px rgba(37, 99, 235, .06),
    inset 0 1px 2px rgba(255, 255, 255, .4);
}
.urs-timeline__node[data-tier="pro"].is-done .urs-timeline__icon {
  color: #3b82f6;
  opacity: 0.8;
}
.urs-timeline__node[data-tier="pro"].is-locked .urs-timeline__node-circle {
  background: linear-gradient(135deg, #f0f4ff 0%, #dbeafe 100%);
  border-color: #93c5fd;
  border-style: dashed;
  box-shadow:
    0 2px 6px rgba(37, 99, 235, .06),
    inset 0 1px 2px rgba(255, 255, 255, .4);
  opacity: 0.72;
}
.urs-timeline__node[data-tier="pro"].is-locked .urs-timeline__icon {
  color: #7ca3e6;
  opacity: 0.6;
}

/* ---- Elite Tier States ---- */
.urs-timeline__node[data-tier="elite"].is-active .urs-timeline__node-circle {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 50%, #fcd34d 100%);
  border-color: #d97706;
  box-shadow:
    0 0 0 6px rgba(217, 119, 6, 0.12),
    0 2px 12px rgba(217, 119, 6, 0.2),
    inset 0 1px 3px rgba(255, 255, 255, .6),
    inset 0 -2px 6px rgba(0, 0, 0, .05);
  transform: scale(1.16);
}
.urs-timeline__node[data-tier="elite"].is-active .urs-timeline__icon {
  color: #d97706;
  text-shadow: 0 2px 4px rgba(217, 119, 6, .3);
}
.urs-timeline__node[data-tier="elite"].is-done .urs-timeline__node-circle {
  background: linear-gradient(135deg, #fef9c3 0%, #fef3c7 100%);
  border-color: #fcd34d;
  opacity: 0.8;
  box-shadow:
    0 2px 8px rgba(217, 119, 6, .06),
    inset 0 1px 2px rgba(255, 255, 255, .4);
}
.urs-timeline__node[data-tier="elite"].is-done .urs-timeline__icon {
  color: #d97706;
  opacity: 0.8;
}
.urs-timeline__node[data-tier="elite"].is-locked .urs-timeline__node-circle {
  background: linear-gradient(135deg, #fff8e6 0%, #fef3c7 100%);
  border-color: #fde68a;
  border-style: dashed;
  box-shadow:
    0 2px 6px rgba(217, 119, 6, .06),
    inset 0 1px 2px rgba(255, 255, 255, .4);
  opacity: 0.72;
}
.urs-timeline__node[data-tier="elite"].is-locked .urs-timeline__icon {
  color: #d4a574;
  opacity: 0.6;
}

/* Animation delays for architecte 2-node timeline */
.urs-timeline__node[data-tier="pro"] .urs-timeline__node-label {
  --node-delay: 0.1s;
}

/* Milestones follow their real CA thresholds: 0 → 10k → 50k. */
.urs-rank-progression__timeline--reseller .urs-timeline__nodes,
.urs-rank-progression__timeline--professional .urs-timeline__nodes {
  position: relative;
  display: block;
  min-height: 122px;
}
.urs-rank-progression__timeline--reseller .urs-timeline__node,
.urs-rank-progression__timeline--professional .urs-timeline__node {
  position: absolute;
  top: 0;
  margin: 0;
}
.urs-rank-progression__timeline--reseller .urs-timeline__node[data-tier="bronze"],
.urs-rank-progression__timeline--professional .urs-timeline__node[data-tier="pro"] {
  left: 0;
  transform: translateX(-50%);
}
.urs-rank-progression__timeline--reseller .urs-timeline__node[data-tier="silver"] {
  left: 20%;
  transform: translateX(-50%);
}
.urs-rank-progression__timeline--reseller .urs-timeline__node[data-tier="gold"],
.urs-rank-progression__timeline--professional .urs-timeline__node[data-tier="elite"] {
  left: 100%;
  transform: translateX(-50%);
}
.urs-rank-progression__timeline--reseller .urs-timeline__node:hover,
.urs-rank-progression__timeline--professional .urs-timeline__node:hover {
  transform: translateX(-50%);
}
.urs-dashboard-home--insights .urs-dashboard-home__todo.is-done,
.urs-dashboard-home--insights .urs-dashboard-home__todo.is-success:only-child {
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
}
.urs-dashboard-home--insights .urs-dashboard-home__todo.is-done .urs-dashboard-home__todo-copy,
.urs-dashboard-home--insights .urs-dashboard-home__todo.is-success:only-child .urs-dashboard-home__todo-copy {
  grid-column: 2;
  width: 100%;
}
@media (max-width: 640px) {
  .urs-dashboard-home--insights .urs-dashboard-home__todo.is-done,
  .urs-dashboard-home--insights .urs-dashboard-home__todo.is-success:only-child { grid-template-columns: 44px minmax(0, 1fr); }
  .urs-rank-progression__timeline--reseller .urs-timeline__nodes,
  .urs-rank-progression__timeline--professional .urs-timeline__nodes { min-width: 390px; }
}

/* Keep circles, connectors and status badges inside the progression card. */
.urs-rank-progression__timeline--reseller .urs-timeline__track,
.urs-rank-progression__timeline--professional .urs-timeline__track {
  min-height: 154px;
  padding-bottom: 20px;
  overflow: visible;
}
.urs-rank-progression__timeline--reseller .urs-timeline__nodes,
.urs-rank-progression__timeline--professional .urs-timeline__nodes {
  width: calc(100% - 56px);
  margin-left: 28px;
  margin-right: 28px;
  min-height: 134px;
}
.urs-rank-progression__timeline--reseller .urs-timeline__node,
.urs-rank-progression__timeline--professional .urs-timeline__node {
  max-width: 112px;
}
.urs-rank-progression__timeline--reseller .urs-timeline__node-label,
.urs-rank-progression__timeline--professional .urs-timeline__node-label {
  min-width: 112px;
}
.urs-rank-progression__timeline--reseller .urs-timeline__node-label .urs-timeline__badge,
.urs-rank-progression__timeline--professional .urs-timeline__node-label .urs-timeline__badge {
  white-space: nowrap;
}


.urs-timeline__node[data-tier="elite"] .urs-timeline__node-label {
  --node-delay: 0.2s;
}

/* Architecte 2-node: line starts after Pro circle, ends before Elite circle */
.urs-rank-progression__timeline[data-tier="pro"] .urs-timeline__line-bg,
.urs-rank-progression__timeline[data-tier="elite"] .urs-timeline__line-bg {
  clip-path: inset(0px 72px 0px 72px round 999px);
}

/* ============================================================================= */
/* Responsive Design */
/* ============================================================================= */

@media (max-width: 900px) {
  .urs-rank-progression__timeline {
    padding: 48px 40px 40px;
  }

  .urs-timeline__nodes {
    gap: 20px;
  }

  .urs-timeline__node-circle {
    width: 52px;
    height: 52px;
  }

  .urs-timeline__icon {
    width: 26px;
    height: 26px;
  }

  .urs-timeline__node-label strong {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .urs-rank-progression__timeline {
    padding: 40px 32px 32px;
  }

  .urs-timeline__track {
    margin-bottom: 44px;
  }

  .urs-timeline__nodes {
    gap: 16px;
  }

  .urs-timeline__node-circle {
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
  }

  .urs-timeline__node:hover .urs-timeline__node-circle {
    transform: translateY(-3px) scale(1.06);
  }

  .urs-timeline__node[data-tier="bronze"].is-active .urs-timeline__node-circle,
  .urs-timeline__node[data-tier="silver"].is-active .urs-timeline__node-circle,
  .urs-timeline__node[data-tier="gold"].is-active .urs-timeline__node-circle {
    transform: scale(1.14);
  }

  .urs-timeline__icon {
    width: 24px;
    height: 24px;
  }

  .urs-timeline__node-label strong {
    font-size: 13px;
  }

  .urs-timeline__node-label span:not(.urs-timeline__badge) {
    font-size: 11px;
  }

  .urs-timeline__badge {
    padding: 5px 10px;
    font-size: 10px;
    margin-top: 6px;
  }
}

@media (max-width: 600px) {
  .urs-rank-progression__timeline {
    padding: 32px 24px 24px;
  }

  .urs-timeline__track {
    margin-bottom: 36px;
  }

  .urs-timeline__nodes {
    gap: 12px;
  }

  .urs-timeline__node-circle {
    width: 44px;
    height: 44px;
    margin-bottom: 12px;
  }

  .urs-timeline__icon {
    width: 22px;
    height: 22px;
  }

  .urs-timeline__node-label strong {
    font-size: 12px;
  }

  .urs-timeline__node-label span:not(.urs-timeline__badge) {
    font-size: 10px;
  }
}

@media (max-width: 480px) {
  .urs-rank-progression__timeline {
    padding: 24px 16px 16px;
  }

  .urs-timeline__track {
    margin-bottom: 28px;
  }

  .urs-timeline__line-bg {
    top: 20px;
  }

  .urs-timeline__line-fill {
    top: 20px;
    height: 4px;
  }

  .urs-timeline__nodes {
    gap: 8px;
  }

  .urs-timeline__node-circle {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }

  .urs-timeline__node:hover .urs-timeline__node-circle {
    transform: translateY(-2px) scale(1.04);
  }

  .urs-timeline__node[data-tier="bronze"].is-active .urs-timeline__node-circle,
  .urs-timeline__node[data-tier="silver"].is-active .urs-timeline__node-circle,
  .urs-timeline__node[data-tier="gold"].is-active .urs-timeline__node-circle {
    transform: scale(1.12);
  }

  .urs-timeline__icon {
    width: 20px;
    height: 20px;
  }

  .urs-timeline__node-label strong {
    font-size: 11px;
  }

  .urs-timeline__node-label span:not(.urs-timeline__badge) {
    font-size: 9px;
  }

  .urs-timeline__badge {
    padding: 4px 8px;
    font-size: 9px;
    margin-top: 4px;
  }

}

/* ============================================================================= */
/* Legacy Dashboard rank progression card (kept for backward compatibility) */
/* ============================================================================= */

.urs-rank-progression__dashboard {
  background: #fff;
  border-radius: 20px;
  padding: 36px 40px 32px;
  box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 24px rgba(0,0,0,.04);
  transition: box-shadow .35s ease;
  position: relative;
  overflow: hidden;
}
.urs-rank-progression__dashboard:hover {
  box-shadow: 0 4px 28px rgba(0,0,0,.07), 0 12px 40px rgba(0,0,0,.04);
}
.urs-rank-progression__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.urs-rank-progression__title {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -.01em;
  color: #475569;
}
.urs-rank-progression__title strong {
  color: #059669;
  font-weight: 700;
}
.urs-rank-progression__next {
  font-size: 13px;
  color: #94a3b8;
  font-weight: 500;
}
.urs-rank-progression__next strong {
  color: #334155;
  font-weight: 600;
}
/* ---- Card row ---- */
.urs-rank-progression__cards {
  display: flex;
  align-items: stretch;
  gap: 6px;
  justify-content: center;
  position: relative;
  margin-bottom: 20px;
}
/* ---- Progress track behind cards ---- */
.urs-rank-progression__cards::before {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(140px + 14px);
  right: calc(140px + 14px);
  height: 6px;
  transform: translateY(-50%);
  background: #e2e8f0;
  border-radius: 999px;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.urs-rank-progression__cards::after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(140px + 14px);
  height: 6px;
  transform: translateY(-50%);
  border-radius: 999px;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(90deg,#22c55e 0%,#22c55e var(--urs-progress-pct,0%));
  transition: width .8s cubic-bezier(.4,0,.2,1);
  width: 0;
}
/* Progress fill widths per tier */
.urs-rank-progression__dashboard.is-bronze .urs-rank-progression__cards::after { width: calc((100% - 28px) * 0.17); }
.urs-rank-progression__dashboard.is-silver .urs-rank-progression__cards::after { width: calc((100% - 28px) * 0.34); }
.urs-rank-progression__dashboard.is-gold  .urs-rank-progression__cards::after { width: calc((100% - 28px) * 0.50); }
/* ---- Individual card ---- */
.urs-rank-progression__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 24px 20px 20px;
  border-radius: 18px;
  min-width: 140px;
  position: relative;
  z-index: 1;
  transition: all .4s cubic-bezier(.4,0,.2,1);
  border: 1.5px solid transparent;
}
/* Bronze tier identity */
.urs-rank-progression__card[data-rank="bronze"] {
  background: linear-gradient(145deg,#fffbeb 0%,#fef3c7 100%);
  border-color: #fde68a;
  box-shadow: 0 2px 8px rgba(217,119,6,.08);
}
.urs-rank-progression__card[data-rank="bronze"].is-active {
  background: linear-gradient(145deg,#fffbeb 0%,#fef3c7 100%);
  border-color: #d97706;
  box-shadow: 0 0 0 3px rgba(217,119,6,.15), 0 4px 16px rgba(217,119,6,.10);
}
.urs-rank-progression__card[data-rank="bronze"].is-done {
  opacity: .65;
  background: linear-gradient(145deg,#fefce8 0%,#fef9c3 100%);
  border-color: #fde68a;
}
.urs-rank-progression__card[data-rank="bronze"].is-locked {
  background: rgba(255,251,235,.5);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-color: rgba(253,230,138,.4);
}
/* Silver tier identity */
.urs-rank-progression__card[data-rank="silver"] {
  background: linear-gradient(145deg,#f8fafc 0%,#f1f5f9 100%);
  border-color: #e2e8f0;
  box-shadow: 0 2px 8px rgba(100,116,139,.06);
}
.urs-rank-progression__card[data-rank="silver"].is-active {
  background: linear-gradient(145deg,#f8fafc 0%,#e2e8f0 100%);
  border-color: #64748b;
  box-shadow: 0 0 0 3px rgba(100,116,139,.15), 0 4px 16px rgba(100,116,139,.10);
}
.urs-rank-progression__card[data-rank="silver"].is-done {
  opacity: .65;
  background: linear-gradient(145deg,#f8fafc 0%,#f1f5f9 100%);
  border-color: #cbd5e1;
}
.urs-rank-progression__card[data-rank="silver"].is-locked {
  background: rgba(248,250,252,.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-color: rgba(226,232,240,.35);
}
/* Gold tier identity */
.urs-rank-progression__card[data-rank="gold"] {
  background: linear-gradient(145deg,#fffbeb 0%,#fef3c7 100%);
  border-color: #fcd34d;
  box-shadow: 0 2px 8px rgba(245,158,11,.08);
}
.urs-rank-progression__card[data-rank="gold"].is-active {
  background: linear-gradient(145deg,#fffbeb 0%,#fde68a 100%);
  border-color: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245,158,11,.15), 0 4px 16px rgba(245,158,11,.10);
}
.urs-rank-progression__card[data-rank="gold"].is-done {
  opacity: .65;
  background: linear-gradient(145deg,#fefce8 0%,#fef9c3 100%);
  border-color: #fde68a;
}
.urs-rank-progression__card[data-rank="gold"].is-locked {
  background: rgba(255,251,235,.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-color: rgba(252,211,77,.35);
}
/* Glow pulse for active card */
.urs-rank-progression__card.is-active {
  animation: urs-active-glow 2.5s ease-in-out infinite;
}
@keyframes urs-active-glow {
  0%,100% { box-shadow: 0 0 0 3px rgba(var(--urs-glow-r,217),var(--urs-glow-g,119),var(--urs-glow-b,6),.12), 0 4px 16px rgba(var(--urs-glow-r,217),var(--urs-glow-g,119),var(--urs-glow-b,6),.08); }
  50% { box-shadow: 0 0 0 5px rgba(var(--urs-glow-r,217),var(--urs-glow-g,119),var(--urs-glow-b,6),.18), 0 6px 24px rgba(var(--urs-glow-r,217),var(--urs-glow-g,119),var(--urs-glow-b,6),.12); }
}
/* Card hover */
.urs-rank-progression__card:not(.is-locked):hover {
  transform: translateY(-2px);
}
/* ---- Medal icon ---- */
.urs-rank-progression__card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 999px;
  position: relative;
  transition: all .3s ease;
}
/* Bronze medal */
.urs-rank-progression__card[data-rank="bronze"] .urs-rank-progression__card-icon {
  background: linear-gradient(135deg,#fef3c7,#fde68a);
  box-shadow: 0 2px 8px rgba(217,119,6,.12), inset 0 1px 0 rgba(255,255,255,.6);
}
.urs-rank-progression__card[data-rank="bronze"].is-active .urs-rank-progression__card-icon {
  background: linear-gradient(135deg,#fde68a,#fcd34d);
  box-shadow: 0 2px 12px rgba(217,119,6,.2), inset 0 1px 0 rgba(255,255,255,.5);
}
/* Silver medal */
.urs-rank-progression__card[data-rank="silver"] .urs-rank-progression__card-icon {
  background: linear-gradient(135deg,#f1f5f9,#e2e8f0);
  box-shadow: 0 2px 8px rgba(100,116,139,.1), inset 0 1px 0 rgba(255,255,255,.6);
}
.urs-rank-progression__card[data-rank="silver"].is-active .urs-rank-progression__card-icon {
  background: linear-gradient(135deg,#e2e8f0,#cbd5e1);
  box-shadow: 0 2px 12px rgba(100,116,139,.18), inset 0 1px 0 rgba(255,255,255,.5);
}
/* Gold medal */
.urs-rank-progression__card[data-rank="gold"] .urs-rank-progression__card-icon {
  background: linear-gradient(135deg,#fef3c7,#fde68a);
  box-shadow: 0 2px 8px rgba(245,158,11,.12), inset 0 1px 0 rgba(255,255,255,.6);
}
.urs-rank-progression__card[data-rank="gold"].is-active .urs-rank-progression__card-icon {
  background: linear-gradient(135deg,#fde68a,#fbbf24);
  box-shadow: 0 2px 12px rgba(245,158,11,.2), inset 0 1px 0 rgba(255,255,255,.5);
}
/* Locked overlay on icon */
.urs-rank-progression__card-icon .urs-rank-lock {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.3);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border-radius: 999px;
  font-size: 15px;
  color: #94a3b8;
  opacity: 0;
  transition: opacity .35s ease;
  box-shadow: inset 0 0 20px rgba(255,255,255,.05);
}
.is-locked .urs-rank-progression__card-icon .urs-rank-lock {
  opacity: 1;
}
/* ---- Card body ---- */
.urs-rank-progression__card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.urs-rank-progression__card-name {
  font-weight: 800;
  font-size: 17px;
  letter-spacing: -.02em;
  line-height: 1.2;
  transition: color .3s ease;
}
.urs-rank-progression__card[data-rank="bronze"] .urs-rank-progression__card-name { color: #92400e; }
.urs-rank-progression__card[data-rank="bronze"].is-active .urs-rank-progression__card-name { color: #78350f; }
.urs-rank-progression__card[data-rank="bronze"].is-locked .urs-rank-progression__card-name { color: #d97706; opacity: .5; }

.urs-rank-progression__card[data-rank="silver"] .urs-rank-progression__card-name { color: #475569; }
.urs-rank-progression__card[data-rank="silver"].is-active .urs-rank-progression__card-name { color: #334155; }
.urs-rank-progression__card[data-rank="silver"].is-locked .urs-rank-progression__card-name { color: #64748b; opacity: .5; }

.urs-rank-progression__card[data-rank="gold"] .urs-rank-progression__card-name { color: #92400e; }
.urs-rank-progression__card[data-rank="gold"].is-active .urs-rank-progression__card-name { color: #78350f; }
.urs-rank-progression__card[data-rank="gold"].is-locked .urs-rank-progression__card-name { color: #d97706; opacity: .5; }

.urs-rank-progression__card-desc {
  font-size: 11px;
  color: #64748b;
  text-align: center;
  line-height: 1.35;
  font-weight: 500;
}
.is-locked .urs-rank-progression__card-desc { color: #94a3b8; }
/* Tier rating / progress indicator under locked */
.urs-rank-progression__card-progress {
  font-size: 10px;
  font-weight: 600;
  color: #94a3b8;
  margin-top: 2px;
}
/* ---- Badge chip ---- */
.urs-rank-progression__card-badge {
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 4px 12px;
  border-radius: 999px;
  margin-top: 6px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.urs-rank-progression__card-badge.is-current {
  background: linear-gradient(135deg,#dcfce7,#bbf7d0);
  color: #166534;
  box-shadow: 0 1px 4px rgba(34,197,94,.12);
}
.urs-rank-progression__card-badge.is-done {
  background: #e2e8f0;
  color: #475569;
}
/* ---- Connector arrows ---- */
.urs-rank-progression__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  font-size: 13px;
  width: 20px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  animation: urs-arrow-pulse 2.5s ease-in-out infinite;
}
@keyframes urs-arrow-pulse {
  0%,100% { opacity: .4; transform: translateX(0); }
  50% { opacity: .9; transform: translateX(4px); }
}
/* ---- CTA footer with progress bar ---- */
.urs-rank-progression__foot {
  margin: 0;
  padding: 16px 20px;
  background: #f0fdf4;
  border-radius: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.urs-rank-progression__foot-icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: linear-gradient(135deg,#dcfce7,#bbf7d0);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #16a34a;
  font-size: 14px;
}
.urs-rank-progression__foot-text {
  flex: 1;
  font-size: 13px;
  color: #334155;
  font-weight: 500;
  line-height: 1.5;
  min-width: 160px;
}
.urs-rank-progression__foot-text strong {
  color: #059669;
  font-weight: 700;
}
.urs-rank-progression__foot-bar {
  flex: 0 1 200px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.urs-rank-progression__foot-track {
  flex: 1;
  height: 6px;
  background: #e2e8f0;
  border-radius: 999px;
  overflow: hidden;
}
.urs-rank-progression__foot-fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg,#22c55e,#16a34a);
  transition: width .8s ease;
}
.urs-rank-progression__foot-pct {
  font-size: 12px;
  font-weight: 700;
  color: #059669;
  white-space: nowrap;
}
/* Completed state */
.urs-rank-progression__foot.is-complete {
  background: #fffbeb;
}
.urs-rank-progression__foot.is-complete .urs-rank-progression__foot-icon {
  background: linear-gradient(135deg,#fef3c7,#fde68a);
  color: #d97706;
}
.urs-rank-progression__foot.is-complete .urs-rank-progression__foot-text strong {
  color: #d97706;
}
  .urs-auth-page:has([data-auth-panel="onboarding"].is-active) {
    padding: 12px;
  }

  .urs-onboard__sidebar {
    padding: 20px 16px 16px;
  }

  .urs-onboard__main {
    padding: 20px 14px 20px;
  }

  .urs-onboard__card {
    padding: 14px;
  }

  .urs-onboard__input-wrap input[type="text"],
  .urs-onboard__input-wrap input[type="email"],
  .urs-onboard__input-wrap input[type="password"],
  .urs-onboard__input-wrap input[type="tel"],
  .urs-onboard__input-wrap input[type="url"],
  .urs-onboard__input-wrap input[type="number"],
  .urs-onboard__input-wrap select,
  .urs-onboard__input-wrap textarea {
    height: 44px;
    font-size: 13px;
  }

/* --- Password Requirements Checklist --- */
.urs-onboard__password-requirements {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #e2e8f0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 12px;
}

.urs-onboard__password-req {
  font-size: 12px;
  color: #94a3b8;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  transition: color 0.2s;
}

.urs-onboard__password-req-icon {
  font-size: 12px;
  width: 14px;
  text-align: center;
  color: #cbd5e1;
  transition: color 0.2s;
}

.urs-onboard__password-req.is-met {
  color: #16a34a;
}

.urs-onboard__password-req.is-met .urs-onboard__password-req-icon {
  color: #16a34a;
}

/* Country phone prefix shown inside phone input */
.urs-country-phone-prefix {
  position: absolute;
  left: 42px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  color: #1e293b;
  font-weight: 500;
  pointer-events: none;
  z-index: 1;
  white-space: nowrap;
}

/* --- Loading state for onboarding buttons --- */
.urs-onboard__btn.is-loading {
  position: relative;
  color: transparent !important;
  pointer-events: none;
  opacity: 0.7;
}

.urs-onboard__btn.is-loading::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border: 2px solid rgba(255,255,255,0.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: urs-spin 0.8s linear infinite;
}

/* --- Toast Stack - Top Center Position --- */
.urs-toast-stack {
  position: fixed;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999999;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 600px;
  width: auto;
  pointer-events: none;
}

.urs-toast {
  pointer-events: auto;
  padding: 14px 18px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.5;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  animation: ursToastSlideDown 0.25s ease;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
}

.urs-toast--out {
  animation: ursToastFadeOut 0.25s ease forwards;
}

@keyframes ursToastSlideDown {
  from { opacity: 0; transform: translateY(-12px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes ursToastFadeOut {
  from { opacity: 1; }
  to   { opacity: 0; }
}

@media (max-width: 640px) {
  .urs-toast-stack {
    width: calc(100% - 32px);
    top: 16px;
  }

  .urs-toast {
    font-size: 13px;
    padding: 12px 14px;
  }
}

/* --- Tom Select — control input --- */
.ts-wrapper .ts-control {
  border: 1px solid #d0d0d0;
  border-radius: 6px;
  box-shadow: none;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 8px;
  position: relative;
  width: 100%;
  z-index: 1;
}

/* --- Tom Select — multi-select tags --- */
.ts-wrapper.multi .ts-control > div {
  background: var(--urs-primary-hover);
  border: 0 solid #d0d0d0;
  color: #ffffff;
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  border-radius: 8px;
  font-weight: bold;
}

.ts-wrapper.plugin-remove_button .item .remove {
  border-radius: 0 2px 2px 0 !important;
  box-sizing: border-box;
  color: inherit;
  display: inline-block;
  padding: 0 6px;
  text-decoration: none;
  vertical-align: middle;
}

/* --- Client Types tag badges --- */
/* Hide the wrapper icon when Tom Select is present — icon is rendered inside the control */
#urs-onb-client-types-ts-wrapper ~ .urs-onboard__input-wrap > i.fa-users,
.urs-onboard__input-wrap:has(#urs-onb-client-types-ts-wrapper) > i.fa-users {
  display: none;
}
/* Position the Tom Select wrapper to align with other inputs */
.urs-onboard__input-wrap:has(#urs-onb-client-types-ts-wrapper) {
  position: relative;
}

/* ============================
   STEP 4 — Crop / Aspect Ratio
   ============================ */
.urs-wiz-crop {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding: 16px 0;
}
.urs-wiz-crop__canvas-wrap {
  position: relative;
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 6px rgba(15, 23, 42, 0.06);
  background: #1a1a2e;
  flex: 0 0 auto;
  max-width: 100%;
}
.urs-wiz-crop__canvas-wrap canvas {
  display: block;
  max-width: 100%;
  height: auto;
}
.urs-wiz-crop__overlay {
  position: absolute;
  border: 2px dashed rgba(255,255,255,0.9);
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.55);
  pointer-events: none;
}
.urs-wiz-crop__overlay::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  /* Rule of thirds grid */
  background:
    linear-gradient(to right, rgba(255,255,255,0.3) 1px, transparent 1px) 33.33% 0 / 100% 100%,
    linear-gradient(to right, rgba(255,255,255,0.3) 1px, transparent 1px) 66.66% 0 / 100% 100%,
    linear-gradient(to bottom, rgba(255,255,255,0.3) 1px, transparent 1px) 0 33.33% / 100% 100%,
    linear-gradient(to bottom, rgba(255,255,255,0.3) 1px, transparent 1px) 0 66.66% / 100% 100%;
  background-repeat: no-repeat;
}
/* Crop loading overlay */
.urs-wiz-crop__loading {
  display: none;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(4px);
  z-index: 20;
  align-items: center;
  justify-content: center;
}
.urs-wiz-crop__loading.is-active {
  display: flex;
}
.urs-wiz-crop__loading-bar {
  position: relative;
  width: 260px;
  height: 32px;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.12);
}
.urs-wiz-crop__loading-fill {
  position: absolute;
  top: 0; left: 0; bottom: 0;
  width: 0%;
  background: var(--urs-primary-hover, #3b82f6);
  border-radius: 16px;
  transition: width 0.3s ease;
}
.urs-wiz-crop__loading-text {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  z-index: 1;
}
/* Blue corner/edge handles */
.urs-wiz-crop__handle {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #3b82f6;
  border: 2px solid #fff;
  border-radius: 3px;
  pointer-events: auto;
  z-index: 2;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.urs-wiz-crop__handle::after {
  content: "";
  position: absolute;
  top: -8px; left: -8px; right: -8px; bottom: -8px;
  z-index: -1;
}
.urs-wiz-crop__handle--nw { top: 2px; left: 2px; cursor: nw-resize; }
.urs-wiz-crop__handle--ne { top: 2px; right: 2px; cursor: ne-resize; }
.urs-wiz-crop__handle--sw { bottom: 2px; left: 2px; cursor: sw-resize; }
.urs-wiz-crop__handle--se { bottom: 2px; right: 2px; cursor: se-resize; }
.urs-wiz-crop__handle--n  { top: 2px; left: 50%; margin-left: -8px; cursor: n-resize; }
.urs-wiz-crop__handle--s  { bottom: 2px; left: 50%; margin-left: -8px; cursor: s-resize; }
.urs-wiz-crop__handle--w  { top: 50%; margin-top: -8px; left: 2px; cursor: w-resize; }
.urs-wiz-crop__handle--e  { top: 50%; margin-top: -8px; right: 2px; cursor: e-resize; }
.urs-wiz-crop__controls {
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1;
  min-width: 200px;
}
.urs-wiz-crop__ratios {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  flex-direction: column;
  max-height: 320px;
  overflow-y: auto;
  padding-right: 4px;
}
.urs-wiz-crop__ratios::-webkit-scrollbar {
  width: 4px;
}
.urs-wiz-crop__ratios::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
.urs-wiz-crop__ratio-btn {
  padding: 8px 18px;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
  transition: all 0.15s;
  max-width: 350px;
}
.urs-wiz-crop__ratio-btn:hover {
  border-color: var(--urs-primary-hover);
  color: var(--urs-primary-hover);
}
.urs-wiz-crop__ratio-btn.is-active {
  background: var(--urs-primary-hover);
  border-color: var(--urs-primary-hover);
  color: #fff;
  box-shadow: 0 2px 8px rgba(var(--urs-primary-hover, 139,92,246), 0.25);
}
.urs-wiz-crop__info {
  font-size: 13px;
  color: #64748b;
  padding: 6px 0;
}
.urs-wiz-crop__apply {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: var(--urs-primary-hover);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, transform 0.1s;
  box-shadow: 0 2px 8px rgba(var(--urs-primary-hover, 139,92,246), 0.20);
  align-self: flex-start;
}
.urs-wiz-crop__apply:hover {
  color: #fff;
  transform: translateY(-1px);
  background-color: var(--urs-primary-hover);
}
.urs-wiz-crop__apply:active {
  transform: translateY(0);
}

/* Step 4 redesign: large crop workspace with a visual aspect-ratio panel. */
.urs-wiz-crop {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 24px;
  align-items: start;
  padding: 24px 0 8px;
}
.urs-wiz-crop__canvas-wrap {
  width: 100%;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #080a12;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  box-shadow: 0 16px 35px rgba(15, 23, 42, 0.14);
}
.urs-wiz-crop__canvas-wrap canvas {
  max-width: 100%;
  max-height: calc(100vh - 280px);
}
.urs-wiz-crop__controls {
  min-width: 0;
  display: block;
}
.urs-wiz-crop__ratio-panel {
  padding: 20px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 7px 20px rgba(15, 23, 42, 0.06);
}
.urs-wiz-crop__ratio-panel-head {
  margin-bottom: 16px;
}
.urs-wiz-crop__ratio-panel-head h4 {
  margin: 0;
  color: #1e293b;
  font-size: 16px;
  font-weight: 700;
}
.urs-wiz-crop__ratios {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-height: none;
  overflow: visible;
  padding: 0;
}
.urs-wiz-crop__ratio-btn {
  min-width: 0;
  min-height: 108px;
  padding: 13px 8px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid #e2e8f0;
  border-radius: 11px;
  background: #fff;
  color: #1e293b;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02);
}
.urs-wiz-crop__ratio-btn:hover {
  border-color: var(--urs-primary-hover, #ff7b5f);
  color: #1e293b;
  transform: translateY(-1px);
}
.urs-wiz-crop__ratio-btn.is-active {
  background: #fff8f5;
  border: 2px solid var(--urs-primary-hover, #ff7b5f);
  color: #1e293b;
  box-shadow: 0 5px 15px rgba(255, 123, 95, 0.12);
}
.urs-wiz-crop__ratio-btn strong {
  display: block;
  font-size: 13px;
  line-height: 1.1;
  font-weight: 700;
}
.urs-wiz-crop__ratio-btn small {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #64748b;
  font-size: 10px;
  line-height: 1.15;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.urs-wiz-crop__ratio-icon {
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.urs-wiz-crop__ratio-icon span {
  display: block;
  width: 27px;
  height: 27px;
  border: 2px solid #18b79f;
  border-radius: 4px;
  transition: border-color 0.15s ease;
}
.urs-wiz-crop__ratio-btn.is-active .urs-wiz-crop__ratio-icon span {
  border-color: var(--urs-primary-hover, #ff7b5f);
}
.urs-wiz-crop__ratio-icon.is-ratio-3-4 span { width: 20px; height: 29px; }
.urs-wiz-crop__ratio-icon.is-ratio-4-3 span { width: 29px; height: 20px; }
.urs-wiz-crop__ratio-icon.is-ratio-7-5 span { width: 30px; height: 22px; }
.urs-wiz-crop__ratio-icon.is-ratio-5-7 span { width: 20px; height: 30px; }
.urs-wiz-crop__ratio-icon.is-ratio-3-2 span { width: 30px; height: 20px; }
.urs-wiz-crop__ratio-icon.is-ratio-2-3 span { width: 20px; height: 30px; }
.urs-wiz-crop__ratio-icon.is-ratio-7-10 span { width: 20px; height: 30px; }
.urs-wiz-crop__ratio-icon.is-ratio-10-7 span { width: 30px; height: 21px; }
.urs-wiz-crop__ratio-icon.is-ratio-5-4 span { width: 27px; height: 22px; }
.urs-wiz-crop__ratio-icon.is-ratio-4-5 span { width: 22px; height: 27px; }
.urs-wiz-crop__ratio-icon.is-ratio-1-1 span { width: 25px; height: 25px; }
.urs-wiz-crop__selected {
  margin-top: 16px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #dbe9e6;
  border-radius: 11px;
  background: #f2fbf9;
}
.urs-wiz-crop__selected-icon,
.urs-wiz-crop__selected-action {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 8px;
  background: #dff5ef;
  color: #18a98f;
}
.urs-wiz-crop__selected-action {
  margin-left: auto;
  width: 30px;
  height: 30px;
}
.urs-wiz-crop__selected-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.urs-wiz-crop__selected-copy small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.2;
}
.urs-wiz-crop__selected-copy strong {
  color: var(--urs-primary-hover, #ff7b5f);
  font-size: 20px;
  line-height: 1.1;
}
.urs-wiz-crop__ratio-panel .urs-wiz-crop__info {
  display: none;
}

@media (max-width: 980px) {
  .urs-wiz-crop {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 16px;
  }
  .urs-wiz-crop__ratio-panel {
    padding: 14px;
  }
  .urs-wiz-crop__ratios {
    gap: 8px;
  }
  .urs-wiz-crop__ratio-btn {
    min-height: 96px;
  }
}
@media (max-width: 760px) {
  .urs-wiz-crop {
    grid-template-columns: 1fr;
  }
  .urs-wiz-crop__canvas-wrap {
    min-height: 0;
  }
  .urs-wiz-crop__ratio-panel {
    width: 100%;
    box-sizing: border-box;
  }
}