/* Dashboard Header Styles */
.dashboard-header-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

/* Language Switcher Button Styles */
.language-switcher-btn {
    border-radius: 20px;
}

/* Quick Stats Metric Card Styles */
.dashboard-metric-card {
    transition: transform 0.2s ease-in-out;
}
.dashboard-metric-card:hover {
    transform: translateY(-2px);
}

/* Chart Placeholder Styles */
.dashboard-chart-placeholder {
    height: 400px;
    background-color: #f8f9fa;
    border: 2px dashed #dee2e6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    font-size: 1.1rem;
    width: 100%;
    max-width: 100%;
}

/* Chart Controls Styles */
.dashboard-chart-controls {
    background-color: #f8f9fa;
    border-radius: 8px;
}

/* Card Consistency */
.dashboard-card-fullheight {
    height: 100%;
}

.dashboard-card-body-centered {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
}

.dashboard-card-gradient-inner > .card-body:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Responsive Row Gutter */
.dashboard-row-gutter {
    margin-right: 0;
    margin-left: 0;
}

/* Unique column classes for chart row 2 */
.dashboard-col-scatter {
    /* Custom styles for scatter plot column can go here */
}
.dashboard-col-pie {
    /* Custom styles for pie chart column can go here */
}
.dashboard-col-weight-sleep {
    /* Custom styles for weight & sleep trends column can go here */
}
.dashboard-col-training-volume {
    /* Custom styles for training volume column can go here */
}

/* Match height of training volume chart to weight & sleep chart (height only) */
.dashboard-col-weight-sleep .dashboard-card-body-centered,
.dashboard-col-training-volume .dashboard-card-body-centered {
    height: 400px;
    min-height: 400px;
    max-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dashboard-card-body-centered canvas {
    height: 100% !important;
    max-height: 100% !important;
}

/* Footer background same as header */
.dashboard-footer-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

/* Metric card border with header gradient */
.dashboard-metric-card-border {
    border: 2px solid;
    border-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-image-slice: 1;
    background: #fff;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.08), 0 1.5px 6px rgba(118, 75, 162, 0.06);
    background: #f9fafc;
}

/* Dashboard card gradient background for main dashboard-col-* cards */
.dashboard-card-gradient-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 0.5rem;
    padding: 1rem;
}

/* White inner area for card content */
.dashboard-card-gradient-inner {
    background: #fff;
    color: #222;
    border-radius: 0.5rem;
    padding: 1.5rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.dashboard-bar-chart-compact {
    height: 180px !important;
    max-height: 200px;
}

/* Move the training volume dropdown further right to avoid overlapping French text */
.dashboard-col-training-volume .dashboard-chart-controls {
    margin-left: 100px;
}