/* YNOS Analytics - Custom Branding CSS */
/* Architecture Decision 10: Single custom CSS file */
/* Applied globally via FLASK_APP_MUTATOR injection */
/* Brand Colors: Primary #003c32, Accent #50b446, Text #232323 */

/* === Load Mona Sans + IBM Plex Mono Fonts === */
/* Mona Sans: Self-hosted (GitHub font, not on Google Fonts) */
@font-face {
    font-family: 'Mona Sans';
    src: url('/static/assets/branding/fonts/Mona-Sans.woff2') format('woff2');
    font-weight: 200 900;
    font-style: normal;
    font-display: swap;
}
/* IBM Plex Mono: Available on Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap');

/* === Tooltip Styling (AC3) === */
.echarts-tooltip,
.ant-tooltip-inner,
.dashboard-component-chart-holder .echarts-tooltip {
    background-color: #ffffff !important;
    color: #232323 !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 61, 50, 0.12) !important;
    font-family: 'Mona Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    padding: 8px 12px !important;
}

/* === Dashboard Card Styling === */
.dashboard-component-chart-holder {
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    background: #ffffff;
}

/* === Dashboard Background === */
.dashboard .grid-container {
    background-color: #F9FAFB;
}

/* === Chart Title Styling === */
.header-title .editable-title input,
.header-title .editable-title span {
    font-family: 'Mona Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: #003c32;
    font-weight: 600;
}

/* === Navigation Bar Enhancements === */
.navbar-brand {
    font-family: 'Mona Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* === Filter Bar Styling === */
.filter-bar {
    background-color: #ffffff;
    border-right: 1px solid #E2E8F0;
}

/* === Button Primary Override === */
.ant-btn-primary {
    background-color: #003c32;
    border-color: #003c32;
}

.ant-btn-primary:hover {
    background-color: #50b446;
    border-color: #50b446;
}

/* === Link Color === */
a {
    color: #003c32;
}

a:hover {
    color: #50b446;
}