.csb-feedback-invite{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 16px;align-items:center;margin:18px 0;padding:14px 16px;border:1px solid #50cfc43d;border-left:3px solid #56d9cd;border-radius:14px;background:linear-gradient(115deg,#15363770,#37152c50);font:14px/1.5 system-ui;color:#e1ebed;text-align:left}
.csb-feedback-invite strong{display:block;font-size:14px;color:#f5fcff;letter-spacing:0;text-transform:none}
.csb-feedback-invite p{margin:3px 0 0;font-size:13px;line-height:1.45;color:#bdcdd2}
.csb-feedback-invite>a{display:inline-block;padding:9px 12px;border:1px solid #55d8c96b;border-radius:10px;background:#17353e;color:#a9fff0;font:600 13px/1.4 system-ui;text-decoration:none;white-space:nowrap}
.csb-feedback-invite>a:hover{background:#234954;color:white}
.csb-feedback-invite>a:focus-visible{outline:2px solid #ff5baa;outline-offset:3px}
.csb-feedback-invite small{grid-column:1/-1;font-size:11px;color:#a6b8c0}
.csb-feedback-compact{grid-template-columns:1fr;padding:10px 12px;margin:9px 0;gap:4px}
.csb-feedback-compact>a{justify-self:start;padding:6px 10px}
.csb-feedback-compact p{font-size:12px}
.csb-feedback-compact strong{font-size:13px}
@media(max-width:600px){.csb-feedback-invite{grid-template-columns:1fr}.csb-feedback-invite>a{justify-self:start}}
/* Chat has little vertical space: keep the invitation to one compact row. */
[data-chat-form] .csb-feedback-invite{display:flex;flex-wrap:wrap;gap:6px 10px;padding:8px 10px}
[data-chat-form] .csb-feedback-invite p,[data-chat-form] .csb-feedback-invite small{display:none}
[data-chat-form] .csb-feedback-invite strong{font-size:12px;font-weight:500}
[data-chat-form] .csb-feedback-invite>a{font-size:12px;padding:5px 8px}