/**
 * DUVEO Stream 7.6.4 — Hero balance + account tools
 * Final override loaded after the unified quality system.
 */

/* A compact hybrid hero: image-first, fewer controls, less dark visual mass. */
body.daar-v7-home .duveo-premium-hero {
  padding: 10px 0 8px !important;
}
body.daar-v7-home .duveo-premium-hero__stage {
  min-height: clamp(360px, 29vw, 420px) !important;
  max-height: 420px !important;
  border: 1px solid color-mix(in srgb, var(--duveo-line) 92%, transparent) !important;
  border-radius: 24px !important;
  background: #0b1526 !important;
  box-shadow: 0 20px 58px rgba(20, 35, 60, .16) !important;
  overflow: hidden !important;
}
body.daar-v7-home .duveo-premium-hero__media img {
  object-position: center !important;
  filter: saturate(1.04) contrast(1.02) !important;
  transform: scale(1.006) !important;
}
body.daar-v7-home .duveo-premium-hero__stage:hover .duveo-premium-hero__media img {
  transform: scale(1.025) !important;
}
body.daar-v7-home .duveo-premium-hero__veil {
  background: linear-gradient(90deg,
    rgba(7,17,31,.88) 0%,
    rgba(7,17,31,.72) 30%,
    rgba(7,17,31,.48) 48%,
    rgba(7,17,31,.16) 76%,
    rgba(7,17,31,.05) 100%) !important;
}
body.daar-v7-home .duveo-premium-hero__content {
  width: min(62%, 720px) !important;
  max-width: 720px !important;
  padding: clamp(30px, 4vw, 54px) clamp(26px, 4.2vw, 58px) !important;
}
body.daar-v7-home .duveo-premium-hero h1 {
  max-width: 680px !important;
  font-size: clamp(2rem, 3.5vw, 3.2rem) !important;
  line-height: 1.03 !important;
}
body.daar-v7-home .duveo-premium-hero__content > p {
  max-width: 560px !important;
  margin-top: 12px !important;
  font-size: clamp(.9rem, 1.2vw, 1rem) !important;
  line-height: 1.5 !important;
  -webkit-line-clamp: 2 !important;
}
body.daar-v7-home .duveo-premium-hero__creator { margin-top: 15px !important; }
body.daar-v7-home .duveo-premium-hero__actions { margin-top: 18px !important; }
body.daar-v7-home .duveo-premium-hero__actions .daar-button {
  min-height: 46px !important;
  min-width: 142px !important;
  padding-inline: 20px !important;
}
body.daar-v7-home .duveo-premium-hero__quick { display: none !important; }
body.daar-v7-home .duveo-premium-hero.is-empty .duveo-premium-hero__stage {
  min-height: 320px !important;
}

/* Creator Studio and Chat DUVEO appear as native account tools. */
body.daar-v7 .daar-account-studio-section {
  padding-top: 12px !important;
  padding-bottom: 8px !important;
}
body.daar-v7 .daar-account-tool-card {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 86px;
  padding: 16px 18px;
  border: 1px solid var(--duveo-line);
  border-radius: 18px;
  background: var(--duveo-surface);
  color: var(--duveo-ink);
  box-shadow: 0 14px 34px rgba(29,45,72,.07);
  text-decoration: none;
}
body.daar-v7 .daar-account-tool-card:hover {
  border-color: color-mix(in srgb, var(--duveo-indigo) 42%, var(--duveo-line));
  transform: translateY(-1px);
}
body.daar-v7 .daar-account-tool-card__icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 15px;
  background: linear-gradient(135deg, var(--duveo-cyan), var(--duveo-indigo));
  color: #fff;
}
body.daar-v7 .daar-account-tool-card__icon .daar-icon { width: 23px; height: 23px; }
body.daar-v7 .daar-account-tool-card > span:nth-child(2) { display: grid; gap: 2px; min-width: 0; }
body.daar-v7 .daar-account-tool-card small { color: var(--duveo-muted); font-size: .72rem; font-style: normal; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
body.daar-v7 .daar-account-tool-card strong { font-size: 1rem; line-height: 1.2; }
body.daar-v7 .daar-account-tool-card em { color: var(--duveo-muted); font-size: .82rem; font-style: normal; line-height: 1.35; }
body.daar-v7 .daar-account-tool-card > b { color: var(--duveo-indigo); font-size: 1.35rem; }

@media (max-width: 1439px) and (min-width: 1024px) {
  body.daar-v7-home .duveo-premium-hero__stage {
    min-height: clamp(340px, 27vw, 380px) !important;
    max-height: 380px !important;
  }
  body.daar-v7-home .duveo-premium-hero__content { width: min(64%, 660px) !important; }
  body.daar-v7-home .duveo-premium-hero h1 { font-size: clamp(2rem, 3.4vw, 2.85rem) !important; }
}

@media (max-width: 1023px) and (min-width: 768px) {
  body.daar-v7-home .duveo-premium-hero__stage {
    min-height: clamp(300px, 34vw, 340px) !important;
    max-height: 340px !important;
    border-radius: 22px !important;
  }
  body.daar-v7-home .duveo-premium-hero__content {
    width: min(68%, 600px) !important;
    padding: 26px 32px !important;
  }
  body.daar-v7-home .duveo-premium-hero h1 { font-size: clamp(1.85rem, 4vw, 2.55rem) !important; }
  body.daar-v7-home .duveo-premium-hero__creator { display: none !important; }
}

@media (max-width: 767px) {
  body.daar-v7-home .duveo-premium-hero { padding: 8px 0 5px !important; }
  body.daar-v7-home .duveo-premium-hero__stage {
    display: grid !important;
    grid-template-rows: auto auto !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 19px !important;
    background: var(--duveo-surface) !important;
    box-shadow: 0 12px 34px rgba(29,45,72,.10) !important;
  }
  body.daar-v7-home .duveo-premium-hero__media {
    position: relative !important;
    inset: auto !important;
    z-index: 0 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
  }
  body.daar-v7-home .duveo-premium-hero__media img,
  body.daar-v7-home .duveo-premium-hero__veil {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  body.daar-v7-home .duveo-premium-hero__veil {
    background: linear-gradient(180deg, rgba(7,17,31,.03) 45%, rgba(7,17,31,.32) 100%) !important;
  }
  body.daar-v7-home .duveo-premium-hero__content {
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 16px 16px 19px !important;
    background: var(--duveo-surface) !important;
    color: var(--duveo-ink) !important;
  }
  body.daar-v7-home .duveo-premium-hero__brand {
    margin: 0 0 7px !important;
    background: color-mix(in srgb, var(--duveo-indigo) 12%, transparent) !important;
    color: var(--duveo-indigo) !important;
  }
  body.daar-v7-home .duveo-premium-hero h1 {
    max-width: none !important;
    margin: 0 !important;
    color: var(--duveo-ink) !important;
    font-size: clamp(1.45rem, 6.3vw, 1.85rem) !important;
    line-height: 1.08 !important;
  }
  body.daar-v7-home .duveo-premium-hero__content > p {
    margin-top: 8px !important;
    color: var(--duveo-muted) !important;
    font-size: .875rem !important;
    line-height: 1.42 !important;
    -webkit-line-clamp: 2 !important;
  }
  body.daar-v7-home .duveo-premium-hero__creator {
    margin-top: 10px !important;
    color: var(--duveo-ink) !important;
  }
  body.daar-v7-home .duveo-premium-hero__creator img { border-color: var(--duveo-line) !important; }
  body.daar-v7-home .duveo-premium-hero__creator small { color: var(--duveo-muted) !important; }
  body.daar-v7-home .duveo-premium-hero__actions { margin-top: 13px !important; }
  body.daar-v7-home .duveo-premium-hero__actions .daar-button {
    width: auto !important;
    min-width: 132px !important;
    min-height: 44px !important;
    flex: 0 0 auto !important;
    font-size: .78rem !important;
  }
  body.daar-v7-home .duveo-premium-hero.is-empty .duveo-premium-hero__stage {
    display: flex !important;
    min-height: 250px !important;
  }
  body.daar-v7-home .duveo-premium-hero.is-empty .duveo-premium-hero__content {
    align-self: center !important;
    background: transparent !important;
  }
  body.daar-v7 .daar-account-tool-card {
    grid-template-columns: 44px minmax(0,1fr) auto;
    min-height: 78px;
    padding: 13px 14px;
    gap: 11px;
    border-radius: 16px;
  }
  body.daar-v7 .daar-account-tool-card__icon { width: 44px; height: 44px; border-radius: 13px; }
  body.daar-v7 .daar-account-tool-card em { font-size: .76rem; }
}

@media (prefers-reduced-motion: reduce) {
  body.daar-v7-home .duveo-premium-hero__media img,
  body.daar-v7 .daar-account-tool-card { transition: none !important; }
}