#personal-agent-access, #admin-agent-access { margin-block: 24px; padding-block: 20px; border-top: 1px solid var(--yma-line, #aaa); }
.agent-card { padding: 18px; margin-block: 14px; border: 1px solid var(--yma-line, #aaa); border-radius: 14px; background: var(--card); }
.agent-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-block: 14px; }
.agent-controls input, .agent-controls select { max-width: 100%; }
.agent-scope { display: flex; align-items: center; gap: 10px; margin-block: 12px; }
.agent-scope input { width: 18px; height: 18px; flex: 0 0 18px; }
.agent-secret { width: 100%; box-sizing: border-box; font-family: monospace; overflow-wrap: anywhere; }
.agent-caption { font-size: .9em; opacity: .8; }
.agent-events { max-height: 280px; overflow: auto; }
.agent-events p { overflow-wrap: anywhere; }
.agent-provider-choices { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 18px; }
.agent-provider-button { display: inline-flex; align-items: center; gap: 9px; padding: 10px 14px; border: 1px solid var(--yma-line, #aaa); border-radius: 12px; background: transparent; color: inherit; cursor: pointer; font: inherit; font-size: 14px; }
.agent-provider-button img { background: #fff; padding: 4px; box-sizing: content-box; border-radius: 8px; }
.agent-provider-button[aria-pressed=true] { border-color: #ac8ce6; box-shadow: inset 0 0 0 1px #ac8ce6; }
.agent-provider-button:focus-visible { outline: 2px solid #ac8ce6; outline-offset: 3px; }
.agent-provider-guide { border-top: 1px solid var(--yma-line, #aaa); padding-top: 6px; }
.agent-provider-guide h4 { font-size: 17px; margin-block: 18px 10px; }
.agent-setup-steps { padding-left: 22px; font-size: 14px; line-height: 1.6; }
.agent-setup-steps li { padding-left: 3px; margin-block: 10px; }
.settings-page .agent-app-choice { max-width: 240px; font-size: 13px; }
.agent-copy-box { display: flex; gap: 8px; align-items: flex-end; margin-block: 18px; }
.settings-page .agent-copy-box label { flex: 1; min-width: 0; margin: 0; font-size: 13px; }
.settings-page .agent-copy-box input, .settings-page .agent-copy-box textarea { width: 100%; box-sizing: border-box; border: 1px solid var(--yma-line); border-radius: 8px; padding: 11px; background: var(--card); color: inherit; opacity: 1; font: inherit; font-size: 14px; line-height: 1.5; }
.agent-copy-box textarea { resize: vertical; }
.agent-copy-box button { flex-shrink: 0; min-height: 44px; }
@media(max-width: 480px) { .agent-copy-box { flex-direction: column; align-items: stretch; } .agent-copy-box button { align-self: flex-start; } .agent-provider-button { padding: 8px 10px; } }
.agent-connection-state{font-size:14px;font-weight:600}.agent-capability-list{margin-block:16px}.agent-capability-list>div{padding:12px 0;border-top:1px solid var(--yma-line,#aaa)}.agent-capability-list p{margin:5px 0}.agent-capability-list strong{font-size:14px}
/* Keep connection actions clear of permission and card borders. */
.agent-card { padding: 24px; }
.agent-card-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; padding-top: 4px; }
.agent-card-actions > button { margin: 0; }
.agent-card > fieldset + button { margin-top: 20px; }
.agent-card > .agent-secret ~ button { margin-top: 16px; margin-right: 10px; }
.agent-copy-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 0 !important; border-radius: 10px; }
.agent-copy-icon-button:focus-visible { outline: 2px solid #ac8ce6; outline-offset: 3px; }
.agent-copy-icon { display: block; position: relative; width: 21px; height: 21px; }
.agent-copy-icon::before, .agent-copy-icon::after { content: ''; position: absolute; width: 12px; height: 14px; border: 1.7px solid currentColor; border-radius: 3px; box-sizing: border-box; }
.agent-copy-icon::before { left: 2px; top: 2px; border-right: 0; border-bottom: 0; }
.agent-copy-icon::after { left: 7px; top: 7px; }
@media(max-width: 540px) { .agent-card { padding: 18px; } .agent-card-actions { gap: 10px; margin-top: 20px; } }