@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500;700&display=swap');

.app-theme {
	body {
		background: white;
		padding: 0;
		font-family: 'Libre Franklin', sans-serif;
	}

	.lang-avatar {
		background-color: #bdbdbd !important;
	}

	.gcard {
		box-shadow: 0px 0px 8px rgba(47, 72, 88, 0.1);
	}

	.ant-menu-light.ant-menu-root.ant-menu-inline {
		border-inline-end: none;
	}

	.modal-common .ant-modal-footer {
		text-align: center !important;
	}

	.ant-modal-confirm-btns {
		text-align: center !important;
	}

	.ModalReassign .ant-modal-footer {
		text-align: center;
	}

	.ant-switch {
		background-color: #d3d3d3 !important;
	}

	.ant-tabs-tab-remove {
		display: none;
	}

	.drawer-notification {
		background-color: #f2f3f7 !important;

		.ant-drawer-close {
			display: none;
		}

		.ant-drawer-header {
			border-bottom: none;
			padding-bottom: 4px;
		}

		.ant-drawer-body {
			padding-top: 0;
		}
	}

	.ant-notification .ant-notification-notice.task-notification {
		padding: 16px !important;
	}

	.task-notification {
		border: 1px solid #fbc14f;

		.ant-notification-notice-message {
			font-weight: 600;
			font-size: 16px;
		}

		.ant-notification-notice-description {
			font-weight: 400;
			font-size: 14px;
		}

		.ant-notification-notice-close {
			display: none !important;
		}
	}

	.ai-conversation-item {
		transition:
			background 0.15s ease,
			border-color 0.15s ease,
			box-shadow 0.15s ease;

		&:hover {
			background: #f0f5ff !important;
			border-color: #adc6ff !important;
			box-shadow: 0 2px 8px rgba(0, 109, 255, 0.08);
		}
	}

	.antd-pro-charts-water-wave-waterWaveCanvasWrapper {
		width: 100% !important;
		height: 100% !important;
	}

	.ai-markdown {
		font-size: 14px;
		line-height: 1.6;
		color: #262626;
		word-break: break-word;

		p {
			margin: 0 0 8px;
			&:last-child {
				margin-bottom: 0;
			}
		}
		h1,
		h2,
		h3,
		h4 {
			margin: 12px 0 4px;
			font-weight: 600;
			line-height: 1.3;
			&:first-child {
				margin-top: 0;
			}
		}
		h1 {
			font-size: 15px;
		}
		h2 {
			font-size: 14px;
		}
		h3,
		h4 {
			font-size: 13px;
		}
		ul,
		ol {
			margin: 4px 0 8px;
			padding-left: 20px;
			&:last-child {
				margin-bottom: 0;
			}
		}
		li {
			margin-bottom: 2px;
		}
		strong {
			font-weight: 600;
		}
		em {
			font-style: italic;
		}
		code {
			background: #e8e8e8;
			border-radius: 3px;
			padding: 1px 4px;
			font-size: 12px;
			font-family: monospace;
		}
		pre {
			background: #f0f0f0;
			border-radius: 6px;
			padding: 10px 12px;
			overflow-x: auto;
			margin: 8px 0;
			code {
				background: none;
				padding: 0;
				font-size: 12px;
			}
		}
		blockquote {
			border-left: 3px solid #d9d9d9;
			margin: 8px 0;
			padding-left: 10px;
			color: #595959;
		}
		hr {
			border: none;
			border-top: 1px solid #e8e8e8;
			margin: 8px 0;
		}
		a {
			color: #006dff;
		}
		table {
			border-collapse: collapse;
			width: 100%;
			margin: 8px 0;
			font-size: 12px;
			th,
			td {
				border: 1px solid #d9d9d9;
				padding: 4px 8px;
				text-align: left;
			}
			th {
				background: #fafafa;
				font-weight: 600;
			}
		}
	}
}

:root {
  --color-primary: #0069B4;
  --color-text: #000000;
  --color-secondary-text: #808080;
  --color-button: #0069B4;
  --color-hover: #004A80;
  --color-disabled: #C4CADF;
  --color-danger: #8B1E1E;
  --color-danger-hover: #601515;
  --color-success: #008626;
  --color-table-selector: #E1E8FF;
  --color-layout-background: #F4F3F5;
  --color-help-button: #ffffff;
  --color-help-button-hover: #ffffff;
  --background-help-button: #F0A21E;
  --background-help-button-hover: #D78D0E;
  --calendar-filtered-day-bg: #b0c6f8;
  --calendar-filtered-day-text: #757575;
  --height-header-logo: 55px;
  --border-radius: 4px;
  --login-header-background: #ffffff;
  --content-background: transparent;
}