.action-panels .tab-item[title^="Messages"]::before {
    content: var(--actionpanel-message-icon);
}

.messages-action-panel {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.messages-action-panel .inner {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: var(--actionpanel-message-padding);
}

.messages-icon-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(var(--actionpanel-message-count-offset), var(--actionpanel-message-count-offset));
    background-color: var(--actionpanel-message-count-background-color);
    border-radius: var(--actionpanel-message-count-border-radius);
}

.messages-count-label:not(:empty) {
    display: block;
    color: var(--actionpanel-message-count-text-color);
    font-family: var(--actionpanel-message-count-font-family);
    font-size: var(--actionpanel-message-count-font-size);
    font-weight: var(--actionpanel-message-count-font-weight);
    padding: var(--actionpanel-message-count-padding);
}


/* Needs to be organized
--------------------------------------------
--------------------------------------------
--------------------------------------------
-------------------------------------------- */

.messages-action-panel .ulist {
    padding-inline-start: 0;
    padding-inline-end: 0;
    margin: 5px 12px 0 25px;
}

.messages-action-panel .ulist ul {
    padding-inline-start: 25px;
}

.messages-action-panel span.message-header {
    display: block; margin-top: 4px; margin-bottom: 4px;
}

.messages-action-panel span.message-highlight {
    font-weight: 700; color: #0072C5;
}

.messages-action-panel span.message-link {
    font-weight: normal; color: #0072C5; cursor: pointer;
}

.messages-action-panel span.message-link:hover {
    text-decoration: underline;
}