/* Bio2Twin Personal Model Overview v4
   Visual-only dashboard refinement. Data and runtime behavior unchanged. */
body.pmv2[data-page="overview"]{
  --pm4-bg:#050706;
  --pm4-panel:#0b0f0d;
  --pm4-panel-hi:#0f1512;
  --pm4-line:rgba(255,255,255,.075);
  --pm4-line-hi:rgba(201,255,212,.14);
  --pm4-text:#f4f7f3;
  --pm4-soft:#b9c3bc;
  --pm4-muted:#78837c;
  --pm4-accent:#c9ffd4;
  background:
    radial-gradient(900px 520px at 72% -12%,rgba(201,255,212,.055),transparent 58%),
    var(--pm4-bg);
}
body.pmv2[data-page="overview"] .pmv2-content{
  max-width:1180px;
}
.pmhome3{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
  gap:12px;
}
.pmhome3-hero,
.pmhome3-section:first-of-type,
.pmhome3-actions{
  grid-column:1/-1;
}
.pmhome3-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"title sync" "date sync";
  align-items:center;
  gap:4px 20px;
  padding:8px 2px 18px;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.pmhome3-eyebrow{display:none}
.pmhome3-title{
  grid-area:title;
  font-size:32px;
  line-height:1.06;
  font-weight:590;
  letter-spacing:-.04em;
}
.pmhome3-date{
  grid-area:date;
  margin:3px 0 0;
  font-size:12px;
}
.pmhome3-sync{
  grid-area:sync;
  margin:0;
  min-height:32px;
  padding:6px 11px;
  background:rgba(201,255,212,.035);
  border-color:rgba(201,255,212,.11);
}
.pmhome3-section{margin:0}
.pmhome3-card{
  height:100%;
  padding:18px;
  border-radius:18px;
  border-color:var(--pm4-line);
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 42%),var(--pm4-panel);
  box-shadow:0 18px 50px rgba(0,0,0,.12);
}
.pmhome3-head{
  margin-bottom:13px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.045);
}
.pmhome3-head h2{
  font-size:13px;
  font-weight:610;
  letter-spacing:-.01em;
}
.pmhome3-meta{
  font-size:8px;
  letter-spacing:.12em;
}
.pmhome3-metrics{
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  border:0;
  border-radius:14px;
  gap:7px;
  background:transparent;
}
.pmhome3-metric{
  min-height:92px;
  padding:13px 13px 11px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:13px;
  background:var(--pm4-panel-hi);
}
.pmhome3-metric-name{
  min-height:auto;
  margin-bottom:9px;
}
.pmhome3-metric-value{font-size:25px}
.pmhome3-empty{
  border:1px solid rgba(255,255,255,.055);
  border-radius:13px;
}
.pmhome3-model-name{font-size:17px}
.pmhome3-memory-text{
  font-size:16px;
  line-height:1.55;
}
.pmhome3-stage{
  font-size:20px;
  letter-spacing:-.025em;
}
.pmhome3-copy{
  font-size:11px;
  line-height:1.65;
}
.pmhome3-loop{
  gap:5px;
  margin-bottom:11px;
}
.pmhome3-loop span:not(.pmhome3-loop-arrow){
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:999px;
  background:rgba(255,255,255,.018);
}
.pmhome3-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-top:2px;
}
.pmhome3-action{
  min-height:48px;
  padding:9px 12px;
  border-radius:13px;
  background:rgba(255,255,255,.018);
  font-size:11px;
}
.pmhome3-action span{
  display:block;
  margin-top:3px;
  color:var(--pm4-muted);
  font-size:8px;
  line-height:1.35;
}
.pmhome3-action::after{font-size:16px}
.pace-pm{
  margin:12px 0 0 !important;
  padding:18px !important;
  border-radius:18px !important;
  border:1px solid var(--pm4-line) !important;
  background:linear-gradient(180deg,rgba(201,255,212,.025),transparent 34%),var(--pm4-panel) !important;
  color:var(--pm4-text) !important;
}
.pace-pm h2{
  margin:4px 0 10px !important;
  font-size:20px !important;
}
.pace-pm-kicker{
  font-size:9px !important;
  color:var(--pm4-muted) !important;
}
.pace-pm-state,.pace-pm-note{
  color:var(--pm4-soft) !important;
  font-size:11px !important;
}
.pace-pm-metrics{
  gap:10px !important;
  padding:12px 0 !important;
}
.pace-pm-metrics>div{
  min-width:120px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:12px;
  background:rgba(255,255,255,.018);
}
.pace-pm-metrics strong{font-size:21px !important}
@media(min-width:761px){
  body.pmv2[data-page="overview"] .pmv2-workspace{
    padding:24px 30px 56px;
  }
  .pmhome3{padding:0}
  .pmhome3-section:nth-of-type(2),
  .pmhome3-section:nth-of-type(4){grid-column:1}
  .pmhome3-section:nth-of-type(3),
  .pmhome3-section:nth-of-type(5){grid-column:2}
}
@media(max-width:760px){
  body.pmv2[data-page="overview"] .pmv2-content{max-width:none}
  .pmhome3{
    display:block;
    padding-bottom:max(28px,calc(18px + env(safe-area-inset-bottom)));
  }
  .pmhome3-hero{
    grid-template-columns:1fr auto;
    grid-template-areas:"title sync" "date date";
    padding:17px 2px 15px;
  }
  .pmhome3-title{font-size:27px}
  .pmhome3-sync{justify-self:end}
  .pmhome3-section{margin-top:8px}
  .pmhome3-card{padding:15px;border-radius:16px}
  .pmhome3-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pmhome3-metric{min-height:86px}
  .pmhome3-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:8px;
  }
  .pmhome3-action{min-height:50px}
}

/* v4.1 compact independent columns */
.pmhome3{display:block}
.pmhome3-board{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
  gap:12px;
  margin-top:12px;
  align-items:start;
}
.pmhome3-column{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:12px;
}
.pmhome3-board .pmhome3-section{
  margin:0 !important;
  grid-column:auto !important;
}
.pmhome3-board .pmhome3-card{
  height:auto;
}
.pmhome3-actions{margin-top:12px}
@media(max-width:760px){
  .pmhome3-board{display:block;margin-top:0}
  .pmhome3-column{display:block}
  .pmhome3-board .pmhome3-section{margin-top:8px !important}
}
