.pem-back{position:fixed;inset:0;z-index:40;background:rgba(30,43,53,.48);display:grid;place-items:center;padding:20px}
.pem{width:min(760px,100%);max-height:min(92dvh,900px);overflow:hidden;background:#fff;border-radius:6px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.pem-head{display:flex;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}
.pem-head h2{margin:0;font:700 17px var(--font-display)}
.pem-body{padding:18px 20px;display:grid;grid-auto-rows:max-content;align-content:start;gap:14px;overflow:auto;min-height:0}
.pem-foot{display:flex;flex-shrink:0;justify-content:flex-end;gap:8px;padding:13px 20px;border-top:1px solid var(--line)}
.pem-recips{border:1px solid var(--line);border-radius:5px;padding:6px 10px;margin:0;min-width:0}
.pem-recips-list{display:grid;grid-auto-rows:max-content;gap:2px;max-height:520px;overflow:auto}
.pem-recips legend{font-size:11px;font-weight:700;color:#4c5963;padding:0 4px}
.pem-r{display:flex;gap:9px;align-items:flex-start;padding:6px 0;font-size:13px;overflow-wrap:anywhere}
.pem-r small{display:block;color:var(--muted);font-size:11px}
.pem .form-label .pem-text{min-height:260px;resize:vertical;font-family:var(--font-ui);line-height:1.5}
.pem-msg{margin:0}
.pem-msg a{color:var(--accent)}
@media (max-width:480px){.pem-back{padding:0;align-items:end}.pem{max-height:96dvh;border-radius:6px 6px 0 0}.pem-body,.pem-head,.pem-foot{padding-left:14px;padding-right:14px}.pem-foot .btn{flex:1}}