.course-zalo-content { line-height: 1.5; overflow-wrap: anywhere; text-align: left; }
.course-zalo-content p { margin: 0 0 8px; }
.course-zalo-content ul, .course-zalo-content ol { padding-left: 20px; margin: 0 0 8px; }
.course-zalo-content li { margin-bottom: 6px; }
.course-zalo-content a { color: #0879e8; text-decoration: underline; }
.course-zalo-widget .course-zalo-popover { box-sizing: border-box; width: 300px; max-width: calc(100vw - 88px); max-height: min(60vh, 420px); overflow-y: auto; overscroll-behavior: contain; padding: 12px; }
.course-zalo-widget .course-zalo-popover > strong { display: block; margin-bottom: 8px; font-size: 12px; color: #666; }
.course-zalo-widget .course-zalo-popover .course-zalo-content a { display: inline; padding: 0; }
@media (max-width: 767px) {
    #messenger { bottom: calc(10px + env(safe-area-inset-bottom, 0px)); }
    #messenger img { display: block; }
    .course-zalo-widget { right: 16px; bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
    .course-zalo-widget .course-zalo-popover { right: 56px; bottom: 0; width: 260px; max-width: calc(100vw - 88px); font-size: 12px; }
}

.course-zalo-groups .course-zalo-heading,
.course-zalo-widget .course-zalo-popover > .course-zalo-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #666;
    line-height: 1.4;
}
.course-zalo-logo { display: block; width: 32px; height: 32px; flex: 0 0 32px; object-fit: contain; }
.course-zalo-widget summary { background: transparent; border: 0; border-radius: 0; box-shadow: none; overflow: visible; padding: 0; }
.course-zalo-widget summary .course-zalo-logo { width: 48px; height: auto; border-radius: 0; box-shadow: none; }