/* transparency.css — A23 right-slide drawer */
.cm-trans-overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.45);
  z-index:9000; opacity:0; pointer-events:none; transition:opacity .2s;
}
.cm-trans-overlay.open{ opacity:1; pointer-events:auto }
.cm-trans-drawer{
  position:fixed; top:0; right:0; bottom:0; width:min(440px, 92vw);
  background:var(--panel); border-left:1px solid var(--border);
  z-index:9001; transform:translateX(100%); transition:transform .25s;
  display:flex; flex-direction:column; box-shadow:-8px 0 24px rgba(0,0,0,.4);
}
.cm-trans-drawer.open{ transform:translateX(0) }
.cm-trans-head{
  display:flex; justify-content:space-between; align-items:center;
  padding:14px 18px; border-bottom:1px solid var(--border);
}
.cm-trans-head h3{ margin:0; font-size:14px; font-weight:600 }
.cm-trans-close{
  background:transparent; border:none; color:var(--muted); font-size:20px;
  cursor:pointer; padding:4px 8px; border-radius:6px;
}
.cm-trans-close:hover{ color:var(--accent); background:var(--panel2) }
.cm-trans-tabs{
  display:flex; gap:4px; padding:8px 12px; border-bottom:1px solid var(--border);
}
.cm-trans-tab{
  padding:6px 10px; font-size:12px; cursor:pointer;
  background:var(--panel2); border:1px solid var(--border); border-radius:6px;
  color:var(--muted);
}
.cm-trans-tab.active{ background:var(--accent); border-color:var(--accent); color:#fff }
.cm-trans-body{ flex:1; overflow:auto; padding:14px 18px; font-size:13px }
.cm-trans-body h4{ margin:14px 0 6px; font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.5px }
.cm-trans-body code{
  background:var(--panel2); border:1px solid var(--border);
  padding:1px 5px; border-radius:4px; font-size:12px;
}
.cm-trans-body ul{ margin:6px 0 14px; padding-left:18px }
.cm-trans-body li{ margin:4px 0 }
.cm-trans-foot{
  padding:10px 18px; border-top:1px solid var(--border);
  font-size:11px; color:var(--muted);
}
.cm-trans-zero{
  display:inline-block; padding:2px 8px; border-radius:999px;
  background:#22c55e22; color:#22c55e; border:1px solid #22c55e44;
  font-weight:600;
}
#whatsTrackedLink{
  background:transparent; border:none; color:inherit; text-decoration:underline;
  cursor:pointer; padding:0; font:inherit;
}
#whatsTrackedLink:hover{ color:var(--accent) }