/* Metix AI · shared report chrome — single source for nav CTA, lead modal,
   gated-name styling, and floating pills. Self-contained (literal colors, no
   dependency on a report's CSS vars). Injected by oj-chrome.js.
   Change chrome appearance HERE only — every report updates on next deploy. */

/* gated names -- always masked; real names never ship to the browser, so there is no
   "revealed" state to style (the full list only ever goes out by email). */
.gname{filter:blur(5px);-webkit-filter:blur(5px);user-select:none;cursor:pointer;
  border-bottom:1px dashed rgba(111,74,242,.45);transition:filter .5s ease;color:inherit}
.gname:hover{filter:blur(3.5px)}

/* nav CTA */
html,body{overflow-x:hidden}
.nav .wrap{overflow:hidden}
.nav .wrap>a,.nav .wrap>a.lnk{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.nav .wrap>a[href^="#"],.nav .wrap>a.lnk[href^="#"]{display:none}
.nav-cta{margin-left:auto;display:flex;gap:8px;flex:0 0 auto;align-items:center}
.nav-cta a{display:inline-block;font-size:12.5px;font-weight:700;border-radius:999px;
  padding:6px 14px;white-space:nowrap;transition:all .15s;cursor:pointer;flex:0 0 auto;overflow:visible;text-overflow:clip}
.nav-cta .ghost{color:#5E3ED8;border:1px solid #D9CFFC;background:#fff}
.nav-cta .ghost:hover{background:#F7F3FF;text-decoration:none}
.nav-cta .solid{color:#fff;background:linear-gradient(120deg,#6F4AF2,#17B894);box-shadow:0 2px 8px rgba(111,74,242,.3)}
.nav-cta .solid:hover{text-decoration:none;transform:translateY(-1px)}

/* lead modal */
.ojm-backdrop{position:fixed;inset:0;background:rgba(33,30,50,.5);backdrop-filter:blur(6px);
  z-index:200;display:none;align-items:center;justify-content:center;padding:20px}
.ojm-backdrop.open{display:flex;animation:ojfade .2s ease}
@keyframes ojfade{from{opacity:0}to{opacity:1}}
.ojm{background:#fff;border-radius:20px;max-width:480px;width:100%;padding:30px 32px 26px;
  box-shadow:0 24px 80px rgba(33,30,50,.35);animation:ojpop .26s cubic-bezier(.2,.9,.3,1.15);
  position:relative;max-height:92vh;overflow:auto;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;color:#211E32}
@keyframes ojpop{from{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:none}}
.ojm .x{position:absolute;top:12px;right:14px;font-size:22px;color:rgba(33,30,50,.42);cursor:pointer;
  line-height:1;border:none;background:none;font-family:inherit}
.ojm .x:hover{color:#211E32}
.ojm .kick{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  background:linear-gradient(120deg,#6F4AF2,#008E70);-webkit-background-clip:text;background-clip:text;color:transparent}
.ojm h3{font-size:20px;font-weight:800;margin:6px 0;color:#211E32}
.ojm .sub{font-size:13px;color:rgba(33,30,50,.62);margin-bottom:18px;line-height:1.65}
.ojm form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ojm .full{grid-column:1/-1}
.ojm label{display:block;font-size:12px;font-weight:600;color:rgba(33,30,50,.62);margin-bottom:4px}
.ojm .rq{color:#5E3ED8;font-weight:800}
.ojm .opt{color:rgba(33,30,50,.42);font-weight:500;font-size:11px}
.ojm input{width:100%;border:1.5px solid #E9E4F6;border-radius:10px;padding:9px 12px;font-size:14px;
  font-family:inherit;color:#211E32;outline:none;transition:border-color .15s;background:#FCFBFF}
.ojm input:focus{border-color:#6F4AF2;background:#fff}
.ojm .btn{grid-column:1/-1;margin-top:6px;background:linear-gradient(120deg,#6F4AF2,#17B894);color:#fff;
  font-weight:700;font-size:15px;border:none;border-radius:12px;padding:12px;cursor:pointer;
  font-family:inherit;transition:opacity .15s}
.ojm .btn:hover{opacity:.92}
.ojm .btn[disabled]{opacity:.55;cursor:wait}
.ojm .priv{grid-column:1/-1;font-size:11.5px;color:rgba(33,30,50,.42);text-align:center;margin-top:2px;line-height:1.6}
.ojm .err{grid-column:1/-1;font-size:12.5px;color:#C2410C;display:none}
.ojm .done{display:none;text-align:center;padding:24px 0 10px}
.ojm .done .ic{width:54px;height:54px;border-radius:50%;background:#E7F7F3;color:#008E70;
  font-size:26px;line-height:54px;margin:0 auto 14px;font-weight:800}
.ojm .done h4{font-size:18px;font-weight:800;margin-bottom:8px;color:#211E32}
.ojm .done p{font-size:13px;color:rgba(33,30,50,.62);line-height:1.7}
.ojm .done a{color:#5E3ED8}

/* floating pills (bottom-right) */
.oj-fab{position:fixed;right:22px;z-index:91;display:inline-flex;align-items:center;gap:8px;
  border-radius:999px;font-size:13px;font-weight:700;line-height:1;text-decoration:none;
  box-shadow:0 8px 28px rgba(33,30,50,.16);transition:transform .15s ease,box-shadow .15s ease,border-color .15s;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}
.oj-fab:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(33,30,50,.26);text-decoration:none}
.oj-backlist{bottom:72px;background:#fff;color:#211E32;border:1px solid #E9E4F6;padding:10px 16px 10px 13px}
.oj-backlist svg{width:16px;height:16px;flex:0 0 auto;color:#6F4AF2}
.oj-backlist:hover{border-color:#D9CFFC}
.oj-madeby{bottom:22px;background:#211E32;color:rgba(255,255,255,.9);padding:11px 18px}
.oj-madeby .dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(120deg,#6F4AF2,#17B894);
  box-shadow:0 0 12px rgba(23,184,148,.85);flex:0 0 auto}
.oj-madeby b{background:linear-gradient(120deg,#B9A4FF,#5EE6C4);-webkit-background-clip:text;background-clip:text;
  color:transparent;font-weight:800;margin-left:3px}

@media print{.oj-fab,.nav-cta,.ojm-backdrop{display:none!important}.gname{filter:none}}
@media(max-width:600px){
  .ojm form{grid-template-columns:1fr}.ojm{padding:24px 20px 20px}.nav .wrap{gap:10px}.nav .wrap>a,.nav .wrap>a.lnk{display:none}.nav-cta a{font-size:11.5px;padding:5px 10px}.nav-cta .ghost{display:none}
  .oj-backlist{right:12px;bottom:64px;padding:8px 13px 8px 11px;font-size:12.5px}
  .oj-madeby{right:12px;bottom:16px;padding:9px 15px;font-size:12.5px}
}