98 lines
2.5 KiB
CSS
98 lines
2.5 KiB
CSS
|
/* ATC Lakehouse dashboard — Palantir OPS overlay */
|
||
|
|
.dashboard-wrapper,
|
||
|
|
.dashboard,
|
||
|
|
.grid-container,
|
||
|
|
.dashboard-content,
|
||
|
|
.dashboard-component-chart-holder {
|
||
|
|
background: transparent !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dashboard-header-container {
|
||
|
|
background: linear-gradient(135deg, rgba(12, 28, 52, 0.95) 0%, rgba(6, 20, 40, 0.98) 100%) !important;
|
||
|
|
border-bottom: 1px solid rgba(56, 132, 220, 0.25) !important;
|
||
|
|
backdrop-filter: blur(12px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.dashboard-header .dashboard-title {
|
||
|
|
font-family: 'DM Sans', system-ui, sans-serif !important;
|
||
|
|
font-weight: 700 !important;
|
||
|
|
letter-spacing: -0.02em !important;
|
||
|
|
background: linear-gradient(90deg, #e8eef7 0%, #22d3ee 50%, #fb923c 100%);
|
||
|
|
-webkit-background-clip: text;
|
||
|
|
-webkit-text-fill-color: transparent;
|
||
|
|
background-clip: text;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dashboard-component {
|
||
|
|
background: rgba(12, 28, 52, 0.72) !important;
|
||
|
|
border: 1px solid rgba(56, 132, 220, 0.2) !important;
|
||
|
|
border-radius: 12px !important;
|
||
|
|
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
|
||
|
|
backdrop-filter: blur(8px);
|
||
|
|
transition: border-color 0.2s ease, box-shadow 0.2s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dashboard-component:hover {
|
||
|
|
border-color: rgba(251, 146, 60, 0.35) !important;
|
||
|
|
box-shadow: 0 8px 32px rgba(37, 99, 235, 0.2) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chart-header,
|
||
|
|
.header-title,
|
||
|
|
.header-line {
|
||
|
|
color: #e8eef7 !important;
|
||
|
|
font-family: 'DM Sans', system-ui, sans-serif !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.slice_container,
|
||
|
|
.chart-container,
|
||
|
|
.dashboard-chart-id {
|
||
|
|
background: transparent !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Big number / KPI tiles */
|
||
|
|
.big-number .header-line,
|
||
|
|
.big-number-viz .header-line {
|
||
|
|
color: #22d3ee !important;
|
||
|
|
font-size: 2.5rem !important;
|
||
|
|
font-weight: 700 !important;
|
||
|
|
text-shadow: 0 0 24px rgba(34, 211, 238, 0.35);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Markdown section headers */
|
||
|
|
.dashboard-markdown,
|
||
|
|
.markdown-component {
|
||
|
|
background: linear-gradient(90deg, rgba(59, 130, 246, 0.12), transparent) !important;
|
||
|
|
border-left: 3px solid #3b82f6 !important;
|
||
|
|
padding: 12px 16px !important;
|
||
|
|
border-radius: 0 8px 8px 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dashboard-markdown h1,
|
||
|
|
.dashboard-markdown h2,
|
||
|
|
.markdown-component h1,
|
||
|
|
.markdown-component h2 {
|
||
|
|
color: #e8eef7 !important;
|
||
|
|
font-family: 'DM Sans', sans-serif !important;
|
||
|
|
margin: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dashboard-markdown p,
|
||
|
|
.markdown-component p {
|
||
|
|
color: #94a3b8 !important;
|
||
|
|
margin: 4px 0 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Filter bar */
|
||
|
|
.filter-status-pane,
|
||
|
|
.dashboard-filters-panel {
|
||
|
|
background: rgba(6, 20, 40, 0.9) !important;
|
||
|
|
border: 1px solid rgba(56, 132, 220, 0.2) !important;
|
||
|
|
border-radius: 10px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Grid subtle glow */
|
||
|
|
.grid-row {
|
||
|
|
margin-bottom: 8px;
|
||
|
|
}
|