/* Thulalalela Chat - WhatsApp-like mobile style */
body {
    background: #111b21 !important;
}

.mx_MatrixChat {
    background: #111b21 !important;
}

/* Chat bubbles */
.mx_EventTile_content {
    border-radius: 18px !important;
    padding: 8px 12px !important;
    max-width: 80% !important;
}

/* Own message bubble */
.mx_EventTile_own .mx_EventTile_content {
    background: #005c4b !important;
    color: white !important;
}

/* Other message bubble */
.mx_EventTile:not(.mx_EventTile_own) .mx_EventTile_content {
    background: #202c33 !important;
    color: #e1e1e1 !important;
}

/* Bottom navigation bar */
.mx_RoomView_body {
    padding-bottom: 70px !important;
}

/* Hide Element branding */
.mx_HeaderButtons, .mx_LeftPanel_brand {
    display: none !important;
}

/* Thulalalela header */
.mx_LeftPanel_header::before {
    content: "Thulalalela Chat";
    display: block;
    padding: 16px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #111b21;
}