.sidebar-menu-content > div {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Sidebar Feed Item Styles */
.feed-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--p1);

    padding: var(--p2) var(--p1);
    border-bottom: var(--shadow-border);
    transition: background-color 0.2s;
    border-left: 2px solid transparent;
}

.feed-item:hover {
    background-color: var(--llight-grey);
}

.feed-item:last-child {
    border-bottom: none;
}

.feed-item-inbox {
    border-left-color: var(--blue);
}

.feed-item-news {
    border-left-color: var(--green);
}

.feed-item-library {
    border-left-color: var(--pink);
}

.feed-item-header {
    display: flex;
    justify-content: space-between;
    align-items: top;
}

.feed-item-title {
    flex: 3;
}

.feed-item-timestamp {
    color: var(--dark-grey);
    flex: 1;
}

.feed-item-description {
    color: var(--dark-grey);
    font-size: var(--small-font);
    line-height: 1.4;
}

.feed-item-description > i {
    margin-left: var(--p2);
    margin-right: var(--p-half);
}

.feed-item-description > img {
    margin-left: var(--p2);
    margin-right: var(--p-half);
}

body.debug .feed-item-fake-news {
    border-left-color: var(--black);
    background-color: rgba(var(--black-values), 0.1);
}

/* ==========	Polls	========== */

.poll {
    margin-bottom: var(--p2);
}

.poll-options {
    padding: var(--p1);
    display: flex;
    flex-direction: column;
    gap: var(--p1);
}

.poll-option {
    padding: var(--p2);
    background-color: rgba(var(--grey-values), 0);
    border: var(--shadow-border);
    border-radius: var(--border-radius);
    transition: background-color 0.2s;
}

.poll-option:hover {
    background-color: rgba(var(--grey-values), 0.1);
}

.poll-option.selected {
    background-color: rgba(var(--grey-values), 0.2);
}

.poll-option:disabled {
    background-color: rgba(var(--grey-values), 0);
    box-shadow: none;
}

.poll-option:disabled:hover {
    background-color: rgba(var(--grey-values), 0);
}

.poll-option.selected:disabled {
    background-color: rgba(var(--grey-values), 0.1);
    color: var(--dark-grey);
}

.poll-option.selected:disabled:hover {
    background-color: rgba(var(--grey-values), 0.1);
}

.poll-cost-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--p1);
    padding: var(--p1);
}

.poll-cost-container > span {
    width: 100%;
    color: var(--dark-grey);
    font-size: var(--small-font);
}

.poll-cost {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    gap: var(--p1);
    align-items: center;
}

.poll-cost > i {
    padding-bottom: 4px;
}

.poll-submit-btn {
    background: transparent;
    border-radius: var(--p2);
    padding: var(--p1) var(--p2);
    transition: all 0.2s;
    float: center;
    margin:var(--p1);
    width: calc(100% - 2 * var(--p1));
}

.poll-submit-btn:hover {
    background-color: rgba(var(--grey-values), 0.1);
}

.poll-submit-btn:disabled, .poll-submit-btn:disabled:hover {
    color: var(--dark-grey);
    background-color: rgba(var(--grey-values), 0);
    border-color: var(--llight-grey);
}

/* ==========	Document Widgets	========== */

/* For document widgets in the sidebar */
.feed-item .document-container {
    display: flex;
    flex-direction: column;
    gap: var(--p-half);
}

/* For document widgets in the windowing area */
.card-body .document-container {
    display: flex;
    flex-direction: row;
    gap: var(--p1);
    flex-wrap: wrap;
    margin: var(--p1);
}

.feed-item-document .attachment-preview,
.card-body .attachment-preview {
    background-color: rgba(var(--grey-values), 0);
    padding: var(--p1);
    border: var(--shadow-border);
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    gap: var(--p2);

    transition: background-color 0.2s;
}

.feed-item-document .attachment-preview:hover,
.card-body .attachment-preview:hover {
    background-color: rgba(var(--grey-values), 0.1);
}

.attachment-icon {
    font-size: 1.2rem;
    color: var(--dark-blue);
}

.attachment-name {
    color: #c9d1d9;
    font-size: var(--small-font);
    text-decoration: none;
}

.news-item-document {
    width: 100%;
    height: 50vh;
    border-radius: var(--border-radius);
    margin: var(--p1) 0;
}

.news-item-description-container {
    margin: var(--p1);
}

/* Empty state styling */
.feed-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: #8b949e;
    text-align: center;
}

.feed-empty-icon {
    font-size: 2rem;
    margin-bottom: 15px;
    opacity: 0.6;
}

.feed-empty-text {
    font-size: 0.9rem;
}

/* Highlight for unread items */
.feed-item.unread {
    border-left-width: 4px;
    background-color: rgba(var(--dark-blue-values), 0.08);
}

/* Save to Library Button */
.feed-item-actions {
    padding: var(--p1);
}

.save-to-library-btn {
    background: transparent;
    border-radius: var(--p2);
    color: var(--dark-blue);
    padding: var(--p1) var(--p2);
    font-size: var(--small-font);
    transition: all 0.2s;
    float: right;
}

.save-to-library-btn:hover {
    background-color: rgba(var(--grey-values), 0.1);
}

.save-to-library-btn.saved {
    color: var(--pink);
    /* border-color: var(--green); */
    /* background-color: rgba(var(--green-values), 0.15); */
}

.save-to-library-btn i {
    color: unset;
}


/* ==========	Team Messages	========== */

.team-message.accepted.unread:hover::before {
    content: "Accepted by another region";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--light-grey-values), 0.3);
    backdrop-filter: blur(3px);
    border-radius: var(--border-radius);

    display: flex;
    align-items: center;
    justify-content: center;
}