.engagement-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.engagement-card,.engagement-aside{background:#fff;border:1px solid #d8e2ea;border-radius:14px;padding:24px;box-shadow:0 8px 24px rgba(13,59,96,.07)}
.engagement-aside{position:sticky;top:20px}.engagement-aside a{display:block;margin:9px 0;padding:11px 13px;border-radius:9px;background:#edf4f8;color:#0d3b60;text-decoration:none;font-weight:800}
.engagement-aside a:hover{background:#f29a23;color:#fff}
.engagement-form label,.engagement-card label{display:block;margin:13px 0;font-weight:700}
.engagement-form input,.engagement-form select,.engagement-form textarea,.engagement-card input,.engagement-card select,.engagement-card textarea{width:100%;margin-top:6px;padding:11px;border:1px solid #cbd7e1;border-radius:8px;font:inherit}
.engagement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.engagement-consent{display:flex!important;align-items:flex-start;gap:9px;font-weight:400!important}.engagement-consent input{width:auto;margin-top:3px}
.engagement-submit{display:inline-flex;justify-content:center;min-height:44px;padding:11px 18px;border:0;border-radius:9px;background:#0d3b60;color:#fff;font-weight:800;cursor:pointer}
.engagement-submit:hover{background:#f29a23}.engagement-success{padding:13px 15px;border-radius:9px;background:#e7f7ec;color:#176b39;margin:12px 0}.engagement-error{padding:13px 15px;border-radius:9px;background:#ffe8e8;color:#a12525;margin:12px 0}
.engagement-filter{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.engagement-filter a{padding:8px 11px;border-radius:8px;background:#edf3f7;color:#0d3b60;text-decoration:none;font-weight:700}
.engagement-admin-layout{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:18px}.engagement-list{display:grid;gap:8px}
.engagement-list-item{display:block;padding:13px;border:1px solid #d8e2ea;border-radius:10px;background:#fff;text-decoration:none}.engagement-list-item.is-new{border-left:5px solid #f29a23}
.engagement-list-item strong,.engagement-list-item span,.engagement-list-item small{display:block}.engagement-list-item span{margin-top:4px;color:#607080}.engagement-list-item small{margin-top:6px;color:#84919b}
.engagement-message{padding:14px;border-radius:9px;background:#f5f8fa;line-height:1.6}.bizad-engagement-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.bizad-engagement-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border-radius:9px;background:#0d3b60;color:#fff!important;text-decoration:none;font-weight:800}.bizad-engagement-actions a:hover{background:#f29a23}
@media(max-width:820px){.engagement-layout,.engagement-admin-layout{grid-template-columns:1fr}.engagement-aside{position:static}}@media(max-width:600px){.engagement-grid{grid-template-columns:1fr}}

/* Bizad Floating Customer Engagement v4.3.1 */
.bizad-floating-engagement{
    position:fixed;
    right:18px;
    bottom:92px;
    z-index:8100;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:10px;
}
.bizad-floating-engagement-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:50px;
    padding:12px 17px;
    border:0;
    border-radius:999px;
    background:#f29a23;
    color:#fff;
    font-size:15px;
    font-weight:800;
    box-shadow:0 10px 26px rgba(0,0,0,.24);
    cursor:pointer;
}
.bizad-floating-engagement-toggle:hover,
.bizad-floating-engagement-toggle:focus{
    background:#0d3b60;
}
.bizad-floating-engagement-menu{
    width:min(280px,calc(100vw - 32px));
    padding:10px;
    border:1px solid #d8e2ea;
    border-radius:14px;
    background:#fff;
    box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.bizad-floating-engagement-menu[hidden]{
    display:none !important;
}
.bizad-floating-engagement-menu a{
    display:block;
    margin:5px 0;
    padding:11px 13px;
    border-radius:9px;
    background:#0d3b60;
    color:#fff !important;
    text-decoration:none;
    font-weight:800;
}
.bizad-floating-engagement-menu a:hover,
.bizad-floating-engagement-menu a:focus{
    background:#f29a23;
}
@media(max-width:760px){
    .bizad-floating-engagement{
        right:10px;
        bottom:88px;
    }
    .bizad-floating-engagement-toggle{
        min-height:46px;
        padding:10px 14px;
    }
}
@media(print){
    .bizad-floating-engagement{
        display:none !important;
    }
}
