.seodef-crm-frontend-chat{
    border:1px solid #dcdcde;
    border-radius:22px;
    background:#fff;
    box-shadow:0 10px 30px rgba(15,23,42,.08);
    overflow:hidden;
}
.seodef-crm-frontend-chat--locked{
    padding:24px;
}
.seodef-crm-frontend-chat__hero{
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding:22px 24px;
    background:linear-gradient(135deg,#0f3b66 0%, #1d4f91 100%);
    color:#fff;
}
.seodef-crm-frontend-chat__eyebrow{
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
    opacity:.86;
}
.seodef-crm-frontend-chat__hero h2,
.seodef-crm-frontend-chat__hero p{
    color:#fff;
    margin:0 0 6px 0;
}
.seodef-crm-frontend-chat__badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.15);
    color:#fff;
}
.seodef-crm-frontend-chat__notice{
    margin:16px 20px 0;
    padding:12px 14px;
    border-radius:14px;
}
.seodef-crm-frontend-chat__notice--success{ background:#f0fdf4; color:#14532d; }
.seodef-crm-frontend-chat__notice--error{ background:#fef2f2; color:#991b1b; }
.seodef-crm-frontend-chat__layout{
    display:grid;
    grid-template-columns:280px 1fr;
    min-height:560px;
}
.seodef-crm-frontend-chat__sidebar{
    border-right:1px solid #e5e7eb;
    padding:20px;
    background:#f8fafc;
}
.seodef-crm-frontend-chat__participants{
    display:grid;
    gap:10px;
}
.seodef-crm-frontend-chat__participant{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:12px 14px;
    border-radius:16px;
    border:1px solid #dbe2ea;
    background:#fff;
    color:#111827;
    text-decoration:none;
}
.seodef-crm-frontend-chat__participant.is-active{
    border-color:#1d4f91;
    box-shadow:0 8px 20px rgba(29,79,145,.12);
}
.seodef-crm-frontend-chat__participant.is-empty{
    opacity:.8;
}
.seodef-crm-frontend-chat__thread{
    display:flex;
    flex-direction:column;
    min-width:0;
}
.seodef-crm-frontend-chat__thread-head{
    padding:18px 20px;
    border-bottom:1px solid #e5e7eb;
}
.seodef-crm-frontend-chat__messages{
    flex:1 1 auto;
    padding:20px;
    display:grid;
    gap:12px;
    align-content:start;
    background:#fff;
    min-height:320px;
}
.seodef-crm-frontend-chat__bubble{
    max-width:72%;
    padding:12px 14px;
    border-radius:18px;
    background:#f3f4f6;
    color:#111827;
    border:1px solid #e5e7eb;
}
.seodef-crm-frontend-chat__bubble.is-own{
    justify-self:end;
    background:#eaf3ff;
    border-color:#bfd7ff;
}
.seodef-crm-frontend-chat__bubble-meta{
    margin-top:6px;
    font-size:12px;
    color:#6b7280;
}
.seodef-crm-frontend-chat__empty{
    color:#6b7280;
}
.seodef-crm-frontend-chat__form{
    border-top:1px solid #e5e7eb;
    padding:18px 20px;
    display:grid;
    gap:12px;
}
.seodef-crm-frontend-chat__form textarea{
    width:100%;
    min-height:110px;
    border:1px solid #d1d5db;
    border-radius:16px;
    padding:12px 14px;
    resize:vertical;
    box-sizing:border-box;
}
.seodef-crm-frontend-chat__form button{
    justify-self:flex-end;
    border:0;
    border-radius:14px;
    padding:12px 18px;
    background:#1d4f91;
    color:#fff;
    cursor:pointer;
}
@media (max-width: 900px){
    .seodef-crm-frontend-chat__layout{
        grid-template-columns:1fr;
    }
    .seodef-crm-frontend-chat__sidebar{
        border-right:0;
        border-bottom:1px solid #e5e7eb;
    }
    .seodef-crm-frontend-chat__bubble{
        max-width:100%;
    }
}