.chart{

    background:var(--surface);

    border-radius:16px;

    padding:24px;

    box-shadow:var(--shadow);

    margin-bottom:30px;

}

.chart-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;

}

.chart-header h2{

    font-size:22px;

}

.chart-header p{

    color:var(--text-light);

    margin-top:6px;

}

.chart-header select{

    border:1px solid var(--border);

    padding:10px 16px;

    border-radius:10px;

    background:var(--surface);

    cursor:pointer;

}

.ranking{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

}

.chart-container{

    position: relative;

    width: 100%;

    height: 380px;

}

/* Hidden on screen, shown when printing */
.print-header { display: none; }

/* FILTER */

.dashboard-filter{

    display:grid;

    grid-template-columns:2fr 2fr 2fr 1fr;

    gap:20px;

    background:var(--surface);

    padding:24px;

    border-radius:16px;

    box-shadow:var(--shadow);

    margin-bottom:30px;

}

.filter-group{

    display:flex;

    flex-direction:column;

}

.filter-group label{

    font-size:14px;

    color:var(--text-light);

    margin-bottom:8px;

    font-weight:500;

}

.filter-group select{

    height:48px;

    border:1px solid var(--border);

    border-radius:10px;

    padding:0 14px;

    background:var(--surface);

    outline:none;

    font-family:"Poppins",sans-serif;

}

.filter-button{

    display:flex;

    align-items:end;

}

.filter-button button{

    width:100%;

    height:48px;

    border:none;

    border-radius:10px;

    background:var(--primary);

    color:#ffffff;

    cursor:pointer;

    font-family:"Poppins",sans-serif;

    font-weight:600;

    transition:.3s;

}

.filter-button button:hover{

    background:var(--primary-hover);

}

/* SESTOCRE AI */

.analytics-grid{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:24px;

    margin-bottom:30px;

}

.intelligence{

    background:var(--surface);

    border-radius:16px;

    padding:24px;

    box-shadow:var(--shadow);

}

.intelligence-header{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    margin-bottom:24px;

}

.intelligence-header h2{

    font-size:22px;

    margin-bottom:6px;

}

.intelligence-header span{

    font-size:13px;

    color:var(--text-light);

}

.status-online{

    background:#DCFCE7;

    color:#15803D;

    padding:8px 14px;

    border-radius:999px;

    font-size:13px;

    font-weight:600;

}

.intelligence-body{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.insight-item{

    border-left:4px solid var(--primary);

    padding-left:16px;

}

.insight-item h4{

    margin-bottom:8px;

    font-size:16px;

}

.insight-item p{

    color:var(--text-light);

    line-height:1.7;

}