/* Two-column poll layout matching supplied screenshot */
.cvp-container{
    display:grid !important;
    grid-template-columns:minmax(230px, 0.8fr) minmax(360px, 1.4fr) !important;
    column-gap:55px !important;
    align-items:start !important;
    width:100% !important;
    max-width:760px !important;
    margin:0 !important;
    padding:0 14px 25px !important;
    box-sizing:border-box !important;
    font-family:Arial,sans-serif;
    color:#52647b;
}

.cvp-options{
    display:block !important;
    width:100% !important;
}

.cvp-option{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    margin:0 0 10px 0 !important;
    padding:0 !important;
    cursor:pointer;
    font-size:13px !important;
    line-height:20px !important;
    box-sizing:border-box !important;
}

.cvp-option input[type="radio"]{
    position:absolute !important;
    opacity:0 !important;
    width:1px !important;
    height:1px !important;
    margin:0 !important;
    padding:0 !important;
}

.cvp-radio{
    display:inline-block !important;
    width:13px !important;
    height:13px !important;
    min-width:13px !important;
    min-height:13px !important;
    margin-right:8px !important;
    border:1px solid #7d8492 !important;
    border-radius:50% !important;
    background:#fff !important;
    box-sizing:border-box !important;
    position:relative !important;
}

.cvp-option input[type="radio"]:checked + .cvp-radio{
    border:1.5px solid #4f46e5 !important;
}

.cvp-option input[type="radio"]:checked + .cvp-radio:after{
    content:"" !important;
    position:absolute !important;
    width:7px !important;
    height:7px !important;
    left:2px !important;
    top:2px !important;
    border-radius:50% !important;
    background:#4f46e5 !important;
}

.cvp-option-text{
    display:inline-block !important;
}

.cvp-buttons{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    width:100% !important;
    margin:15px 0 0 !important;
    float:none !important;
}

.cvp-vote-btn,
.cvp-results-btn{
    height:28px !important;
    padding:0 13px !important;
    border-radius:4px !important;
    font-size:10px !important;
    font-weight:600 !important;
    cursor:pointer !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    box-sizing:border-box !important;
    float:none !important;
}

.cvp-vote-btn{
    min-width:62px !important;
    color:#fff !important;
    background:#4f46e5 !important;
    border:1px solid #4f46e5 !important;
}

.cvp-results-btn{
    min-width:84px !important;
    color:#596174 !important;
    background:#fff !important;
    border:1px solid #d9dce3 !important;
}

#cvp-message{
    grid-column:1 / -1 !important;
    display:block !important;
    width:100% !important;
    clear:both !important;
    margin:12px 0 0 !important;
    font-size:12px !important;
}

/* Results are on the RIGHT by default */
.cvp-results{
    display:block !important;
    position:static !important;
    grid-column:auto !important;
    grid-row:1 / span 2 !important;
    width:100% !important;
    max-width:100% !important;
    clear:none !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-sizing:border-box !important;
}

.cvp-results-list{
    display:block !important;
    width:100% !important;
    clear:both !important;
}

.cvp-result-row{
    display:block !important;
    width:100% !important;
    margin:0 0 10px !important;
    clear:both !important;
}

.cvp-result-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    gap:10px !important;
    margin-bottom:4px !important;
    font-size:11px !important;
    line-height:1.2 !important;
}

.cvp-result-name{
    color:#52647b !important;
    font-weight:400 !important;
}

.cvp-result-value{
    color:#52647b !important;
    white-space:nowrap !important;
    font-weight:400 !important;
    font-size:10px !important;
}

.cvp-result-bar{
    display:block !important;
    width:100% !important;
    height:20px !important;
    border:1px solid #dfe3e8 !important;
    background:#fff !important;
    border-radius:7px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

.cvp-result-fill{
    display:block !important;
    height:100% !important;
    min-height:18px !important;
    border-radius:6px !important;
    transition:width .6s ease !important;
}

.cvp-zero-vote{
    width:100% !important;
    background:#ef5350 !important;
    opacity:.95;
}

.cvp-zero-message{
    color:#ef5350 !important;
    font-size:9px !important;
    margin-top:3px !important;
}

.cvp-color-0{background:#40b995 !important}
.cvp-color-1{background:#a85cc9 !important}
.cvp-color-2{background:#a85cc9 !important}
.cvp-color-3{background:#ff8a00 !important}
.cvp-color-4{background:#ff7068 !important}
.cvp-color-5{background:#a85cc9 !important}
.cvp-color-6{background:#ff7068 !important}
.cvp-color-7{background:#2db1d5 !important}
.cvp-color-8{background:#ffb62b !important}
.cvp-color-9{background:#a85cc9 !important}

/* On mobile, stack results below the poll */
@media(max-width:700px){
    .cvp-container{
        display:block !important;
        max-width:620px !important;
    }

    .cvp-results{
        margin-top:25px !important;
        padding-top:18px !important;
        border-top:1px solid #e5e7eb !important;
    }

    .cvp-result-header{
        font-size:15px !important;
    }

    .cvp-result-value{
        font-size:14px !important;
    }

    .cvp-result-row{
        margin-bottom:16px !important;
    }
}