#erkReportInlineShell{

    position:fixed;

    right:0;
    bottom:0;

    z-index:8500;

    overflow:auto;

    box-sizing:border-box;

    padding:
        24px
        34px
        50px;

    background:#f4f7fb;
}


#erkReportCenter{

    width:100%;
    max-width:1450px;

    margin:0 auto;

    color:#102a45;
}


.erk-report-head{

    display:flex;

    justify-content:space-between;
    align-items:flex-start;

    gap:20px;

    margin-bottom:20px;
}


.erk-report-eyebrow{

    color:#1473d5;

    font-size:11px;
    font-weight:900;

    letter-spacing:.08em;
}


.erk-report-head h1{

    margin:4px 0 4px;

    font-size:29px;

    line-height:1.1;
}


.erk-report-head p{

    margin:0;

    color:#72869a;

    font-size:13px;
}


.erk-report-actions{

    display:flex;

    gap:9px;

    flex-wrap:wrap;

    justify-content:flex-end;
}


.erk-report-btn{

    height:42px;

    padding:0 16px;

    border-radius:11px;

    border:1px solid #d7e3ef;

    background:#fff;

    color:#17558f;

    font-weight:800;

    cursor:pointer;

    white-space:nowrap;
}


.erk-report-btn.primary{

    background:#1675e8;

    border-color:#1675e8;

    color:#fff;
}


/* FILTERS */

.erk-report-filter-card{

    display:grid;

    grid-template-columns:
        minmax(260px,2fr)
        repeat(3,minmax(140px,1fr));

    gap:12px;

    padding:18px;

    background:#fff;

    border:1px solid #dce6f1;

    border-radius:17px;
}


.erk-filter.search{

    grid-column:span 2;
}


.erk-filter label{

    display:block;

    margin-bottom:6px;

    color:#50657b;

    font-size:11px;
    font-weight:800;
}


.erk-filter input,
.erk-filter select{

    width:100%;

    height:42px;

    box-sizing:border-box;

    padding:0 12px;

    border:1px solid #d5e1ec;

    border-radius:10px;

    outline:none;

    background:#fbfdff;

    color:#17314a;

    font:inherit;
}


.erk-target-toggle{

    display:flex;

    align-items:center;

    gap:8px;

    height:42px;

    align-self:end;

    padding:0 12px;

    border:1px solid #d5e1ec;

    border-radius:10px;

    background:#fbfdff;

    color:#435c74;

    font-size:11px;
    font-weight:800;
}


.erk-target-toggle input{

    width:16px;
    height:16px;

    margin:0;
}


.erk-report-btn.submit{

    height:42px;

    align-self:end;
}


/* KPI */

.erk-report-kpis{

    display:grid;

    grid-template-columns:
        repeat(
            6,
            minmax(130px,1fr)
        );

    gap:11px;

    margin:16px 0;
}


.erk-report-kpi{

    min-width:0;

    padding:15px;

    background:#fff;

    border:1px solid #dce6f1;

    border-radius:15px;
}


.erk-report-kpi span{

    display:block;

    color:#6a7f93;

    font-size:11px;
    font-weight:800;
}


.erk-report-kpi strong{

    display:block;

    margin-top:6px;

    color:#0a2946;

    font-size:20px;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;
}


.erk-report-kpi.success strong{

    color:#079d50;
}


/* TABLE */

.erk-report-card{

    background:#fff;

    border:1px solid #dce6f1;

    border-radius:17px;

    overflow:hidden;
}


.erk-report-card-head{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:17px 19px;

    border-bottom:
        1px solid #e6edf4;
}


.erk-report-card-head h2{

    margin:0;

    font-size:17px;
}


.erk-report-card-head p{

    margin:3px 0 0;

    color:#74889b;

    font-size:11px;
}


.erk-count{

    color:#1675db;

    font-size:11px;
    font-weight:900;
}


.erk-report-table-wrap{

    width:100%;

    overflow:auto;
}


.erk-report-table{

    width:100%;

    min-width:1020px;

    border-collapse:collapse;
}


.erk-report-table th{

    padding:12px 13px;

    background:#f4f7fb;

    color:#4e6378;

    font-size:10px;

    text-align:left;

    white-space:nowrap;
}


.erk-report-table td{

    padding:13px;

    border-top:
        1px solid #edf2f7;

    font-size:11px;

    vertical-align:middle;
}


.erk-report-table small{

    display:block;

    margin-top:3px;

    color:#8294a6;

    font-size:9px;
}


.erk-brand-pill{

    display:inline-flex;

    padding:5px 7px;

    border-radius:8px;

    background:#e9f3ff;

    color:#126bc6;

    font-size:9px;

    font-weight:900;
}


.erk-price,
.erk-positive{

    color:#079e50;

    font-weight:900;

    white-space:nowrap;
}


.erk-negative{

    color:#d74c4c;

    font-weight:800;
}


.erk-empty{

    padding:35px!important;

    text-align:center;

    color:#7b8fa3;
}


.erk-report-error{

    padding:20px;

    background:#fff;

    color:#b03434;

    border-radius:14px;
}


/* RESPONSIVE */

@media(max-width:1250px){

    .erk-report-filter-card{

        grid-template-columns:
            repeat(
                3,
                minmax(140px,1fr)
            );
    }

    .erk-filter.search{

        grid-column:span 2;
    }

    .erk-report-kpis{

        grid-template-columns:
            repeat(3,1fr);
    }
}


@media(max-width:850px){

    #erkReportInlineShell{

        left:0!important;

        padding:
            18px
            14px
            40px;
    }


    .erk-report-head{

        display:block;
    }


    .erk-report-actions{

        margin-top:14px;

        justify-content:flex-start;
    }


    .erk-report-filter-card{

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


    .erk-filter.search{

        grid-column:
            1/-1;
    }


    .erk-report-kpis{

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


@media(max-width:560px){

    .erk-report-filter-card,
    .erk-report-kpis{

        grid-template-columns:
            1fr;
    }


    .erk-filter.search{

        grid-column:auto;
    }
}