/* Additions for the new website only. Everything else is the old site's styling. */
@import url('/layout.css');

/* st.dataframe stand-in, drawn like Streamlit's grid on the dark theme. */
.bb-grid { width: 100%; overflow: auto; border: 1px solid rgba(247, 248, 244, 0.1); border-radius: 0.5rem; }
.bb-grid table { width: 100%; border-collapse: collapse; font-family: "Source Sans", sans-serif; font-size: 14px; color: rgb(247, 248, 244); }
.bb-grid th { position: sticky; top: 0; z-index: 1; height: 36px; padding: 0 8px; text-align: left; font-weight: 400; color: rgba(247, 248, 244, 0.6);
  background: rgb(9, 15, 22); border-bottom: 1px solid rgba(247, 248, 244, 0.1); white-space: nowrap; }
.bb-grid td { height: 35px; padding: 0 8px; background: rgb(5, 7, 9); border-bottom: 1px solid rgba(247, 248, 244, 0.1); white-space: nowrap; }
.bb-grid tr:last-child td { border-bottom: 0; }
.bb-grid td + td, .bb-grid th + th { border-left: 1px solid rgba(247, 248, 244, 0.1); }
.bb-grid td.bb-num { text-align: right; font-variant-numeric: tabular-nums; }
.bb-grid tbody tr:hover td { background: rgb(13, 16, 19); }
.bb-grid .bb-none { color: rgba(247, 248, 244, 0.4); }

/* Native date picker behind Streamlit's date field look. */
.bb-date-native { position: absolute; inset: 0; opacity: 0; pointer-events: none; width: 100%; height: 100%; }

.bb-boot { min-height: 100vh; background: var(--board-bg, #050709); }
.bb-skeleton { height: 60vh; }
body { background: #050709; }
.stDataFrame:has(> .bb-grid) { width: 100%; }  /* stays inline-block, like Streamlit's grid frame */