@media print {
    @page {
        size: Letter;
        margin: 12mm;
    } /* you can do A4 similarly */

    html,
    body {
        margin: 0 !important;
    }

    #calc-results {
        /* Make width include padding so you don’t accidentally overflow */
        box-sizing: border-box;

        /* This keeps everything inside the printable box */
        width: 172mm; /* <= computed max for Letter w/ 10mm padding */
        max-width: 172mm;

        padding: 10mm; /* the padding you wanted */
        margin: 0 auto; /* center it */
        overflow: visible !important;
        break-inside: avoid;
        box-shadow: none !important;
    }

    .export-actions,
    nav,
    footer {
        display: none !important;
    }
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

/*-------------------------------------*/
/*----------- BACKGROUND --------------*/
/*-------------------------------------*/
.page-id-366 img.site-background {
    display: none;
}
.page-id-366 .header-img {
    display: none;
}
.page-id-366 {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: visible !important;
    background: linear-gradient(to bottom, #88c2c9 0%, /* start */ #88c2c9 50%, /* midpoint */ #1c9aa6 50%, /* same midpoint → sharp switch */ #1c9aa6 100% /* end */);
}

.bait {
    margin: 40px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/*-------------------------------------*/
/*------------- INPUTS ----------------*/
/*-------------------------------------*/

.bait__inputs {
    width: 1000px;

    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(12px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 12px;
    box-shadow: 0.5rem 0.5rem 0.5rem rgb(0 0 0 / 8%);
    overflow: hidden;

    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: stretch;

    font-family: "canada-type-gibson";
    font-size: 18px;
    color: #fff;
}

/*-----------------------------*/

/*header*/

.bait__inputs__header {
    padding: 30px;
    background: #00000077;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: "canada-type-gibson";
    font-size: 18px;
    color: #fff;
}
span.bait__inputs__header__big {
    font-size: 32px;
    font-weight: 600;
}
span.bait__inputs__header__small {
    font-size: 24px;
}

/*-----------------------------*/

/*inputs*/

.bait__inputs-wrapper {
    padding: 25px;

    display: flex;
    flex-direction: column;
    gap: 15px;

    font-family: "canada-type-gibson";
    font-size: 18px;
    color: #fff;
}

.bait-field--currency,
.bait-field--percent,
.bait-field--select,
.bait-field--slider,
.bait-field--number {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.bait-field--select select option {
    background: var(--teal);
}
.bait-field--select select option:checked {
    background: var(--medium-teal);
}
.bait-field--select select option:hover {
    background: var(--dark-grey) !important;
}
.bait-field--select select option:disabled {
    opacity: 0.4;
}

.bait-field--currency input,
.bait-field--percent input,
.bait-field--select select,
.bait-field--slider input,
.bait-field--number input {
    width: 100%;
    padding: 10px;

    border: 1px solid #fff;
    background: #00000022;
    border-radius: 10px;

    color: #fff;
}

/*-----------------------------*/

/*dividers*/
.bait__inputs__divider {
    width: 100%;
    height: 1px;
    background: #fff;
}

/*-----------------------------*/

/*buttons*/
button.bait-button {
    padding: 15px 20px;

    background: #00000088;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 2px 2px 6px #00000033;

    color: white;

    transition: all 0.1s ease;
}
button.bait-button:hover {
    background: #00000077;
    box-shadow: 3px 3px 8px #00000044;

    transform: scale(1.0025);

    transition: all 0.1s ease;
}
button.bait-button:active {
    background: #00000099;
    box-shadow: 1px 1px 4px #00000022;

    transform: scale(0.9975);

    transition: all 0.1s ease;
}

button#bait-autofill {
    display: none;
}

/*-----------------------------*/

/*headers*/
.bait h2 {
    font-size: 24px;
    font-weight: 500;
}

/*-----------------------------*/

/*revenue, pacing, profit*/
.bait__inputs__revenue-pacing-profit {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.revenue-pacing-profit__field {
    flex: 0 0 30%;
}

span.revenue-pacing-profit__field__description {
    font-size: 14px;
}

/*-----------------------------*/

/*channels*/
.bait__inputs__channels {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: start;
    align-items: end;
}

.bait__inputs__channels__heading {
    margin-bottom: 10px;
    flex: 0 0 100%;

    display: flex;
    justify-content: space-between;
    align-items: start;
}
.bait__inputs__channels__heading button.bait-button {
    padding: 12px 18px;
    display: flex;
    gap: 5px;
}

.bait__inputs__channels {
    display: flex;
}
.bait__inputs__channels .channels__field {
    flex: 1 0 15%;
    max-width: 20%;

    transition: all 0.5s ease;
}
.bait__inputs__channels .channels__field.disabled {
    opacity: 0;
    max-width: 0;
    visibility: hidden;

    transition: all 0.5s ease;
}

.channels__buttons {
    display: flex;
    gap: 8px;
}
.channels__buttons button.bait-button {
    padding: 5px;
}
.channels__buttons button.bait-button .icon {
    font-size: 30px;
    color: #ffffffee;
}
.channels__buttons button.bait-button:disabled {
    opacity: 0.7;
}

/*adding select option pop up*/
.bait-dialog::backdrop {
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(1px);
}
.bait-dialog {
    background: #ffffffcc;
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 25px;
    max-width: 420px;
    width: 90vw;
}

.bait-dialog__form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bait-dialog__title {
    font-size: 25px;
    font-weight: 600;
}
.bait-dialog__hint {
    margin: 0 0 0.5rem;
    color: #555;
    font-size: 0.9rem;
}

.bait-dialog input#add-channel-option-input {
    padding: 10px;
    background: #00000099;
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 2px 2px 6px #00000033;
    color: #fff;
}
.bait-dialog input#add-channel-option-input::placeholder {
    color: #ffffff55;
}

.bait-dialog__error {
    margin: 0;
    color: #c62828;
    min-height: 1.25em;
    font-size: 0.9rem;
}
.bait-dialog__buttons {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    padding: 0;
    margin: -1px;
}

/*-----------------------------*/

/*lead distribution*/
.bait__inputs__lead-distribution {
    display: flex;
    flex-direction: column;
    gap: 10px;

    transition: all 0.3s ease;
}

.bait__inputs__lead-distribution h2 {
    margin-bottom: 15px;
    align-self: start;
}
.lead-distribution__field {
    width: 100%;
    gap: 2px;

    max-height: 80px;
    opacity: 1;
    visibility: visible;

    transition: all 0.3s ease;
}
.lead-distribution__field.disabled {
    max-height: 0;
    opacity: 0;
    visibility: hidden;

    transition: all 0.3s ease;
}

.lead-distribution__field__labels {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

/*slider input*/
.bait-field--slider input {
    padding: 10px 0;
    appearance: none;
    outline: none;
    background: none;
    border: none;
}
/*track*/
input[type="range"]::-webkit-slider-runnable-track {
    height: 26px;
    padding: 0 5px;
    background: #00000022;
    border: 1px solid #fff;
    border-radius: 26px;
}
input[type="range"]::-moz-range-track {
    height: 26px;
    padding: 0 5px;
    background: #00000022;
    border: 1px solid #fff;
    border-radius: 26px;
}
/*knob*/
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    margin-top: 3px; /* Centers it on the track */
}
input[type="range"]::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}

/*other channel overflow*/
.lead-distribution__overflow {
    margin-bottom: 10px;
}

.lead-distribution__overflow__label {
    margin-bottom: 10px;
}

.lead-distribution__overflow__container {
    position: relative;
    height: 12px;
    border: 1px solid #ffffff77;
    border-radius: 30px;
    background: #00000022;
    overflow: hidden;
}
.lead-distribution__overflow__fill {
    width: 0%;
    height: 100%;
    background: #ffffffdd; /* whatever fits your palette */
    transition: width 0.2s ease-in-out;
}
.lead-distribution__overflow.is-over .lead-distribution__overflow__fill {
    width: 0%; /* when over 100, show empty */
}
.lead-distribution__overflow.is-over .lead-distribution__overflow__label {
    color: #ec5800; /* little warning vibe */
    font-weight: 600;
}

/*-----------------------------*/

/*time remaining*/
.bait__inputs__remaining-time {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.bait__inputs__remaining-time h2 {
    margin-bottom: 15px;
    flex: 0 0 100%;
}

.remaining-time__field {
    flex: 1 0 45%;
}

/*-----------------------------*/

/*timeline (graph)*/

.bait__inputs__timeline__graph {
    height: 400px;
}

/*chart styling is in the JS*/

.bait__inputs__timeline {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

div#seasonalityValues {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
div#seasonalityValues {
    display: none; /*dont show b4 export*/
}

/*-----------------------------*/

/*calc button*/
button.bait-button--calc {
    margin-top: 30px;
}

/*-----------------------------*/

/*debug*/

.bait__outputs__debug {
    width: fit-content;
    margin: 30px auto;
    padding: 20px;

    background: #ffffffcc;
    border-radius: 10px;

    font-family: "canada-type-gibson";

    display: flex;
    gap: 50px;
}
.bait-debug__heading {
    margin: 0.25rem 0 0.5rem;
    font-size: 1rem;
    font-weight: 600;
}
.bait-debug__vars {
    background: rgba(0, 0, 0, 0.05);
    padding: 0.75rem;
    border-radius: 0.5rem;
    overflow: auto;
}
.bait-debug-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    margin-top: 0.5rem;
}
.bait-debug-table th,
.bait-debug-table td {
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    text-align: left;
}
.bait-debug-table thead th {
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
}
.bait-debug__empty {
    opacity: 0.7;
    font-style: italic;
}

.bait__outputs__debug {
    display: none;
}

/*-----------------------------*/

/*-------------------------------------*/
/*------------- OUTPUTS ---------------*/
/*-------------------------------------*/
.bait__outputs {
    width: 1000px;
    margin-top: 45px;

    background: rgba(0, 0, 0, 0.35);
    background: #ffffff88;
    backdrop-filter: blur(12px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 12px;
    box-shadow: 0.5rem 0.5rem 0.5rem rgb(0 0 0 / 8%);
    overflow: hidden;

    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: stretch;

    font-family: "canada-type-gibson";
    font-size: 18px;
    color: #fff;
    color: #222;
}

/*hide/show*/
.bait__outputs {
    max-height: 0;
    opacity: 0;
    visibility: hidden;

    transition: all 2s ease;
}
.bait__outputs.show {
    max-height: 1000000px;
    opacity: 1;
    visibility: visible;

    transition: all 2s ease;
}

/*header*/

.bait__outputs__header {
    padding: 30px;
    background: #00000077;
    background: #ffffffcc;

    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    align-items: center;

    font-family: "canada-type-gibson";
    font-size: 18px;
    color: #fff;
}

.bait__outputs__header__big {
    font-size: 32px;
    font-weight: 600;
    color: #444;
}

.bait__outputs__header__key {
    display: flex;
    gap: 10px;
}
.bait__outputs__header__key > * {
    padding: 12px 18px;
    border-radius: 10px;
}
.bait__outputs__header__key__revenue {
    background: #5baeb7cc;
}
.bait__outputs__header__key__profit {
    background: #8bca84cc;
}

/*output blocks*/

.bait__outputs-wrapper h2 {
    width: 100%;
    flex: 0 0 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #333;
}

.bait__outputs-wrapper {
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-family: "canada-type-gibson";
    font-size: 18px;
    color: #fff;
}

.bait__outputs__output-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #ffffff22;
    overflow: hidden;
}
.bait__outputs__output__label {
    width: 100%;
    height: 100%;
    padding: 12px 15px;
    background: #ffffff33;

    text-align: center;
}
.bait__outputs__output {
    width: 100%;
    padding: 12px 15px;
    background: #00000033;

    text-align: center;
    font-size: 24px;
}

/*divider*/

.bait__outputs__divider {
    width: 100%;
    height: 1px;
    background: #fff;
}

/*revenue pacing profit*/

.bait__outputs__revenue-pacing-profit {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
}

.bait__outputs__revenue-pacing-profit__raw-values {
    width: 100%;
    display: flex;
    gap: 15px;
}
.bait__outputs__revenue-pacing-profit__raw-values {
    display: none; /*only for debug*/
}
.bait__outputs__revenue-pacing-profit .bait__outputs__output-wrapper {
    flex: 0 0 20%;
}

/*progress*/
.bait__outputs__revenue-pacing-profit__display-values--progress {
    width: 100%;
}
.bait__outputs__revenue-pacing-profit__display-values--progress h3 {
    width: 100%;
    display: flex;
    justify-content: space-between;

    font-size: 20px;
    color: #333;
}

.bait__outputs__revenue-pacing-profit__progress-bar {
    position: relative;
    margin-top: 15px;
    width: 100%;
    height: 20px;
    border: 1px solid #00000055;
    border-radius: 50px;
    overflow: hidden;
}
.bait__outputs__revenue-pacing-profit__progress-bar__total {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;

    background-color: #00000066;
}
.bait__outputs__revenue-pacing-profit__progress-bar__prog {
    position: absolute;
    inset: 0;
    width: 50%;
    height: 100%;

    background-color: #5baeb7dd;
    background-color: #ffffffee;

    transition: all 0.3s ease;
}

.bait__outputs__revenue-pacing-profit__display-values--progress .bait__outputs__revenue-pacing-profit__summary {
    margin: 20px 0 25px;

    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;

    font-size: 20px;
}
.bait__outputs__revenue-pacing-profit__display-values--progress .bait__outputs__revenue-pacing-profit__summary > * {
    padding: 10px 15px;
    background: #ffffff66;
    border-radius: 10px;
    border: 1px solid #00000055;
    color: #333;
}

.bait__outputs__revenue-pacing-profit__summary__achieved {
    display: flex;
    gap: 15px;
}
span#bait__outputs__revenue-pacing-profit__summary__achieved__revenue-value {
    font-weight: 600;
    color: #5baeb7;
}
span#bait__outputs__revenue-pacing-profit__summary__achieved__profit-value {
    font-weight: 600;
    color: #8bca84;
}
.bait__outputs__revenue-pacing-profit__summary__goal {
    display: flex;
    gap: 15px;
}
span#bait__outputs__revenue-pacing-profit__summary__goal__revenue-value {
    font-weight: 600;
    color: #5baeb7;
}
span#bait__outputs__revenue-pacing-profit__summary__goal__profit-value {
    font-weight: 600;
    color: #8bca84;
}

/*inner divider*/
.bait__outputs__revenue-pacing-profit .bait__outputs__divider {
    background: #ffffff66;
    margin-bottom: 15px;
}

/*deficit*/
.bait__outputs__revenue-pacing-profit__summary {
    margin: 0 0 25px;
}

.bait__outputs__revenue-pacing-profit__summary > * {
    border: 1px solid #00000055;
}

.bait__outputs__revenue-pacing-profit__display-values.bait__outputs__revenue-pacing-profit__display-values--deficit {
    font-size: 20px;
}
.bait__outputs__revenue-pacing-profit__summary__revenue {
    margin-bottom: 15px;
    width: fit-content;
    padding: 10px 15px;
    background: #ffffff66;
    border-radius: 10px;
    color: #333;
}
.bait__outputs__revenue-pacing-profit__summary__profit {
    width: fit-content;
    padding: 10px 15px;
    background: #ffffff66;
    border-radius: 10px;
    color: #333;
}
span#revenue-pacing-profit__summary__revenue__value {
    font-weight: 600;
    color: #5baeb7;
}
span#revenue-pacing-profit__summary__profit__value {
    font-weight: 600;
    color: #8bca84;
}

/*channels*/

.bait__outputs__channels {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.bait__outputs__channels__table {
    width: 100%;
    flex: 0 0 100%;
    margin-top: 10px;
    margin-bottom: 20px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}

.bait__outputs__channel {
    flex: 0 0 100%;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;

    padding: 15px;
    background: #ffffff88;
    border: 1px solid #00000066;
    border-bottom: none;
    box-shadow: 2px 2px 6px #00000022;
    overflow: hidden;

    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

.bait__outputs__channel:first-child {
    border-radius: 15px;
    background: #00000033;
    background: #ffffffbb;
    border-bottom: 1px solid #00000066;
}

.bait__outputs__channel:nth-child(2) {
    margin-top: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.bait__outputs__channel:last-child {
    border-bottom: 1px solid #00000066;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.bait__outputs__channel.disabled {
    max-width: 0;
    max-height: 0;
    padding: 0;
    border: none;
    opacity: 0;
    visibility: hidden;

    transition: all 0.3s ease;
}

.bait__outputs__channel__values {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
    width: 65%;
}
.bait__outputs__channel__values .bait__outputs__output-wrapper {
    width: 35%;
}
.bait__outputs__channel__values .bait__outputs__output-wrapper:first-child {
    width: 50%;
}

.bait__outputs__channel__label,
.bait__outputs__channel__values .channels__output {
    font-size: 22px;
    color: #333;
}

.bait__outputs__channel__values .bait__outputs__output-wrapper .bait__outputs__output__label {
    display: none;
}
.bait__outputs__key .bait__outputs__channel__values .bait__outputs__output-wrapper .bait__outputs__output__label {
    display: block;
    font-size: 22px;
}

.bait__outputs__key .bait__outputs__channel__values .bait__outputs__output-wrapper:first-child .bait__outputs__output__label {
    background: #5baeb7dd;
}
.bait__outputs__key .bait__outputs__channel__values .bait__outputs__output-wrapper:nth-child(2) .bait__outputs__output__label {
    background: #8bca84dd;
}

.bait__outputs__channel__values .bait__outputs__output-wrapper:first-child .bait__outputs__output {
    background: #5baeb7dd;
    color: #fff;
}
.bait__outputs__channel__values .bait__outputs__output-wrapper:nth-child(2) .bait__outputs__output {
    background: #8bca84dd;
    color: #fff;
}
div#channels__output--channel-responsibility-other-label {
    color: #666;
}

/*monthly targets*/

.bait__outputs__monthly-targets {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: start;
    align-items: center;
}

.bait__outputs__monthly-targets h2 {
    margin-bottom: 0;
}

.bait__outputs__monthly-targets .bait__outputs__output-wrapper {
    flex: 0 0 30%;
}

/*debugs*/
.bait__outputs__monthly-targets__raw-values {
    flex: 0 0 100%;
    display: flex;
    gap: 10px;
}
.bait__outputs__monthly-targets__raw-values {
    display: none;
}

/*summary*/
.bait__outputs__monthly-targets__summary {
    width: fit-content;

    padding: 15px;
    background: #ffffff99;
    border: 1px solid #00000055;
    border-radius: 10px;

    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    align-items: start;

    font-size: 20px;
    color: #333;
}

span#bait__outputs__monthly-targets__summary__months-left {
    font-weight: 600;
}

.bait__outputs__monthly-targets__summary__bottom {
    display: flex;
    gap: 15px;
    justify-content: start;
    align-items: center;
}

.bait__outputs__monthly-targets__summary__revenue {
    font-weight: 600;
    color: #5baeb7;
}
.bait__outputs__monthly-targets__summary__profit {
    font-weight: 600;
    color: #8bca84;
}

/*table*/
.bait__outputs__monthly-targets h3 {
    flex: 0 0 100%;
    font-size: 20px;
    color: #333;
}

.bait__outputs__monthly-targets__table {
    flex: 0 0 100%;
    margin-bottom: 20px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.bait__outputs__monthly-targets__table__channel {
    width: 100%;
    flex: 0 0 100%;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: #ffffff88;
    border: 1px solid #00000066;
    border-bottom: none;
    box-shadow: 2px 2px 6px #00000022;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

.bait__outputs__monthly-targets__table__channel:first-child {
    border-radius: 15px;
    background: #ffffffbb;
    border-bottom: 1px solid #00000066;
}

.bait__outputs__monthly-targets__table__channel:nth-child(2) {
    margin-top: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.bait__outputs__monthly-targets__table__channel:last-child {
    border-bottom: 1px solid #00000066;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.bait__outputs__monthly-targets__table__channel.disabled {
    max-width: 0;
    max-height: 0;
    padding: 0;
    border: none;
    opacity: 0;
    visibility: hidden;

    transition: all 0.3s ease;
}

.bait__outputs__monthly-targets__table__channel__label,
.bait__outputs__monthly-targets__table__channel__values .channels__output {
    font-size: 22px;
    color: #333;
}
div#monthly-targets__table--other-channel-label {
    color: #666;
}

.bait__outputs__monthly-targets__table__channel__values {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
    width: 65%;
}

.bait__outputs__monthly-targets__table__channel__values .bait__outputs__output-wrapper:first-child {
    flex: 0 0 50%;
    width: 50%;
}
.bait__outputs__monthly-targets__table__channel__values .bait__outputs__output-wrapper {
    flex: 0 0 35%;
    width: 35%;
}

.bait__outputs__monthly-targets__table__channel__values .bait__outputs__output-wrapper:first-child .bait__outputs__output {
    background: #5baeb7dd;
    color: #fff;
}
.bait__outputs__monthly-targets__table__channel__values .bait__outputs__output-wrapper:last-child .bait__outputs__output {
    background: #8bca84dd;
    color: #fff;
}

/*lead distribution*/

.bait__outputs__lead-distribution {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.bait__outputs__lead-distribution {
    display: none;
}

.bait__outputs__lead-distribution > .bait__outputs__output-wrapper {
    width: 30%;
}

.bait__outputs__lead-distribution__months {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    align-items: center;
}
.bait__outputs__lead-distribution__month {
    flex: 0 0 45%;

    padding: 10px;
    border: 1px solid #ffffff33;
    border-radius: 15px;
    box-shadow: 2px 2px 6px #00000033;

    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    align-items: stretch;

    max-width: 500px;
    max-height: 500px;

    opacity: 1;
    visibility: visible;

    transition: all 0.5s ease;
}
.bait__outputs__lead-distribution__month.disabled {
    max-width: 0;
    max-height: 0;
    padding: 0;
    border: none;
    opacity: 0;
    visibility: hidden;

    transition: all 0.5s ease;
}

.bait__outputs__lead-distribution__month .bait__outputs__output-wrapper {
    /* display: none; */
    flex: 0 0 48%;
}
.bait__outputs__lead-distribution__month .bait__outputs__output-wrapper.show {
    display: flex;
}

/*weighted monthly targets*/

.bait__outputs__weighted-monthly-targets {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/*graph*/
.bait__outputs__lead-distribution__graph {
    display: none;
    margin: -55px auto 0;
    height: 450px;
    width: fit-content;
}
.bait__outputs__lead-distribution__graph canvas {
    height: 100% !important;
    width: 100% !important;
}

/*summary*/
.bait__outputs__weighted-monthly-targets__summary {
    width: fit-content;
    margin-top: -25px;
    margin-top: 0;
    margin-bottom: 15px;

    padding: 15px;
    background: #ffffff99;
    border: 1px solid #00000055;
    border-radius: 10px;

    color: #333;
    font-size: 20px;
}
span#bait__outputs__weighted-monthly-target--deficit {
    color: #5baeb7;
    font-weight: 600;
}

/*table*/
.weighted-monthly-targets__table__row {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 15px;
    background: #ffffffaa;
    border: 1px solid #00000066;
    border-bottom: none;

    text-align: right;
    font-size: 20px;
    color: #333;
}

#weighted-monthly-targets__table__row--key {
    margin-bottom: 15px;
    background: #ffffffdd;
    border-bottom: 1px solid #00000066;
    border-radius: 15px;
}
.weighted-monthly-targets__table__row:nth-child(2) {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
.weighted-monthly-targets__table__row:last-child {
    background: #ffffffdd;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom: 1px solid #00000066;
}

.weighted-monthly-targets__table__row.completed {
    opacity: 0.75;
}
.weighted-monthly-targets__table__row.current {
    background: #fff8ce;
}

.weighted-monthly-targets__table__row__values {
    width: 70%;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

.weighted-monthly-targets__table__row__month {
    text-align: left;
}

.weighted-monthly-targets__table__row__values__target-revenue {
    flex: 0 0 28%;

    font-weight: 600;
    color: #5baeb7;
}
.weighted-monthly-targets__table__row__values__net-profit {
    flex: 0 0 28%;

    font-weight: 600;
    color: #8bca84;
}
.weighted-monthly-targets__table__row__values__weight {
    flex: 0 0 15%;
}
.weighted-monthly-targets__table__row__values__status {
    flex: 0 0 20%;
}