/*wrapper for each response message either DISCOVERY or RESULT*/
.dash-container {
    font-family: 'Segoe UI', sans-serif;
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    /*resizable table*/
    overflow-x: auto;
}

    .dash-container li {
        list-style-type: auto !important;
        margin-bottom: 6px;
    }

    .dash-container h2 {
        color: #005f73;
        margin-top: 0;
    }

    .dash-container h2 {
        color: #005f73;
        font-size: inherit;
        font-weight: inherit;
    }

    .dash-container ul {
        padding-left: 20px;
    }
/*wrapper for each response message either DISCOVERY or RESULT*/









/*styles for DISCOVERY boxes containing ΠΕΡΙΛΗΨΗ,ΠΕΡΙΓΡΑΦΗ ΥΠΟΛΟΓΙΣΜΩΝ,ΤΙ ΘΑ ΔΕΙΞΩ ΣΤΑ ΑΠΟΤΕΛΕΣΜΑΤΑ*/
/*style for boxes */
.chart-box {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}
/*styles for DISCOVERY boxes containing ΠΕΡΙΛΗΨΗ,ΠΕΡΙΓΡΑΦΗ ΥΠΟΛΟΓΙΣΜΩΝ,ΤΙ ΘΑ ΔΕΙΞΩ ΣΤΑ ΑΠΟΤΕΛΕΣΜΑΤΑ*/











/*Styles for RESULT box*/

/*result heading box above table*/
.kpi-row {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
/*result heading box above table  -> card*/
.kpi-card {
    flex: 1;
    background: white;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border-left: 5px solid #005f73;
    min-width: 200px;
}
/*result heading box above table  -> card -> title*/
.kpi-title {
    font-size: 12px;
    text-transform: uppercase;
    color: #666;
    font-weight: 700;
}
/*result heading box above table  -> card -> content*/
.kpi-val {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

/*table*/
.styled-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    /*resizable table*/
    width: max-content;
    min-width: 100%;
}
    /*table tr*/
    .styled-table tr:hover {
        background: #f1f9fc;
    }
    /*table th*/
    .styled-table th {
        background: #005f73;
        color: white;
        padding: 12px;
        text-align: left;
        text-wrap: auto;
        max-width: 100px;
    }
    /*table td*/
    .styled-table td {
        padding: 10px 12px;
        border-bottom: 1px solid #eee;
    }

    /*resizable table*/
    .styled-table th, .styled-table td {
        max-width: 300px;
        white-space: normal;
        word-break: break-word;
        overflow-wrap: break-word;
    }

.chart-box svg * {
    font-family: auto;
}
/*Styles for Results box*/