/* Compact public density pass. Keep this file loaded after the theme and public shell. */
html:not([data-theme="dark"]) body:not([data-admin-shell="true"]),
html[data-theme="dark"] body:not([data-admin-shell="true"]) {
  --td-density-body-font: 13px;
  --td-density-body-font-mobile: 13.25px;
  --td-density-line: 1.44;
  --td-density-muted-line: 1.34;
  --td-density-control-h: 1.86rem;
  --td-density-control-h-mobile: 2.08rem;
  --td-density-control-font: 12px;
  --td-density-chip-h: 1.48rem;
  --td-density-chip-font: 11.75px;
  --td-density-card-pad: 0.78rem;
  --td-density-card-pad-sm: 0.62rem;
  --td-density-gap: 0.58rem;
  --td-density-gap-lg: 0.82rem;
  --td-density-radius: 0.72rem;
  --td-density-radius-sm: 0.52rem;
  --td-body-font-size: var(--td-density-body-font-mobile);
  --td-body-font-size-mobile: var(--td-density-body-font-mobile);
  --td-body-font-size-desktop: var(--td-density-body-font);
  --td-line-height: 1.48;
  --td-line-height-desktop: var(--td-density-line);
  --td-text-xs: 0.72rem;
  --td-text-xs-line: 1.02rem;
  --td-text-xs-desktop: 0.72rem;
  --td-text-xs-line-desktop: 1rem;
  --td-text-sm: 0.8rem;
  --td-text-sm-line: 1.18rem;
  --td-text-sm-desktop: 0.8rem;
  --td-text-sm-line-desktop: 1.12rem;
  --td-text-base: 0.86rem;
  --td-text-base-line: 1.28rem;
  --td-text-base-desktop: 0.84rem;
  --td-text-base-line-desktop: 1.2rem;
  --td-text-lg-desktop: 0.98rem;
  --td-text-lg-line-desktop: 1.32rem;
  --td-text-xl-desktop: 1.08rem;
  --td-text-xl-line-desktop: 1.42rem;
  --td-input-font-size: 0.8rem;
  --td-input-font-size-desktop: 0.78rem;
  --td-input-line-height: 1.2rem;
  --td-input-line-height-desktop: 1.12rem;
  --td-compact-p-5: 0.88rem;
  --td-compact-p-6: 1rem;
  --td-compact-py-5: 0.82rem;
  --td-compact-py-6: 0.95rem;
  --td-compact-gap-lg: var(--td-density-gap-lg);
  --td-reddit-menu-row-h: 2.02rem;
  --td-reddit-menu-row-h-mobile: 2.32rem;
  --td-reddit-menu-font: 0.76rem;
  --td-reddit-menu-sub-font: 0.72rem;
  --td-reddit-control-h: var(--td-density-control-h);
  --td-reddit-control-h-mobile: var(--td-density-control-h-mobile);
  --td-reddit-control-font: 0.75rem;
  --td-reddit-chip-h: var(--td-density-chip-h);
  --td-reddit-chip-font: 0.72rem;
  --td-reddit-card-title-font: 0.82rem;
  --td-reddit-list-title-font: 0.79rem;
  --td-reddit-list-meta-font: 0.72rem;
  --td-balanced-control-h: var(--td-density-control-h);
  --td-balanced-control-h-mobile: var(--td-density-control-h-mobile);
  --td-balanced-control-font: 0.75rem;
  --td-balanced-chip-h: var(--td-density-chip-h);
  --td-balanced-chip-font: 0.72rem;
  --td-balanced-menu-row-h: 2.02rem;
  --td-balanced-menu-row-h-mobile: 2.32rem;
  --td-balanced-menu-font: 0.76rem;
  --td-balanced-menu-sub-font: 0.72rem;
  --td-balanced-header-control-h: 1.92rem;
  --td-balanced-header-font: 0.75rem;
  --td-balanced-card-title-font: 0.82rem;
  --td-balanced-list-title-font: 0.79rem;
  --td-balanced-list-meta-font: 0.72rem;
  --td-balanced-radius: var(--td-density-radius);
  --td-balanced-radius-sm: var(--td-density-radius-sm);
}

@media (min-width: 1024px) {
  html:not([data-theme="dark"]) body:not([data-admin-shell="true"]),
  html[data-theme="dark"] body:not([data-admin-shell="true"]) {
    --td-density-body-font: 12.85px;
    --td-density-control-h: 1.78rem;
    --td-density-control-font: 11.75px;
    --td-density-chip-h: 1.4rem;
    --td-density-chip-font: 11.25px;
    --td-density-card-pad: 0.72rem;
    --td-density-card-pad-sm: 0.56rem;
    --td-density-gap: 0.5rem;
    --td-density-gap-lg: 0.72rem;
    --td-reddit-menu-row-h: 1.94rem;
    --td-balanced-menu-row-h: 1.94rem;
  }
}

html body:not([data-admin-shell="true"]) {
  font-size: var(--td-density-body-font-mobile) !important;
  line-height: 1.48 !important;
}

@media (min-width: 1024px) {
  html body:not([data-admin-shell="true"]) {
    font-size: var(--td-density-body-font) !important;
    line-height: var(--td-density-line) !important;
  }
}

html body:not([data-admin-shell="true"]) :where(
  #taildo-main-content,
  #taildo-main-content p,
  #taildo-main-content li,
  #taildo-main-content dd,
  #taildo-main-content dt,
  #taildo-main-content label,
  .taildo-layout-content
) {
  line-height: var(--td-density-line) !important;
}

html body:not([data-admin-shell="true"]) :where(.text-xs, [class*="text-[10px]"], [class*="text-[11px]"]) {
  font-size: 0.7rem !important;
  line-height: 1rem !important;
}

html body:not([data-admin-shell="true"]) :where(.text-sm, [class*="text-[12px]"], [class*="text-[13px]"]) {
  font-size: 0.75rem !important;
  line-height: 1.08rem !important;
}

html body:not([data-admin-shell="true"]) :where(.text-base, [class*="text-[14px]"], [class*="text-[15px]"]) {
  font-size: 0.82rem !important;
  line-height: 1.2rem !important;
}

html body:not([data-admin-shell="true"]) :where(.text-lg, [class*="text-[16px]"], [class*="text-[17px]"], [class*="text-[18px]"]) {
  font-size: 0.95rem !important;
  line-height: 1.28rem !important;
}

html body:not([data-admin-shell="true"]) :where(.text-xl, [class*="text-[19px]"], [class*="text-[20px]"]) {
  font-size: 1.05rem !important;
  line-height: 1.34rem !important;
}

html body:not([data-admin-shell="true"]) :where(.text-2xl, [class*="text-[22px]"], [class*="text-[24px]"], h1) {
  font-size: 1.2rem !important;
  line-height: 1.4rem !important;
}

html body:not([data-admin-shell="true"]) :where(.text-3xl, .text-4xl, .text-5xl) {
  font-size: 1.38rem !important;
  line-height: 1.58rem !important;
}

html body:not([data-admin-shell="true"]) :where(
  #taildo-main-content button,
  #taildo-main-content a.inline-flex,
  #taildo-main-content [role="button"],
  #taildo-main-content input[type="submit"],
  #taildo-main-content input[type="button"],
  .taildo-left-sidebar a.inline-flex,
  .taildo-left-sidebar button[data-region-open],
  #mobile-menu-drawer a.inline-flex,
  #mobile-menu-drawer button,
  .filter-btn,
  .mymeet-filter-btn,
  .neighbor-filter-chip,
  .taildo-profile-tab,
  .taildo-board-category-bar > a,
  .taildo-board-section-tabs > a
) {
  min-height: var(--td-density-control-h) !important;
  border-radius: var(--td-density-radius-sm) !important;
  padding: 0.28rem 0.56rem !important;
  font-size: var(--td-density-control-font) !important;
  line-height: 1.08 !important;
  box-shadow: none !important;
}

html body:not([data-admin-shell="true"]) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
  select,
  textarea
) {
  min-height: var(--td-density-control-h) !important;
  padding: 0.36rem 0.58rem !important;
  font-size: 0.8rem !important;
  line-height: 1.18 !important;
}

html body:not([data-admin-shell="true"]) :where(
  .rounded-2xl,
  .rounded-\[18px\],
  .rounded-\[20px\],
  .taildo-profile-density-section,
  .taildo-profile-soft-card,
  .taildo-profile-muted-card,
  .taildo-home-card,
  .taildo-board-list,
  .taildo-neighbor-card,
  .meet-card,
  .my-meet-card,
  [data-crew-card="1"]
) {
  border-radius: var(--td-density-radius) !important;
}

html body:not([data-admin-shell="true"]) #taildo-main-content :where(.p-6) { padding: 1rem !important; }
html body:not([data-admin-shell="true"]) #taildo-main-content :where(.p-5) { padding: 0.88rem !important; }
html body:not([data-admin-shell="true"]) #taildo-main-content :where(.p-4, .p-3\.5) { padding: var(--td-density-card-pad) !important; }
html body:not([data-admin-shell="true"]) #taildo-main-content :where(.p-3, .p-2\.5) { padding: var(--td-density-card-pad-sm) !important; }
html body:not([data-admin-shell="true"]) #taildo-main-content :where(.px-6) { padding-left: 1rem !important; padding-right: 1rem !important; }
html body:not([data-admin-shell="true"]) #taildo-main-content :where(.px-5) { padding-left: 0.88rem !important; padding-right: 0.88rem !important; }
html body:not([data-admin-shell="true"]) #taildo-main-content :where(.px-4, .px-3\.5) { padding-left: var(--td-density-card-pad) !important; padding-right: var(--td-density-card-pad) !important; }
html body:not([data-admin-shell="true"]) #taildo-main-content :where(.py-6) { padding-top: 0.95rem !important; padding-bottom: 0.95rem !important; }
html body:not([data-admin-shell="true"]) #taildo-main-content :where(.py-5) { padding-top: 0.82rem !important; padding-bottom: 0.82rem !important; }
html body:not([data-admin-shell="true"]) #taildo-main-content :where(.py-4, .py-3\.5) { padding-top: 0.68rem !important; padding-bottom: 0.68rem !important; }
html body:not([data-admin-shell="true"]) #taildo-main-content :where(.py-3, .py-2\.5) { padding-top: 0.52rem !important; padding-bottom: 0.52rem !important; }

html body:not([data-admin-shell="true"]) #taildo-main-content :where(.gap-6, .gap-5, .gap-4) {
  gap: var(--td-density-gap-lg) !important;
}

html body:not([data-admin-shell="true"]) #taildo-main-content :where(.gap-3, .gap-2\.5, .gap-2) {
  gap: var(--td-density-gap) !important;
}

html body:not([data-admin-shell="true"]) #taildo-main-content :where(.space-y-6, .space-y-5, .space-y-4) > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--td-density-gap-lg) !important;
}

html body:not([data-admin-shell="true"]) #taildo-main-content :where(.space-y-3, .space-y-2\.5, .space-y-2) > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--td-density-gap) !important;
}

html body:not([data-admin-shell="true"]) :where(.taildo-left-sidebar nav a) {
  min-height: var(--td-reddit-menu-row-h) !important;
  padding: 0.34rem 0.58rem !important;
  gap: 0.52rem !important;
}

html body:not([data-admin-shell="true"]) :where(.taildo-left-sidebar nav a > svg) {
  width: 1.05rem !important;
  height: 1.05rem !important;
}

html:not([data-theme="dark"]) body:not([data-admin-shell="true"]) .taildo-left-sidebar .taildo-left-profile-avatar,
html[data-theme="dark"] body:not([data-admin-shell="true"]) .taildo-left-sidebar .taildo-left-profile-avatar {
  height: 132px !important;
  max-height: 132px !important;
}

html body:not([data-admin-shell="true"]) :where(.taildo-left-profile-actions > a) {
  height: 1.82rem !important;
  min-height: 1.82rem !important;
  padding: 0 0.36rem !important;
  font-size: 0.72rem !important;
}

html body:not([data-admin-shell="true"]) :where([data-taildo-header-root] .taildo-header-shell) {
  padding-top: 0.36rem !important;
  padding-bottom: 0.36rem !important;
}

html body:not([data-admin-shell="true"]) :where([data-taildo-header-root] .taildo-header-search label, .taildo-header-region) {
  height: 2.08rem !important;
  min-height: 2.08rem !important;
  font-size: 0.78rem !important;
}

html body:not([data-admin-shell="true"]) :where(.taildo-profile-hero-cover) {
  min-height: 7.25rem !important;
}

html body:not([data-admin-shell="true"]) :where(
  .taildo-profile-hero-body,
  .taildo-profile-summary,
  .taildo-profile-snapshot,
  .taildo-profile-relation-card,
  .taildo-profile-detail-block,
  .taildo-profile-tags-panel,
  .taildo-profile-density-section
) {
  padding: var(--td-density-card-pad) !important;
}

html body:not([data-admin-shell="true"]) :where(
  .taildo-profile-info-grid,
  .taildo-profile-tags,
  .taildo-profile-stats,
  .taildo-profile-detail-grid
) {
  gap: var(--td-density-gap) !important;
}

html body:not([data-admin-shell="true"]) :where(.taildo-profile-section-title, .taildo-profile-title) {
  font-size: 1.08rem !important;
  line-height: 1.34rem !important;
}

html body:not([data-admin-shell="true"]) :where(
  .taildo-profile-section-kicker,
  .taildo-profile-intro,
  .taildo-profile-info-label,
  .taildo-profile-info-value,
  .taildo-profile-detail-value,
  .taildo-board-list p,
  .taildo-neighbor-card p,
  .meet-card p
) {
  font-size: 0.8rem !important;
  line-height: 1.2rem !important;
}

@media (max-width: 639.98px) {
  html body:not([data-admin-shell="true"]) :where(
    #taildo-main-content button,
    #taildo-main-content a.inline-flex,
    #taildo-main-content [role="button"],
    #mobile-menu-drawer a.inline-flex,
    #mobile-menu-drawer button
  ) {
    min-height: var(--td-density-control-h-mobile) !important;
    padding: 0.38rem 0.62rem !important;
  }

  html body:not([data-admin-shell="true"]) #taildo-main-content :where(.p-6, .p-5, .p-4, .p-3\.5) {
    padding: 0.82rem !important;
  }

  html body:not([data-admin-shell="true"]) :where(.text-2xl, [class*="text-[22px]"], [class*="text-[24px]"], h1) {
    font-size: 1.16rem !important;
    line-height: 1.42rem !important;
  }
}
