/* AMTI persona-card — ABTI × AMTI 통합 페르소나 시각화 */

.persona-card { background: var(--bg-card, #1A1F26); }
.persona-empty {
  padding: 20px;
  text-align: center;
  color: var(--text-mute);
  background: var(--bg-elev);
  border: 1px dashed var(--line);
  border-radius: 6px;
}

.persona-summary {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 16px;
  background: var(--bg-elev);
  border: 1px solid var(--line);
  border-radius: 6px;
  margin: 12px 0 16px;
}
.persona-codes { display: flex; gap: 12px; align-items: center; }
.persona-code {
  font-family: var(--mono);
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 4px;
  letter-spacing: 1.5px;
}
.persona-code.amti { background: rgba(201, 162, 39, 0.15); color: var(--gold, #C9A227); border: 1px solid var(--gold-dim, #8C6E1B); }
.persona-code.abti { background: rgba(79, 143, 224, 0.15); color: #4F8FE0; border: 1px solid #4F8FE0; }
.persona-x { color: var(--text-mute); font-size: 20px; }
.persona-score { text-align: right; }
.persona-score-val {
  font-family: var(--mono);
  font-size: 32px; font-weight: 700;
  display: block;
  line-height: 1;
}
.persona-score-lbl {
  font-size: 10px; letter-spacing: 1.5px;
  color: var(--text-mute);
  text-transform: uppercase;
}

.persona-matrix {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 16px;
}
@media (max-width: 720px) { .persona-matrix { grid-template-columns: 1fr; } }

.persona-axis {
  background: var(--bg-elev);
  border: 1px solid var(--line);
  border-left: 3px solid var(--text-mute);
  border-radius: 4px;
  padding: 12px 14px;
}
.persona-axis-head {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: 6px;
}
.persona-axis-name {
  font-size: 11px; letter-spacing: 1.5px;
  color: var(--text-dim);
  text-transform: uppercase;
}
.persona-axis-codes {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--text-mute);
}
.persona-axis-tag {
  font-size: 14px; font-weight: 600;
  color: var(--text);
  margin-bottom: 8px;
}
.persona-axis-bar {
  height: 4px;
  background: var(--bg-card);
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 8px;
}
.persona-axis-fill {
  height: 100%;
  transition: width 0.3s;
}
.persona-axis-advice {
  font-size: 12px;
  color: var(--text-dim);
  line-height: 1.5;
}

.persona-tips {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 14px 0;
}
@media (max-width: 720px) { .persona-tips { grid-template-columns: 1fr; } }
.persona-tip {
  padding: 12px 14px;
  background: var(--bg-elev);
  border: 1px solid var(--line);
  border-radius: 6px;
  display: flex; flex-direction: column; gap: 4px;
}
.persona-tip .lbl {
  font-size: 11px;
  color: var(--text-mute);
  letter-spacing: 1px;
}
.persona-strong { border-left: 3px solid #4DA86E; }
.persona-weak   { border-left: 3px solid #E45858; }
.persona-tag {
  font-size: 12px;
  font-family: var(--mono);
  margin-top: 4px;
}
.persona-tag.synergy { color: #4DA86E; }
.persona-tag.caution { color: #E45858; }

.persona-notes {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--line);
  padding-top: 12px;
}
.persona-notes li {
  padding: 6px 0;
  font-size: 13px;
  color: var(--text-dim);
  line-height: 1.5;
  border-bottom: 1px dashed var(--line);
}
.persona-notes li:last-child { border-bottom: 0; }
.persona-notes li::before {
  content: '◇ ';
  color: var(--gold);
  margin-right: 4px;
}