/* yoo-overrides.css (css-v22) */

/* Base body style (Cal-like). Do NOT touch headings. */
body{
  font-family: "Matter Regular", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 400 !important;
  color: #111827 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1,h2,h3,h4,h5,h6{ color:#111827 !important; }

/* NAV + small UI labels = same vibe as your good body paragraph (grey, not bold) */
header a, header nav a, .nav a, .links a{
  font-family: "Matter Regular", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 400 !important;
  color: #6b7280 !important;
}
header a:hover, header nav a:hover, .nav a:hover, .links a:hover{ color:#111827 !important; }

/* Paragraphs / muted text */
.muted, .note, .hero p, .hero-left p, .section p{
  font-weight: 400 !important;
  color: #6b7280 !important;
  line-height: 1.55 !important;
}

/* Preview card: labels grey/not bold, values darker */
.preview, .preview *{ font-weight: 400 !important; }
.p-title, .mini-title,
.preview-top, .preview-top *,
.preview-body .p-title,
.preview-body .mini-title,
.preview-body .p-item > :first-child{
  color:#6b7280 !important;
  font-weight: 400 !important;
}
.p-strong, .preview-body .p-strong,
.preview-body .p-item b, .preview-body .p-item strong{
  color:#111827 !important;
  font-weight: 600 !important;
}

/* Buttons: ensure white text on black button */
.btn.primary, a.btn.primary, button.primary{ color:#fff !important; }
.btn.primary *, a.btn.primary *, button.primary *{ color:#fff !important; }

/* Pricing suffix (/month) look: lighter + smaller */
.price span, .plan .price span, .pricing .price span{
  font-weight: 400 !important;
  color:#6b7280 !important;
  font-size: 0.95em !important;
  vertical-align: baseline !important;
}

/* Footer: not bold + mobile friendly */
footer, .footer{
  font-family: "Matter Regular", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 400 !important;
  color:#6b7280 !important;
}
footer a, .footer a{
  font-weight: 400 !important;
  color:#6b7280 !important;
  text-decoration:none !important;
}
footer a:hover, .footer a:hover{ color:#111827 !important; }

footer > div, .footer > div{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:16px !important;
  flex-wrap:wrap !important;
}
footer nav, .footer nav, footer .links, .footer .links{
  display:flex !important;
  gap:18px !important;
  flex-wrap:wrap !important;
}
@media (max-width: 640px){
  footer, .footer{ padding:18px 16px !important; }
  footer > div, .footer > div{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
  }
}

/* Watermark */
/* Auth logo size parity with landing header */
img[src*="/assets/logo-dark.svg"],
img[src*="/assets/logo.svg"],
img[src*="/assets/logo-white.svg"],
svg[viewBox="0 0 59 22"]{
  height: 28px !important;
  width: auto !important;
}

/* Auth login header logo (app.yoo.ma/auth/login uses /api/logo) */
h3.logo img[src*="/api/logo"] {
  height: 24px !important;
  width: auto !important;
}

@media (max-width: 768px) {
  h3.logo img[src*="/api/logo"] {
    height: 22px !important;
  }

  /* Login mobile: reduce blank space between logo and title */
  body .bg-subtle.dark\:bg-default.flex.min-h-screen.flex-col.justify-center.py-12.sm\:px-6.lg\:px-8 > h3.logo.mx-auto.mb-auto {
    margin-bottom: 0.75rem !important;
  }
}



/* Public booking page refresh (css-v33) */
body.dark\:bg-default.bg-subtle.antialiased {
  background: #f2f5fa !important;
}

body .mx-auto > main.max-w-3xl {
  max-width: 980px !important;
  padding-top: 2.5rem !important;
  padding-bottom: 2.7rem !important;
}

body .mx-auto > main.max-w-3xl > div:first-child {
  border: 1px solid #d8dfeb !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05) !important;
}

body .mx-auto > main.max-w-3xl > div:first-child > div {
  display: grid !important;
  grid-template-columns: 96px 1fr;
  column-gap: 1.1rem;
  row-gap: 0.15rem;
  padding: 1.2rem 1.25rem !important;
  align-items: start;
}

body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
  grid-row: 1 / span 2;
  align-self: start;
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  min-height: 96px !important;
  border-radius: 9999px !important;
  border: 1px solid #e2e8f0 !important;
  background: transparent !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12) !important;
  overflow: hidden !important;
}

[data-testid="name-title"] {
  grid-column: 2;
  margin: 0 !important;
  font-family: "Cal Sans", "calFont", "Matter SemiBold", Inter, system-ui, sans-serif !important;
  font-size: clamp(1.58rem, 2.05vw, 1.95rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0.008em;
  color: #0f172a !important;
}

[data-testid="name-title"] + div {
  grid-column: 2;
  margin-top: 0 !important;
  font-family: "Matter Regular", Inter, system-ui, sans-serif !important;
  font-size: 1rem;
  line-height: 1.7 !important;
  color: #334155 !important;
  max-width: 72ch;
}

[data-testid="event-types"] {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: grid !important;
  gap: 0.78rem;
}

[data-testid="event-type-link"] {
  display: flex !important;
  border: 1px solid #d8dfeb !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03) !important;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease !important;
}

[data-testid="event-type-link"]:hover {
  transform: translateY(-1px);
  border-color: #c5cfdd !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06) !important;
}

[data-testid="event-type-link"] > div {
  padding: 0.95rem 1rem !important;
}

[data-testid="event-type-link"] > svg {
  top: 50% !important;
  transform: translateY(-50%);
  opacity: 0.5 !important;
  color: #6b7280 !important;
}

[data-testid="event-type-link"] h2 {
  font-family: "Matter SemiBold", "Matter Regular", Inter, system-ui, sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 600 !important;
  color: var(--cal-text) !important;
  letter-spacing: 0.002em;
  margin: 0 !important;
}

[data-testid="event-type-link"] ul {
  margin-top: 0.5rem !important;
}

[data-testid="event-type-link"] ul li > div {
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  border: 1px solid #d9e1ec !important;
  font-family: "Matter Medium", "Matter Regular", Inter, system-ui, sans-serif !important;
  font-size: 0.8rem !important;
  padding: 0.32rem 0.58rem !important;
}

[data-testid="event-type-link"] [data-testid="start-icon"] {
  color: #475569 !important;
}

@media (max-width: 640px) {
  body .mx-auto > main.max-w-3xl {
    padding-top: 1.1rem !important;
    padding-bottom: 3.7rem !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child {
    border-radius: 12px !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child > div {
    grid-template-columns: 1fr;
    row-gap: 0.25rem;
    padding: 0.95rem !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
    grid-row: auto;
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    min-height: 78px !important;
  }

  [data-testid="name-title"],
  [data-testid="name-title"] + div {
    grid-column: 1;
  }

  [data-testid="name-title"] {
    font-size: clamp(1.55rem, 7vw, 1.95rem) !important;
  }

  [data-testid="event-type-link"] {
    border-radius: 12px !important;
  }

  [data-testid="event-type-link"] > div {
    padding: 0.9rem !important;
  }
}

/* Avatar frame tightening (css-v33) */
body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square img,
body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square > span,
body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square > span > img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 9999px !important;
  object-fit: cover !important;
}

/* Profile calendar mark (css-v33) */
[data-testid="name-title"]::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  vertical-align: 0.08em;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221000%22%20height%3D%221000%22%3E%3Cstyle%3E%0A%20%20%20%20%23light-icon%20%7B%0A%20%20%20%20%20%20display%3A%20inline%3B%0A%20%20%20%20%7D%0A%20%20%20%20%23dark-icon%20%7B%0A%20%20%20%20%20%20display%3A%20none%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%40media%20%28prefers-color-scheme%3A%20dark%29%20%7B%0A%20%20%20%20%20%20%23light-icon%20%7B%0A%20%20%20%20%20%20%20%20display%3A%20none%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%23dark-icon%20%7B%0A%20%20%20%20%20%20%20%20display%3A%20inline%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%3C%2Fstyle%3E%3Cg%20id%3D%22light-icon%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221000%22%20height%3D%221000%22%3E%3Cg%3E%3Cg%20transform%3D%22matrix%281.953125%2C0%2C0%2C1.953125%2C0%2C0%29%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%3E%3Csvg%20version%3D%221.1%22%20width%3D%22512%22%20height%3D%22512%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20class%3D%22%22%20id%3D%22svg1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%20id%3D%22defs1%22%3E%3C%2Fdefs%3E%3Cg%20id%3D%22g1%22%20transform%3D%22matrix%280.91796875%2C0%2C0%2C0.91796875%2C23.910756%2C21.910756%29%22%3E%3Cpath%20d%3D%22m%20133.31%2C211.74%20v%2040%20c%200%2C8.28%20-6.72%2C15%20-15%2C15%20h%20-40%20c%20-8.28%2C0%20-15%2C-6.72%20-15%2C-15%20v%20-40%20c%200%2C-8.28%206.72%2C-15%2015%2C-15%20h%2040%20c%208.28%2C0%2015%2C6.72%2015%2C15%20z%20M%20223.44%2C407%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20m%2065.13%2C-140.26%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20z%20M%20118.31%2C407%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20m%200%2C-105.13%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20M%20433.69%2C196.74%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20m%20-10.65%2C130.78%20c%2034.2%2C34.2%2034.2%2C89.64%200%2C123.83%20-34.19%2C34.2%20-89.63%2C34.2%20-123.83%2C0%20-34.2%2C-34.19%20-34.2%2C-89.63%200%2C-123.83%2034.2%2C-34.2%2089.64%2C-34.2%20123.83%2C0%20z%20m%20-14.09%2C26.56%20c%20-1.95%2C-1.95%20-4.51%2C-2.92%20-7.07%2C-2.92%20-2.56%2C0%20-5.12%2C0.97%20-7.07%2C2.92%20l%20-49.5%2C49.5%20-17.87%2C-17.87%20c%20-3.9%2C-3.91%20-10.23%2C-3.91%20-14.14%2C0%20-1.95%2C1.95%20-2.92%2C4.51%20-2.92%2C7.07%200%2C2.56%200.97%2C5.12%202.92%2C7.07%20l%2024.94%2C24.94%20c%203.91%2C3.91%2010.24%2C3.91%2014.14%2C0%20l%2056.57%2C-56.57%20c%203.91%2C-3.9%203.91%2C-10.23%200%2C-14.14%20z%20M%20223.44%2C301.87%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20m%200%2C-105.13%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20M%20472%2C38.44%20H%20454.34%20V%2029.22%20C%20454.34%2C13.11%20441.23%2C0%20425.12%2C0%20409.01%2C0%20395.9%2C13.11%20395.9%2C29.22%20v%209.22%20H%20285.21%20V%2029.22%20C%20285.21%2C13.11%20272.1%2C0%20255.99%2C0%20239.88%2C0%20226.77%2C13.11%20226.77%2C29.22%20v%209.22%20H%20116.08%20V%2029.22%20C%20116.08%2C13.11%20102.97%2C0%2086.86%2C0%2070.75%2C0%2057.64%2C13.11%2057.64%2C29.22%20v%209.22%20H%2039.98%20C%2017.94%2C38.44%200%2C56.38%200%2C78.44%20V%20472%20c%200%2C22.06%2017.94%2C40%2040%2C40%20h%20432%20c%2022.06%2C0%2040%2C-17.94%2040%2C-40%20V%2078.44%20c%200%2C-22.06%20-17.94%2C-40%20-40%2C-40%20z%20m%20-66.09%2C-9.22%20c%200%2C-10.61%208.6%2C-19.22%2019.22%2C-19.22%2010.62%2C0%2019.22%2C8.6%2019.22%2C19.22%20v%2077.71%20c%200%2C10.61%20-8.6%2C19.22%20-19.22%2C19.22%20-10.62%2C0%20-19.22%2C-8.6%20-19.22%2C-19.22%20z%20m%2019.22%2C106.93%20c%2016.11%2C0%2029.22%2C-13.11%2029.22%2C-29.22%20V%2082.01%20c%205.74%2C6.72%209.22%2C15.42%209.22%2C24.92%200%2C21.19%20-17.24%2C38.44%20-38.44%2C38.44%20-21.2%2C0%20-38.44%2C-17.24%20-38.44%2C-38.44%200%2C-9.51%203.48%2C-18.21%209.22%2C-24.92%20v%2024.92%20c%200%2C16.11%2013.11%2C29.22%2029.22%2C29.22%20z%20M%20236.78%2C29.22%20C%20236.78%2C18.61%20245.38%2C10%20256%2C10%20c%2010.62%2C0%2019.22%2C8.6%2019.22%2C19.22%20v%2077.71%20c%200%2C10.61%20-8.6%2C19.22%20-19.22%2C19.22%20-10.62%2C0%20-19.22%2C-8.6%20-19.22%2C-19.22%20z%20M%20256%2C136.15%20c%2016.11%2C0%2029.22%2C-13.11%2029.22%2C-29.22%20V%2082.02%20c%205.74%2C6.71%209.22%2C15.41%209.22%2C24.91%200%2C21.19%20-17.24%2C38.44%20-38.44%2C38.44%20-21.2%2C0%20-38.44%2C-17.24%20-38.44%2C-38.44%200%2C-9.51%203.48%2C-18.21%209.22%2C-24.92%20v%2024.92%20c%200%2C16.11%2013.11%2C29.22%2029.22%2C29.22%20z%20M%2067.66%2C29.22%20C%2067.66%2C18.61%2076.26%2C10%2086.88%2C10%2097.5%2C10%20106.1%2C18.6%20106.1%2C29.22%20v%2077.71%20c%200%2C10.61%20-8.6%2C19.22%20-19.22%2C19.22%20-10.62%2C0%20-19.22%2C-8.6%20-19.22%2C-19.22%20z%20m%2019.22%2C106.93%20c%2016.11%2C0%2029.22%2C-13.11%2029.22%2C-29.22%20V%2081.99%20c%205.74%2C6.72%209.22%2C15.43%209.22%2C24.94%200%2C21.19%20-17.24%2C38.44%20-38.44%2C38.44%20-21.2%2C0%20-38.44%2C-17.24%20-38.44%2C-38.44%200%2C-9.51%203.48%2C-18.21%209.22%2C-24.92%20v%2024.92%20c%200%2C16.11%2013.11%2C29.22%2029.22%2C29.22%20z%20M%2040%2C48.44%20H%2057.66%20V%2068.36%20C%2046%2C77.21%2038.44%2C91.2%2038.44%2C106.94%20c%200%2C26.71%2021.73%2C48.44%2048.44%2C48.44%2026.71%2C0%2048.44%2C-21.73%2048.44%2C-48.44%200%2C-15.74%20-7.55%2C-29.74%20-19.22%2C-38.6%20v%20-19.9%20h%20110.69%20v%2019.91%20c%20-11.66%2C8.85%20-19.22%2C22.84%20-19.22%2C38.58%200%2C26.71%2021.73%2C48.44%2048.44%2C48.44%2026.71%2C0%2048.44%2C-21.73%2048.44%2C-48.44%200%2C-15.74%20-7.55%2C-29.74%20-19.22%2C-38.59%20V%2048.43%20h%20110.69%20v%2019.92%20c%20-11.66%2C8.85%20-19.22%2C22.84%20-19.22%2C38.58%200%2C26.71%2021.73%2C48.44%2048.44%2C48.44%2026.71%2C0%2048.44%2C-21.73%2048.44%2C-48.44%200%2C-15.73%20-7.56%2C-29.71%20-19.22%2C-38.57%20V%2048.43%20h%2017.66%20c%2016.57%2C0%2030%2C13.43%2030%2C30%20v%2081.99%20H%2010%20V%2078.43%20c%200%2C-16.57%2013.43%2C-30%2030%2C-30%20z%20M%20472%2C502%20H%2040%20C%2023.43%2C502%2010%2C488.57%2010%2C472%20V%20170.43%20H%20502%20V%20472%20c%200%2C16.57%20-13.43%2C30%20-30%2C30%20z%22%20data-name%3D%2285%22%20fill%3D%22%23000000%22%20opacity%3D%221%22%20data-original%3D%22%23000000%22%20class%3D%22%22%20id%3D%22path1%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E%3C%2Fsvg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%3C%2Fg%3E%3Cg%20id%3D%22dark-icon%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221000%22%20height%3D%221000%22%3E%3Cg%3E%3Cg%20transform%3D%22matrix%281.953125%2C0%2C0%2C1.953125%2C0%2C0%29%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%3E%3Csvg%20version%3D%221.1%22%20width%3D%22512%22%20height%3D%22512%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20class%3D%22%22%20id%3D%22svg1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%20id%3D%22defs1%22%3E%3C%2Fdefs%3E%3Cg%20id%3D%22g1%22%20transform%3D%22matrix%280.91796875%2C0%2C0%2C0.91796875%2C23.910756%2C21.910756%29%22%20style%3D%22fill%3A%23ffffff%22%3E%3Cpath%20d%3D%22m%20133.31%2C211.74%20v%2040%20c%200%2C8.28%20-6.72%2C15%20-15%2C15%20h%20-40%20c%20-8.28%2C0%20-15%2C-6.72%20-15%2C-15%20v%20-40%20c%200%2C-8.28%206.72%2C-15%2015%2C-15%20h%2040%20c%208.28%2C0%2015%2C6.72%2015%2C15%20z%20M%20223.44%2C407%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20m%2065.13%2C-140.26%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20z%20M%20118.31%2C407%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20m%200%2C-105.13%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20M%20433.69%2C196.74%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20m%20-10.65%2C130.78%20c%2034.2%2C34.2%2034.2%2C89.64%200%2C123.83%20-34.19%2C34.2%20-89.63%2C34.2%20-123.83%2C0%20-34.2%2C-34.19%20-34.2%2C-89.63%200%2C-123.83%2034.2%2C-34.2%2089.64%2C-34.2%20123.83%2C0%20z%20m%20-14.09%2C26.56%20c%20-1.95%2C-1.95%20-4.51%2C-2.92%20-7.07%2C-2.92%20-2.56%2C0%20-5.12%2C0.97%20-7.07%2C2.92%20l%20-49.5%2C49.5%20-17.87%2C-17.87%20c%20-3.9%2C-3.91%20-10.23%2C-3.91%20-14.14%2C0%20-1.95%2C1.95%20-2.92%2C4.51%20-2.92%2C7.07%200%2C2.56%200.97%2C5.12%202.92%2C7.07%20l%2024.94%2C24.94%20c%203.91%2C3.91%2010.24%2C3.91%2014.14%2C0%20l%2056.57%2C-56.57%20c%203.91%2C-3.9%203.91%2C-10.23%200%2C-14.14%20z%20M%20223.44%2C301.87%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20m%200%2C-105.13%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20M%20472%2C38.44%20H%20454.34%20V%2029.22%20C%20454.34%2C13.11%20441.23%2C0%20425.12%2C0%20409.01%2C0%20395.9%2C13.11%20395.9%2C29.22%20v%209.22%20H%20285.21%20V%2029.22%20C%20285.21%2C13.11%20272.1%2C0%20255.99%2C0%20239.88%2C0%20226.77%2C13.11%20226.77%2C29.22%20v%209.22%20H%20116.08%20V%2029.22%20C%20116.08%2C13.11%20102.97%2C0%2086.86%2C0%2070.75%2C0%2057.64%2C13.11%2057.64%2C29.22%20v%209.22%20H%2039.98%20C%2017.94%2C38.44%200%2C56.38%200%2C78.44%20V%20472%20c%200%2C22.06%2017.94%2C40%2040%2C40%20h%20432%20c%2022.06%2C0%2040%2C-17.94%2040%2C-40%20V%2078.44%20c%200%2C-22.06%20-17.94%2C-40%20-40%2C-40%20z%20m%20-66.09%2C-9.22%20c%200%2C-10.61%208.6%2C-19.22%2019.22%2C-19.22%2010.62%2C0%2019.22%2C8.6%2019.22%2C19.22%20v%2077.71%20c%200%2C10.61%20-8.6%2C19.22%20-19.22%2C19.22%20-10.62%2C0%20-19.22%2C-8.6%20-19.22%2C-19.22%20z%20m%2019.22%2C106.93%20c%2016.11%2C0%2029.22%2C-13.11%2029.22%2C-29.22%20V%2082.01%20c%205.74%2C6.72%209.22%2C15.42%209.22%2C24.92%200%2C21.19%20-17.24%2C38.44%20-38.44%2C38.44%20-21.2%2C0%20-38.44%2C-17.24%20-38.44%2C-38.44%200%2C-9.51%203.48%2C-18.21%209.22%2C-24.92%20v%2024.92%20c%200%2C16.11%2013.11%2C29.22%2029.22%2C29.22%20z%20M%20236.78%2C29.22%20C%20236.78%2C18.61%20245.38%2C10%20256%2C10%20c%2010.62%2C0%2019.22%2C8.6%2019.22%2C19.22%20v%2077.71%20c%200%2C10.61%20-8.6%2C19.22%20-19.22%2C19.22%20-10.62%2C0%20-19.22%2C-8.6%20-19.22%2C-19.22%20z%20M%20256%2C136.15%20c%2016.11%2C0%2029.22%2C-13.11%2029.22%2C-29.22%20V%2082.02%20c%205.74%2C6.71%209.22%2C15.41%209.22%2C24.91%200%2C21.19%20-17.24%2C38.44%20-38.44%2C38.44%20-21.2%2C0%20-38.44%2C-17.24%20-38.44%2C-38.44%200%2C-9.51%203.48%2C-18.21%209.22%2C-24.92%20v%2024.92%20c%200%2C16.11%2013.11%2C29.22%2029.22%2C29.22%20z%20M%2067.66%2C29.22%20C%2067.66%2C18.61%2076.26%2C10%2086.88%2C10%2097.5%2C10%20106.1%2C18.6%20106.1%2C29.22%20v%2077.71%20c%200%2C10.61%20-8.6%2C19.22%20-19.22%2C19.22%20-10.62%2C0%20-19.22%2C-8.6%20-19.22%2C-19.22%20z%20m%2019.22%2C106.93%20c%2016.11%2C0%2029.22%2C-13.11%2029.22%2C-29.22%20V%2081.99%20c%205.74%2C6.72%209.22%2C15.43%209.22%2C24.94%200%2C21.19%20-17.24%2C38.44%20-38.44%2C38.44%20-21.2%2C0%20-38.44%2C-17.24%20-38.44%2C-38.44%200%2C-9.51%203.48%2C-18.21%209.22%2C-24.92%20v%2024.92%20c%200%2C16.11%2013.11%2C29.22%2029.22%2C29.22%20z%20M%2040%2C48.44%20H%2057.66%20V%2068.36%20C%2046%2C77.21%2038.44%2C91.2%2038.44%2C106.94%20c%200%2C26.71%2021.73%2C48.44%2048.44%2C48.44%2026.71%2C0%2048.44%2C-21.73%2048.44%2C-48.44%200%2C-15.74%20-7.55%2C-29.74%20-19.22%2C-38.6%20v%20-19.9%20h%20110.69%20v%2019.91%20c%20-11.66%2C8.85%20-19.22%2C22.84%20-19.22%2C38.58%200%2C26.71%2021.73%2C48.44%2048.44%2C48.44%2026.71%2C0%2048.44%2C-21.73%2048.44%2C-48.44%200%2C-15.74%20-7.55%2C-29.74%20-19.22%2C-38.59%20V%2048.43%20h%20110.69%20v%2019.92%20c%20-11.66%2C8.85%20-19.22%2C22.84%20-19.22%2C38.58%200%2C26.71%2021.73%2C48.44%2048.44%2C48.44%2026.71%2C0%2048.44%2C-21.73%2048.44%2C-48.44%200%2C-15.73%20-7.56%2C-29.71%20-19.22%2C-38.57%20V%2048.43%20h%2017.66%20c%2016.57%2C0%2030%2C13.43%2030%2C30%20v%2081.99%20H%2010%20V%2078.43%20c%200%2C-16.57%2013.43%2C-30%2030%2C-30%20z%20M%20472%2C502%20H%2040%20C%2023.43%2C502%2010%2C488.57%2010%2C472%20V%20170.43%20H%20502%20V%20472%20c%200%2C16.57%20-13.43%2C30%20-30%2C30%20z%22%20data-name%3D%2285%22%20fill%3D%22%23000000%22%20opacity%3D%221%22%20data-original%3D%22%23000000%22%20class%3D%22%22%20id%3D%22path1%22%20style%3D%22fill%3A%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E%3C%2Fsvg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / contain no-repeat;
  opacity: 0.9;
}

@media (max-width: 640px) {
  [data-testid="name-title"]::after {
    width: 16px;
    height: 16px;
    margin-left: 8px;
  }
}


/* Calendar icon under avatar (css-v55) */
[data-testid="name-title"]::after {
  content: none !important;
  display: none !important;
}

body .mx-auto > main.max-w-3xl > div:first-child > div {
  padding-bottom: 3.7rem !important;
}

body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
  overflow: visible !important;
  position: relative !important;
}

body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -56px;
  transform: translateX(-50%);
  width: 46px;
  height: 46px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221000%22%20height%3D%221000%22%3E%3Cstyle%3E%0A%20%20%20%20%23light-icon%20%7B%0A%20%20%20%20%20%20display%3A%20inline%3B%0A%20%20%20%20%7D%0A%20%20%20%20%23dark-icon%20%7B%0A%20%20%20%20%20%20display%3A%20none%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%40media%20%28prefers-color-scheme%3A%20dark%29%20%7B%0A%20%20%20%20%20%20%23light-icon%20%7B%0A%20%20%20%20%20%20%20%20display%3A%20none%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%23dark-icon%20%7B%0A%20%20%20%20%20%20%20%20display%3A%20inline%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%3C%2Fstyle%3E%3Cg%20id%3D%22light-icon%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221000%22%20height%3D%221000%22%3E%3Cg%3E%3Cg%20transform%3D%22matrix%281.953125%2C0%2C0%2C1.953125%2C0%2C0%29%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%3E%3Csvg%20version%3D%221.1%22%20width%3D%22512%22%20height%3D%22512%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20class%3D%22%22%20id%3D%22svg1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%20id%3D%22defs1%22%3E%3C%2Fdefs%3E%3Cg%20id%3D%22g1%22%20transform%3D%22matrix%280.91796875%2C0%2C0%2C0.91796875%2C23.910756%2C21.910756%29%22%3E%3Cpath%20d%3D%22m%20133.31%2C211.74%20v%2040%20c%200%2C8.28%20-6.72%2C15%20-15%2C15%20h%20-40%20c%20-8.28%2C0%20-15%2C-6.72%20-15%2C-15%20v%20-40%20c%200%2C-8.28%206.72%2C-15%2015%2C-15%20h%2040%20c%208.28%2C0%2015%2C6.72%2015%2C15%20z%20M%20223.44%2C407%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20m%2065.13%2C-140.26%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20z%20M%20118.31%2C407%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20m%200%2C-105.13%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20M%20433.69%2C196.74%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20m%20-10.65%2C130.78%20c%2034.2%2C34.2%2034.2%2C89.64%200%2C123.83%20-34.19%2C34.2%20-89.63%2C34.2%20-123.83%2C0%20-34.2%2C-34.19%20-34.2%2C-89.63%200%2C-123.83%2034.2%2C-34.2%2089.64%2C-34.2%20123.83%2C0%20z%20m%20-14.09%2C26.56%20c%20-1.95%2C-1.95%20-4.51%2C-2.92%20-7.07%2C-2.92%20-2.56%2C0%20-5.12%2C0.97%20-7.07%2C2.92%20l%20-49.5%2C49.5%20-17.87%2C-17.87%20c%20-3.9%2C-3.91%20-10.23%2C-3.91%20-14.14%2C0%20-1.95%2C1.95%20-2.92%2C4.51%20-2.92%2C7.07%200%2C2.56%200.97%2C5.12%202.92%2C7.07%20l%2024.94%2C24.94%20c%203.91%2C3.91%2010.24%2C3.91%2014.14%2C0%20l%2056.57%2C-56.57%20c%203.91%2C-3.9%203.91%2C-10.23%200%2C-14.14%20z%20M%20223.44%2C301.87%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20m%200%2C-105.13%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20M%20472%2C38.44%20H%20454.34%20V%2029.22%20C%20454.34%2C13.11%20441.23%2C0%20425.12%2C0%20409.01%2C0%20395.9%2C13.11%20395.9%2C29.22%20v%209.22%20H%20285.21%20V%2029.22%20C%20285.21%2C13.11%20272.1%2C0%20255.99%2C0%20239.88%2C0%20226.77%2C13.11%20226.77%2C29.22%20v%209.22%20H%20116.08%20V%2029.22%20C%20116.08%2C13.11%20102.97%2C0%2086.86%2C0%2070.75%2C0%2057.64%2C13.11%2057.64%2C29.22%20v%209.22%20H%2039.98%20C%2017.94%2C38.44%200%2C56.38%200%2C78.44%20V%20472%20c%200%2C22.06%2017.94%2C40%2040%2C40%20h%20432%20c%2022.06%2C0%2040%2C-17.94%2040%2C-40%20V%2078.44%20c%200%2C-22.06%20-17.94%2C-40%20-40%2C-40%20z%20m%20-66.09%2C-9.22%20c%200%2C-10.61%208.6%2C-19.22%2019.22%2C-19.22%2010.62%2C0%2019.22%2C8.6%2019.22%2C19.22%20v%2077.71%20c%200%2C10.61%20-8.6%2C19.22%20-19.22%2C19.22%20-10.62%2C0%20-19.22%2C-8.6%20-19.22%2C-19.22%20z%20m%2019.22%2C106.93%20c%2016.11%2C0%2029.22%2C-13.11%2029.22%2C-29.22%20V%2082.01%20c%205.74%2C6.72%209.22%2C15.42%209.22%2C24.92%200%2C21.19%20-17.24%2C38.44%20-38.44%2C38.44%20-21.2%2C0%20-38.44%2C-17.24%20-38.44%2C-38.44%200%2C-9.51%203.48%2C-18.21%209.22%2C-24.92%20v%2024.92%20c%200%2C16.11%2013.11%2C29.22%2029.22%2C29.22%20z%20M%20236.78%2C29.22%20C%20236.78%2C18.61%20245.38%2C10%20256%2C10%20c%2010.62%2C0%2019.22%2C8.6%2019.22%2C19.22%20v%2077.71%20c%200%2C10.61%20-8.6%2C19.22%20-19.22%2C19.22%20-10.62%2C0%20-19.22%2C-8.6%20-19.22%2C-19.22%20z%20M%20256%2C136.15%20c%2016.11%2C0%2029.22%2C-13.11%2029.22%2C-29.22%20V%2082.02%20c%205.74%2C6.71%209.22%2C15.41%209.22%2C24.91%200%2C21.19%20-17.24%2C38.44%20-38.44%2C38.44%20-21.2%2C0%20-38.44%2C-17.24%20-38.44%2C-38.44%200%2C-9.51%203.48%2C-18.21%209.22%2C-24.92%20v%2024.92%20c%200%2C16.11%2013.11%2C29.22%2029.22%2C29.22%20z%20M%2067.66%2C29.22%20C%2067.66%2C18.61%2076.26%2C10%2086.88%2C10%2097.5%2C10%20106.1%2C18.6%20106.1%2C29.22%20v%2077.71%20c%200%2C10.61%20-8.6%2C19.22%20-19.22%2C19.22%20-10.62%2C0%20-19.22%2C-8.6%20-19.22%2C-19.22%20z%20m%2019.22%2C106.93%20c%2016.11%2C0%2029.22%2C-13.11%2029.22%2C-29.22%20V%2081.99%20c%205.74%2C6.72%209.22%2C15.43%209.22%2C24.94%200%2C21.19%20-17.24%2C38.44%20-38.44%2C38.44%20-21.2%2C0%20-38.44%2C-17.24%20-38.44%2C-38.44%200%2C-9.51%203.48%2C-18.21%209.22%2C-24.92%20v%2024.92%20c%200%2C16.11%2013.11%2C29.22%2029.22%2C29.22%20z%20M%2040%2C48.44%20H%2057.66%20V%2068.36%20C%2046%2C77.21%2038.44%2C91.2%2038.44%2C106.94%20c%200%2C26.71%2021.73%2C48.44%2048.44%2C48.44%2026.71%2C0%2048.44%2C-21.73%2048.44%2C-48.44%200%2C-15.74%20-7.55%2C-29.74%20-19.22%2C-38.6%20v%20-19.9%20h%20110.69%20v%2019.91%20c%20-11.66%2C8.85%20-19.22%2C22.84%20-19.22%2C38.58%200%2C26.71%2021.73%2C48.44%2048.44%2C48.44%2026.71%2C0%2048.44%2C-21.73%2048.44%2C-48.44%200%2C-15.74%20-7.55%2C-29.74%20-19.22%2C-38.59%20V%2048.43%20h%20110.69%20v%2019.92%20c%20-11.66%2C8.85%20-19.22%2C22.84%20-19.22%2C38.58%200%2C26.71%2021.73%2C48.44%2048.44%2C48.44%2026.71%2C0%2048.44%2C-21.73%2048.44%2C-48.44%200%2C-15.73%20-7.56%2C-29.71%20-19.22%2C-38.57%20V%2048.43%20h%2017.66%20c%2016.57%2C0%2030%2C13.43%2030%2C30%20v%2081.99%20H%2010%20V%2078.43%20c%200%2C-16.57%2013.43%2C-30%2030%2C-30%20z%20M%20472%2C502%20H%2040%20C%2023.43%2C502%2010%2C488.57%2010%2C472%20V%20170.43%20H%20502%20V%20472%20c%200%2C16.57%20-13.43%2C30%20-30%2C30%20z%22%20data-name%3D%2285%22%20fill%3D%22%23000000%22%20opacity%3D%221%22%20data-original%3D%22%23000000%22%20class%3D%22%22%20id%3D%22path1%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E%3C%2Fsvg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%3C%2Fg%3E%3Cg%20id%3D%22dark-icon%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221000%22%20height%3D%221000%22%3E%3Cg%3E%3Cg%20transform%3D%22matrix%281.953125%2C0%2C0%2C1.953125%2C0%2C0%29%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%3E%3Csvg%20version%3D%221.1%22%20width%3D%22512%22%20height%3D%22512%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20class%3D%22%22%20id%3D%22svg1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%20id%3D%22defs1%22%3E%3C%2Fdefs%3E%3Cg%20id%3D%22g1%22%20transform%3D%22matrix%280.91796875%2C0%2C0%2C0.91796875%2C23.910756%2C21.910756%29%22%20style%3D%22fill%3A%23ffffff%22%3E%3Cpath%20d%3D%22m%20133.31%2C211.74%20v%2040%20c%200%2C8.28%20-6.72%2C15%20-15%2C15%20h%20-40%20c%20-8.28%2C0%20-15%2C-6.72%20-15%2C-15%20v%20-40%20c%200%2C-8.28%206.72%2C-15%2015%2C-15%20h%2040%20c%208.28%2C0%2015%2C6.72%2015%2C15%20z%20M%20223.44%2C407%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20m%2065.13%2C-140.26%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20z%20M%20118.31%2C407%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20m%200%2C-105.13%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20M%20433.69%2C196.74%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20m%20-10.65%2C130.78%20c%2034.2%2C34.2%2034.2%2C89.64%200%2C123.83%20-34.19%2C34.2%20-89.63%2C34.2%20-123.83%2C0%20-34.2%2C-34.19%20-34.2%2C-89.63%200%2C-123.83%2034.2%2C-34.2%2089.64%2C-34.2%20123.83%2C0%20z%20m%20-14.09%2C26.56%20c%20-1.95%2C-1.95%20-4.51%2C-2.92%20-7.07%2C-2.92%20-2.56%2C0%20-5.12%2C0.97%20-7.07%2C2.92%20l%20-49.5%2C49.5%20-17.87%2C-17.87%20c%20-3.9%2C-3.91%20-10.23%2C-3.91%20-14.14%2C0%20-1.95%2C1.95%20-2.92%2C4.51%20-2.92%2C7.07%200%2C2.56%200.97%2C5.12%202.92%2C7.07%20l%2024.94%2C24.94%20c%203.91%2C3.91%2010.24%2C3.91%2014.14%2C0%20l%2056.57%2C-56.57%20c%203.91%2C-3.9%203.91%2C-10.23%200%2C-14.14%20z%20M%20223.44%2C301.87%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20m%200%2C-105.13%20h%20-40%20c%20-8.28%2C0%20-15%2C6.72%20-15%2C15%20v%2040%20c%200%2C8.28%206.72%2C15%2015%2C15%20h%2040%20c%208.28%2C0%2015%2C-6.72%2015%2C-15%20v%20-40%20c%200%2C-8.28%20-6.72%2C-15%20-15%2C-15%20z%20M%20472%2C38.44%20H%20454.34%20V%2029.22%20C%20454.34%2C13.11%20441.23%2C0%20425.12%2C0%20409.01%2C0%20395.9%2C13.11%20395.9%2C29.22%20v%209.22%20H%20285.21%20V%2029.22%20C%20285.21%2C13.11%20272.1%2C0%20255.99%2C0%20239.88%2C0%20226.77%2C13.11%20226.77%2C29.22%20v%209.22%20H%20116.08%20V%2029.22%20C%20116.08%2C13.11%20102.97%2C0%2086.86%2C0%2070.75%2C0%2057.64%2C13.11%2057.64%2C29.22%20v%209.22%20H%2039.98%20C%2017.94%2C38.44%200%2C56.38%200%2C78.44%20V%20472%20c%200%2C22.06%2017.94%2C40%2040%2C40%20h%20432%20c%2022.06%2C0%2040%2C-17.94%2040%2C-40%20V%2078.44%20c%200%2C-22.06%20-17.94%2C-40%20-40%2C-40%20z%20m%20-66.09%2C-9.22%20c%200%2C-10.61%208.6%2C-19.22%2019.22%2C-19.22%2010.62%2C0%2019.22%2C8.6%2019.22%2C19.22%20v%2077.71%20c%200%2C10.61%20-8.6%2C19.22%20-19.22%2C19.22%20-10.62%2C0%20-19.22%2C-8.6%20-19.22%2C-19.22%20z%20m%2019.22%2C106.93%20c%2016.11%2C0%2029.22%2C-13.11%2029.22%2C-29.22%20V%2082.01%20c%205.74%2C6.72%209.22%2C15.42%209.22%2C24.92%200%2C21.19%20-17.24%2C38.44%20-38.44%2C38.44%20-21.2%2C0%20-38.44%2C-17.24%20-38.44%2C-38.44%200%2C-9.51%203.48%2C-18.21%209.22%2C-24.92%20v%2024.92%20c%200%2C16.11%2013.11%2C29.22%2029.22%2C29.22%20z%20M%20236.78%2C29.22%20C%20236.78%2C18.61%20245.38%2C10%20256%2C10%20c%2010.62%2C0%2019.22%2C8.6%2019.22%2C19.22%20v%2077.71%20c%200%2C10.61%20-8.6%2C19.22%20-19.22%2C19.22%20-10.62%2C0%20-19.22%2C-8.6%20-19.22%2C-19.22%20z%20M%20256%2C136.15%20c%2016.11%2C0%2029.22%2C-13.11%2029.22%2C-29.22%20V%2082.02%20c%205.74%2C6.71%209.22%2C15.41%209.22%2C24.91%200%2C21.19%20-17.24%2C38.44%20-38.44%2C38.44%20-21.2%2C0%20-38.44%2C-17.24%20-38.44%2C-38.44%200%2C-9.51%203.48%2C-18.21%209.22%2C-24.92%20v%2024.92%20c%200%2C16.11%2013.11%2C29.22%2029.22%2C29.22%20z%20M%2067.66%2C29.22%20C%2067.66%2C18.61%2076.26%2C10%2086.88%2C10%2097.5%2C10%20106.1%2C18.6%20106.1%2C29.22%20v%2077.71%20c%200%2C10.61%20-8.6%2C19.22%20-19.22%2C19.22%20-10.62%2C0%20-19.22%2C-8.6%20-19.22%2C-19.22%20z%20m%2019.22%2C106.93%20c%2016.11%2C0%2029.22%2C-13.11%2029.22%2C-29.22%20V%2081.99%20c%205.74%2C6.72%209.22%2C15.43%209.22%2C24.94%200%2C21.19%20-17.24%2C38.44%20-38.44%2C38.44%20-21.2%2C0%20-38.44%2C-17.24%20-38.44%2C-38.44%200%2C-9.51%203.48%2C-18.21%209.22%2C-24.92%20v%2024.92%20c%200%2C16.11%2013.11%2C29.22%2029.22%2C29.22%20z%20M%2040%2C48.44%20H%2057.66%20V%2068.36%20C%2046%2C77.21%2038.44%2C91.2%2038.44%2C106.94%20c%200%2C26.71%2021.73%2C48.44%2048.44%2C48.44%2026.71%2C0%2048.44%2C-21.73%2048.44%2C-48.44%200%2C-15.74%20-7.55%2C-29.74%20-19.22%2C-38.6%20v%20-19.9%20h%20110.69%20v%2019.91%20c%20-11.66%2C8.85%20-19.22%2C22.84%20-19.22%2C38.58%200%2C26.71%2021.73%2C48.44%2048.44%2C48.44%2026.71%2C0%2048.44%2C-21.73%2048.44%2C-48.44%200%2C-15.74%20-7.55%2C-29.74%20-19.22%2C-38.59%20V%2048.43%20h%20110.69%20v%2019.92%20c%20-11.66%2C8.85%20-19.22%2C22.84%20-19.22%2C38.58%200%2C26.71%2021.73%2C48.44%2048.44%2C48.44%2026.71%2C0%2048.44%2C-21.73%2048.44%2C-48.44%200%2C-15.73%20-7.56%2C-29.71%20-19.22%2C-38.57%20V%2048.43%20h%2017.66%20c%2016.57%2C0%2030%2C13.43%2030%2C30%20v%2081.99%20H%2010%20V%2078.43%20c%200%2C-16.57%2013.43%2C-30%2030%2C-30%20z%20M%20472%2C502%20H%2040%20C%2023.43%2C502%2010%2C488.57%2010%2C472%20V%20170.43%20H%20502%20V%20472%20c%200%2C16.57%20-13.43%2C30%20-30%2C30%20z%22%20data-name%3D%2285%22%20fill%3D%22%23000000%22%20opacity%3D%221%22%20data-original%3D%22%23000000%22%20class%3D%22%22%20id%3D%22path1%22%20style%3D%22fill%3A%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E%3C%2Fsvg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / contain no-repeat;
  opacity: 0.95;
}

@media (max-width: 640px) {
  body .mx-auto > main.max-w-3xl > div:first-child > div {
    padding-bottom: 3rem !important;
  }
  body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square::after {
    width: 36px;
    height: 36px;
    bottom: -44px
  }
}

/* Top profile card refinement (css-v55) */
body .mx-auto > main.max-w-3xl > div:first-child {
  border: 1px solid #d3dbea !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05) !important;
}

body .mx-auto > main.max-w-3xl > div:first-child > div {
  grid-template-columns: 98px 1fr !important;
  column-gap: 1.15rem !important;
  row-gap: 0.15rem !important;
  padding: 1.15rem 1.2rem !important;
  padding-bottom: 1.15rem !important;
  align-items: start !important;
}

body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
  width: 98px !important;
  height: 98px !important;
  min-width: 98px !important;
  min-height: 98px !important;
  border: 1px solid #e7edf7 !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.10) !important;
  overflow: hidden !important;
}

[data-testid="name-title"] {
  margin: 0 !important;
  font-size: clamp(1.62rem, 2.05vw, 1.95rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0.004em !important;
}

[data-testid="name-title"] + div {
  margin-top: 0 !important;
  max-width: 74ch !important;
  line-height: 1.58 !important;
}

[data-testid="name-title"] + div p {
  margin: 0 !important;
}

/* Remove oversized calendar icon styling from header */
[data-testid="name-title"]::after,
body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 640px) {
  body .mx-auto > main.max-w-3xl > div:first-child > div {
    grid-template-columns: 1fr !important;
    row-gap: 0.3rem !important;
    padding: 0.95rem !important;
    padding-bottom: 0.95rem !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
  }
}

/* Avatar + icon redesign (css-v55) */
body .mx-auto > main.max-w-3xl > div:first-child > div {
  grid-template-columns: 114px 1fr !important;
}

body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
  width: 114px !important;
  height: 114px !important;
  min-width: 114px !important;
  min-height: 114px !important;
  border: 1px solid #e6edf8 !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12) !important;
  position: relative !important;
  overflow: visible !important;
}

body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  right: -6px;
  bottom: -6px;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #ffffff url('/yoo-cal-icon.svg') center / 18px 18px no-repeat;
  border: 1px solid #d6dfed;
  box-shadow: 0 5px 14px rgba(15, 23, 42, 0.14);
}

@media (max-width: 640px) {
  body .mx-auto > main.max-w-3xl > div:first-child > div {
    grid-template-columns: 1fr !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square::after {
    width: 26px;
    height: 26px;
    background-size: 15px 15px;
    right: -4px;
    bottom: -4px;
  }
}

/* Icon placement refinement (css-v55) */
body .mx-auto > main.max-w-3xl > div:first-child {
  position: relative !important;
}

/* Remove avatar badge icon */
body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square::after {
  content: none !important;
  display: none !important;
}

/* Subtle brand/calendar mark on profile card */
body .mx-auto > main.max-w-3xl > div:first-child::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 16px;
  width: 24px;
  height: 24px;
  opacity: 0.5;
  background: url('/yoo-cal-icon.svg') center / contain no-repeat;
}

@media (max-width: 640px) {
  body .mx-auto > main.max-w-3xl > div:first-child::after {
    right: 12px;
    top: 12px;
    width: 20px;
    height: 20px;
    opacity: 0.45;
  }
}

/* Avatar + icon scale tweak (css-v55) */
body .mx-auto > main.max-w-3xl > div:first-child > div {
  grid-template-columns: 128px 1fr !important;
}

body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
  width: 128px !important;
  height: 128px !important;
  min-width: 128px !important;
  min-height: 128px !important;
}

/* Slight transparency on profile image only */
body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square img,
body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square > span,
body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square > span > img {
  opacity: 1 !important;
}

/* Larger top-right calendar mark */
body .mx-auto > main.max-w-3xl > div:first-child::after {
  width: 44px !important;
  height: 44px !important;
  right: 14px !important;
  top: 14px !important;
  opacity: 0.58 !important;
}

@media (max-width: 640px) {
  body .mx-auto > main.max-w-3xl > div:first-child > div {
    grid-template-columns: 1fr !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
    width: 102px !important;
    height: 102px !important;
    min-width: 102px !important;
    min-height: 102px !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child::after {
    width: 36px !important;
    height: 36px !important;
    right: 10px !important;
    top: 10px !important;
    opacity: 0.52 !important;
  }
}

/* Fine tune readability/transparency (css-v55) */
body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square img,
body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square > span,
body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square > span > img {
  opacity: 1 !important;
}

[data-testid="name-title"] {
  opacity: 0.9 !important;
}

[data-testid="name-title"] + div {
  font-size: 0.93rem !important;
  line-height: 1.44 !important;
}

[data-testid="name-title"] + div p {
  margin: 0 !important;
}

/* Mobile layout hardening (css-v55) */
@media (max-width: 768px) {
  body .mx-auto > main.max-w-3xl {
    max-width: 100% !important;
    padding: 1rem 0.75rem 1.4rem !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child {
    border-radius: 12px !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child > div {
    grid-template-columns: 76px 1fr !important;
    column-gap: 0.8rem !important;
    row-gap: 0.1rem !important;
    padding: 0.9rem !important;
    padding-bottom: 0.9rem !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
  }

  [data-testid="name-title"] {
    font-size: clamp(1.28rem, 5.8vw, 1.58rem) !important;
    line-height: 1.1 !important;
  }

  [data-testid="name-title"] + div {
    font-size: 0.9rem !important;
    line-height: 1.36 !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child::after {
    width: 26px !important;
    height: 26px !important;
    right: 10px !important;
    top: 10px !important;
    opacity: 0.48 !important;
  }

  [data-testid="event-types"] {
    gap: 0.6rem !important;
  }

  [data-testid="event-type-link"] {
    border-radius: 12px !important;
  }

  [data-testid="event-type-link"] > div {
    padding: 0.82rem 0.88rem !important;
  }

  [data-testid="event-type-link"] h2 {
    font-size: 0.94rem !important;
    line-height: 1.25 !important;
  }

  [data-testid="event-type-link"] ul {
    margin-top: 0.42rem !important;
  }

  [data-testid="event-type-link"] ul li > div {
    font-size: 0.76rem !important;
    padding: 0.28rem 0.5rem !important;
  }
}

@media (max-width: 420px) {
  body .mx-auto > main.max-w-3xl > div:first-child > div {
    grid-template-columns: 1fr !important;
    row-gap: 0.28rem !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
  }

  [data-testid="name-title"],
  [data-testid="name-title"] + div {
    grid-column: 1 !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child::after {
    width: 24px !important;
    height: 24px !important;
  }
}

/* Card interactivity + badge hierarchy (css-v55) */
[data-testid="event-type-link"] {
  cursor: pointer !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background-color 0.18s ease !important;
}

[data-testid="event-type-link"]:hover {
  transform: translateY(-2px) !important;
  border-color: #bcc9dc !important;
  background: #fcfdff !important;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08) !important;
}

[data-testid="event-type-link"] > svg {
  transform: translateY(-50%) translateX(0) !important;
  transition: transform 0.18s ease, opacity 0.18s ease !important;
}

[data-testid="event-type-link"]:hover > svg {
  transform: translateY(-50%) translateX(3px) !important;
  opacity: 0.72 !important;
}

[data-testid="event-type-link"] ul li > div {
  border-radius: 6px !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  padding: 0.26rem 0.5rem !important;
  line-height: 1.1 !important;
}

[data-testid="event-type-link"] [data-testid="start-icon"] {
  opacity: 0.72 !important;
  width: 11px !important;
  height: 11px !important;
}

/* Public page CTA (instant render) */
[data-testid="event-types"]::before {
  content: "Choose a service to get started";
  display: inline-flex;
  align-items: center;
  margin: 0 0 0.38rem 0.1rem;
  padding: 0.18rem 0 0.18rem 0.55rem;
  font-family: "Matter SemiBold", "Matter Regular", Inter, system-ui, sans-serif !important;
  font-size: 0.86rem;
  line-height: 1.15;
  letter-spacing: 0.01em;
  color: #3f4d61;
  border-left: 2px solid #c8d3e4;
}

html:lang(fr) [data-testid="event-types"]::before {
  content: "Choisissez un service pour commencer";
}

/* Hide CTA on admin app only */
html.yoo-admin [data-testid="event-types"]::before {
  content: none;
  display: none;
}

/* Billing controls alignment fix (css-v67) */
html.yoo-admin .flex.gap-2:has(input[type="number"][inputmode="numeric"]) {
  align-items: flex-start !important;
}

html.yoo-admin .flex.gap-2:has(input[type="number"][inputmode="numeric"]) > div > div.mb-1 {
  margin-bottom: 0 !important;
}

html.yoo-admin .flex.gap-2:has(input[type="number"][inputmode="numeric"]) > button {
  align-self: flex-start !important;
}

/* Admin sidebar footer label */
html.yoo-admin aside small {
  font-size: 0 !important;
}

html.yoo-admin aside small::after {
  content: "yoo.ma";
  font-size: 11px;
  line-height: 1.2;
  color: #9ca3af;
}

@media (max-width: 768px) {
  [data-testid="event-types"]::before {
    margin-bottom: 0.34rem;
    padding-left: 0.5rem;
    font-size: 0.8rem;
  }
}

@media (max-width: 768px) {
  [data-testid="event-type-link"]:hover {
    transform: translateY(-1px) !important;
  }

  [data-testid="event-type-link"] ul li > div {
    font-size: 0.75rem !important;
    padding: 0.24rem 0.46rem !important;
  }
}

/* Name typography polish (Cal Sans) (css-v57) */
[data-testid="name-title"] {
  font-family: "Cal Sans", "CalSans-SemiBold", "Matter SemiBold", Inter, system-ui, sans-serif !important;
  font-size: clamp(1.46rem, 1.82vw, 1.76rem) !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  letter-spacing: 0.045em !important;
  text-transform: lowercase !important;
  color: #182238 !important;
  text-wrap: balance;
}

@media (max-width: 640px) {
  [data-testid="name-title"] {
    font-size: 1.28rem !important;
    letter-spacing: 0.03em !important;
  }
}

/* Revert name style; keep only tracking tweak (css-v58) */
[data-testid="name-title"] {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-transform: none !important;
  color: inherit !important;
  letter-spacing: 0.02em !important;
}

@media (max-width: 640px) {
  [data-testid="name-title"] {
    letter-spacing: 0.015em !important;
  }
}

/* Name emphasis fix (css-v59) */
[data-testid="name-title"] {
  font-weight: 700 !important;
  letter-spacing: 0.012em !important;
  color: #0f172a !important;
}

@media (max-width: 640px) {
  [data-testid="name-title"] {
    letter-spacing: 0.01em !important;
  }
}

/* Name size increase (css-v60) */
[data-testid="name-title"] {
  font-size: clamp(1.74rem, 2.2vw, 2.08rem) !important;
  line-height: 1.05 !important;
}

@media (max-width: 640px) {
  [data-testid="name-title"] {
    font-size: 1.5rem !important;
    line-height: 1.08 !important;
  }
}

/* Name size tune-down (css-v61) */
[data-testid="name-title"] {
  font-size: clamp(1.64rem, 2.02vw, 1.94rem) !important;
}

@media (max-width: 640px) {
  [data-testid="name-title"] {
    font-size: 1.4rem !important;
  }
}

/* Name font set to Matter (css-v62) */
[data-testid="name-title"] {
  font-family: "Matter SemiBold", "Matter Regular", Inter, system-ui, sans-serif !important;
}

/* Name font set to Sora (css-v63) */
[data-testid="name-title"] {
  font-family: "Sora", "Matter SemiBold", "Matter Regular", Inter, system-ui, sans-serif !important;
}

/* Name Sora ExtraBold + clean tracking (css-v64) */
[data-testid="name-title"] {
  font-family: "Sora", "Matter SemiBold", "Matter Regular", Inter, system-ui, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
}

/* Mobile spacing: avatar to name (css-v65) */
@media (max-width: 640px) {
  [data-testid="name-title"] {
    margin-top: 0.38rem !important;
  }
}

/* LinkedIn-inspired public profile card (css-v66) */
body .mx-auto > main.max-w-3xl > div:first-child {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid #d6deea !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08) !important;
}

body .mx-auto > main.max-w-3xl > div:first-child::before {
  content: "" !important;
  position: absolute;
  inset: 0 0 auto 0;
  height: 124px;
  background: var(--yoo-profile-banner-bg,
    radial-gradient(circle at 14% 22%, rgba(255, 255, 255, 0.24) 0, rgba(255, 255, 255, 0) 28%),
    radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.18) 0, rgba(255, 255, 255, 0) 26%),
    linear-gradient(120deg, #b8b0a4 0%, #aaa193 42%, #c5bdb2 100%)
  );
  border-bottom: 1px solid rgba(148, 163, 184, 0.24);
}

body .mx-auto > main.max-w-3xl > div:first-child::after {
  content: "" !important;
  position: absolute;
  top: 18px !important;
  right: 18px !important;
  width: 88px !important;
  height: 88px !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.78) url('/yoo-cal-icon.svg') center / 68px 68px no-repeat !important;
  border: 1px solid rgba(226, 232, 240, 0.92) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1) !important;
  backdrop-filter: blur(8px);
  z-index: 1;
}

body .mx-auto > main.max-w-3xl > div:first-child > div {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  padding: 3.3rem 1.55rem 1.55rem !important;
}

body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
  display: block !important;
  box-sizing: border-box !important;
  grid-row: auto !important;
  align-self: start !important;
  width: 142px !important;
  height: 142px !important;
  min-width: 142px !important;
  min-height: 142px !important;
  margin: 0 0 1rem 0 !important;
  padding: 4px !important;
  border-radius: 9999px !important;
  border: 0 !important;
  outline: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square img,
body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square > span,
body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square > span > img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 9999px !important;
  border: 0 !important;
  outline: 0 !important;
  object-fit: cover !important;
  opacity: 1 !important;
  box-shadow: none !important;
  background: transparent !important;
}

[data-testid="name-title"] {
  grid-column: auto !important;
  margin: 0 0 0.5rem !important;
  font-family: "Matter SemiBold", "Matter Regular", Inter, system-ui, sans-serif !important;
  font-size: clamp(1.86rem, 2.45vw, 2.34rem) !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: 0.002em !important;
  color: var(--cal-text) !important;
  -webkit-text-fill-color: var(--cal-text) !important;
  text-wrap: balance;
}

[data-testid="name-title"] + div {
  grid-column: auto !important;
  margin-top: 0 !important;
  max-width: 70ch !important;
  font-family: "Matter Regular", Inter, system-ui, sans-serif !important;
  font-size: 0.875rem !important;
  line-height: 1.43 !important;
  color: var(--cal-text-subtle) !important;
  -webkit-text-fill-color: var(--cal-text-subtle) !important;
}

[data-testid="name-title"] + div p,
[data-testid="name-title"] + div * {
  margin: 0 !important;
  color: var(--cal-text-subtle) !important;
  -webkit-text-fill-color: var(--cal-text-subtle) !important;
}

@media (max-width: 768px) {
  body .mx-auto > main.max-w-3xl > div:first-child {
    border-radius: 20px !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child::before {
    height: 112px;
  }

  body .mx-auto > main.max-w-3xl > div:first-child::after {
    top: 14px !important;
    right: 14px !important;
    width: 84px !important;
    height: 84px !important;
    background: rgba(255, 255, 255, 0.78) url('/yoo-cal-icon.svg') center / 64px 64px no-repeat !important;
    border-radius: 20px !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child > div {
    padding: 3rem 1.1rem 1.15rem !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
    margin: 0 0 0.9rem 0 !important;
    border-width: 4px !important;
  }

  [data-testid="name-title"] {
    font-size: 1.68rem !important;
    letter-spacing: 0.002em !important;
  }

  [data-testid="name-title"] + div {
    font-size: 0.875rem !important;
    line-height: 1.43 !important;
  }
}

@media (max-width: 480px) {
  body .mx-auto > main.max-w-3xl > div:first-child {
    border-radius: 18px !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child::before {
    height: 98px;
  }

  body .mx-auto > main.max-w-3xl > div:first-child::after {
    top: 12px !important;
    right: 12px !important;
    width: 74px !important;
    height: 74px !important;
    background: rgba(255, 255, 255, 0.78) url('/yoo-cal-icon.svg') center / 56px 56px no-repeat !important;
    border-radius: 18px !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child > div {
    padding: 2.55rem 0.95rem 1rem !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    margin: 0 0 0.78rem 0 !important;
  }

  [data-testid="name-title"] {
    font-size: 1.46rem !important;
    line-height: 1.06 !important;
  }

  [data-testid="name-title"] + div {
    font-size: 0.875rem !important;
    line-height: 1.43 !important;
  }
}

/* Public profile spacing tune (css-v70) */
[data-testid="name-title"] {
  margin-bottom: 0 !important;
}

[data-testid="name-title"] + div > p:first-child {
  margin-bottom: 0 !important;
  color: var(--cal-text) !important;
  -webkit-text-fill-color: var(--cal-text) !important;
}

body .mx-auto > main.max-w-3xl > div:first-child [data-testid="name-title"] + div > p:first-child {
  color: var(--cal-text) !important;
  -webkit-text-fill-color: var(--cal-text) !important;
}

[data-testid="name-title"] + div > p:first-child + div {
  margin-top: 0.5rem !important;
}

/* Booking page: remove gap between host name and subtitle (css-v71) */
p.text-subtle.mt-2.text-sm.font-semibold + p.text-subtle.mt-2.wrap-break-word.text-sm {
  margin-top: 0 !important;
}

/* Keep public profile card readable in dark mode (css-v72) */
@media (prefers-color-scheme: dark) {
  [data-testid="name-title"] {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
  }

  [data-testid="name-title"] + div,
  [data-testid="name-title"] + div p,
  [data-testid="name-title"] + div * {
    color: #6b7280 !important;
    -webkit-text-fill-color: #6b7280 !important;
    opacity: 1 !important;
  }

  [data-testid="name-title"] + div > p:first-child {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
  }

  body .mx-auto > main.max-w-3xl > div:first-child [data-testid="name-title"] + div > p:first-child {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
  }

  [data-testid="event-type-link"] h2 {
    color: #1f2937 !important;
    -webkit-text-fill-color: #1f2937 !important;
  }

  [data-testid="event-type-link"] .text-subtle,
  [data-testid="event-type-link"] p {
    color: #6b7280 !important;
    -webkit-text-fill-color: #6b7280 !important;
  }

  /* Force all profile-card body copy to match event-card body tone */
  body .mx-auto > main.max-w-3xl > div:first-child p,
  body .mx-auto > main.max-w-3xl > div:first-child .text-subtle {
    color: #6b7280 !important;
    -webkit-text-fill-color: #6b7280 !important;
    opacity: 1 !important;
  }

  /* Bio paragraph under address should match event-card body text */
  [data-testid="name-title"] + div > p:not(:first-child),
  body .mx-auto > main.max-w-3xl > div:first-child > div > p {
    color: #6b7280 !important;
    -webkit-text-fill-color: #6b7280 !important;
    opacity: 1 !important;
  }

  /* If parent wrappers use opacity utilities, keep profile copy fully readable */
  body .mx-auto > main.max-w-3xl > div:first-child [data-testid="name-title"] ~ * {
    opacity: 1 !important;
  }
}

/* Match profile-card text tone when dark theme is class-driven */
html.dark body .mx-auto > main.max-w-3xl > div:first-child p,
html.dark body .mx-auto > main.max-w-3xl > div:first-child .text-subtle {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  opacity: 1 !important;
}

html.dark [data-testid="name-title"] + div > p:first-child {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html.dark body .mx-auto > main.max-w-3xl > div:first-child [data-testid="name-title"] + div > p:first-child {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html.dark body .mx-auto > main.max-w-3xl > div:first-child [data-testid="name-title"] ~ * {
  opacity: 1 !important;
}

/* Keep top-right badge tone consistent across breakpoints */
body .mx-auto > main.max-w-3xl > div:first-child::after {
  opacity: 1 !important;
}

/* Match name + subtitle to badge black */
body .mx-auto > main.max-w-3xl > div:first-child [data-testid="name-title"],
body .mx-auto > main.max-w-3xl > div:first-child [data-testid="name-title"] + div > p:first-child {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* Hide SAML/OIDC button on login */
[data-testid="samlAndOidc"] {
  display: none !important;
}

/* Login: hide Google helper/subtext (e.g. "Derniere utilisation") on all viewports */
button[data-testid="google"] {
  min-width: 0;
  overflow: hidden;
}

button[data-testid="google"] > :not(img):not(.contents) {
  display: none !important;
}

button[data-testid="google"] .contents {
  display: block !important;
  min-width: 0;
  max-width: 100%;
}

button[data-testid="google"] .contents > :not(:first-child) {
  display: none !important;
}

button[data-testid="google"] .contents > :first-child {
  display: block !important;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
}

button[data-testid="google"]::before,
button[data-testid="google"]::after {
  content: none !important;
  display: none !important;
}

/* Login: hide submit helper/subtext (e.g. "Derniere utilisation") */
form[data-testid="login-form"] button[type="submit"] {
  min-width: 0;
  overflow: hidden;
}

form[data-testid="login-form"] button[type="submit"] .contents {
  display: block !important;
  min-width: 0;
  max-width: 100%;
}

form[data-testid="login-form"] button[type="submit"] .contents > :not(:first-child) {
  display: none !important;
}

form[data-testid="login-form"] button[type="submit"] .contents > :first-child {
  display: block !important;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
}

form[data-testid="login-form"] button[type="submit"]::before,
form[data-testid="login-form"] button[type="submit"]::after {
  content: none !important;
  display: none !important;
}

/* Public booking premium refresh (css-v73) */
html:not(.yoo-admin) body.dark\:bg-default.bg-subtle.antialiased {
  background:
    radial-gradient(circle at 50% -12%, rgba(59, 130, 246, 0.08) 0, rgba(59, 130, 246, 0) 34rem),
    linear-gradient(180deg, #f7f9fc 0%, #eef3f8 100%) !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl {
  max-width: 980px !important;
  padding-top: 2.05rem !important;
  padding-bottom: 3rem !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
  border: 1px solid rgba(203, 213, 225, 0.72) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(251, 253, 255, 0.98) 100%) !important;
  box-shadow:
    0 28px 70px rgba(15, 23, 42, 0.08),
    0 8px 22px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
  height: 120px !important;
  background: var(--yoo-profile-banner-bg,
    linear-gradient(90deg, rgba(8, 145, 178, 0.93) 0%, rgba(14, 165, 188, 0.78) 38%, rgba(125, 211, 252, 0.66) 100%)
  ) !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.74) !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::after {
  top: 16px !important;
  right: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  background-color: rgba(255, 255, 255, 0.82) !important;
  box-shadow:
    0 14px 32px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div {
  padding: 3.2rem 1.65rem 1.6rem !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
  padding: 4px !important;
  background: #ffffff !important;
  box-shadow:
    0 15px 34px rgba(15, 23, 42, 0.14),
    0 0 0 1px rgba(255, 255, 255, 0.9) !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child [data-testid="name-title"] {
  margin-bottom: 0.16rem !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  letter-spacing: 0 !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child [data-testid="name-title"] + div {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child [data-testid="name-title"] + div > p:first-child {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-weight: 500 !important;
}

html:not(.yoo-admin) [data-testid="event-types"] {
  gap: 0.86rem !important;
  margin-top: 0.15rem !important;
}

html:not(.yoo-admin) [data-testid="event-types"]::before {
  margin: 0.04rem 0 0.18rem 0.06rem !important;
  padding: 0.14rem 0 0.14rem 0.72rem !important;
  border-left: 2px solid rgba(14, 116, 144, 0.24) !important;
  color: #3c4858 !important;
  font-size: 0.86rem !important;
  letter-spacing: 0 !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(226, 232, 240, 0.82) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(252, 254, 255, 0.98) 100%) !important;
  box-shadow:
    0 16px 36px rgba(15, 23, 42, 0.055),
    0 2px 8px rgba(15, 23, 42, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
  transform: translateY(0) !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"]::before {
  content: "" !important;
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, rgba(14, 165, 188, 0.72), rgba(37, 99, 235, 0.36));
  opacity: 0.58;
}

html:not(.yoo-admin) [data-testid="event-type-link"]:hover,
html:not(.yoo-admin) [data-testid="event-type-link"]:focus-visible {
  transform: translateY(-2px) !important;
  border-color: rgba(186, 199, 216, 0.88) !important;
  background: #ffffff !important;
  box-shadow:
    0 22px 46px rgba(15, 23, 42, 0.085),
    0 4px 12px rgba(15, 23, 42, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] > div {
  padding: 1.05rem 1.15rem 1.02rem 1.2rem !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] h2 {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
  font-family: "Matter SemiBold", "Matter Regular", Inter, system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] p,
html:not(.yoo-admin) [data-testid="event-type-link"] .text-subtle {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  line-height: 1.5 !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] ul {
  margin-top: 0.74rem !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] ul li > div {
  border: 1px solid rgba(203, 213, 225, 0.72) !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  padding: 0.28rem 0.54rem !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] [data-testid="start-icon"] {
  color: #64748b !important;
  opacity: 0.76 !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] > svg {
  right: 1.15rem !important;
  color: #94a3b8 !important;
  opacity: 0.64 !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"]:hover > svg,
html:not(.yoo-admin) [data-testid="event-type-link"]:focus-visible > svg {
  color: #64748b !important;
  opacity: 0.86 !important;
  transform: translateY(-50%) translateX(4px) !important;
}

@media (max-width: 768px) {
  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl {
    padding-top: 1.25rem !important;
    padding-bottom: 2rem !important;
  }

  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
    border-radius: 18px !important;
    box-shadow:
      0 18px 42px rgba(15, 23, 42, 0.075),
      0 5px 14px rgba(15, 23, 42, 0.035),
      inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  }

  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
    height: 108px !important;
  }

  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::after {
    width: 76px !important;
    height: 76px !important;
    border-radius: 18px !important;
    background-size: 58px 58px !important;
  }

  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div {
    padding: 2.85rem 1.05rem 1.14rem !important;
  }

  html:not(.yoo-admin) [data-testid="event-types"] {
    gap: 0.72rem !important;
  }

  html:not(.yoo-admin) [data-testid="event-type-link"] {
    border-radius: 16px !important;
  }

  html:not(.yoo-admin) [data-testid="event-type-link"] > div {
    padding: 0.92rem 0.98rem 0.9rem 1.04rem !important;
  }
}

@media (max-width: 480px) {
  html:not(.yoo-admin) body.dark\:bg-default.bg-subtle.antialiased {
    background: #f4f7fb !important;
  }

  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl {
    padding-top: 0.85rem !important;
  }

  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
    border-radius: 16px !important;
  }

  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
    height: 94px !important;
  }

  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::after {
    width: 66px !important;
    height: 66px !important;
    border-radius: 16px !important;
    background-size: 50px 50px !important;
  }

  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div {
    padding: 2.45rem 0.92rem 1rem !important;
  }

  html:not(.yoo-admin) [data-testid="event-types"]::before {
    margin-left: 0 !important;
    font-size: 0.8rem !important;
  }

  html:not(.yoo-admin) [data-testid="event-type-link"] {
    border-radius: 14px !important;
  }

  html:not(.yoo-admin) [data-testid="event-type-link"] h2 {
    font-size: 0.96rem !important;
  }

  html:not(.yoo-admin) [data-testid="event-type-link"] p,
  html:not(.yoo-admin) [data-testid="event-type-link"] .text-subtle {
    font-size: 0.9rem !important;
  }
}

/* Public booking universal polish (css-v74) */
html:not(.yoo-admin) body.dark\:bg-default.bg-subtle.antialiased {
  background:
    radial-gradient(circle at 50% -10%, rgba(148, 163, 184, 0.12) 0, rgba(148, 163, 184, 0) 33rem),
    linear-gradient(180deg, #f8fafc 0%, #eef2f6 100%) !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl {
  padding-top: 2rem !important;
}

html:not(.yoo-admin) [data-testid="event-types"]::before {
  border-left-color: rgba(148, 163, 184, 0.42) !important;
  color: #4b5563 !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] {
  border-color: rgba(226, 232, 240, 0.78) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(253, 254, 255, 0.99) 100%) !important;
  box-shadow:
    0 14px 32px rgba(15, 23, 42, 0.048),
    0 1px 5px rgba(15, 23, 42, 0.032),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"]::before {
  width: 2px !important;
  background: linear-gradient(180deg, rgba(148, 163, 184, 0.5), rgba(148, 163, 184, 0.24)) !important;
  opacity: 1 !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"]:hover,
html:not(.yoo-admin) [data-testid="event-type-link"]:focus-visible {
  border-color: rgba(203, 213, 225, 0.92) !important;
  box-shadow:
    0 19px 42px rgba(15, 23, 42, 0.074),
    0 3px 10px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"]:hover::before,
html:not(.yoo-admin) [data-testid="event-type-link"]:focus-visible::before {
  background: linear-gradient(180deg, rgba(100, 116, 139, 0.58), rgba(148, 163, 184, 0.34)) !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] > div {
  padding: 1.05rem 3.15rem 1.05rem 1.18rem !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] > svg {
  top: auto !important;
  right: 1.08rem !important;
  bottom: 1.05rem !important;
  transform: translateX(0) !important;
  color: #9ca3af !important;
  opacity: 0.72 !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"]:hover > svg,
html:not(.yoo-admin) [data-testid="event-type-link"]:focus-visible > svg {
  transform: translateX(4px) !important;
  color: #6b7280 !important;
  opacity: 0.92 !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] h2 {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] p,
html:not(.yoo-admin) [data-testid="event-type-link"] .text-subtle {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] ul {
  margin-top: 0.8rem !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] ul li > div {
  border-color: rgba(203, 213, 225, 0.68) !important;
  background: #f8fafc !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

@media (max-width: 768px) {
  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl {
    padding-top: 1.12rem !important;
  }

  html:not(.yoo-admin) [data-testid="event-type-link"] > div {
    padding: 0.98rem 2.72rem 1.06rem 1.02rem !important;
  }

  html:not(.yoo-admin) [data-testid="event-type-link"] > svg {
    right: 0.95rem !important;
    bottom: 1.02rem !important;
  }
}

@media (max-width: 480px) {
  html:not(.yoo-admin) body.dark\:bg-default.bg-subtle.antialiased {
    background: #f5f7fa !important;
  }

  html:not(.yoo-admin) [data-testid="event-types"] {
    gap: 0.68rem !important;
  }

  html:not(.yoo-admin) [data-testid="event-type-link"] {
    border-radius: 14px !important;
    box-shadow:
      0 10px 24px rgba(15, 23, 42, 0.05),
      0 1px 4px rgba(15, 23, 42, 0.03),
      inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
  }

  html:not(.yoo-admin) [data-testid="event-type-link"] > div {
    padding: 0.94rem 2.55rem 1rem 0.98rem !important;
  }

  html:not(.yoo-admin) [data-testid="event-type-link"] > svg {
    right: 0.86rem !important;
    bottom: 0.98rem !important;
    width: 15px !important;
    height: 15px !important;
  }

  html:not(.yoo-admin) [data-testid="event-type-link"] ul {
    margin-top: 0.68rem !important;
    padding-right: 0.2rem !important;
  }
}

/* Public booking neutral bands + hover (css-v75) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
  box-shadow:
    inset 0 4px 0 rgba(148, 163, 184, 0.36),
    0 28px 70px rgba(15, 23, 42, 0.08),
    0 8px 22px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
  box-shadow: inset 0 4px 0 rgba(148, 163, 184, 0.44) !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] {
  background: #ffffff !important;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"]::before {
  width: 4px !important;
  background: linear-gradient(180deg, rgba(148, 163, 184, 0.64), rgba(148, 163, 184, 0.3)) !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"]:hover,
html:not(.yoo-admin) [data-testid="event-type-link"]:focus-visible {
  background: #f8fafc !important;
  border-color: rgba(148, 163, 184, 0.52) !important;
  box-shadow:
    0 20px 44px rgba(15, 23, 42, 0.08),
    0 4px 12px rgba(15, 23, 42, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"]:hover::before,
html:not(.yoo-admin) [data-testid="event-type-link"]:focus-visible::before {
  width: 4px !important;
  background: linear-gradient(180deg, rgba(100, 116, 139, 0.72), rgba(148, 163, 184, 0.46)) !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] > svg {
  top: auto !important;
  bottom: 1.05rem !important;
  right: 1.08rem !important;
  transform: translateX(0) !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"]:hover > svg,
html:not(.yoo-admin) [data-testid="event-type-link"]:focus-visible > svg {
  transform: translateX(4px) !important;
  color: #64748b !important;
}

@media (max-width: 480px) {
  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
    box-shadow:
      inset 0 3px 0 rgba(148, 163, 184, 0.34),
      0 18px 42px rgba(15, 23, 42, 0.075),
      0 5px 14px rgba(15, 23, 42, 0.035),
      inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  }

  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
    box-shadow: inset 0 3px 0 rgba(148, 163, 184, 0.4) !important;
  }

  html:not(.yoo-admin) [data-testid="event-type-link"]::before,
  html:not(.yoo-admin) [data-testid="event-type-link"]:hover::before,
  html:not(.yoo-admin) [data-testid="event-type-link"]:focus-visible::before {
    width: 3px !important;
  }

  html:not(.yoo-admin) [data-testid="event-type-link"] > svg {
    right: 0.86rem !important;
    bottom: 0.98rem !important;
  }
}

/* Public profile card cleanup (css-v76) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
  border-color: transparent !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
  box-shadow:
    0 22px 54px rgba(15, 23, 42, 0.07),
    0 6px 18px rgba(15, 23, 42, 0.035) !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
  box-shadow: none !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
  background: #ffffff !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square img,
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square > span,
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square > span > img {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: #ffffff !important;
}

@media (max-width: 480px) {
  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
    border-color: transparent !important;
    box-shadow:
      0 16px 38px rgba(15, 23, 42, 0.065),
      0 5px 14px rgba(15, 23, 42, 0.03) !important;
  }

  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
    box-shadow: none !important;
  }
}

/* Public booking CTA and badge polish (css-v77) */
html:not(.yoo-admin) [data-testid="event-types"]::before {
  content: "Sélectionnez le type de rendez-vous souhaité" !important;
  font-family: "Matter SemiBold", "Matter Regular", Inter, system-ui, sans-serif !important;
  font-weight: 700 !important;
  color: #374151 !important;
}

html:not(.yoo-admin):lang(fr) [data-testid="event-types"]::before {
  content: "Sélectionnez le type de rendez-vous souhaité" !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"]::before,
html:not(.yoo-admin) [data-testid="event-type-link"]:hover::before,
html:not(.yoo-admin) [data-testid="event-type-link"]:focus-visible::before {
  width: 6px !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::after {
  border: 0 !important;
}

@media (max-width: 480px) {
  html:not(.yoo-admin) [data-testid="event-type-link"]::before,
  html:not(.yoo-admin) [data-testid="event-type-link"]:hover::before,
  html:not(.yoo-admin) [data-testid="event-type-link"]:focus-visible::before {
    width: 5px !important;
  }
}

/* Public booking CTA text and badge cleanup (css-v78) */
html:not(.yoo-admin) [data-testid="event-types"]::before {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::after {
  border: 0 !important;
  outline: 0 !important;
  background-color: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.10) !important;
}

@media (max-width: 480px) {
  html:not(.yoo-admin) [data-testid="event-types"]::before {
    font-size: 0.92rem !important;
  }
}

/* Public profile premium edge cleanup (css-v79) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
  border: 0 !important;
  box-shadow:
    0 24px 58px rgba(15, 23, 42, 0.075),
    0 8px 20px rgba(15, 23, 42, 0.035) !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
  border-bottom: 0 !important;
}

@media (max-width: 480px) {
  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
    border: 0 !important;
    box-shadow:
      0 16px 38px rgba(15, 23, 42, 0.06),
      0 5px 14px rgba(15, 23, 42, 0.028) !important;
  }
}

/* Public profile square top corners (css-v80) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 22px !important;
  border-bottom-right-radius: 22px !important;
  overflow: hidden !important;
}

@media (max-width: 480px) {
  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
  }
}

/* Public profile top accent band (css-v81) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
  border-bottom: 0 !important;
  box-shadow: inset 0 6px 0 rgba(148, 163, 184, 0.58) !important;
}

@media (max-width: 480px) {
  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
    border-bottom: 0 !important;
    box-shadow: inset 0 5px 0 rgba(148, 163, 184, 0.52) !important;
  }
}

/* Public profile top band above image (css-v82) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
  box-shadow:
    inset 0 6px 0 rgba(148, 163, 184, 0.58),
    0 24px 58px rgba(15, 23, 42, 0.075),
    0 8px 20px rgba(15, 23, 42, 0.035) !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
  top: 6px !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 480px) {
  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
    box-shadow:
      inset 0 5px 0 rgba(148, 163, 184, 0.52),
      0 16px 38px rgba(15, 23, 42, 0.06),
      0 5px 14px rgba(15, 23, 42, 0.028) !important;
  }

  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
    top: 5px !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }
}

/* Public profile top band event-gradient match (css-v83) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
  background:
    linear-gradient(90deg, rgba(148, 163, 184, 0.64), rgba(148, 163, 184, 0.3)) top left / 100% 6px no-repeat,
    linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
  box-shadow:
    0 24px 58px rgba(15, 23, 42, 0.075),
    0 8px 20px rgba(15, 23, 42, 0.035) !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
  top: 6px !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 480px) {
  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
    background:
      linear-gradient(90deg, rgba(148, 163, 184, 0.64), rgba(148, 163, 184, 0.3)) top left / 100% 5px no-repeat,
      linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
    box-shadow:
      0 16px 38px rgba(15, 23, 42, 0.06),
      0 5px 14px rgba(15, 23, 42, 0.028) !important;
  }

  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
    top: 5px !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }
}

/* Public profile remove top band + phone icon refresh (css-v84) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
  box-shadow:
    0 24px 58px rgba(15, 23, 42, 0.075),
    0 8px 20px rgba(15, 23, 42, 0.035) !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
  top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) {
  background-color: currentColor !important;
  fill: transparent !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2a9 9 0 0 1 9 9'/%3E%3Cpath d='M13 6a5 5 0 0 1 5 5'/%3E%3Cpath d='M13.83 16.17a1 1 0 0 0-1.1-.22 11.72 11.72 0 0 1-4.68-4.68 1 1 0 0 0-.22-1.1L5.62 7.96a1.14 1.14 0 0 0-1.8.38 6.16 6.16 0 0 0-.34 3.64A11.55 11.55 0 0 0 12.02 20.52a6.16 6.16 0 0 0 3.64-.34 1.14 1.14 0 0 0 .38-1.8z'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2a9 9 0 0 1 9 9'/%3E%3Cpath d='M13 6a5 5 0 0 1 5 5'/%3E%3Cpath d='M13.83 16.17a1 1 0 0 0-1.1-.22 11.72 11.72 0 0 1-4.68-4.68 1 1 0 0 0-.22-1.1L5.62 7.96a1.14 1.14 0 0 0-1.8.38 6.16 6.16 0 0 0-.34 3.64A11.55 11.55 0 0 0 12.02 20.52a6.16 6.16 0 0 0 3.64-.34 1.14 1.14 0 0 0 .38-1.8z'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) use {
  opacity: 0 !important;
}

/* Public profile simple vertical mobile icon size (css-v109) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) {
  mask-size: 18.5px 18.5px !important;
  -webkit-mask-size: 18.5px 18.5px !important;
}

/* Public profile simple vertical mobile icon final (css-v107) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) {
  background-color: currentColor !important;
  fill: transparent !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7.25' y='2.75' width='9.5' height='18.5' rx='2.7' ry='2.7'/%3E%3Cpath d='M10.35 5.55h3.3'/%3E%3Cpath d='M12 18.2h.01'/%3E%3C/svg%3E") center / 17px 17px no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7.25' y='2.75' width='9.5' height='18.5' rx='2.7' ry='2.7'/%3E%3Cpath d='M10.35 5.55h3.3'/%3E%3Cpath d='M12 18.2h.01'/%3E%3C/svg%3E") center / 17px 17px no-repeat !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) use {
  opacity: 0 !important;
}

/* Public profile classic vertical mobile icon final (css-v105) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) {
  background-color: currentColor !important;
  fill: transparent !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.95' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.75' y='2.5' width='10.5' height='19' rx='2.6' ry='2.6'/%3E%3Cpath d='M7 7h10'/%3E%3Cpath d='M7 16.7h10'/%3E%3Cpath d='M10.2 5.05h.01'/%3E%3Cpath d='M12.1 5.05h2.1'/%3E%3Ccircle cx='12' cy='19.1' r='0.8'/%3E%3C/svg%3E") center / 17.5px 17.5px no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.95' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.75' y='2.5' width='10.5' height='19' rx='2.6' ry='2.6'/%3E%3Cpath d='M7 7h10'/%3E%3Cpath d='M7 16.7h10'/%3E%3Cpath d='M10.2 5.05h.01'/%3E%3Cpath d='M12.1 5.05h2.1'/%3E%3Ccircle cx='12' cy='19.1' r='0.8'/%3E%3C/svg%3E") center / 17.5px 17.5px no-repeat !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) use {
  opacity: 0 !important;
}

/* Public profile classic vertical mobile icon (css-v104) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) {
  background-color: currentColor !important;
  fill: transparent !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.95' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.75' y='2.5' width='10.5' height='19' rx='2.6' ry='2.6'/%3E%3Cpath d='M7 7h10'/%3E%3Cpath d='M7 16.7h10'/%3E%3Cpath d='M10.2 5.05h.01'/%3E%3Cpath d='M12.1 5.05h2.1'/%3E%3Ccircle cx='12' cy='19.1' r='0.8'/%3E%3C/svg%3E") center / 17.5px 17.5px no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.95' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.75' y='2.5' width='10.5' height='19' rx='2.6' ry='2.6'/%3E%3Cpath d='M7 7h10'/%3E%3Cpath d='M7 16.7h10'/%3E%3Cpath d='M10.2 5.05h.01'/%3E%3Cpath d='M12.1 5.05h2.1'/%3E%3Ccircle cx='12' cy='19.1' r='0.8'/%3E%3C/svg%3E") center / 17.5px 17.5px no-repeat !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) use {
  opacity: 0 !important;
}

/* Public profile clean vertical mobile icon final (css-v102) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) {
  background-color: currentColor !important;
  fill: transparent !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7.25' y='2.75' width='9.5' height='18.5' rx='2.6' ry='2.6'/%3E%3Cpath d='M10.4 5.5h3.2'/%3E%3Cpath d='M10.2 17.9h3.6'/%3E%3C/svg%3E") center / 17px 17px no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7.25' y='2.75' width='9.5' height='18.5' rx='2.6' ry='2.6'/%3E%3Cpath d='M10.4 5.5h3.2'/%3E%3Cpath d='M10.2 17.9h3.6'/%3E%3C/svg%3E") center / 17px 17px no-repeat !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) use {
  opacity: 0 !important;
}

/* Public profile clean vertical mobile icon (css-v101) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) {
  background-color: currentColor !important;
  fill: transparent !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7.25' y='2.75' width='9.5' height='18.5' rx='2.6' ry='2.6'/%3E%3Cpath d='M10.4 5.5h3.2'/%3E%3Cpath d='M10.2 17.9h3.6'/%3E%3C/svg%3E") center / 17px 17px no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7.25' y='2.75' width='9.5' height='18.5' rx='2.6' ry='2.6'/%3E%3Cpath d='M10.4 5.5h3.2'/%3E%3Cpath d='M10.2 17.9h3.6'/%3E%3C/svg%3E") center / 17px 17px no-repeat !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) use {
  opacity: 0 !important;
}

@media (max-width: 480px) {
  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
    background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
    box-shadow:
      0 16px 38px rgba(15, 23, 42, 0.06),
      0 5px 14px rgba(15, 23, 42, 0.028) !important;
  }

  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
    top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }
}

/* Public booking phone icon + radius polish (css-v85) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] {
  border-radius: 14px !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) {
  background-color: currentColor !important;
  fill: transparent !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.89.32 1.76.59 2.59a2 2 0 0 1-.45 2.11L8 9.67a16 16 0 0 0 6.33 6.33l1.25-1.25a2 2 0 0 1 2.11-.45c.83.27 1.7.47 2.59.59A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.89.32 1.76.59 2.59a2 2 0 0 1-.45 2.11L8 9.67a16 16 0 0 0 6.33 6.33l1.25-1.25a2 2 0 0 1 2.11-.45c.83.27 1.7.47 2.59.59A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important;
}

@media (max-width: 480px) {
  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
  }

  html:not(.yoo-admin) [data-testid="event-type-link"] {
    border-radius: 12px !important;
  }
}

/* Public booking event radius restore + mobile phone icon (css-v86) */
html:not(.yoo-admin) [data-testid="event-type-link"] {
  border-radius: 18px !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) {
  background-color: currentColor !important;
  fill: transparent !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important;
}

@media (max-width: 640px) {
  html:not(.yoo-admin) [data-testid="event-type-link"] {
    border-radius: 16px !important;
  }
}

@media (max-width: 480px) {
  html:not(.yoo-admin) [data-testid="event-type-link"] {
    border-radius: 14px !important;
  }
}

/* Public profile clearer smartphone icon (css-v87) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) {
  background-color: currentColor !important;
  fill: transparent !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='12' height='20' x='6' y='2' rx='2' ry='2'/%3E%3Cpath d='M10 5h4'/%3E%3Cpath d='M9.5 18h5'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='12' height='20' x='6' y='2' rx='2' ry='2'/%3E%3Cpath d='M10 5h4'/%3E%3Cpath d='M9.5 18h5'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important;
}

/* Public booking thicker event accent band (css-v88) */
html:not(.yoo-admin) [data-testid="event-type-link"]::before,
html:not(.yoo-admin) [data-testid="event-type-link"]:hover::before,
html:not(.yoo-admin) [data-testid="event-type-link"]:focus-visible::before {
  width: 8px !important;
}

@media (max-width: 480px) {
  html:not(.yoo-admin) [data-testid="event-type-link"]::before,
  html:not(.yoo-admin) [data-testid="event-type-link"]:hover::before,
  html:not(.yoo-admin) [data-testid="event-type-link"]:focus-visible::before {
    width: 7px !important;
  }
}

/* Public booking event accent band plus (css-v89) */
html:not(.yoo-admin) [data-testid="event-type-link"]::before,
html:not(.yoo-admin) [data-testid="event-type-link"]:hover::before,
html:not(.yoo-admin) [data-testid="event-type-link"]:focus-visible::before {
  width: 9px !important;
}

@media (max-width: 480px) {
  html:not(.yoo-admin) [data-testid="event-type-link"]::before,
  html:not(.yoo-admin) [data-testid="event-type-link"]:hover::before,
  html:not(.yoo-admin) [data-testid="event-type-link"]:focus-visible::before {
    width: 8px !important;
  }
}

/* Public booking mobile confirmation badge text (css-v90) */
html:not(.yoo-admin) [data-testid="event-type-link"] ul li > div {
  min-height: 24px !important;
  height: 24px !important;
  padding: 4px 8px !important;
  border-radius: 8px !important;
  font-size: 0.78rem !important;
  line-height: 1 !important;
  align-items: center !important;
  gap: 0.28rem !important;
  white-space: nowrap !important;
}

html:not(.yoo-admin) [data-testid="event-type-link"] ul li > div svg {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px !important;
}

@media (max-width: 1279px) {
  html:not(.yoo-admin) [data-testid="event-type-link"] ul li.hidden.xl\:block[data-testid="requires-confirmation-badge"] {
    display: list-item !important;
  }

  html:not(.yoo-admin) [data-testid="event-type-link"] ul li.block.xl\:hidden {
    display: none !important;
  }
}

@media (max-width: 480px) {
  html:not(.yoo-admin) [data-testid="event-type-link"] ul {
    padding-right: 2.15rem !important;
  }

html:not(.yoo-admin) [data-testid="event-type-link"] ul li > div {
    min-height: 24px !important;
    height: 24px !important;
    padding: 4px 8px !important;
    font-size: 0.78rem !important;
  }
}

/* Public booking background image test (css-v91) */
html:not(.yoo-admin) body {
  background-color: #f6f8fb !important;
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(246, 248, 251, 0.86)),
    image-set(
      url("/booking-background.avif") type("image/avif"),
      url("/booking-background.webp") type("image/webp")
    ) !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

@media (max-width: 640px) {
  html:not(.yoo-admin) body {
    background-image:
      linear-gradient(180deg, rgba(255, 255, 255, 0.80), rgba(246, 248, 251, 0.90)),
      image-set(
        url("/booking-background.avif") type("image/avif"),
        url("/booking-background.webp") type("image/webp")
      ) !important;
    background-position: center top !important;
  }
}

/* Public booking background image specificity fix (css-v92) */
html:not(.yoo-admin) body.dark\:bg-default.bg-subtle.antialiased {
  background-color: #f6f8fb !important;
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(246, 248, 251, 0.86)),
    image-set(
      url("/booking-background.avif") type("image/avif"),
      url("/booking-background.webp") type("image/webp")
    ) !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

html:not(.yoo-admin) body > .mx-auto {
  background: transparent !important;
}

@media (max-width: 640px) {
  html:not(.yoo-admin) body.dark\:bg-default.bg-subtle.antialiased {
    background-image:
      linear-gradient(180deg, rgba(255, 255, 255, 0.80), rgba(246, 248, 251, 0.90)),
      image-set(
        url("/booking-background.avif") type("image/avif"),
        url("/booking-background.webp") type("image/webp")
      ) !important;
    background-position: center top !important;
  }
}

/* Public booking background image visible test (css-v93) */
html:not(.yoo-admin),
html:not(.yoo-admin) body,
html:not(.yoo-admin) body.dark\:bg-default.bg-subtle.antialiased {
  background-color: #f6f8fb !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.48), rgba(246, 248, 251, 0.66)),
    url("/booking-background.webp") center top / cover no-repeat scroll !important;
}

html:not(.yoo-admin) body > .mx-auto,
html:not(.yoo-admin) body > .mx-auto > main.max-w-3xl {
  background: transparent !important;
}

@media (max-width: 640px) {
  html:not(.yoo-admin),
  html:not(.yoo-admin) body,
  html:not(.yoo-admin) body.dark\:bg-default.bg-subtle.antialiased {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.56), rgba(246, 248, 251, 0.74)),
      url("/booking-background.webp") center top / cover no-repeat scroll !important;
  }
}

/* Public profile smooth banner load (css-v94) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
  height: 120px !important;
  background:
    var(--yoo-profile-banner-bg,
      linear-gradient(120deg, #cbd5df 0%, #e2e8ef 48%, #c4ccd6 100%)
    ) !important;
  opacity: 1 !important;
  filter: saturate(1) contrast(1) !important;
  transform: translateZ(0) !important;
  transition: none !important;
  will-change: auto !important;
  border-bottom: 0 !important;
}

html:not(.yoo-admin)[data-yoo-public-banner-ready="1"] body .mx-auto > main.max-w-3xl > div:first-child::before,
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child[data-yoo-banner-ready="1"]::before {
  opacity: 1 !important;
  filter: saturate(1) contrast(1) !important;
}

@media (max-width: 480px) {
  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
    height: 112px !important;
  }
}

/* Public profile perceived-load polish (css-v114) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square {
  position: relative !important;
  padding: 4px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 0 !important;
  outline: 0 !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  border-radius: 9999px !important;
  background: transparent !important;
  filter: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  transition: opacity 180ms ease !important;
}

html:not(.yoo-admin)[data-yoo-profile-avatar-detected="1"] body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  border-radius: 9999px !important;
  background: var(--yoo-profile-avatar-bg) !important;
  filter: none !important;
  opacity: 1 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  transition: opacity 180ms ease !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square[data-yoo-avatar-loaded="1"]::before {
  opacity: 1 !important;
  transition-delay: 0ms !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square img,
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square > span,
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square > span > img {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  opacity: 1 !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square img[src="/avatar.svg"],
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square img[src$="/avatar.svg"],
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square img[src*="/avatar.svg"],
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child > div > span.aspect-square img[data-yoo-public-avatar-placeholder="1"] {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 9999px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  filter: none !important;
}

html.yoo-admin img[src="/avatar.svg"],
html.yoo-admin img[src$="/avatar.svg"] {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 9999px !important;
  opacity: 1 !important;
  filter: none !important;
}

html.yoo-admin aside [data-yoo-admin-avatar-fallback-shell="1"],
html.yoo-admin nav [data-yoo-admin-avatar-fallback-shell="1"],
html.yoo-admin [role="navigation"] [data-yoo-admin-avatar-fallback-shell="1"],
html.yoo-admin aside img[data-yoo-admin-avatar-fallback="1"],
html.yoo-admin nav img[data-yoo-admin-avatar-fallback="1"],
html.yoo-admin [role="navigation"] img[data-yoo-admin-avatar-fallback="1"] {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  flex: 0 0 24px !important;
  object-fit: cover !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
}

@media (prefers-reduced-motion: reduce) {
  html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child::before {
    transition: none !important;
  }
}

/* Public event back arrow (css-v95) */
html:not(.yoo-admin) [data-yoo-event-back-link="1"] {
  width: 34px !important;
  height: 34px !important;
  margin: 0 0 0.82rem 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #111827 !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
  text-decoration: none !important;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link="1"] svg {
  width: 19px !important;
  height: 19px !important;
  stroke: currentColor !important;
  stroke-width: 2.25 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  fill: none !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link="1"]:hover,
html:not(.yoo-admin) [data-yoo-event-back-link="1"]:focus-visible {
  background: #ffffff !important;
  border-color: rgba(100, 116, 139, 0.46) !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.12) !important;
  transform: translateX(-1px) !important;
  outline: none !important;
}

@media (max-width: 640px) {
  html:not(.yoo-admin) [data-yoo-event-back-link="1"] {
    width: 32px !important;
    height: 32px !important;
    margin-bottom: 0.68rem !important;
  }
}

/* Public event back arrow placement/style fix (css-v96) */
html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 0 0.72rem 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link="1"] {
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #64748b !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition:
    color 150ms ease,
    background-color 150ms ease,
    transform 150ms ease !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link="1"] svg {
  width: 18px !important;
  height: 18px !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  fill: none !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link="1"]:hover,
html:not(.yoo-admin) [data-yoo-event-back-link="1"]:focus-visible {
  color: #111827 !important;
  background: rgba(148, 163, 184, 0.10) !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: translateX(-1px) !important;
  outline: none !important;
}

@media (max-width: 640px) {
  html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] {
    margin-bottom: 0.58rem !important;
  }

  html:not(.yoo-admin) [data-yoo-event-back-link="1"] {
    width: 30px !important;
    height: 30px !important;
  }
}

/* Public event back arrow alignment + avatar size (css-v97) */
html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] {
  width: 100% !important;
  justify-content: flex-start !important;
  margin: 0 0 0.54rem 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link="1"] {
  margin-left: 0 !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + span {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + span img,
html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + span > span,
html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + span > span > img {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
}

@media (max-width: 640px) {
  html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] {
    margin-bottom: 0.48rem !important;
  }

  html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + span {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
  }
}

/* Public event back arrow thin frame (css-v98) */
html:not(.yoo-admin) [data-yoo-event-back-link="1"] {
  border: 1px solid rgba(148, 163, 184, 0.38) !important;
  background: rgba(255, 255, 255, 0.56) !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link="1"]:hover,
html:not(.yoo-admin) [data-yoo-event-back-link="1"]:focus-visible {
  border: 1px solid rgba(100, 116, 139, 0.48) !important;
  background: rgba(248, 250, 252, 0.92) !important;
}

/* Public event sidebar avatar larger (css-v99) */
html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + span {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
}

@media (max-width: 640px) {
  html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + span {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
  }
}

/* Public event disabled avatar + larger back target (css-v113) */
html:not(.yoo-admin) [data-yoo-event-back-link="1"] {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html:not(.yoo-admin) a[data-testid="avatar-href"][data-yoo-event-avatar-link-disabled="1"] {
  pointer-events: none !important;
  cursor: default !important;
  display: inline-flex !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + a[data-testid="avatar-href"] [data-testid="avatar"],
html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + a[data-testid="avatar-href"] [data-testid="avatar"] img {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  box-shadow: none !important;
  outline: 0 !important;
}

@media (max-width: 640px) {
  html:not(.yoo-admin) [data-yoo-event-back-link="1"] {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  html:not(.yoo-admin) a[data-testid="avatar-href"][data-yoo-event-avatar-link-disabled="1"],
  html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + a[data-testid="avatar-href"] [data-testid="avatar"],
  html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + a[data-testid="avatar-href"] [data-testid="avatar"] img {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
  }
}

/* Public event back arrow visual polish (css-v132) */
html:not(.yoo-admin) [data-yoo-event-back-link="1"] {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #64748b !important;
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12) !important;
  text-decoration: none !important;
  opacity: 0.92 !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  transition:
    opacity 180ms ease,
    color 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link="1"] svg {
  width: 18px !important;
  height: 18px !important;
  stroke: currentColor !important;
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  fill: none !important;
  transform: translateX(-0.5px) !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link="1"]:hover,
html:not(.yoo-admin) [data-yoo-event-back-link="1"]:focus-visible {
  color: #111827 !important;
  background: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.95) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16) !important;
  opacity: 1 !important;
  transform: translateX(-1px) !important;
  outline: none !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link="1"]:focus-visible {
  outline: 2px solid rgba(100, 116, 139, 0.22) !important;
  outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
  html:not(.yoo-admin) [data-yoo-event-back-link="1"] {
    transition: none !important;
  }
}

/* Public event back arrow discreet premium surface (css-v133) */
html:not(.yoo-admin) [data-yoo-event-back-link="1"] {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  color: #718096 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 0.86 !important;
  text-decoration: none !important;
  transform: none !important;
  transition:
    opacity 180ms ease,
    color 180ms ease,
    transform 180ms ease !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link="1"]::before {
  content: "" !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  transform: translate(-50%, -50%) !important;
  background: rgba(255, 255, 255, 0.68) !important;
  border: 1px solid rgba(203, 213, 225, 0.55) !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link="1"] svg {
  width: 16px !important;
  height: 16px !important;
  position: relative !important;
  z-index: 1 !important;
  color: currentColor !important;
  stroke: currentColor !important;
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  fill: none !important;
  transform: translateX(-0.5px) !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link="1"]:hover,
html:not(.yoo-admin) [data-yoo-event-back-link="1"]:focus-visible {
  color: #374151 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: translateX(-1px) !important;
  outline: none !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link="1"]:hover::before,
html:not(.yoo-admin) [data-yoo-event-back-link="1"]:focus-visible::before {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.72) !important;
  box-shadow: 0 5px 14px rgba(15, 23, 42, 0.09) !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link="1"]:focus-visible {
  outline: 2px solid rgba(100, 116, 139, 0.18) !important;
  outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
  html:not(.yoo-admin) [data-yoo-event-back-link="1"],
  html:not(.yoo-admin) [data-yoo-event-back-link="1"]::before {
    transition: none !important;
  }
}

/* Public event back arrow centered with profile avatar (css-v134) */
html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

/* Public event back arrow/avatar shared center axis (css-v135) */
html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"],
html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + a[data-testid="avatar-href"][data-yoo-event-avatar-link-disabled="1"],
html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + span {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Public event avatar hard center against back arrow axis (css-v136) */
html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + a[data-testid="avatar-href"][data-yoo-event-avatar-link-disabled="1"],
html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + a[data-testid="avatar-href"][data-yoo-event-avatar-link-disabled="1"] [data-testid="avatar"],
html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + a[data-testid="avatar-href"][data-yoo-event-avatar-link-disabled="1"] img,
html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + span img,
html:not(.yoo-admin) [data-yoo-event-back-link-wrap="1"] + span > span {
  margin-left: auto !important;
  margin-right: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

/* Public profile mobile phone icon refresh (css-v100) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) {
  background-color: currentColor !important;
  fill: transparent !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2.4' ry='2.4'/%3E%3Cpath d='M10.25 5.5h3.5'/%3E%3Crect x='9.25' y='8' width='5.5' height='7.25' rx='1' ry='1'/%3E%3Cpath d='M10.25 18.25h3.5'/%3E%3C/svg%3E") center / 17px 17px no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2.4' ry='2.4'/%3E%3Cpath d='M10.25 5.5h3.5'/%3E%3Crect x='9.25' y='8' width='5.5' height='7.25' rx='1' ry='1'/%3E%3Cpath d='M10.25 18.25h3.5'/%3E%3C/svg%3E") center / 17px 17px no-repeat !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) use {
  opacity: 0 !important;
}

/* Public profile clean vertical mobile icon final (css-v103) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) {
  background-color: currentColor !important;
  fill: transparent !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7.25' y='2.75' width='9.5' height='18.5' rx='2.6' ry='2.6'/%3E%3Cpath d='M10.4 5.5h3.2'/%3E%3Cpath d='M10.2 17.9h3.6'/%3E%3C/svg%3E") center / 17px 17px no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7.25' y='2.75' width='9.5' height='18.5' rx='2.6' ry='2.6'/%3E%3Cpath d='M10.4 5.5h3.2'/%3E%3Cpath d='M10.2 17.9h3.6'/%3E%3C/svg%3E") center / 17px 17px no-repeat !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) use {
  opacity: 0 !important;
}

/* Public profile classic vertical mobile icon final (css-v106) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) {
  background-color: currentColor !important;
  fill: transparent !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.95' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.75' y='2.5' width='10.5' height='19' rx='2.6' ry='2.6'/%3E%3Cpath d='M7 7h10'/%3E%3Cpath d='M7 16.7h10'/%3E%3Cpath d='M10.2 5.05h.01'/%3E%3Cpath d='M12.1 5.05h2.1'/%3E%3Ccircle cx='12' cy='19.1' r='0.8'/%3E%3C/svg%3E") center / 17.5px 17.5px no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.95' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.75' y='2.5' width='10.5' height='19' rx='2.6' ry='2.6'/%3E%3Cpath d='M7 7h10'/%3E%3Cpath d='M7 16.7h10'/%3E%3Cpath d='M10.2 5.05h.01'/%3E%3Cpath d='M12.1 5.05h2.1'/%3E%3Ccircle cx='12' cy='19.1' r='0.8'/%3E%3C/svg%3E") center / 17.5px 17.5px no-repeat !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) use {
  opacity: 0 !important;
}

/* Public profile simple vertical mobile icon final (css-v108) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) {
  background-color: currentColor !important;
  fill: transparent !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7.25' y='2.75' width='9.5' height='18.5' rx='2.7' ry='2.7'/%3E%3Cpath d='M10.35 5.55h3.3'/%3E%3Cpath d='M12 18.2h.01'/%3E%3C/svg%3E") center / 17px 17px no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7.25' y='2.75' width='9.5' height='18.5' rx='2.7' ry='2.7'/%3E%3Cpath d='M10.35 5.55h3.3'/%3E%3Cpath d='M12 18.2h.01'/%3E%3C/svg%3E") center / 17px 17px no-repeat !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) use {
  opacity: 0 !important;
}

/* Public profile simple vertical mobile icon size final (css-v110) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child svg:has(use[href="#phone"]) {
  mask-size: 20px 20px !important;
  -webkit-mask-size: 20px 20px !important;
}

/* Public profile bio weight fix (css-v111) */
html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child [data-testid="name-title"] + div p {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  font-weight: 400 !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child [data-testid="name-title"] + div > p:first-child:not(:last-child) {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-weight: 500 !important;
}

html:not(.yoo-admin) body .mx-auto > main.max-w-3xl > div:first-child [data-testid="name-title"] + div > p:first-child:last-child {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  font-weight: 400 !important;
}

/* Admin settings mini-profile native avatar normalization (css-v122) */
html.yoo-admin [data-yoo-settings-mini-profile-header="1"] {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html.yoo-admin [data-yoo-settings-mini-avatar-shell="1"],
html.yoo-admin [data-yoo-settings-mini-avatar-child="1"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  flex: 0 0 24px !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

html.yoo-admin [data-yoo-settings-mini-avatar-child="1"] {
  object-fit: cover !important;
}

/* Admin avatar status dot alignment (css-v122) */
html.yoo-admin [data-yoo-admin-avatar-shell="1"],
html.yoo-admin [data-yoo-admin-avatar-status-unclip="1"] {
  position: relative !important;
  overflow: visible !important;
}

html.yoo-admin [data-yoo-admin-avatar-status-dot="1"] {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  left: auto !important;
  transform: translate(22%, 22%) !important;
  z-index: 2 !important;
  margin: 0 !important;
}

/* Admin mobile header avatar normalization (css-v123) */
html.yoo-admin [data-yoo-admin-mobile-header-avatar-shell="1"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  flex: 0 0 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 9999px !important;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html.yoo-admin [data-yoo-admin-mobile-header-avatar-child="1"] {
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 9999px !important;
  object-fit: cover !important;
  box-sizing: border-box !important;
}

html.yoo-admin [data-yoo-admin-mobile-header-avatar-dot="1"] {
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  max-width: 10px !important;
  max-height: 10px !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  left: auto !important;
  transform: translate(20%, 20%) !important;
  z-index: 3 !important;
  margin: 0 !important;
  border-radius: 9999px !important;
  box-sizing: border-box !important;
}

/* Admin desktop account trigger avatar fallback (css-v127) */
html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span.relative.rounded-full,
html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span[class*="relative"][class*="rounded-full"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  flex: 0 0 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-inline-end: 8px !important;
  border-radius: 9999px !important;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span.relative.rounded-full > span:not([class*="bg-green"]),
html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span[class*="relative"][class*="rounded-full"] > span:not([class*="bg-green"]),
html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span.relative.rounded-full img,
html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span[class*="relative"][class*="rounded-full"] img,
html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span.relative.rounded-full svg,
html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span[class*="relative"][class*="rounded-full"] svg {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 9999px !important;
  object-fit: cover !important;
  box-sizing: border-box !important;
}

html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span.relative.rounded-full > span[class*="bg-green"],
html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span[class*="relative"][class*="rounded-full"] > span[class*="bg-green"] {
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  max-width: 8px !important;
  max-height: 8px !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  left: auto !important;
  transform: translate(22%, 22%) !important;
  z-index: 3 !important;
  margin: 0 !important;
  border-radius: 9999px !important;
  box-sizing: border-box !important;
}

/* Admin mobile account trigger avatar hard fallback (css-v125) */
@media (max-width: 767px) {
  html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span.relative.rounded-full,
  html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span[class*="relative"][class*="rounded-full"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    flex: 0 0 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 9999px !important;
    position: relative !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span.relative.rounded-full > span:not([class*="bg-green"]),
  html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span[class*="relative"][class*="rounded-full"] > span:not([class*="bg-green"]),
  html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span.relative.rounded-full img,
  html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span[class*="relative"][class*="rounded-full"] img,
  html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span.relative.rounded-full svg,
  html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span[class*="relative"][class*="rounded-full"] svg {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 9999px !important;
    object-fit: cover !important;
    box-sizing: border-box !important;
  }

  html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span.relative.rounded-full > span[class*="bg-green"],
  html.yoo-admin button[data-testid="user-dropdown-trigger-button"] > span[class*="relative"][class*="rounded-full"] > span[class*="bg-green"] {
    display: block !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    max-width: 10px !important;
    max-height: 10px !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    left: auto !important;
    transform: translate(20%, 20%) !important;
    z-index: 3 !important;
    margin: 0 !important;
    border-radius: 9999px !important;
    box-sizing: border-box !important;
  }
}

/* Admin avatar upload empty-state text fit (css-v120) */
html.yoo-admin [data-yoo-avatar-empty-text="1"] {
  display: block !important;
  max-width: 64px !important;
  width: 64px !important;
  margin: 0 auto !important;
  color: #111827 !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}