.aluna-carehub-patient-gate {
  align-items: center;
  display: grid;
  min-height: calc(100vh - var(--aluna-native-nav-h, 80px));
  padding-block: clamp(40px, 8vh, 96px);
}

.aluna-carehub-patient-gate > .aluna-panel {
  display: grid;
  gap: 16px;
  justify-items: start;
  margin-inline: auto;
  max-width: 620px;
  padding: clamp(28px, 5vw, 52px);
  width: 100%;
}

.aluna-carehub-patient-gate :is(h1, p) {
  margin: 0;
}

.aluna-carehub-mvp__header {
  align-items: center;
  border-bottom: 1px solid var(--aluna-line);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 18px;
}

.aluna-carehub-mvp-profile-actions {
  display: grid;
  gap: 10px;
  justify-items: end;
  min-width: min(100%, 390px);
}

.aluna-carehub-mvp-profile-actions > span,
.aluna-carehub-mvp-section__head span {
  color: var(--aluna-muted);
  font-family: var(--e-global-typography-aluna-body-sm-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  font-style: var(--e-global-typography-aluna-body-sm-font-style, normal);
  font-weight: var(--e-global-typography-aluna-body-sm-font-weight, 500);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
}

.aluna-carehub-mvp-profile-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 0;
}

.aluna-carehub-mvp-profile-facts div {
  background: var(--aluna-soft);
  border: 1px solid var(--aluna-line);
  border-radius: 999px;
  display: inline-flex;
  gap: 5px;
  padding: 7px 10px;
}

.aluna-carehub-mvp-profile-facts dt,
.aluna-carehub-mvp-profile-facts dd {
  font-size: 12px;
  line-height: 1.2;
  margin: 0;
}

.aluna-carehub-mvp-profile-facts dt {
  color: var(--aluna-muted);
  font-weight: 800;
}

.aluna-carehub-mvp-profile-facts dd {
  color: var(--aluna-ink);
  font-weight: 700;
}

.aluna-carehub-mvp-notice {
  background: var(--aluna-theme-panel);
  border: 1px solid var(--aluna-line);
  border-left: 4px solid var(--aluna-accent);
  border-radius: var(--aluna-card-radius, 8px);
  display: grid;
  gap: 4px;
  margin: -8px 0 22px;
  padding: 12px 14px;
}

.aluna-carehub-mvp-notice strong {
  font-size: 15px;
}

.aluna-carehub-mvp-notice span {
  color: var(--aluna-muted);
  font-size: 14px;
}

.aluna-carehub-mvp-profile-actions .aluna-carehub-mvp-notice {
  justify-self: stretch;
  max-width: 390px;
  text-align: left;
}

.aluna-carehub-mvp-care-team {
  display: grid;
  gap: var(--aluna-style-vet-card-gap, 20px);
  margin: 0;
  min-width: 0;
}

.aluna-carehub-mvp-care-team__photo {
  align-items: center;
  background: color-mix(in srgb, var(--aluna-accent) 12%, var(--aluna-panel));
  color: var(--aluna-accent);
  display: flex;
  font-size: 24px;
  font-weight: 800;
  justify-content: center;
}

.aluna-carehub-mvp-care-team__photo img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.aluna-carehub-mvp-care-team__body {
  display: grid;
  gap: 4px;
}

.aluna-carehub-mvp-care-team__body :is(h2, p) {
  margin: 0;
}

.aluna-carehub-mvp-care-team__body p {
  color: var(--aluna-muted);
}

.aluna-carehub-mvp-care-team__body .aluna-carehub-mvp__eyebrow {
  color: var(--aluna-style-eyebrow-color, var(--aluna-eyebrow));
}

.aluna-carehub-mvp-care-team__profile {
  align-items: end;
  border-top: 1px solid var(--aluna-line);
  display: grid;
  gap: var(--aluna-style-vet-card-gap, 20px);
  grid-template-columns: minmax(0, 1fr) auto;
  padding-top: var(--aluna-style-vet-card-gap, 20px);
}

.aluna-carehub-mvp-care-team__profile[hidden] {
  display: none;
}

.aluna-carehub-mvp-care-team__profile :is(h3, p) {
  margin: 0;
}

.aluna-carehub-mvp-care-team__profile > div {
  display: grid;
  gap: 8px;
}

.aluna-carehub-mvp-care-team__profile p {
  color: var(--aluna-muted);
}

.aluna-carehub-mvp-follow-up textarea:focus {
  border-color: var(--aluna-carehub-form-field-focus);
  box-shadow: 0 0 0 var(--aluna-form-focus-ring-width, 3px) var(--aluna-carehub-form-focus-ring);
  outline: 0;
}

.aluna-carehub-mvp-follow-up {
  border-top: 1px solid var(--aluna-line);
  display: grid;
  gap: 8px;
  margin-top: 14px;
  padding-top: 12px;
}

.aluna-carehub-mvp-follow-up summary {
  color: var(--aluna-accent);
  cursor: pointer;
  font-size: 14px;
  font-weight: 800;
}

.aluna-carehub-mvp-follow-up strong {
  font-size: 13px;
}

.aluna-carehub-mvp-follow-up small {
  color: var(--aluna-muted);
}

.aluna-carehub-mvp-follow-up form,
.aluna-carehub-mvp-follow-up label {
  display: grid;
  gap: 8px;
}

.aluna-carehub-mvp-follow-up label {
  font-size: 13px;
  font-weight: 700;
}

.aluna-carehub-mvp-follow-up textarea {
  background: var(--aluna-carehub-form-field-bg);
  border: var(--aluna-form-field-border-width, 1.5px) solid var(--aluna-carehub-form-field-border);
  border-radius: var(--aluna-carehub-form-field-radius);
  box-sizing: border-box;
  color: var(--aluna-ink);
  font-family: var(--aluna-carehub-body-family);
  font-size: 14px;
  line-height: 1.35;
  min-height: var(--aluna-form-textarea-min-height-compact, 92px);
  padding: var(--aluna-form-field-padding-y, 12px) var(--aluna-form-field-padding-x, 14px);
  resize: vertical;
  width: 100%;
}

.aluna-carehub-mvp-check-ins {
  display: grid;
  gap: 12px;
}

.aluna-carehub-mvp-check-ins :is(h2, h3, p) {
  margin: 0;
}

.aluna-carehub-mvp-check-ins__list {
  display: grid;
  gap: 18px;
}

.aluna-carehub-mvp-check-in {
  display: grid;
  gap: 10px;
}

.aluna-carehub-mvp-check-in + .aluna-carehub-mvp-check-in {
  border-top: 1px solid var(--aluna-line);
  padding-top: 18px;
}

.aluna-carehub-mvp-check-in__treatment,
.aluna-carehub-mvp-check-in__note {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
}

.aluna-carehub-mvp-check-in__form,
.aluna-carehub-mvp-check-in__form label {
  display: grid;
  gap: 8px;
}

.aluna-carehub-mvp-check-in__form label > span {
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  font-weight: 700;
}

.aluna-carehub-mvp-check-in__form textarea {
  background: var(--aluna-carehub-form-field-bg);
  border: var(--aluna-form-field-border-width, 1.5px) solid var(--aluna-carehub-form-field-border);
  border-radius: var(--aluna-carehub-form-field-radius);
  box-sizing: border-box;
  color: var(--aluna-ink);
  font: inherit;
  min-height: var(--aluna-form-textarea-min-height-compact, 92px);
  padding: var(--aluna-form-field-padding-y, 12px) var(--aluna-form-field-padding-x, 14px);
  resize: vertical;
  width: 100%;
}

.aluna-carehub-mvp-check-in__form textarea:focus {
  border-color: var(--aluna-carehub-form-field-focus);
  box-shadow: 0 0 0 var(--aluna-form-focus-ring-width, 3px) var(--aluna-carehub-form-focus-ring);
  outline: 0;
}

.aluna-carehub-mvp-check-in__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.aluna-carehub-mvp-check-in__actions .aluna-carehub-mvp-auth__message {
  margin: 0;
}

.aluna-carehub-mvp-toggle {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: var(--aluna-ink);
  cursor: pointer;
  display: inline-grid;
  font-family: var(--aluna-carehub-button-family);
  grid-template-columns: 44px minmax(26px, auto);
  gap: 8px;
  min-height: 44px;
  padding: 7px 4px;
}

.aluna-carehub-mvp-toggle__track {
  background: var(--aluna-soft);
  border: 1px solid var(--aluna-line);
  border-radius: 999px;
  box-sizing: border-box;
  display: block;
  height: 24px;
  padding: 2px;
  transition: background-color 160ms ease, border-color 160ms ease;
  width: 44px;
}

.aluna-carehub-mvp-toggle__thumb {
  background: var(--aluna-muted);
  border-radius: 50%;
  display: block;
  height: 18px;
  transform: translateX(0);
  transition: background-color 160ms ease, transform 160ms ease;
  width: 18px;
}

.aluna-carehub-mvp-toggle__state {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-label-font-size, 0.75rem);
  font-weight: 650;
  letter-spacing: 0.04em;
  line-height: 1;
}

.aluna-carehub-mvp-toggle[aria-checked="true"] .aluna-carehub-mvp-toggle__track {
  background: var(--aluna-accent);
  border-color: var(--aluna-accent);
}

.aluna-carehub-mvp-toggle[aria-checked="true"] .aluna-carehub-mvp-toggle__thumb {
  background: var(--aluna-panel);
  transform: translateX(20px);
}

.aluna-carehub-mvp-toggle[aria-checked="true"] .aluna-carehub-mvp-toggle__state {
  color: var(--aluna-accent-strong);
}

.aluna-carehub-mvp-toggle:is(:hover, :focus-visible) .aluna-carehub-mvp-toggle__track {
  border-color: var(--aluna-accent);
}

.aluna-carehub-mvp-toggle:focus-visible {
  box-shadow: 0 0 0 3px var(--aluna-carehub-form-focus-ring);
  outline: 0;
}

.aluna-carehub-mvp-toggle:disabled {
  cursor: wait;
  opacity: 0.64;
}

.aluna-carehub-mvp__main {
  display: grid;
  gap: 22px;
}

.aluna-carehub-mvp__main--wide {
  max-width: none;
}

.aluna-carehub-mvp-section {
  display: grid;
  gap: 14px;
}

.aluna-carehub-mvp-section__head {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.aluna-carehub-mvp-section__head > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.aluna-carehub-mvp-grid,
.aluna-carehub-mvp-mini-grid {
  display: grid;
  gap: 12px;
}

.aluna-carehub-mvp-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.aluna-carehub-mvp-card,
.aluna-carehub-mvp-mini,
.aluna-carehub-mvp__empty {
  background: var(--aluna-panel);
  border: 1px solid var(--aluna-line);
  border-radius: var(--aluna-card-radius, 8px);
}

.aluna-carehub-mvp-card {
  display: grid;
  gap: 10px;
  padding: 16px;
}

.aluna-carehub-mvp-card--request {
  display: grid;
  gap: 12px;
  min-height: 178px;
}

.aluna-carehub-mvp-card--request h3,
.aluna-carehub-mvp-card--request p {
  margin: 0;
}

.aluna-carehub-mvp-card--scheduled {
  border-color: color-mix(in srgb, var(--aluna-accent) 45%, transparent);
  box-shadow: inset 0 3px 0 color-mix(in srgb, var(--aluna-accent) 65%, transparent);
}

.aluna-carehub-mvp-card--pending {
  background: var(--aluna-warm);
}

.aluna-carehub-mvp-card--attention {
  border-color: color-mix(in srgb, var(--aluna-attention) 55%, transparent);
  box-shadow: inset 0 3px 0 color-mix(in srgb, var(--aluna-attention) 75%, transparent);
}

.aluna-carehub-mvp-card__top {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.aluna-carehub-mvp-status {
  background: color-mix(in srgb, var(--aluna-accent) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--aluna-accent) 22%, transparent);
  border-radius: 999px;
  color: var(--aluna-accent-strong);
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  max-width: 100%;
  padding: 6px 9px;
  text-transform: uppercase;
}

.aluna-carehub-mvp-pet-safety {
  background: var(--aluna-soft);
  border: 1px solid var(--aluna-line);
  border-radius: var(--aluna-card-radius, 8px);
  padding: 18px;
}

.aluna-carehub-mvp-pet-safety__head {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.aluna-carehub-mvp-pet-safety__head .aluna-carehub-mvp__eyebrow,
.aluna-carehub-mvp-pet-safety > p {
  margin-block: 0;
}

.aluna-carehub-mvp-pet-safety__tag {
  color: var(--aluna-muted);
}

.aluna-carehub-mvp-pet-safety__tag code {
  color: var(--aluna-ink);
  font-family: var(--aluna-carehub-body-family);
  font-weight: 700;
}

.aluna-carehub-mvp-pet-safety__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.aluna-carehub-mvp-pet-safety__actions .aluna-carehub-mvp__button {
  min-height: 44px;
}

.aluna-carehub-mvp-pet-safety__message:empty {
  display: none;
}

.aluna-carehub-mvp-pet-safety__details {
  border-top: 1px solid var(--aluna-line);
  display: grid;
  gap: var(--aluna-form-field-group-gap, 18px);
  margin-top: 18px;
  padding-top: 18px;
}

.aluna-carehub-mvp-pet-safety__details h3,
.aluna-carehub-mvp-pet-safety__details p {
  margin-block: 0;
}

.aluna-carehub-mvp-pet-safety__details > div:first-child {
  display: grid;
  gap: 6px;
}

.aluna-carehub-mvp-pet-safety__details form,
.aluna-carehub-mvp-pet-safety__details label {
  display: grid;
  gap: var(--aluna-form-label-gap, 8px);
}

.aluna-carehub-mvp-pet-safety__details form {
  gap: var(--aluna-form-field-group-gap, 18px);
}

.aluna-carehub-mvp-pet-safety__details label > span,
.aluna-carehub-mvp-pet-safety__contact > span {
  color: var(--aluna-ink);
  font-weight: 700;
}

.aluna-carehub-mvp-pet-safety__details small {
  color: var(--aluna-muted);
}

.aluna-carehub-mvp-pet-safety__details textarea {
  background: var(--aluna-carehub-form-field-bg);
  border: var(--aluna-form-field-border-width, 1.5px) solid var(--aluna-carehub-form-field-border);
  border-radius: var(--aluna-carehub-form-field-radius);
  box-sizing: border-box;
  color: var(--aluna-ink);
  font-family: var(--aluna-carehub-body-family);
  font-size: 14px;
  line-height: 1.4;
  min-height: var(--aluna-form-textarea-min-height-compact, 92px);
  padding: var(--aluna-form-field-padding-y, 12px) var(--aluna-form-field-padding-x, 14px);
  resize: vertical;
  width: 100%;
}

.aluna-carehub-mvp-pet-safety__details textarea:focus {
  border-color: var(--aluna-carehub-form-field-focus);
  box-shadow: 0 0 0 var(--aluna-form-focus-ring-width, 3px) var(--aluna-carehub-form-focus-ring);
  outline: 0;
}

.aluna-carehub-mvp-pet-safety__contact {
  background: var(--aluna-panel);
  border: 1px solid var(--aluna-line);
  border-radius: var(--aluna-carehub-form-field-radius);
  display: grid;
  gap: 4px;
  padding: 12px 14px;
}

.aluna-carehub-mvp-pet-safety__details-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.aluna-carehub-mvp-pet-safety__details-actions .aluna-carehub-mvp__button {
  min-height: 44px;
}

.aluna-carehub-mvp-pet-safety__details-message:empty {
  display: none;
}

.aluna-carehub-mvp-status--lost {
  background: color-mix(in srgb, var(--aluna-attention) 10%, transparent);
  border-color: color-mix(in srgb, var(--aluna-attention) 24%, transparent);
  color: var(--aluna-attention);
}

.aluna-carehub-mvp-status--paused,
.aluna-carehub-mvp-status--inactive,
.aluna-carehub-mvp-status--unavailable {
  background: var(--aluna-panel);
  border-color: var(--aluna-line);
  color: var(--aluna-muted);
}

.aluna-carehub-mvp-card--attention .aluna-carehub-mvp-status {
  background: color-mix(in srgb, var(--aluna-attention) 10%, transparent);
  border-color: color-mix(in srgb, var(--aluna-attention) 24%, transparent);
  color: var(--aluna-attention);
}

.aluna-carehub-mvp-request-meta {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(80px, 0.55fr) minmax(0, 1fr);
  margin: 0;
}

.aluna-carehub-mvp-request-meta div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.aluna-carehub-mvp-request-meta dt {
  color: var(--aluna-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.aluna-carehub-mvp-request-meta dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.aluna-carehub-mvp-card__actions,
.aluna-carehub-mvp-card__primary-action {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.aluna-carehub-mvp-card__actions .aluna-carehub-mvp__button {
  min-height: 38px;
  padding: var(--aluna-btn-sm-pad, 8px 13px);
}

.aluna-carehub-mvp-card__primary-action .aluna-carehub-mvp__button {
  min-width: 96px;
}

.aluna-carehub-mvp-card p {
  margin: 0;
}

.aluna-carehub-mvp-card p + p {
  margin-top: 10px;
}

.aluna-carehub-mvp-mini {
  display: grid;
  gap: 4px;
  min-height: 52px;
  padding: 13px 14px;
}

.aluna-carehub-mvp-mini strong,
.aluna-carehub-mvp-mini span,
.aluna-carehub-mvp-mini small {
  display: block;
}

.aluna-carehub-mvp-mini mark {
  background: color-mix(in srgb, var(--aluna-accent) 10%, transparent);
  border-radius: 999px;
  color: var(--aluna-accent-strong);
  font-weight: 800;
  margin-right: 6px;
  padding: 2px 7px;
}

.aluna-carehub-mvp__empty,
.aluna-carehub-mvp__loading {
  padding: 28px;
  text-align: center;
}

body.aluna-auth-fallback-page,
body.aluna-auth-fallback-page #page,
body.aluna-auth-fallback-page .elementor-location-footer {
  background: var(--aluna-theme-panel);
}

body.aluna-auth-fallback-page #page {
  display: flex;
  flex-direction: column;
  min-height: calc(100svh - var(--aluna-shell-adminbar-offset, 0px));
}

body.aluna-auth-fallback-page #main {
  align-items: center;
  display: flex;
  flex: 1 1 0;
  justify-content: center;
  min-height: 0;
  padding: var(--aluna-layout-gap, 24px) var(--aluna-layout-pad-inline, 32px);
}

body.aluna-auth-fallback-page #main > .wf-wrap,
body.aluna-auth-fallback-page #main .wf-container-main,
body.aluna-auth-fallback-page #main .content {
  margin: 0;
  max-width: none;
  padding-inline: 0;
  width: 100%;
}

body.aluna-auth-fallback-page :is(#footer, .elementor-location-footer, .aluna-native-footer),
body.aluna-auth-fallback-page .elementor-location-header :is(.aluna-global-header__actions, .aluna-global-header__nav) {
  display: none !important;
}

.aluna-auth-fallback {
  color: var(--aluna-ink);
  font-family: var(--aluna-carehub-body-family);
  margin: 0 auto;
  max-width: 620px;
  padding: 0;
  width: 100%;
}

.aluna-auth-fallback__panel {
  align-content: center;
  background: var(--aluna-theme-page-bg, #f5f1e7);
  border-radius: var(--aluna-shell-panel-radius, 32px);
  box-shadow: 0 24px 70px color-mix(in srgb, var(--aluna-theme-text, #25231f) 12%, transparent);
  display: grid;
  justify-items: center;
  margin: 0;
  min-height: min(620px, calc(100svh - 190px));
  padding: clamp(34px, 7vw, 72px);
  width: 100%;
}

body.aluna-carehub-login-page .aluna-auth-fallback__panel {
  background: transparent;
  box-sizing: border-box;
  box-shadow: none;
}

body.aluna-auth-fallback-page .aluna-auth-fallback__panel .aluna-carehub-mvp-auth {
  max-width: 440px !important;
}

/* Authenticated dashboard landing: the public Aluna split shell is the layout
   source of truth; these rules only adapt CareHub content inside that shell. */
body.aluna-carehub-route:not(.aluna-carehub-login-page) #main {
  padding-top: 0;
}

/* The7 clips #page by default, which turns it into a non-scrolling sticky
   containing block. The authenticated CareHub route uses document scrolling,
   so release that wrapper and let Foundation's shared sticky side role track
   the real page scroll. Body-level horizontal clipping remains in place. */
body.aluna-carehub-route:not(.aluna-carehub-login-page) #page {
  overflow: visible;
}

body.aluna-carehub-route:not(.aluna-carehub-login-page) #main > .wf-wrap {
  max-width: none;
  padding-inline: 0;
  width: 100%;
}

body.aluna-carehub-route:not(.aluna-carehub-login-page) #main :is(.wf-container-main, #content.content) {
  margin: 0;
  max-width: none;
  width: 100%;
}

.aluna-carehub-mvp:not(.aluna-carehub-mvp--signed-out) {
  box-sizing: border-box;
  margin: 0;
  max-width: none;
  padding: 0;
  width: 100%;
}

/* The global header is already in normal document flow on desktop. Match the
   public Assistant shell's desktop top inset without duplicating its geometry. */
@media (min-width: 768px){
  /* Authenticated CareHub uses document scrolling. Keep the utility footer in
     document flow so it follows the dashboard instead of masking clinical
     cards while the customer scrolls. Public-page footer behavior is owned by
     the global navigation layer and remains unchanged. */
  body.aluna-carehub-route:not(.aluna-carehub-login-page) .elementor-location-footer {
    bottom: auto;
    height: auto;
    left: auto;
    overflow: visible;
    position: static;
    right: auto;
  }

  .aluna-carehub-mvp :is(.aluna-carehub-mvp-dashboard, .aluna-carehub-mvp-pet-detail).aluna-split--focused {
    --aluna-layout-top: var(--aluna-layout-gap);
  }

}

.aluna-carehub-mvp-dashboard__identity {
  align-content: start;
  container: aluna-carehub-profile-stack / inline-size;
  display: grid;
  gap: var(--aluna-panel-gap);
}

.aluna-carehub-mvp-pet-preview {
  container: aluna-carehub-pet-preview / inline-size;
  display: grid;
  gap: clamp(22px, 3vw, 32px);
}

.aluna-carehub-mvp-pet-selector {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  justify-content: space-between;
}

.aluna-carehub-mvp-pet-selector .aluna-carehub-mvp__eyebrow {
  margin: 0;
}

.aluna-carehub-mvp-pet-selector__options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.aluna-carehub-mvp-pet-selector__option {
  background: transparent;
  border: 1px solid var(--aluna-line);
  border-radius: var(--aluna-button-utility-radius, 10px);
  color: var(--aluna-muted);
  cursor: pointer;
  font-family: var(--e-global-typography-aluna-ui-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-ui-font-size, 0.875rem);
  font-weight: var(--e-global-typography-aluna-ui-font-weight, 600);
  line-height: var(--e-global-typography-aluna-ui-line-height, 1.2);
  min-height: 44px;
  padding: 9px 14px;
}

.aluna-carehub-mvp-pet-selector__option:is(:hover, :focus-visible),
.aluna-carehub-mvp-pet-selector__option[aria-pressed="true"] {
  background: color-mix(in srgb, var(--aluna-accent) 9%, transparent);
  border-color: var(--aluna-accent);
  color: var(--aluna-accent-strong);
}

.aluna-carehub-mvp-pet-selector__option:focus-visible {
  box-shadow: 0 0 0 var(--aluna-form-focus-ring-width, 3px) var(--aluna-carehub-form-focus-ring);
  outline: 0;
}

.aluna-carehub-mvp-pet-preview__header {
  align-items: start;
  column-gap: clamp(18px, 3vw, 28px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  min-width: 0;
}

.aluna-carehub-mvp-pet-preview__body {
  align-items: start;
  column-gap: clamp(20px, 4cqw, 30px);
  display: grid;
  grid-template-columns: clamp(112px, 25cqw, 140px) minmax(0, 1fr);
  min-width: 0;
}

.aluna-carehub-mvp-pet-preview__portrait {
  align-items: center;
  appearance: none;
  aspect-ratio: 1;
  background: color-mix(in srgb, var(--aluna-accent) 10%, var(--aluna-soft));
  border: 1px solid var(--aluna-line);
  border-radius: var(--aluna-style-vet-avatar-radius, 14px);
  color: var(--aluna-accent-strong);
  cursor: pointer;
  display: grid;
  font: inherit;
  justify-items: center;
  margin: 0;
  overflow: hidden;
  padding: 12px;
  position: relative;
  text-align: center;
  transition: background-color 180ms ease-out, box-shadow 180ms ease-out;
  width: 100%;
}

.aluna-carehub-mvp-pet-preview__portrait:is(:hover, :focus-visible) {
  background: color-mix(in srgb, var(--aluna-accent) 14%, var(--aluna-soft));
}

.aluna-carehub-mvp-pet-preview__portrait:focus-visible {
  box-shadow: var(--aluna-style-button-focus-shadow, 0 0 0 3px var(--aluna-theme-focus-ring));
  outline: 0;
}

/* A supplied pet photo is the card image itself, not an image inside a
   decorative placeholder. The emoji fallback deliberately keeps its softer
   treatment for profiles without a photo. */
.aluna-carehub-mvp-pet-preview__portrait--photo {
  background: transparent;
  border: 0;
  padding: 0;
}

.aluna-carehub-mvp-pet-photo-placeholder__species {
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  font-size: clamp(2.8rem, 10cqw, 4.5rem);
  line-height: 1;
}

.aluna-carehub-mvp-pet-preview__portrait img,
.aluna-carehub-mvp-pet-photo-dialog__preview img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.aluna-carehub-mvp-pet-preview__photo-action {
  align-items: center;
  background: color-mix(in srgb, var(--aluna-panel) 92%, transparent);
  border: 1px solid color-mix(in srgb, var(--aluna-accent) 24%, transparent);
  border-radius: 999px;
  bottom: 8px;
  box-shadow: 0 3px 10px color-mix(in srgb, var(--aluna-ink) 12%, transparent);
  color: var(--aluna-accent-strong);
  display: flex;
  height: 30px;
  justify-content: center;
  position: absolute;
  right: 8px;
  transition: background-color 180ms ease-out, color 180ms ease-out;
  width: 30px;
}

.aluna-carehub-mvp-pet-preview__portrait:not(.aluna-carehub-mvp-pet-preview__portrait--photo) .aluna-carehub-mvp-pet-preview__photo-action {
  bottom: auto;
  left: 8px;
  right: auto;
  top: 8px;
}

.aluna-carehub-mvp-pet-preview__photo-action svg {
  height: 17px;
  width: 17px;
}

.aluna-carehub-mvp-pet-preview__portrait:is(:hover, :focus-visible) .aluna-carehub-mvp-pet-preview__photo-action {
  background: var(--aluna-accent);
  color: var(--aluna-panel);
}

.aluna-carehub-mvp-pet-photo-dialog,
.aluna-carehub-mvp-weight-dialog,
.aluna-carehub-household-settings-dialog,
.aluna-carehub-treatment-dialog {
  width: 100%;
}

.aluna-carehub-mvp-pet-photo-dialog {
  --aluna-popup-width: 464px;
}

.aluna-carehub-mvp-weight-dialog {
  --aluna-popup-width: 620px;
}

.aluna-carehub-household-settings-dialog {
  --aluna-popup-width: 520px;
}

.aluna-carehub-treatment-dialog {
  --aluna-popup-width: 640px;
  --aluna-popup-header-padding: 18px clamp(20px, 3vw, 28px);
  scrollbar-gutter: stable;
}

.aluna-carehub-mvp-pet-photo-dialog__body {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: 128px minmax(0, 1fr);
  min-width: 0;
}

.aluna-carehub-mvp-pet-photo-dialog__preview {
  align-items: center;
  aspect-ratio: 1;
  background: color-mix(in srgb, var(--aluna-accent) 10%, var(--aluna-soft));
  border: 1px solid var(--aluna-line);
  border-radius: var(--aluna-style-vet-avatar-radius, 14px);
  box-sizing: border-box;
  color: var(--aluna-accent-strong);
  display: grid;
  justify-items: center;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 128px;
}

.aluna-carehub-mvp-pet-photo-dialog__preview--photo {
  border: 0;
}

.aluna-carehub-mvp-pet-photo-dialog__preview .aluna-carehub-mvp-pet-photo-placeholder__species {
  font-size: 3.5rem;
}

.aluna-carehub-mvp-pet-photo-dialog__form,
.aluna-carehub-mvp-pet-photo-dialog__form label {
  display: grid;
  gap: var(--aluna-form-label-gap, 8px);
  min-width: 0;
}

.aluna-carehub-mvp-pet-photo-dialog__form {
  align-content: start;
  gap: 12px;
}

.aluna-carehub-mvp-pet-photo-dialog__file-picker {
  align-items: center;
  background: color-mix(in srgb, var(--aluna-accent) 9%, var(--aluna-panel));
  border: var(--aluna-form-field-border-width, 1.5px) solid var(--aluna-carehub-form-field-border);
  border-radius: var(--aluna-button-utility-radius, 10px);
  box-sizing: border-box;
  color: var(--aluna-accent-strong);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  font-weight: 650;
  justify-content: center;
  min-height: 44px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  width: fit-content;
}

.aluna-carehub-mvp-pet-photo-dialog__file-picker:is(:hover, :focus-within) {
  background: var(--aluna-accent);
  border-color: var(--aluna-accent);
  color: var(--aluna-panel);
}

.aluna-carehub-mvp-pet-photo-dialog__file-picker:focus-within {
  box-shadow: 0 0 0 var(--aluna-form-focus-ring-width, 3px) var(--aluna-carehub-form-focus-ring);
}

.aluna-carehub-mvp-pet-photo-dialog__file-picker input[type="file"] {
  appearance: none;
  cursor: pointer;
  height: 100%;
  inset: 0;
  opacity: 0;
  outline: 0;
  position: absolute;
  width: 100%;
}

.aluna-carehub-mvp-pet-photo-dialog__form small {
  color: var(--aluna-muted);
  font-size: clamp(0.72rem, 2.4cqw, 0.8rem);
  line-height: 1.45;
}

.aluna-carehub-mvp-pet-photo-dialog__form .aluna-carehub-mvp-owner-profile__actions {
  gap: 8px;
}

.aluna-carehub-mvp-pet-photo-dialog__form .aluna-carehub-mvp-auth__message {
  margin: 0;
  min-height: 0;
}

.aluna-carehub-mvp-pet-photo-dialog__form .aluna-carehub-mvp-auth__message:empty {
  display: none;
}

.aluna-carehub-mvp-pet-photo-dialog__form [data-owner-photo-remove] {
  background: transparent;
  border: 0;
  border-radius: var(--aluna-button-utility-radius, 10px);
  color: var(--aluna-muted);
  font-size: clamp(0.75rem, 2.2cqw, 0.8rem);
  height: 44px;
  margin: 0;
  min-height: 44px;
  min-width: 0;
  padding: 8px 4px;
}

.aluna-carehub-mvp-pet-photo-dialog__form [data-owner-photo-remove]:is(:hover, :focus-visible) {
  background: transparent;
  color: var(--aluna-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 520px){
  .aluna-carehub-mvp-pet-photo-dialog__body {
    gap: 16px;
    grid-template-columns: minmax(0, 1fr);
  }

  .aluna-carehub-mvp-pet-photo-dialog__preview {
    justify-self: center;
    width: 128px;
  }
}

.aluna-carehub-mvp-weight-dialog__form,
.aluna-carehub-mvp-weight-dialog__form label {
  display: grid;
  gap: var(--aluna-form-label-gap, 8px);
}

.aluna-carehub-mvp-weight-dialog__trend {
  border-bottom: 1px solid var(--aluna-line);
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr);
  margin-top: 12px;
  padding-bottom: 14px;
}

.aluna-carehub-mvp-weight-dialog__trend .aluna-carehub-mvp-weight-tracker__summary {
  align-items: start;
  display: grid;
  gap: 8px;
  grid-area: auto;
  grid-template-columns: minmax(0, 1fr);
}

.aluna-carehub-mvp-weight-dialog__trend .aluna-carehub-mvp-weight-tracker__summary > div {
  align-items: center;
  column-gap: clamp(20px, 4vw, 36px);
  display: grid;
  grid-template-columns: minmax(116px, 0.65fr) minmax(220px, 1.35fr);
  row-gap: 3px;
}

.aluna-carehub-mvp-weight-dialog__trend .aluna-carehub-mvp-weight-tracker__context {
  color: var(--aluna-accent-strong);
  font-size: var(--e-global-typography-aluna-label-font-size, 0.75rem);
  font-weight: var(--e-global-typography-aluna-label-font-weight, 650);
  grid-column: 1;
  grid-row: 1;
  letter-spacing: var(--e-global-typography-aluna-label-letter-spacing, 0.04em);
  text-transform: var(--e-global-typography-aluna-label-text-transform, uppercase);
}

.aluna-carehub-mvp-weight-dialog__trend .aluna-carehub-mvp-weight-tracker__summary > div > strong {
  grid-column: 1;
  grid-row: 2;
}

.aluna-carehub-mvp-weight-dialog__trend .aluna-carehub-mvp-weight-tracker__summary > div > small {
  grid-column: 1;
  grid-row: 3;
}

.aluna-carehub-mvp-weight-dialog__trend .aluna-carehub-mvp-weight-tracker__summary > div > [data-weight-summary-status] {
  color: var(--aluna-ink);
  grid-column: 2;
  grid-row: 1 / span 2;
  max-width: 36ch;
}

.aluna-carehub-mvp-weight-tracker__return {
  appearance: none;
  background: transparent;
  border: 0;
  color: var(--aluna-accent-strong);
  cursor: pointer;
  font: inherit;
  font-size: var(--e-global-typography-aluna-fineprint-font-size, 0.75rem);
  grid-column: 2;
  grid-row: 3;
  justify-self: start;
  min-height: 32px;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.aluna-carehub-mvp-weight-tracker__return[hidden] {
  display: none;
}

.aluna-carehub-mvp-weight-tracker__return:focus-visible {
  border-radius: 4px;
  box-shadow: var(--aluna-style-button-focus-shadow, 0 0 0 3px var(--aluna-carehub-form-focus-ring));
  outline: 0;
}

.aluna-carehub-mvp-weight-dialog__trend .aluna-carehub-mvp-weight-tracker__chart-wrap {
  display: grid;
  gap: 3px;
  grid-area: auto;
  max-width: none;
  overflow: hidden;
  width: 100%;
}

.aluna-carehub-mvp-weight-dialog__trend .aluna-carehub-mvp-weight-tracker__range {
  font-size: var(--e-global-typography-aluna-caption-font-size, 0.78rem);
  justify-self: end;
  margin-top: 0;
}

.aluna-carehub-mvp-weight-tracker__recommendation {
  align-items: center;
  display: flex;
  gap: 14px 24px;
  justify-content: space-between;
}

.aluna-carehub-mvp-weight-tracker__recommendation p {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: 1.45;
  margin: 0;
  max-width: 54ch;
}

.aluna-carehub-mvp-weight-tracker__recommendation .aluna-button-utility {
  flex: 0 0 auto;
}

.aluna-carehub-mvp-weight-dialog__trend .aluna-carehub-mvp-weight-tracker__chart {
  height: 86px;
  max-height: none;
}

.aluna-carehub-mvp-weight-tracker__date-anchors {
  color: var(--aluna-muted);
  display: flex;
  font-size: var(--e-global-typography-aluna-fineprint-font-size, 0.75rem);
  justify-content: space-between;
  line-height: 1.3;
}

.aluna-carehub-mvp-weight-dialog__trend :is(.aluna-carehub-mvp-weight-tracker__hint, .aluna-carehub-mvp-weight-tracker__empty) {
  grid-area: auto;
}

.aluna-carehub-mvp-weight-dialog__controls {
  display: grid;
  gap: 0;
  grid-template-columns: minmax(0, 1fr);
}

.aluna-carehub-mvp-weight-dialog__form {
  align-items: stretch;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr);
  margin-top: 0;
  padding: 14px 0;
}

.aluna-carehub-mvp-weight-dialog__form--recorded {
  grid-template-columns: minmax(0, 1fr);
  padding-block: 14px;
}

.aluna-carehub-mvp-weight-dialog__recorded {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  min-width: 0;
}

.aluna-carehub-mvp-weight-dialog__recorded > div:first-child {
  display: grid;
  gap: 2px;
}

.aluna-carehub-mvp-weight-dialog__recorded span {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
}

.aluna-carehub-mvp-weight-dialog__recorded strong {
  color: var(--aluna-ink);
  font-family: var(--e-global-typography-aluna-h3-font-family, "Hanken Grotesk", system-ui, sans-serif);
  font-size: var(--e-global-typography-aluna-h3-font-size, 1.35rem);
  font-weight: var(--e-global-typography-aluna-h3-font-weight, 500);
  line-height: 1.15;
}

.aluna-carehub-mvp-weight-slider__head > span:first-child {
  font-weight: 650;
}

.aluna-carehub-mvp-weight-slider {
  min-width: 0;
}

.aluna-carehub-mvp-weight-slider__head,
.aluna-carehub-mvp-weight-slider__scale {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
}

.aluna-carehub-mvp-weight-slider__head output {
  color: var(--aluna-accent-strong);
  font-size: var(--e-global-typography-aluna-ui-font-size, 0.9rem);
  font-weight: var(--e-global-typography-aluna-ui-font-weight, 600);
}

.aluna-carehub-mvp-weight-slider__scale {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-fineprint-font-size, 0.75rem);
  font-weight: var(--e-global-typography-aluna-fineprint-font-weight, 400);
}

.aluna-carehub-mvp-weight-dialog__form input[type="range"] {
  appearance: none;
  background: linear-gradient(
    to right,
    var(--aluna-accent) 0 var(--aluna-weight-slider-progress, 50%),
    var(--aluna-line) var(--aluna-weight-slider-progress, 50%) 100%
  ) center / 100% 6px no-repeat;
  border: 0;
  border-radius: 999px;
  box-shadow: none;
  cursor: pointer;
  height: 44px;
  margin: 0;
  min-width: 220px;
  padding: 0;
  width: 100%;
}

.aluna-carehub-mvp-weight-dialog__form input[type="range"]::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  height: 6px;
}

.aluna-carehub-mvp-weight-dialog__form input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  background: var(--aluna-panel);
  border: 3px solid var(--aluna-accent);
  border-radius: 50%;
  box-shadow: 0 2px 7px color-mix(in srgb, var(--aluna-ink) 16%, transparent);
  height: 22px;
  margin-top: -8px;
  width: 22px;
}

.aluna-carehub-mvp-weight-dialog__form input[type="range"]::-moz-range-track {
  background: transparent;
  border: 0;
  height: 6px;
}

.aluna-carehub-mvp-weight-dialog__form input[type="range"]::-moz-range-thumb {
  background: var(--aluna-panel);
  border: 3px solid var(--aluna-accent);
  border-radius: 50%;
  box-shadow: 0 2px 7px color-mix(in srgb, var(--aluna-ink) 16%, transparent);
  height: 16px;
  width: 16px;
}

.aluna-carehub-mvp-weight-dialog__form input[type="range"]:focus-visible {
  box-shadow: var(--aluna-style-button-focus-shadow, 0 0 0 3px var(--aluna-carehub-form-focus-ring));
  outline: 0;
}

.aluna-carehub-mvp-weight-dialog__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  justify-content: flex-end;
}

.aluna-carehub-mvp-weight-dialog__actions > .aluna-carehub-mvp__button {
  align-self: center;
  min-width: 150px;
}

.aluna-carehub-mvp-weight-dialog__actions > .aluna-carehub-mvp-weight-dialog__undo {
  background: transparent;
  border-color: transparent;
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-fineprint-font-size, 0.78rem);
  min-height: 44px;
  min-width: 0;
  padding: 6px 8px;
}

.aluna-carehub-mvp-weight-dialog__actions > .aluna-carehub-mvp-weight-dialog__undo:is(:hover, :focus-visible) {
  background: transparent;
  border-color: transparent;
  color: var(--aluna-accent-strong);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.aluna-carehub-mvp-weight-dialog__form > .aluna-carehub-mvp-auth__message {
  grid-column: 1 / -1;
  margin: 0;
}

@media (max-width: 620px){
  .aluna-carehub-mvp-weight-dialog__trend .aluna-carehub-mvp-weight-tracker__summary {
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
  }

  .aluna-carehub-mvp-weight-dialog__trend .aluna-carehub-mvp-weight-tracker__summary > div {
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
  }

  .aluna-carehub-mvp-weight-dialog__trend .aluna-carehub-mvp-weight-tracker__summary > div > :is(strong, span, small) {
    grid-column: 1;
    grid-row: auto;
  }

  .aluna-carehub-mvp-weight-dialog__trend .aluna-carehub-mvp-weight-tracker__summary > div > .aluna-carehub-mvp-weight-tracker__return {
    grid-column: 1;
    grid-row: auto;
  }

  .aluna-carehub-mvp-weight-dialog__trend .aluna-carehub-mvp-weight-tracker__range {
    justify-self: start;
  }

  .aluna-carehub-mvp-weight-tracker__recommendation {
    align-items: flex-start;
    flex-direction: column;
  }

  .aluna-carehub-mvp-weight-dialog__form {
    grid-template-columns: minmax(0, 1fr);
  }

  .aluna-carehub-mvp-weight-dialog__actions {
    justify-content: flex-start;
  }

  .aluna-carehub-mvp-weight-dialog__form > .aluna-carehub-mvp-auth__message {
    grid-column: auto;
  }

  .aluna-carehub-mvp-weight-dialog__recorded {
    align-items: flex-start;
    flex-direction: column;
  }
}

.aluna-carehub-mvp-pet-preview__identity {
  min-width: 0;
}

.aluna-carehub-mvp-pet-preview__name {
  margin: 0;
}

.aluna-carehub-mvp .aluna-carehub-mvp-pet-preview__name {
  font-family: var(--e-global-typography-aluna-h2-font-family, "Hanken Grotesk", system-ui, sans-serif);
  font-size: var(--e-global-typography-aluna-h2-font-size, 2.6rem);
  font-style: var(--e-global-typography-aluna-h2-font-style, normal);
  font-weight: var(--e-global-typography-aluna-h2-font-weight, 400);
  letter-spacing: var(--e-global-typography-aluna-h2-letter-spacing, -0.02em);
  line-height: var(--e-global-typography-aluna-h2-line-height, 1.16);
  text-transform: var(--e-global-typography-aluna-h2-text-transform, none);
}

.aluna-carehub-mvp-pet-preview__actions {
  align-items: center;
  display: flex;
  gap: clamp(8px, 1.5cqw, 12px);
  justify-content: end;
}

.aluna-carehub-mvp-pet-preview__edit-profile,
.aluna-carehub-mvp-pet-preview__icon-button {
  align-items: center;
  appearance: none;
  background: color-mix(in srgb, var(--aluna-ink) 4%, var(--aluna-panel));
  border: 0;
  border-radius: clamp(18px, 4cqw, 28px);
  color: var(--aluna-ink);
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  height: clamp(52px, 9cqw, 72px);
  justify-content: center;
  padding: 0;
  transition: background-color 180ms ease-out, box-shadow 180ms ease-out;
  width: clamp(64px, 13cqw, 100px);
}

.aluna-carehub-mvp-pet-preview__edit-profile:is(:hover, :focus-visible),
.aluna-carehub-mvp-pet-preview__icon-button:is(:hover, :focus-visible) {
  background: color-mix(in srgb, var(--aluna-ink) 7%, var(--aluna-panel));
}

.aluna-carehub-mvp-pet-preview__edit-profile:focus-visible,
.aluna-carehub-mvp-pet-preview__icon-button:focus-visible {
  box-shadow: var(--aluna-style-button-focus-shadow, 0 0 0 3px var(--aluna-theme-focus-ring));
  outline: 0;
}

.aluna-carehub-mvp-pet-preview__edit-icon,
.aluna-carehub-mvp-pet-preview__settings-icon {
  flex: 0 0 auto;
  height: clamp(24px, 4cqw, 32px);
  width: clamp(24px, 4cqw, 32px);
}

.aluna-carehub-mvp-pet-preview__facts {
  display: grid;
  gap: clamp(18px, 3cqw, 24px) clamp(18px, 4cqw, 30px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  min-width: 0;
}

.aluna-carehub-mvp-pet-preview__facts > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.aluna-carehub-mvp-pet-preview__facts dt,
.aluna-carehub-mvp-pet-preview__facts dd {
  margin: 0;
}

.aluna-carehub-mvp-weight-snapshot {
  align-items: center;
  border-top: 1px solid var(--aluna-line);
  display: grid;
  gap: 12px clamp(14px, 3cqw, 24px);
  grid-template-columns: minmax(118px, 0.9fr) minmax(120px, 1.25fr) auto;
  margin-top: clamp(20px, 3cqw, 28px);
  padding-top: clamp(18px, 3cqw, 24px);
  position: relative;
}

.aluna-carehub-mvp-weight-snapshot__summary {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.aluna-carehub-mvp-weight-snapshot__summary :is(p, strong, span, small) {
  margin: 0;
}

.aluna-carehub-mvp-weight-snapshot__summary strong {
  color: var(--aluna-accent-strong);
  font-family: var(--e-global-typography-aluna-h2-font-family, "Hanken Grotesk", system-ui, sans-serif);
  font-size: clamp(1.75rem, 4.5cqw, 2.35rem);
  font-weight: var(--e-global-typography-aluna-h2-font-weight, 400);
  line-height: 1;
}

.aluna-carehub-mvp-weight-snapshot__summary span {
  color: var(--aluna-muted);
  font-size: clamp(0.7rem, 2.2cqw, 0.78rem);
  line-height: 1.35;
}

.aluna-carehub-mvp-weight-snapshot__summary small {
  color: var(--aluna-muted);
  font-size: clamp(0.68rem, 2.1cqw, 0.75rem);
}

.aluna-carehub-mvp-weight-snapshot__summary.is-severity-within strong,
.aluna-carehub-mvp-weight-snapshot__summary.is-severity-within span,
.aluna-carehub-mvp-weight-tracker__summary .is-severity-within > strong {
  color: var(--aluna-weight-status-within);
}

.aluna-carehub-mvp-weight-snapshot__summary.is-severity-slight strong,
.aluna-carehub-mvp-weight-snapshot__summary.is-severity-slight span,
.aluna-carehub-mvp-weight-tracker__summary .is-severity-slight > strong {
  color: var(--aluna-weight-status-slight);
}

.aluna-carehub-mvp-weight-snapshot__summary.is-severity-moderate strong,
.aluna-carehub-mvp-weight-snapshot__summary.is-severity-moderate span,
.aluna-carehub-mvp-weight-tracker__summary .is-severity-moderate > strong {
  color: var(--aluna-weight-status-moderate);
}

.aluna-carehub-mvp-weight-snapshot__summary.is-severity-significant strong,
.aluna-carehub-mvp-weight-snapshot__summary.is-severity-significant span,
.aluna-carehub-mvp-weight-tracker__summary .is-severity-significant > strong {
  color: var(--aluna-weight-status-significant);
}

.aluna-carehub-mvp-weight-snapshot__graph {
  min-width: 0;
}

.aluna-carehub-mvp-weight-snapshot__graph svg {
  display: block;
  height: 54px;
  overflow: visible;
  width: 100%;
}

.aluna-carehub-mvp-weight-snapshot__graph polyline {
  fill: none;
  stroke: var(--aluna-accent);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.aluna-carehub-mvp-weight-snapshot__graph circle {
  fill: var(--aluna-accent);
  stroke: var(--aluna-accent);
  stroke-width: 2;
}

.aluna-carehub-mvp-weight-snapshot__graph circle.is-latest {
  stroke-width: 3;
}

.aluna-carehub-mvp-weight-snapshot__graph circle.is-severity-within {
  fill: var(--aluna-weight-status-within);
  stroke: var(--aluna-weight-status-within);
}

.aluna-carehub-mvp-weight-snapshot__graph circle.is-severity-slight {
  fill: var(--aluna-weight-status-slight);
  stroke: var(--aluna-weight-status-slight);
}

.aluna-carehub-mvp-weight-snapshot__graph circle.is-severity-moderate {
  fill: var(--aluna-weight-status-moderate);
  stroke: var(--aluna-weight-status-moderate);
}

.aluna-carehub-mvp-weight-snapshot__graph circle.is-severity-significant {
  fill: var(--aluna-weight-status-significant);
  stroke: var(--aluna-weight-status-significant);
}

.aluna-carehub-mvp-weight-snapshot > .aluna-button-utility {
  justify-self: end;
}

.aluna-carehub-mvp-weight-snapshot__empty {
  color: var(--aluna-muted);
  grid-column: 1 / -1;
  margin: 0;
}

.aluna-carehub-mvp-prevention {
  display: grid;
  gap: clamp(18px, 3cqw, 26px);
}

.aluna-carehub-mvp-prevention--coverage-gap {
  gap: 8px;
}

.aluna-carehub-mvp-prevention--coverage-gap .aluna-carehub-mvp-prevention__uncovered {
  margin-top: 6px;
}

.aluna-carehub-mvp-allergies,
.aluna-carehub-mvp-vaccines {
  display: grid;
  gap: 12px;
}

.aluna-carehub-mvp-allergies :is(h2, p, ul, li),
.aluna-carehub-mvp-vaccines :is(h2, p, ul, li) {
  margin: 0;
}

.aluna-carehub-mvp-allergies__list,
.aluna-carehub-mvp-vaccines__list {
  list-style: none;
  padding: 0;
}

.aluna-carehub-mvp-allergies__item,
.aluna-carehub-mvp-vaccines__item {
  border-top: 1px solid var(--aluna-line);
  display: grid;
  gap: 6px;
  padding-block: 14px;
}

.aluna-carehub-mvp-allergies__item:last-child,
.aluna-carehub-mvp-vaccines__item:last-child {
  padding-bottom: 0;
}

.aluna-carehub-mvp-vaccines__dates {
  display: flex;
  flex-wrap: wrap;
  gap: 8px clamp(18px, 4cqw, 34px);
}

.aluna-carehub-mvp-vaccines__dates span {
  color: var(--aluna-ink);
  display: grid;
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  gap: 2px;
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
}

.aluna-carehub-mvp-vaccines__dates small {
  color: var(--aluna-muted);
  font: inherit;
}

.aluna-carehub-vaccine-snapshot {
  min-height: 0;
}

.aluna-carehub-vaccine-snapshot :is(h2, p) {
  margin: 0;
}

.aluna-carehub-vaccine-dialog__body {
  display: grid;
  gap: 16px;
}

.aluna-carehub-vaccine-dialog__plans {
  display: grid;
  gap: 24px;
}

.aluna-carehub-vaccine-dialog__section {
  display: grid;
  gap: 12px;
}

.aluna-carehub-vaccine-dialog__body :is(h3, p, ul, ol) {
  margin: 0;
}

.aluna-carehub-vaccine-dialog__body h3 {
  color: var(--aluna-ink);
  font-size: 1.125rem;
  line-height: 1.3;
}

.aluna-carehub-vaccine-dialog__body :is(ul, ol) {
  display: grid;
  gap: 10px;
  list-style: none;
  padding: 0;
}

.aluna-carehub-vaccine-dialog__recommendation,
.aluna-carehub-vaccine-dialog__administration {
  align-items: start;
  border: 1px solid var(--aluna-line);
  border-radius: var(--aluna-radius-field, 12px);
  display: flex;
  gap: 14px;
  justify-content: space-between;
  padding: 14px 16px;
}

.aluna-carehub-vaccine-dialog__recommendation > div,
.aluna-carehub-vaccine-dialog__administration > div {
  display: grid;
  gap: 4px;
}

.aluna-carehub-vaccine-dialog__recommendation span,
.aluna-carehub-vaccine-dialog__administration span,
.aluna-carehub-vaccine-dialog__administration small {
  color: var(--aluna-muted);
}

.aluna-carehub-vaccine-dialog__state {
  background: color-mix(in srgb, var(--aluna-success) 9%, var(--aluna-panel));
  border-radius: 999px;
  color: var(--aluna-accent) !important;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 7px 10px;
  white-space: nowrap;
}

.aluna-carehub-vaccine-dialog__administration time {
  color: var(--aluna-accent);
  font-weight: 700;
  min-width: 96px;
}

@media (max-width: 620px){
  .aluna-carehub-vaccine-dialog__recommendation,
  .aluna-carehub-vaccine-dialog__administration {
    display: grid;
  }

  .aluna-carehub-vaccine-dialog__state {
    justify-self: start;
  }
}

.aluna-carehub-mvp-prevention :is(h2, h3, p, ul, dl, dt, dd) {
  margin: 0;
}

.aluna-carehub-mvp-prevention > p:not(.aluna-carehub-mvp__eyebrow) {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
}

.aluna-carehub-mvp-prevention__intro,
.aluna-carehub-mvp-prevention__plans {
  display: grid;
  gap: 8px;
}

.aluna-carehub-mvp-prevention__plans {
  gap: 0;
}

.aluna-carehub-mvp-prevention__plan {
  display: grid;
  gap: 16px;
  padding-block: 20px;
}

.aluna-carehub-mvp-prevention__plan:first-child {
  padding-block-start: 0;
}

.aluna-carehub-mvp-prevention__plan:last-child {
  padding-block-end: 0;
}

.aluna-carehub-mvp-prevention__plan + .aluna-carehub-mvp-prevention__plan {
  border-top: 1px solid var(--aluna-line);
}

.aluna-carehub-mvp-prevention__plan-head {
  align-items: start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.aluna-carehub-mvp-prevention__plan-head h3 {
  color: var(--aluna-ink);
  font-family: var(--e-global-typography-aluna-h4-font-family, "Hanken Grotesk", sans-serif);
  font-size: var(--e-global-typography-aluna-h4-font-size, 1.35rem);
  font-style: var(--e-global-typography-aluna-h4-font-style, normal);
  font-weight: var(--e-global-typography-aluna-h4-font-weight, 650);
  letter-spacing: var(--e-global-typography-aluna-h4-letter-spacing, normal);
  line-height: var(--e-global-typography-aluna-h4-line-height, 1.2);
  overflow-wrap: anywhere;
  text-decoration: var(--e-global-typography-aluna-h4-text-decoration, none);
  text-transform: var(--e-global-typography-aluna-h4-text-transform, none);
  word-spacing: var(--e-global-typography-aluna-h4-word-spacing, normal);
}

.aluna-carehub-mvp-prevention__status {
  background: var(--aluna-soft);
  border: 1px solid var(--aluna-line);
  border-radius: 999px;
  color: var(--aluna-muted);
  flex: 0 0 auto;
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  font-weight: 650;
  line-height: 1.2;
  padding: 7px 10px;
}

.aluna-carehub-mvp-prevention__plan--current .aluna-carehub-mvp-prevention__status {
  background: color-mix(in srgb, var(--aluna-success) 9%, var(--aluna-panel));
  border-color: color-mix(in srgb, var(--aluna-success) 28%, var(--aluna-line));
  color: var(--aluna-success);
}

.aluna-carehub-mvp-prevention__plan--authorized .aluna-carehub-mvp-prevention__status {
  background: color-mix(in srgb, var(--aluna-accent) 8%, var(--aluna-panel));
  border-color: color-mix(in srgb, var(--aluna-accent) 26%, var(--aluna-line));
  color: var(--aluna-accent);
}

.aluna-carehub-mvp-prevention__plan--due-soon .aluna-carehub-mvp-prevention__status {
  background: color-mix(in srgb, var(--aluna-notice) 9%, var(--aluna-panel));
  border-color: color-mix(in srgb, var(--aluna-notice) 28%, var(--aluna-line));
  color: var(--aluna-notice);
}

.aluna-carehub-mvp-prevention__plan--paused .aluna-carehub-mvp-prevention__status {
  background: var(--aluna-soft);
  border-color: var(--aluna-line);
  color: var(--aluna-muted);
}

.aluna-carehub-mvp-prevention__plan--past-due .aluna-carehub-mvp-prevention__status,
.aluna-carehub-mvp-prevention__plan--expired .aluna-carehub-mvp-prevention__status {
  background: color-mix(in srgb, var(--aluna-attention) 9%, var(--aluna-panel));
  border-color: color-mix(in srgb, var(--aluna-attention) 28%, var(--aluna-line));
  color: var(--aluna-attention);
}

.aluna-carehub-mvp-prevention__coverage {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
}

.aluna-carehub-mvp-prevention__coverage-item {
  align-items: center;
  background: var(--aluna-soft);
  border: 1px solid var(--aluna-line);
  border-radius: 999px;
  color: var(--aluna-ink);
  display: inline-flex;
  gap: 7px;
  min-height: 34px;
  padding: 6px 10px;
}

.aluna-carehub-mvp-prevention__coverage-item::before {
  background: var(--aluna-muted);
  border-radius: 50%;
  content: "";
  flex: 0 0 auto;
  height: 7px;
  width: 7px;
}

.aluna-carehub-mvp-prevention__coverage-item--current::before {
  background: var(--aluna-success);
}

.aluna-carehub-mvp-prevention__coverage-item--authorized::before {
  background: var(--aluna-accent);
}

.aluna-carehub-mvp-prevention__coverage-item--due-soon::before {
  background: var(--aluna-notice);
}

.aluna-carehub-mvp-prevention__coverage-item--paused::before {
  background: var(--aluna-muted);
}

.aluna-carehub-mvp-prevention__coverage-item--past-due::before,
.aluna-carehub-mvp-prevention__coverage-item--expired::before {
  background: var(--aluna-attention);
}

.aluna-carehub-mvp-prevention__coverage-item span,
.aluna-carehub-mvp-prevention__coverage-item small {
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.4);
}

.aluna-carehub-mvp-prevention__coverage-item small {
  color: var(--aluna-muted);
}

.aluna-carehub-mvp-prevention__details {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.aluna-carehub-mvp-prevention__details > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.aluna-carehub-mvp-prevention__details dt {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
}

.aluna-carehub-mvp-prevention__details dd {
  color: var(--aluna-ink);
  font-size: var(--e-global-typography-aluna-h5-font-size, 1rem);
  font-weight: var(--e-global-typography-aluna-h5-font-weight, 650);
  line-height: var(--e-global-typography-aluna-h5-line-height, 1.3);
  overflow-wrap: anywhere;
}

.aluna-carehub-mvp-prevention__note {
  border-top: 1px solid var(--aluna-line);
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
  padding-top: 14px;
}

.aluna-carehub-mvp-prevention__uncovered {
  border-top: 1px solid var(--aluna-line);
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
  padding-top: 16px;
}

.aluna-carehub-mvp-prevention__uncovered strong {
  color: var(--aluna-ink);
  font-weight: 650;
}

@container aluna-carehub-profile-stack (max-width: 360px){
  .aluna-carehub-mvp-prevention__plan-head {
    align-items: start;
    display: grid;
  }

  .aluna-carehub-mvp-prevention__status {
    justify-self: start;
  }

  .aluna-carehub-mvp-prevention__details {
    grid-template-columns: 1fr;
  }

  .aluna-carehub-mvp-prevention__coverage {
    display: grid;
  }

  .aluna-carehub-mvp-prevention__coverage-item {
    border-radius: var(--aluna-form-radius, 10px);
    justify-content: space-between;
  }
}

.aluna-carehub-mvp-weight-tracker {
  align-items: center;
  border-top: 1px solid var(--aluna-line);
  display: grid;
  gap: 12px clamp(16px, 3cqw, 28px);
  grid-template-areas: "summary trend actions";
  grid-template-columns: minmax(100px, 0.72fr) minmax(160px, 1.5fr) minmax(120px, 0.82fr);
  margin-top: clamp(20px, 3cqw, 28px);
  padding-top: clamp(18px, 3cqw, 24px);
}

.aluna-carehub-mvp-weight-tracker__summary {
  align-content: center;
  display: grid;
  gap: 8px;
  grid-area: summary;
  min-width: 0;
}

.aluna-carehub-mvp-weight-tracker__summary > div {
  display: grid;
  gap: 3px;
}

.aluna-carehub-mvp-weight-tracker__summary :is(p, strong, small) {
  margin: 0;
}

.aluna-carehub-mvp-weight-tracker__summary > div > strong {
  color: var(--aluna-accent-strong);
  font-family: var(--e-global-typography-aluna-h2-font-family, "Hanken Grotesk", system-ui, sans-serif);
  font-size: clamp(1.9rem, 5cqw, 2.7rem);
  font-weight: var(--e-global-typography-aluna-h2-font-weight, 400);
  line-height: 1;
}

.aluna-carehub-mvp-weight-tracker__summary > div > span {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: 1.35;
}

.aluna-carehub-mvp-weight-tracker__summary small,
.aluna-carehub-mvp-weight-tracker__range,
.aluna-carehub-mvp-weight-tracker__hint,
.aluna-carehub-mvp-weight-tracker__empty {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: 1.45;
}

.aluna-carehub-mvp-weight-tracker__range {
  margin: 0;
}

.aluna-carehub-mvp-weight-tracker__range strong {
  color: var(--aluna-ink);
}

.aluna-carehub-mvp-weight-tracker__chart-wrap {
  grid-area: trend;
  justify-self: stretch;
  max-width: 360px;
  min-width: 0;
}

.aluna-carehub-mvp-weight-tracker__chart {
  display: block;
  height: auto;
  max-height: 126px;
  overflow: visible;
  width: 100%;
}

.aluna-carehub-mvp-weight-tracker__range-band {
  fill: color-mix(in srgb, var(--aluna-accent) 8%, transparent);
}

.aluna-carehub-mvp-weight-tracker__line {
  fill: none;
  stroke: var(--aluna-accent);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.5;
}

.aluna-carehub-mvp-weight-tracker__point {
  fill: var(--aluna-accent);
  pointer-events: none;
  stroke: var(--aluna-accent);
  stroke-width: 3;
}

.aluna-carehub-mvp-weight-tracker__point-target {
  cursor: pointer;
  outline: 0;
}

.aluna-carehub-mvp-weight-tracker__point-hit {
  fill: transparent;
  pointer-events: all;
  stroke: none;
}

.aluna-carehub-mvp-weight-tracker__point.is-verified {
  stroke-width: 4;
}

.aluna-carehub-mvp-weight-tracker__point.is-latest {
  stroke-width: 4;
}

.aluna-carehub-mvp-weight-tracker__point.is-severity-within {
  fill: var(--aluna-weight-status-within);
  stroke: var(--aluna-weight-status-within);
}

.aluna-carehub-mvp-weight-tracker__point.is-severity-slight {
  fill: var(--aluna-weight-status-slight);
  stroke: var(--aluna-weight-status-slight);
}

.aluna-carehub-mvp-weight-tracker__point.is-severity-moderate {
  fill: var(--aluna-weight-status-moderate);
  stroke: var(--aluna-weight-status-moderate);
}

.aluna-carehub-mvp-weight-tracker__point.is-severity-significant {
  fill: var(--aluna-weight-status-significant);
  stroke: var(--aluna-weight-status-significant);
}

.aluna-carehub-mvp-weight-tracker__point-target:focus .aluna-carehub-mvp-weight-tracker__point {
  filter: drop-shadow(0 0 3px var(--aluna-carehub-form-focus-ring));
}

.aluna-carehub-mvp-weight-tracker__point-target.is-selected .aluna-carehub-mvp-weight-tracker__point {
  filter: drop-shadow(0 0 2px var(--aluna-accent));
  stroke: var(--aluna-panel);
  stroke-width: 5;
}

.aluna-carehub-mvp-weight-tracker__hint,
.aluna-carehub-mvp-weight-tracker__empty {
  grid-area: trend;
  margin: 0;
}

.aluna-carehub-mvp-weight-tracker__accessible-list {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.aluna-carehub-mvp-pet-preview__facts dt {
  color: var(--aluna-muted);
  font-family: var(--e-global-typography-aluna-body-sm-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  font-weight: var(--e-global-typography-aluna-body-sm-font-weight, 400);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
}

.aluna-carehub-mvp-pet-preview__facts dd {
  color: var(--aluna-ink);
  font-family: var(--e-global-typography-aluna-h5-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-h5-font-size, 1rem);
  font-weight: var(--e-global-typography-aluna-h5-font-weight, 650);
  line-height: var(--e-global-typography-aluna-h5-line-height, 1.3);
  overflow-wrap: anywhere;
}

.aluna-carehub-mvp-dashboard__request {
  display: grid;
  gap: 14px;
}

/* The shared Assistant replaces its opening state with the clarification
   state. Remove the CareHub-only wrapper heading at the same boundary so the
   active Assistant becomes the segment's sole visible child, as it does on
   the public front page. */
.aluna-carehub-mvp-dashboard__request:has(.aluna-intake-assistant--carehub.is-inline-active) {
  gap: 0;
}

/* An active clarification is a focused task. Temporarily reduce the clinical
   stack to the shared Assistant segment, then restore the dashboard segments
   when the Assistant returns to its opening state. */
.aluna-carehub-mvp-dashboard__activity:has(.aluna-carehub-mvp-dashboard__request .aluna-intake-assistant--carehub.is-inline-active)
  > .aluna-split__segment:not(.aluna-carehub-mvp-dashboard__request) {
  display: none;
}

.aluna-carehub-mvp-dashboard__request:has(.aluna-intake-assistant--carehub.is-inline-active)
  > :is(.aluna-carehub-mvp__eyebrow, h2) {
  display: none;
}

.aluna-carehub-mvp-dashboard__request .aluna-carehub-mvp__eyebrow,
.aluna-carehub-mvp-dashboard__request > p {
  margin: 0;
}

.aluna-carehub-mvp-dashboard__request .aluna-carehub-mvp__actions {
  justify-content: flex-start;
  margin-top: 4px;
}

@container aluna-carehub-pet-preview (max-width: 480px){
  .aluna-carehub-mvp-weight-snapshot {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .aluna-carehub-mvp-weight-snapshot__graph {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

@container aluna-carehub-pet-preview (max-width: 440px){
  .aluna-carehub-mvp-pet-preview__header {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 12px;
  }

  .aluna-carehub-mvp-pet-preview__actions {
    justify-items: start;
    justify-content: start;
  }

  .aluna-carehub-mvp-pet-preview__actions > span {
    text-align: left;
  }

  .aluna-carehub-mvp-pet-preview__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container aluna-carehub-pet-preview (max-width: 360px){
  .aluna-carehub-mvp-pet-selector {
    align-items: start;
    display: grid;
  }

  .aluna-carehub-mvp-pet-preview__body {
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 22px;
  }

  .aluna-carehub-mvp-pet-preview__portrait {
    max-width: 112px;
  }

  .aluna-carehub-mvp-weight-snapshot {
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
  }

  .aluna-carehub-mvp-weight-snapshot > .aluna-button-utility {
    justify-self: start;
  }
}

@container aluna-carehub-pet-preview (max-width: 280px){
  .aluna-carehub-mvp-pet-preview__facts {
    grid-template-columns: minmax(0, 1fr);
  }
}

.aluna-carehub-mvp-dashboard__activity {
  align-content: start;
  gap: var(--aluna-panel-gap);
}

.aluna-carehub-mvp-dashboard__activity .aluna-carehub-mvp-grid {
  grid-template-columns: minmax(0, 1fr);
}

.aluna-carehub-mvp-dashboard__activity .aluna-carehub-mvp-care-team {
  border: 0;
  margin: 0;
}

.aluna-carehub-mvp-dashboard__activity .aluna-carehub-mvp-card,
.aluna-carehub-mvp-dashboard__activity .aluna-carehub-mvp-mini {
  border-radius: var(--aluna-carehub-form-field-radius, 8px);
}

.aluna-carehub-mvp-dashboard__activity .aluna-carehub-mvp__empty {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

/* Pet detail uses the same page-scroll split shell as the dashboard landing.
   Existing record and Pet Safety components retain their behavior inside it. */
.aluna-carehub-mvp-pet-detail :is(.aluna-carehub-mvp-pet-detail__profile, .aluna-carehub-mvp-pet-detail__records) {
  align-content: start;
  display: grid;
  gap: clamp(28px, 4vw, 44px);
}

.aluna-carehub-mvp-pet-detail__intro {
  align-items: start;
  border: 0;
  margin: 0;
  padding: 0;
}

.aluna-carehub-mvp-pet-detail__intro .aluna-carehub-mvp__link-button {
  margin-bottom: clamp(22px, 3vw, 32px);
}

.aluna-carehub-mvp-pet-detail__request {
  border-top: 1px solid var(--aluna-line);
  display: grid;
  gap: 14px;
  padding-top: clamp(24px, 3vw, 34px);
}

.aluna-carehub-mvp-owner-profile {
  border-top: 1px solid var(--aluna-line);
  display: grid;
  gap: var(--aluna-form-field-group-gap, 18px);
  padding-top: clamp(24px, 3vw, 34px);
}

.aluna-carehub-mvp-owner-profile > p {
  margin: 0;
}


.aluna-carehub-mvp-owner-profile form,
.aluna-carehub-mvp-owner-profile label {
  display: grid;
  gap: var(--aluna-form-label-gap, 8px);
}

.aluna-carehub-mvp-owner-profile form {
  gap: var(--aluna-form-field-group-gap, 18px);
}

.aluna-carehub-mvp-owner-profile label > span {
  color: var(--aluna-ink);
  font-weight: 700;
}

.aluna-carehub-mvp-owner-profile :is(input, select) {
  background: var(--aluna-carehub-form-field-bg);
  border: var(--aluna-form-field-border-width, 1.5px) solid var(--aluna-carehub-form-field-border);
  border-radius: var(--aluna-carehub-form-field-radius);
  color: var(--aluna-ink);
  font: inherit;
  min-height: var(--aluna-form-field-height-compact, 44px);
  padding: 8px var(--aluna-form-field-padding-x, 14px);
  width: 100%;
}

.aluna-carehub-mvp-owner-profile :is(input, select):focus-visible {
  border-color: var(--aluna-carehub-form-field-focus);
  box-shadow: 0 0 0 var(--aluna-form-focus-ring-width, 3px) var(--aluna-carehub-form-focus-ring);
  outline: none;
}

.aluna-carehub-mvp-owner-profile small {
  color: var(--aluna-muted);
}

.aluna-carehub-mvp-owner-profile__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.aluna-carehub-mvp-owner-profile__actions .aluna-carehub-mvp__button {
  justify-self: start;
}

.aluna-carehub-mvp-owner-profile__actions [data-owner-profile-message]:empty {
  display: none;
}

.aluna-carehub-mvp-pet-detail__request > p {
  margin: 0;
}

.aluna-carehub-mvp-pet-detail__request .aluna-carehub-mvp-profile-actions {
  justify-items: start;
  min-width: 0;
}

.aluna-carehub-mvp-pet-detail__request .aluna-carehub-mvp__actions {
  justify-content: flex-start;
}

.aluna-carehub-mvp-pet-detail__profile > .aluna-carehub-mvp-pet-safety {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--aluna-line);
  border-radius: 0;
  padding: clamp(24px, 3vw, 34px) 0 0;
}

.aluna-carehub-mvp-pet-detail__records > .aluna-carehub-mvp-section {
  border-top: 1px solid var(--aluna-line);
  padding-top: clamp(24px, 3vw, 34px);
}

.aluna-carehub-mvp-pet-detail__records > .aluna-carehub-mvp-section:first-child {
  border-top: 0;
  padding-top: 0;
}

.aluna-carehub-mvp-pet-detail__records :is(.aluna-carehub-mvp-grid, .aluna-carehub-mvp-mini-grid) {
  grid-template-columns: minmax(0, 1fr);
}

.aluna-carehub-mvp-pet-detail__records .aluna-carehub-mvp__empty {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.aluna-carehub-treatment-snapshot-grid {
  display: grid;
  gap: var(--aluna-panel-gap);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.aluna-carehub-treatment-snapshot {
  background: color-mix(in srgb, var(--aluna-panel) 72%, white);
  border: 1px solid color-mix(in srgb, var(--aluna-accent) 10%, var(--aluna-line));
  border-radius: var(--aluna-panel-radius, 24px);
  cursor: pointer;
  display: grid;
  gap: clamp(12px, 1.5vw, 16px);
  grid-template-rows: auto 1fr;
  min-width: 0;
  padding: clamp(20px, 2.3vw, 28px);
  transition: background-color 160ms ease, box-shadow 160ms ease;
}

.aluna-carehub-treatment-snapshot:hover {
  background: color-mix(in srgb, var(--aluna-accent) 3%, var(--aluna-panel));
}

.aluna-carehub-treatment-snapshot:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--aluna-accent) 65%, white);
  outline-offset: 3px;
}

.aluna-carehub-treatment-snapshot__head {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: flex-start;
}

.aluna-carehub-treatment-snapshot__product-icon {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  display: grid;
  flex: 0 0 auto;
  justify-content: center;
  margin: 0;
  overflow: visible;
}

.aluna-carehub-treatment-snapshot__product-icon {
  height: 32px;
  width: 32px;
}

.aluna-carehub-treatment-snapshot__product-icon svg {
  fill: none;
  height: 28px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.75;
  width: 28px;
}

.aluna-carehub-treatment-product-icon__local-svg {
  background-color: currentColor;
  display: block;
  height: 28px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 28px;
}

.aluna-carehub-treatment-product-icon__material {
  display: block;
  font-size: 28px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  height: 28px;
  line-height: 1;
  width: 28px;
}

.aluna-carehub-treatment-product-icon--vial .aluna-carehub-treatment-product-icon__local-svg {
  -webkit-mask-image: url("../images/icons/veterinary-vet-technician.svg");
  mask-image: url("../images/icons/veterinary-vet-technician.svg");
}

.aluna-carehub-treatment-product-icon--tablet .aluna-carehub-treatment-product-icon__local-svg,
.aluna-carehub-treatment-product-icon--capsule .aluna-carehub-treatment-product-icon__local-svg {
  -webkit-mask-image: url("../images/icons/medical-pills.svg");
  mask-image: url("../images/icons/medical-pills.svg");
}

.aluna-carehub-treatment-product-icon--oral_suspension .aluna-carehub-treatment-product-icon__local-svg,
.aluna-carehub-treatment-product-icon--liquid .aluna-carehub-treatment-product-icon__local-svg {
  -webkit-mask-image: url("../images/icons/medical-eyedropper.svg");
  mask-image: url("../images/icons/medical-eyedropper.svg");
}

.aluna-carehub-treatment-product-icon--topical .aluna-carehub-treatment-product-icon__local-svg {
  -webkit-mask-image: url("../images/icons/medical-topical-tube.svg");
  mask-image: url("../images/icons/medical-topical-tube.svg");
}

.aluna-carehub-treatment-snapshot__head > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.aluna-carehub-treatment-snapshot__head .aluna-carehub-mvp__eyebrow {
  margin-bottom: 0;
}

.aluna-carehub-treatment-snapshot__head :is(p, h2) {
  margin: 0;
}

.aluna-carehub-treatment-snapshot__head h2 {
  font-family: var(--e-global-typography-aluna-h4-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-h4-font-size, 1.25rem);
  font-style: var(--e-global-typography-aluna-h4-font-style, normal);
  font-weight: var(--e-global-typography-aluna-h4-font-weight, 600);
  letter-spacing: var(--e-global-typography-aluna-h4-letter-spacing, 0);
  line-height: var(--e-global-typography-aluna-h4-line-height, 1.25);
  text-transform: var(--e-global-typography-aluna-h4-text-transform, none);
}

.aluna-carehub-treatment-snapshot__footer {
  align-self: end;
}

.aluna-carehub-treatment-snapshot__footer-plate {
  align-items: center;
  background: var(--aluna-soft);
  border: 1px solid color-mix(in srgb, var(--aluna-accent) 8%, var(--aluna-line));
  border-radius: var(--aluna-radius-field, 12px);
  box-sizing: border-box;
  display: flex;
  gap: 12px;
  height: 56px;
  justify-content: space-between;
  padding: 8px 12px;
}

.aluna-carehub-treatment-snapshot__footer-plate--tone-system,
.aluna-carehub-treatment-snapshot__footer-plate--system {
  background: var(--aluna-system-note-bg);
  border-color: var(--aluna-system-note-border);
}

.aluna-carehub-treatment-snapshot__facts {
  display: block;
  min-width: 0;
  margin: 0;
}

.aluna-carehub-treatment-snapshot__facts > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.aluna-carehub-treatment-snapshot__facts :is(dt, dd) {
  margin: 0;
}

.aluna-carehub-treatment-snapshot__facts dt {
  color: var(--aluna-muted);
  font-family: var(--e-global-typography-aluna-label-font-family, var(--aluna-carehub-body-family));
  font-size: 0.6875rem;
  font-weight: var(--e-global-typography-aluna-label-font-weight, 700);
  letter-spacing: var(--e-global-typography-aluna-label-letter-spacing, 0.04em);
  line-height: 1.2;
  text-transform: var(--e-global-typography-aluna-label-text-transform, uppercase);
}

.aluna-carehub-treatment-snapshot__facts dd {
  color: var(--aluna-ink);
  font-family: var(--e-global-typography-aluna-body-font-family, var(--aluna-carehub-body-family));
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aluna-carehub-treatment-snapshot__footer-plate--tone-system .aluna-carehub-treatment-snapshot__facts dt,
.aluna-carehub-treatment-snapshot__footer-plate--tone-system .aluna-carehub-treatment-snapshot__facts dd,
.aluna-carehub-treatment-snapshot__footer-plate--system .aluna-carehub-treatment-snapshot__facts dt,
.aluna-carehub-treatment-snapshot__footer-plate--system .aluna-carehub-treatment-snapshot__facts dd {
  color: var(--aluna-system-note-label);
}

.aluna-carehub-treatment-snapshot__open-icon {
  align-items: center;
  color: var(--aluna-accent);
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
}

.aluna-carehub-treatment-snapshot__open-icon svg {
  fill: none;
  height: 20px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  width: 20px;
}

.aluna-carehub-treatment-dialog__body {
  display: grid;
  gap: 16px;
}

.aluna-carehub-treatment-dialog__header-plate {
  color: var(--aluna-popup-band-ink) !important;
  padding: 16px clamp(18px, 2.5vw, 24px) !important;
  position: sticky;
  top: 0;
  z-index: 2;
}

.aluna-carehub-treatment-dialog__header-plate > div {
  min-width: 0;
}

.aluna-carehub-treatment-dialog__header-plate h2 {
  color: var(--aluna-popup-band-ink) !important;
  font-size: clamp(1.0625rem, 2vw, 1.25rem) !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* The site heading scale is intentionally large. Treatment popups use a
   compact service label instead, with enough specificity to preserve it. */
body.aluna-carehub-route .aluna-carehub-treatment-dialog__header-plate h2 {
  font-size: 1.125rem !important;
}

.aluna-carehub-treatment-dialog__header-icon svg {
  fill: none;
  height: 28px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.75;
  width: 28px;
}

.aluna-carehub-household-settings-dialog__body {
  display: grid;
  gap: 12px;
}

.aluna-carehub-household-settings-dialog__preference {
  align-items: center;
  background: var(--aluna-soft);
  border: 1px solid var(--aluna-line);
  border-radius: var(--aluna-radius-control, 16px);
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 18px;
}

.aluna-carehub-household-settings-dialog__preference > div {
  display: grid;
  gap: 4px;
}

.aluna-carehub-household-settings-dialog__preference :is(h3, p),
.aluna-carehub-household-settings-dialog__note,
.aluna-carehub-household-settings-dialog__body .aluna-carehub-mvp-auth__message {
  margin: 0;
}

.aluna-carehub-household-settings-dialog__preference h3 {
  font-family: var(--e-global-typography-aluna-h5-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-h5-font-size, 1rem);
  font-weight: var(--e-global-typography-aluna-h5-font-weight, 700);
  line-height: var(--e-global-typography-aluna-h5-line-height, 1.3);
}

.aluna-carehub-household-settings-dialog__preference p,
.aluna-carehub-household-settings-dialog__note,
.aluna-carehub-household-settings-dialog__body .aluna-carehub-mvp-auth__message {
  color: var(--aluna-muted);
  font-family: var(--e-global-typography-aluna-body-sm-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
}

.aluna-carehub-treatment-dialog__plans,
.aluna-carehub-treatment-dialog__medication,
.aluna-carehub-treatment-dialog__veterinarian-note,
.aluna-carehub-treatment-dialog__plan,
.aluna-carehub-treatment-dialog__treatment,
.aluna-carehub-treatment-dialog__guidance,
.aluna-carehub-treatment-dialog__history,
.aluna-carehub-treatment-dialog__progress,
.aluna-carehub-treatment-dialog__next {
  display: grid;
  gap: 10px;
}

.aluna-carehub-treatment-dialog__plans {
  gap: 18px;
}

.aluna-carehub-treatment-dialog[data-treatment-widget-type="owner_administered_prevention"] .aluna-carehub-treatment-dialog__plans {
  gap: 14px;
}

.aluna-carehub-treatment-dialog__plan + .aluna-carehub-treatment-dialog__plan,
.aluna-carehub-treatment-dialog__treatment + .aluna-carehub-treatment-dialog__treatment {
  border-top: 1px solid var(--aluna-line);
  padding-top: clamp(18px, 2.5vw, 24px);
}

.aluna-carehub-treatment-dialog__plan :is(h3, h4, p, dl, dt, dd) {
  margin: 0;
}

.aluna-carehub-treatment-dialog__medication {
  gap: 4px;
}

.aluna-carehub-treatment-dialog__medication-head {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.aluna-carehub-treatment-dialog__medication-head > div:first-child {
  display: grid;
  gap: 4px;
}

.aluna-carehub-treatment-dialog__medication-start {
  margin: 0;
  text-align: right;
}

.aluna-carehub-treatment-dialog__medication-start > div {
  display: grid;
  gap: 2px;
}

.aluna-carehub-treatment-dialog__medication-start dt {
  color: var(--aluna-muted);
  font-family: var(--e-global-typography-aluna-label-font-family, var(--aluna-carehub-body-family));
  font-size: 0.5625rem;
  font-weight: var(--e-global-typography-aluna-label-font-weight, 700);
  letter-spacing: var(--e-global-typography-aluna-label-letter-spacing, 0.04em);
  line-height: 1.2;
  text-transform: var(--e-global-typography-aluna-label-text-transform, uppercase);
}

.aluna-carehub-treatment-dialog__medication-start dd {
  color: var(--aluna-ink);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  white-space: nowrap;
}

.aluna-carehub-treatment-dialog__medication-label {
  color: var(--aluna-accent);
  font-family: var(--e-global-typography-aluna-label-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-label-font-size, 0.75rem);
  font-weight: var(--e-global-typography-aluna-label-font-weight, 700);
  letter-spacing: var(--e-global-typography-aluna-label-letter-spacing, 0.04em);
  line-height: var(--e-global-typography-aluna-label-line-height, 1.2);
  margin: 0;
  text-transform: var(--e-global-typography-aluna-label-text-transform, uppercase);
}

.aluna-carehub-treatment-dialog__medication h3 {
  color: var(--aluna-ink);
  font-family: var(--e-global-typography-aluna-h4-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-h4-font-size, 1.25rem);
  font-weight: var(--e-global-typography-aluna-h4-font-weight, 600);
  line-height: var(--e-global-typography-aluna-h4-line-height, 1.25);
  margin: 0;
}

.aluna-carehub-treatment-dialog__medication-meta {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
  margin: 0;
}

.aluna-carehub-treatment-dialog__veterinarian-note {
  align-items: start;
  background: color-mix(in srgb, var(--aluna-accent) 7%, var(--aluna-panel));
  border-radius: var(--aluna-radius-control, 16px);
  gap: 18px;
  grid-template-columns: 64px minmax(0, 1fr);
  padding: 16px 18px;
}

.aluna-carehub-treatment-dialog__veterinarian-note > div:last-child {
  display: grid;
  gap: 5px;
}

.aluna-carehub-treatment-dialog__veterinarian-note :is(h3, p) {
  margin: 0;
}

.aluna-carehub-treatment-dialog__veterinarian-note h3 {
  color: var(--aluna-accent);
  font-family: var(--e-global-typography-aluna-label-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-label-font-size, 0.75rem);
  font-weight: var(--e-global-typography-aluna-label-font-weight, 700);
  letter-spacing: var(--e-global-typography-aluna-label-letter-spacing, 0.04em);
  line-height: var(--e-global-typography-aluna-label-line-height, 1.2);
  text-transform: var(--e-global-typography-aluna-label-text-transform, uppercase);
}

body.aluna-carehub-route .aluna-carehub-treatment-dialog__veterinarian-note h3 {
  color: var(--aluna-accent) !important;
}

.aluna-carehub-treatment-dialog__veterinarian-note p {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
}

.aluna-carehub-treatment-dialog__veterinarian-photo {
  align-items: center;
  background: var(--aluna-soft);
  border-radius: 999px;
  color: var(--aluna-accent);
  display: grid;
  font-size: 0.875rem;
  font-weight: 700;
  height: 64px;
  justify-content: center;
  overflow: hidden;
  width: 64px;
}

.aluna-carehub-treatment-dialog__veterinarian-photo img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.aluna-carehub-treatment-dialog__plan-head {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.aluna-carehub-treatment-dialog__plan-head--status-only {
  justify-content: flex-end;
}

.aluna-carehub-treatment-dialog__plan-head > h3,
.aluna-carehub-treatment-dialog__guidance h4,
.aluna-carehub-treatment-dialog__next h4 {
  font-family: var(--e-global-typography-aluna-h5-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-h5-font-size, 1rem);
  font-weight: var(--e-global-typography-aluna-h5-font-weight, 700);
  line-height: var(--e-global-typography-aluna-h5-line-height, 1.3);
}

.aluna-carehub-treatment-dialog__treatment dl {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.aluna-carehub-treatment-dialog__treatment dl > div {
  display: grid;
  gap: 3px;
}

.aluna-carehub-treatment-dialog__treatment dl > .aluna-carehub-treatment-dialog__fact--schedule {
  grid-column: 1 / -1;
  max-width: 54ch;
}

.aluna-carehub-treatment-dialog__treatment dt {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
}

.aluna-carehub-treatment-dialog__treatment dd {
  color: var(--aluna-ink);
  font-weight: 600;
}

.aluna-carehub-treatment-dialog__fact--schedule dd {
  color: var(--aluna-muted);
  font-weight: 500;
}

.aluna-carehub-treatment-dialog__guidance {
  border-top: 1px solid var(--aluna-line);
  margin-top: 4px;
  padding-top: 14px;
}

.aluna-carehub-treatment-dialog__safety-details,
.aluna-carehub-treatment-dialog__medication-information,
.aluna-carehub-treatment-dialog__medication-help {
  border: 0;
  border-bottom: 1px solid var(--aluna-line);
  box-shadow: inset 0 1px 0 var(--aluna-line);
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
}

.aluna-carehub-treatment-dialog__safety-details summary,
.aluna-carehub-treatment-dialog__medication-information summary,
.aluna-carehub-treatment-dialog__medication-help summary {
  align-items: center;
  color: var(--aluna-accent);
  cursor: pointer;
  display: flex;
  font-weight: 700;
  gap: 12px;
  height: 64px;
  justify-content: space-between;
  min-height: 64px;
  padding: 0;
}

.aluna-carehub-treatment-dialog__safety-details summary::-webkit-details-marker,
.aluna-carehub-treatment-dialog__medication-information summary::-webkit-details-marker,
.aluna-carehub-treatment-dialog__medication-help summary::-webkit-details-marker {
  display: none;
}

.aluna-carehub-treatment-dialog__safety-details summary::marker,
.aluna-carehub-treatment-dialog__medication-information summary::marker,
.aluna-carehub-treatment-dialog__medication-help summary::marker {
  content: "";
}

.aluna-carehub-treatment-dialog__safety-details summary svg,
.aluna-carehub-treatment-dialog__medication-information summary svg,
.aluna-carehub-treatment-dialog__medication-help summary svg {
  fill: none;
  flex: 0 0 auto;
  height: 20px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  transition: transform 160ms ease;
  width: 20px;
}

.aluna-carehub-treatment-dialog__safety-details[open] summary svg,
.aluna-carehub-treatment-dialog__medication-information[open] summary svg,
.aluna-carehub-treatment-dialog__medication-help[open] summary > .aluna-carehub-treatment-dialog__medication-help-chevron {
  transform: rotate(180deg);
}

.aluna-carehub-treatment-dialog__safety-details summary:focus-visible,
.aluna-carehub-treatment-dialog__medication-information summary:focus-visible,
.aluna-carehub-treatment-dialog__medication-help summary:focus-visible {
  border-radius: 4px;
  box-shadow: var(--aluna-style-button-focus-shadow, 0 0 0 3px var(--aluna-theme-focus-ring));
  outline: 0;
}

.aluna-carehub-treatment-dialog__safety-details ul {
  display: grid;
  gap: 8px;
  margin: 0 0 14px;
  padding-left: 1.2em;
}

.aluna-carehub-treatment-dialog__medication-information dl {
  display: grid;
  gap: 18px;
  margin: 0 0 16px;
  padding-top: 4px;
}

.aluna-carehub-treatment-dialog__medication-information dl > div {
  display: grid;
  gap: 3px;
  grid-template-columns: minmax(0, 1fr);
}

.aluna-carehub-treatment-dialog__medication-information dt {
  color: var(--aluna-accent);
  font-family: var(--e-global-typography-aluna-label-font-family, var(--aluna-carehub-body-family));
  font-size: 0.6875rem;
  font-weight: var(--e-global-typography-aluna-label-font-weight, 700);
  letter-spacing: var(--e-global-typography-aluna-label-letter-spacing, 0.06em);
  line-height: var(--e-global-typography-aluna-label-line-height, 1.2);
  text-transform: var(--e-global-typography-aluna-label-text-transform, uppercase);
}

.aluna-carehub-treatment-dialog__medication-information dd {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: 1.5;
  margin: 0;
  max-width: 64ch;
}

.aluna-carehub-treatment-dialog__medication-information a {
  color: var(--aluna-accent);
  font-size: 0.8125rem;
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.aluna-carehub-treatment-dialog__medication-information a span {
  display: inline-block;
  margin-left: 0.15em;
}

.aluna-carehub-treatment-dialog__medication-information dd small {
  display: block;
  font-size: var(--e-global-typography-aluna-fineprint-font-size, 0.75rem);
  line-height: var(--e-global-typography-aluna-fineprint-line-height, 1.4);
  margin-top: 4px;
}

.aluna-carehub-treatment-dialog__medication-help-content {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  padding: 2px 0 16px;
}

.aluna-carehub-treatment-dialog__medication-help-content > p:first-child {
  color: var(--aluna-muted);
  flex: 1 1 30rem;
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
  margin: 0;
}

.aluna-carehub-treatment-dialog__medication-help-content .aluna-button-utility {
  flex: 0 0 auto;
  font-size: 0.8125rem;
  min-height: 42px;
  padding-inline: 20px;
}

.aluna-carehub-treatment-dialog__medication-help-content .aluna-carehub-mvp-auth__message {
  flex-basis: 100%;
  margin: 0;
}

details.aluna-carehub-treatment-dialog__medication-help {
  border: 1px solid color-mix(in srgb, var(--aluna-accent) 8%, var(--aluna-line));
  box-shadow: none;
  display: block;
  font-size: inherit;
  line-height: inherit;
  margin-top: 14px;
  overflow: hidden;
  padding: 0;
}

details.aluna-carehub-treatment-dialog__medication-help > summary {
  align-items: center;
  box-sizing: border-box;
  display: grid;
  gap: 12px;
  grid-template-columns: 22px minmax(0, 1fr) 18px;
  height: 64px;
  justify-content: initial;
  min-height: 64px;
  padding: 0 16px;
}

details.aluna-carehub-treatment-dialog__medication-help > summary .aluna-carehub-treatment-dialog__next-icon {
  margin: 0;
}

details.aluna-carehub-treatment-dialog__medication-help > summary .aluna-carehub-treatment-dialog__next-icon svg {
  transform: none;
}

details.aluna-carehub-treatment-dialog__medication-help > summary h4 {
  margin: 0;
}

details.aluna-carehub-treatment-dialog__medication-help > summary .aluna-carehub-treatment-dialog__medication-help-chevron {
  height: 18px;
  width: 18px;
}

details.aluna-carehub-treatment-dialog__medication-help[open] > summary {
  border-bottom: 1px solid color-mix(in srgb, var(--aluna-accent) 10%, var(--aluna-line));
}

details.aluna-carehub-treatment-dialog__medication-help .aluna-carehub-treatment-dialog__medication-help-content {
  align-items: stretch;
  display: grid;
  gap: 6px;
  padding: 16px 16px 16px 50px;
}

.aluna-carehub-treatment-dialog__medication-help-content > p,
.aluna-carehub-treatment-dialog__medication-help-content form,
.aluna-carehub-treatment-dialog__medication-help-form-state {
  margin: 0;
}

.aluna-carehub-treatment-dialog__medication-help-content > p,
.aluna-carehub-treatment-dialog__medication-help-form-state > p {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
  max-width: 60ch;
  padding-right: 16px;
}

.aluna-carehub-treatment-dialog__medication-help-form-state {
  display: grid;
  gap: 6px;
}

.aluna-carehub-treatment-dialog__medication-help-content form {
  display: grid;
  gap: 6px;
  margin-top: 6px;
}

.aluna-carehub-treatment-dialog__medication-help-form-state[hidden],
.aluna-carehub-treatment-dialog__medication-help-confirmation[hidden],
.aluna-carehub-treatment-dialog__medication-help-question[hidden] {
  display: none !important;
}

.aluna-carehub-treatment-dialog__medication-help-confirmation {
  align-items: start;
  background: color-mix(in srgb, var(--aluna-panel) 90%, var(--aluna-accent) 10%);
  border: 1px solid color-mix(in srgb, var(--aluna-accent) 18%, var(--aluna-line));
  border-radius: 10px;
  color: var(--aluna-muted);
  display: grid;
  gap: 12px;
  grid-template-columns: 24px minmax(0, 1fr);
  padding: 14px 16px;
}

.aluna-carehub-treatment-dialog__medication-help-confirmation:focus-visible {
  box-shadow: var(--aluna-style-button-focus-shadow, 0 0 0 3px var(--aluna-theme-focus-ring));
  outline: 0;
}

.aluna-carehub-treatment-dialog__medication-help-confirmation-icon {
  color: var(--aluna-accent);
  display: grid;
  place-items: center;
}

.aluna-carehub-treatment-dialog__medication-help-confirmation-icon svg {
  fill: none;
  height: 24px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  width: 24px;
}

.aluna-carehub-treatment-dialog__medication-help-confirmation > div {
  display: grid;
  gap: 5px;
}

.aluna-carehub-treatment-dialog__medication-help-confirmation p {
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
  margin: 0;
}

.aluna-carehub-treatment-dialog__medication-help-confirmation .aluna-carehub-treatment-dialog__medication-help-confirmation-label,
.aluna-carehub-treatment-dialog__medication-help-question > span:first-child,
.aluna-carehub-treatment-dialog__medication-help-response > span:first-child {
  color: var(--aluna-accent);
  font-family: var(--e-global-typography-aluna-label-font-family, var(--aluna-carehub-body-family));
  font-size: 0.6875rem;
  font-weight: var(--e-global-typography-aluna-label-font-weight, 700);
  letter-spacing: var(--e-global-typography-aluna-label-letter-spacing, 0.06em);
  line-height: 1.2;
  text-transform: var(--e-global-typography-aluna-label-text-transform, uppercase);
}

.aluna-carehub-treatment-dialog__medication-help-content textarea {
  background: var(--aluna-panel);
  border: 1px solid var(--aluna-line);
  border-radius: 10px;
  box-sizing: border-box;
  color: var(--aluna-ink);
  font: inherit;
  line-height: 1.45;
  min-height: 64px;
  padding: 10px 12px;
  resize: vertical;
  width: 100%;
}

.aluna-carehub-treatment-dialog__medication-help-content textarea:focus-visible {
  border-color: var(--aluna-carehub-form-field-focus);
  box-shadow: 0 0 0 var(--aluna-form-focus-ring-width, 3px) var(--aluna-carehub-form-focus-ring);
  outline: 0;
}

.aluna-carehub-treatment-dialog__medication-help-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  justify-content: flex-end;
  margin-top: 2px;
}

.aluna-carehub-treatment-dialog__medication-help-actions .aluna-carehub-treatment-dialog__medication-help-submit {
  font-size: 0.8125rem;
  min-height: 42px;
  padding-inline: 20px;
}

.aluna-carehub-treatment-dialog__medication-help-actions .aluna-carehub-mvp-auth__message:empty {
  display: none;
}

.aluna-carehub-treatment-dialog__medication-help-question,
.aluna-carehub-treatment-dialog__medication-help-response {
  display: grid;
  gap: 3px;
}

.aluna-carehub-treatment-dialog__medication-help-confirmation .aluna-carehub-treatment-dialog__medication-help-question {
  border-top: 1px solid color-mix(in srgb, var(--aluna-accent) 12%, var(--aluna-line));
  margin-top: 5px;
  padding-top: 8px;
}

.aluna-carehub-treatment-dialog__medication-information + .aluna-carehub-treatment-dialog__medication-help,
.aluna-carehub-treatment-dialog__medication-information + .aluna-carehub-treatment-dialog__safety-details,
.aluna-carehub-treatment-dialog__medication-help + .aluna-carehub-treatment-dialog__safety-details {
  box-shadow: none;
  margin-top: -10px;
}

.aluna-carehub-treatment-dialog__history {
  border-top: 1px solid var(--aluna-line);
  gap: 16px;
  margin-top: 6px;
  padding-top: 18px;
}

.aluna-carehub-treatment-dialog__progress {
  border-top: 1px solid var(--aluna-line);
  gap: 16px;
  margin-top: 6px;
  padding-top: 18px;
}

.aluna-carehub-treatment-dialog__safety-details + .aluna-carehub-treatment-dialog__history {
  border-top: 0;
  margin-top: 0;
  padding-top: 8px;
}

.aluna-carehub-treatment-dialog__safety-details + .aluna-carehub-treatment-dialog__progress {
  border-top: 0;
  margin-top: 0;
  padding-top: 8px;
}

.aluna-carehub-treatment-dialog__history h4,
.aluna-carehub-treatment-dialog__progress h4 {
  font-family: var(--e-global-typography-aluna-h5-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-h5-font-size, 1rem);
  font-weight: var(--e-global-typography-aluna-h5-font-weight, 700);
  line-height: var(--e-global-typography-aluna-h5-line-height, 1.3);
  margin: 0;
}

.aluna-carehub-treatment-progress-head {
  align-items: baseline;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.aluna-carehub-treatment-progress-summary {
  color: var(--aluna-muted);
  font-size: 0.8125rem;
  line-height: 1.3;
  white-space: nowrap;
}

.aluna-carehub-treatment-progress-steps {
  box-sizing: border-box;
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(auto-fit, minmax(36px, 1fr));
  list-style: none;
  margin: 0 !important;
  margin-inline: 0 !important;
  padding: 0 !important;
  padding-inline: 0 !important;
  width: 100%;
}

.aluna-carehub-treatment-progress-step {
  align-items: center;
  background: var(--aluna-panel);
  border: 0;
  border-radius: 10px;
  color: var(--aluna-muted);
  display: flex;
  flex-direction: column;
  font-size: 0.8125rem;
  font-weight: 700;
  gap: 1px;
  justify-content: center;
  min-height: 38px;
}

.aluna-carehub-treatment-progress-step.is-completed {
  background: var(--aluna-accent);
  color: var(--aluna-theme-action-text, var(--aluna-panel));
}

.aluna-carehub-treatment-progress-step.is-completed::before {
  content: "✓";
  font-size: 0.6875rem;
  line-height: 1;
}

.aluna-carehub-treatment-progress-step.is-next {
  background: var(--aluna-system-note-bg);
  color: var(--aluna-system-note-label);
}

.aluna-carehub-treatment-progress-step.is-next > span {
  font-size: 0.875rem;
  line-height: 1.05;
}

.aluna-carehub-treatment-history-head {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.aluna-carehub-treatment-history-strip {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding: 2px 1px 6px;
  scrollbar-width: thin;
}

.aluna-carehub-treatment-history-row {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  min-width: 0;
}

.aluna-carehub-treatment-history-row .aluna-carehub-treatment-history-strip {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}

.aluna-carehub-treatment-history-facts {
  align-items: start;
  display: flex;
  gap: 28px;
  justify-items: end;
  text-align: right;
}

.aluna-carehub-treatment-history-facts > div {
  display: grid;
  gap: 1px;
}

.aluna-carehub-treatment-history-facts span {
  color: var(--aluna-muted);
  font-family: var(--e-global-typography-aluna-label-font-family, var(--aluna-carehub-body-family));
  font-size: 0.5625rem;
  font-weight: var(--e-global-typography-aluna-label-font-weight, 700);
  letter-spacing: var(--e-global-typography-aluna-label-letter-spacing, 0.04em);
  line-height: 1.2;
  text-transform: var(--e-global-typography-aluna-label-text-transform, uppercase);
}

.aluna-carehub-treatment-history-facts strong {
  color: var(--aluna-ink);
  font-size: 0.8125rem;
  line-height: 1.2;
  white-space: nowrap;
}

.aluna-carehub-treatment-history-strip__item {
  align-items: center;
  appearance: none;
  background: var(--aluna-panel);
  border: 1px solid var(--aluna-line);
  border-radius: 10px;
  color: var(--aluna-ink);
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  font-family: var(--e-global-typography-aluna-body-sm-font-family, var(--aluna-carehub-body-family));
  font-size: 0.8125rem;
  font-weight: 650;
  justify-content: center;
  line-height: 1.15;
  min-height: 44px;
  min-width: 58px;
  padding: 8px 9px;
}

.aluna-carehub-treatment-history-strip__item:is(:hover, :focus-visible, .is-selected) {
  background: color-mix(in srgb, var(--aluna-accent) 12%, var(--aluna-panel));
  border-color: color-mix(in srgb, var(--aluna-accent) 52%, var(--aluna-line));
}

.aluna-carehub-treatment-history-strip__item.is-selected {
  font-weight: 700;
}

.aluna-carehub-treatment-history-strip__item:focus-visible {
  box-shadow: var(--aluna-style-button-focus-shadow, 0 0 0 3px var(--aluna-theme-focus-ring));
  outline: 0;
}

.aluna-carehub-treatment-history-strip__detail {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
  margin: 0;
}

.aluna-carehub-treatment-history-strip__detail[hidden] {
  display: none;
}

.aluna-carehub-treatment-dialog__history + .aluna-carehub-treatment-dialog__next,
.aluna-carehub-treatment-dialog__progress + .aluna-carehub-treatment-dialog__next {
  margin-top: 10px;
}

.aluna-carehub-treatment-dialog__next {
  align-items: start;
  background: var(--aluna-soft);
  border: 1px solid color-mix(in srgb, var(--aluna-accent) 8%, var(--aluna-line));
  border-radius: var(--aluna-radius-control, 16px);
  box-sizing: border-box;
  column-gap: 12px;
  grid-template-columns: 22px minmax(0, 1fr);
  margin-top: 4px;
  padding: 14px 16px;
  row-gap: 0;
}

.aluna-carehub-treatment-dialog__next-icon {
  color: var(--aluna-accent);
  display: grid;
  height: 22px;
  margin-top: 1px;
  place-items: center;
  width: 22px;
}

.aluna-carehub-treatment-dialog__next-icon svg {
  display: block;
  height: 100%;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  width: 100%;
}

.aluna-carehub-treatment-dialog__next-content {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.aluna-carehub-treatment-dialog__next--finite-series {
  padding-block: 13px;
}

.aluna-carehub-treatment-dialog__next--finite-series .aluna-carehub-treatment-dialog__next-content > p {
  font-size: 0.6875rem;
  line-height: 1.45;
}

.aluna-carehub-treatment-dialog__next--planned-repeat {
  background: var(--aluna-soft);
  border-color: color-mix(in srgb, var(--aluna-accent) 8%, var(--aluna-line));
}

.aluna-carehub-treatment-dialog__next--tone-system,
.aluna-carehub-treatment-dialog__next--scheduling {
  background: var(--aluna-system-note-bg);
  border-color: var(--aluna-system-note-border);
}

.aluna-carehub-treatment-dialog__next--follow-up-requested {
  background: var(--aluna-system-note-bg);
  border-color: var(--aluna-system-note-border);
}

.aluna-carehub-treatment-dialog__next--follow-up-requested h4 {
  color: var(--aluna-ink);
}

.aluna-carehub-treatment-dialog__next--follow-up-requested .aluna-carehub-treatment-dialog__next-content > p {
  color: var(--aluna-ink);
}

.aluna-carehub-treatment-dialog__follow-up-action {
  margin-top: 2px;
  padding-top: 0;
}

.aluna-carehub-treatment-dialog__next-context {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
}

.aluna-carehub-treatment-dialog__next h4 {
  color: var(--aluna-accent);
  font-family: var(--e-global-typography-aluna-ui-font-family, var(--aluna-carehub-body-family));
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.055em;
  line-height: 1.25;
  text-transform: uppercase;
}

.aluna-carehub-treatment-dialog__next-content > p {
  font-size: 0.9375rem;
  line-height: 1.45;
}

.aluna-carehub-treatment-dialog__next-content .aluna-button-utility {
  justify-self: start;
}

/* The follow-up action is a contained, secondary-scale CTA: clear without
   competing with the treatment information above it. */
.aluna-carehub-treatment-follow-up-request {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
}

.aluna-carehub-treatment-follow-up-request .aluna-carehub-mvp__button {
  font-size: 0.8125rem;
  min-height: 42px;
  padding-inline: 24px;
}

.aluna-carehub-treatment-follow-up-request .aluna-carehub-mvp-auth__message {
  margin: 0;
}

.aluna-carehub-treatment-re-evaluation {
  align-items: center;
  border-top: 1px solid var(--aluna-border);
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  justify-content: flex-end;
  margin-top: 16px;
  padding-top: 16px;
}

.aluna-carehub-treatment-re-evaluation > p:first-child {
  color: var(--aluna-muted);
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
  margin: 0 auto 0 0;
}

.aluna-carehub-treatment-re-evaluation .aluna-button-utility {
  font-size: 0.8125rem;
  min-height: 42px;
  padding-inline: 20px;
}

.aluna-carehub-treatment-re-evaluation .aluna-carehub-mvp-auth__message {
  flex-basis: 100%;
  margin: 0;
}

@media (max-width: 640px){

  .aluna-carehub-treatment-snapshot__facts,
  .aluna-carehub-treatment-dialog__treatment dl {
    grid-template-columns: minmax(0, 1fr);
  }

  .aluna-carehub-household-settings-dialog__preference {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .aluna-carehub-treatment-history-head {
    gap: 12px;
    grid-template-columns: minmax(0, 1fr);
  }

  .aluna-carehub-treatment-history-facts {
    display: grid;
    gap: 8px 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-items: start;
    text-align: left;
  }

  .aluna-carehub-treatment-progress-head {
    align-items: baseline;
    display: grid;
    gap: 5px;
  }

  .aluna-carehub-treatment-progress-summary {
    white-space: normal;
  }

  .aluna-carehub-treatment-progress-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .aluna-carehub-treatment-dialog__medication-information dl > div {
    gap: 3px;
    grid-template-columns: minmax(0, 1fr);
  }

  .aluna-carehub-treatment-follow-up-request,
  .aluna-carehub-treatment-follow-up-request .aluna-carehub-mvp__button,
  .aluna-carehub-treatment-re-evaluation,
  .aluna-carehub-treatment-re-evaluation .aluna-button-utility,
  .aluna-carehub-treatment-dialog__medication-help-content .aluna-button-utility {
    width: 100%;
  }

  .aluna-carehub-treatment-re-evaluation,
  .aluna-carehub-treatment-dialog__medication-help-content {
    align-items: stretch;
    justify-content: stretch;
  }

  details.aluna-carehub-treatment-dialog__medication-help .aluna-carehub-treatment-dialog__medication-help-content {
    padding-left: 16px;
  }

  .aluna-carehub-treatment-follow-up-request .aluna-carehub-mvp__button {
    justify-content: center;
  }

}

.aluna-carehub-treatment-dialog .aluna-carehub-treatment-widget {
  gap: 0;
}

.aluna-carehub-treatment-widget__head {
  align-items: flex-start;
}

.aluna-carehub-treatment-widget__categories {
  display: grid;
}

.aluna-carehub-treatment-category {
  border-top: 1px solid var(--aluna-line);
  display: grid;
  gap: 14px;
  padding-block: clamp(18px, 2.2vw, 24px);
}

.aluna-carehub-treatment-category:first-child {
  border-top: 0;
  padding-top: 0;
}

.aluna-carehub-treatment-category:last-child {
  padding-bottom: 0;
}

.aluna-carehub-treatment-category__head,
.aluna-carehub-treatment-plan__head,
.aluna-carehub-treatment-plan__item-head {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  justify-content: space-between;
}

.aluna-carehub-treatment-category__head h3,
.aluna-carehub-treatment-plan__head h4,
.aluna-carehub-treatment-plan :is(p, summary) {
  margin-block: 0;
}

.aluna-carehub-treatment-category__head h3 {
  font-family: var(--e-global-typography-aluna-h5-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-h5-font-size, 1rem);
  font-style: var(--e-global-typography-aluna-h5-font-style, normal);
  font-weight: var(--e-global-typography-aluna-h5-font-weight, 700);
  letter-spacing: var(--e-global-typography-aluna-h5-letter-spacing, 0);
  line-height: var(--e-global-typography-aluna-h5-line-height, 1.3);
  text-transform: var(--e-global-typography-aluna-h5-text-transform, none);
}

.aluna-carehub-treatment-category__head > span,
.aluna-carehub-treatment-plan__head p,
.aluna-carehub-treatment-plan__item-head span,
.aluna-carehub-treatment-plan__schedule,
.aluna-carehub-treatment-plan__details-body {
  color: var(--aluna-muted);
  font-family: var(--e-global-typography-aluna-body-sm-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
}

.aluna-carehub-treatment-category__plans {
  display: grid;
  gap: 14px;
}

.aluna-carehub-treatment-plan {
  display: grid;
  gap: 12px;
  margin: 0;
}

.aluna-carehub-treatment-plan + .aluna-carehub-treatment-plan {
  border-top: 1px solid var(--aluna-line);
  padding-top: 14px;
}

.aluna-carehub-treatment-plan__head {
  align-items: flex-start;
}

.aluna-carehub-treatment-plan__head > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.aluna-carehub-treatment-plan__head h4 {
  font-family: var(--e-global-typography-aluna-body-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-body-font-size, 1rem);
  font-style: var(--e-global-typography-aluna-body-font-style, normal);
  font-weight: 700;
  line-height: var(--e-global-typography-aluna-body-line-height, 1.5);
}

.aluna-carehub-treatment-plan__items {
  display: grid;
  gap: 10px;
}

.aluna-carehub-treatment-plan__item {
  border-left: 2px solid var(--aluna-accent);
  display: grid;
  gap: 4px;
  padding-left: 16px;
}

.aluna-carehub-treatment-plan__item-head strong {
  color: var(--aluna-ink);
}

.aluna-carehub-treatment-plan__schedule {
  font-weight: 600;
}

.aluna-carehub-treatment-plan__details,
.aluna-carehub-treatment-plan__warning,
.aluna-carehub-treatment-plan__next-step {
  margin-inline-start: 18px;
}

.aluna-carehub-treatment-plan__details summary {
  align-items: center;
  color: var(--aluna-accent);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--e-global-typography-aluna-body-sm-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-body-sm-font-size, 0.875rem);
  font-weight: 650;
  line-height: var(--e-global-typography-aluna-body-sm-line-height, 1.45);
  min-height: 44px;
}

.aluna-carehub-treatment-plan__details summary:is(:hover, :focus-visible) {
  color: var(--aluna-accent-strong);
}

.aluna-carehub-treatment-plan__details summary::-webkit-details-marker {
  display: none;
}

.aluna-carehub-treatment-plan__details summary::after {
  content: "+";
  font-size: 1rem;
  margin-left: 8px;
}

.aluna-carehub-treatment-plan__details[open] summary::after {
  content: "−";
}

.aluna-carehub-treatment-plan__details-body {
  display: grid;
  gap: 14px;
  padding: 2px 0 4px;
}

.aluna-carehub-treatment-plan__guidance {
  display: grid;
  gap: 8px;
}

.aluna-carehub-treatment-plan__guidance p,
.aluna-carehub-treatment-plan__warning {
  display: grid;
  gap: 3px;
}

.aluna-carehub-treatment-plan__guidance p > span,
.aluna-carehub-treatment-plan__warning > span {
  color: var(--aluna-ink);
  font-weight: 700;
}

.aluna-carehub-treatment-plan__warning {
  border-top: 1px solid var(--aluna-line);
  padding-top: 12px;
}

.aluna-carehub-treatment-plan__next-step {
  background: color-mix(in srgb, var(--aluna-accent) 8%, transparent);
  border-radius: var(--aluna-radius-field, 12px);
  display: grid;
  gap: 5px;
  padding: 12px 14px;
}

.aluna-carehub-treatment-plan__next-step > span {
  color: var(--aluna-muted);
  font-family: var(--e-global-typography-aluna-label-font-family, var(--aluna-carehub-body-family));
  font-size: var(--e-global-typography-aluna-label-font-size, 0.75rem);
  font-weight: var(--e-global-typography-aluna-label-font-weight, 700);
  letter-spacing: var(--e-global-typography-aluna-label-letter-spacing, 0.08em);
  line-height: var(--e-global-typography-aluna-label-line-height, 1.2);
  text-transform: var(--e-global-typography-aluna-label-text-transform, uppercase);
}

.aluna-carehub-treatment-plan__next-step > p {
  color: var(--aluna-ink);
}

.aluna-carehub-treatment-plan__next-step .aluna-button-utility {
  justify-self: start;
  margin-top: 5px;
}

@media (max-width: 520px){
  .aluna-carehub-treatment-dialog__medication-head {
    gap: 10px;
    grid-template-columns: minmax(0, 1fr);
  }

  .aluna-carehub-treatment-dialog__medication-start {
    text-align: left;
  }

  .aluna-carehub-treatment-snapshot__head {
    align-items: center;
    flex-direction: row;
  }

}

@media (max-width: 860px){
  .aluna-carehub-treatment-snapshot-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .aluna-carehub-mvp__header,
  .aluna-carehub-mvp-grid {
    grid-template-columns: 1fr;
  }

  .aluna-carehub-mvp__header {
    align-items: flex-start;
    display: grid;
  }

  .aluna-carehub-mvp__actions {
    justify-content: flex-start;
  }

  .aluna-carehub-mvp-profile-actions {
    justify-items: start;
  }

  body.aluna-auth-fallback-page #main {
    align-items: flex-start;
    padding:
      calc(var(--aluna-layout-header-offset, var(--aluna-layout-header-height, 64px)) + var(--aluna-layout-gap, 18px))
      var(--aluna-layout-pad-inline-mobile, 16px)
      var(--aluna-layout-gap, 18px);
  }

  .aluna-auth-fallback__panel {
    border-radius: var(--aluna-panel-radius, 24px);
    min-height: calc(100svh - var(--aluna-layout-header-offset, var(--aluna-layout-header-height, 64px)) - (var(--aluna-layout-gap, 18px) * 2));
    padding: clamp(30px, 8vw, 48px) clamp(20px, 6vw, 34px);
  }
}

@media (min-width: 861px){
  .aluna-overlay__panel--signin .aluna-carehub-login__main {
    display: block;
    max-width: 430px;
  }
}

@media (max-width: 520px){

  .aluna-carehub-mvp:not(.aluna-carehub-mvp--signed-out) {
    margin-top: 0;
    padding: 0;
  }

  .aluna-carehub-mvp-card__actions {
    display: grid;
  }

  .aluna-carehub-mvp-request-meta {
    grid-template-columns: 1fr;
  }

  .aluna-carehub-mvp-care-team {
    grid-template-columns: 1fr;
  }

  .aluna-carehub-mvp-care-team__profile {
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
  }

  .aluna-carehub-mvp-pet-safety__head {
    display: grid;
    gap: 10px;
  }

  .aluna-carehub-mvp-pet-safety__head .aluna-carehub-mvp-status {
    justify-self: start;
  }

  .aluna-carehub-mvp-pet-safety__details-actions {
    align-items: stretch;
    display: grid;
  }

}

/* Keep the detailed weight summary in reading order inside a narrow dialog.
   This final override intentionally wins over the shared tracker grid. */
@media (max-width: 620px){
  .aluna-carehub-mvp-weight-dialog__trend .aluna-carehub-mvp-weight-tracker__summary > [data-weight-summary] {
    grid-template-columns: minmax(0, 1fr);
  }

  .aluna-carehub-mvp-weight-dialog__trend .aluna-carehub-mvp-weight-tracker__summary > [data-weight-summary] > :is(
    [data-weight-summary-context],
    [data-weight-summary-value],
    [data-weight-summary-status],
    [data-weight-summary-date],
    [data-weight-return]
  ) {
    grid-column: 1;
    grid-row: auto;
  }
}