/* smart-tooltip.css - global tooltip portal */
.st-tip {
    position: absolute;
    z-index: 99999;
    display: none;
    max-width: 520px;
    pointer-events: none; /* becomes clickable via inner */
}

    .st-tip.is-open {
        display: block;
    }

.st-tip-inner {
    pointer-events: auto;
    background: var(--rd-surface, #fff);
    border: 1px solid var(--rd-border, #e5e7eb);
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(15,23,42,.10), 0 4px 10px rgba(15,23,42,.08);
    padding: .75rem .85rem;
}

.st-tip-content {
    color: #334155;
    font-size: .875rem;
    line-height: 1.5;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* List mode */
.st-tip-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.st-tip-line {
    padding: .45rem 0;
    border-bottom: 1px solid #f1f5f9;
}

    .st-tip-line:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

/* Arrow */
.st-tip-arrow {
    position: absolute;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    background: var(--rd-surface, #fff);
    border-left: 1px solid var(--rd-border, #e5e7eb);
    border-top: 1px solid var(--rd-border, #e5e7eb);
}

/* When below trigger, arrow on top */
.st-tip.is-below .st-tip-arrow {
    top: -6px;
}

/* When above trigger, arrow on bottom (flip borders) */
.st-tip.is-above .st-tip-arrow {
    bottom: -6px;
    border-left: none;
    border-top: none;
    border-right: 1px solid var(--rd-border, #e5e7eb);
    border-bottom: 1px solid var(--rd-border, #e5e7eb);
}