/* Tier gating — locked Pro surfaces stay VISIBLE behind a blur rather than
   disappearing. Hiding them tells a free user nothing; showing them blurred
   tells them exactly what they'd get, and is honest about what is being sold. */

.pi-gate{position:relative}
.pi-gate.locked > :not(.pi-lock){
  filter:blur(5px) saturate(.6);
  opacity:.4;
  pointer-events:none;
  user-select:none;
}
.pi-lock{position:absolute;inset:0;display:grid;place-items:center;z-index:5;
  background:radial-gradient(circle at 50% 45%,rgba(10,15,26,.55),rgba(10,15,26,.86));
  border-radius:inherit;padding:18px}
.pi-lock-in{text-align:center;max-width:34ch}
.pi-lock-i{font-size:20px;line-height:1;margin-bottom:9px;filter:grayscale(.3)}
.pi-lock-t{font-family:'Space Grotesk','Inter',system-ui,sans-serif;font-weight:700;
  font-size:16px;letter-spacing:-.02em;color:var(--ink,#f4f7fc);margin-bottom:6px}
.pi-lock-s{font-size:12.5px;line-height:1.55;color:var(--ink2,#aeb9cf);margin-bottom:13px}
.pi-lock-b{display:inline-block;background:linear-gradient(180deg,var(--brass2,#ffc766),var(--brass,#f0ad3f));
  color:#241803;padding:9px 17px;border-radius:9px;font-weight:750;font-size:13px;
  text-decoration:none;transition:.15s}
.pi-lock-b:hover{filter:brightness(1.06)}

/* tier chip in the nav */
.pi-badge{display:inline-block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:9.5px;
  letter-spacing:.11em;font-weight:700;padding:3px 8px;border-radius:6px;text-decoration:none;
  border:1px solid;vertical-align:middle}
.pi-badge.free{color:var(--muted,#6d7b96);border-color:var(--line2,#2c4160);background:rgba(174,185,207,.06)}
.pi-badge.pro{color:var(--up,#3fc9dd);border-color:rgba(63,201,221,.4);background:rgba(63,201,221,.12)}

/* a locked <option> should read as an upsell, not as a broken control */
select option:disabled{color:var(--muted,#6d7b96)}

/* inline row-level lock, for tables where an overlay would be too heavy */
.pi-rowlock{text-align:center;padding:26px 18px}
.pi-rowlock .t{font-family:'Space Grotesk','Inter',sans-serif;font-weight:700;font-size:16px;
  color:var(--ink,#f4f7fc);margin-bottom:6px}
.pi-rowlock .s{font-size:13px;color:var(--ink2,#aeb9cf);margin-bottom:14px;max-width:46ch;
  margin-left:auto;margin-right:auto;line-height:1.6}
.pi-rowlock a{display:inline-block;background:linear-gradient(180deg,var(--brass2,#ffc766),var(--brass,#f0ad3f));
  color:#241803;padding:11px 20px;border-radius:10px;font-weight:750;font-size:13.5px;text-decoration:none}
.pi-rowlock a:hover{filter:brightness(1.06)}

@media(max-width:560px){
  .pi-lock{padding:14px}
  .pi-lock-t{font-size:14.5px}
  .pi-lock-s{font-size:11.5px;margin-bottom:11px}
}