.antx-skills { display: flex; flex-direction: column; gap: 12px; color: #20252e; min-width: 0; }
.antx-skills h3, .antx-skills p { margin: 0; }
.antx-skills p, .antx-skills small, .antx-skills span { overflow-wrap: anywhere; }
.antx-skills h3 { font-size: 17px; }
.antx-skills button, .antx-skills select { border: 1px solid #d8dde4; border-radius: 8px; background: white; padding: 7px 11px; color: #20252e; cursor: pointer; font: inherit; font-size: 13px; }
/* Explicit states prevent the generic hover rule from washing out white labels. */
.antx-skills button:hover:not(:disabled) { background: #edf0f5; }
.antx-skills button.antx-skills-primary { background: #0b1722; color: #fff; border-color: #0b1722; font-weight: 600; }
.antx-skills button.antx-skills-primary:hover:not(:disabled) { background: #16232e; border-color: #16232e; color: #fff; }
.antx-skills button.antx-skills-primary:active:not(:disabled) { background: #07111a; border-color: #07111a; }
.antx-skills button:disabled { background: #edf1f5; color: #586777; border-color: #d9e0e7; opacity: 1; cursor: not-allowed; }
.antx-skills[aria-busy="true"] button:disabled { cursor: wait; }
.antx-skills :focus-visible { outline: 2px solid #667d8e; outline-offset: 2px; }
.antx-skills-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.antx-skills-notice:empty { display: none; }
.antx-skills-notice { border-left: 3px solid #667782; padding: 7px 10px; background: #eaf0f4; font-size: 13px; }
.antx-skills-muted { color: #596575; font-size: 12px; line-height: 1.6; }
.antx-skills-field { display: flex; flex-direction: column; gap: 6px; font-size: 13px; }
.antx-skills input, .antx-skills textarea { width: 100%; box-sizing: border-box; min-width: 0; border: 1px solid #d8dde4; border-radius: 8px; padding: 9px; background: white; color: #20252e; font: inherit; }
.antx-skills textarea { min-height: 310px; resize: vertical; font: 12px/1.6 ui-monospace, monospace; }
.antx-skills-list { display: grid; gap: 10px; }
.antx-skills-card { border: 1px solid #dfe3e9; border-radius: 10px; padding: 13px; background: white; display: grid; gap: 9px; }
.antx-skills .antx-skills-name { padding: 0; border: 0; background: transparent; font-weight: 650; text-align: left; font-size: 14px; overflow-wrap: anywhere; }
.antx-skills-card p { color: #536171; font-size: 12px; line-height: 1.6; }
/* Only the list summary is clamped; detail text and search retain the full content. */
.antx-skills-card .antx-skills-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; max-height: 4.8em; overflow: hidden; }
.antx-skills small { color: #697686; font-size: 11px; }
.antx-skills summary { cursor: pointer; font-weight: 600; font-size: 13px; padding: 8px 0; }
.antx-skills pre { white-space: pre-wrap; overflow-wrap: anywhere; font: 12px/1.6 ui-monospace, monospace; padding: 12px; background: #edf0f5; border-radius: 8px; }
.antx-skills-files { list-style: none; padding: 0; margin: 0; }
.antx-skills-files li { margin: 6px 0; overflow-wrap: anywhere; font-size: 12px; }
.antx-skills-files button { max-width: 100%; text-align: left; overflow-wrap: anywhere; }
.antx-skills-version, .antx-skills-local-revision { padding: 9px 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 12px; }
.antx-skill-selection { display: flex; align-items: center; gap: 10px; padding: 5px 0 12px; color: #bcd8e6; font-size: 12px; }
.antx-skill-selection[hidden] { display: none; }
.antx-skill-selection button { background: transparent; color: inherit; border: 1px solid #566574; border-radius: 6px; cursor: pointer; padding: 2px 8px; }
.antx-workflow-incomplete {
  display: block;
  margin-top: 12px;
  color: #ff7474;
  font-weight: 700;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.antx-skills-card-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.antx-skills-card-heading .antx-skills-name { flex: 1 1 140px; min-width: 0; }
.antx-skills-version-badge { display: inline-block; max-width: 100%; box-sizing: border-box; justify-self: start; align-self: flex-start; border: 1px solid #d9e0e5; border-radius: 6px; padding: 3px 7px; background: #edf0f3; color: #26333e; font-size: 12px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }

.antx-skills-version-info { font-size: 12px; color: #596575; }
.antx-skills-version-info p { margin-top: 6px; line-height: 1.6; }