:root{
  --sidebar-bg: #36424D;
  --sidebar-text: #ffffff;
  --right-bg: #f2f2f2;
  --right-text: #737373;
}

body{font-family: 'Roboto', sans-serif !important; font-weight:400 !important;}

html,body{height:100%;}
#sidebar{background:var(--sidebar-bg); color:var(--sidebar-text);}
.sidebar-header{color:var(--sidebar-text);}
.list-group-item{background:transparent; border:0; color:var(--sidebar-text);}
.list-group-item:hover{background:rgba(255,255,255,0.04); color:var(--sidebar-text);}
.row.flex-grow-1{display:flex;}

#sidebar{background:var(--sidebar-bg); color:var(--sidebar-text); flex: 0 0 220px; max-width:220px; min-width:220px;}
.sidebar-header{color:var(--sidebar-text);}
.list-group-item{background:transparent; border:0; color:var(--sidebar-text);}
.list-group-item:hover{background:rgba(255,255,255,0.04);}
#rightPanel{background:var(--right-bg); color:var(--right-text); flex: 1 1 auto;}
.card{background:white; color:var(--right-text) !important;}
.headers{
  font-weight: 400 !important;
}
/* Rendered markdown styles */
#resultArea{margin-top:1rem}
#resultArea h1,#resultArea h2,#resultArea h3{color:var(--right-text) !important;}
#resultArea p{color:var(--right-text) !important;}

@media (max-width: 767.98px) {
  .row.flex-grow-1{display:block}
  #sidebar{flex-basis:100%; max-width:100%; min-width:0}
  #rightPanel{flex-basis:100%}
}

/* Logo area */
.sidebar-logo img{max-width:160px; height:auto; display:block; margin:0 auto}

/* New Analysis link */
.new-analysis-link{display:inline-flex; align-items:center; gap:6px; color:var(--sidebar-text); text-decoration:none; padding:6px 10px; border-radius:6px}
.new-analysis-link:hover{background:rgba(255,255,255,0.04); text-decoration:none}
.new-analysis-link .material-icons{font-size:18px}

/* Right panel top navbar */
#rightTopNav{height:70px; background:#005AA8; color:white}
#rightTopNav #rightNavTitle{color:white; font-weight:600; font-size:1.25rem}

/* ensure right panel content sits below the nav */
#rightPanel .p-4{flex:1 1 auto}