.pro-wrapper{ background: transparent; }
.card, .dbc.card { background: var(--card) !important; border: 1px solid #1a2230; box-shadow: 0 6px 18px rgba(0,0,0,.18); }
.dccGraph, .js-plotly-plot{ border-radius: 12px; overflow: hidden; background: var(--card); }
.badge.legend{ background: var(--badge); color: #9bf8c7; border: 1px solid #143823; }
/* card titles & section heads */
.card .card-header h5, .dbc .card-header h5 { font-size: 1.05rem; }
.badge.legend{ font-size: .8rem; }
.navbar .btn { padding: .38rem .7rem; }
/* card titles & section heads */
.card .card-header h5, .dbc .card-header h5 { font-size: 1.05rem; }
.badge.legend{ font-size: .8rem; }
.navbar .btn { padding: .38rem .7rem; }