.login-permissions-modal{position:fixed;z-index:110;inset:0;display:none;place-items:center;padding:18px}
.login-permissions-modal:target{display:grid}
.login-permissions-backdrop{position:absolute;inset:0;background:rgba(1,4,8,.86);backdrop-filter:blur(8px)}
.login-permissions-dialog{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(760px,calc(100vw - 28px));max-height:min(720px,calc(100vh - 32px));border:1px solid #32677d;border-left:4px solid var(--cyan);background:linear-gradient(145deg,#111a25,#0b1119);box-shadow:0 30px 100px #000}
.login-permissions-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #294354;color:#70ddf5;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.login-permissions-dialog>header a{display:grid;place-items:center;width:28px;height:28px;color:#dbe6ef;font-size:23px;text-decoration:none}
.login-permissions-content{min-height:0;padding:18px;overflow:auto;overscroll-behavior:contain}
.permission-intro{display:flex;align-items:center;justify-content:space-between;gap:16px}
.permission-intro div{display:grid;gap:4px}
.permission-intro small{color:var(--cyan);font-size:9px;letter-spacing:.12em}
.permission-intro strong{font-size:20px}
.permission-intro>span{padding:6px 9px;border:1px solid #385266;background:#111f2c;color:#b9d7e2;font-size:10px;white-space:nowrap}
.permission-character,.permission-validation{margin:10px 0!important;padding:9px 11px;border:1px solid var(--line);background:#0a131d;color:#9aabba!important;font-size:11px!important;line-height:1.45!important}
.permission-character b{color:#eef6fb}
.permission-details{border:1px solid var(--line);background:#0b141e}
.permission-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;cursor:pointer;color:#dce8ef;font-size:11px}
.permission-details>summary b{color:var(--amber)}
.permission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:7px;border-top:1px solid var(--line)}
.permission-list article{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;min-width:0;padding:7px;border:1px solid #233445;background:#09111a}
.permission-list article>span{align-self:start;padding:3px;background:#14212d;color:#ffd16a;font-size:7px;text-align:center;text-transform:uppercase}
.permission-list article.enabled>span{color:#76e4b2}
.permission-list strong{display:block;font:9px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.permission-list p{margin:2px 0 0!important;color:#8395a5!important;font-size:9px!important;line-height:1.35!important}
.login-permissions-content form{margin:12px 0 0}
.login-permissions-content button{width:100%;padding:13px;border-color:#3aa8c3;background:linear-gradient(180deg,#174253,#0e2b38);font-weight:800;letter-spacing:.025em}
@media(max-width:620px){.permission-list{grid-template-columns:1fr}.permission-intro strong{font-size:17px}.login-permissions-content{padding:14px}}