✍️ Trello design tweaks by KABA

/* ==UserStyle==
@name         ✍️ Trello design tweaks
@version      20250205.07.47
@namespace    https://userstyles.world/user/KABA
@description  Design tweaks.
@author       KABA
@license      No License
==/UserStyle== */

@-moz-document domain("trello.com") {
/* Domain */

/* - Base */
:root {
	--gutter-x: 8dvw / 360 * 100;
	--bs-1: color-mix(in hsl, #0000, var(--gray--base)  8%);
	--bs-2: color-mix(in hsl, #0000, var(--gray--base) 16%);
	--box-shadow:
		var(--bs-1) 0 1px 1px,
		var(--bs-2) 0 0   1px;

	&[data-color-mode="light"][data-theme~="light:light"] {
		--gray--base: #091e42;
		--ds-background-neutral: color-mix(in hsl, #0000, var(--gray--base) 4%);
	}
}

/* - Modal of Task */
#layer-manager-card-back {
	/* Modal card wrapper */
	[data-elevation] {
		--my: min(1.5rem, var(--gutter-x));
		margin-block: var(--my);

		/* Adjust container padding for 751px - 800px */
		> [role="dialog"] {
			max-width: calc(100dvw - var(--my));
		}
	}

	/* Check list */
	.LieesRzehtmWbc {
		margin-top: 1em;

		label,
		[role="button"] { padding-block: 0 }
	}

	/* Markdown Contents */
	.ak-renderer-document,
	.ProseMirror {
		h1, h2, h3, h4,
		> p {
			&:not(:last-child) { margin-bottom: .5em }
		}
		> p {
			line-height: calc(22 / 14);
			&:not(:first-child) { margin-top: .5em }
		}
		> :is(ul, ol),
		blockquote {
			&:not(:first-child) { margin-top: 1em }
			&:not(:last-child)  { margin-bottom: 1em }
		}
		blockquote { display: revert }
	}

	/* Input fields */
	.akEditor {
		border-radius: 8px;
		box-shadow: var(--box-shadow);
	}

	/* Message bubble */
	.c3OsZHKSpXeMAD > input,
	.OKlwSQ0FyvrPMg {
		--bs-1: color-mix(in hsl, #0000, var(--gray--base)  8%);
		--bs-2: color-mix(in hsl, #0000, var(--gray--base) 16%);
		--ds-shadow-raised: var(--box-shadow);
	}
	.OKlwSQ0FyvrPMg {
		.UsFZdUsj8up1NB { padding: 8px 12px }
	}
}
}