.cl-feedback-trigger{
    position:fixed;
    right:0;
    top:60%;
    transform:translateY(-50%);
    z-index:9997;
    border:0;
    border-radius:14px 0 0 14px;
    background:#253469;
    color:#fff;
    padding:9px 8px 10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(20,30,60,.18);
    font:inherit;
}
.cl-feedback-trigger span{
    width:22px;height:22px;border-radius:999px;
    display:grid;place-items:center;
    background:#f28c40;color:#172342;font-weight:800;
}
.cl-feedback-trigger b{font-size:11px;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.02em}
.cl-feedback-trigger:hover,.cl-feedback-trigger:focus{background:#1d2a58}
.cl-feedback-overlay{
    position:fixed;inset:0;z-index:99998;
    background:rgba(20,28,51,.46);
    display:none;align-items:center;justify-content:center;
    padding:22px;
}
.cl-feedback-overlay.is-open{display:flex}
.cl-feedback-dialog{
    position:relative;
    width:min(540px,100%);
    max-height:calc(100vh - 44px);
    overflow:auto;
    background:#fff;
    border-radius:22px;
    box-shadow:0 28px 80px rgba(18,27,54,.25);
    padding:28px;
    color:#253469;
}
.cl-feedback-close{
    position:absolute;right:14px;top:12px;
    width:38px;height:38px;border:0;border-radius:999px;
    background:#f2f4f9;color:#253469;
    font-size:26px;line-height:1;cursor:pointer;
}
.cl-feedback-head{padding-right:42px;margin-bottom:20px}
.cl-feedback-kicker{display:block;color:#e6332a;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.cl-feedback-head h2{margin:0 0 8px;font-size:24px;line-height:1.15;color:#253469}
.cl-feedback-head p{margin:0;color:#64708d;line-height:1.5}
.cl-feedback-form label{display:block;font-weight:700;font-size:13px;margin-bottom:14px;color:#253469}
.cl-feedback-form input,.cl-feedback-form textarea{
    display:block;width:100%;box-sizing:border-box;
    margin-top:6px;border:1px solid #cfd7e9;border-radius:11px;
    padding:11px 12px;font:inherit;color:#24304f;background:#fff;
}
.cl-feedback-form input:focus,.cl-feedback-form textarea:focus{
    outline:none;border-color:#6979b9;box-shadow:0 0 0 2px rgba(105,121,185,.14);
}
.cl-feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cl-feedback-page{
    background:#f6f7fb;border:1px solid #e4e8f1;border-radius:12px;
    padding:12px 14px;margin:2px 0 18px;
}
.cl-feedback-page span{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#7b849a}
.cl-feedback-page strong{display:block;font-size:13px;margin:3px 0 2px;color:#253469}
.cl-feedback-page small{display:block;color:#7b849a;overflow-wrap:anywhere}
.cl-feedback-actions{display:flex;gap:18px;align-items:center;justify-content:space-between}
.cl-feedback-actions small{color:#778198;line-height:1.35;max-width:280px}
.cl-feedback-actions small a{color:#253469}
.cl-feedback-actions button{
    border:0;border-radius:999px;background:#f28c40;color:#172342;
    padding:12px 18px;font-weight:800;cursor:pointer;white-space:nowrap;
}
.cl-feedback-actions button:hover,.cl-feedback-actions button:focus{background:#e97b2f}
.cl-feedback-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.cl-feedback-toast{
    position:fixed;left:50%;bottom:22px;transform:translateX(-50%);
    z-index:99999;background:#253469;color:#fff;border-radius:999px;
    padding:11px 18px;box-shadow:0 12px 30px rgba(18,27,54,.24);
    font-size:13px;font-weight:700;
}
body.cl-feedback-modal-open{overflow:hidden}
@media(max-width:640px){
    .cl-feedback-trigger{
        top:auto;right:14px;bottom:14px;transform:none;
        border-radius:999px;padding:10px 12px;flex-direction:row;
    }
    .cl-feedback-trigger b{writing-mode:horizontal-tb;transform:none}
    .cl-feedback-dialog{padding:22px 18px;border-radius:18px}
    .cl-feedback-grid{grid-template-columns:1fr}
    .cl-feedback-actions{align-items:stretch;flex-direction:column}
    .cl-feedback-actions button{width:100%}
}