.onyx-denied{
   /* padding:18px; */
   margin: 20px 30px;
}
.denied-card{

  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), var(--card-bg);
  border:1px solid var(--border-color); border-radius:16px; box-shadow:0 20px 60px var(--shadow-color);
  overflow:hidden;
}
.denied-head{
  display:flex;
  gap:12px;
  justify-content: center;
  align-items:center;
  padding:14px;
  border-bottom:1px solid var(--border-color);
  background:linear-gradient(180deg, rgba(0,0,0,.08), transparent);
}
.denied-head .icon{
  width:56px;
  height:56px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb, var(--accent) 20%, transparent);
  color: var(--accent);
  box-shadow:0 6px 18px var(--shadow-color);
}
.denied-head .icon i{font-size:22px}
.denied-head .copy h1{margin:0;color:#fff;font-size:20px}
.denied-head .copy p{margin:2px 0 6px;color:var(--text-light)}
.meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.muted{color:var(--text-light);font-size:12px}
.sep{color:var(--text-light);opacity:.7}
.pill{
  display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;
  font-size:12px;border:1px solid var(--border-color);background:var(--highlight-bg);color:var(--text-main);gap:6px
}
.pill.code{letter-spacing:.4px;font-weight:800;color:#fff}
.pill.need{border-style:dashed}

.denied-body{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;padding:12px}
@media (max-width:900px){ .denied-body{grid-template-columns:1fr} }

.denied-reasons{
  border:1px solid var(--border-color);border-radius:12px;padding:12px;background:var(--highlight-bg)
}
.denied-reasons h3{margin:0 0 8px;color:#fff;font-size:15px;display:flex;gap:8px;align-items:center}
.denied-reasons ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.denied-reasons li{display:flex;gap:10px;align-items:center;color:var(--text-main);background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:8px}
.denied-reasons li i{color:var(--text-light)}

.tech{margin-top:10px;border:1px dashed var(--border-color);border-radius:10px;padding:8px}
.tech>summary{list-style:none;cursor:pointer;display:flex;gap:8px;align-items:center;color:var(--text-main);font-weight:700}
.tech>summary::-webkit-details-marker{display:none}
.techgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.techgrid span{color:var(--text-light);font-size:12px}
.techgrid b{color:#fff;word-break:break-all}
@media (max-width:560px){ .techgrid{grid-template-columns:1fr} }

.denied-actions{display:grid;gap:10px}
.search{
  display:flex;gap:8px;align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:8px 10px
}
.search i{color:var(--text-light)}
.search input{
  background:transparent;border:none;outline:none;color:var(--text-main);flex:1;min-width:0
}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-color);border-radius:12px;padding:10px 12px;text-decoration:none;color:var(--text-main);background:var(--highlight-bg);font-weight:800}
.btn:hover{border-color:var(--accent);color:#fff}
.btns{display:flex;flex-wrap:wrap;gap:8px}
.btn-primary{background:var(--button-bg);color:var(--button-text);border-color:transparent}
.btn-primary:hover{background:var(--button-hover-bg)}
.btn-boost{background:linear-gradient(180deg, rgba(255,255,255,.02), transparent), var(--card-bg);border-style:solid}
.btn-outline{background:transparent}
.tips{display:grid;gap:8px}
.tip{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border-color);border-radius:12px;padding:10px;background:var(--card-bg)}
.tip i{color:var(--accent)}
.tip b{color:#fff;display:block}
.tip span{color:var(--text-light);font-size:13px}

.badge-row{
  display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px;align-items:center;
  border-top:1px solid var(--border-color);padding-top:10px
}
.badge-row .key{color:var(--text-light);font-size:12px}
.badge-row .val{display:flex;gap:8px;align-items:center}

/* Group tint accents (optional) */
.pill.role[data-role="admin"], .pill.role[data-role="4"]{ box-shadow:inset 0 0 0 1px var(--admin); }
.pill.role[data-role="moderator"]{ box-shadow:inset 0 0 0 1px var(--moderator); }
.pill.role[data-role="developer"]{ box-shadow:inset 0 0 0 1px var(--developer); }
.pill.role[data-role="supervisor"]{ box-shadow:inset 0 0 0 1px var(--supervisor); }