/* Additive API-only styling; existing authentication/invitation forms unchanged. */
.owner-api-console { margin-top: 28px; padding: clamp(18px, 3vw, 28px); border: 1px solid #303943; border-radius: 10px; background: #0b0f14; min-width: 0; }
.owner-api-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.owner-api-heading h2 { margin: 0; font-size: 1.4rem; font-weight: 550; }
.owner-api-directory-toolbar { display: flex; align-items: end; flex-wrap: wrap; gap: 16px; margin-top: 24px; }
.owner-api-directory-toolbar label { display: grid; gap: 8px; flex: 1 1 260px; min-width: 0; color: #d4d9df; font-size: .9rem; }
.owner-api-directory-toolbar select { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #56616e; border-radius: 4px; background: #090c10; color: #edf0f2; font: inherit; }
.owner-api-list-caption { margin-top: 28px; color: #a2abb6; font-size: .85rem; }
.owner-api-search { display: grid; gap: 8px; margin-top: 18px; color: #d4d9df; font-size: .9rem; }
.owner-api-search input { width: 100%; min-width: 0; box-sizing: border-box; min-height: 46px; padding: 10px 12px; border: 1px solid #56616e; border-radius: 4px; background: #090c10; color: #edf0f2; font: inherit; }
.owner-api-pagination { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 20px; color: #a2abb6; font-size: .9rem; }
.owner-api-setup-form { margin-top: 24px; }
.owner-api-setup-form input { width: 100%; min-width: 0; min-height: 46px; box-sizing: border-box; padding: 10px 12px; border: 1px solid #56616e; border-radius: 4px; background: #090c10; color: #edf0f2; font: inherit; }
.owner-api-setup-form a { color: #efac79; font-size: .9rem; }
.owner-api-setup-form button { margin-top: 12px; }
.owner-api-list { list-style: none; margin: 12px 0 0; padding: 0; border-top: 1px solid #303943; }
.owner-api-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 0; border-bottom: 1px solid #303943; overflow-wrap: anywhere; }
.owner-api-row strong { color: #edf0f2; font-size: 1.05rem; }
.owner-api-row p { margin: 6px 0 0; }
.owner-api-integration-review { margin-top: 16px; padding: 16px; border: 1px solid #46515d; border-radius: 8px; max-width: 720px; }
.owner-api-integration-review h3 { margin: 0 0 8px; font-size: 1rem; }
.owner-api-integration-review dl { display: grid; grid-template-columns: minmax(100px, .5fr) minmax(0, 1fr); gap: 10px 16px; font-size: .9rem; line-height: 1.6; }
.owner-api-integration-review dt { font-weight: 600; }
.owner-api-integration-review dd { margin: 0; }
@media (max-width: 680px) { .owner-api-integration-review dl { grid-template-columns: minmax(0, 1fr); gap: 4px; } .owner-api-integration-review dd { margin-bottom: 10px; } }
.owner-api-empty { margin: 24px 0 0; padding: 28px 20px; border: 1px dashed #46515d; border-radius: 8px; color: #bec7d0; line-height: 1.7; }
.owner-api-note { color: #a2abb6; font-size: .9rem; line-height: 1.6; }
.owner-api-status { min-height: 1.5em; margin-block: 18px; overflow-wrap: anywhere; }
.owner-api-selectors { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 16px; }
.owner-api-selectors label { display: grid; gap: 9px; color: #d4d9df; font-size: .9rem; min-width: 0; }
.owner-api-selectors select { width: 100%; min-width: 0; min-height: 46px; padding: 10px 12px; border: 1px solid #56616e; border-radius: 4px; background: #090c10; color: #edf0f2; font: inherit; }
.owner-api-connection { display: grid; gap: 5px; margin-top: 20px; padding: 17px; border: 1px solid #35404c; border-radius: 7px; overflow-wrap: anywhere; }
.owner-api-connection strong { color: #e2e7ed; font-size: .96rem; }
.owner-api-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.owner-api-key-form, .owner-api-removal { max-width: 720px; margin-top: 22px; padding: 20px; border: 1px solid #735037; border-radius: 8px; background: #12100f; }
.owner-api-key-form label { display: grid; gap: 9px; }
.owner-api-key-form .button { justify-self: start; }
.owner-api-key-form .owner-api-note { margin: 0; }
.owner-api-removal h3 { margin-top: 0; }
.owner-api-removal p { color: #c2b6ac; line-height: 1.6; }
.owner-api-reference { display: grid; gap: 7px; margin-top: 20px; padding-top: 18px; border-top: 1px solid #303943; color: #a7b0bb; font-size: .86rem; }
.owner-api-reference output { color: #e0e5ea; font-family: ui-monospace, Consolas, monospace; overflow-wrap: anywhere; user-select: text; }
.owner-api-reference p { color: #f0c7aa; line-height: 1.6; margin: 3px 0; }
.owner-api-console button:disabled, .owner-api-console select:disabled { opacity: .55; cursor: not-allowed; }
.owner-api-console :focus-visible { outline: 2px solid #efac79; outline-offset: 3px; }
@media (max-width: 680px) {
  .owner-api-selectors { grid-template-columns: minmax(0, 1fr); }
  .owner-api-heading { align-items: flex-start; }
  .owner-api-row { align-items: flex-start; flex-wrap: wrap; }
  .owner-api-actions { flex-direction: column; align-items: stretch; }
  .owner-api-key-form, .owner-api-removal { padding: 15px; }
}