/* Admin-only tweaks on top of /ui/shared/base.css */

/* inline rate-limit editor */
.rl{display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:.55rem .9rem; padding:.9rem 1.1rem; background:var(--bg); border-top:1px dashed var(--line-2)}
.rl label{display:flex; justify-content:space-between; align-items:center; gap:.6rem; font-size:.8rem; color:var(--mut)}
.rl input{width:6.2rem; font-family:var(--mono); font-size:.82rem}
.rl-foot{padding:0 1.1rem 1rem; background:var(--bg); display:flex; gap:.6rem; align-items:center}

/* webhook event picker grid */
.wh-events{display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:.35rem .8rem}
.wh-ev{display:flex; align-items:center; gap:.45rem; font-size:.82rem; font-family:var(--mono); cursor:pointer; padding:.2rem .25rem; border-radius:5px; color:var(--mut)}
.wh-ev:hover{background:var(--panel-2); color:var(--text)}
.wh-ev.rec{color:var(--text)}
.wh-ev input{cursor:pointer}

/* api-key permission checkboxes */
.perm-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:.55rem .9rem; margin-top:.7rem}
.perm-opt{display:flex; gap:.55rem; align-items:flex-start; padding:.55rem .65rem; border:1px solid var(--line); border-radius:var(--r-s); cursor:pointer}
.perm-opt:hover{border-color:var(--mut)}
.perm-opt input{margin-top:.2rem; accent-color:var(--green)}
.perm-opt b{display:block; font-size:.86rem}
.perm-opt p{color:var(--mut); font-size:.76rem; margin-top:.1rem}