/* STRIX EDGE v51 — ACCESS plan entitlements */

.access-plan-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:24px;
  padding:0 8px;
  border:1px solid rgba(21,147,111,.18);
  border-radius:7px;
  background:rgba(21,147,111,.055);
  color:#078b63;
  font-family:var(--font-mono);
  font-size: 8.5px;
  font-weight:900;
  letter-spacing:.7px;
  white-space:nowrap;
}

.access-plan-chip::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:#0aa777;
  box-shadow:0 0 0 3px rgba(10,167,119,.07);
}

.access-plan-chip--nav{
  margin-left:4px;
}

.auth-dropdown__plan{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 12px 11px;
  padding:9px 10px;
  border:1px solid rgba(21,147,111,.15);
  border-radius:9px;
  background:rgba(21,147,111,.04);
}
.auth-dropdown__plan span{
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size: 8px;
  font-weight:850;
  letter-spacing:.7px;
}
.auth-dropdown__plan strong{
  color:#078b63;
  font-family:var(--font-mono);
  font-size: 9px;
  font-weight:900;
  letter-spacing:.75px;
}

/* Generic locked page */
.access-gate{
  width:min(920px,calc(100% - 32px));
  margin:110px auto 70px;
  padding:32px;
  border:1px solid rgba(21,147,111,.16);
  border-radius:24px;
  background:
    radial-gradient(circle at 90% 10%,rgba(21,147,111,.08),transparent 30%),
    linear-gradient(145deg,var(--neo-surface-2),var(--neo-surface));
  box-shadow:var(--neo-shadow-sm);
}
.access-gate__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
}
.access-gate__kicker{
  display:flex;
  align-items:center;
  gap:9px;
  color:#078b63;
  font-family:var(--font-mono);
  font-size: 9.5px;
  font-weight:900;
  letter-spacing:1.25px;
}
.access-gate__kicker i{
  width:7px;height:7px;border-radius:50%;
  background:#0aa777;
  box-shadow:0 0 0 4px rgba(10,167,119,.07);
}
.access-gate__badge{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border:1px solid rgba(21,147,111,.17);
  border-radius:9px;
  background:rgba(21,147,111,.04);
  color:#078b63;
  font-family:var(--font-mono);
  font-size: 9px;
  font-weight:900;
  letter-spacing:.7px;
}
.access-gate h1{
  margin:13px 0 0;
  max-width:720px;
  color:var(--text-primary);
  font-family:var(--font-display);
  font-size:clamp(34px,5vw,54px);
  font-weight:900;
  line-height:1;
  letter-spacing:-.04em;
}
.access-gate h1 span{color:#0aa777}
.access-gate p{
  max-width:700px;
  margin:14px 0 0;
  color:var(--text-secondary);
  font-size: 13.5px;
  line-height:1.72;
}
.access-gate__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:24px;
}
.access-gate__item{
  min-height:92px;
  padding:13px;
  border:1px solid var(--neo-border);
  border-radius:12px;
  background:rgba(127,148,146,.018);
  box-shadow:var(--neo-shadow-xs);
}
.access-gate__item span{
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size: 8.5px;
  font-weight:850;
  letter-spacing:.75px;
}
.access-gate__item strong{
  display:block;
  margin-top:8px;
  color:var(--text-primary);
  font-size: 13px;
  line-height:1.4;
}
.access-gate__item--active strong{color:#078b63}
.access-gate__actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:23px;
}
.access-gate__btn{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border:1px solid var(--neo-border);
  border-radius:10px;
  background:rgba(127,148,146,.02);
  color:var(--text-primary);
  font-family:var(--font-display);
  font-size: 11.75px;
  font-weight:850;
  text-decoration:none;
  box-shadow:var(--neo-shadow-xs);
  cursor:pointer;
}
.access-gate__btn--primary{
  border-color:rgba(21,147,111,.28);
  background:linear-gradient(135deg,#15936F,#0B6B53);
  color:#fff;
  box-shadow:0 9px 22px rgba(11,107,83,.18);
}
.access-gate__note{
  margin-top:15px;
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size: 8.75px;
  line-height:1.55;
}

/* Locked cards in directories */
.access-card-locked{
  position:relative!important;
  overflow:hidden!important;
  cursor:not-allowed!important;
  filter:saturate(.72);
}
.access-card-locked::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:7;
  background:linear-gradient(145deg,rgba(8,15,19,.03),rgba(8,15,19,.12));
  backdrop-filter:blur(1.6px);
}
.access-card-locked::after{
  content:attr(data-lock-label);
  position:absolute;
  top:12px;
  right:12px;
  z-index:8;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  padding:0 8px 0 24px;
  border:1px solid rgba(200,148,48,.22);
  border-radius:7px;
  background:rgba(200,148,48,.09);
  color:#a36d13;
  font-family:var(--font-mono);
  font-size: 7.75px;
  font-weight:900;
  letter-spacing:.65px;
}
.access-card-locked .engine-card__open,
.access-card-locked .layer-category-open{
  color:#a36d13!important;
}
.access-card-lock-icon{
  position:absolute;
  top:18px;
  right:78px;
  z-index:9;
  width:20px;height:20px;
  display:grid;place-items:center;
  color:#a36d13;
  pointer-events:none;
}

/* Scanner directory preview */
.access-preview-panel{
  position:relative;
  z-index:2;
  margin-top:18px;
  padding:17px;
  border:1px solid rgba(21,147,111,.18);
  border-radius:16px;
  background:
    radial-gradient(circle at 96% 0%,rgba(21,147,111,.07),transparent 28%),
    rgba(127,148,146,.018);
  box-shadow:var(--neo-shadow-xs);
}
.access-preview-panel__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.access-preview-panel__head span{
  color:#078b63;
  font-family:var(--font-mono);
  font-size: 9px;
  font-weight:900;
  letter-spacing:1px;
}
.access-preview-panel__head h3{
  margin:7px 0 0;
  color:var(--text-primary);
  font-family:var(--font-display);
  font-size:20px;
  font-weight:900;
  letter-spacing:-.02em;
}
.access-preview-panel__head p{
  max-width:690px;
  margin:7px 0 0;
  color:var(--text-secondary);
  font-size: 11.75px;
  line-height:1.55;
}
.access-preview-panel__counter{
  min-width:82px;
  min-height:48px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  padding:8px 10px;
  border:1px solid rgba(21,147,111,.14);
  border-radius:10px;
  background:rgba(21,147,111,.035);
}
.access-preview-panel__counter strong{
  color:#078b63;
  font-family:var(--font-display);
  font-size:20px;
}
.access-preview-panel__counter small{
  margin-top:2px;
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size: 7.75px;
}
.access-preview-signal{
  display:grid;
  grid-template-columns:minmax(140px,1.2fr) 95px 90px 120px 112px 130px;
  align-items:center;
  gap:10px;
  min-height:70px;
  margin-top:13px;
  padding:11px 13px;
  border:1px solid var(--neo-border);
  border-left:3px solid rgba(21,147,111,.62);
  border-radius:12px;
  background:rgba(127,148,146,.018);
}
.access-preview-signal--short{border-left-color:rgba(224,78,98,.66)}
.access-preview-signal__asset strong{
  color:var(--text-primary);
  font-family:var(--font-display);
  font-size:17px;
  font-weight:900;
}
.access-preview-signal__asset small{
  margin-left:3px;
  color:var(--text-muted);
  font-size: 9px;
}
.access-preview-signal__asset em{
  display:block;
  margin-top:4px;
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size: 7.75px;
  font-style:normal;
}
.access-preview-signal__cell span{
  display:block;
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size: 7.5px;
  font-weight:850;
  letter-spacing:.55px;
}
.access-preview-signal__cell strong{
  display:block;
  margin-top:5px;
  color:var(--text-primary);
  font-family:var(--font-mono);
  font-size: 11.25px;
}
.access-preview-signal__direction{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:27px;
  padding:0 8px;
  border-radius:7px;
  font-family:var(--font-mono);
  font-size: 9px;
  font-weight:900;
}
.access-preview-signal__direction.long{
  border:1px solid rgba(21,147,111,.20);
  background:rgba(21,147,111,.07);
  color:#078b63;
}
.access-preview-signal__direction.short{
  border:1px solid rgba(224,78,98,.20);
  background:rgba(224,78,98,.065);
  color:#dc425a;
}
.access-preview-empty{
  min-height:94px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:7px;
  margin-top:13px;
  padding:15px;
  border:1px dashed rgba(21,147,111,.18);
  border-radius:12px;
  color:var(--text-muted);
  text-align:center;
}
.access-preview-empty i{
  width:8px;height:8px;border-radius:50%;
  background:#0aa777;
  box-shadow:0 0 0 4px rgba(10,167,119,.07);
  animation:accessPulse 1.2s ease-in-out infinite;
}
.access-preview-empty strong{
  color:var(--text-primary);
  font-size: 13px;
}
.access-preview-empty span{
  max-width:520px;
  font-size: 10.5px;
  line-height:1.55;
}
@keyframes accessPulse{50%{opacity:.35;transform:scale(.84)}}

/* MTF Access preview */
.mtf-access-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:14px 0 0;
  padding:12px 13px;
  border:1px solid rgba(21,147,111,.17);
  border-radius:12px;
  background:rgba(21,147,111,.035);
}
.mtf-access-banner div span{
  color:#078b63;
  font-family:var(--font-mono);
  font-size: 8.5px;
  font-weight:900;
  letter-spacing:.75px;
}
.mtf-access-banner div strong{
  display:block;
  margin-top:5px;
  color:var(--text-primary);
  font-size: 12.75px;
}
.mtf-access-banner a{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 11px;
  border:1px solid rgba(21,147,111,.24);
  border-radius:9px;
  background:linear-gradient(135deg,#15936F,#0B6B53);
  color:#fff;
  font-family:var(--font-display);
  font-size: 10px;
  font-weight:850;
  text-decoration:none;
}
.access-mtf-row{
  display:grid;
  grid-template-columns:38px minmax(140px,1.2fr) 86px 90px 120px 112px 124px;
  align-items:center;
  gap:10px;
  min-height:76px;
  padding:12px 13px;
  border:1px solid var(--neo-border);
  border-left:3px solid rgba(21,147,111,.62);
  border-radius:12px;
  background:rgba(127,148,146,.018);
}
.access-mtf-row.short{border-left-color:rgba(224,78,98,.66)}
.access-mtf-row__rank{
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size: 9px;
}
.access-mtf-row__asset strong{
  color:var(--text-primary);
  font-family:var(--font-display);
  font-size:18px;
  font-weight:900;
}
.access-mtf-row__asset small{margin-left:3px;color:var(--text-muted);font-size: 9px}
.access-mtf-row__asset em{display:block;margin-top:4px;color:var(--text-muted);font-family:var(--font-mono);font-size: 7.75px;font-style:normal}
.access-mtf-row__cell span{display:block;color:var(--text-muted);font-family:var(--font-mono);font-size: 7.5px;font-weight:850;letter-spacing:.55px}
.access-mtf-row__cell strong{display:block;margin-top:5px;color:var(--text-primary);font-family:var(--font-mono);font-size: 11.25px}
.access-mtf-row__direction{
  min-height:28px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:7px;font-family:var(--font-mono);font-size: 9px;font-weight:900;
}
.access-mtf-row__direction.long{border:1px solid rgba(21,147,111,.20);background:rgba(21,147,111,.07);color:#078b63}
.access-mtf-row__direction.short{border:1px solid rgba(224,78,98,.20);background:rgba(224,78,98,.065);color:#dc425a}

.access-upgrade-wall{
  position:relative;
  overflow:hidden;
  margin-top:14px;
  min-height:260px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:26px;
  border:1px solid rgba(200,148,48,.17);
  border-radius:16px;
  background:
    linear-gradient(180deg,rgba(127,148,146,.025),rgba(127,148,146,.06)),
    var(--neo-surface);
  box-shadow:var(--neo-shadow-xs);
}
.access-upgrade-wall::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(180deg,transparent 0 48px,rgba(127,148,146,.04) 48px 49px);
  filter:blur(2px);
}
.access-upgrade-wall__content{
  position:relative;
  z-index:2;
  max-width:620px;
  text-align:center;
}
.access-upgrade-wall__lock{
  width:48px;height:48px;
  display:grid;place-items:center;
  margin:0 auto 13px;
  border:1px solid rgba(200,148,48,.20);
  border-radius:13px;
  background:rgba(200,148,48,.07);
  color:#a36d13;
  font-size:21px;
  box-shadow:var(--neo-shadow-xs);
}
.access-upgrade-wall__content span{
  color:#a36d13;
  font-family:var(--font-mono);
  font-size: 9px;
  font-weight:900;
  letter-spacing:1px;
}
.access-upgrade-wall__content h3{
  margin:8px 0 0;
  color:var(--text-primary);
  font-family:var(--font-display);
  font-size:22px;
  font-weight:900;
  letter-spacing:-.025em;
}
.access-upgrade-wall__content p{
  max-width:560px;
  margin:9px auto 0;
  color:var(--text-secondary);
  font-size: 11.75px;
  line-height:1.6;
}
.access-upgrade-wall__content a{
  min-height:39px;
  display:inline-flex;
  align-items:center;
  margin-top:15px;
  padding:0 13px;
  border-radius:9px;
  background:linear-gradient(135deg,#15936F,#0B6B53);
  color:#fff;
  font-family:var(--font-display);
  font-size: 11.25px;
  font-weight:850;
  text-decoration:none;
  box-shadow:0 9px 20px rgba(11,107,83,.18);
}

/* Light mode */
[data-theme="light"] .access-gate,
[data-theme="light"] .access-preview-panel,
[data-theme="light"] .access-upgrade-wall{
  background:
    radial-gradient(circle at 92% 5%,rgba(21,147,111,.06),transparent 30%),
    linear-gradient(145deg,#eef4f7,#e5edf1);
}

/* Responsive */
@media(max-width:900px){
  .access-preview-signal{
    grid-template-columns:1.2fr .8fr .8fr;
  }
  .access-preview-signal__cell:nth-of-type(n+4){margin-top:2px}
  .access-mtf-row{
    grid-template-columns:34px 1.3fr .8fr .8fr;
  }
  .access-mtf-row__cell:nth-of-type(n+4){margin-top:2px}
}
@media(max-width:720px){
  .access-gate{margin-top:88px;padding:20px}
  .access-gate__top{flex-direction:column;gap:13px}
  .access-gate__grid{grid-template-columns:1fr}
  .access-preview-panel__head{flex-direction:column}
  .access-preview-panel__counter{align-items:flex-start}
  .access-preview-signal{grid-template-columns:1fr 1fr}
  .access-mtf-row{grid-template-columns:34px 1fr 1fr}
  .access-mtf-row__cell{min-width:0}
}


/* v52 — tier-specific polish */
.plan-tier-edge{border-color:rgba(16,134,164,.22)!important;background:rgba(16,134,164,.06)!important;color:#0d7992!important}
.plan-tier-prime{border-color:rgba(190,142,36,.24)!important;background:rgba(190,142,36,.07)!important;color:#9a6b0c!important}
.plan-tier-institutional{border-color:rgba(112,95,174,.22)!important;background:rgba(112,95,174,.06)!important;color:#6b59a9!important}
[data-theme="light"] .plan-tier-edge{color:#0b6d83!important}
[data-theme="light"] .plan-tier-prime{color:#895e08!important}
[data-theme="light"] .plan-tier-institutional{color:#6251a0!important}


