/* Link detection UI — inline links + external-open confirm */

.message-link {
    color: var(--accent);
    cursor: pointer;
    font-weight: 500;
    overflow-wrap: anywhere;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--accent) 45%, transparent);
    text-underline-offset: 2px;
    word-break: break-all;
}

.message-link:hover {
    color: color-mix(in srgb, var(--accent) 85%, var(--text));
    text-decoration-color: var(--accent);
}

.message-bubble--own .message-link {
    color: color-mix(in srgb, var(--accent) 70%, var(--theme-text, #fff));
    text-decoration-color: color-mix(in srgb, var(--accent) 40%, transparent);
}

.message-bubble--own .message-link:hover {
    color: var(--theme-text, #fff);
}