:root{
  --metris-navy:var(--metris-navy);
  --metris-blue:#2563eb;
  --metris-green:#16a34a;
  --metris-amber:#f59e0b;
  --metris-purple:#7c3aed;
  --metris-sky:#0ea5e9;
  --metris-border:var(--metris-border);
  --metris-muted:var(--metris-muted);
  --metris-bg:var(--metris-bg);
}

.metris-dashboard.v2{max-width:1200px;margin:0 auto;padding:36px 20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--metris-navy)}
.metris-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.metris-brand{font-weight:700;letter-spacing:.2px}
.metris-user{color:var(--metris-muted);font-size:14px;display:flex;gap:14px;align-items:center}
.metris-logout{color:var(--metris-navy);text-decoration:none;border-bottom:1px solid var(--metris-border)}
.metris-snapshot{display:grid;grid-template-columns:2fr 1fr;gap:26px;background:var(--metris-bg);border:1px solid var(--metris-border);border-radius:18px;padding:28px;margin-bottom:34px}
.snapshot-eyebrow{font-size:12px;letter-spacing:.12em;color:#64748b;margin-bottom:10px}
.snapshot-main h1{margin:0 0 10px;font-size:34px;line-height:1.15}
.snapshot-main p{margin:0;color:var(--metris-muted);max-width:55ch}
.primary-cta{display:inline-flex;align-items:center;margin-top:16px;padding:12px 16px;background:var(--metris-navy);color:#fff;border-radius:12px;text-decoration:none;font-weight:600}
.snapshot-meta{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}
.meta-pill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--metris-border);color:#64748b;background:#fff}
.meta-pill.done{border-color:#bbf7d0;color:var(--metris-green);background:#f0fdf4}
.meta-pill.pending{border-color:var(--metris-border);color:#64748b;background:#fff}
.snapshot-progress h3{margin:0 0 12px;font-size:14px;color:var(--metris-navy)}
.snapshot-progress ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.snapshot-progress li{font-size:14px;color:#64748b;position:relative;padding-left:16px}
.snapshot-progress li:before{content:"";width:8px;height:8px;border-radius:999px;background:#cbd5e1;position:absolute;left:0;top:7px}
.snapshot-progress li.done{color:var(--metris-green)}
.snapshot-progress li.done:before{background:var(--metris-green)}
.snapshot-progress li.active{color:var(--metris-blue);font-weight:700}
.snapshot-progress li.active:before{background:var(--metris-sky)}
.snapshot-progress li.pending{color:#94a3b8}
.metris-journey h2,.metris-secondary h2{margin:0 0 14px;font-size:18px}
.journey-step{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 18px;border:1px solid var(--metris-border);border-radius:16px;background:#fff;margin-bottom:12px}
.journey-step h3{margin:0 0 6px;font-size:16px}
.journey-step p{margin:0;color:var(--metris-muted);font-size:14px}
.journey-step a{white-space:nowrap;color:var(--metris-blue);text-decoration:none;font-weight:600}
.journey-step.active{background:#f1f5f9;border-color:#cbd5e1}
.journey-step a.highlight{color:var(--metris-navy)}
.metris-secondary{margin-top:26px}
.secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.secondary-card{border:1px solid var(--metris-border);border-radius:16px;background:#fff;padding:18px}
.secondary-card h3{margin:0 0 6px;font-size:16px}
.secondary-card p{margin:0 0 12px;color:var(--metris-muted);font-size:14px}
.secondary-card a{color:var(--metris-blue);text-decoration:none;font-weight:600}
.secondary-actions{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width: 880px){.metris-snapshot{grid-template-columns:1fr}.secondary-grid{grid-template-columns:1fr}}


/* Morrisby-like color accents */
.metris-dashboard.v2{position:relative}
.metris-snapshot{
  background: linear-gradient(180deg, rgba(14,165,233,.10), rgba(124,58,237,.06));
}
.metris-snapshot:before{
  content:"";
  position:absolute;
  width:8px;
  left:0; top:0; bottom:0;
  border-radius:18px 0 0 18px;
  background: linear-gradient(180deg, var(--metris-sky), var(--metris-purple));
}
.metris-snapshot{position:relative; overflow:hidden}

.primary-cta{
  background: linear-gradient(90deg, var(--metris-navy), var(--metris-blue));
  box-shadow: 0 10px 24px rgba(15,23,42,.12);
}
.primary-cta:hover{filter:brightness(1.03)}

.journey-step{position:relative; overflow:hidden}
.journey-step:before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:6px;
  background: var(--metris-border);
}
.journey-step:nth-of-type(1):before{background: linear-gradient(180deg,var(--metris-amber),#f97316);}
.journey-step:nth-of-type(2):before{background: linear-gradient(180deg,var(--metris-sky),var(--metris-blue));}
.journey-step:nth-of-type(3):before{background: linear-gradient(180deg,var(--metris-green),#22c55e);}
.journey-step:nth-of-type(4):before{background: linear-gradient(180deg,var(--metris-purple),#a855f7);}

.secondary-card{background: linear-gradient(180deg, rgba(245,158,11,.06), rgba(14,165,233,.05));}

/* --- V4 Morrisby-like panels + remove stray login text inside content --- */
.metris-dashboard.v4{max-width:1200px;margin:0 auto;padding:36px 20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#0f172a}
/* Hide any theme-inserted "Logged in as" line that appears inside the portal content */
.metris-dashboard.v4 .logged-in-as,
.metris-dashboard.v4 .login-logout,
.metris-dashboard.v4 .loginout,
.metris-dashboard.v4 .wp-loginout,
.metris-dashboard.v4 .metris-loginbar{display:none !important;}

.metris-next{margin-bottom:18px}
.metris-next-card{display:grid;grid-template-columns:2fr 1fr;gap:18px;background:linear-gradient(135deg,#eef2ff 0%,#f0f9ff 40%,#f0fdf4 100%);border:1px solid rgba(226,232,240,.95);border-radius:20px;padding:22px;position:relative;overflow:hidden}
.metris-next-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(180deg,#3b82f6 0%,#8b5cf6 50%,#22c55e 100%)}
.metris-next-left{padding-left:6px}
.metris-next .eyebrow{font-size:12px;letter-spacing:.14em;color:#475569;margin-bottom:10px}
.metris-next h1{margin:0 0 10px;font-size:36px;line-height:1.15}
.metris-next p{margin:0;color:#334155;max-width:60ch}
.metris-next .cta{display:inline-flex;align-items:center;margin-top:16px;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 60%,#0f172a 100%);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 10px 26px rgba(15,23,42,.15)}
.metris-next .chips{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.metris-next .chip{font-size:12px;padding:7px 12px;border-radius:999px;border:1px solid rgba(226,232,240,.95);background:rgba(255,255,255,.85);color:#334155}
.metris-next .chip.done{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
.metris-next .chip.pending{border-color:#e2e8f0;background:rgba(255,255,255,.65);color:#64748b}

.metris-next-right{display:flex;flex-direction:column;gap:10px}
.journey-title{font-weight:800;color:#0f172a}
.journey{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.journey li{font-size:14px;color:#64748b;position:relative;padding-left:16px}
.journey li:before{content:"";width:8px;height:8px;border-radius:999px;background:#cbd5e1;position:absolute;left:0;top:7px}
.journey li.done{color:#166534}
.journey li.done:before{background:#22c55e}
.journey li.active{color:#1d4ed8;font-weight:800}
.journey li.active:before{background:#3b82f6}
.journey li.pending{color:#94a3b8}


.metris-panels{margin:16px 0 8px}
.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.panel{display:block;text-decoration:none;color:inherit;border-radius:18px;border:1px solid rgba(226,232,240,.95);background:#fff;padding:16px;box-shadow:0 10px 22px rgba(2,6,23,.05)}
.panel-head{margin-bottom:10px}
.panel-title{font-weight:800;font-size:16px}
.panel-sub{font-size:13px;color:#64748b;margin-top:4px}
.panel-items .item{padding:9px 0;border-top:1px dashed #e2e8f0;color:#334155;font-size:14px}
.panel-foot{margin-top:12px;font-weight:800;color:#1d4ed8}
.panel-about{border-top:6px solid #5a93a9}
.panel-choices{border-top:6px solid #562d90}
.panel-progress{border-top:6px solid #192c44}

.metris-journey{margin-top:18px}
.metris-journey h2{margin:0 0 12px;font-size:18px}
.tool-row{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid rgba(226,232,240,.95);border-radius:16px;background:#fff;padding:16px;margin-bottom:12px}
.tool-title{font-weight:800}
.tool-desc{color:#64748b;font-size:14px;margin-top:4px}
.tool-cta{display:inline-flex;text-decoration:none;font-weight:800;color:#1d4ed8}
.tool-cta.primary{color:#0f172a}

@media (max-width: 980px){
  .metris-next-card{grid-template-columns:1fr}
  .panel-grid{grid-template-columns:1fr}
  .illus{display:none}
}

/* Disable CTA when prerequisites not met */
.cta.disabled {
  opacity: 0.45;
  pointer-events: none;
  filter: grayscale(0.3);
}

/* Foundation Progress label + status badges */
.chips{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.chips-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-weight:800;margin-right:6px}
.chip.status-badge{cursor:default}