.personal-api { color: var(--profile-ink); max-width: 1180px; }
.personal-api .my-profile__card { padding: 1.5rem; margin-bottom: 1.25rem; min-width: 0; }
.personal-api h4, .personal-api h5 { color: var(--profile-ink); margin: 0 0 .35rem; text-align: left; }
.personal-api p { color: var(--profile-muted); font-size: .88rem; margin: .25rem 0 1rem; }
.personal-api__heading, .personal-api__toolbar { display: flex; align-items: center; gap: 1rem; text-align: left; }
.personal-api__heading > div, .personal-api__toolbar > div:first-child { min-width: 0; flex: 1; }
.personal-api__safety { margin: 1.25rem 0 0 !important; padding-top: 1rem; border-top: 1px solid var(--profile-line); }
.personal-api__connection { display: grid; grid-template-columns: minmax(0, 1fr); gap: .5rem; }
.personal-api__url { display: block; color: var(--profile-ink); background: var(--profile-soft); border: 1px solid var(--profile-line); border-radius: 8px; padding: .8rem; overflow-wrap: anywhere; user-select: all; }
.personal-api__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-top: .75rem; }
.personal-api__help { flex-basis: 100%; margin-top: .5rem; }
.personal-api__help summary { color: var(--ictus-ocean); font-size: .85rem; cursor: pointer; }
.personal-api__help p { margin: .75rem 0 0; }
.personal-api__owner-search { display: flex; align-items: end; gap: .75rem; margin: 1rem 0; }
.personal-api__owner-search > div { flex: 1; min-width: 0; }
.personal-api label, .personal-api__dialog label { display: block; color: var(--profile-ink); font-size: .85rem; font-weight: 600; margin: .75rem 0 .4rem; }
.personal-api__token { border-top: 1px solid var(--profile-line); padding: 1.25rem 0; }
.personal-api__token-title { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.personal-api__token-title strong { overflow-wrap: anywhere; }
.personal-api__status { border-radius: 20px; padding: .2rem .65rem; font-size: .75rem; color: var(--profile-muted); background: var(--profile-soft); flex-shrink: 0; }
.personal-api__status.is-active { color: #147348; background: #e5f5ed; }
.personal-api__identifier { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; margin: .6rem 0; }
.personal-api__identifier code { display: block; max-width: 100%; white-space: normal; overflow-wrap: anywhere; word-break: break-all; color: var(--profile-muted); font-size: .8rem; }
.personal-api__scopes { display: flex; flex-wrap: wrap; gap: .4rem; margin: .65rem 0 1rem; }
.personal-api__scopes span { background: var(--profile-soft); color: var(--profile-muted); border-radius: 6px; padding: .2rem .5rem; font-size: .75rem; }
.personal-api__token dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin: .5rem 0 1rem; }
.personal-api__token dt { font-size: .75rem; font-weight: 500; color: var(--profile-muted); }
.personal-api__token dd { font-size: .85rem; margin: .3rem 0 0; }
.personal-api__warning { font-size: .8rem !important; line-height: 1.6; padding: .9rem; border-radius: 8px; background: var(--profile-soft); margin: 1rem 0 0 !important; }
.personal-api__empty { text-align: center; padding: 2rem .5rem; }
.personal-api__empty h5 { text-align: center; margin-top: .75rem; }
.personal-api__empty > i { font-size: 2rem; color: var(--profile-muted); }
.personal-api__pagination { justify-content: flex-end; font-size: .85rem; }
.personal-api__dialog { --profile-surface: #fff; --profile-ink: #073466; --profile-muted: #637289; --profile-line: #d8e1ed; --profile-soft: #f3f6fa; width: min(620px,calc(100vw - 24px)); max-height: calc(100dvh - 32px); margin: auto; border: 1px solid var(--profile-line); border-radius: 16px; background: var(--profile-surface); color: var(--profile-ink); padding: 1.5rem; overflow-y: auto; }
.personal-api__dialog::backdrop { background: rgba(5,20,38,.65); }
.personal-api__dialog-header { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.personal-api__dialog fieldset { border: 0; padding: 0; min-width: 0; }
.personal-api__dialog .personal-api__scope-picker { padding: .75rem 1rem; border: 1px solid var(--profile-line); border-radius: 10px; margin: 1rem 0; }
.personal-api__scope-picker legend { float: none; width: auto; font-size: .85rem; font-weight: 600; padding: 0 .4rem; }
.personal-api__scope-picker label { display: flex; align-items: start; gap: .5rem; font-weight: 400; }
.personal-api__scope-picker input { flex-shrink: 0; margin-top: .25rem; width: 16px; height: 16px; }
.personal-api__dialog .personal-api__actions { justify-content: flex-end; margin: 1.25rem 0 .5rem; }
.personal-api__dialog .form-control { background: var(--profile-surface); border-color: var(--profile-line); color: var(--profile-ink); }
.personal-api__secret { font-family: monospace; word-break: break-all; }
body.theme-dark .personal-api__dialog { --profile-surface: #132337; --profile-ink: #edf4fc; --profile-muted: #a5b6ce; --profile-line: #34475d; --profile-soft: #1c3046; color-scheme: dark; }
body.theme-dark .personal-api__status.is-active { color: #94e3bc; background: #153e32; }
body.theme-dark #main.my-profile-page .personal-api code { color: var(--profile-ink); }
body.theme-dark #main.my-profile-page .personal-api .btn-outline-primary,
body.theme-dark #main.my-profile-page .personal-api .btn-outline-secondary,
body.theme-dark #main.my-profile-page .personal-api__help summary { color: #8cd9ef !important; border-color: var(--profile-line) !important; }
body.theme-dark #main.my-profile-page .personal-api .btn-outline-danger { color: #ff9fae !important; border-color: #a85065 !important; }
body.theme-dark #main.my-profile-page .personal-api__dialog .btn-outline-primary,
body.theme-dark #main.my-profile-page .personal-api__dialog .btn-outline-secondary { color: #8cd9ef !important; border-color: var(--profile-line) !important; }
@media(max-width:767.98px) {
  .personal-api .my-profile__card { padding: 1.1rem; }
  .personal-api__heading { align-items: flex-start; gap: .75rem; }
  .personal-api__toolbar { flex-direction: column; align-items: stretch; gap: .25rem; }
  .personal-api__toolbar .personal-api__actions { margin: 0 0 1rem; }
  .personal-api__token dl { grid-template-columns: 1fr; gap: .65rem; }
  .personal-api__token dl > div { display: flex; justify-content: space-between; gap: .5rem; }
  .personal-api__token dd { margin: 0; }
  .personal-api__dialog { padding: 1.1rem; }
  .personal-api__dialog-header h4 { font-size: 1.15rem; }
  .personal-api .btn, .personal-api__dialog .btn { min-height: 44px !important; }
}

.personal-api__mcp-state { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin: 1rem 0; }
.personal-api__mcp-address { margin: 1rem 0; }
.personal-api__mcp-guides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.25rem 0; }
.personal-api__mcp-guides details { padding: 1rem; border: 1px solid var(--profile-line); border-radius: 10px; min-width: 0; }
.personal-api__mcp-guides summary { margin-bottom: .75rem; }
.personal-api__mcp-client { overflow-wrap: anywhere; font-size: .8rem; }
.personal-api__mcp-connections { padding-top: 1rem; border-top: 1px solid var(--profile-line); }
.personal-api__mcp .personal-api__token-title strong { min-width: 0; overflow-wrap: anywhere; }
body.theme-dark .personal-api__mcp .btn-outline-secondary { color: #edf4fc !important; border-color: #7890ac !important; }
@media (max-width: 767px) { .personal-api__mcp-guides { grid-template-columns: minmax(0, 1fr); } .personal-api__mcp .personal-api__toolbar { flex-wrap: wrap; } .personal-api__mcp .personal-api__token-title { align-items: flex-start; flex-wrap: wrap; } }