/* 沿用站內深色／淺色 token；括號是文字對 --sf 的對比度。
   背景 --sf: #1A2026 / #FFFFFF
   標籤 --poe-term-item: #e0c289 / #74500c (9.58 / 7.25)
   屬性值 --ink: #E3E9EE / #141A1F (13.42 / 17.54)
   次要字 --dim: #97A5B0 / #56636D (6.51 / 6.17)
   說明與裝備標題 --poe-gear: #dcbe8b / #8a6212 (9.21 / 5.47)
   詞綴 --poe-node: #c0abe4 / #6b4fa0 (7.97 / 6.46)
   品質與技能標題 --poe-gem: #9fc9d4 / #1d6274 (9.21 / 6.88)
   來源 --brand-ink: #AAB6F0 / #2C3B85 (8.34 / 10.14) */
.poe-item-tooltip {
  position: fixed;
  z-index: 1200;
  box-sizing: border-box;
  width: min(360px, calc(100vw - 32px));
  overflow: auto;
  padding: 12px;
  border: 1px solid var(--line);
  border-left: var(--spine) solid var(--g-po);
  border-radius: var(--r);
  background: var(--sf);
  color: var(--ink);
  color-scheme: dark;
  box-shadow: 0 12px 28px var(--bg-overlay);
  font-family: var(--font-body);
  font-size: 0.95rem;
  line-height: 1.5;
}

[data-theme="light"] .poe-item-tooltip {
  color-scheme: light;
}

.poe-item-tooltip__header {
  display: flex;
  align-items: center;
  gap: 8px;
}

.poe-item-tooltip__icon {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.poe-item-tooltip__title {
  color: var(--poe-gear); /* --sf 對比:深色 9.21、淺色 5.47 */
  font-weight: 700;
}

.poe-item-tooltip--skill .poe-item-tooltip__title {
  color: var(--poe-gem); /* --sf 對比:深色 9.21、淺色 6.88 */
}

.poe-item-tooltip__type,
.poe-item-tooltip__attribute-name,
.poe-item-tooltip__label,
.poe-item-tooltip__footer {
  color: var(--dim); /* --sf 對比:深色 6.51、淺色 6.17 */
}

.poe-item-tooltip__base {
  margin-top: 4px;
  color: var(--ink); /* --sf 對比:深色 13.42、淺色 17.54 */
}

.poe-item-tooltip__type,
.poe-item-tooltip__tags {
  margin-top: 4px;
  font-size: 0.85em;
}

.poe-item-tooltip__tags {
  color: var(--poe-term-item); /* --sf 對比:深色 9.58、淺色 7.25 */
}

.poe-item-tooltip__description {
  margin-top: 8px;
  color: var(--poe-gear); /* --sf 對比:深色 9.21、淺色 5.47 */
}

.poe-item-tooltip__attributes {
  margin-top: 8px;
}

.poe-item-tooltip__level-context {
  margin-bottom: 4px;
  color: var(--ink); /* --sf 對比:深色 13.42、淺色 17.54 */
  font-weight: 700;
}

.poe-item-tooltip__attribute-value {
  color: var(--ink); /* --sf 對比:深色 13.42、淺色 17.54 */
}

.poe-item-tooltip__section {
  margin-top: 8px;
}

.poe-item-tooltip__section--explicit {
  padding-top: 8px;
  border-top: 1px solid var(--line);
}

.poe-item-tooltip__label {
  margin-bottom: 2px;
  font-size: 0.85em;
  font-weight: 700;
}

.poe-item-tooltip ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.poe-item-tooltip li {
  white-space: pre-line;
}

.poe-item-tooltip li + li {
  margin-top: 2px;
}

.poe-item-tooltip__section li {
  color: var(--poe-node); /* --sf 對比:深色 7.97、淺色 6.46 */
}

.poe-item-tooltip__section--quality li {
  color: var(--poe-gem); /* --sf 對比:深色 9.21、淺色 6.88 */
}

.poe-item-tooltip__section--mixed li {
  color: var(--ink); /* 交錯資料降級為單列;深色 13.42、淺色 17.54 */
}

.poe-item-tooltip__notes {
  margin-top: 8px;
  color: var(--dim); /* --sf 對比:深色 6.51、淺色 6.17 */
  font-style: italic;
  white-space: pre-line;
}

.poe-item-tooltip__notes-row + .poe-item-tooltip__notes-row {
  margin-top: 2px;
}

.poe-item-tooltip__footer {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid var(--line);
  font-size: 0.85em;
}

.poe-item-tooltip__footer a {
  color: var(--brand-ink); /* --sf 對比:深色 8.34、淺色 10.14 */
}

.poe-item[role="button"]:focus-visible,
.poe-skill[role="button"]:focus-visible {
  outline: 2px solid var(--g, var(--brand));
  outline-offset: 3px;
  border-radius: 2px;
}