/* 1. Global Page Style */
body {
    background-color: rgb(43, 77, 123) !important; /* Muted Slate Blue */
    color: #ffffff !important;                     /* Light text for high contrast against blue */
}
.channel-group-wrapper {
    display: flex;
    align-items: center;
    gap: 16px; /* Adjust this to control gap between pic and text */
    justify-content: flex-start; /* Forces items to stay together on the left */
}

/* Ensure the button doesn't have a massive margin pushing it away */
.channel-action-container {
    display: flex;
    align-items: center;
    gap: 16px; /* Gap between channel info and button */
    margin-left: 20px; /* Optional: adds a little space after the channel name */
}
/* --- Transcript Modal Text --- */
#transcriptModal {
    color: #000;
}

#modalContent {
    background: #fff;
    color: #000;
    padding: 20px;
    line-height: 1.6;
    border-radius: 10px;
}

#modalContent * {
    color: #000 !important;
}

/* Change color for video titles in the sidebar */
.up-next-video .video-title, /* Adjust this class name to match your HTML */
.up-next-video .video-meta { 
    color: #ffffff; /* Sets text to pure white */
    /* OR try a soft light grey if white is too bright: */
    /* color: #e0e0e0; */
}

/* Ensure the views count is also visible */
.up-next-video .views-count {
    color: #cccccc; /* Slightly darker grey for the views count */
}