.pnbyw-esurvey-widget,
.pnbyw-esurvey-widget-skm,
.pnbyw-esurvey-widget-spak,
.pnbyw-esurvey-widget-both{
    margin-bottom:16px !important;
}

.pnbyw-esurvey-card{
    background:#fff !important;
    border:.5px solid #e2e4e8 !important;
    border-radius:9px !important;
    overflow:hidden !important;
    margin-bottom:16px !important;
    box-shadow:none !important;
}

.pnbyw-esurvey-head{
  background: linear-gradient(135deg, #9a2109, #c0300f);
  padding: 10px 14px;
}

.pnbyw-esurvey-title{
  margin: 0;
  font-size: .80rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: .01em;
}

.pnbyw-esurvey-period{
    display:inline-flex !important;
    margin-top:7px !important;
    padding:4px 10px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.16) !important;
    border:1px solid rgba(255,255,255,.28) !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
}

.pnbyw-esurvey-body{
    padding:12px 14px !important;
    background:#fff !important;
}

.pnbyw-esurvey-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
}

.pnbyw-esurvey-empty{
    padding:12px 14px !important;
    border-radius:10px !important;
    background:#fff7ed !important;
    color:#9a3412 !important;
    border:1px solid #fed7aa !important;
    font-size:13px !important;
    line-height:1.5 !important;
}

.pnbyw-esurvey-scorebox{
    width:100% !important;
    box-sizing:border-box !important;
    border:1px solid #ffd0c3 !important;
    background:#fff !important;
    border-radius:10px !important;
    padding:12px 13px !important;
    overflow:hidden !important;
}

.pnbyw-esurvey-kicker{
    margin:0 0 2px !important;
    color:#9a2109 !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    line-height:1.25 !important;
}

.pnbyw-esurvey-desc{
    margin:0 0 8px !important;
    color:#64748b !important;
    font-size:12px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
}

.pnbyw-esurvey-score{
    display:block !important;
    margin:0 0 8px !important;
    color:#111827 !important;
    font-size:34px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:-.04em !important;
    white-space:nowrap !important;
}

.pnbyw-esurvey-badge{
    display:inline-flex !important;
    max-width:100% !important;
    align-items:center !important;
    border-radius:999px !important;
    padding:5px 10px !important;
    color:#fff !important;
    background:#15803d !important;
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1.2 !important;
}

.pnbyw-esurvey-badge.grade-B{
    background:#1d4ed8 !important;
}

.pnbyw-esurvey-badge.grade-C{
    background:#b45309 !important;
}

.pnbyw-esurvey-badge.grade-D{
    background:#b91c1c !important;
}

.pnbyw-esurvey-lowest{
    margin-top:10px !important;
    padding-top:10px !important;
    border-top:1px dashed #ffd0c3 !important;
}

.pnbyw-esurvey-lowest-title{
    display:block !important;
    margin:0 0 6px !important;
    color:#9a2109 !important;
    font-size:12px !important;
    font-weight:900 !important;
}

.pnbyw-esurvey-lowest-list{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    display:grid !important;
    gap:5px !important;
}

.pnbyw-esurvey-lowest-list li{
    display:grid !important;
    grid-template-columns:18px 1fr auto !important;
    gap:6px !important;
    align-items:start !important;
    padding:6px 8px !important;
    border-radius:8px !important;
    background:#fff !important;
    border:1px solid #fee2d8 !important;
}

.pnbyw-esurvey-lowest-no,
.pnbyw-esurvey-lowest-name,
.pnbyw-esurvey-lowest-score{
    font-size:11px !important;
}

.pnbyw-esurvey-lowest-no{
    color:#9a2109 !important;
    font-weight:900 !important;
}

.pnbyw-esurvey-lowest-name{
    color:#475569 !important;
    font-weight:700 !important;
    line-height:1.35 !important;
}

.pnbyw-esurvey-lowest-score{
    color:#dc2626 !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}

.pnbyw-esurvey-footer{
    padding:12px 14px !important;
    background:linear-gradient(135deg,#9a2109 0%,#c92d0d 100%) !important;
    text-align:center !important;
}

.pnbyw-esurvey-footer a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:44px !important;
    padding:10px 14px !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.12) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
    text-align:center !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
    transition:background .2s ease, transform .2s ease !important;
}

.pnbyw-esurvey-footer a:hover{
    background:rgba(255,255,255,.2) !important;
    transform:translateY(-1px) !important;
    color:#fff !important;
    text-decoration:none !important;
}

@media(max-width:420px){

    .pnbyw-esurvey-head{
        padding:10px 14px !important;
    }

    .pnbyw-esurvey-title{
        font-size:.85rem !important;
    }

    .pnbyw-esurvey-body{
        padding:12px 14px !important;
    }

    .pnbyw-esurvey-score{
        font-size:32px !important;
    }

    .pnbyw-esurvey-footer{
        padding:10px 12px !important;
    }

    .pnbyw-esurvey-footer a{
        min-height:42px !important;
        font-size:12px !important;
    }

}