/*
   This file is part of GNUnet.
   Copyright (C) 2021--2025 GNUnet e.V.

   GNUnet is free software: you can redistribute it and/or modify it
   under the terms of the GNU Affero General Public License as published
   by the Free Software Foundation, either version 3 of the License,
   or (at your option) any later version.

   GNUnet is distributed in the hope that it will be useful, but
   WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
   Affero General Public License for more details.

   You should have received a copy of the GNU Affero General Public License
   along with this program.  If not, see <http://www.gnu.org/licenses/>.

   SPDX-License-Identifier: AGPL3.0-or-later
 */

.flap-background {
	background-color: @theme_bg_color;
}

.header-box {
	min-height: 36px;
}

.header-subtitle {
	font-size: 14px;
}

.profile-button {
	border-radius: 36px;
	padding: 2px;
}

.profile-key {
	font-size: 10px;
}

.account-entry, .profile-entry {
	padding: 4px 20px;
}

.contact-entry {
	padding: 2px;
}

.chat-entry {
	padding: 4px;
}

.discourse-action {
	background-color: @theme_selected_bg_color;
	background-image: none;
	color: @theme_selected_fg_color;
}

.discourse-action:disabled {
	background-color: mix(@theme_bg_color, @theme_selected_bg_color, 0.2);
	color: mix(black, @theme_selected_fg_color, 0.8);
}

.success-action {
	background-color: @success_color;
}

.error-action {
	background-color: @error_color;
}

.chat-view {
	border-bottom: 1px solid mix(black, @theme_bg_color, 0.6);
}

.message-avatar {
	margin: 4px;
}

.message-box {
	border-radius: 12px;
	padding: 8px 12px;
	margin: 4px;
	font-size: 14px;
}

.message-box:not(.sent) {
	background-color: mix(@theme_bg_color, @theme_fg_color, 0.1);
	color: @theme_fg_color;
	margin-right: 20px;
	box-shadow: 3px 3px 2px alpha(black, 0.25);
}

.message-box.sent {
	background-color: mix(@theme_bg_color, @theme_selected_bg_color, 0.8);
	color: @theme_selected_fg_color;
	box-shadow: -3px 3px 2px alpha(black, 0.25);
}

.message-box.status {
	box-shadow: 0px 3px 2px alpha(black, 0.25);
}

.message-box.sent, .message-box.status {
	margin-left: 20px;
}

.message-content:not(.status) {
	padding-top: 4px;
}

.message-box.status > .message-content {
	padding: 2px 4px;
}

.timestamp-label {
	font-size: 12px;
}

.picker-switcher-bar {
	border-bottom: 1px solid mix(black, @theme_bg_color, 0.6);
}

.picker-switcher-box {
	padding: 0px 8px;
}

.emoji-flow-box {
	font-size: 24px;
}

.settings-entry, .details-entry {
	margin: 8px;
}

.details-group {
	margin-top: 16px;
}

.details-group-title {
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 4px;
}

