/*  super-lab-meeting.css in your plugin directory  */
.lab-meetings-list {
    /* Overall list styles */
    font-family: sans-serif;
}

.lab-meeting-item {
    margin-bottom: 1em;      /* Space between items */
    border-bottom: 1px solid #eee;  /* Subtle separator */
    padding-bottom: 1em;
    display: flex;          /* Use flexbox for overall layout */
    flex-direction: column; /* Stack date on top */
}

.lab-meeting-date {
    font-weight: bold;
    padding: 5px;
    width: 100%;           /* Full width */
    margin-bottom: 0.5em; /* Space below the date */
    text-align: left;
}

.lab-meeting-no-date {
  /*  height: 1.5em;  Adjust as needed for spacing */
   /* Make it invisible, but still take up space */
   visibility: hidden;
}

.lab-meeting-details {
    display: flex;           /* Flexbox for status and name/description */
    width: 100%;            /* Full width */

}
.lab-meeting-status{
    flex: 0 0 120px;        /* Fixed width */
    margin-right: 1em;
    text-align: right;
    color: grey;            /* Grey color for status */
}
.lab-meeting-info{
    flex: 1;
}

.lab-meeting-name {
    font-weight: bold;
    margin-bottom: 0.2em;
}

.lab-meeting-description {
    color: grey;
    font-size: smaller;
}

.current-week-meeting {
    color: #a83232;
}
.normal-week-meeting{
    color: #6495ED;
}