/* Skill install and agent-assisted installation UI. */
.install-tabs {
  gap: 14px;
}

.install-tabs button {
  font-size: 10px;
}

.install-hint {
  margin: 9px 0 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.55;
}

.agent-prompt-card { padding: 0 !important; overflow: hidden; border-color: rgba(183,0,0,.22) !important; background: linear-gradient(145deg,rgba(183,0,0,.05),transparent 42%),var(--surface) !important }
.agent-prompt-head { display:grid; grid-template-columns:34px minmax(0,1fr); gap:11px; padding:18px 18px 13px }
.agent-prompt-icon { display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(183,0,0,.32); border-radius:10px; background:rgba(183,0,0,.09); color:#d96a6f; font-size:15px }
.agent-prompt-head small { color:#d65358; font:700 8px/1.2 ui-monospace,monospace; letter-spacing:.16em }
.agent-prompt-head h2 { margin:4px 0 7px; color:var(--paper); font-size:15px; line-height:1.3 }
.agent-prompt-head p { margin:0; color:var(--muted); font-size:10px; line-height:1.65 }
.agent-install-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; padding:0 18px 15px; list-style:none }
.agent-install-steps li { position:relative; display:grid; gap:3px; padding-right:8px; color:var(--muted); font-size:8px }
.agent-install-steps li:not(:last-child)::after { content:""; position:absolute; top:5px; right:7px; width:18px; height:1px; background:var(--line) }
.agent-install-steps b { color:rgba(214,83,88,.78); font:700 8px ui-monospace,monospace }
.agent-prompt-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; padding:14px 18px; border-block:1px solid var(--line); background:rgba(0,0,0,.08) }
.agent-prompt-tabs button { min-width:0; padding:8px 9px; overflow:hidden; border:1px solid var(--line); border-radius:8px; background:rgba(255,255,255,.018); color:var(--muted); font-size:9px; text-align:left; text-overflow:ellipsis; white-space:nowrap; transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease }
.agent-prompt-tabs button:hover { border-color:rgba(183,0,0,.34); color:var(--paper); transform:translateY(-1px) }
.agent-prompt-tabs button.active { border-color:rgba(183,0,0,.52); background:rgba(183,0,0,.11); color:#df777b; box-shadow:inset 2px 0 #b70000 }
.agent-prompt-shell { margin:14px 18px 18px; overflow:hidden; border:1px solid var(--line); border-radius:11px; background:#0c0f0d }
.agent-prompt-shell>header,.agent-prompt-shell>footer { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 11px }
.agent-prompt-shell>header { border-bottom:1px solid var(--line); background:rgba(255,255,255,.025) }
.agent-prompt-shell header span { display:flex; align-items:center; gap:7px; min-width:0 }
.agent-prompt-shell header i { width:6px; height:6px; flex:none; border-radius:50%; background:#b70000; box-shadow:0 0 10px rgba(183,0,0,.48) }
.agent-prompt-shell header b { overflow:hidden; color:var(--paper); font-size:9px; text-overflow:ellipsis; white-space:nowrap }
.agent-prompt-shell header button { flex:none; padding:6px 9px; border:1px solid rgba(183,0,0,.34); border-radius:7px; background:rgba(183,0,0,.09); color:#d96a6f; font-size:8px; font-weight:700 }
.agent-prompt-shell header button:hover { background:rgba(183,0,0,.17) }
.agent-prompt-shell header button.copied { border-color:#b70000; background:#b70000; color:#fff }
.agent-prompt-shell header button.copy-error { border-color:rgba(229,91,91,.5); background:rgba(229,91,91,.12); color:#f3a3a3 }
.agent-prompt-shell pre { max-height:260px; margin:0; padding:13px; overflow:auto; border:0; background:transparent; color:rgba(223,220,201,.75); font:9px/1.7 ui-monospace,"SFMono-Regular",Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere }
.agent-prompt-shell>footer { align-items:flex-start; border-top:1px solid var(--line); color:var(--muted); font-size:8px; line-height:1.45 }
.agent-prompt-shell footer span::before { content:"✓"; margin-right:5px; color:#d65358 }
.agent-prompt-shell footer strong { color:#d65358; font-weight:700; text-align:right }
@media(max-width:420px){.agent-prompt-tabs{grid-template-columns:1fr}.agent-install-steps li:not(:last-child)::after{display:none}}