.tip[data-v-0cccf7a3] {
    display: flex;
    gap: 0.5em;
    max-width: 25em;
}

/* Tips come in through T(), which keeps the line breaks in the string as real newlines
   instead of turning them into <br>. Honour them without having to render html. */
.text[data-v-0cccf7a3] {
    white-space: pre-line;
}

.online[data-v-d0e6a2de] {
    color: var(--color-text-green);
}

/* A dot needs no font. */
.online[data-v-bc900b4f] {
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    margin: 0 0.3em;
    /* margin-bottom: 0.1em; */
    border-radius: 50%;
    background: var(--color-text-green);
}
.circle[data-v-bc900b4f] {
    color: var(--color-contacts-code-partner);
    background: var(--color-contacts-code-partner-bg);
    border-radius: 50%;
    width: 1.4em;
    height: 1.4em;
    padding-left: 0.4em;
}

.notify-grid[data-v-c11e372d] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 1em;
    align-items: center;
}
.code-grid[data-v-c11e372d] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1em;
    margin: 1em 0;
    align-items: center;
}

.p-panel-header-actions {
    margin: -0.6em;
}