/* Forever Item Tooltips */
.ldft-link { cursor: help; font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.ldft-link:focus { outline: 1px dotted currentColor; outline-offset: 2px; }
.ldft-icon { width: 18px; height: 18px; vertical-align: -4px; margin-right: 4px; border-radius: 3px; border: 1px solid rgba(0,0,0,.6); display: inline-block; }
.ldft-list { list-style: none; margin: 0; padding: 0; }
.ldft-list li { margin: 0 0 6px; }
.ldft-missing { color: #c33; font-style: italic; }

/* Quality colours (links and tooltip names) */
.ldft-q0, .ldft-tip .q0 { color: #9d9d9d; }
.ldft-q1, .ldft-tip .q1 { color: #ffffff; }
.ldft-q2, .ldft-tip .q2 { color: #1eff00; }
.ldft-q3, .ldft-tip .q3 { color: #0070dd; }
.ldft-q4, .ldft-tip .q4 { color: #a335ee; }
.ldft-q5, .ldft-tip .q5 { color: #ff8000; }
.ldft-q6, .ldft-tip .q6 { color: #e6cc80; }

/* Tooltip */
.ldft-tip-host { position: absolute; z-index: 999999; display: none; pointer-events: none; max-width: 340px; }
.ldft-tip { display: flex; gap: 6px; align-items: flex-start; font: 13px/1.35 Verdana, "Trebuchet MS", Arial, sans-serif; color: #fff; text-align: left; }
.ldft-tip-icon { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 5px; border: 1px solid #777; box-shadow: 0 0 0 1px #000; background: #000; }
.ldft-tip-body, .ldft-loading { background: rgba(8, 13, 33, .95); border: 1px solid #5b5f6a; border-radius: 5px; box-shadow: 0 0 0 1px #000, 0 6px 18px rgba(0,0,0,.5); padding: 7px 9px; min-width: 200px; }
.ldft-loading { color: #ccc; padding: 6px 10px; min-width: 0; }
.ldft-line { display: flex; justify-content: space-between; gap: 18px; }
.ldft-line .ldft-r { white-space: nowrap; }
.ldft-name { font-size: 14px; font-weight: 600; }
.ldft-ilvl { color: #ffd100; }
.ldft-green { color: #1eff00; }
.ldft-unknown { opacity: .75; }
.ldft-set { color: #ffd100; }
.ldft-setitem { color: #9d9d9d; padding-left: 10px; }
.ldft-setbonus { color: #9d9d9d; }
.ldft-flavor { color: #ffd100; }
.ldft-gap { height: 6px; }
.ldft-sell { justify-content: flex-start; gap: 6px; }
.ldft-money span { margin-right: 6px; }
.ldft-money .ldft-g::after { content: "g"; color: #ffd100; margin-left: 1px; }
.ldft-money .ldft-s::after { content: "s"; color: #c7c7cf; margin-left: 1px; }
.ldft-money .ldft-c::after { content: "c"; color: #c47b40; margin-left: 1px; }