/* ==========================
   HALAMAN TABLEAU
========================== */

.rsko-tableau-page{
    width:100%;
    max-width:1800px;     /* sebelumnya 1400px */
    margin:0 auto;
    padding:20px 16px 40px;
}

.rsko-tableau-title{
    margin:0 0 8px;
    text-align:center;
    font-size:clamp(32px,4vw,52px);
    font-weight:800;
    color:#0f172a;
}

.rsko-tableau-subtitle{
    margin:0 0 20px;
    text-align:center;
    color:#64748b;
    font-size:18px;
}

/* Container Tableau */
#rsko-tableau-wrapper{
    width:100%;
    min-height:950px;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
    border:1px solid #e2e8f0;
}

/* Tableau memenuhi container */
#rsko-tableau-wrapper tableau-viz{
    display:block;
    width:100% !important;
    height:950px !important;
}

/* iframe Tableau */
#rsko-tableau-wrapper iframe{
    width:100% !important;
    height:950px !important;
}

/* zoom supaya tampilan seperti browser 90% */
#rsko-tableau-wrapper{
    zoom:.90;
}

/* Firefox */
@supports not (zoom:1){
    #rsko-tableau-wrapper{
        transform:scale(.90);
        transform-origin:top center;
        width:111.11%;
    }
}

.rsko-tableau-note{
    margin-top:14px;
    text-align:center;
    font-size:14px;
    color:#64748b;
}

.rsko-tableau-error{
    padding:32px;
    text-align:center;
    color:#991b1b;
    background:#fee2e2;
}

/* Tablet */
@media (max-width:991px){

    .rsko-tableau-page{
        padding:16px;
    }

    #rsko-tableau-wrapper,
    #rsko-tableau-wrapper tableau-viz,
    #rsko-tableau-wrapper iframe{
        height:820px !important;
    }

    #rsko-tableau-wrapper{
        zoom:1;
    }
}

/* HP */
@media (max-width:768px){

    #rsko-tableau-wrapper,
    #rsko-tableau-wrapper tableau-viz,
    #rsko-tableau-wrapper iframe{
        height:760px !important;
    }

    #rsko-tableau-wrapper{
        zoom:1;
    }
}