/* Kordophone application styles */

.conversation-row {
    padding: 6px 10px;
    border-bottom: 1px solid alpha(#000, 0.1);
}

.conversation-row:selected {
    background-color: alpha(@accent_bg_color, 0.50);
}

.flipped-y-axis {
    /* Invert the y-axis, so the messages are drawn bottom-to-top */
    /* Individual messages are drawn upside down in the custom renderer */
    transform: scale(1, -1);
}

.transcript-drawing-area {
    color: darker(@accent_bg_color);
}

.message-input-box {
    margin-bottom: 14px;
    margin-top: 14px;
    margin-left: 14px;
    margin-right: 14px;
}

.message-input-entry {
    font-size: 1.1rem;
    border-radius: 8px;
    padding: 12px;
    border: 1px solid alpha(@borders, 0.5);
}

.attachment-preview-row {
    background-color: alpha(@window_bg_color, 0.3);
    border-radius: 8px;
    padding: 8px;
}

.attachment-preview {
    border-radius: 8px;
    border: 1px solid alpha(@borders, 0.5);
}

.attachment-preview.completed {
    border-color: @success_color;
}

.attachment-image {
    border-radius: 8px;
}

.hovering-text-view {
    background-color: transparent;
    color: transparent;
    line-height: 1.18; /* TextBubbleLayout.line_height */
}
