/* habilidades-companheiro.css — depende de codex.css, pals-list.css e habilidades-list.css */

/* ---------- Card da listagem: mini-Pal no topo ---------- */
.partner-card-pal{
  display:flex;
  align-items:center;
  gap:.6rem;
  margin-bottom:.7rem;
}
.partner-card-pal-portrait{
  width:36px; height:36px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid var(--rarity-color, var(--hairline));
  flex-shrink:0;
}
.partner-card-pal-name{
  font-family: var(--font-mono);
  font-size:.75rem;
  color: var(--text-dim);
}
.partner-card-pal-name b{ color: var(--text-bright); font-weight:600; }

/* ---------- Cabeçalho de detalhe: contexto do Pal dono da habilidade ---------- */
.partner-owner-strip{
  display:flex;
  align-items:center;
  gap:1rem;
  text-decoration:none;
  color:inherit;
  padding: .9rem 1.1rem;
  background: var(--panel-2);
  border:1px solid var(--hairline);
  border-radius: 12px;
  margin-bottom: 1.25rem;
  transition: border-color .15s ease;
}
.partner-owner-strip:hover{ border-color: var(--accent-line); color:inherit; }
.partner-owner-strip img{
  width:52px; height:52px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid var(--rarity-color, var(--accent-line));
  flex-shrink:0;
}
.partner-owner-strip-text{ flex:1; min-width:0; }
.partner-owner-strip-eyebrow{
  font-family: var(--font-mono);
  font-size:.68rem;
  color: var(--text-dim);
  letter-spacing:.04em;
}
.partner-owner-strip-name{
  font-family: var(--font-display);
  font-weight:700;
  font-size:1.15rem;
  color: var(--text-bright);
}

/* ---------- Chips de stats booleanos/gatilho (Duração, Recarga, etc.) ---------- */
.partner-stats-row{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-bottom: 1.5rem;
}
.partner-stats-row .ability-stat i{ margin-right:.35rem; }
.partner-stats-row .ability-stat i.bi-check-square{ color:#6fcf6f; }
.partner-stats-row .ability-stat i.bi-x-square{ color: var(--text-dim); }

/* ---------- Lista de ranks (1 a 5) ---------- */
.partner-rank-list{
  display:flex;
  flex-direction:column;
  gap:.9rem;
}
.partner-rank-item{
  display:flex;
  gap:1rem;
  align-items:flex-start;
  background: var(--panel-2);
  border:1px solid var(--hairline);
  border-radius: 12px;
  padding: 1rem 1.25rem;
}
.partner-rank-badge{
  width:36px; height:36px;
  border-radius:50%;
  background: var(--gold-soft);
  border:1px solid var(--gold);
  color: var(--gold);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-family: var(--font-display);
  font-weight:700;
  line-height:1;
  flex-shrink:0;
}
.partner-rank-badge small{
  font-family: var(--font-mono);
  font-size:.55rem;
  font-weight:400;
  letter-spacing:.03em;
}
.partner-rank-text{
  flex:1;
  min-width:0;
  color: var(--text);
  line-height:1.6;
}
.partner-rank-text label{
  display:inline-flex;
  margin:0 .15rem;
}
.partner-rank-text code.inline-code-bright{
  background: var(--accent-soft);
  border:1px solid var(--accent-line);
  color: var(--accent);
  border-radius:6px;
  padding:.1rem .5rem;
  font-family: var(--font-mono);
  font-weight:700;
  font-size:.85rem;
}