/* region RM Badges */

.rm-unread-badge {
    font-size: .7rem;
    font-weight: bold;
    line-height: 12px;
    padding: 6px;
}

.rm-ticket-status-badge {
    font-size: .85rem;
    font-weight: bold;
    line-height: 20px;
    padding: 8px;
}

.rm-price-badge {
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 20px;
    padding: 8px;
}

/* endregion */

/* region RM Markdown */

.rm-markdown-content {
    a {
        color: var(--rz-primary);
        text-decoration: none;
    }

    p:first-child {
        margin-block-start: 0 !important;
    }

    p:last-child {
        margin-block-end: 0.5rem !important;
    }

    p:not(:first-child):not(:last-child) {
        margin-block-start: 1rem !important;
        margin-block-end: 1rem !important;
    }
}

/* endregion */

/* region RM Tooltip */

.rm-tooltip-portal {
    position: fixed;
    background-color: rgba(20, 20, 20, 0.93);
    color: #fff;
    padding: 0.25rem 0.6rem;
    border-radius: var(--rz-border-radius, 4px);
    font-size: 0.75rem;
    line-height: 1.4;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    z-index: 99999;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.12);
    transition: opacity 0.15s ease;
}

.rm-tooltip-portal--visible {
    opacity: 1;
}

.rm-tooltip-portal::before,
.rm-tooltip-portal::after {
    content: '';
    position: absolute;
    border: solid transparent;
    pointer-events: none;
}

.rm-tooltip-portal::before { border-width: 6px; }
.rm-tooltip-portal::after  { border-width: 5px; }

.rm-tooltip-portal[data-placement="top"]::before {
    top: calc(100% + 1px); left: 50%; transform: translateX(-50%);
    border-top-color: rgba(255, 255, 255, 0.12);
}
.rm-tooltip-portal[data-placement="top"]::after {
    top: 100%; left: 50%; transform: translateX(-50%);
    border-top-color: rgba(20, 20, 20, 0.93);
}

.rm-tooltip-portal[data-placement="bottom"]::before {
    bottom: calc(100% + 1px); left: 50%; transform: translateX(-50%);
    border-bottom-color: rgba(255, 255, 255, 0.12);
}
.rm-tooltip-portal[data-placement="bottom"]::after {
    bottom: 100%; left: 50%; transform: translateX(-50%);
    border-bottom-color: rgba(20, 20, 20, 0.93);
}

.rm-tooltip-portal[data-placement="left"]::before {
    left: calc(100% + 1px); top: 50%; transform: translateY(-50%);
    border-left-color: rgba(255, 255, 255, 0.12);
}
.rm-tooltip-portal[data-placement="left"]::after {
    left: 100%; top: 50%; transform: translateY(-50%);
    border-left-color: rgba(20, 20, 20, 0.93);
}

.rm-tooltip-portal[data-placement="right"]::before {
    right: calc(100% + 1px); top: 50%; transform: translateY(-50%);
    border-right-color: rgba(255, 255, 255, 0.12);
}
.rm-tooltip-portal[data-placement="right"]::after {
    right: 100%; top: 50%; transform: translateY(-50%);
    border-right-color: rgba(20, 20, 20, 0.93);
}

/* endregion */