.pe-grid{display:grid;gap:16px;color:var(--shell-ink,#192d47)}.pe-card{padding:clamp(16px,2vw,26px);background:var(--shell-surface,#fff);border:1px solid var(--shell-line,#dce4ef);border-radius:7px;min-width:0}.pe-card h2{margin:0 0 15px;font-size:17px}.pe-card p,.pe-card small,.pe-rules dt{color:var(--shell-muted,#566980)}.pe-copy,.pe-inline,.pe-fin,.pe-list>div,.pe-rules>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pe-inline{align-items:flex-end}.pe-copy input{flex:1 1 200px;min-width:0}.pe-form,.pe-inline label,.pe-form label{display:grid;gap:9px}.pe-form{max-width:540px;align-items:start}.pe-form button{justify-self:start}.pe-grid input{max-width:100%;box-sizing:border-box;background:var(--shell-bg,#f6f8fb);color:inherit;border:1px solid var(--shell-line,#d3deea);border-radius:4px;padding:9px 12px;font:inherit}.pe-card pre{overflow:auto;background:var(--shell-soft,#edf2f9);color:var(--shell-ink,#1c3656);padding:15px;font-size:13px;border-radius:4px;line-height:1.7}.pe-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:14px}.pe-metric{display:grid;gap:6px}.pe-metric strong,.pe-fin strong{font-size:clamp(22px,3vw,32px)}.pe-fin,.pe-list>div,.pe-rules>div{justify-content:space-between}.pe-list>div,.pe-rules>div{padding:10px 0;border-bottom:1px solid var(--shell-line,#dce4ef)}.pe-list small{display:block}.pe-rules dd{margin:0}.pe-grid a,.pe-fin strong{color:var(--shell-link,#215ed3)}.pe-grid p{line-height:1.7}.pe-issue{color:#b83c38}

.pe-key-form { display:grid; align-items:start; gap:14px; margin-top:20px; }
.pe-key-form > button { justify-self:start; }
.pe-key-name { display:grid; gap:7px; max-width:350px; }
.pe-scopes { min-width:0; margin:0; padding:0; border:0; }
.pe-scopes legend { padding:0; margin-bottom:8px; font-weight:600; font-size:14px; }
.pe-scope-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr)); gap:6px 12px; }
.pe-scope-grid label { display:flex; align-items:flex-start; gap:8px; padding:8px; border:1px solid var(--shell-line,#dce4ef); border-radius:4px; cursor:pointer; }
.pe-scope-grid label:has(input:checked) { background:var(--shell-soft,#f1f5fb); }
.pe-scope-grid input[type=checkbox] { flex:none; height:15px; width:15px; min-height:0; padding:0; margin:2px 0 0; accent-color:var(--shell-link,#215ed3); }
.pe-scope-grid label > span { min-width:0; overflow-wrap:anywhere; font-size:13px; }
.pe-scope-grid code { display:block; margin-top:2px; font-size:11px; color:var(--shell-muted,#566980); }
.pe-key-list:not(:empty) { margin-top:23px; }
.pe-key-row { padding:14px 0; border-top:1px solid var(--shell-line,#dce4ef); }
.pe-key-info,.pe-key-actions,.pe-key-grants { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.pe-key-info { justify-content:space-between; }
.pe-key-info strong { overflow-wrap:anywhere; }
.pe-key-info small { display:block; margin-top:2px; }
.pe-key-grants { margin:9px 0; gap:5px; }
.pe-scope-tag { border:1px solid var(--shell-line,#dce4ef); padding:2px 6px; border-radius:3px; color:var(--shell-muted,#566980); font-size:12px; }
.pe-key-row form { padding-block:10px; }
.pe-key-row form .pe-key-actions { margin-top:12px; }
.pe-key-form[hidden],.pe-key-row form[hidden],.pe-key-result:empty { display:none; }
.pe-call-log > div { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 11px; padding-block:10px; border-bottom:1px solid var(--shell-line,#dce4ef); overflow-wrap:anywhere; }
.pe-call-log code,.pe-call-log time,.pe-http { color:var(--shell-muted,#566980); font-size:12px; }
.pe-call-log time { margin-inline-start:auto; }
.pe-http { padding:1px 5px; border:1px solid var(--shell-line,#dce4ef); border-radius:3px; }
