.meal-card.svelte-1cuhqg7 {
		display: grid;
		grid-template-columns: auto 1fr auto auto;
		grid-template-areas:
			'icon details calories delete'
			'icon macros macros macros';
		align-items: center;
		gap: 6px 12px;
		background: var(--surface);
		border: 1px solid var(--border);
		border-radius: var(--radius-md);
		padding: 12px 14px;
		margin-bottom: 8px;
		box-shadow: var(--shadow-sm);
		transition:
			border-color 0.15s,
			transform 0.1s;
	}

	.meal-card.svelte-1cuhqg7:hover {
		border-color: var(--border-strong);
	}

	.meal-icon.svelte-1cuhqg7 {
		grid-area: icon;
		width: 36px;
		height: 36px;
		border-radius: 10px;
		background: var(--s);
		color: var(--c);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.meal-details.svelte-1cuhqg7 {
		grid-area: details;
		min-width: 0;
		display: flex;
		flex-direction: column;
		gap: 1px;
	}

	.meal-details.svelte-1cuhqg7 h3:where(.svelte-1cuhqg7) {
		margin: 0;
		font-size: 0.95rem;
		font-weight: 600;
		color: var(--text);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		letter-spacing: -0.01em;
	}

	.meal-type.svelte-1cuhqg7 {
		font-size: 0.72rem;
		color: var(--text-muted);
		font-weight: 500;
	}

	.macros.svelte-1cuhqg7 {
		grid-area: macros;
		display: flex;
		gap: 5px;
		flex-wrap: wrap;
		padding-left: 0;
	}

	.macro.svelte-1cuhqg7 {
		font-size: 0.66rem;
		font-weight: 600;
		padding: 2px 7px;
		border-radius: 6px;
	}

	.macro.p.svelte-1cuhqg7 {
		background: var(--protein-soft);
		color: var(--protein);
	}

	.macro.c.svelte-1cuhqg7 {
		background: var(--carbs-soft);
		color: #b45309;
	}

	.macro.f.svelte-1cuhqg7 {
		background: var(--fat-soft);
		color: var(--fat);
	}

	.calories.svelte-1cuhqg7 {
		grid-area: calories;
		font-size: 1rem;
		font-weight: 800;
		color: var(--text);
		letter-spacing: -0.02em;
		display: flex;
		align-items: baseline;
		gap: 3px;
		white-space: nowrap;
	}

	.calories.svelte-1cuhqg7 small:where(.svelte-1cuhqg7) {
		font-size: 0.65rem;
		color: var(--text-subtle);
		font-weight: 600;
	}

	.delete-form.svelte-1cuhqg7 {
		grid-area: delete;
		margin: 0;
	}

	.delete-btn.svelte-1cuhqg7 {
		background: transparent;
		border: none;
		color: var(--text-subtle);
		cursor: pointer;
		padding: 6px;
		border-radius: 8px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		transition:
			color 0.15s,
			background 0.15s;
	}

	.delete-btn.svelte-1cuhqg7:hover {
		color: var(--danger);
		background: var(--danger-soft);
	}

	@media (min-width: 900px) {
		.meal-card.svelte-1cuhqg7 {
			grid-template-columns: auto 1fr auto auto auto;
			grid-template-areas: 'icon details macros calories delete';
			padding: 14px 18px;
			gap: 16px;
		}

		.meal-icon.svelte-1cuhqg7 {
			width: 40px;
			height: 40px;
		}

		.macros.svelte-1cuhqg7 {
			padding-left: 0;
		}

		.calories.svelte-1cuhqg7 {
			font-size: 1.1rem;
		}
	}