/* BOLEPIX_GOOGLE_ADS_OPTIMIZER_V5703Z179MKTOPT2C1 */

#bpGoogleAdsOptimizerV5703z179{
    margin:20px 0;
    padding:22px;
    border:1px solid #dbe7f4;
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,31,74,.06);
}

.bp-mkt-opt-head-v179{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
}

.bp-mkt-opt-head-v179 small{
    display:block;
    margin-bottom:5px;
    color:#0b69d1;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
}

.bp-mkt-opt-head-v179 h2{
    margin:0;
    color:#082d59;
    font-size:22px;
}

.bp-mkt-opt-head-v179 p{
    max-width:690px;
    margin:7px 0 0;
    color:#68788c;
    line-height:1.5;
}

.bp-mkt-opt-controls-v179{
    display:flex;
    align-items:flex-end;
    flex-wrap:wrap;
    gap:10px;
}

.bp-mkt-opt-controls-v179 label{
    display:flex;
    flex-direction:column;
    gap:5px;
    color:#68788c;
    font-size:11px;
    font-weight:800;
}

.bp-mkt-opt-controls-v179 select,
.bp-mkt-opt-controls-v179 input,
.bp-mkt-opt-controls-v179 button{
    min-height:42px;
    border-radius:11px;
    font:inherit;
}

.bp-mkt-opt-controls-v179 select,
.bp-mkt-opt-controls-v179 input{
    border:1px solid #ccd9e8;
    background:#fff;
    color:#173858;
    padding:0 10px;
}

.bp-mkt-opt-controls-v179 input{
    width:82px;
    border:0;
    outline:0;
    min-height:38px;
}

.bp-mkt-opt-money-input-v179{
    display:flex;
    align-items:center;
    min-height:42px;
    padding-left:10px;
    border:1px solid #ccd9e8;
    border-radius:11px;
    background:#fff;
}

.bp-mkt-opt-money-input-v179 b{
    color:#50637b;
}

.bp-mkt-opt-controls-v179 button{
    padding:0 16px;
    border:0;
    background:#0b69d1;
    color:#fff;
    font-weight:900;
    cursor:pointer;
}

.bp-mkt-opt-controls-v179 button:disabled{
    opacity:.55;
    cursor:wait;
}

.bp-mkt-opt-mode-v179{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
    margin:18px 0 12px;
    padding:11px 13px;
    border:1px solid #cce3ff;
    border-radius:11px;
    background:#f1f7ff;
    color:#335c86;
    font-size:13px;
}

.bp-mkt-opt-mode-v179 strong{
    color:#075eb8;
}

.bp-mkt-opt-status-v179{
    padding:11px 13px;
    margin-bottom:16px;
    border-radius:11px;
    background:#f5f7fa;
    color:#596a7f;
    font-size:13px;
}

.bp-mkt-opt-status-v179.ok{
    background:#eef8f3;
    color:#176b45;
}

.bp-mkt-opt-status-v179.error{
    background:#fff1f1;
    color:#9c2929;
}

.bp-mkt-opt-grid-v179{
    display:grid;
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(155px,1fr)
        );
    gap:12px;
}

.bp-mkt-opt-grid-v179 article{
    padding:16px;
    border:1px solid #e2eaf3;
    border-radius:14px;
    background:#fafcff;
}

.bp-mkt-opt-grid-v179 article span{
    display:block;
    margin-bottom:8px;
    color:#6c7d91;
    font-size:12px;
    font-weight:700;
}

.bp-mkt-opt-grid-v179 article strong{
    color:#0a2d58;
    font-size:21px;
}

.bp-mkt-opt-grid-v179 article.warn{
    background:#fffaf0;
}

.bp-mkt-opt-grid-v179 article.danger{
    background:#fff4f4;
}

.bp-mkt-opt-grid-v179 article.success{
    background:#f1faf5;
}

.bp-mkt-opt-summary-v179{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:14px;
}

.bp-mkt-opt-summary-v179 span{
    padding:9px 11px;
    border:1px solid #e3eaf2;
    border-radius:10px;
    background:#f8fafc;
    color:#5f6f82;
    font-size:12px;
}

.bp-mkt-opt-table-wrap-v179{
    width:100%;
    margin-top:18px;
    overflow-x:auto;
    border:1px solid #e1e9f3;
    border-radius:14px;
}

.bp-mkt-opt-table-v179{
    width:100%;
    min-width:1350px;
    border-collapse:collapse;
}

.bp-mkt-opt-table-v179 th,
.bp-mkt-opt-table-v179 td{
    padding:12px 13px;
    border-bottom:1px solid #edf2f7;
    text-align:left;
    vertical-align:middle;
    font-size:12px;
}

.bp-mkt-opt-table-v179 th{
    background:#f7faff;
    color:#52647a;
    font-weight:900;
    white-space:nowrap;
}

.bp-mkt-opt-table-v179 td{
    color:#2d425c;
}

.bp-mkt-opt-table-v179 td strong{
    color:#092d5a;
}

.bp-mkt-opt-table-v179 td small{
    display:block;
    margin-top:4px;
    color:#8593a3;
}

.bp-mkt-opt-table-v179 td.reason{
    min-width:300px;
    max-width:420px;
    line-height:1.45;
}

.bp-mkt-opt-badge-v179{
    display:inline-flex;
    align-items:center;
    padding:6px 9px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    white-space:nowrap;
}

.bp-mkt-opt-badge-v179.good{
    background:#e9f7ef;
    color:#147044;
}

.bp-mkt-opt-badge-v179.watch{
    background:#fff4d9;
    color:#8c6300;
}

.bp-mkt-opt-badge-v179.bad{
    background:#ffe8e8;
    color:#a32626;
}

.bp-mkt-opt-badge-v179.done{
    background:#eef1f5;
    color:#5f6873;
}

.bp-mkt-opt-pending-v179{
    min-height:34px;
    padding:0 11px;
    border:1px solid #d4dbe4;
    border-radius:9px;
    background:#f3f5f8;
    color:#7b8795;
    font-size:11px;
    font-weight:800;
    cursor:not-allowed;
}

.bp-mkt-opt-empty-v179{
    padding:25px !important;
    text-align:center !important;
    color:#77889a !important;
}

.bp-mkt-opt-foot-v179{
    margin-top:15px;
    padding:12px 14px;
    border-radius:11px;
    background:#f7f9fc;
    color:#65758a;
    font-size:12px;
    line-height:1.5;
}

.bp-mkt-opt-foot-v179 strong{
    color:#35516f;
}

@media(max-width:800px){

    #bpGoogleAdsOptimizerV5703z179{
        padding:16px;
    }

    .bp-mkt-opt-head-v179{
        flex-direction:column;
    }

    .bp-mkt-opt-controls-v179{
        width:100%;
    }

    .bp-mkt-opt-controls-v179 label{
        flex:1 1 130px;
    }

    .bp-mkt-opt-controls-v179 select{
        width:100%;
    }
}

@media(max-width:450px){

    .bp-mkt-opt-grid-v179{
        grid-template-columns:1fr;
    }
}

/* ============================================================
   BOLEPIX_OPTIMIZER_HORIZONTAL_SCROLL_V5703Z179MKTOPT2UI1
   ============================================================ */

#bpGoogleAdsOptimizerV5703z179{
    max-width:100%;
    min-width:0;
    overflow:hidden;
}

.bp-mkt-opt-scroll-top-v179{
    display:none;
    width:100%;
    max-width:100%;
    overflow-x:scroll;
    overflow-y:hidden;
    margin-top:18px;
    margin-bottom:7px;
    height:16px;
    scrollbar-gutter:stable;
    overscroll-behavior-x:contain;
}

.bp-mkt-opt-scroll-top-inner-v179{
    height:1px;
    min-width:1px;
}

.bp-mkt-opt-table-wrap-v179{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden;
    margin-top:0 !important;
    scrollbar-gutter:stable;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
}

.bp-mkt-opt-table-v179{
    min-width:1350px;
    width:100%;
}

.bp-mkt-opt-scroll-top-v179::-webkit-scrollbar,
.bp-mkt-opt-table-wrap-v179::-webkit-scrollbar{
    height:12px;
}

.bp-mkt-opt-scroll-top-v179::-webkit-scrollbar-track,
.bp-mkt-opt-table-wrap-v179::-webkit-scrollbar-track{
    background:#e7eef7;
    border-radius:999px;
}

.bp-mkt-opt-scroll-top-v179::-webkit-scrollbar-thumb,
.bp-mkt-opt-table-wrap-v179::-webkit-scrollbar-thumb{
    background:#0b69d1;
    border-radius:999px;
    border:2px solid #e7eef7;
}

.bp-mkt-opt-scroll-top-v179{
    scrollbar-width:auto;
    scrollbar-color:#0b69d1 #e7eef7;
}

.bp-mkt-opt-table-wrap-v179{
    scrollbar-width:auto;
    scrollbar-color:#0b69d1 #e7eef7;
}

@media(max-width:800px){

    .bp-mkt-opt-scroll-top-v179{
        height:18px;
    }

    .bp-mkt-opt-scroll-top-v179::-webkit-scrollbar,
    .bp-mkt-opt-table-wrap-v179::-webkit-scrollbar{
        height:14px;
    }
}

/* ============================================================
   BOLEPIX_OPTIMIZER_FULLSCREEN_REPORT_V5703Z179MKTOPT2UI3
   ============================================================ */

.bp-mkt-opt-report-button-v179{
    background:#ffffff !important;
    color:#0b69d1 !important;
    border:1px solid #0b69d1 !important;
}

.bp-mkt-opt-report-button-v179:hover{
    background:#eef6ff !important;
}

/*
 * No menu Marketing o relatório detalhado não fica mais
 * espremido. Permanecem os indicadores e controles.
 */
#bpGoogleAdsOptimizerV5703z179
.bp-mkt-opt-scroll-top-v179,

#bpGoogleAdsOptimizerV5703z179
.bp-mkt-opt-table-wrap-v179{
    display:none !important;
}

html.bp-mkt-opt-modal-open-v179,
body.bp-mkt-opt-modal-open-v179{
    overflow:hidden !important;
}

.bp-mkt-opt-fullscreen-v179{
    position:fixed;
    inset:0;
    z-index:2147483000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    background:rgba(4,18,38,.74);
    backdrop-filter:blur(3px);
}

.bp-mkt-opt-fullscreen-card-v179{
    display:flex;
    flex-direction:column;
    width:calc(100vw - 20px);
    height:calc(100vh - 20px);
    max-width:none;
    max-height:none;
    min-width:0;
    min-height:0;
    overflow:hidden;
    border:1px solid #dbe5f0;
    border-radius:18px;
    background:#fff;
    box-shadow:0 30px 100px rgba(0,0,0,.38);
}

.bp-mkt-opt-fullscreen-head-v179{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:16px 20px;
    border-bottom:1px solid #dce6f1;
    background:#f7faff;
}

.bp-mkt-opt-fullscreen-head-v179 small{
    display:block;
    margin-bottom:3px;
    color:#0b69d1;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
}

.bp-mkt-opt-fullscreen-head-v179 h2{
    margin:0;
    color:#082d59;
    font-size:21px;
    line-height:1.2;
}

.bp-mkt-opt-fullscreen-head-v179 p{
    margin:4px 0 0;
    color:#68798d;
    font-size:12px;
}

#bpMktOptCloseReportV179{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:0 16px;
    border:0;
    border-radius:11px;
    background:#092d5a;
    color:#fff;
    font-size:13px;
    font-weight:900;
    cursor:pointer;
}

#bpMktOptCloseReportV179 span{
    font-size:21px;
    line-height:1;
}

.bp-mkt-opt-fullscreen-body-v179{
    flex:1 1 auto;
    min-width:0;
    min-height:0;
    overflow:auto;
    padding:18px;
    background:#fff;
    scrollbar-width:auto;
    scrollbar-color:#0b69d1 #e8eef6;
}

/*
 * O próprio corpo do popup controla a rolagem horizontal
 * e vertical, mantendo a barra horizontal visível na base
 * da janela.
 */
.bp-mkt-opt-fullscreen-body-v179
.bp-mkt-opt-table-wrap-v179{
    display:block !important;
    width:max-content !important;
    min-width:100% !important;
    max-width:none !important;
    overflow:visible !important;
    margin-top:18px !important;
}

.bp-mkt-opt-fullscreen-body-v179
.bp-mkt-opt-table-v179{
    width:100%;
    min-width:1350px;
}

.bp-mkt-opt-fullscreen-body-v179
.bp-mkt-opt-table-v179 thead th{
    position:sticky;
    top:0;
    z-index:4;
    background:#f2f7fd;
    box-shadow:0 1px 0 #d8e4f0;
}

.bp-mkt-opt-fullscreen-body-v179::-webkit-scrollbar{
    width:13px;
    height:13px;
}

.bp-mkt-opt-fullscreen-body-v179::-webkit-scrollbar-track{
    background:#e8eef6;
}

.bp-mkt-opt-fullscreen-body-v179::-webkit-scrollbar-thumb{
    background:#0b69d1;
    border:2px solid #e8eef6;
    border-radius:999px;
}

.bp-mkt-opt-fullscreen-body-v179
.bp-mkt-opt-grid-v179{
    grid-template-columns:
        repeat(
            6,
            minmax(150px,1fr)
        );
}

@media(max-width:900px){

    .bp-mkt-opt-fullscreen-v179{
        padding:4px;
    }

    .bp-mkt-opt-fullscreen-card-v179{
        width:calc(100vw - 8px);
        height:calc(100vh - 8px);
        border-radius:12px;
    }

    .bp-mkt-opt-fullscreen-head-v179{
        padding:12px;
    }

    .bp-mkt-opt-fullscreen-head-v179 h2{
        font-size:17px;
    }

    .bp-mkt-opt-fullscreen-head-v179 p{
        display:none;
    }

    .bp-mkt-opt-fullscreen-body-v179{
        padding:10px;
    }

    .bp-mkt-opt-fullscreen-body-v179
    .bp-mkt-opt-grid-v179{
        grid-template-columns:
            repeat(
                3,
                minmax(140px,1fr)
            );
    }
}

@media(max-width:520px){

    #bpMktOptCloseReportV179{
        min-height:38px;
        padding:0 12px;
    }

    .bp-mkt-opt-fullscreen-body-v179
    .bp-mkt-opt-grid-v179{
        grid-template-columns:
            repeat(
                2,
                minmax(135px,1fr)
            );
    }
}