/* Bio2Twin | Love overview | concise visual presentation | 2026-10-26
   Route scoped: #love/overview. Retains existing pink/grey palette and gradients.
   No changes to personal health data, recording, API, Watch integration, or other pages. */
body.b2t-love-overview-ui .app-head {
  margin-bottom:14px;
}
body.b2t-love-overview-ui .app-head h1 {
  font-size:28px!important;
  line-height:1.3!important;
  font-weight:400!important;
}
body.b2t-love-overview-ui .app-subtitle {
  font-size:14px;
  line-height:1.7;
}
body.b2t-love-overview-ui #headMetrics,
body.b2t-love-overview-ui #integrationStrip {
  display:none!important;
}
body.b2t-love-overview-ui #content {
  gap:14px;
}
body.b2t-love-overview-ui #content > .hero-card {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  min-height:0;
  padding:23px 25px;
}
body.b2t-love-overview-ui #content > .hero-card .hero-copy {
  max-width:780px;
  min-width:0;
}
body.b2t-love-overview-ui #content > .hero-card .hero-copy small {
  font-size:11px;
  letter-spacing:.08em;
}
body.b2t-love-overview-ui #content > .hero-card .hero-copy h2 {
  font-size:23px!important;
  line-height:1.4;
  font-weight:400;
  margin:8px 0 10px;
}
body.b2t-love-overview-ui #content > .hero-card .hero-copy p {
  font-size:14px;
  line-height:1.8;
  max-width:720px;
}
body.b2t-love-overview-ui #content > .hero-card .hero-status {
  display:none!important;
}
body.b2t-love-overview-ui #content > .hero-card .hero-actions {
  margin-top:18px;
  gap:9px;
}
body.b2t-love-overview-ui #content > .hero-card .hero-actions .btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 15px;
  box-sizing:border-box;
  font-size:13px;
  font-weight:400;
}
body.b2t-love-overview-ui #content > .grid-3 {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
body.b2t-love-overview-ui #content > .grid-3 > .card {
  box-sizing:border-box;
  min-height:119px;
  min-width:0;
  padding:16px 18px;
}
body.b2t-love-overview-ui #content > .grid-3 > .card > small {
  display:block;
  font-size:11px;
  line-height:1.5;
  letter-spacing:.05em;
}
body.b2t-love-overview-ui #content > .grid-3 > .card > b.value {
  display:block;
  font-size:17px!important;
  line-height:1.4;
  font-weight:400;
  letter-spacing:0;
  margin:9px 0 4px;
  overflow-wrap:anywhere;
  white-space:normal;
}
body.b2t-love-overview-ui #content > .grid-3 > .card > h3 {
  font-size:14px!important;
  font-weight:400;
  line-height:1.4;
  margin:4px 0;
}
body.b2t-love-overview-ui #content > .grid-3 > .card > p {
  font-size:12px;
  line-height:1.65;
  margin-top:6px;
  overflow-wrap:anywhere;
}
@media(max-width:760px) {
  body.b2t-love-overview-ui .app-head h1 {
    font-size:24px!important;
  }
  body.b2t-love-overview-ui .app-subtitle {
    font-size:13px;
  }
  body.b2t-love-overview-ui #content > .hero-card {
    padding:18px 16px;
    min-height:0;
  }
  body.b2t-love-overview-ui #content > .hero-card .hero-copy h2 {
    font-size:20px!important;
    line-height:1.45;
  }
  body.b2t-love-overview-ui #content > .hero-card .hero-copy p {
    font-size:14px;
  }
  body.b2t-love-overview-ui #content > .hero-card .hero-actions .btn {
    flex:1 1 auto;
    min-width:115px;
  }
  body.b2t-love-overview-ui #content > .grid-3 {
    grid-template-columns:minmax(0,1fr);
    gap:9px;
  }
  body.b2t-love-overview-ui #content > .grid-3 > .card {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto auto;
    align-items:start;
    column-gap:9px;
    row-gap:3px;
    min-height:0;
    padding:12px 14px;
  }
  body.b2t-love-overview-ui #content > .grid-3 > .card > small {
    grid-column:1;
    grid-row:1;
    font-size:10px;
    letter-spacing:.04em;
  }
  body.b2t-love-overview-ui #content > .grid-3 > .card > b.value {
    grid-column:2;
    grid-row:1 / 3;
    align-self:center;
    text-align:right;
    font-size:16px!important;
    margin:0;
  }
  body.b2t-love-overview-ui #content > .grid-3 > .card > h3 {
    grid-column:1;
    grid-row:2;
    font-size:14px!important;
    line-height:1.5;
    margin:0;
  }
  body.b2t-love-overview-ui #content > .grid-3 > .card > p {
    grid-column:1 / -1;
    grid-row:3;
    font-size:12px;
    line-height:1.55;
    margin:1px 0 0;
  }
  body.b2t-love-overview-ui .workspace {
    padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;
  }
}
@media(max-width:350px) {
  body.b2t-love-overview-ui #content > .hero-card .hero-actions .btn {
    min-width:0;
    flex-basis:100%;
  }
  body.b2t-love-overview-ui #content > .grid-3 > .card > b.value {
    font-size:14px!important;
  }
}