.ag-account { border: 1px solid var(--border); border-radius: 12px; padding: 18px; margin-bottom: 14px; }
.ag-account-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.ag-account-head > div { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; min-width: 0; overflow-wrap: anywhere; }
.ag-region { font-size: 12px; color: var(--t2); background: var(--bg); padding: 3px 8px; border-radius: 12px; }
.ag-keys { margin-block: 14px; display: grid; gap: 8px; }
.ag-key { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; background: var(--bg); border-radius: 9px; padding: 12px; }
.ag-key > div:first-child { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.ag-key strong { font-size: 12px; font-weight: 600; }
.ag-key code { font-size: 12px; }
.ag-add-key { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-block: 14px; }
.ag-add-key label { font-size: 12px; color: var(--t2); }
.ag-add-key select { width: auto; }
.ag-auth-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-block: 16px; }
.ag-model-option { width: 100%; text-align: left; color: var(--t1); background: transparent; font: inherit; }
.ag-model-option .wb-prow-name, .ag-model-option .wb-prow-id { display: block; }
.ag-model-option:focus-visible { outline: 2px solid var(--primary-800); outline-offset: -2px; }
#view-agnes details { margin-top: 14px; font-size: 12px; color: var(--t2); }
#view-agnes summary { cursor: pointer; padding-block: 6px; }
@media(max-width:640px) { .ag-auth-fields { grid-template-columns: 1fr; } .ag-key .sn-actions { width: 100%; } .ag-account { padding: 14px; } .ag-model-option .wb-prow-meta { display: none; } }

#agPickModal .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }