.livar-account-v2-body {
  --account-bg: #050608;
  --account-panel: #0c0e12;
  --account-panel-soft: #11141a;
  --account-border: rgba(255, 255, 255, 0.11);
  --account-border-strong: rgba(255, 255, 255, 0.19);
  --account-text: #f7f7f8;
  --account-muted: #a4a8b2;
  --account-subtle: #747985;
  --account-brand: #ff5500;
  --account-brand-soft: rgba(255, 85, 0, 0.14);
  --account-green: #3dcc84;
  --account-red: #ff6b6b;
  --account-yellow: #f3c969;
  background: var(--account-bg);
  color: var(--account-text);
}

.livar-account-v2-shell {
  min-height: 72vh;
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 85, 0, 0.12), transparent 33rem),
    radial-gradient(circle at 92% 24%, rgba(95, 108, 255, 0.08), transparent 28rem),
    var(--account-bg);
}

.livar-account-v2-page {
  width: min(1220px, calc(100% - 40px));
  margin: 0 auto;
  padding: clamp(38px, 6vw, 78px) 0 52px;
}

.livar-account-eyebrow {
  margin: 0 0 10px;
  color: var(--account-brand);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.livar-account-notice {
  position: relative;
  z-index: 2;
  margin: 0 auto 22px;
  padding: 14px 16px;
  border: 1px solid var(--account-border);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--account-text);
  font-size: 14px;
  line-height: 1.55;
}

.livar-account-notice.success {
  border-color: rgba(61, 204, 132, 0.42);
  background: rgba(61, 204, 132, 0.1);
}

.livar-account-notice.error {
  border-color: rgba(255, 107, 107, 0.48);
  background: rgba(255, 107, 107, 0.1);
}

.livar-account-notice.warning {
  border-color: rgba(243, 201, 105, 0.45);
  background: rgba(243, 201, 105, 0.1);
}

.livar-account-state-card {
  width: min(640px, 100%);
  margin: 48px auto;
  padding: clamp(28px, 5vw, 48px);
  border: 1px solid var(--account-border);
  border-radius: 26px;
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025));
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.34);
  text-align: center;
}

.livar-account-state-mark {
  display: grid;
  width: 58px;
  height: 58px;
  margin: 0 auto 20px;
  place-items: center;
  border: 1px solid rgba(255, 85, 0, 0.38);
  border-radius: 18px;
  background: var(--account-brand-soft);
  color: var(--account-brand);
  font-size: 24px;
  font-weight: 800;
}

.livar-account-state-card h1,
.livar-account-auth-card h1,
.livar-account-auth-story h1,
.livar-account-dashboard-head h1 {
  margin: 0;
  color: var(--account-text);
  font-weight: 700;
  letter-spacing: -0.04em;
}

.livar-account-state-card h1 {
  font-size: clamp(30px, 5vw, 44px);
}

.livar-account-state-card > p:not(.livar-account-eyebrow) {
  max-width: 520px;
  margin: 16px auto 26px;
  color: var(--account-muted);
  line-height: 1.7;
}

.livar-account-auth-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(420px, 0.96fr);
  min-height: 610px;
  overflow: hidden;
  border: 1px solid var(--account-border);
  border-radius: 30px;
  background: rgba(8, 10, 14, 0.88);
  box-shadow: 0 36px 100px rgba(0, 0, 0, 0.42);
}

.livar-account-auth-layout.single {
  display: block;
  width: min(590px, 100%);
  min-height: 0;
  margin: 34px auto;
}

.livar-account-auth-story {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: clamp(42px, 6vw, 78px);
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255, 85, 0, 0.2), transparent 44%),
    radial-gradient(circle at 12% 88%, rgba(255, 85, 0, 0.18), transparent 23rem),
    #080a0e;
}

.livar-account-auth-story::after {
  position: absolute;
  right: -120px;
  bottom: -150px;
  width: 380px;
  height: 380px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  box-shadow: 0 0 0 48px rgba(255, 255, 255, 0.018), 0 0 0 96px rgba(255, 255, 255, 0.012);
  content: "";
  pointer-events: none;
}

.livar-account-auth-story h1 {
  max-width: 620px;
  font-size: clamp(42px, 5.2vw, 72px);
  line-height: 0.98;
}

.livar-account-auth-story > p:not(.livar-account-eyebrow) {
  max-width: 610px;
  margin: 23px 0 0;
  color: #c2c5cc;
  font-size: 17px;
  line-height: 1.7;
}

.livar-account-story-points {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 14px;
  margin-top: 42px;
}

.livar-account-story-points > div {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.livar-account-story-points > div > span {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(255, 85, 0, 0.35);
  border-radius: 11px;
  background: rgba(255, 85, 0, 0.09);
  color: var(--account-brand);
  font-size: 11px;
  font-weight: 800;
}

.livar-account-story-points p {
  margin: 0;
}

.livar-account-story-points strong,
.livar-account-story-points small {
  display: block;
}

.livar-account-story-points strong {
  margin-bottom: 4px;
  font-size: 15px;
}

.livar-account-story-points small {
  color: var(--account-muted);
  font-size: 13px;
  line-height: 1.5;
}

.livar-account-auth-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: clamp(34px, 5vw, 62px);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015));
}

.livar-account-auth-layout.single .livar-account-auth-card {
  min-height: 450px;
  text-align: center;
}

.livar-account-auth-card h1,
.livar-account-auth-card h2 {
  margin: 0;
  color: var(--account-text);
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.livar-account-auth-card > p:not(.livar-account-eyebrow):not(.livar-account-unavailable):not(.livar-account-auth-footnote) {
  margin: 14px 0 26px;
  color: var(--account-muted);
  font-size: 14px;
  line-height: 1.65;
}

.livar-account-auth-card.verify-card {
  align-items: center;
}

.livar-account-mail-icon {
  display: grid;
  width: 58px;
  height: 58px;
  margin-bottom: 22px;
  place-items: center;
  border: 1px solid rgba(255, 85, 0, 0.34);
  border-radius: 18px;
  background: var(--account-brand-soft);
  color: var(--account-brand);
  font-size: 23px;
}

.livar-account-auth-form,
.livar-account-google-form {
  width: 100%;
}

.livar-account-auth-form {
  display: grid;
  gap: 16px;
}

.livar-account-auth-form label,
.livar-account-form label {
  display: grid;
  gap: 8px;
  color: #d9dbe0;
  font-size: 12px;
  font-weight: 600;
}

.livar-account-auth-form input,
.livar-account-form input,
.livar-account-form select,
.livar-account-form textarea {
  width: 100%;
  min-height: 50px;
  box-sizing: border-box;
  border: 1px solid var(--account-border-strong);
  border-radius: 13px;
  outline: 0;
  background: rgba(255, 255, 255, 0.045);
  color: var(--account-text);
  font: inherit;
  font-size: 15px;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.livar-account-auth-form input,
.livar-account-form input,
.livar-account-form select {
  padding: 0 15px;
}

.livar-account-form textarea {
  min-height: 110px;
  padding: 13px 15px;
  resize: vertical;
}

.livar-account-auth-form input:focus,
.livar-account-form input:focus,
.livar-account-form select:focus,
.livar-account-form textarea:focus {
  border-color: rgba(255, 85, 0, 0.72);
  background: rgba(255, 255, 255, 0.065);
  box-shadow: 0 0 0 4px rgba(255, 85, 0, 0.1);
}

.livar-account-auth-form input:disabled,
.livar-account-form input:disabled,
.livar-account-form input[readonly] {
  opacity: 0.67;
  cursor: not-allowed;
}

.livar-account-consent {
  grid-template-columns: 18px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start;
  color: var(--account-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.55;
}

.livar-account-consent input {
  width: 17px;
  min-height: 17px;
  margin: 1px 0 0;
  accent-color: var(--account-brand);
}

.livar-account-google-form .livar-account-consent {
  margin-bottom: 14px;
}

.livar-account-consent a,
.livar-account-text-link,
.livar-account-panel-head a,
.livar-account-legal-footer a {
  color: var(--account-text);
  text-decoration: none;
}

.livar-account-consent a:hover,
.livar-account-text-link:hover,
.livar-account-panel-head a:hover,
.livar-account-legal-footer a:hover {
  color: var(--account-brand);
}

.livar-account-button {
  display: inline-flex;
  min-height: 46px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: 12px;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, opacity 0.18s ease;
}

.livar-account-button:hover:not(:disabled) {
  transform: translateY(-1px);
}

.livar-account-button.primary {
  background: var(--account-brand);
  color: #fff;
  box-shadow: 0 14px 32px rgba(255, 85, 0, 0.2);
}

.livar-account-button.secondary {
  border-color: var(--account-border-strong);
  background: rgba(255, 255, 255, 0.055);
  color: var(--account-text);
}

.livar-account-button.ghost {
  min-height: 40px;
  border-color: var(--account-border);
  background: transparent;
  color: var(--account-muted);
}

.livar-account-button.full {
  width: 100%;
}

.livar-account-button:disabled,
.livar-account-google-button:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

.livar-account-divider {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 12px;
  align-items: center;
  margin: 23px 0;
  color: var(--account-subtle);
  font-size: 11px;
  text-transform: uppercase;
}

.livar-account-divider::before,
.livar-account-divider::after {
  height: 1px;
  background: var(--account-border);
  content: "";
}

.livar-account-google-button {
  display: flex;
  width: 100%;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border: 1px solid var(--account-border-strong);
  border-radius: 13px;
  background: #fff;
  color: #17181b;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.livar-account-google-button:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.livar-account-google-button span {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid #e3e4e7;
  border-radius: 50%;
  color: #4285f4;
  font-weight: 800;
}

.livar-account-unavailable {
  margin: 8px 0 0;
  color: var(--account-yellow);
  font-size: 11px;
  line-height: 1.5;
}

.livar-account-auth-footnote {
  margin: 20px 0 0;
  color: var(--account-subtle);
  font-size: 11px;
  line-height: 1.55;
  text-align: center;
}

.livar-account-otp-label {
  text-align: left;
}

.livar-account-otp-label input {
  height: 64px;
  padding-left: 0.22em;
  text-align: center;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 0.22em;
}

.livar-account-resend-row {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 18px;
}

.livar-account-text-button,
.livar-account-text-link {
  border: 0;
  background: none;
  color: var(--account-muted);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.livar-account-text-button:hover {
  color: var(--account-brand);
}

.livar-account-expiry-note {
  display: block;
  margin-top: 24px;
  color: var(--account-subtle);
  font-size: 11px;
  line-height: 1.5;
}

.livar-account-dashboard-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}

.livar-account-dashboard-head h1 {
  font-size: clamp(38px, 5vw, 64px);
  line-height: 1;
}

.livar-account-dashboard-head > div:first-child > span {
  display: block;
  margin-top: 12px;
  color: var(--account-muted);
  font-size: 15px;
}

.livar-account-head-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 12px;
}

.livar-account-active-pill {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid rgba(61, 204, 132, 0.3);
  border-radius: 999px;
  background: rgba(61, 204, 132, 0.08);
  color: #b8f0d1;
  font-size: 12px;
  font-weight: 700;
}

.livar-account-active-pill i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--account-green);
  box-shadow: 0 0 0 5px rgba(61, 204, 132, 0.12);
}

.livar-account-profile-alert {
  display: flex;
  margin-bottom: 20px;
  padding: 16px 18px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(243, 201, 105, 0.33);
  border-radius: 16px;
  background: rgba(243, 201, 105, 0.08);
  color: var(--account-text);
  text-decoration: none;
}

.livar-account-profile-alert strong,
.livar-account-profile-alert small {
  display: block;
}

.livar-account-profile-alert strong {
  margin-bottom: 4px;
  font-size: 14px;
}

.livar-account-profile-alert small {
  color: #d2c493;
  font-size: 12px;
  line-height: 1.45;
}

.livar-account-profile-alert b {
  flex: 0 0 auto;
  color: var(--account-yellow);
  font-size: 12px;
}

.livar-account-dashboard-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.livar-account-dashboard-nav {
  position: sticky;
  top: 110px;
  display: grid;
  gap: 7px;
  padding: 10px;
  border: 1px solid var(--account-border);
  border-radius: 18px;
  background: rgba(12, 14, 18, 0.88);
  backdrop-filter: blur(18px);
}

.livar-account-dashboard-nav a {
  display: grid;
  min-height: 48px;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 0 12px;
  border-radius: 11px;
  color: var(--account-muted);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.18s ease, color 0.18s ease;
}

.livar-account-dashboard-nav a span {
  color: var(--account-subtle);
  font-size: 10px;
}

.livar-account-dashboard-nav a b {
  display: grid;
  min-width: 23px;
  height: 23px;
  place-items: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  font-size: 10px;
}

.livar-account-dashboard-nav a:hover,
.livar-account-dashboard-nav a.active {
  background: rgba(255, 85, 0, 0.12);
  color: var(--account-text);
}

.livar-account-dashboard-nav a.active span {
  color: var(--account-brand);
}

.livar-account-dashboard-main {
  min-width: 0;
}

.livar-account-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.livar-account-metrics article {
  min-width: 0;
  padding: 19px;
  border: 1px solid var(--account-border);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02));
}

.livar-account-metrics small,
.livar-account-metrics strong,
.livar-account-metrics span {
  display: block;
}

.livar-account-metrics small {
  color: var(--account-muted);
  font-size: 11px;
}

.livar-account-metrics strong {
  margin: 12px 0 8px;
  color: var(--account-text);
  font-size: 28px;
  line-height: 1;
}

.livar-account-metrics span {
  overflow: hidden;
  color: var(--account-subtle);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.livar-account-panel {
  min-width: 0;
  padding: clamp(20px, 3vw, 28px);
  border: 1px solid var(--account-border);
  border-radius: 20px;
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.018));
}

.livar-account-panel + .livar-account-panel,
.livar-account-panel + .livar-account-two-column,
.livar-account-two-column + .livar-account-panel {
  margin-top: 18px;
}

.livar-account-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
}

.livar-account-panel-head h2 {
  margin: 0;
  color: var(--account-text);
  font-size: 23px;
  letter-spacing: -0.025em;
}

.livar-account-panel-head > div > span {
  display: block;
  margin-top: 7px;
  color: var(--account-muted);
  font-size: 12px;
}

.livar-account-panel-head > a {
  flex: 0 0 auto;
  color: var(--account-brand);
  font-size: 12px;
  font-weight: 700;
}

.livar-account-order-count {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.065);
  color: var(--account-muted);
  font-size: 11px;
}

.livar-account-order-list {
  display: grid;
  gap: 13px;
}

.livar-account-order-card {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--account-border);
  border-radius: 16px;
  background: rgba(5, 7, 10, 0.55);
}

.livar-account-order-card.full {
  padding: 21px;
}

.livar-account-order-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.livar-account-order-top small {
  display: block;
  margin-bottom: 5px;
  color: var(--account-brand);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.livar-account-order-top h3 {
  margin: 0;
  color: var(--account-text);
  font-size: 17px;
  line-height: 1.3;
}

.livar-account-order-badges {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.livar-account-order-top .status,
.livar-account-order-top .payment {
  display: inline-flex;
  min-height: 27px;
  align-items: center;
  padding: 0 10px;
  border: 1px solid var(--account-border);
  border-radius: 999px;
  color: var(--account-muted);
  font-size: 10px;
  font-weight: 700;
}

.livar-account-order-top .status.confirmed,
.livar-account-order-top .status.in_production,
.livar-account-order-top .status.ready,
.livar-account-order-top .status.shipped {
  border-color: rgba(243, 201, 105, 0.32);
  background: rgba(243, 201, 105, 0.08);
  color: #f3d98c;
}

.livar-account-order-top .status.delivered,
.livar-account-order-top .payment.paid {
  border-color: rgba(61, 204, 132, 0.34);
  background: rgba(61, 204, 132, 0.08);
  color: #adedd0;
}

.livar-account-order-top .status.cancelled,
.livar-account-order-top .payment.refunded {
  border-color: rgba(255, 107, 107, 0.34);
  background: rgba(255, 107, 107, 0.08);
  color: #ffb1b1;
}

.livar-account-order-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.livar-account-order-meta.wide {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.livar-account-order-meta span {
  min-width: 0;
  padding: 11px 12px;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.035);
}

.livar-account-order-meta small,
.livar-account-order-meta strong {
  display: block;
}

.livar-account-order-meta small {
  margin-bottom: 5px;
  color: var(--account-subtle);
  font-size: 9px;
  text-transform: uppercase;
}

.livar-account-order-meta strong {
  overflow: hidden;
  color: #dfe1e5;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.livar-account-order-items {
  margin: 16px 0 0;
  color: var(--account-muted);
  font-size: 13px;
  line-height: 1.65;
}

.livar-account-customer-note {
  margin-top: 15px;
  padding: 14px;
  border-left: 3px solid var(--account-brand);
  border-radius: 0 10px 10px 0;
  background: var(--account-brand-soft);
}

.livar-account-customer-note strong {
  display: block;
  margin-bottom: 5px;
  color: #ff9a68;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.livar-account-customer-note p {
  margin: 0;
  color: #e7d6cd;
  font-size: 12px;
  line-height: 1.6;
}

.livar-account-empty {
  padding: 34px 20px;
  text-align: center;
}

.livar-account-empty > span {
  display: grid;
  width: 46px;
  height: 46px;
  margin: 0 auto 14px;
  place-items: center;
  border: 1px solid var(--account-border);
  border-radius: 14px;
  color: var(--account-brand);
}

.livar-account-empty h3 {
  margin: 0 0 8px;
  color: var(--account-text);
  font-size: 17px;
}

.livar-account-empty p {
  max-width: 520px;
  margin: 0 auto;
  color: var(--account-muted);
  font-size: 12px;
  line-height: 1.6;
}

.livar-account-two-column {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.livar-account-two-column .livar-account-panel + .livar-account-panel {
  margin-top: 0;
}

.livar-account-details {
  display: grid;
  gap: 1px;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--account-border);
  border-radius: 14px;
  background: var(--account-border);
}

.livar-account-details > div {
  display: grid;
  grid-template-columns: minmax(120px, 0.45fr) minmax(0, 1fr);
  gap: 16px;
  padding: 13px 14px;
  background: #0b0d11;
}

.livar-account-details dt {
  color: var(--account-subtle);
  font-size: 11px;
}

.livar-account-details dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: #e0e2e6;
  font-size: 12px;
  text-align: right;
}

.livar-account-support-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.livar-account-support-panel h2 {
  margin: 0;
  font-size: 25px;
  letter-spacing: -0.025em;
}

.livar-account-support-panel > p:not(.livar-account-eyebrow) {
  margin: 13px 0 22px;
  color: var(--account-muted);
  font-size: 13px;
  line-height: 1.65;
}

.livar-account-form {
  display: grid;
  gap: 16px;
}

.livar-account-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.livar-account-form-help {
  margin: 0;
  padding: 12px 14px;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--account-muted);
  font-size: 11px;
  line-height: 1.55;
}

.livar-account-form .livar-account-button {
  justify-self: start;
  margin-top: 4px;
}

.livar-account-methods {
  display: grid;
  gap: 10px;
}

.livar-account-methods > div {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 13px;
  border: 1px solid var(--account-border);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.025);
}

.livar-account-methods p {
  margin: 0;
}

.livar-account-methods strong,
.livar-account-methods small {
  display: block;
}

.livar-account-methods strong {
  margin-bottom: 3px;
  font-size: 12px;
}

.livar-account-methods small {
  color: var(--account-muted);
  font-size: 10px;
}

.livar-account-methods > div > b {
  color: var(--account-green);
  font-size: 10px;
}

.livar-account-methods > div > b.muted {
  color: var(--account-subtle);
}

.method-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 11px;
  font-weight: 800;
}

.method-icon.email {
  background: var(--account-brand-soft);
  color: var(--account-brand);
}

.method-icon.google {
  background: #fff;
  color: #4285f4;
}

.livar-account-legal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 26px;
  padding: 0 4px;
  color: var(--account-subtle);
  font-size: 11px;
}

.livar-account-legal-footer > div {
  display: flex;
  gap: 16px;
}

@media (max-width: 1050px) {
  .livar-account-auth-layout {
    grid-template-columns: minmax(0, 0.9fr) minmax(390px, 1.1fr);
  }

  .livar-account-auth-story {
    padding: 46px;
  }

  .livar-account-auth-story h1 {
    font-size: clamp(38px, 5vw, 54px);
  }

  .livar-account-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .livar-account-order-meta.wide {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .livar-account-v2-page {
    width: min(100% - 24px, 720px);
    padding-top: 28px;
  }

  .livar-account-auth-layout {
    display: flex;
    min-height: 0;
    flex-direction: column;
    border-radius: 22px;
  }

  .livar-account-auth-layout:not(.single) .livar-account-auth-card {
    order: 1;
  }

  .livar-account-auth-layout:not(.single) .livar-account-auth-story {
    order: 2;
  }

  .livar-account-auth-story {
    min-height: auto;
    padding: 34px 26px;
  }

  .livar-account-auth-story h1 {
    max-width: 570px;
    font-size: 42px;
  }

  .livar-account-auth-story > p:not(.livar-account-eyebrow) {
    margin-top: 17px;
    font-size: 14px;
  }

  .livar-account-story-points {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 28px;
  }

  .livar-account-story-points > div {
    display: block;
    padding: 13px;
    border: 1px solid var(--account-border);
    border-radius: 13px;
    background: rgba(0, 0, 0, 0.16);
  }

  .livar-account-story-points > div > span {
    margin-bottom: 11px;
  }

  .livar-account-auth-card {
    padding: 36px 26px;
  }

  .livar-account-dashboard-head {
    align-items: flex-start;
  }

  .livar-account-dashboard-layout {
    display: block;
  }

  .livar-account-dashboard-nav {
    position: static;
    display: flex;
    margin-bottom: 16px;
    padding: 7px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .livar-account-dashboard-nav::-webkit-scrollbar {
    display: none;
  }

  .livar-account-dashboard-nav a {
    min-width: max-content;
    grid-template-columns: 25px auto auto;
  }

  .livar-account-two-column {
    grid-template-columns: 1fr;
  }

  .livar-account-order-meta.wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .livar-account-v2-page {
    width: min(100% - 18px, 560px);
    padding: 20px 0 34px;
  }

  .livar-account-notice {
    margin-bottom: 14px;
    border-radius: 12px;
    font-size: 12px;
  }

  .livar-account-auth-layout,
  .livar-account-state-card {
    border-radius: 18px;
  }

  .livar-account-auth-story {
    padding: 28px 20px;
  }

  .livar-account-auth-story h1 {
    font-size: 34px;
    line-height: 1.03;
  }

  .livar-account-story-points {
    display: none;
  }

  .livar-account-auth-card {
    padding: 28px 20px 30px;
  }

  .livar-account-auth-layout.single .livar-account-auth-card {
    min-height: 390px;
  }

  .livar-account-auth-card h1,
  .livar-account-auth-card h2 {
    font-size: 30px;
  }

  .livar-account-auth-form input,
  .livar-account-form input,
  .livar-account-form select,
  .livar-account-form textarea,
  .livar-account-button,
  .livar-account-google-button {
    font-size: 16px;
  }

  .livar-account-consent {
    font-size: 12px !important;
  }

  .livar-account-dashboard-head {
    display: block;
    margin-bottom: 20px;
  }

  .livar-account-dashboard-head h1 {
    font-size: 39px;
  }

  .livar-account-head-actions {
    margin-top: 18px;
    justify-content: space-between;
  }

  .livar-account-profile-alert {
    align-items: flex-start;
  }

  .livar-account-profile-alert b {
    display: none;
  }

  .livar-account-dashboard-nav a span {
    display: none;
  }

  .livar-account-dashboard-nav a {
    min-height: 42px;
    grid-template-columns: auto auto;
    padding: 0 12px;
    font-size: 12px;
  }

  .livar-account-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .livar-account-metrics article {
    padding: 15px;
  }

  .livar-account-metrics strong {
    font-size: 24px;
  }

  .livar-account-panel {
    padding: 18px;
    border-radius: 16px;
  }

  .livar-account-panel-head {
    display: block;
  }

  .livar-account-panel-head > a,
  .livar-account-order-count {
    display: inline-block;
    margin-top: 10px;
  }

  .livar-account-order-top {
    display: block;
  }

  .livar-account-order-top > .status,
  .livar-account-order-badges {
    margin-top: 12px;
  }

  .livar-account-order-badges {
    justify-content: flex-start;
  }

  .livar-account-order-meta,
  .livar-account-order-meta.wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .livar-account-order-meta strong {
    white-space: normal;
  }

  .livar-account-form-grid {
    grid-template-columns: 1fr;
  }

  .livar-account-details > div {
    display: block;
  }

  .livar-account-details dd {
    margin-top: 5px;
    text-align: left;
  }

  .livar-account-methods > div {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .livar-account-methods > div > b {
    grid-column: 2;
  }

  .livar-account-legal-footer {
    display: block;
    text-align: center;
  }

  .livar-account-legal-footer > div {
    justify-content: center;
    margin-top: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .livar-account-v2-body *,
  .livar-account-v2-body *::before,
  .livar-account-v2-body *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

/* LiVAR Account Modern Auth UI v3.11.34 */
.livar-account-auth-layout--modern {
  width: min(1080px, 100%);
  min-height: 0;
  margin: 0 auto;
  grid-template-columns: minmax(360px, 0.92fr) minmax(0, 1.08fr);
  gap: 0;
  overflow: hidden;
  border-color: rgba(255, 255, 255, 0.13);
  border-radius: 32px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.018)),
    #07090d;
  box-shadow: 0 34px 96px rgba(0, 0, 0, 0.44);
}

.livar-account-auth-card--modern {
  position: relative;
  justify-content: flex-start;
  padding: clamp(28px, 4.8vw, 48px);
  background:
    radial-gradient(circle at 8% 0%, rgba(255, 85, 0, 0.16), transparent 18rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018));
}

.livar-account-auth-card--modern::before {
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(255, 255, 255, 0.055);
  border-radius: 24px;
  content: "";
  pointer-events: none;
}

.livar-account-modern-header,
.livar-account-modern-status,
.livar-account-modern-legal,
.livar-account-google-form--modern,
.livar-account-auth-form--modern,
.livar-account-modern-trust {
  position: relative;
  z-index: 1;
}

.livar-account-modern-header h1 {
  max-width: 500px;
  margin: 0;
  color: var(--account-text);
  font-size: clamp(34px, 4.4vw, 54px);
  font-weight: 760;
  letter-spacing: -0.055em;
  line-height: 0.98;
}

.livar-account-modern-header > p:not(.livar-account-eyebrow) {
  max-width: 430px;
  margin: 14px 0 0;
  color: #b9bdc7;
  font-size: 15px;
  line-height: 1.62;
}

.livar-account-modern-status {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 24px 0 18px;
}

.livar-account-modern-status span {
  display: inline-flex;
  min-height: 31px;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: #a9adb7;
  font-size: 11px;
  font-weight: 760;
}

.livar-account-modern-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #686e7b;
}

.livar-account-modern-status span.is-ready {
  border-color: rgba(61, 204, 132, 0.32);
  background: rgba(61, 204, 132, 0.085);
  color: #bef1d6;
}

.livar-account-modern-status span.is-ready i {
  background: var(--account-green);
  box-shadow: 0 0 0 4px rgba(61, 204, 132, 0.13);
}

.livar-account-modern-legal {
  margin: 0 0 16px;
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(5, 7, 11, 0.62);
}

.livar-account-consent--modern {
  margin: 0 !important;
  color: #c9ccd3 !important;
}

.livar-account-consent--modern input {
  border-radius: 5px;
}

.livar-account-legal-warning {
  margin: 8px 0 0;
  color: var(--account-yellow);
  font-size: 11px;
  line-height: 1.45;
}

.livar-account-google-form--modern {
  margin-top: 0;
}

.livar-account-google-button--modern {
  min-height: 62px;
  justify-content: flex-start;
  padding: 0 18px;
  border: 0;
  border-radius: 17px;
  background: #ffffff;
  color: #111318;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
}

.livar-account-google-button--modern span {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-color: #e5e7eb;
  background: #fff;
  color: #4285f4;
}

.livar-account-google-button--modern b,
.livar-account-google-button--modern small {
  display: block;
  min-width: 0;
  text-align: left;
}

.livar-account-google-button--modern b {
  color: #15171c;
  font-size: 14px;
  font-weight: 820;
}

.livar-account-google-button--modern small {
  margin-top: 2px;
  color: #707680;
  font-size: 11px;
  font-weight: 600;
}

.livar-account-divider--modern {
  margin: 20px 0 15px;
  color: #838895;
  font-size: 10px;
  letter-spacing: 0.1em;
}

.livar-account-auth-form--modern {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}

.livar-account-modern-email {
  min-width: 0;
}

.livar-account-modern-email span {
  color: #d7dae0;
  font-size: 11px;
  font-weight: 760;
  letter-spacing: 0.02em;
}

.livar-account-auth-form--modern input[type="email"] {
  min-height: 52px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.055);
}

.livar-account-email-button {
  width: auto !important;
  min-width: 148px;
  min-height: 52px;
  border-radius: 15px;
  white-space: nowrap;
}

.livar-account-method-note,
.livar-account-unavailable--modern {
  grid-column: 1 / -1;
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

.livar-account-method-note {
  color: #979ca7;
}

.livar-account-unavailable--modern {
  color: #f2cb7a;
}

.livar-account-modern-trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 21px;
}

.livar-account-modern-trust span {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 0 9px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.035);
  color: #aeb3bf;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
}

.livar-account-auth-story--modern {
  min-height: 560px;
  justify-content: center;
  padding: clamp(32px, 5vw, 62px);
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(135deg, rgba(255, 85, 0, 0.22), rgba(255, 85, 0, 0.02) 46%, transparent),
    radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.08), transparent 17rem),
    #080a0f;
}

.livar-account-auth-story--modern::after {
  right: -118px;
  bottom: -128px;
  width: 330px;
  height: 330px;
}

.livar-account-story-brand {
  position: relative;
  z-index: 1;
  display: inline-grid;
  width: max-content;
  gap: 4px;
  margin-bottom: 28px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
}

.livar-account-story-brand span {
  color: #fff;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.livar-account-story-brand small {
  color: var(--account-brand);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.livar-account-auth-story--modern h2 {
  position: relative;
  z-index: 1;
  max-width: 520px;
  margin: 0;
  color: #fff;
  font-size: clamp(36px, 4.5vw, 62px);
  font-weight: 800;
  letter-spacing: -0.055em;
  line-height: 0.98;
}

.livar-account-auth-story--modern > p:not(.livar-account-eyebrow) {
  position: relative;
  z-index: 1;
  max-width: 500px;
  margin: 20px 0 0;
  color: #c5c8cf;
  font-size: 15px;
  line-height: 1.68;
}

.livar-account-story-points--modern {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 34px;
}

.livar-account-story-points--modern > div {
  display: block;
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.04);
}

.livar-account-story-points--modern > div > span {
  width: 30px;
  height: 30px;
  margin-bottom: 12px;
  border-radius: 10px;
}

.livar-account-story-points--modern strong {
  font-size: 13px;
}

.livar-account-story-points--modern small {
  font-size: 11px;
}

.livar-account-story-link {
  position: relative;
  z-index: 1;
  display: inline-flex;
  width: max-content;
  min-height: 42px;
  align-items: center;
  margin-top: 26px;
  padding: 0 15px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  font-size: 12px;
  font-weight: 760;
  text-decoration: none;
}

.livar-account-story-link:hover {
  border-color: rgba(255, 85, 0, 0.5);
  color: var(--account-brand);
}

@media (max-width: 1050px) {
  .livar-account-auth-layout--modern {
    grid-template-columns: 1fr;
  }

  .livar-account-auth-card--modern {
    order: 1;
  }

  .livar-account-auth-story--modern {
    order: 2;
    min-height: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 0;
  }
}

@media (max-width: 700px) {
  .livar-account-auth-layout--modern {
    border-radius: 22px;
  }

  .livar-account-auth-card--modern {
    padding: 24px 18px;
  }

  .livar-account-auth-card--modern::before {
    inset: 10px;
    border-radius: 18px;
  }

  .livar-account-modern-header h1 {
    font-size: 34px;
  }

  .livar-account-auth-form--modern {
    grid-template-columns: 1fr;
  }

  .livar-account-email-button {
    width: 100% !important;
  }

  .livar-account-modern-trust,
  .livar-account-story-points--modern {
    grid-template-columns: 1fr;
  }

  .livar-account-modern-trust span {
    justify-content: flex-start;
    min-height: 40px;
    text-align: left;
  }

  .livar-account-auth-story--modern {
    padding: 26px 18px;
  }

  .livar-account-auth-story--modern h2 {
    font-size: 34px;
  }
}

/* LiVAR Account Portal Expansion v3.11.34 */
.livar-account-dashboard-head--compact{
  display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border:1px solid rgba(255,255,255,.10);border-radius:28px;background:linear-gradient(135deg,rgba(9,12,16,.96),rgba(21,15,10,.92));box-shadow:0 24px 70px rgba(0,0,0,.22);margin-bottom:22px
}
.livar-account-head-identity{display:flex;align-items:center;gap:15px;min-width:0}
.livar-account-avatar,.livar-account-avatar-preview{--avatar-gradient:linear-gradient(135deg,#ff7a1a,#251206);position:relative;display:grid;place-items:center;overflow:hidden;background:var(--avatar-gradient);color:#fff;box-shadow:0 16px 36px rgba(255,106,0,.18),inset 0 0 0 1px rgba(255,255,255,.18)}
.livar-account-avatar{width:58px;height:58px;border-radius:20px;flex:0 0 58px;text-decoration:none}
.livar-account-avatar span,.livar-account-avatar-preview span{font-weight:900;letter-spacing:-.04em;text-transform:uppercase}
.livar-account-avatar span{font-size:22px}
.livar-account-avatar img,.livar-account-avatar-preview img{width:100%;height:100%;object-fit:cover;object-position:var(--avatar-x,50%) var(--avatar-y,50%);transform:scale(var(--avatar-scale,1));transform-origin:var(--avatar-x,50%) var(--avatar-y,50%)}
.livar-account-dashboard-head--compact .livar-account-eyebrow{margin:0 0 4px;color:#ff9b42;font-size:11px;letter-spacing:.16em}
.livar-account-dashboard-head--compact h1{margin:0;max-width:min(62vw,760px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(22px,2.15vw,31px);line-height:1.05;font-weight:600;letter-spacing:-.045em;color:#fff}
.livar-account-dashboard-head--compact h1 b{font-weight:800;color:#fff}
.livar-account-dashboard-head--compact .livar-account-head-identity span:not(.livar-account-avatar span){display:block;margin-top:7px;color:#aeb6c2;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(62vw,760px)}
.livar-account-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap;flex:0 0 auto}
.livar-account-active-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 12px;background:rgba(44,185,118,.12);border:1px solid rgba(44,185,118,.25);color:#d7ffe9;font-size:12px;font-weight:800}
.livar-account-active-pill i{width:8px;height:8px;border-radius:999px;background:#2dce82;box-shadow:0 0 0 6px rgba(45,206,130,.12)}
.livar-account-profile-panel .livar-account-form--profile{gap:18px}
.livar-account-avatar-studio{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:start;padding:18px;border-radius:24px;background:#080b10;border:1px solid rgba(255,255,255,.09)}
.livar-account-avatar-preview{width:180px;height:180px;border-radius:34px}
.livar-account-avatar-preview span{font-size:60px}
.livar-account-avatar-controls h3{margin:4px 0 14px;color:#fff;font-size:20px;letter-spacing:-.035em}
.livar-account-avatar-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.livar-account-avatar-presets label{cursor:pointer;display:grid;place-items:center;height:48px;border-radius:16px;background:var(--avatar-gradient);border:2px solid rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.livar-account-avatar-presets input{position:absolute;opacity:0;pointer-events:none}
.livar-account-avatar-presets label:has(input:checked){border-color:#ff8a25;box-shadow:0 0 0 4px rgba(255,121,24,.14)}
.livar-account-avatar-presets span{font-weight:900;color:#fff}
.livar-account-upload-avatar{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:16px;background:#121820;border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;font-weight:800}
.livar-account-upload-avatar input{display:none}
.livar-account-avatar-adjust{display:grid;gap:9px;margin-top:14px}
.livar-account-avatar-adjust label{display:grid;gap:6px;color:#aeb6c2;font-size:12px;font-weight:700}
.livar-account-avatar-adjust input{accent-color:#ff7a1a}
.livar-account-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.livar-account-type-card{display:flex!important;gap:11px;align-items:flex-start;padding:15px;border-radius:18px;background:#080b10;border:1px solid rgba(255,255,255,.10);cursor:pointer}
.livar-account-type-card input{margin-top:3px;accent-color:#ff7a1a}
.livar-account-type-card strong{display:block;color:#fff;font-size:14px}.livar-account-type-card small{display:block;color:#9ba6b4;margin-top:4px;font-size:12px;line-height:1.45}
.livar-phone-smart small{color:#8e98a7;font-size:11px;margin-top:6px}.livar-country-input-wrap{display:flex;align-items:center;gap:8px;background:#0a0e13;border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:0 12px;min-height:46px}.livar-country-input-wrap i{font-style:normal;font-size:18px}.livar-country-input-wrap input{border:0!important;background:transparent!important;padding-left:0!important;min-height:44px!important}.livar-account-form-help{color:#b9c2cf;font-size:12px;margin:-6px 0 4px}
.livar-account-support-center .livar-account-panel-head{align-items:flex-start}.livar-ticket-layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(280px,1fr);gap:18px}.livar-ticket-create-form,.livar-ticket-reply-form{display:grid;gap:12px;background:#080b10;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:18px}.livar-ticket-create-form label,.livar-ticket-reply-form label{display:grid;gap:7px;color:#aeb6c2;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.livar-ticket-create-form input,.livar-ticket-create-form select,.livar-ticket-create-form textarea,.livar-ticket-reply-form textarea{width:100%;border-radius:15px;background:#0c1117;border:1px solid rgba(255,255,255,.12);color:#fff;padding:12px 13px;outline:0}.livar-ticket-create-form input:focus,.livar-ticket-create-form select:focus,.livar-ticket-create-form textarea:focus,.livar-ticket-reply-form textarea:focus{border-color:#ff8a25;box-shadow:0 0 0 4px rgba(255,122,26,.13)}.livar-ticket-list{display:grid;gap:10px;align-content:start}.livar-ticket-card{display:grid;gap:4px;text-decoration:none;padding:14px;border-radius:18px;background:#080b10;border:1px solid rgba(255,255,255,.08);color:#fff}.livar-ticket-card.active,.livar-ticket-card:hover{border-color:rgba(255,122,26,.55);background:#12100d}.livar-ticket-card small{color:#ff9b42;font-size:11px;font-weight:900}.livar-ticket-card strong{font-size:14px}.livar-ticket-card span{font-size:12px;color:#aeb6c2}.livar-ticket-thread{margin-top:18px;padding:18px;border-radius:24px;background:#070a0f;border:1px solid rgba(255,255,255,.08)}.livar-ticket-thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.livar-ticket-thread-head h3{margin:3px 0 0;color:#fff}.livar-ticket-message{max-width:82%;padding:13px 14px;border-radius:17px;margin:10px 0;background:#111822;border:1px solid rgba(255,255,255,.08);color:#dbe3ee}.livar-ticket-message.admin{margin-left:auto;background:rgba(255,122,26,.12);border-color:rgba(255,122,26,.22)}.livar-ticket-message strong{display:block;color:#fff;margin-bottom:6px}.livar-ticket-message p{margin:0;line-height:1.55}.livar-ticket-message small{display:block;margin-top:7px;color:#8f9aa8;font-size:11px}
@media(max-width:760px){.livar-account-dashboard-head--compact{align-items:flex-start;flex-direction:column;padding:18px;border-radius:22px}.livar-account-head-actions{width:100%;justify-content:space-between}.livar-account-dashboard-head--compact h1,.livar-account-dashboard-head--compact .livar-account-head-identity span:not(.livar-account-avatar span){max-width:calc(100vw - 130px)}.livar-account-avatar{width:52px;height:52px;flex-basis:52px;border-radius:18px}.livar-account-avatar-studio,.livar-ticket-layout{grid-template-columns:1fr}.livar-account-avatar-preview{width:150px;height:150px}.livar-account-type-grid,.livar-account-avatar-presets{grid-template-columns:1fr 1fr}.livar-ticket-message{max-width:100%}}

/* LiVAR Account Layered Login UI v3.11.52
   Scope: unauthenticated /account/ sign-in only. Dashboard, OTP, magic links,
   storage, admin and authentication handlers are intentionally untouched. */
.livar-account-layered-login {
  --layered-orange: #ff5a0a;
  --layered-orange-2: #ff6a17;
  --layered-orange-deep: #e94403;
  --layered-bg: #070808;
  --layered-panel: #101415;
  --layered-field: #22272a;
  --layered-field-border: rgba(255, 255, 255, .18);
  --layered-line: rgba(255, 255, 255, .16);
  --layered-text: #f6f6f4;
  --layered-muted: #c5c7c8;
  --layered-dim: #8b9195;
  width: 100%;
  position: relative;
  display: grid;
  place-items: center;
  padding: clamp(8px, 1.6vw, 20px) 0 clamp(18px, 3vw, 32px);
  color: var(--layered-text);
}

.livar-account-layered-login::before {
  position: absolute;
  inset: -80px -7vw -70px;
  content: "";
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 1%, rgba(84,84,84,.34), transparent 46%),
    radial-gradient(circle at 66% 62%, rgba(255,90,10,.055), transparent 26%),
    linear-gradient(180deg, rgba(21,22,22,.72) 0%, rgba(8,9,9,.92) 67%, rgba(5,5,5,.98) 100%);
  z-index: 0;
}

.livar-account-layered-login::after {
  position: absolute;
  inset: -80px -7vw -70px;
  content: "";
  pointer-events: none;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.024) 0 1px, transparent 1px 7px),
    repeating-linear-gradient(180deg, rgba(255,255,255,.016) 0 1px, transparent 1px 10px);
  mix-blend-mode: screen;
  opacity: .46;
  z-index: 0;
}

.livar-account-layered-shell {
  position: relative;
  z-index: 1;
  isolation: isolate;
  display: grid;
  width: min(1180px, 100%);
  min-height: min(706px, calc(100vh - 210px));
  grid-template-columns: 61.4% 38.6%;
  overflow: hidden;
  border: 1px solid var(--layered-line);
  border-radius: 18px;
  background: #090b0b;
  box-shadow: 0 34px 86px rgba(0,0,0,.64), 0 4px 17px rgba(0,0,0,.6);
}

.livar-account-layered-shell::after {
  position: absolute;
  inset: 1px;
  z-index: 8;
  border-radius: 16px;
  content: "";
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(255,255,255,.04);
}

.livar-account-layered-brand,
.livar-account-layered-auth {
  position: relative;
  min-width: 0;
}

.livar-account-layered-brand {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  padding: clamp(48px, 5vw, 56px) clamp(52px, 6vw, 72px) clamp(56px, 5.4vw, 62px);
  background:
    linear-gradient(90deg, rgba(0,0,0,.46), rgba(0,0,0,.08) 53%, rgba(0,0,0,.58)),
    linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.01) 53%, rgba(0,0,0,.30)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.055) 0 1px, rgba(255,255,255,.006) 1px 3px, transparent 3px 8px),
    #181b1b;
}

.livar-account-layered-brand::before {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background-image: url("../account-layered/geometric-pattern.svg");
  background-size: 108% 92%;
  background-position: 34% -4%;
  background-repeat: no-repeat;
  opacity: .95;
}

.livar-account-layered-brand::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background:
    radial-gradient(ellipse at 47% 25%, rgba(255,255,255,.07), transparent 40%),
    linear-gradient(105deg, transparent 0 18%, rgba(255,255,255,.05) 26%, transparent 43% 100%);
  opacity: .88;
}

.livar-account-layered-anchor {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 49px;
  height: 132px;
  background: linear-gradient(180deg, var(--layered-orange) 0%, var(--layered-orange-deep) 100%);
  box-shadow: 0 0 34px rgba(255,90,10,.28);
}

.livar-account-layered-logo-wrap,
.livar-account-layered-copy,
.livar-account-layered-product {
  position: relative;
  z-index: 4;
}

.livar-account-layered-logo {
  display: block;
  width: 137px;
  height: auto;
  margin-left: 9px;
}

.livar-account-layered-copy {
  max-width: 545px;
  margin-top: 98px;
}

.livar-account-layered-copy p {
  margin: 0 0 24px;
  color: #f6f6f4;
  font-size: 17px;
  font-weight: 450;
  letter-spacing: -.02em;
  line-height: 1;
}

.livar-account-layered-copy h1 {
  margin: 0;
  color: var(--layered-text);
  font-size: clamp(54px, 5vw, 65px);
  font-weight: 760;
  letter-spacing: -.065em;
  line-height: .96;
  text-shadow: 0 1px 0 rgba(255,255,255,.05), 0 10px 30px rgba(0,0,0,.3);
}

.livar-account-layered-copy span {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 28px;
  color: #f4f4f1;
  font-size: 22px;
  font-weight: 370;
  letter-spacing: -.04em;
  line-height: 1.3;
}

.livar-account-layered-copy span::before,
.livar-account-layered-card h2::before {
  display: inline-block;
  flex: 0 0 auto;
  width: 5px;
  height: 25px;
  background: var(--layered-orange);
  box-shadow: 0 0 14px rgba(255,90,10,.35);
  content: "";
}

.livar-account-layered-product {
  width: min(675px, 100%);
  margin: 80px 0 0 -5px;
  opacity: .82;
  filter: drop-shadow(0 13px 22px rgba(255,255,255,.08));
}

.livar-account-layered-product img {
  display: block;
  width: 100%;
  height: auto;
}

.livar-account-layered-auth {
  display: grid;
  place-items: center;
  padding: clamp(44px, 5vw, 62px);
  border-left: 1px solid rgba(255,90,10,.42);
  background:
    radial-gradient(circle at 56% 43%, rgba(48,61,65,.44), transparent 55%),
    linear-gradient(180deg, #121719 0%, #081011 100%);
}

.livar-account-layered-auth::before {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background:
    radial-gradient(circle at 54% 40%, rgba(255,255,255,.045), transparent 45%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.017) 0 1px, transparent 1px 7px);
  opacity: .56;
}

.livar-account-layered-card {
  position: relative;
  z-index: 2;
  width: min(374px, 100%);
  padding: 45px 40px 42px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018)),
    rgba(12,15,15,.68);
  box-shadow: 0 24px 58px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(16px);
}

.livar-account-layered-card h2 {
  display: flex;
  align-items: center;
  gap: 17px;
  margin: 0 0 20px;
  color: #f6f6f4;
  font-size: 32px;
  font-weight: 740;
  letter-spacing: -.055em;
  line-height: 1;
}

.livar-account-layered-status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 15px;
}

.livar-account-layered-status span {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  gap: 7px;
  padding: 0 9px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.042);
  color: #aeb4b8;
  font-size: 10px;
  font-weight: 760;
  letter-spacing: -.01em;
}

.livar-account-layered-status i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #697078;
}

.livar-account-layered-status span.is-ready {
  border-color: rgba(61,204,132,.34);
  background: rgba(61,204,132,.085);
  color: #c4f6dc;
}

.livar-account-layered-status span.is-ready i {
  background: #3dcc84;
  box-shadow: 0 0 0 4px rgba(61,204,132,.12);
}

.livar-account-layered-legal {
  margin: 18px 0 0;
  padding: 11px 12px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 11px;
  background: rgba(255,255,255,.035);
}

.livar-account-layered-consent {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  margin: 0;
  color: #c8cbcc;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: -.012em;
  line-height: 1.45;
}

.livar-account-layered-consent input {
  width: 16px;
  height: 16px;
  margin: 1px 0 0;
  accent-color: var(--layered-orange);
}

.livar-account-layered-consent a {
  color: #fff;
  text-underline-offset: 3px;
}

.livar-account-layered-warning,
.livar-account-layered-unavailable {
  margin: 8px 0 0;
  color: #f2cb7a;
  font-size: 11px;
  line-height: 1.45;
}

.livar-account-layered-field {
  margin-bottom: 18px;
}

.livar-account-layered-field label {
  display: block;
  margin-bottom: 10px;
  color: #f0f1ef;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1;
}

.livar-account-layered-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.livar-account-layered-input-wrap svg {
  position: absolute;
  left: 18px;
  top: 50%;
  z-index: 2;
  width: 23px;
  height: 23px;
  color: #cfd1d2;
  opacity: .87;
  transform: translateY(-50%);
}

.livar-account-layered-input-wrap input {
  width: 100%;
  height: 50px;
  padding: 0 18px 0 56px;
  border: 1px solid var(--layered-field-border);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.014)),
    var(--layered-field);
  color: var(--layered-text);
  font-size: 15px;
  letter-spacing: -.025em;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.livar-account-layered-input-wrap input::placeholder {
  color: #8e9497;
}

.livar-account-layered-input-wrap input:focus {
  border-color: rgba(255,90,10,.75);
  background: #262c2f;
  box-shadow: 0 0 0 4px rgba(255,90,10,.12), 0 0 26px rgba(255,90,10,.12);
}

.livar-account-layered-primary,
.livar-account-layered-google {
  display: inline-flex;
  width: 100%;
  height: 51px;
  align-items: center;
  justify-content: center;
  gap: 13px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.035em;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, opacity .18s ease;
}

.livar-account-layered-primary {
  border: 0;
  color: #fff;
  background: linear-gradient(180deg, var(--layered-orange-2) 0%, #ff5108 48%, var(--layered-orange-deep) 100%);
  box-shadow: 0 15px 34px rgba(255,90,10,.22), inset 0 1px 0 rgba(255,255,255,.15);
}

.livar-account-layered-primary:hover,
.livar-account-layered-google:hover,
.livar-account-layered-create:hover {
  transform: translateY(-1px);
}

.livar-account-layered-primary:hover {
  box-shadow: 0 18px 40px rgba(255,90,10,.30), inset 0 1px 0 rgba(255,255,255,.18);
}

.livar-account-layered-primary:disabled,
.livar-account-layered-google:disabled,
.livar-account-layered-input-wrap input:disabled,
.livar-account-layered-consent input:disabled {
  cursor: not-allowed;
  opacity: .54;
}

.livar-account-layered-divider {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 21px;
  margin: 29px 0 24px;
  color: #c5c7c7;
  font-size: 16px;
  line-height: 1;
}

.livar-account-layered-divider::before,
.livar-account-layered-divider::after {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
  content: "";
}

.livar-account-layered-google {
  border: 1px solid rgba(255,255,255,.32);
  background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01));
  color: #f6f6f3;
}

.livar-account-layered-google img {
  display: block;
  width: 22px;
  height: 22px;
}

.livar-account-layered-google:hover {
  border-color: rgba(255,255,255,.55);
  background: rgba(255,255,255,.035);
}

.livar-account-layered-create {
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 12px;
  margin: 16px auto 0;
  color: #f4f4f1;
  font-size: 15px;
  letter-spacing: -.03em;
  text-decoration: none;
  transition: transform .18s ease, color .18s ease;
}

.livar-account-layered-create svg {
  width: 18px;
  height: 18px;
  color: var(--layered-orange);
}

.livar-account-layered-create:hover {
  color: #fff;
}

@media (max-width: 1280px) and (min-width: 921px) {
  .livar-account-layered-shell {
    grid-template-columns: 58% 42%;
  }
  .livar-account-layered-brand {
    padding-left: 58px;
    padding-right: 52px;
  }
  .livar-account-layered-copy h1 {
    font-size: 56px;
  }
  .livar-account-layered-auth {
    padding: 44px;
  }
}

@media (max-width: 920px) {
  .livar-account-layered-login {
    padding: 0;
  }
  .livar-account-layered-shell {
    display: block;
    width: min(420px, 100%);
    min-height: auto;
    border-radius: 18px;
  }
  .livar-account-layered-brand {
    min-height: 332px;
    justify-content: flex-start;
    padding: 42px 31px 40px;
  }
  .livar-account-layered-anchor {
    top: 32px;
    width: 31px;
    height: 86px;
  }
  .livar-account-layered-logo {
    width: 110px;
    margin-left: 22px;
  }
  .livar-account-layered-copy {
    margin-top: 62px;
  }
  .livar-account-layered-copy p {
    margin-bottom: 20px;
    font-size: 13px;
  }
  .livar-account-layered-copy h1 {
    font-size: 34px;
    letter-spacing: -.055em;
  }
  .livar-account-layered-copy span {
    gap: 10px;
    margin-top: 20px;
    font-size: 15px;
  }
  .livar-account-layered-copy span::before {
    width: 4px;
    height: 22px;
  }
  .livar-account-layered-product {
    display: none;
  }
  .livar-account-layered-auth {
    display: block;
    margin-top: -1px;
    padding: 0 28px 31px;
    border-left: 0;
    background: transparent;
  }
  .livar-account-layered-card {
    width: 100%;
    padding: 24px 18px 28px;
    border-radius: 13px;
    transform: translateY(-14px);
  }
  .livar-account-layered-card h2 {
    gap: 12px;
    margin-bottom: 16px;
    font-size: 25px;
  }
  .livar-account-layered-card h2::before {
    height: 31px;
  }
  .livar-account-layered-status {
    margin-bottom: 12px;
  }
  .livar-account-layered-legal {
    margin-top: 14px;
    margin-bottom: 0;
  }
  .livar-account-layered-field {
    margin-bottom: 16px;
  }
  .livar-account-layered-field label {
    margin-bottom: 9px;
    font-size: 12px;
  }
  .livar-account-layered-input-wrap input {
    height: 40px;
    padding-left: 45px;
    border-radius: 6px;
    font-size: 12px;
  }
  .livar-account-layered-input-wrap svg {
    left: 14px;
    width: 18px;
    height: 18px;
  }
  .livar-account-layered-primary,
  .livar-account-layered-google {
    height: 39px;
    border-radius: 6px;
    font-size: 13px;
  }
  .livar-account-layered-divider {
    gap: 15px;
    margin: 24px 0 20px;
    font-size: 13px;
  }
  .livar-account-layered-google img {
    width: 18px;
    height: 18px;
  }
  .livar-account-layered-create {
    margin-top: 14px;
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .livar-account-layered-login *,
  .livar-account-layered-login *::before,
  .livar-account-layered-login *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}


/* LiVAR Account Layered Header Proximity v3.13.18
   Desktop-only: move the approved sign-in composition closer to the shared .page-head.
   Mobile spacing remains controlled by existing max-width media rules. */
@media (min-width: 921px) {
  .livar-account-v2-page--layered-login {
    padding-top: clamp(10px, 1.15vw, 16px);
  }

  .livar-account-v2-page--layered-login .livar-account-layered-login {
    padding-top: 0;
  }
}

/* LiVAR Account Layered Copy Placement v3.13.22
   Scope: unauthenticated /account/ layered login only.
   Moves the brand copy higher inside .livar-account-layered-shell after the logo removal,
   while keeping the product visual anchored cleanly on desktop and preserving mobile readability. */
@media (min-width: 921px) {
  .livar-account-v2-page--layered-login .livar-account-layered-brand {
    justify-content: flex-start;
  }

  .livar-account-v2-page--layered-login .livar-account-layered-copy {
    margin-top: clamp(18px, 2.2vw, 32px);
  }

  .livar-account-v2-page--layered-login .livar-account-layered-copy p {
    margin-bottom: clamp(18px, 1.9vw, 22px);
  }

  .livar-account-v2-page--layered-login .livar-account-layered-copy span {
    margin-top: clamp(20px, 2.1vw, 24px);
  }

  .livar-account-v2-page--layered-login .livar-account-layered-product {
    width: min(648px, 100%);
    margin: auto 0 0 -5px;
  }
}

@media (max-width: 1280px) and (min-width: 921px) {
  .livar-account-v2-page--layered-login .livar-account-layered-copy {
    margin-top: clamp(16px, 2vw, 26px);
  }

  .livar-account-v2-page--layered-login .livar-account-layered-product {
    width: min(600px, 100%);
  }
}

@media (max-width: 920px) {
  .livar-account-v2-page--layered-login .livar-account-layered-brand {
    min-height: 292px;
    justify-content: flex-start;
    padding-top: 34px;
    padding-bottom: 30px;
  }

  .livar-account-v2-page--layered-login .livar-account-layered-copy {
    margin-top: 18px;
  }

  .livar-account-v2-page--layered-login .livar-account-layered-copy p {
    margin-bottom: 15px;
  }

  .livar-account-v2-page--layered-login .livar-account-layered-copy span {
    margin-top: 16px;
  }
}

@media (max-width: 520px) {
  .livar-account-v2-page--layered-login .livar-account-layered-brand {
    min-height: 276px;
    padding: 30px 25px 28px 34px;
  }

  .livar-account-v2-page--layered-login .livar-account-layered-anchor {
    top: 28px;
    height: 78px;
  }

  .livar-account-v2-page--layered-login .livar-account-layered-copy {
    margin-top: 12px;
  }
}
/* =========================================================
   LiVAR Account v3.13.97
   Verify OTP title refinement — scoped to /account/?action=verify only.
   Keeps the six-digit code heading compact, professional and single-line.
========================================================= */
.livar-account-v2-page .livar-account-auth-card.verify-card h1 {
  display: inline-flex;
  width: auto;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  gap: 10px;
  white-space: nowrap;
  color: var(--account-text);
  font-size: clamp(21px, 2.35vw, 30px);
  font-weight: 760;
  letter-spacing: -0.022em;
  line-height: 1.18;
}

.livar-account-v2-page .livar-account-auth-card.verify-card h1::before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border: 1px solid rgba(255, 85, 0, 0.36);
  border-radius: 12px;
  background-color: rgba(255, 85, 0, 0.105);
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 15.25v-2.4C11.5 9.82 13.86 7.5 17 7.5s5.5 2.32 5.5 5.35v2.4' stroke='%23ff5500' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='9.25' y='14.75' width='15.5' height='12' rx='3.2' stroke='%23ff5500' stroke-width='2'/%3E%3Cpath d='M17 19v3.25' stroke='%23ff5500' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 26px 26px;
}

@media (max-width: 560px) {
  .livar-account-v2-page .livar-account-auth-card.verify-card h1 {
    gap: 8px;
    font-size: clamp(18px, 5.25vw, 22px);
    letter-spacing: -0.016em;
    line-height: 1.2;
  }

  .livar-account-v2-page .livar-account-auth-card.verify-card h1::before {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    border-radius: 10px;
    background-size: 22px 22px;
  }
}

@media (max-width: 360px) {
  .livar-account-v2-page .livar-account-auth-card.verify-card h1 {
    gap: 6px;
    font-size: 17px;
  }

  .livar-account-v2-page .livar-account-auth-card.verify-card h1::before {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
    border-radius: 9px;
    background-size: 19px 19px;
  }
}


/* =========================================================
   LiVAR Account v3.13.98 — Mobile dashboard identity + nav polish
   Scope: authenticated account overview mobile UI only.
   Changes are CSS-only and target:
   - .livar-account-head-identity h1
   - .livar-account-dashboard-nav
   No PHP, database, OTP, SMTP, login, order, profile or support logic is changed.
========================================================= */
@media (max-width: 760px) {
  .livar-account-dashboard-head--compact {
    gap: 14px;
    overflow: hidden;
  }

  .livar-account-head-identity {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 12px;
  }

  .livar-account-head-identity > div {
    min-width: 0;
    max-width: calc(100vw - 112px);
  }

  .livar-account-dashboard-head--compact .livar-account-head-identity h1 {
    display: block;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: clamp(17px, 4.8vw, 22px);
    line-height: 1.08;
    letter-spacing: -0.035em;
    font-weight: 650;
  }

  .livar-account-dashboard-head--compact .livar-account-head-identity h1 b {
    font-weight: 800;
  }

  .livar-account-dashboard-head--compact .livar-account-head-identity span:not(.livar-account-avatar span) {
    max-width: 100%;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11.5px;
    line-height: 1.25;
  }

  .livar-account-dashboard-nav {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    margin: 0 0 18px;
    padding: 10px;
    overflow: visible;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(9, 12, 16, 0.96), rgba(7, 9, 13, 0.92));
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(18px);
    scrollbar-width: auto;
  }

  .livar-account-dashboard-nav a {
    min-width: 0;
    min-height: 58px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    padding: 10px 11px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.075);
    color: #d8e1ec;
    font-size: 12.5px;
    font-weight: 760;
    line-height: 1.1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  }

  .livar-account-dashboard-nav a span {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.66);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: -0.02em;
  }

  .livar-account-dashboard-nav a b {
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(255, 85, 0, 0.16);
    color: #ffb179;
    font-size: 10px;
    font-weight: 900;
  }

  .livar-account-dashboard-nav a.active {
    border-color: rgba(255, 122, 26, 0.52);
    background: linear-gradient(135deg, rgba(255, 85, 0, 0.20), rgba(255, 122, 26, 0.08));
    color: #ffffff;
    box-shadow: 0 12px 26px rgba(255, 85, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.07);
  }

  .livar-account-dashboard-nav a.active span {
    background: #ff6a17;
    color: #111317;
  }
}

@media (max-width: 390px) {
  .livar-account-head-identity > div {
    max-width: calc(100vw - 104px);
  }

  .livar-account-dashboard-head--compact .livar-account-head-identity h1 {
    font-size: clamp(16px, 4.6vw, 19px);
  }

  .livar-account-dashboard-nav {
    gap: 8px;
    padding: 8px;
  }

  .livar-account-dashboard-nav a {
    min-height: 54px;
    padding: 9px 9px;
    font-size: 11.5px;
  }

  .livar-account-dashboard-nav a span {
    width: 22px;
    height: 22px;
    border-radius: 8px;
    font-size: 9px;
  }
}

/* =========================================================
   LiVAR Account v3.13.101 — Dashboard identity text containment
   Scope: authenticated compact account header only.
   Keeps all identity copy smaller, single-line and safely contained
   for long customer names on desktop and mobile.
========================================================= */
.livar-account-dashboard-head--compact {
  min-width: 0;
}

.livar-account-dashboard-head--compact .livar-account-head-identity {
  flex: 1 1 0%;
  width: auto;
  max-width: 100%;
  min-width: 0;
}

.livar-account-dashboard-head--compact .livar-account-head-identity > div {
  flex: 1 1 0%;
  width: auto;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.livar-account-dashboard-head--compact .livar-account-head-identity .livar-account-eyebrow {
  max-width: 100%;
  margin: 0 0 3px;
  overflow: hidden;
  color: #ff9b42;
  font-size: 9.5px;
  line-height: 1.2;
  letter-spacing: 0.13em;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.livar-account-dashboard-head--compact .livar-account-head-identity h1 {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #fff;
  font-size: clamp(17px, 1.45vw, 21px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.025em;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.livar-account-dashboard-head--compact .livar-account-head-identity h1 b {
  color: inherit;
  font-weight: 780;
}

.livar-account-dashboard-head--compact .livar-account-head-identity span:not(.livar-account-avatar span) {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-top: 5px;
  overflow: hidden;
  color: #aeb6c2;
  font-size: 11px;
  line-height: 1.25;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 760px) {
  .livar-account-dashboard-head--compact .livar-account-head-identity {
    flex: 0 1 auto;
    width: 100%;
    gap: 10px;
  }

  .livar-account-dashboard-head--compact .livar-account-head-identity > div {
    flex: 1 1 0%;
    width: auto;
    max-width: 100%;
    min-width: 0;
  }

  .livar-account-dashboard-head--compact .livar-account-head-identity .livar-account-eyebrow {
    margin-bottom: 2px;
    font-size: 8.5px;
    letter-spacing: 0.11em;
  }

  .livar-account-dashboard-head--compact .livar-account-head-identity h1 {
    font-size: clamp(14px, 4.1vw, 17px);
    line-height: 1.14;
    letter-spacing: -0.02em;
  }

  .livar-account-dashboard-head--compact .livar-account-head-identity span:not(.livar-account-avatar span) {
    margin-top: 4px;
    font-size: 10px;
    line-height: 1.22;
  }
}

@media (max-width: 390px) {
  .livar-account-dashboard-head--compact .livar-account-head-identity h1 {
    font-size: clamp(13.5px, 4vw, 15.5px);
  }

  .livar-account-dashboard-head--compact .livar-account-head-identity .livar-account-eyebrow {
    font-size: 8px;
  }

  .livar-account-dashboard-head--compact .livar-account-head-identity span:not(.livar-account-avatar span) {
    font-size: 9.5px;
  }
}

/* =========================================================
   LiVAR Account v3.13.102 — Customer Favorites
   Scope: Favorites navigation count, overview list and full Favorites section.
========================================================= */
.livar-account-favorites-panel .livar-account-empty > span{
  color:#ff6a17;
  font-family:Arial,sans-serif;
  font-size:28px;
  line-height:1;
}
.livar-account-favorites-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:16px;
}
.livar-account-favorites-grid--overview{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.livar-account-favorite-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.085);
  border-radius:19px;
  background:linear-gradient(180deg,rgba(14,18,23,.98),rgba(8,11,15,.98));
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}
.livar-account-favorite-media{
  position:relative;
  display:grid;
  width:100%;
  aspect-ratio:1.12/1;
  place-items:center;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.075);
  background:radial-gradient(circle at 50% 40%,#252b32 0,#151a20 47%,#0b0f14 100%);
  text-decoration:none;
}
.livar-account-favorite-media img{
  display:block;
  width:86%;
  height:86%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 16px 18px rgba(0,0,0,.34));
}
.livar-account-favorite-media > span{
  color:rgba(255,255,255,.58);
  font-size:22px;
  font-weight:900;
  letter-spacing:.14em;
}
.livar-account-favorite-media i{
  position:absolute;
  top:11px;
  right:11px;
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border:1px solid rgba(255,106,23,.56);
  border-radius:999px;
  background:rgba(255,90,10,.16);
  color:#ff6a17;
  box-shadow:0 8px 18px rgba(0,0,0,.22);
}
.livar-account-favorite-media i svg{
  width:16px;
  height:16px;
}
.livar-account-favorite-media i path{
  fill:currentColor;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.livar-account-favorite-body{
  display:flex;
  min-width:0;
  min-height:168px;
  flex-direction:column;
  padding:14px;
}
.livar-account-favorite-body > small{
  overflow:hidden;
  color:#ff9b57;
  font-size:9.5px;
  font-weight:900;
  letter-spacing:.09em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.livar-account-favorite-body h3{
  margin:6px 0 8px;
  font-size:14px;
  line-height:1.3;
}
.livar-account-favorite-body h3 a{
  display:-webkit-box;
  overflow:hidden;
  color:#f5f7fa;
  text-decoration:none;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.livar-account-favorite-body h3 a:hover{color:#ffb077}
.livar-account-favorite-body > strong{
  color:#fff;
  font-size:13px;
  font-weight:850;
}
.livar-account-favorite-body > span{
  margin-top:6px;
  color:#8f9aa8;
  font-size:10px;
  line-height:1.35;
}
.livar-account-favorite-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  margin-top:auto;
  padding-top:13px;
}
.livar-account-favorite-actions > a,
.livar-account-favorite-actions button{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border-radius:10px;
  font-size:10.5px;
  font-weight:850;
  line-height:1;
  text-decoration:none;
}
.livar-account-favorite-actions > a{
  border:1px solid rgba(255,106,23,.38);
  background:rgba(255,90,10,.11);
  color:#ffb077;
}
.livar-account-favorite-actions form{margin:0}
.livar-account-favorite-actions button{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:#aeb7c2;
  cursor:pointer;
}
.livar-account-favorite-actions > a:hover{
  border-color:rgba(255,106,23,.66);
  background:rgba(255,90,10,.17);
  color:#fff;
}
.livar-account-favorite-actions button:hover{
  border-color:rgba(255,255,255,.22);
  color:#fff;
}
.livar-account-favorite-actions > a:focus-visible,
.livar-account-favorite-actions button:focus-visible,
.livar-account-favorite-media:focus-visible{
  outline:3px solid rgba(255,106,23,.38);
  outline-offset:2px;
}
@media (max-width:1120px){
  .livar-account-favorites-grid--overview{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .livar-account-favorites-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:600px){
  .livar-account-favorites-grid,
  .livar-account-favorites-grid--overview{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-top:12px;
  }
  .livar-account-favorite-card{border-radius:15px}
  .livar-account-favorite-media{aspect-ratio:1/1}
  .livar-account-favorite-media img{width:88%;height:88%}
  .livar-account-favorite-media i{
    top:8px;
    right:8px;
    width:28px;
    height:28px;
  }
  .livar-account-favorite-media i svg{width:14px;height:14px}
  .livar-account-favorite-body{
    min-height:156px;
    padding:11px;
  }
  .livar-account-favorite-body h3{
    margin:5px 0 7px;
    font-size:12px;
  }
  .livar-account-favorite-body > strong{font-size:11.5px}
  .livar-account-favorite-actions{
    align-items:stretch;
    flex-direction:column;
    gap:6px;
    padding-top:10px;
  }
  .livar-account-favorite-actions > a,
  .livar-account-favorite-actions form,
  .livar-account-favorite-actions button{
    width:100%;
  }
}
@media (max-width:370px){
  .livar-account-favorites-grid,
  .livar-account-favorites-grid--overview{
    grid-template-columns:1fr;
  }
  .livar-account-favorite-media{aspect-ratio:1.35/1}
}

/* =========================================================
   LiVAR Account v3.13.165 — Mobile layered login cleanup
   Scope: /account/ unauthenticated layered login on mobile only.
   Hides the left-side marketing copy and lifts the auth card upward without changing login logic.
========================================================= */
@media (max-width: 920px) {
  .livar-account-v2-page--layered-login .livar-account-layered-copy {
    display: none !important;
  }

  .livar-account-v2-page--layered-login .livar-account-layered-brand {
    min-height: 138px;
    justify-content: flex-start;
    padding: 32px 30px 22px 34px;
  }

  .livar-account-v2-page--layered-login .livar-account-layered-anchor {
    top: 30px;
    height: 82px;
  }

  .livar-account-v2-page--layered-login .livar-account-layered-logo {
    width: 108px;
  }

  .livar-account-v2-page--layered-login .livar-account-layered-auth {
    margin-top: 0;
    padding: 0 28px 31px;
  }

  .livar-account-v2-page--layered-login .livar-account-layered-card {
    transform: translateY(-8px);
  }
}

@media (max-width: 520px) {
  .livar-account-v2-page--layered-login .livar-account-layered-brand {
    min-height: 124px;
    padding: 30px 25px 18px 34px;
  }

  .livar-account-v2-page--layered-login .livar-account-layered-anchor {
    top: 28px;
    height: 76px;
  }

  .livar-account-v2-page--layered-login .livar-account-layered-logo {
    width: 104px;
  }

  .livar-account-v2-page--layered-login .livar-account-layered-auth {
    padding: 0 20px 27px;
  }

  .livar-account-v2-page--layered-login .livar-account-layered-card {
    transform: translateY(-6px);
  }
}