/* Hide the hidden/assistive math labels that cause doubling */
.katex-html {
    display: block; /* or inline-block for inline math */
}

.katex-mathml {
    display: none !important;
}

/* If any stray MathJax artifacts remain in cache */
.MathJax_Preview, .mjx-chtml, .mjx-assistive_mathml {
    display: none !important;
}

.welcome-page {
    margin-right: 16.6%;
}

/* Remove ONLY the outer border of the sidebar */
#sidebar {
    border: none !important;
}

/* Remove ONLY the outer border of the main container */
#main-container {
    border: none !important;
}

/* Remove the border under the expand-view bar */
#main-container .border-bottom {
    border-bottom: none !important;
}

.sidebar-title {
    display: inline-block;
    margin-left: 50px;
}

.sidebar-content {
    padding-left: 50px;
}


.menu-align {
    margin-left: 0%;
}

.header-logo {
    margin-left: 16.66%;
}

.main-area{
    background-color: #E9F5F2;
}

header {
    background-color: #FFFFFF !important;
}

.sidebar {
    background-color: #FFFFFF;
}
/* Sidebar Title */
.sidebar-header {
    font-weight: normal; 
    color: #1D3557;
    padding-bottom: 8px;
    margin-bottom: 15px;
    display: block;
    font-size: 1.1rem;
}

.sidebar-empty .sidebar-header,
.sidebar-empty .sidebar-title {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* List container */
.sidebar-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

/* Row setup - ensures no border on the container */
.sidebar-item {
    display: flex;
    align-items: center;
    padding: 5px 0;
    border: none !important; 
    background: none !important;
}

/* The Bullet */
.sidebar-item::before {
    content: "•";
    color: #2A6F97;
    font-weight: bold;
    margin-right: 10px;
    font-size: 1.2rem;
}

/* The Clickable Link */
.sidebar-link {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    color: #007bff; /* Link Blue */
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    font-size: 1rem;
    outline: none !important;
    box-shadow: none !important;
}

.sidebar-link:hover {
    text-decoration: underline;
    color: #0056b3;
}

#table_div table,
#table_div th,
#table_div td {
    border: none !important;
}

#scenarioDialog {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 420px;
    height: 500px;
    background: white;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.35);
    padding: 0;
    z-index: 2000;
    display: none;
    overflow: hidden;
    font-family: Arial, sans-serif;
}

#scenarioDialogHeader {
    cursor: move;
    background: #f0f0f0;
    padding: 8px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
}

.highlighted-row {
    background-color: #fff9c4 !important; /* Light yellow */
    font-weight: bold;
}

/* Optional: add a hover effect so users know the row is interactive */
#scenarioTableBody tr:hover {
    background-color: #f5f5f5;
}