.key-conn{display:grid;gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:14px;overflow:hidden;margin-bottom:6px}.key-conn-row{display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px;background:var(--surface)}.key-conn-k{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4)}.key-conn-v{font-family:var(--mono);font-size:12px;color:var(--ink);white-space:pre-line;overflow-wrap:anywhere}.key-conn-copy{border:0;background:none;color:var(--accent-700);font:600 12px var(--sans);cursor:pointer;padding:4px}.key-conn-copy:hover{text-decoration:underline}.key-showrevoked{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-2);white-space:nowrap;cursor:pointer}.key-showrevoked input{accent-color:var(--accent)}.key-card>.dv-section-head{padding:13px 18px;background:var(--surface-2);border-radius:14px 14px 0 0}.key-card>.dv-section-head .dv-section-h{font-size:12.5px}.key-row-revoked{opacity:.55}.key-name{white-space:nowrap}.key-td-key{margin-top:3px;color:var(--ink-3);font-size:12px;white-space:nowrap}.key-chips{display:flex;flex-wrap:wrap;gap:5px;max-width:360px}.key-nowrap{white-space:nowrap}.key-acts{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap}.key-muted{color:var(--ink-4)}.key-sub{font-size:11.5px;color:var(--ink-3);margin-top:2px}.key-danger{color:var(--danger-700);border-color:var(--danger-100)}.key-name-field{margin-bottom:16px}.key-dialog{max-width:820px;max-height:calc(100dvh - 32px);overflow-y:auto;scrollbar-gutter:stable}.key-dialog .dv-dialog-actions{position:sticky;bottom:-22px;z-index:2;margin:24px -2px -2px;padding:14px 2px 2px;border-top:1px solid var(--bd);background:var(--surface)}.key-scopes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:7px}.key-area{overflow:hidden;border:1px solid var(--bd);border-radius:12px;background:var(--surface)}.key-area-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--surface-2);border-bottom:1px solid var(--bd)}.key-area-name{font-size:13px;font-weight:700;color:var(--ink)}.key-area-count{font-size:11px;color:var(--ink-4);white-space:nowrap}.key-area-list{display:grid}.key-permission{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;padding:11px 12px;border-bottom:1px solid var(--bd);cursor:pointer}.key-permission:last-child{border-bottom:0}.key-permission:hover{background:var(--surface-2)}.key-permission.is-on{background:var(--accent-50)}.key-permission:focus-within{box-shadow:inset 0 0 0 2px var(--accent)}.key-permission input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--accent)}.key-permission-copy{display:grid;gap:4px;min-width:0}.key-permission-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.key-permission-title strong{font-size:12.5px;color:var(--ink)}.key-permission-title code{font-family:var(--mono);font-size:10px;color:var(--ink-4);white-space:nowrap}.key-permission-copy small{font-size:11.5px;line-height:1.4;color:var(--ink-3)}.key-scope{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:start;gap:11px;padding:11px 13px;border-bottom:1px solid var(--bd);cursor:pointer}.key-scope:last-child{border-bottom:0}.key-scope:hover{background:var(--surface-2)}.key-scope:has(input:checked){background:var(--accent-50)}.key-scope input{margin-top:2px;accent-color:var(--accent)}.key-scope-main{display:flex;flex-direction:column;gap:2px}.key-scope-main strong{font-size:13px;color:var(--ink)}.key-scope-main small{font-size:11.5px;line-height:1.45;color:var(--ink-3)}.key-scope code{font-family:var(--mono);font-size:10px;color:var(--ink-4);white-space:nowrap}.key-expired{color:var(--danger-700);font-weight:600}.key-expiry-field{margin-top:16px}.key-restrict-toggle{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);cursor:pointer;margin-bottom:10px}.key-restrict-toggle input{accent-color:var(--accent)}.key-numbers{display:flex;flex-direction:column;max-height:200px;overflow-y:auto;border:1px solid var(--bd);border-radius:11px;margin-bottom:8px}.key-cred{display:flex;flex-direction:column;gap:15px;margin-top:18px;padding:16px 18px;background:var(--ink);border-radius:12px}.key-cred-field{display:flex;flex-direction:column;gap:7px}.key-cred-k{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80}.key-cred-row{display:flex;gap:9px}.key-cred-v{flex:1;min-width:0;height:var(--ctl-h,38px);padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-field);background:#ffffff0f;color:#fff;font-size:13px;outline:none}.key-cred-v:focus{border-color:#ffffff80}.key-cred-copy{flex:none;padding:0 13px;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-md,9px);background:none;color:#fff;font:600 13px var(--sans);cursor:pointer}.key-cred-copy:hover{background:#ffffff1f}.key-cred-warn{margin-top:16px}@media (max-width:760px){.key-card>.dv-section-head{padding:12px 15px}.key-card .dv-table{min-width:760px}.key-conn-row{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}.key-conn-k{grid-column:1 / -1}.key-chips{max-width:none}.key-scope{grid-template-columns:16px minmax(0,1fr)}.key-scope code{display:none}.key-dialog{max-height:calc(100dvh - 16px)}.key-dialog .dv-dialog-actions{bottom:-18px}.key-scopes{grid-template-columns:1fr}.key-permission-title{align-items:flex-start;flex-direction:column;gap:2px}}